@charset "utf-8";

/* carento
==================================*/
header nav ul li#navi2{background:url(/common/img/navhover.png) center no-repeat;}
/* greeting
==================================*/
#greeting{width:1040px; margin:0 auto 60px;}
#greeting dd p.text{float:left; width:640px;}
#greeting dd p.text span{display:block; margin-top:2.4em;}
#greeting dd p.text span.name{margin-top:30px; font-size:0; line-height:0;}
#greeting dd p.ph{float:right; width:394px;}
@media screen and (max-width: 640px){
#greeting{width:auto; margin:0 3% 30px;}
#greeting dt img{width:40%;}
#greeting dd p.text{float:none; width:auto;}
#greeting dd p.text span{margin-top:2em;}
#greeting dd p.text span.name{margin-top:20px;}
#greeting dd p.ph{float:none; width:auto; margin:0 7% 20px;}
}
/* info
==================================*/
#info{width:1040px; margin:0 auto 60px;}
#info dd ul{list-style:none;}
#info dd ul li{float:left; width:330px; margin-right:25px;}
#info dd ul li.last{margin-right:0;}
#info dd ul li span{display:block;}
#info dd ul li iframe{width:100%; border:0; height:174px;}
@media screen and (max-width: 640px){
#info{width:auto; margin:0 3% 30px;}
#info dt img{width:38%;}
#info dd ul li{float:none; width:auto; margin-right:0; margin-bottom:20px;}
#info dd ul li.last{margin-right:0; margin-bottom:0;}
#info dd ul li span{display:block;}
#info dd ul li iframe{width:100%; border:0; height:174px;}
}
/* experience
==================================*/
#experience{width:1040px; margin:0 auto 60px;}
#experience dt{ margin-bottom:20px; text-align:center; font-size:0; line-height:0;}
#experience dd p.data{float:left; width:33%; font-size:0; line-height:0;}
#experience dd p.vision{float:right; width:67%; font-size:0; line-height:0;}
@media screen and (max-width: 640px){
#experience{width:auto; margin:0 3% 20px;}
#experience dt{margin-bottom:10px;}
}
/* box01
==================================*/
#box01{width:1040px; margin:0 auto 60px; list-style:none;}
#box01 li{float:left; width:60%; border:1px dashed #ff87af; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
#box01 li.last{ float:right; width:38%;}
#box01 li dl{padding:3%;}
#box01 li dl dt,
#box01 li dl dd{text-align:center; font-size:0; line-height:0;}
#box01 li dl dd span.left{display:block; float:left; width:60%;}
#box01 li dl dd span.right{display:block; float:right; width:40%;}
@media screen and (max-width: 640px){
#box01{width:auto; margin:0 3% 20px;}
#box01 li dl{padding:3%;}
#box01 li dl dt,
#box01 li dl dd{text-align:center; font-size:0; line-height:0;}
}
/* box02
==================================*/
#box02{width:1040px; margin:0 auto 60px; list-style:none;}
#box02 li{float:left; width:49%; border:1px dashed #ff87af; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
#box02 li.last{float:right; width:49%;}
#box02 li dl{padding:3%;}
#box02 li dl dt,
#box02 li dl dd{text-align:center; font-size:0; line-height:0;}
@media screen and (max-width: 640px){
#box02{width:auto; margin:0 3% 30px;}
}
/* question
==================================*/
#question{width:1040px; margin:0 auto 60px;}
#question dd ul{list-style:none;}
#question dd ul li{margin-bottom:40px;}
#question dd ul li.last{margin-bottom:0;}
#question dd ul li dt{background:url(img/question.png) left center no-repeat; margin-bottom:.5em; padding:.5em 0 .5em 3.2em; font-size:21px; color:#ff6a9c;}
#question dd ul li dd{background:url(img/answer.png) left center no-repeat; padding:.8em 0 .8em 5em;}
@media screen and (max-width: 640px){
#question{width:auto; margin:0 3% 30px;}
#question dt{width:80%;}
#question dd ul li{margin-bottom:30px;}
#question dd ul li dt{margin-bottom:.3em; padding:.3em 0 .3em 3.2em; font-size:18px;}
#question dd ul li dd{padding:.3em 0 .3em 4em;}
}
/* counseling
==================================*/
#counseling{width:1040px; margin:0 auto 60px; padding:20px 0; background:url(/common/img/bakImg04.gif) left top repeat; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#counseling>p{text-align:center; font-size:0; line-height:0;}
#counseling>dl{padding:2em 90px; margin:0 20px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#counseling>dl>dt{float:left; font-size:0; line-height:0;}
#counseling dd p.tel{float:right; margin-bottom:30px; font-size:0; line-height:0;}
#counseling dd p.mail{clear:both; margin-bottom:1em; text-align:center;}
#counseling dd p.mail a{color:#ff699b; font-size:17px; word-break:break-all;}
#counseling dd>span{display:block; margin-bottom:1.5em; text-align:center;}
#counseling dd dl.coupon{display:table; padding:20px; background:#fff8fa;}
#counseling dd dl.coupon dt{display:table-cell; text-align:center; vertical-align:middle;}
#counseling dd dl.coupon dd{display:table-cell; width:65%;}
@media screen and (max-width: 640px){
#counseling{width:auto; margin:0 0 30px; padding:5% 0;}
#counseling>p{margin:0 5% 10px;}
#counseling>dl{padding:1.5em 8%; margin:0 5%;}
#counseling>dl>dt{float:none; margin-bottom:10px;}
#counseling dd p.tel{float:none; margin-bottom:20px;}
#counseling dd p.mail{text-align:left;}
#counseling dd p.mail a{display:block; font-size:15px;}
#counseling dd>span{text-align:left;}
#counseling dd dl.coupon{display:block; padding:3%;}
#counseling dd dl.coupon dt{display:block;}
#counseling dd dl.coupon dd{display:block; width:auto;}
}