html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:transparent;border:0;font:inherit;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display: block;}
*{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
body {background:#fff;color:#39313c;font-family:Latha,'メイリオ', Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;font-size:1em;line-height:1.875em;}
h1{font-size:1.875em;margin-bottom:.5em;}
h2{font-size:1.5em;margin-bottom:.5em;}
p{margin-bottom:1em;}
p#linktomail a {background: url(../images/mail_icon.png) no-repeat 0 center;padding-left:2.5em;}
p#nolinktomail {background: url(../images/mail_icon.png) no-repeat 0 center;color:red;padding-left:2.5em;text-decoration:underline;}
a{text-decoration:none;
-webkit-transition:background 0.5s ease;
transition:background 0.5s ease;
}
ul{margin:0 0 .5em 1em;list-style-type:none;}
ol{margin:0 0 .5em 2em;list-style-type:lower-roman;}
header,
section {padding-top:2em;}
#header-nav {position:fixed;top:0;left:0;width:100%;}
#header-nav-ham {background:rgba(3,169,244,.9);border-radius:0 0 8px 8px;color:#fff;display:block;margin-bottom:.8em;padding:.25em .5em;text-align:center;}
#header-nav-ham:hover {background:rgba(3,169,244,.7);}
#header-nav-menu {display:none;margin:0 auto;width:300px;}
#header-nav-menu li {margin-bottom:.8em;}
#header-nav-menu li span {display:inline;float:right;clear:right;}
#header-nav-menu li a {border-radius:8px;}
#header-nav-menu a {background:rgba(3,169,244,.9);border-radius:8px;color:#fff;display:block;padding:.25em .5em;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
#header-nav-menu a:hover {background:rgba(3,169,244,.7);}
section:after,header:after {
content:"";display:block;height:400px;width:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.6);
}
.contents-wrap{width:100%;margin:0 auto;}
.contents-inner{padding:10% 4.16667% 10% 4.16667%;}
header .contents-inner,
#webcreate .contents-inner,
#pcsupport .contents-inner,
#printdesign .contents-inner,
#contactus .contents-inner {background:none;background-size:37.5% auto;}
header:after{background-image:url(../images/img01.jpg);}
#webcreate:after{background-image:url(../images/img02.jpg);}
#privacy-policy:after,
#pcsupport:after{background-image:url(../images/img03.jpg);}
#printdesign:after{background-image:url(../images/img04.jpg);}
#contactus:after{background-image:url(../images/img05.jpg);}
footer{padding:2em 4.16667% 1em;text-align:center;}
footer a {color:#1976d2;font-size:.8125em;}
#privacy-policy .contents-wrap{margin:0 auto;max-width:1200px;padding:4.16667%;}
#privacy-policy h2 {font-size:1.25em;font-weight:700;}
#privacy-policy h3 {font-weight:700;}
#privacy-policy .text-right{text-align:right;}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (min-device-width: 320px) and (max-device-width: 480px) {
section:after,header:after{background-attachment:scroll;}
}
/* 16px*30em = 480px */
@media only screen and (min-width: 30em) {
	header,
	section {padding-top:0;}
}
/* 16px*45em = 720px */
@media only screen and (min-width: 45em) {
	#header-nav-menu {display:block;margin:0;width:180px;}
	#header-nav-ham {display:none;}
	#header-nav-menu li span {display:none;}
	.contents-inner{padding:10% 4.16667% 10% 50%;}
	header .contents-inner{background: url(../images/s_img01.jpg) 4.16667% center no-repeat;background-size:37.5% auto;}
	#webcreate .contents-inner{background: url(../images/s_img02.jpg) 4.16667% center no-repeat;background-size:37.5% auto;}
	#pcsupport .contents-inner{background: url(../images/s_img03.jpg) 4.16667% center no-repeat;background-size:37.5% auto;}
	#printdesign .contents-inner{background: url(../images/s_img04.jpg) 4.16667% center no-repeat;background-size:37.5% auto;}
	#contactus .contents-inner{background: url(../images/s_img05.jpg) 4.16667% center no-repeat;background-size:37.5% auto;}
}
/* 16px*48em = 768px */
@media only screen and (min-width: 48em) {
	#header-nav {top:144px;left:6.83594%;}
}
/* 16px*55em = 880px */
@media only screen and (min-width: 55em) {
	#header-nav-menu {width:300px;}
	#header-nav-menu li span {display:inline;}
}
/* 16px*75em = 1200px */
@media only screen and (min-width: 75em) {
	#header-nav {top:136px;left:11.4%;}
	.contents-wrap{width:1200px;}
}