@charset "utf-8";
/* CSS Document */
#wrap{margin: 0 auto;min-width: 1200px;width: 100%;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{max-width: 1200px;width: 100%;margin:1em auto 2em;}
#contentsArea .secBox{background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);}
#contentsArea #mainSection{width:100%;min-width: 900px; }
.SecInner{max-width:900px;width: 95%;margin: auto;padding:60px 0;}
#breadcrumbArea{padding: 0px 20px;width: 95%;margin: auto;}

.ttl-sub{font-size: 16px;font-weight: bold;}
.ttl-h3{color: #00a1c9;font-size: 32px;margin-bottom: 0.5em;line-height: 1.3;}
.txt{font-size: 14px;}

/*ページタイトル*/
.PageTtlBox{padding: 1.3em 0 1.5em;position: relative;width: 95%;margin: auto;}
.PageTtlBoxInner{margin: 1em auto; display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.PageTtlBox .PageTtl{font-size: 30px;text-align: center;position: relative;order: 2;width: 100%;padding: 0.2em 0;}
.PageTtlBox .PageTtl::after{content: "";display: block;width: 2.5em;height: 0;border-bottom: 5px solid #00a1c9;position: absolute;bottom: -5px;left: 50%;transform: translate(-50%, 0);}
.PageTtlBox .PagesubTtl{line-height: 1;order: 1;padding: 0;margin: 0;font-size: 120%;color: #4d4d4d;}

/*冒頭*/
#firstSec{background:#e6faff;margin-top: 30px; }
#firstSec .SecInner{padding:40px 0;}
#firstSec .txtBox{width: 55%;}
#firstSec .txtBox .ttl-h3 span{font-size: 40%;display:block;}

/*コンテンツ*/
#contentSec .SecInner{padding:60px 0 30px;}
#contentSec .simulationSec .step{margin-top: 55px;}
#contentSec .simulationSec .step .ttl-h4{font-size: 27px;font-weight: bold;line-height: 1.3;margin-bottom: 15px;}
#contentSec .simulationSec .step .ttl-h4 span{display: block;color: #00a1c9;font-size: 30px;font-weight:bold;}
#contentSec .simulationSec .step .step-Txt{font-size: 14px;margin-bottom: 0.5em;}

#contentSec .simulationSec .step .btnBox{text-align: center;}
#contentSec .simulationSec .step .btnBox button{background: #fff;width: 45%;filter: drop-shadow(0px 0px 5px #ccc);text-align: center;font-size: 21px;font-weight: bold;border-radius: 10px;padding: 1.2em 1em;margin: 0 1em;color: #00a1c9;position: relative;border: 3px solid #ccc;cursor: pointer;}
#contentSec .simulationSec .step .btnBox button img{display: block;margin: 0 auto 1em;}
#contentSec .simulationSec .step .btnBox button::before{content: "";display: block;position: absolute;background:url("../images/icon_check.png") no-repeat;background-color: #e6e6e6;border-radius:50vw;width: 40px;height: 40px;padding: 5px;top: 1em;}
#contentSec .simulationSec .step #areaSelect{width: 350px;padding: 0.6em 0.6em;font-size: 18px;display:block;margin: auto;border: 3px solid #00a1c9;border-radius: 5px;cursor: pointer;}

#contentSec .simulationSec .step .btnBox button.active{background: #f2fafc;border: 3px solid #00a1c9;}
#contentSec .simulationSec .step .btnBox button.active::before{background-color: #00a1c9; }

#contentSec .simulationSec #price_result{margin-top: 60px;background: #f2f2f2;border-radius: 10px;padding: 3em 13em;}
#contentSec .simulationSec #price_result .ttl-h4{font-size: 30px;color: #00a1c9;}
#contentSec .simulationSec #price_result .Nochoice p{font-size: 14px;margin-top: 10px;}
#contentSec .simulationSec #price_result .choice{display: none;}
#contentSec .simulationSec #price_result .choice .elect-details{font-size: 14px;}
#contentSec .simulationSec #price_result .choice .elect-details span{color: #00a1c9;display: inline-block;padding: 0 5px;}
#contentSec .simulationSec #price_result .choice .priceBox{background: #fff;border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 1em 0;position: relative;}
#contentSec .simulationSec #price_result .choice .priceBox .admissionfee{font-size: 20px;font-weight: 400;}
#contentSec .simulationSec #price_result .choice .priceBox .priceBoxInner{width:60%;margin: auto;}
#contentSec .simulationSec #price_result .choice .priceBox .priceTxt{font-weight: bold;font-size: 26px;}
#contentSec .simulationSec #price_result .choice .priceBox .priceTxt .number{width: 25%;}
#contentSec .simulationSec #price_result .choice .priceBox .priceTxt .tax{font-size:80%;font-weight: 400;padding-left: 5px;}
#contentSec .simulationSec #price_result .choice .priceBox .usagi{position: absolute;right: -25%;top: 0;bottom: 0;margin: auto;}

.middleFormLinkBox .secBox.middleFormLinkBox{margin:2em auto 0;}
.middleFormLinkBox .middleFormLinkBoxInner{padding: 3em 0 0em;}
.middleFormLinkBox .middleFormLinkBoxInner .middleFormLink{margin-top: -1em}
.middleFormLinkBox .ttlBox{margin-bottom:0;text-align:center;}
.middleFormLinkBox .ttl{font-size: 18px;font-weight:700;text-align:center;position:relative;display:inline-block;padding:0 1.5em;line-height: 1;}
.middleFormLinkBox .txt{font-size: 14px;padding: 0;}
.middleFormLinkBox .fmBtn{width:420px;margin:.2em auto 0em;padding:0;}
.middleFormLinkBox .fmBtn img{width:100%;height:auto;}
.middleFormLinkBox .bottomBox{width:420px;margin:0 auto;}
.middleFormLinkBox .ssBtn{margin:0 auto;}
.middleFormLinkBox .telBox{font-size: 102%;width:100%;}
.middleFormLinkBox .telTxt{width:100%;text-align:center;}
.middleFormLinkBox .telTxt{width:100%;text-align:center;margin:0 0 .1em 0;padding:0;line-height:1;}
.middleFormLinkBox .telTxt a{margin:0 auto;color:#333;font-weight:500;}
.middleFormLinkBox .telTxt a .telNumber{font-weight:700;font-size:140%;}
.middleFormLinkBox .subTelTxt{font-size:80%;padding:0;line-height:1.8;}

/*その他のサービス*/
#otherserviceSec .SecInner{padding:30px 0 60px;}
#otherserviceSec .serviceBox{margin:1em 0 5em;}
#otherserviceSec .service{width: 45%;}
#otherserviceSec .service p{text-align: center;font-size: 14px;padding: 0;}
#otherserviceSec .service .ttl-h4{font-size: 23px;line-height: 1;}
#otherserviceSec .service .service_price{font-size: 23px;line-height: 1;font-weight: bold;margin-bottom: 0.5em;}
#otherserviceSec .service .service_price span{font-size:80%;}
#otherserviceSec .service .service_price .tax{font-size: 60%;}
#otherserviceSec .service .txt{text-align: left;padding: 0 0em 0.5em;font-size: 16px;}
#otherserviceSec .service .link{padding: 0 0.5em;font-size: 18px;text-align: left;font-weight: bold;}
#otherserviceSec .service .link a{color: #00a1c9;}

#otherserviceSec .osusumeRyugaku{order: 2;width: 830px;margin: 30px auto 25px;padding: 2em 0 1.0em;border: 5px solid #FBB03C;display: flex;justify-content: center;align-items: center;box-sizing: border-box;background-color: #FFFAF5;}
#otherserviceSec .osusumeRyugaku .inTitleBox{margin: 0em 6em 0em 0;}
#otherserviceSec .osusumeRyugaku .ttl-h3 {text-align: center;color: #242424;margin: 0.5em 0em;position: relative;}
#otherserviceSec .osusumeRyugaku .ttl-h3 .txtTop{font-size: 100%;display:block;line-height:1.2;}
#otherserviceSec .osusumeRyugaku .ttl-h3 .txtBottom{font-size: 135%;display:block;line-height:1.2;}
#otherserviceSec .osusumeRyugaku .img {width: 190px;padding: 0 0 30px 0;}
#otherserviceSec .osusumeRyugaku .img a{display:block;position:relative;z-index: 1;}
#otherserviceSec .osusumeRyugaku .img img{max-width:100%; height:auto;}
#otherserviceSec .osusumeRyugaku .img a:before{
  content:"";
  position: absolute;
  display: block;
  background: url(/images/top_230801/btn_logo_osusume_b_off.png?v20230331) no-repeat center / 100% 100%;
  margin: 0;
  width: 100%;
  height: 30px;
  bottom:0;
  left:0;
  -webkit-box-reflect: below 0px 
  -webkit-gradient(linear, left top, left bottom, from(transparent), 
    color-stop(0.1, transparent), 
    to(rgba(255, 255, 255, 0.4)));
  z-index: -1;
  }
#otherserviceSec .moreBtn a{border: 1px solid #4d4d4d;color: #4d4d4d;display:inline-block;font-size:13px;line-height:1;padding: 0.5em 2.5em 0.6em 2em;border-radius:30px;text-decoration:none;background: url(/images/top_230801/arrow_gray_r.png) no-repeat center right 1em / 0.6em auto;background-color: #FFF;}

/*キャンペーンバナー*/
#cpnSec{background: #f5f9f9;}
#cpnSec .SecInner{padding:40px 0 60px; }
#cpnSec .redTxt{color: #e50012;font-weight: bold;font-size: 20px;text-align: center;}
#cpnSec .middleFormLinkBox .middleFormLinkBoxInner{padding:1em 0 0em;}