@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------

下層共通

--------------------------------------------------------------------*/	
.midashiBox p.fe{ font-size:50px; margin-top:-100px}
.midashiBox ul{ font-size:22px; margin-top:30px; }
.midashiBox ul a{ padding:10px 0; display:block; font-weight:bold}

.pcno{ text-align:right}

/*--------------------------------------------------------------------

プラン

--------------------------------------------------------------------*/	
.planText01 {  margin:30px auto; font-size:15px; line-height:1.8em }

.mainPlan h2{ margin-bottom:20px; max-width:750px; margin:0 auto}
.mainPlan .planCome{ font-weight:bold; margin:15px 0; font-size:16px;line-height:1.6em }

.mainPlan li{ margin-bottom:40px}

.mainPlan .kakaku li{ margin-bottom:0px}
.mainPlan .kakaku dl{ margin-bottom:1px}
.mainPlan .kakaku dt{ background:#43cabe; padding:8px; color:#fff; font-weight:bold;}
.mainPlan .kakaku dd{ border:1px solid #43cabe; padding:8px; text-align:right;}

.hosoku{ margin-bottom:30px; font-size:11px; line-height:1.6em}

.tokusei h3{ color:#3b3134;
    text-align: center; /* for no-flexbox browsers */
	margin-bottom:20px; font-size:24px; font-weight:bold; line-height:1.6em; text-align:left
}


.tokusei h4{ background:#43cabe; padding:15px 0; color:#feff87; font-weight:bold; font-size:22px; text-align:center; letter-spacing:1px;
margin-bottom:1px; font-weight:bold}
.tokusei li{ margin-bottom:40px}
.tokusei li:last-child { text-align:center}
.tokusei li:last-child p{ font-size:14px; padding-top:15px; text-align:left}
.tokusei li:last-child img{ max-width:210px}
.tokusei .skypeb{ max-width:400px; margin-left:auto; margin-right:auto}

.tokusei p{ font-size:12px}

.tokusei .tuiki li:last-child{ text-align:left}


.tokusei .kakaku li{ margin-bottom:0px}
.tokusei .kakaku dl{ margin-bottom:1px}
.tokusei .kakaku dt{ background:#43cabe; padding:8px; color:#fff; font-weight:bold;}
.tokusei .kakaku dd{ border:1px solid #43cabe; padding:8px; text-align:right;}
.tokusei .kakaku dd span{ font-size:12px}

.tokusei .kakaku li:last-child{ margin-bottom:10px}

.tokusei .ret2{line-height:1.4em}

.tuiki li{ margin-bottom:0px; background:url(../img/plan/icon_plas.png) no-repeat left 0.6em; padding-left:11px; background-size:6px; font-size:13px}




/*--------------------------------------------------------------------

サービス

--------------------------------------------------------------------*/
.serviceBox{ padding:60px 0 0px; background:#f3eeea}	

.serviceBox .bgsima{ padding:20px 0 20px; background:url(../img/sima_bg.jpg) right}	

.serviceBox h2{ max-width:1200px; text-align:center; color:#3b3134; font-size:28px;letter-spacing: normal;font-family:my; margin-bottom:20px; font-weight:bold; }
.serviceBox .text01{padding:0 20px 30px; font-size:16px; line-height: 1.6em; text-align: center}
.serviceBox .text01 span{background:linear-gradient(transparent 60%, #ff6 60%);}


.flowbox1{margin: 0 20px 20px}
.serviceBox h3{margin-bottom: 10px; text-align: center}
.serviceBox h3 img{max-width:400px; width: 100% }
.serviceBox h4{margin: 15px 0 10px;font-family: 'my'; font-size: 16px; font-weight: bold}
.flowbox1 ul{ background: #fff; padding: 20px; border: 8px solid #e0ddd4}

.serviceBox a{display: block; font-size: 12px}
.serviceBox dt{text-align: center}
.serviceBox dd p{font-size: 13px;}
.serviceBox li .text02{font-size: 13px;}

.flowbox2 {margin: 20px 20px 20px}
.flowbox2 ul{ background: #fff; padding: 20px; border: 8px solid #e0ddd4}
.flowbox2 li{float: left; width: 47%; margin-right: 6%; margin-bottom: 20px; position: relative}
.flowbox2 li:nth-child(2n){ margin-right: 0}
.nonver{width:28px; position: absolute; left: -5px; top: -8px}


.lastcont li p{ padding-top: 10px}


/*--------------------------------------------------------------------

その他

--------------------------------------------------------------------*/
.etcBox{ margin:40px 0 0}
.etcBox h3{ color:#3b3134; font-size:20px; font-weight:bold; margin-bottom:5px}
.etcBox h4{ color:#ff6666; font-size:16px; font-weight:bold; }
.stc01,.stc02,.stc03{ margin-bottom:30px}
.etcBox li:last-child{ margin-top:30px}
.etcBox li:last-child p{ margin-bottom:15px}
.etcBox li:last-child p.mbt0{ margin-bottom:0px}
.etcBox ol li:last-child{ margin-top:0px}

.stc02 ol{ margin-left:20px}
.stc02 ol,.stc02 li{ list-style: decimal}

.imgBoxCont{
box-shadow:#ddd 0px 0px 1px 1px;
-webkit-box-shadow:#ddd 0px 0px 1px 1px;
-moz-box-shadow:#ddd 0px 0px 1px 1px;
 background:#fff; padding:10px;
 margin:20px auto 0px;
 max-width:900px; text-align: center}

.imgBoxCont h3{ max-width:1200px; text-align:center; color:#3b3134; font-size:17px;letter-spacing:1px; font-weight:bold;line-height:1.4em;margin-top: 10px;}




@media screen and (max-width: 449px) {
.serviceBox h2 em{ display: inline-block}
}


@media screen and (max-width: 639px) {
.tokusei h3{line-height:1.4em;text-align:center; font-size:20px}
	.tokusei h3 span{ display:block;  }

.mainPlan .kakaku dl{ font-size:16px;}
.tokusei .kakaku dl{ font-size:16px;}

}

@media screen and (min-width: 640px) {
.planText01{ font-weight:bold}	
.mainPlan .planCome{ line-height:1.8em}

.tokusei h3{ color:#3b3134;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
	margin-bottom:20px; font-size:24px; font-weight:bold; line-height:1.6em; text-align:left
}

.tokusei h3:before,
.tokusei h3:after {
    border-top: 1px solid #43cabe;
    content: "";
    display: inline; /* for IE */
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex: 1;
    flex-grow: 1;
}

.tokusei h3:before {
    margin-right: 0.5em;
}
.tokusei h3:after {
    margin-left: 0.5em;
}

.serviceBox h2 span{ letter-spacing:1px}

}


@media screen and (max-width: 749px) {
body{ line-height:1.6em}

.mainPlan h2{ margin-left:-20px; margin-right:-20px;}
}


@media screen and (min-width: 750px) {
.mainPlan .kakaku dl{ max-width:750px; margin-left:auto; margin-right:auto}
.mainPlan .kakaku dt{ width:50%; float:left; border:solid 1px #43cabe}
.mainPlan .kakaku dd{width:50%; float:right }	
		
.planText01{ text-align:center; font-size:18px}
.mainPlan .planCome{ text-align:center}

.hosoku{ text-align:right}

.tokuseiPlan li:first-child{ float: left; width:48% }
.tokuseiPlan li:nth-child(2){ float: right; width:48% }
.tokuseiPlan .kakaku li:first-child{ float: none; width:100% }
.tokuseiPlan .kakaku li:nth-child(2){ float: none; width:100% }
.tokuseiPlan .tuiki li:first-child{ float: none; width:100% }
.tokuseiPlan .tuiki li:nth-child(2){ float: none; width:100% }
.tokuseiPlan .tuiki,.tokusei p{ line-height:1.4em}

.tokuseiPlan  .skypeb{ clear:both; max-width:450px; margin:0 auto}
.tokuseiPlan  .skypeb img{ float:left; max-width:210px; margin-bottom:50px}
.tokuseiPlan  .skypeb p{ float:right; max-width:210px; font-size:14px; line-height:1.8em; padding-top:50px !important}

.serviceBox h2{ max-width:100%}
.serviceBox h2 span{ display:inline-block}


}


@media screen and (min-width: 980px) {
/*----------------------下層共通---------------------------*/
.midashiBox{ background:url(../img/plan/bg.jpg) no-repeat center top; min-height:490px; margin-top:45px}
.midashiBox p.fe{ margin-top:0px; padding:120px 0 70px;line-height:normal}
.midashiBox ul{ margin-top:0}
.midashiBox ul a{ display:inline-block}






.planText01{ margin:50px auto}

.mainPlan li{ float:left; line-height:2em; margin-bottom:30px}
.mainPlan li:first-child{ width:48%; margin-right:4%;}
.mainPlan li:last-child{ width:48%;float:right}

.mainPlan .kakaku li:first-child{ width:50%; margin-right:0;}
.mainPlan .kakaku li:nth-child(2),.mainPlan .kakaku li:nth-child(4){ width:50%; }
.mainPlan .kakaku li:nth-child(3){ width:100%; }
.mainPlan .kakaku li:nth-child(3) dt{ width:40%}
.mainPlan .kakaku li:nth-child(3) dd{ width:60%}
.mainPlan .kakaku li:last-child{ width:50%;float:right}

.hosoku{ margin-bottom:45px; clear:both}

.tokusei h3{ margin-bottom:25px}


.tokuseiPlan li{ float:left}
.tokuseiPlan li:first-child{ width:37%; margin-right:3%;float:left}
.tokuseiPlan li:nth-child(2){ width:37%; margin-right:5%;float:left}
.tokuseiPlan li:last-child{ width:18%;float:left }

.tokuseiPlan .kakaku li{ float:none}
.tokuseiPlan .kakaku li:first-child{ width:100%; margin-right:0%; float:none}
.tokuseiPlan .kakaku li:nth-child(2){ width:100%; margin-right:0%; float:none}
.tokuseiPlan .kakaku li:last-child{ width:100%; float:none }

.tokuseiPlan .tuiki li{ float:none}
.tokuseiPlan .tuiki li:last-child{ width:100%; float:none }

.tokuseiPlan .skypeb{ clear: none; max-width:450px; margin:0 auto 60px}
.tokuseiPlan .skypeb img{ float:none; max-width:210px; margin-bottom:0px}
.tokuseiPlan .skypeb p{ float:non; max-width:210px; font-size:14px; line-height:1.8em; padding-top:0px !important}
.tokusei li:last-child img{ width:100%}

.tokuseiPlan .kakaku dt{ width:50%; float:left; border:solid 1px #43cabe}
.tokuseiPlan .kakaku dd{width:50%; float:right }
.tokuseiPlan .kakaku .acours{ background:#43cabe}
.tokuseiPlan .kakaku .acours dt{ width:30%; }
.tokuseiPlan .kakaku .acours dd{width:70%; background:#fff }

.tokusei li:last-child p{ padding-top:20px !important}

.tokusei p{ line-height:1.6em}

.serviceBox{ padding:60px 0 }



.etcBox{ margin-top:60px}
.etcBox li:first-child{ width:48%; float:left; margin-right:4% }
.etcBox li:last-child{ width:48%; float: right; margin-top:0 }

.etcBox ol li:first-child{ width:100%; float:none; margin-right:0% }
.etcBox ol li:last-child{ width:100%; float: none;  }





}
@media screen and (max-width: 1100px) {
.lastcont{margin-bottom: 40px}
}

@media screen and (min-width: 1100px) {
.serviceBox{padding-bottom: 0}
.serviceBox .text01 {
    padding: 0 20px 30px;
    font-size: 18px;
    line-height: 1.8em;}
	
	
.flowbox1 {width: 900px; margin: 0 auto}
.serviceBox .freec{margin-bottom: 40px}
.flowbox1 ul{padding: 35px 35px 30px}
.flowbox1 dt{float: left; width:246px }
.flowbox1 dd{float: right; width:524px }
.serviceBox .flowbox1 h4{ text-align: left; margin-top: 0}

.flowbox2 {max-width: 1200px; margin: 0 auto; padding: 20px 0 40px}
.flowbox2 ul {padding: 35px 35px 30px}
.flowbox2 li{width: 22%; margin-right: 4%; margin-bottom: 0 }
.flowbox2 li:nth-child(2n){ margin-right: 4%}
.flowbox2 li:last-child{ margin-right: 0}

.imgBoxCont{padding-bottom:20px}
.imgBoxCont h3{font-size:24px;  margin-bottom: 0 }
.imgBoxCont img{ width: 610px}
.serviceBox h4 {font-size: 17px; text-align: center}

.serviceBox .oaite{padding-top: 20px}

.lastcont{margin-bottom: 60px}
}