@charset "utf-8";

/*トップページ*/
body.home header{height:600px;}
body.home header h1{top:-200px;left:0;right:0;background:url(../top/logoBCKG.png) no-repeat center;width:360px;height:210px;padding:55px 56px;box-sizing:border-box;}
body.home header h1 a{width:247px;height:79px;background-size:100% auto;padding-top:100px;box-sizing:border-box;}
body.home header p.topCopy{display:block;position:absolute;top:300px;text-align:center;width:100%;color:#fff;font-size:20px;line-height:2.0;}
body.home header p.topCopy em{display:block;font-size:40px;line-height:1.5;}
body.home header p.description{display:none;}
body.home header nav#gNavi{display:none;}

#topIMG{height:420px;background:url(../top/cover01-1.png) no-repeat center top;position:relative;width:100%;margin:0 auto;padding-top:405px;box-sizing:border-box;}
#topIMG ul{width:572px;height:393px;background:url(../top/cover01-0.png) no-repeat center bottom;position:absolute;top:-97px;left:0;right:0;margin:0 auto;padding:40px 30px 0 80px;box-sizing:border-box;}
#topIMG ul li{background:url(../concept/g.png) no-repeat left center;padding-left:80px;height:64px;line-height:64px;vertical-align:middle;font-size:24px;font-weight:bold;position:relative;}
#topIMG ul li i{font-size:24px;font-family:Arial Black,sans-serif;font-weight:bold;margin-right:15px;}
#topIMG ul li:nth-of-type(2){background-image:url(../concept/r.png);margin-left:50px;}
#topIMG ul li:nth-of-type(3){background-image:url(../concept/i.png);margin-left:100px;}
#topIMG ul li:nth-of-type(4){background-image:url(../concept/t.png);margin-left:150px;}
#topIMG ul li:after{content:'';display:block;position:absolute;right:0;top:0;height:64px;background:#fff;}
#topIMG ul li:nth-of-type(1):after{-webkit-animation:t01 1.5s 1.0s 1 forwards;animation:t01 1.5s 1.0s 1 forwards;width:100%;}
#topIMG ul li:nth-of-type(2):after{-webkit-animation:t02 1.5s 1.5s 1 forwards;animation:t02 1.5s 1.5s 1 forwards;width:100%;}
#topIMG ul li:nth-of-type(3):after{-webkit-animation:t03 1.5s 2.0s 1 forwards;animation:t03 1.5s 2.0s 1 forwards;width:100%;}
#topIMG ul li:nth-of-type(4):after{-webkit-animation:t04 1.5s 2.5s 1 forwards;animation:t04 1.5s 2.5s 1 forwards;width:100%;}
@-webkit-keyframes t01{100%{width:0;}}@keyframes t01{100%{width:0;}}
@-webkit-keyframes t02{100%{width:0;}}@keyframes t02{100%{width:0;}}
@-webkit-keyframes t03{100%{width:0;}}@keyframes t03{100%{width:0;}}
@-webkit-keyframes t04{100%{width:0;}}@keyframes t04{100%{width:0;}}

#topIMG .explain{width:1100px;margin:0 auto;border-top:4px solid #9c0;position:relative;}
#topIMG .explain ol{position:relative;padding-top:7px;}
#topIMG .explain ol:before{content:'';display:block;width:20px;height:20px;background:#9c0;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:absolute;left:8%;top:-12px;z-index:5;}
#topIMG .explain li{width:20%;float:left;position:relative;color:#690;font-size:17px;line-height:1.75;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background:rgba(255,255,255,0);padding:15px 10px;box-sizing:border-box;word-break:break-all;}
#topIMG .explain li b{font-weight:normal; display:block; text-align:center; font-size:16px;}
#topIMG .explain li:hover{font-size:30px;line-height:1.15;background:rgba(255,255,255,0.8);}
#topIMG .explain li:hover b{font-weight:bold;line-height:1.75;}
#topIMG .explain.ex01 ol:before,#topIMG .explain.ex02 ol:before,#topIMG .explain.ex03 ol:before,#topIMG .explain.ex04 ol:before,#topIMG .explain.ex05 ol:before{top:-22px;width:40px;height:40px;}
#topIMG .explain.ex01 ol:before{left:7%;}
#topIMG .explain.ex02 ol:before{left:27.5%;}
#topIMG .explain.ex03 ol:before{left:48.1%;}
#topIMG .explain.ex04 ol:before{left:67.6%;}
#topIMG .explain.ex05 ol:before{left:88.2%;}
#topIMG .explain h2{font-size:27px;position:absolute;top:-80px;left:0;right:0;margin:auto;text-align:center;width:600px;box-sizing:border-box;background-color:#9c0;color:#fff;padding:2px 50px 0 50px;}


.top01{background:#d80;}
.top01 div{height:340px;width:1100px;box-sizing:border-box;padding-left:350px;padding-top:60px;margin:0 auto;position:relative;}
.top01 div:before{content:'';display:block;width:616px;height:340px;position:absolute;right:800px;top:0;background:url(../top/01.jpg) no-repeat right center;}
.top01 div h2{font-size:30px;line-height:1.5;position:relative;color:#fff;}
.top01 div h2:before,.top01 div h2:after{content:'';display:block;position:absolute;opacity:0;}
.top01 div h2:before{width:181px;height:163px;right:30px;top:10px;background-image:url(../top/01-1.png);}
.top01 div h2:after{width:118px;height:106px;right:0;top:90px;background-image:url(../top/01-2.png);}
.top01 div p{font-size:15px;line-height:1.5;margin-top:10px;color:#fff;}

.top01.top01-2{background:#fd5;margin-bottom:80px;}
.top01.top01-2 div{padding-left:0;padding-right:350px;}
.top01.top01-2 div:before{left:800px;top:0;background-image:url(../top/02-7.jpg);}
.top01.top01-2 h2,.top01.top01-2 p{color:#000;}
.top01.top01-2 div h2:before{background-image:url(../top/022-1.png);right:-30px;}
.top01.top01-2 div h2:after{background-image:url(../top/022-2.png);right:-70px;}

.top01.fade div h2:before{-webkit-animation:t02-1 0.5s 0.5s 1 forwards;animation:t02-1 0.5s 0.5s 1 forwards;}
.top01.fade div h2:after{-webkit-animation:t02-2 0.5s 1.0s 1 forwards;animation:t02-2 0.5s 1.0s 1 forwards;}
@-webkit-keyframes t02-1{100%{top:-90px;opacity:1;}}@keyframes t02-1{100%{top:-90px;opacity:1;}}
@-webkit-keyframes t02-2{100%{top:-10px;opacity:1;}}@keyframes t02-2{100%{top:-10px;opacity:1;}}

.top02{margin-top:50px;}
.top02 dl{float:left;width:32.3%;margin-left:1.5%;background:url() no-repeat center top;background-size:100% auto;padding-top:250px;position:relative;bottom:-50px;opacity:0;min-height:400px;box-sizing:border-box;}
.top02 dl:nth-of-type(3n+1){margin-left:0;}
.top02 dl dt{text-align:center;font-size:20px;margin-bottom:2px;}
.top02 dl dd{font-size:15px;line-height:2.0;}
.top02 dl.top02-1{background-image:url(../top/02-3.jpg);}
.top02 dl.top02-2{background-image:url(../top/02-2.jpg);}
.top02 dl.top02-3{background-image:url(../top/02-1.jpg);}
.top02 dl.top02-4{background-image:url(../top/02-4.jpg);}
.top02 dl.top02-5{background-image:url(../top/02-5.jpg);}
.top02 dl.top02-6{background-image:url(../top/02-6.jpg);}
.top02 a.link{position:relative;bottom:-50px;opacity:0;}
.top02.fade dl.top02-1{-webkit-animation:t03-1 0.5s 0s 1 forwards;animation:t03-1 0.5s 0s 1 forwards;}
.top02.fade dl.top02-2{-webkit-animation:t03-2 0.5s 0.25s 1 forwards;animation:t03-2 0.5s 0.25s 1 forwards;}
.top02.fade dl.top02-3{-webkit-animation:t03-3 0.5s 0.5s 1 forwards;animation:t03-3 0.5s 0.5s 1 forwards;}
.top02.fade dl.top02-4{-webkit-animation:t03-4 0.5s 0.75s 1 forwards;animation:t03-3 0.5s 0.75s 1 forwards;}
.top02.fade dl.top02-5{-webkit-animation:t03-5 0.5s 1.0s 1 forwards;animation:t03-3 0.5s 1.0s 1 forwards;}
.top02.fade dl.top02-6{-webkit-animation:t03-6 0.5s 1.25s 1 forwards;animation:t03-3 0.5s 1.25s 1 forwards;}
.top02.fade a.link{-webkit-animation:t03-4 0.5s 2.0s 1 forwards;animation:t03-4 0.5s 2.0s 1 forwards;}
@-webkit-keyframes t03-1{100%{bottom:0;opacity:1;}}@keyframes t03-1{100%{bottom:0;opacity:1;}}
@-webkit-keyframes t03-2{100%{bottom:0;opacity:1;}}@keyframes t03-2{100%{bottom:0;opacity:1;}}
@-webkit-keyframes t03-3{100%{bottom:0;opacity:1;}}@keyframes t03-3{100%{bottom:0;opacity:1;}}
@-webkit-keyframes t03-4{100%{bottom:0;opacity:1;}}@keyframes t03-4{100%{bottom:0;opacity:1;}}
@-webkit-keyframes t03-5{100%{bottom:0;opacity:1;}}@keyframes t03-5{100%{bottom:0;opacity:1;}}
@-webkit-keyframes t03-6{100%{bottom:0;opacity:1;}}@keyframes t03-6{100%{bottom:0;opacity:1;}}

/*コンセプトページ*/
.co01{text-align:center;margin-top:50px;}
.co01 li{display:inline-block;width:135px;font-size:18px;padding-top:65px;background:url() no-repeat center top;}
.co01 li i{font-family:Arial Black,sans-serif;font-size:24px;display:block;}
.co01 li:nth-of-type(1){background-image:url(../concept/g.png);}
.co01 li:nth-of-type(2){background-image:url(../concept/r.png);}
.co01 li:nth-of-type(3){background-image:url(../concept/i.png);}
.co01 li:nth-of-type(4){background-image:url(../concept/t.png);}

.co03 div{float:left;width:50%;}
.co03 div li{fotn-size:15px;margin-bottom:7px;}
/*サービスページ*/
.service-page h3.copy{font-size:30px;margin:50px 0 15px;}

.sv01{text-align:center; margin-top:30px;}
.sv01 dl{min-height:140px;vertical-align:top;display:inline-block;border:1px solid #999;box-sizing:border-box;width:31%;margin:0 0.5%;margin-bottom:20px;padding:30px 15px;position:relative;}
.sv01 dl:before{content:'';display:block;width:20px;height:20px;position:absolute;right:-1px;bottom:-1px;background:url(../service/kado.gif) no-repeat right bottom;}
.sv01 dl dt{font-size:18px;font-weight:bold;color:#09c;margin-bottom:7px;}
.sv01 dl dd{font-size:13px;line-height:1.75;}
.sv01 dl dd em{color:#c00;font-weight:bold;}
.sv01 dl dd em b{font-size:20px;}
.service-page .top02{padding-top:100px;}

/*会社概要*/
.google-map{border:1px solid #999;margin-bottom:50px;}
.google-map iframe{border:1px solid #fff;width:100%;height:300px;display:block;box-sizing:border-box;}

article p.notice{border:1px solid #999;padding:30px;font-size:14px;}

/*お問い合わせページ*/
.contact h4{font-size:19px;margin-top:30px;}
.contact a.tel{font-size:40px;display:block;background:url(../contact/tel.png) no-repeat left 5px;background-size:30px;padding-left:35px;line-height:1;margin:7px 0;}
.contact span{font-size:13px;display:block;}


article table{width:100%;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;margin:50px 0 75px 0;}
article table tr:nth-child(odd){background:rgba(0,0,0,0.05);}
article table th,article table td{padding:15px;font-size:14px;border-right:2px solid #fff;border-bottom:2px solid #fff;}
article table th{width:200px;}

form input,form textarea{font-size:14px;padding:5px;margin:2px;}
form .checkbox li{margin-right:2em;display:inline-block;}
form .checkbox li input{cursor:pointer;}
tr.required th{background:url(../contact/required.gif) no-repeat right center;background-size:auto 17px;}
tr.company input{width:400px;}
tr.name input{width:300px;}
tr.name input:nth-of-type(2){width:250px;}
tr.tel input{width:350px;}
tr.email input{width:450px;}
tr.address input{width:350px;}
tr.address input.add00{width:100px;}
tr.address input.add01{width:200px;}
tr.address input.add03{width:400px;}
tr.address input.postnum{width:8em;}
tr.bikou textarea{width:90%!important;height:150px!important;box-sizing:border-box;}
.mfp_bottons{margin:50px auto;text-align:center;}
.mfp_bottons button{width:150px;font-size:14px;padding:10px 0;cursor:pointer;}

.contact-page .tk01{border:1px solid #999;padding:100px 50px;text-align:center;}
.contact-page .tk01 h3{color:#d80;font-size:30px;margin-bottom:30px;}

/*fade用*/
.fadebox{margin-bottom:80px;}
.fadebox h3,.fadebox h4,.fadebox p,.fadebox ul{position:relative;bottom:-20px;opacity:0;}
.fadebox ul{margin-top:30px;}
.fadebox ul li{margin:0 2px;background:#9c0;color:#fff;text-align:center;display:inline-block;padding:7px 12px;}

.fadebox.fade h3{-webkit-animation:f-h3 0.5s 0s 1 forwards;animation:f-h3 0.5s 0s 1 forwards;}
.fadebox.fade h4{-webkit-animation:f-h4 0.5s 0.25s 1 forwards;animation:f-h4 0.5s 0.25s 1 forwards;}
  .fadebox.fade p{-webkit-animation:f-p 0.5s 0.5s 1 forwards; animation:f-p 0.5s 0.5s 1 forwards;}
.fadebox.fade ul{-webkit-animation:f-ul 0.5s 0.75s 1 forwards;animation:f-ul 0.5s 0.75s 1 forwards;}
@-webkit-keyframes f-h3{100%{bottom:0;opacity:1;}}@keyframes f-h3{100%{bottom:0;opacity:1;}}
@-webkit-keyframes f-h4{100%{bottom:0;opacity:1;}}@keyframes f-h4{100%{bottom:0;opacity:1;}}
@-webkit-keyframes f-p{100%{bottom:0;opacity:1;}}@keyframes f-p{100%{bottom:0;opacity:1;}}
@-webkit-keyframes f-ul{100%{bottom:0;opacity:1;}}@keyframes f-ul{100%{bottom:0;opacity:1;}}

.kiyaku p{font-size:13px;margin-bottom:20px;}
.kiyaku p.title02{font-size:15px;margin-bottom:40px;}
.kiyaku ol{font-size:13px;margin:20px 0 40px 0;}
.kiyaku ol li{line-height:2;margin-bottom:10px;text-indent:-15px;padding-left:35px;list-style-type:none;}
.kiyaku ol li b{font-weight:normal;display:inline-block;width:15px;text-align:right;padding-right:10px;box-sizing:border-box;}
.kiyaku ol li ol{margin-left:-10px;margin-top:15px;}
.kiyaku p.notice > b{display:block;font-size:17px;padding-top:55px;text-align:center;width:150px;background:url(../top/logo-top.png) no-repeat left top / 150px auto;margin-bottom:7px;}
.kiyaku p.notice > em{display:block;margin-bottom:12px;}
.kiyaku p.notice > span{display:inline-block;width:17px;height:15px;font-size:17px;background:url(../company/at.gif) no-repeat center 2px;}
.kiyaku p{text-align:justify;}
.kiyaku li{text-align:justify;}