@charset "UTF-8";

.anchor:before{ content: ''; display: block; padding-top: 40px; margin-top: -40px;}
#map .mt150 { margin-top: 150px;}
.c-section-container-inner{ max-width: 1200px; margin: 0 auto; padding: 80px 10px; box-sizing: border-box;}

.row1{ margin-top: 80px;}
.planList{ display: flex; flex-wrap: wrap;}
.planList li{ flex-basis: calc((100% - 40px)/3);}
.planList li a{ display: block; line-height: 1em;}

.row2,
.row3{ margin-top: 80px;}
.row2 .planBox{ border: 2px solid #004EA2; margin-bottom: 80px;}
.row2 .titBox{ background: #C7E8FA; padding: 20px 0;}
.row2 .titBox p,
.row2 .titBox li{ color: #004EA2; line-height: 1.6em}
.row2 .titIn01 p{ position: relative; font-size: 24px; padding-bottom: 10px; }
.row2 .titIn01 p em{ font-size: 45px; margin-right: 10px;}
.row2 .titIn02 p{ font-size: 24px;}
.row2 .titIn02 p em{ font-size: 34px;}
.row2 .titIn03 li{ font-size: 20px; position: relative; padding-left: 1.2em;}
.row2 .titIn03 li em{ font-size: 44px;}
.row2 .titIn03 li:before{ content: '□'; transform: scale(0.7); display: inline-block; position: absolute; left: 0; top: 0;}
.row2 .titIn03 li.first:before{ top: 0.45em;}
.row2 .titIn03 .cap{ font-size: 16px; margin-left: -1em;}
.row2 .mapBox{ padding: 60px 15px; background-color: #FFFFFF;}
.row2 .mapBox .inner{ max-width: 860px; margin: 0 auto;}
.hanrei{ margin-top: 15px; line-height: 1em; font-family: "FP-ヒラギノUD角ゴ StdN W6",HiraginoUDSansStdN-W6,sans-serif; vertical-align: bottom;padding-left:6em;}
.hanrei img{ margin-right: 1em; line-height: 10px;}
.hanrei .para--note{ display: inline-block; margin-top: 0; line-height: 1.6em;}
.btnWrap{ text-align: center; margin-bottom: 100px;}
.btnWrap a{ display: inline-block;}
.btnWrap img{ max-width: 629px; width: 70%;}
p.cap{ font-size: 10px; font-family: "FP-ヒラギノUD角ゴ StdN W6",HiraginoUDSansStdN-W6,sans-serif; }

.priceBtmBox{ max-width: 700px; width: calc(100% - 20px); margin: 0 auto 60px;}
.priceBtmBox .colL{ flex-basis: calc(47% - 20px);}
.priceBtmBox .colR{ flex-basis: 53%;}
.priceBtmBox p.inTit{ font-size: 16px; position: relative; z-index: 1; text-align: center; margin-bottom: 10px;}
.priceBtmBox p.inTit:before{ content: ''; position: absolute; top: 50%; left: 0; right: 0; border-top: 1px solid #000; z-index: -1;}
.priceBtmBox p.inTit span{ display: inline-block; background: #fff; padding: 0 10px; font-size: 26px;}
.priceBtmBox p{ font-size: 16px; line-height: 2em; font-family: "F+UD-筑紫明朝 R", "F+UD-TsukuMin R", serif;}
.priceBtmBox p.cap{ font-size: 12px; line-height: 1.6em;}
.priceBtmBox table{ border-collapse: collapse; width: 100%;}
.priceBtmBox tr th{ text-align: center; font-weight: normal; padding-bottom: 5px;}
.priceBtmBox tr th p{ display: block; padding: 5px; border: 1px solid #000; line-height: 1.4em;}
.priceBtmBox tr td{ border: 1px solid #000; padding: 0 5px;}
.priceBtmBox tr td:nth-of-type(2){ text-align: right;}
.priceBtmBox .txt2{ background:#F3F1E7; margin-top: 10px; text-align: center; border: 1px solid #000; padding: 7px; line-height: 1.4em;}
.priceBtmBox .cap{ font-family: "FP-ヒラギノUD角ゴ StdN W3", HiraginoUDSansStdN-W3, sans-serif;}


.mb-20{ margin-bottom: 20px;}
.map_box{ border:2px solid #004ea2; background-color: #FFF;}

.map_box_s{ border:2px solid #2f89e1; background-color: #FFF;}
.map_box_w{ border:2px solid #dd8241; background-color: #FFF;}
.map_box_e{ border:2px solid #479165; background-color: #FFF;}

.price_area { width:100%; padding:5% 10%;}
.price_box { width:48%; margin-right:1%; float:left; display: block;}
.price_table{ width:100%; border:1px solid #ddd; margin-bottom: 1rem;}
.price_table th{display:table-cell; padding:0.4em; text-align: center; font-size:0.9rem; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight: 600;}
.price_table th.th1{background-color: #cba9ba;}
.price_table th.th2{background-color: #a7b9d9;}
.price_table th.thy{ width:15%;}
.price_table td{display:table-cell; padding:0.4em; font-size:0.9rem; border-bottom:1px solid #ddd; text-align: left}
.price_table td.td1{ width:50%; border-right:1px solid #ddd; text-align: left}
.price_table td.td2{ width:35%; text-align: right; padding-right: 1rem;}
.price_table tr.total td{font-size:1rem; border-bottom: none;}
.price_note{ display: block; font-size:10px; width:98%; margin:1%; float:right;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"}
.price_note a{color:#244AFB;text-decoration: underline;}

@media only screen and (min-width: 769px) {
	.sp{ display: none;}
	.planList li{ margin-left: 20px;}
	.planList li:nth-of-type(3n-2){margin-left: 0;}
	.planList li:nth-of-type(n+4){ margin-top: 20px;}
	.row2 .titBox{ display: flex;}
	.row2 .titBox>div{ padding: 0 20px;}
	.row2 .titBox>div{ display: flex; flex-direction: column; justify-content: center;}
	.row2 .titBox>div:nth-of-type(n+2){ border-left: 2px solid #004EA2;}
	.row2 .titIn03 li:last-of-type{ margin-bottom: 0.6em;}
	.note65 {width:65%;margin-right:5%;float:left;}
	.casbee {width:30%;float:right;}

	.bt_eng{font-size:1.6rem; letter-spacing: 0.4rem; font-weight: 600; color:#FFFFFF;font-family:Arial, Helvetica, "sans-serif"}
}

@media only screen and (max-width: 768px) {
	.bt_eng{font-size:1.6rem; letter-spacing: 0.4rem; font-weight: 600; color:#FFFFFF;font-family:Arial, Helvetica, "sans-serif"}

	#plan .mt150 {　margin-top: 100px;}
	.planList{ justify-content: space-between;}
	.planList li{ flex-basis: calc((100% - 10px)/2);}
	.planList li:nth-of-type(n+3){ margin-top: 10px;}
	.row2 .titBox { padding: 30px 15px;}
	.row2 .titBox>div{}
	.row2 .titIn01{ text-align: center;}
	.row2 .titIn02{ text-align: center; padding: 15px 0;}
	.row2 .titIn03{ padding: 15px 0 0;}
	.row2 .titBox>div:nth-of-type(2){ border-bottom: 1px solid #004EA2;}
	.row2 .titIn01 p{ font-size: 20px; padding-bottom: 10px;}
	.row2 .titIn01 p em{ font-size: 38px;}
	.row2 .titIn02 p{ font-size: 20px;}
	.row2 .titIn02 p em{ font-size: 30px;}
	.row2 .titIn03 li{ font-size: 15px; position: relative; padding-left: 1em;}
	.row2 .titIn03 li em{ font-size: 30px;}
	.row2 .titIn03 li:nth-of-type(n+2){ margin-top: 5px;}
	.row2 .titIn03 .cap{ font-size: 14px; display: block; margin-left: -0.5em;}
	.row2 .mapBox { padding: 30px 15px;}
	.btnWrap{ margin-bottom: 80px;}
	.priceBtmBox{ margin: 0 auto 30px;}
	.priceBtmBox table{ margin-bottom: 15px;}
	.priceBtmBox p.inTit{ font-size: 16px;}
	.priceBtmBox p{ font-size: 14px; line-height: 2em;}
	.priceBtmBox p em{ font-size: 24px;}
	
	.priceBtmBox p.inTit span{ font-size: 21px;}
	.priceBtmBox p{ font-size: 14px;}
	.casbee {width:60%;margin:1rem auto;}

	.price_area { width:100%; padding:4%;}
	.price_box { width:98%; margin:1%; float:left; display: block;}
}

@media only screen and (max-width: 500px) {
	.priceBtmBox p .txtEx{ display: block; text-align: right;}
	
}

@media only screen and (max-width: 450px) {
	#plan .mt150 {　margin-top: 80px;}
}