@charset "UTF-8";
/*=====common=====*/
img{width:100%;}
section{padding:80px 0;}
.pcOnly{display:block;}
.spOnly{display:none;}
.spBr{display:none;}
.left{float:left;}
.right{float:right;}

/*=====parts=====*/
.wrap10{width:1000px;margin:0 auto;}
.wrapMax{width:100%;}
/*=====TTL=====*/
.h3A{background-color:#00aebb;color:#fff;font-size:30px;text-align:center;padding:10px 0;margin-bottom:30px;}
.h3B{background-color:#4d4d4d;color:#fff;text-align:center;font-size:30px;padding:10px 0;margin-bottom:30px;}
.h3A span{color:#4d4d4d;}
.subTtlP{text-align:center;font-size:20px;line-height:40px;font-weight:bold;margin-bottom:30px;}
.subTtlP.noC{text-align:left;}
.noImg{padding-left:5%;}
/*=====フォント=====*/
.robo{font-family: 'Roboto', sans-serif;font-size:40px;line-height:60px;color:#4d4d4d;letter-spacing:3px;text-align:center;}
.robo span{font-size:18px;color:#808080;}
/*=====装飾=====*/
.disc{position: relative;display: block;padding: 0 0 0 20px;color: #4d4d4d;vertical-align: middle;text-decoration: none;font-size: 16px;}
.disc::before,.disc::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: '';vertical-align: top;margin-top:10px;}
.disc::before{width: 12px;height: 12px;-webkit-border-radius: 50%;border-radius: 50%;background: #00aebb;}
.disc::after{left: 5px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #fff;top:3px;}
.unBr{border-bottom:1px solid #4d4d4d;}
.blue{color:#00aebb;}
/*=====ボタン=====*/
.lpBtn{width:450px;margin:0 auto;margin-top:50px;}
.flowBtn{background-color:#00aebb;color:#fff!important;font-size:14px;display:inline-block;line-height:28px;vertical-align: text-top;padding:0 10px;font-weight:100!important;}
/*=====ARROW=====*/
.arrow{position: relative;display: inline-block;background-color:#00aebb;padding:0px 20px 0px 7px;margin-bottom:10px;transition: 0.4s;}
.arrow:hover{background-color: #9feaee;}
.arrow a{color:#fff;display:block;padding: 5px;}
.arrow::after{content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #fff;border-right: solid 2px #fff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;margin-top: -4px;}
/*=====CONTACT PR=====*/
.contBox{margin-top:50px;}
.contBox p{text-align:center;}
.contBox div{width:480px;margin:0 auto;margin-top:30px;margin-bottom:30px;}
.optBox{text-align:right;margin-top:30px;}
.complete{width:765px;margin-left:35px;margin-top:-80px;margin-bottom:50px;position: relative;z-index: 3;}
.complete p{width:715px;margin-left: auto;margin-top:20px;}
/*=====PRICE BANNER=====*/
.sec10{padding-top:0;}
.sec10 .wrap10 div{margin-top:30px;}
.sec10 .subTtlP{margin-top:30px;}
.sec10 .subTtlP span{border-bottom:1px solid #4d4d4d;}

/*=====BANNER=====*/
.priB{background-color:#4d4d4d;}
.priB .wrap10,.mitB .wrap10{background-color:#f2f2f2;}
.priB .wrap10 div,.mitB .wrap10 div{width:1000px;margin:0 auto;}
.mitB{background-color:#00aebb;}

/*=====pageTop=====*/
.pageTop{padding:30px 0;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:center;}
.pageTop h2,.pageTop div{display:inline-block;vertical-align:middle;}
.pageTop h2{font-size:44px;text-align:center;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";font-weight:bold;letter-spacing:3px;}
.pageTop div{width:70px;}
/*=====resize=====*/
.photo{display: block;overflow: hidden;position:relative;width:300px;height:230px;}
.photo img{width: 100%;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/*=====header=====*/
header{height:130px;}
.headWrap{padding-top:20px;padding-left:20px;padding-bottom:20px;position: fixed;width:100%;background-color:rgba(255,255,255,0.8);z-index:999;}
.fix{visibility:visible;position: fixed;top: 0;width: 100%;z-index: 10000;margin-top:0;}
.logo{width:310px;margin:0 auto;}
/*=====footer=====*/
.secFoot{text-align:center;padding:50px 0;}
.secFoot .wrap10{border-top:1px solid #4d4d4d;padding-top:30px;}
.secFoot h3{font-family: 'Lato', sans-serif;color:#00aebb;margin-bottom:30px;}
.secFoot .footBtn div{width:480px;margin-top:30px;}
footer{border-top:1px solid #4d4d4d;font-size:10px;line-height:16px;padding:20px 0;text-align:center;}
footer p{font-size:10px;line-height:20px;}
/*=====PEAK=====*/
.btn {background:transparent url(../img/btn.png) no-repeat 0 0;display: block;width:95px;height: 95px;position: absolute;top:20px;right:20px;cursor: pointer;z-index: 2001;}
.peke {background-position: -95px 0;}
.drawr {display: none;background-color:rgba(255,255,255,0.9);position: absolute;top: 0px;right:0;width:100%;padding:20px;padding-top:60px;z-index: 1001;}
.fixed {position: fixed;width: 100%;height: 100%;}
.sc{overflow:auto;height:100%;}
.menu li a,#accordion li a {color:#4b4848;display: block;}
.menu li{padding:10px 0;}
.menu h2{font-size:18px;font-weight:bold;}
.menu p{font-size:14px;line-height:20px;margin-top:10px;}
.menu p a{font-weight:bold;padding:0;font-size:18px;border-bottom:2px solid #333;display:inline-block;}
#accordion li{color:#4b4848;display: block;padding: 15px;}
#accordion > ul > li{border-bottom:1px solid #ddd;}
li.chil:after {content:"＋";margin-left:10px;}
li.chil.action:after {content:"ー";margin-left:10px;}
.head ul li {list-style: none;cursor:pointer;}
/*=====ACCORDION=====*/
.close{display: none;padding-left:10%;background-color:#efefef;}

@media (max-width:768px){
	section{padding:40px 0;}
	.wrap10{width:90%;margin:0 auto;}
	.wrap8{width:100%!important;}
	.pcOnly{display:none;}
	.spOnly{display:block;}
	.spBr{display:block;}
	/*=====pageTop=====*/
	.pageTop{padding:10px 0;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:left;}
	.pageTop h2{font-size:26px;text-align:center;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";font-weight:bold;letter-spacing:3px;}
	.pageTop div{width:44px;}
	/*=====header=====*/
	header{height:65px;}
	.headWrap{padding-top:10px;padding-left:10px;padding-bottom:10px;position: fixed;width:100%;background-color:rgba(255,255,255,0.8);}
	.logo{margin-right:auto;width:150px;margin-left:0;}
	.btn {background:transparent url(../img/btnSp.png) no-repeat 0 0;display: block;width:45px;height: 45px;position: absolute;top:10px;right:10px;cursor: pointer;z-index: 2001;}
	.peke {background-position: -45px 0;}
	
	.contBox div{width:100%;}
	.complete{width:88%;margin-left:12%;margin-top:-4%;padding-right:5%;}
	.complete p{width:100%;padding-left:6%;}
}