@charset "utf-8";

@media screen and (max-width: 639px) {
body { font-size:1.2rem; font-size:1.2em; }
h2 { font-size:1.4rem; font-size:1.4em; letter-spacing:0.05em; }
h4,h5 { font-size:1em; }

/* skip */
.skip { display:block; width:0; height:0; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px; }

/* clear */
.clear { height:0; font-size:0; line-height:0px; clear:both; }

/* page link */
#T01,#T02,#T03,#T04 { padding-top:70px; margin-top:-70px; }

/* header */
header { width:100%; height:70px; position:fixed; left:0; top:0; z-index:9999; background-color:#F2B024; }
#headerbody { margin:10px auto; width:320px; }
#headerLogo { float:left; width:60px; }
#headerNavi { float:left; width:260px; }
#headerbody h1 { }
#headerbody h1 img { width:49px; }
#headerbody h2#h-title { display:none; }
#headerbody ul { list-style:none; }
#headerbody ul li { margin-left:3px; float:left; }
#headerbody ul li img { width:49px; }

/* contents area */
#contentsbody { margin:0 auto; width:100%; }

/* contents(top) area */
#contentsTop { padding-top:70px; width:100%; background-color:#B22222; }
#catchbody { margin:20px 10px; }
#catch-img { text-align:center; }
#catch-img img { width:90%; }
#catch-text { }
#catch-text h2 { margin:20px 0 10px; color:#FFF; text-align:center; }
#catch-text p { color:#FFF; text-align:center; }
#newsbody { margin:0 3%; padding-bottom:30px; width:94%; }
#newsbody h3 { margin-bottom:10px; color:#FFD700; text-align:center; background-color:#A41F1F; }
#newsbody dt { margin-bottom:3px; color:#FFF; text-align:center; font-weight:bold; }
#newsbody dd { margin-bottom:5px; color:#FFF; text-align:center; }

/* contents(Service) area */
#contentsService { width:100%; background-color:#007AA8; float:left; }
#contentsService h2 { margin:17px 0 10px; color:#036; text-align:center; }
.Servicebody { margin:0 3%; width:94%; float:left; }
.Service-img { width:20%; float:left; }
.Service-img img { width:90%; }
.Service-text { width:80%; float:right; }
.Service-text h3 { margin-bottom:5px; color:#FC0; border-bottom:2px #FC0 solid; }
.Service-text p { color:#FFF; }

/* contents(Works) area */
#contentsWorks { width:100%; background-color:#68A422; float:left; }
#contentsWorks h2 { margin:17px 0 10px; color:#030; text-align:center; }
#contentsWorks p { margin:0 10px 10px; color:#FFF; text-align:center; }
#contentsWorks ul { padding-bottom:8px; list-style-type:none; margin:0 3%; width:94%; font-size:0; }
#contentsWorks ul li { margin-bottom:8px; width:47%; display:inline-block; color:#FFF; text-align:center; vertical-align:top; font-size:10px; line-height:1.2em; }
#contentsWorks ul li img { width:85%; }

/* contents(About) area */
#contentsAbout { margin-bottom:10px; width:100%; background-color:#FF6C00; float:left; }
#contentsAbout h2 { margin:17px 0 10px; color:#930; text-align:center; }
#contentsAbout p { margin-bottom:15px; color:#FFF; text-align:center; }
#contentsAbout table { margin:0 auto; border-collapse:collapse; color:#FFF; }
#contentsAbout th { padding:5px 7px; line-height:1.3em; vertical-align:top; font-weight:normal; text-align:left; white-space:nowrap; }
#contentsAbout td { padding:5px 7px; line-height:1.3em; }
#contentsAbout p#b-mail a { margin:0 auto; display:block; width:57px; height:57px; background:url("../images/tablet/b_mail.png") 0 0 no-repeat; }
#contentsAbout p#b-mail a:hover { width:57px; height:57px; background:url("../images/tablet/b_mail_on.png") 0 0 no-repeat; }

/* page top */
.b-pagetop { display:none !important; }
.bm-pagetop { margin:0; padding:0; display:none; position:fixed; right:3%; bottom:0%; }
.bm-pagetop a { display:block; opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; }
.bm-pagetop a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
}