@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 #615349; margin-bottom: 80px;}
.row2 .titBox{ background: #E3E2DF; padding: 20px 0;}
.row2 .titBox p,
.row2 .titBox li{ color: #615349; 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 .titIn01 p:after { content: ""; display: block; width: 80px; height: 2px; position: absolute; left: 50%; margin-left: -40px; bottom: 0; background: -webkit-linear-gradient(left, #BFAB94 0, #BFAB94 75%, #615349 75%, #615349 100%); background: linear-gradient( 90deg, #BFAB94 0, #BFAB94 75%, #615349 75%, #615349 100%);}
.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;}
.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;}
.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;}

@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 #615349;}
	.row2 .titIn03 li:last-of-type{ margin-bottom: 0.6em;}

}

@media only screen and (max-width: 768px) {
	#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 #615349;}
	.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;}
}

@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;}
}