@charset "utf-8";

#kv {}
#kv .inner-kv { padding-top: 72px;}
#kv .headline { padding: 14px 0 14px; background: #234089;}
#kv .headline p { color: #fff; font-size: clamp(24px,4.2vw,42px); font-weight: 700; line-height: 1.2; text-align: center;}
#kv .headline p em { color: #fff000; font-size: clamp(26px,4.6vw,46px);;}
#kv .ctn { width: 100%; background: #f6f7fb;}
#kv .ctn h2 { text-align: center;}
#kv .ctn h2 img { width: 100%; max-width: 1320px;}
#kv .ctn h2 img.sp { display: none;}
@media (max-width: 1201px) {
	#kv .inner-kv { padding-top: 62px;}
}
@media (max-width: 801px) {
	#kv .ctn h2 img.pc { display: none;}
	#kv .ctn h2 img.sp { display: block;}
}
@media (max-width: 481px) {
	#kv .inner-kv { padding-top: 52px;}
	#kv .headline p { font-size: 18px;}
	#kv .headline p em { font-size: 20px;}
}


.pageNav .inner { padding: 40px 0 50px;}
.pageNav ul { width: 100%; max-width: 720px; margin: 0 auto; font-size: 0; text-align: center;}
.pageNav ul li { display: inline-block; width: 50%; font-size: clamp(20px,3.2vw,32px);}
.pageNav ul li a { position: relative; display: block; width: 92%; max-width: 350px; margin: 0 auto; padding: 12px 0px; border-radius: 50px;
 color: #280003; font-weight: 700; letter-spacing: 0.16rem; text-align: center; text-decoration: none;}
.pageNav ul li a:after { content: ''; display: block; width: 12px; height: 12px;
 border-top: solid 3px #280003; border-right: solid 3px #280003;
 position: absolute; right: 8%; top: 50%; transform: translateY(-50%) rotate(45deg);
}
.pageNav ul li a.estimate { background: #f6c853; border: solid 3px #f6c853; box-shadow: 4px 4px 0 #d2a636;}
.pageNav ul li a.contact { background: #fff; border: solid 3px #234089; box-shadow: 4px 4px 0 #a5b5ce;}
.pageNav ul li a.estimate:hover { text-decoration: none; opacity: 0.8;}
.pageNav ul li a.contact:hover { text-decoration: none; opacity: 0.8;}
@media (max-width: 481px) {
}
@media (max-width: 481px) {
	.pageNav .inner { padding: 20px 0px;}
	.pageNav ul li { font-size: 16px;}
	.pageNav ul li a { padding: 8px 0; letter-spacing: 0.08rem;}
	.pageNav ul li a.estimate { border-width: 1px; box-shadow: 2px 2px 0 #d2a636;}
	.pageNav ul li a.contact { border-width: 1px; box-shadow: 2px 2px 0 #a5b5ce;}
	.pageNav ul li a:after { width: 8px; height: 8px; border-width: 2px;}
}


.ttl { }
.ttl h2 { color: #234089; font-size: clamp(28px,4.0vw,40px); font-weight: 700; line-height: 1.2; text-align: center;}
.marker { background: linear-gradient(transparent 50%, #fff000 50%);}
@media (max-width: 481px) {
	.ttl h2 { font-size: 20px;}
}

#business { position: relative; background: #edf3fc;}
#business #sct2 { position: absolute; top: -30px;}
#business .inner-sct { padding: 70px 0;}
#business h2 { margin-bottom: 6px; text-align: center;}
#business h2 img { width: 92%; max-width: 870px;}
#business .bnr { width: 100%; margin: 0 auto 30px;}
#business .bnr .slider-bnr {}
#business .bnr .slider-bnr .slick-slide { padding: 8px;}
#business .bnr .slider-bnr img { width: 100%;}
#business .bnr ul { font-size: 0; }
#business .bnr ul li { display: inline-block; width: 20%; padding: 8px;}
#business .bnr ul li img { width: 100%; border: solid 1px #c6c6c6;}
#business .ctn { width: 92%; max-width: 1140px; margin: 0 auto;}
#business .ctn p { margin-bottom: 40px; font-size:  clamp(21px,3.2vw,32px); font-weight: 700; letter-spacing: 0.1rem; text-align: center;}
#business .ctn p em { font-size: clamp(24px,3.8vw,38px);}
#business .ctn .flex { display: flex; justify-content: space-between; font-size: 0px;}
#business .ctn .box { width: 23.5%;}
#business .ctn .box div { position: relative; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; }
#business .ctn .box dl { position: relative; width: 100%; height: 100%; border-radius: 10px; background: #fff; border: solid 3px #c5c5c5;}
#business .ctn .box dl dt { position: absolute; left: -3px; top: -3px; width: 30%; max-width: 80px;}
#business .ctn .box dl dt img { width: 100%;}
#business .ctn .box dl dd.fig { padding: 20px 0 10px; text-align: center;}
#business .ctn .box dl dd.fig img { width: 50%; max-width: 120px;}
#business .ctn .box dl dd.tit { display: block; margin-bottom: 20px; font-size: 24px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1.2; text-align: center;}
#business .ctn .box dl dd.txt { padding: 0 25px 30px; font-size: 18px; letter-spacing: 0.1rem; line-height: 1.2;}
@media (max-width: 1001px) {
	#business .ctn p span { display: block;}
	#business .ctn .box dl dd.tit { font-size: 2.2vw;}
	#business .ctn .box dl dd.txt { padding: 0 18px 20px; font-size: 16px;}
}
@media (max-width: 801px) {
	#business .bnr ul li { width: 25%; padding: 4px;}
	#business .ctn .flex { flex-wrap: wrap;}
	#business .ctn .box { width: 50%; padding: 10px;}
	#business .ctn .box dl dd.tit { font-size: 3.0vw;}
}
@media (max-width: 641px) {
	#business .ctn .box dl dd.txt { font-size: 14px;}
}
@media (max-width: 481px) {
	#business .inner-sct { padding: 40px 0;}
	#business .bnr .slider-bnr .slick-slide { padding: 4px;}
	#business .ctn p { margin-bottom: 20px; font-size: 15px;}
	#business .ctn p em { font-size: 20px;}
	#business .ctn .flex { display: block;}
	#business .ctn .box { width: 100%;}
	#business .ctn .box dl { border-width: 2px;}
	#business .ctn .box dl dt { left: -2px; top: -2px;}
	#business .ctn .box dl dd.fig { padding: 10px 0;}
	#business .ctn .box dl dd.tit { margin-bottom: 10px; font-size: 18px;}
	#business .ctn .box dl dd.tit br.pc{ display: none;}
	#business .ctn .box dl dd.txt { font-size: 13px;}
}


#ex .inner-sct { padding: 80px 0 70px;}
#ex .ttl { margin-bottom: 10px;}
#ex h3 { margin-bottom: 20px; font-size: clamp(30px,3.6vw,36px); font-weight: 700; line-height: 1.2; text-align: center;}
#ex h3 span { color: #dd151f;}
#ex h3 span em { font-size: clamp(36px,5.2vw,52px);}
#ex .slider-1 { width: 100%; max-width: 1280px; margin: 0 auto 12px; padding: 0 40px;}
#ex .slider-1 figure { width: 98%; margin: 0 auto; padding: 10px;}
#ex .slider-1 figure img { width: 100%;}
#ex .slider-1 .prev {}
#ex .slider-1 .slick-arrow{ width: 30px; height: 68px;}
#ex .slider-1 .slick-prev { left: 0px;}
#ex .slider-1 .slick-next { right: 0px;}
#ex .slider-1 .slick-prev:before { left: 20%; border: solid 34px transparent; border-right: solid 24px #234089; border-left: 0;}
#ex .slider-1 .slick-next:before { right: 20%; border: solid 34px transparent; border-left: solid 24px #234089; border-right: 0;}
#ex .note { width: 90%; max-width: 1240px; margin: 0 auto;}
#ex .note ul { width: 100%; max-width: 470px; margin: 0 0 0 auto;}
#ex .note ul li { position: relative; padding-left: 1.2em; font-size: 14px;}
#ex .note ul li:before { content: '※'; position: absolute; left: 0;}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#ex .ttl { margin-bottom: 6px;}
	#ex h3 { margin-bottom: 12px; font-size: 23px;}
}
@media (max-width: 481px) {
	#ex .inner-sct { padding: 40px 0px;}
	#ex h3 { font-size: 21px;}
	#ex h3 span em { font-size: 28px;}
	#ex .slider-1 { padding: 0 30px;}

	#ex .slider-1 .slick-arrow{ width: 25px; height: 50px;}
	#ex .slider-1 .slick-prev:before { border: solid 24px transparent; border-right: solid 16px #234089; border-left: 0;}
	#ex .slider-1 .slick-next:before { border: solid 24px transparent; border-left: solid 16px #234089; border-right: 0;}

	#ex .note ul li { font-size: 10px;}
}


#costcut { position: relative; background: url('../img/bg/cost.jpg') no-repeat 50% 50% / cover;}
#costcut #sct2 { position: absolute; top: -20px;}
#costcut .inner-sct { padding: 50px 0 70px;}
#costcut h2 { margin-bottom: 20px; text-align: center;}
#costcut h2 img { width: 92%; max-width: 600px;}
#costcut .ctn { width: 92%; max-width: 1080px; margin: 0 auto;}
#costcut .ctn ul { font-size: 0; text-align: center;}
#costcut .ctn ul li { display: inline-block; width: 33.333334%; padding: 0 12px;}
#costcut .ctn ul li img { width: 100%;}
#costcut .ctn ul li img.sp { display: none;}
@media (max-width: 801px) {
	#costcut .ctn ul li { padding: 0 6px;}
}
@media (max-width: 641px) {
	#costcut .inner-sct { padding: 40px 0px;}
	#costcut h2 { margin-bottom: 8px;}
	#costcut .ctn ul li { display: block; width: 100%; padding: 6px;}
	#costcut .ctn ul li img.pc { display: none;}
	#costcut .ctn ul li img.sp { display: block;}
}


#cost-1 { position: relative; background: url('../img/bg/cost-1.jpg') no-repeat 50% 0% / cover;}
#cost-2 { background: url('../img/bg/cost-2.jpg') no-repeat 50% 0% / cover;}
#cost-3 { background: url('../img/bg/cost-2.jpg') no-repeat 50% 0% / cover;}

.cost .inner-sct { padding: 80px 0 70px;}
.cost .badge { width: 72%; max-width: 580px; margin: 0 auto 12px;}
.cost .badge h2 { text-align: center;}
.cost .badge h2 img { width: 100%;}
.cost .topics { width: 92%; max-width: 1040px; margin: 0 auto 30px;}
.cost .topics h3 { margin-bottom: 20px; font-size: clamp(21px,2.6vw,26px); font-weight: 700; line-height: 1.4; text-align: center;}
.cost .topics h3 em { font-size: clamp(32px,3.6vw,36px);}
.cost .topics ul { display: flex; justify-content: space-between; font-size: 0;}
.cost .topics ul.pt { padding-top: 20px;}
.cost .topics ul li { width: 32.5%; vertical-align: top;}
.cost .topics ul li dl { position: relative; width: 94%; max-width: 320px; height: 100%; margin: 0 auto; background: #fff; border-radius: 10px; border: solid 2px #c5c5c5;}
.cost .topics ul li dl dt { position: relative; padding: 30px 0 12px; text-align: center;}
.cost .topics ul li dl dt img { width: 50%; max-width: 100px;}
.cost .topics ul li dl dt span { display: block; width: 120px; padding: 8px; background: #234089; border-radius: 50px;
	color: #fff; font-size: 24px; font-weight: 700; line-height: 1.2; text-align: center;
	position: absolute; left: 50%; top: -24px; transform: translateX(-50%);
}
.cost .topics ul li dl dd.tit { margin-bottom: 6px; color: #dd151f; font-size: clamp(21px,2.6vw,26px); font-weight: 700; line-height: 1.4; text-align: center;}
.cost .topics ul li dl dd.tit.row1 { padding: 0.75em 0;}
.cost .topics ul li dl dd.tit span.line { display: inline-block; border-bottom: solid 4px #fff000; line-height: 1.25;}
.cost .topics ul li dl dd.txt { padding: 10px 35px 20px; font-size: 16px; text-align: left;}
.cost .topics ul li dl dd.txt span.check { position: relative; display: block; padding: 4px 0; padding-left: 28px; line-height: 1.4;}
.cost .topics ul li dl dd.txt span.check:before,
.cost .topics ul li dl dd.txt span.check:after { content: ''; display: block; position: absolute;}
.cost .topics ul li dl dd.txt span.check:before{ left: 0; top: 8px; width: 16px; height: 16px;
 border: solid 2px #dd151f; background: #f8e6e6;
}
.cost .topics ul li dl dd.txt span.check:after { left: 4px; top: 6px; transform: rotate(-45deg); width: 16px; height: 10px;
 border-left: solid 4px #dd151f; border-bottom: solid 4px #dd151f;
}
@media (max-width: 801px) {
	.cost .inner-sct { padding: 60px 0px;}
	.cost .topics ul { display: block;}
	.cost .topics ul li { width: 100%; padding: 10px 0;}
	.cost .topics ul li dl { width: 100%; max-width: 540px; padding: 20px; padding-left: 160px;}
	.cost .topics ul li dl dt { position: absolute; left: 0; top: 50%; transform: translateY(-50%);
	 width: 150px; padding: 0; text-align: center;
	}
	.cost .topics ul li dl dt span { padding: 5px; font-size: 18px; top: -24px;}

	.cost .topics ul li dl dd.tit { text-align: left;}
	.cost .topics ul li dl dd.tit.row1 { padding: 0;}
	.cost .topics ul li dl dd.txt { padding: 10px 0 0;}
}
@media (max-width: 481px) {
	.cost .inner-sct { padding: 40px 0px;}
	.cost .topics { margin-bottom: 8px;}
	.cost .topics h3 { margin-bottom: 12px; font-size: 18px;}
	.cost .topics h3 em { font-size: 24px;}
	.cost .topics h3 span { display: block;}
	.cost .topics ul li { padding: 5px 0;}
	.cost .topics ul li dl { padding: 12px; padding-left: 100px; border-width: 1px;}
	.cost .topics ul li dl dt { width: 100px;}
	.cost .topics ul li dl dt.pt { height: 100%; padding-top: 55px;}
	.cost .topics ul li dl dt span { width: 80px; padding: 4px; font-size: 14px; top: 12px;}
	.cost .topics ul li dl dd.tit { margin-bottom: 4px; font-size: 17px;}
	.cost .topics ul li dl dd.tit span.line { border-width: 3px;}
	.cost .topics ul li dl dd.tit br.pc { display: none;}
	.cost .topics ul li dl dd.txt span.check:before{ top: 6px; width: 14px; height: 14px; border-width: 1px;}
	.cost .topics ul li dl dd.txt span.check:after { left: 4px; top: 6px; width: 12px; height: 8px;
		border-left: solid 2px #dd151f; border-bottom: solid 3px #dd151f;
	}
	.cost .topics ul li dl dd.txt { padding: 6px 0 0; font-size: 12px;}
}


.cost .price-tit { margin-bottom: 20px;}
.cost .price-tit h3 { color: #fff; font-size: clamp(21px,3.2vw,32px); font-weight: 700; letter-spacing: 0.05rem; text-align: center;}
.cost .price-tit h3 span { display: inline-block; padding: 8px 20px; border-radius: 10px; background: #234089;}
@media (max-width: 481px) {
	.cost .price-tit { margin-bottom: 10px;}
	.cost .price-tit h3 { font-size: 18px;}
	.cost .price-tit h3 span { padding: 2px 12px;}
}


.cost .spacer { height: 80px;}
.cost .box { width: 92%; max-width: 1024px; margin: 0 auto 30px; padding: 30px 60px 40px;
 background: #fff; border: solid 2px #c5c5c5; border-radius: 12px;
}
.cost .box .box-tit { margin-bottom: 20px; text-align: center;}
.cost .box .box-tit h3 { color: #dd151f; font-size: clamp(21px,3.4vw,34px);; font-weight: 700; line-height: 1.4;}
.cost .box .box-tit h3.mb { margin-bottom: 10px;}
.cost .box .box-tit h3:before,
.cost .box .box-tit h3:after { content: ''; position: relative; display: inline-block; width: 3px; height: 40px; background: #dd151f;
 vertical-align: middle;
}
.cost .box .box-tit h3:before{ transform: rotate(-20deg);}
.cost .box .box-tit h3:after { transform: rotate(20deg);}
.cost .box .box-tit h3 span { display: inline-block; margin: 0 25px; margin-right: 15px; vertical-align: middle;}
.cost .box .box-tit h3 br { display: none;}
.cost .box .box-tit p { font-size: 24px;}
@media (max-width: 801px) {
	.cost .box { padding: 30px;}
	.cost .box .box-tit p { font-size: 18px;}
}
@media (max-width: 641px) {
	.cost .box .box-tit h3:before,
	.cost .box .box-tit h3:after { width: 2px; height: 50px;}
	.cost .box .box-tit h3 br { display: block;}
}
@media (max-width: 481px) {
	.cost .box { padding: 20px;}
	.cost .box .box-tit { margin-bottom: 12px;}
	.cost .box .box-tit h3 { font-size: 18px;}
	.cost .box .box-tit h3:before,
	.cost .box .box-tit h3:after { height: 46px;}
	.cost .box .box-tit h3 span { margin: 0 15px; margin-right: 10px;}
	.cost .box .box-tit p { font-size: 12px;}
}


.cost .box .tab {}
.cost .box .tab ul { display: flex; justify-content: space-between; font-size: 0; text-align: center;}
.cost .box .tab ul li { display: inline-block; width: 14%; padding: 0 1px; font-size: 18px; line-height: 1.2;}
.cost .box .tab ul li span { display: block; padding: 15px 0 10px; background: #d3d9e7;
 border-top-left-radius: 10px; border-top-right-radius: 10px; color: #000; font-weight: 700; cursor: pointer;
}
.cost .box .tab ul li span:hover,
.cost .box .tab ul li.active span { background: #234089; color: #fff;}
.cost .box .tab-ctn { width: 100%; margin-bottom: 20px; border: solid 1px #c5c5c5;}

.cost .box .tab-ctn .table { position: relative; display: none;}
.cost .box .tab-ctn .table.show { display: block;}

.cost .box .tab-ctn dl.top { width: 100%; display: table;}
.cost .box .tab-ctn dl.top dt,
.cost .box .tab-ctn dl.top dd { display: table-cell; padding: 15px 0; vertical-align: middle;}
.cost .box .tab-ctn dl.top dt { width: 300px;}
.cost .box .tab-ctn dl.top dd { font-weight: 700; line-height: 1.25; text-align: center;}
.cost .box .tab-ctn dl.top dd:first-of-type { width: 300px; background: #edf3fc;}
.cost .box .tab-ctn dl.top dd:last-of-type { border: solid 3px #dd151f; border-bottom: none;
 color: #dd151f; font-size: 21px; font-weight: 700; text-align: center; background: #ffdfe1;
}

.cost .box .tab-ctn .flex { display: flex; align-items: stretch;}
.cost .box .tab-ctn .detail { width: 600px;}
.cost .box .tab-ctn .uniformly { position: relative; width: calc( 100% - 600px); border: solid 3px #dd151f; border-top: solid 1px #c5c5c5;}
.cost .box .tab-ctn .uniformly div { width: 100%; position: absolute; left: 0; top: 30%;}
.cost .box .tab-ctn ul li { border-top: solid 1px #c5c5c5;}
.cost .box .tab-ctn ul li dl { width: 100%; display: table;}
.cost .box .tab-ctn ul li dl dt,
.cost .box .tab-ctn ul li dl dd { display: table-cell; line-height: 1.4; vertical-align: middle;}
.cost .box .tab-ctn ul li dl dt { width: 300px; padding: 16px; padding-left: 24px; background: #edf3fc; font-size: 16px; font-weight: 700;}
.cost .box .tab-ctn ul li dl dt br { display: none;}
.cost .box .tab-ctn ul li:last-child dl dt { padding: 24px;}
.cost .box .tab-ctn ul li:last-child dl dd { font-weight: 700;}
.cost .box .tab-ctn ul li dl dd:first-of-type { text-align: right;}
.cost .box .tab-ctn ul li dl dd { padding: 16px; font-size: 16px;}
.cost .box .tab-ctn .uniformly p { color: #dd151f; font-size: 28px; font-weight: 700; text-align: center;}
.cost .box .tab-ctn .uniformly p em { font-size: 52px;}

.cost .box .tab-ctn .otoku { position: absolute; right: 72px; bottom: 80px; }
.cost .box .tab-ctn .otoku div { position: relative; padding: 15px 20px; background: #fff000; border-radius: 10px; box-shadow: 4px 4px 0px #e2d61e;}
.cost .box .tab-ctn .otoku div:before,
.cost .box .tab-ctn .otoku div:after { content: ''; display: block; width: 0px; height: 0px; position: absolute;
 border: solid 14px transparent;}
 .cost .box .tab-ctn .otoku div:before{ left: 45px; bottom: -28px;
 border-top: solid 14px #e2d61e; border-left: solid 12px #e2d61e;
}
.cost .box .tab-ctn .otoku div:after { left: 40px; bottom: -25px;
 border-top: solid 14px #fff000; border-left: solid 12px #fff000;
}
.cost .box .tab-ctn .otoku p { font-size: 24px; font-weight: 700; line-height: 1.2; text-align: center;}
.cost .box .tab-ctn .otoku p span { display: block; color: #dd151f; font-size: 32px; }
.cost .box .tab-ctn .otoku p span em { font-size: 40px; }
@media (max-width: 1201px) {
	.cost .box .tab-ctn .otoku { right: 60px;}
}
@media (max-width: 1001px) {
	.cost .box .tab-ctn dl.top dt { width: 180px;}
	.cost .box .tab-ctn dl.top dd:first-of-type { width: 240px;}
	.cost .box .tab-ctn dl.top dd span { display: block; }

	.cost .box .tab-ctn .detail { width: 420px;}
	.cost .box .tab-ctn .uniformly { width: calc( 100% - 420px);}
	.cost .box .tab-ctn ul li dl dt { width: 180px;}
	.cost .box .tab-ctn ul li dl dt span { display: block; font-size: 14px; font-weight: 400;}
	.cost .box .tab-ctn ul li dl dt br { display: block;}
	.cost .box .tab-ctn .otoku { right: 40px;}
}
@media (max-width: 801px) {
	.cost .pc-show { display: none;}
	.cost .box .tab ul li { font-size: 14px;}
	.cost .box .tab ul li span { padding: 10px 0 8px;}

	.cost .box .tab-ctn dl.top dt,
	.cost .box .tab-ctn dl.top dd { padding: 10px 0; font-size: 14px;}
	.cost .box .tab-ctn dl.top dd:first-of-type { width: 180px;}
	.cost .box .tab-ctn dl.top dd:last-of-type { font-size: 16px;}

	.cost .box .tab-ctn .detail { width: 360px;}
	.cost .box .tab-ctn .uniformly { width: calc( 100% - 360px);}
	.cost .box .tab-ctn ul li dl dt {}
}


.cost .sp-show { display: none;}
.cost .box .sp-area { position: relative; margin-bottom: 12px; border-radius: 6px; border: solid 1px #ccc; overflow: hidden;}
.cost .box .sp-area:after { content: ''; width: 29%; height: 30px;
 position: absolute; right: 0; bottom: 0; z-index: 2;
 border-right: solid 2px #dd151f;border-bottom: solid 2px #dd151f; border-bottom-right-radius: 7px;
}
.cost .box .area-tit { position: relative; z-index: 3; background: #234089;}
.cost .box .area-tit div {  position: relative; padding: 8px 20px; }
.cost .box .area-tit div:before,
.cost .box .area-tit div:after { content: ''; display: block; width: 15px; height: 2px; background: #fff;
 position: absolute; right: 15px; top: 50%;
}
.cost .box .area-tit div:before{ transform: translateY(-50%);}
.cost .box .area-tit div:after { transform: translateY(-50%) rotate(90deg);}
.cost .box .area-tit.open div:after { transform: translateY(-50%) rotate(0deg);}


.cost .box .area-tit p { color: #fff; font-size: 14px; font-weight: 700;}
.cost .box .area-table { position: relative; display: none; z-index: 1;}
.cost .box .area-table table { width: 100%; background: #fff;}
.cost .box .area-table table th { width: 37%; padding: 5px 0; font-size: 11px; line-height: 1.4; vertical-align: middle;}
.cost .box .area-table table td { padding: 5px 0; vertical-align: middle;}
.cost .box .area-table table th span { display: block; font-size: 10px; font-weight: 400; }

.cost .box .area-table table thead td { font-weight: 700; line-height: 1.25; text-align: center; }
.cost .box .area-table table thead td:nth-child(2){ width: 32%; background: #edf3fc; font-size: 10px; text-align: center;}
.cost .box .area-table table thead td:nth-child(3){ width: 29%; background: #ffdfe1;
 border: solid 2px #dd151f; border-bottom: solid 1px #c5c5c5;
 color: #dd151f; font-size: 13px; text-align: center;
}
.cost .box .area-table table thead td span { display: block;  font-size: 10px;}

.cost .box .area-table table tbody th { padding-left: 6px; background: #edf3fc; border-top: solid 1px #c5c5c5;
 text-align: left;}
.cost .box .area-table table tbody td { position: relative; padding-right: 10px; border-top: solid 1px #c5c5c5;}
.cost .box .area-table table tbody td:nth-child(2) { font-size: 12px; text-align: right;}
.cost .box .area-table table tbody td:nth-child(3) { padding-bottom: 50px; border: solid 2px #dd151f; border-top: 0; text-align: center;}
.cost .box .area-table table tbody td.total { font-weight: 700;}
.cost .box .area-table table tbody td p.uniformly { display: inline-block; color: #dd151f; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: left;}
.cost .box .area-table table tbody td p.uniformly span { display: block;}
.cost .box .area-table table tbody td p.uniformly em { font-size: 21px;}
.cost .box .area-table table tbody td .otoku { position: absolute; left: 30%; bottom: 30px;}
.cost .box .area-table table tbody td .otoku div { position: relative; padding: 10px; background: #fff000; border-radius: 4px; box-shadow: 2px 2px 0px #e2d61e;}
.cost .box .area-table table tbody td .otoku div:before,
.cost .box .area-table table tbody td .otoku div:after { content: ''; display: block; width: 0px; height: 0px; position: absolute;
 border: solid 8px transparent;}
.cost .box .area-table table tbody td .otoku div:before{ left: 24px; bottom: -18px;
 border-top: solid 10px #e2d61e; border-left: solid 6px #e2d61e;
}
.cost .box .area-table table tbody td .otoku div:after { left: 22px; bottom: -16px;
 border-top: solid 10px #fff000; border-left: solid 6px #fff000;
}
.cost .box .area-table table tbody td .otoku p { font-size: 11px; font-weight: 700; line-height: 1.2; text-align: center;}
.cost .box .area-table table tbody td .otoku p span { display: block; color: #dd151f; font-size: 14px; }
.cost .box .area-table table tbody td .otoku p span em { font-size: 18px; }
@media (max-width: 801px) {
	.cost .sp-show { display: block;}
	.cost .box .sp-area { margin-bottom: 15px;}
}
@media (max-width: 481px) {
	.cost .box .sp-area { margin-bottom: 10px;}
	.cost .box .area-table table tbody td .otoku { left: 6px;}
}

.cost .box .monthly { position: relative; margin-bottom: 12px;}
.cost .box .monthly ul { border: solid 1px #c5c5c5;}
.cost .box .monthly ul li { border-top: solid 1px #c5c5c5;}
.cost .box .monthly ul li:first-child { border-top: none;}
.cost .box .monthly ul li dl { width: 100%; display: table;}
.cost .box .monthly ul li dl dt,
.cost .box .monthly ul li dl dd { display: table-cell; text-align: center; vertical-align: middle;}
.cost .box .monthly ul li dl dt { width: 32%; padding: 18px; padding-left: 24px; background: #edf3fc; font-size: 16px; font-weight: 700;}
.cost .box .monthly ul li dl dt { padding: 20px;}
.cost .box .monthly ul li dl dd { width: 34%; padding: 18px; font-size: 16px; line-height: 1.2;}
.cost .box .monthly ul li dl dd br { display: none;}
.cost .box .monthly ul li dl dd:first-of-type {}
.cost .box .monthly ul li dl dd:last-of-type { background: #ffdfe1; color: #dd151f; font-size: 20px; font-weight: 700;}
.cost .box .monthly ul li:first-child dl dd:first-of-type { font-size: 18px; font-weight: 700;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	.cost .box .monthly ul li dl dt { width: 22%; padding: 12px 0;}
	.cost .box .monthly ul li dl dd { width: 39%; padding: 12px 0;}
	.cost .box .monthly ul li:first-child dl dd:first-of-type { font-size: 16px;}
	.cost .box .monthly ul li dl dd:last-of-type { font-size: 18px;}
}
@media (max-width: 641px) {
	.cost .box .monthly ul li dl dt { padding: 8px 0; font-size: 14px;}
	.cost .box .monthly ul li dl dd { padding: 8px 0; font-size: 14px;}
	.cost .box .monthly ul li:first-child dl dd:first-of-type { font-size: 14px;}
	.cost .box .monthly ul li dl dd:last-of-type { font-size: 16px;}
}
@media (max-width: 481px) {
	.cost .box .monthly ul li dl dt { font-size: 12px;}
	.cost .box .monthly ul li dl dd { font-size: 12px;}
	.cost .box .monthly ul li:first-child dl dt,
	.cost .box .monthly ul li:first-child dl dd { padding: 4px 0;}
	.cost .box .monthly ul li:first-child dl dd:first-of-type { font-size: 12px;}
	.cost .box .monthly ul li dl dd:last-of-type { font-size: 14px;}
	.cost .box .monthly ul li dl dd br { display: block;}
}


.cost .box p.kome { font-size: 12px; text-align: right;}

.cost .tips { width: 90%; max-width: 760px; margin: 0 auto 30px; text-align: center;}
.cost .tips img{ display: block; width: 100%; margin: 0 auto 12px;}
.cost .tips p{ font-size: 14px;}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
	.cost .tips p{ font-size: 10px;}
	.cost .box p.kome { font-size: 10px; text-align: left;}
}

.cost p.read-1 { margin-bottom: 30px; font-size: clamp(24px,3.4vw,34px); font-weight: 700; line-height: 1.4; text-align: center;}
.cost p.read-1 em { font-size: clamp(28px,4.0vw,40px);}
.cost p.read-2 { font-size: clamp(24px,3.4vw,34px); font-weight: 700; line-height: 1.4; text-align: center;}
.cost p.read-2 em { font-size: clamp(30px,4.2vw,42px);}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
	.cost p.read-1 { margin-bottom: 20px; font-size: 18px;}
	.cost p.read-1 em { font-size: 21px;}
	.cost p.read-2 { font-size: 18px;}
	.cost p.read-2 em { font-size: 23px;}
	.cost p.read-2 span { display: block;}
}

.cost .kagu { margin-bottom: 40px;}
.cost .kagu h3 { margin-bottom: 30px; text-align: center;}
.cost .kagu h3 img { width: 92%; max-width: 660px;}
.cost .kagu picture { display: block; width: 80%; max-width: 1024px; margin: 0 auto; text-align: center;}
.cost .kagu picture img { width: 100%;}
@media (max-width: 481px) {
	.cost .kagu h3 { margin-bottom: 12px;}
}

.cost .ctn-2 { display: flex; justify-content: space-between; align-items: center; width: 92%; max-width: 1024px; margin: 0 auto;}
.cost .ctn-2 .map { width: 45%;}
.cost .ctn-2 .lang{ width: 50%;}
.cost .ctn-2 .map figure img{ width: 100%;}
.cost .ctn-2 .lang p img{ width: 100%;}
@media (max-width: 481px) {
	.cost .ctn-2 { display: block;}
	.cost .ctn-2 .map { width: 80%; margin: 0 auto 20px;}
	.cost .ctn-2 .lang{ width: 92%; margin: 0 auto;}
}

.cost .stl { margin-bottom: 20px;}
.cost .stl h3 { color: #fff; font-size: clamp(21px,3.2vw,32px); font-weight: 700; letter-spacing: 0.05rem; text-align: center;}
.cost .stl h3 span { display: inline-block; padding: 2px 20px; border-radius: 10px; background: #234089;}
.cost .ctn-3 { display: flex; justify-content: space-between; width: 92%; max-width: 1024px; margin: 0 auto; align-items: flex-start;}
.cost .ctn-3 .l-box { width: 46%; padding-top: 10px;}
.cost .ctn-3 .r-box { position: relative; width: 46%; padding-top: 170px;}
.cost .ctn-3 .l-box p.kome { margin-bottom: 10px; font-size: 14px;}

.cost .ctn-3 .bloc { background: #fff; border: solid 1px #c5c5c5; border-top: 0px;}
.cost .ctn-3 .bloc.top { border-top: solid 1px #c5c5c5;}
.cost .ctn-3 .bloc .flex { display: flex;}
.cost .ctn-3 .bloc .flex .dt { width: 180px;}
.cost .ctn-3 .l-box .bloc .flex .dt { background: #edf3fc; padding: 25px 0; padding-left: 15px;}
.cost .ctn-3 .r-box .bloc .flex .dt { background: #ffdfe1; padding: 20px 0; padding-left: 15px;}
.cost .ctn-3 .bloc .flex .txt { position: relative; width: calc( 100% - 180px );}
.cost .ctn-3 .l-box .bloc .flex .txt { padding: 22px 20px;}
.cost .ctn-3 .l-box .bloc .flex .txt:after { content: ''; display: block; width: 100%; height: 80px;
 background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 50%);
 position: absolute; left: 0; bottom: 0;
}
.cost .ctn-3 .l-box .bloc .flex .txt.open:after { content: none;}
.cost .ctn-3 .r-box .bloc .flex .txt { padding: 15px 20px;}

.cost .ctn-3 .bloc .flex .dt h4 { font-size: 14px; font-weight: 700;}
.cost .ctn-3 .bloc .flex .dt h4 span { display: block; font-size: 18px;}
.cost .ctn-3 .bloc .flex .txt span.check { position: relative; display: block; padding: 4px 0; padding-left: 28px;
 font-size: 15px; line-height: 1.4;}
.cost .ctn-3 .bloc .flex .txt span.check:before,
.cost .ctn-3 .bloc .flex .txt span.check:after { content: ''; display: block; position: absolute;}
.cost .ctn-3 .bloc .flex .txt span.check:before{ left: 0; top: 8px; width: 16px; height: 16px;
 border: solid 2px #dd151f; background: #f8e6e6;
}
.cost .ctn-3 .bloc .flex .txt span.check:after { left: 4px; top: 6px; transform: rotate(-45deg); width: 16px; height: 10px;
 border-left: solid 4px #dd151f; border-bottom: solid 4px #dd151f;
}
.cost .ctn-3 .bloc .flex .txt .hide { display: none; padding-bottom: 25px;}

.cost .ctn-3 .bloc .flex .txt .more-trig { position: absolute; left: 0; bottom: 12px; width: 100%; z-index: 5;}
.cost .ctn-3 .bloc .flex .txt .more-trig .more { position: relative; width: 90%; max-width: 150px; margin: 0 auto; cursor: pointer;}
.cost .ctn-3 .bloc .flex .txt .more-trig .more:before,
.cost .ctn-3 .bloc .flex .txt .more-trig .more:after { content: ''; display: block; width: 2px; height: 10px; background: #fff;
 position: absolute; right: 18px; top: 50%; z-index: 10;
}
.cost .ctn-3 .bloc .flex .txt .more-trig .more:before{ transform: translateY(-50%);}
.cost .ctn-3 .bloc .flex .txt .more-trig .more:after { transform: translateY(-50%) rotate(90deg);}
.cost .ctn-3 .bloc .flex .txt .more-trig .more span { position: relative;
 display: block; padding: 5px 0; padding-right: 10px; background: #234089; border-radius: 50px;
 color: #fff; font-size: 12px; font-weight: 700; text-align: center;
}
.cost .ctn-3 .bloc .flex .txt .more-trig .more .open-txt { }
.cost .ctn-3 .bloc .flex .txt .more-trig .more .close-txt { display: none;}
.cost .ctn-3 .bloc .flex .txt .more-trig.on .more:before { transform: translateY(-50%) rotate(90deg);}
.cost .ctn-3 .bloc .flex .txt .more-trig.on .more .open-txt { display: none;}
.cost .ctn-3 .bloc .flex .txt .more-trig.on .more .close-txt { display: block;}

.cost .ctn-3 .r-box .arw { position: absolute; left: -15%; top: 0;}
.cost .ctn-3 .r-box .arw img { width: 92%; max-width: 420px;}
.cost .ctn-3 .r-box .arw img.sp { display: none;}

.cost .note { text-align: center;}
.cost .note ul { display: inline-block; text-align: left;}
.cost .note ul li { position: relative; padding-left: 1.2em; font-size: 15px;}
.cost .note ul li:before { content: '※'; position: absolute; left: 0;}

@media (max-width: 801px) {
	.cost .ctn-3 { display: block;}
	.cost .ctn-3 .l-box { width: 100%;}
	.cost .ctn-3 .r-box { width: 100%; padding-top: 30px;}
	.cost .ctn-3 .r-box .arw { position: relative; left: auto; top: auto; margin-bottom: 20px;}
	.cost .ctn-3 .r-box .arw img.pc { display: none;}
	.cost .ctn-3 .r-box .arw img.sp { display: block; width: 80%; margin: 0 auto;}
	.cost .note ul li { font-size: 12px;}
}
@media (max-width: 481px) {
	.cost .stl h3 { font-size: 18px;}
	.cost .ctn-3 .bloc .flex .dt { width: 140px;}
	.cost .ctn-3 .l-box p.kome { font-size: 12px;}
	.cost .ctn-3 .r-box { padding-top: 20px;}
	.cost .ctn-3 .r-box .arw { margin-bottom: 12px;}
	.cost .ctn-3 .l-box .bloc .flex .dt { padding: 12px 0; padding-left: 10px;}
	.cost .ctn-3 .r-box .bloc .flex .dt { padding: 12px 0; padding-left: 10px;}
	.cost .ctn-3 .bloc .flex .dt h4 { font-size: 11px;}
	.cost .ctn-3 .bloc .flex .dt h4 span { font-size: 14px;}
	.cost .ctn-3 .bloc .flex .txt { width: calc( 100% - 140px );}
	.cost .ctn-3 .l-box .bloc .flex .txt { padding: 10px 12px;}
	.cost .ctn-3 .r-box .bloc .flex .txt { padding: 10px 12px;}

	.cost .ctn-3 .bloc .flex .txt span.check { font-size: 12px;}
	.cost .ctn-3 .bloc .flex .txt span.check:before{ top: 6px; width: 14px; height: 14px; border-width: 1px;}
	.cost .ctn-3 .bloc .flex .txt span.check:after { left: 4px; top: 6px; width: 12px; height: 8px;
 border-left: solid 2px #dd151f; border-bottom: solid 3px #dd151f;
}

	.cost .ctn-3 .bloc .flex .txt .more-trig { bottom: 8px;}
	.cost .ctn-3 .bloc .flex .txt .more-trig .more { max-width: 120px;}
	.cost .ctn-3 .bloc .flex .txt .more-trig .more:before,
	.cost .ctn-3 .bloc .flex .txt .more-trig .more:after { width: 1px; height: 8px; right: 10px;}
	.cost .ctn-3 .bloc .flex .txt .more-trig .more span { border-radius: 6px; font-size: 10px;}

	.cost .note ul li { font-size: 10px;}
}


#case .inner-sct { padding: 80px 0 70px;}
#case .ttl { margin-bottom: 50px;}
#case .box { width: 92%; max-width: 560px; height: 100%; margin: 0 auto; background: #fff; border: solid 3px #c5c5c5; border-radius: 10px; overflow: hidden;}
#case .box .tit { padding: 15px 20px; background: #edf3fc;}
#case .box .tit dl { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;
 width: 100%; max-width: 420px; margin: 0 auto;
}
#case .box .tit dl dt { width: 25%;}
#case .box .tit dl dd { width: 75%; font-size: 28px; font-weight: 700;}
#case .box .tit dl dd span { display: block; position: relative; padding: 2px; padding-left: 45px;}
#case .box .tit dl dd span:before { content: ''; display: block; width: 30px; height: 30px;
 position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
#case .box .tit dl dd span.company:before { background: url('../img/icn-company.svg') no-repeat 50% 50% / 100% auto;}
#case .box .tit dl dd span.man:before { background: url('../img/icn-man.svg') no-repeat 50% 50% / 100% auto;}
#case .box .tit dl dt figure { width: 100%; max-width: 128px; margin: 0 auto;}
#case .box .tit dl dt figure img { width: 100%; border-radius: 50%;}
#case .box .txt { min-height: 340px; padding: 20px 40px 0;}
#case .box .txt h3 { margin-bottom: 15px; font-size: clamp(20px,2.5vw,25px); font-weight: 700; letter-spacing: 0.1rem; text-align: center;}
#case .box .txt h3 br.sp { display: none;}
#case .box .txt p { font-size: 17px; letter-spacing: 0.05rem;}
#case .box .point { width: 90%; margin: 0 auto; padding: 20px 0; border-top: solid 2px #c5c5c5;}
#case .box .point ul { min-height: 120px;}
#case .box .point ul li { position: relative; padding-left: 36px; font-size: 25px; font-weight: 700; line-height: 1.4;}
#case .box .point ul li:before { content: ''; display: block; width: 20px; height: 20px;
 border-radius: 50%; border: solid 6px #dd151f;
 position: absolute; left: 5px; top: 0.25em;
}
#case .slider-2 .slick-arrow{ width: 30px; height: 68px;}
#case .slider-2 .slick-prev { left: 50%; margin-left: -21.5%;}
#case .slider-2 .slick-next { right: 50%; margin-right: -21.5%;}
#case .slider-2 .slick-prev:before { left: 20%; border: solid 34px transparent; border-right: solid 24px #234089; border-left: 0;}
#case .slider-2 .slick-next:before { right: 20%; border: solid 34px transparent; border-left: solid 24px #234089; border-right: 0;}
@media (max-width: 1281px) {
	#case .slider-2 .slick-prev { margin-left: -27vw;}
	#case .slider-2 .slick-next { margin-right: -27vw;}
}
@media (max-width: 1001px) {
	#case .box .txt p { font-size: 16px;}
	#case .box .point ul { min-height: 100px;}
	#case .box .point ul li { font-size: 21px;}
}
@media (max-width: 801px) {
	#case .ttl { margin-bottom: 20px;}
	#case .box .tit dl dd { font-size: 24px;}
	#case .box .txt { min-height: 300px;}
	#case .box .txt p { font-size: 14px;}
	#case .slider-2 .slick-prev { left: 6%; margin-left: 0;}
	#case .slider-2 .slick-next { right: 6%; margin-right: 0;}
}
@media (max-width: 641px) {
	#case .box .point ul li { font-size: 18px;}
}
@media (max-width: 481px) {
	#case .inner-sct { padding: 40px 0px;}
	#case .box .tit dl dd { font-size: 18px;}
	#case .box .tit dl dd span { padding-left: 30px;}
	#case .box .tit dl dd span:before { width: 20px; height: 20px;}
	#case .box .txt { min-height: 330px; padding: 20px 20px 0;}
	#case .box .txt h3 { font-size: 18px;}
	#case .box .txt h3 br.sp { display: block;}
	#case .box .txt p { font-size: 13px;}
	#case .box .point { padding: 12px 0;}
	#case .box .point ul { min-height: 60px;}
	#case .box .point ul li { padding-left: 28px; font-size: 15px;}
	#case .box .point ul li:before { top: 0.15rem; width: 16px; height: 16px; border-width: 3px;}

	#case .slider-2 .slick-arrow{ width: 25px; height: 50px;}
	#case .slider-2 .slick-prev { left: 4%;}
	#case .slider-2 .slick-next { right: 4%;}
	#case .slider-2 .slick-prev:before { border: solid 24px transparent; border-right: solid 16px #234089; border-left: 0;}
	#case .slider-2 .slick-next:before { border: solid 24px transparent; border-left: solid 16px #234089; border-right: 0;}
}


#more { background: #edf3fc;}
#more .inner-sct { padding: 80px 0 70px;}
#more .tit { margin-bottom: 20px; text-align: center;}
#more .tit p { margin-bottom: 15px; font-size: clamp(24px,3.8vw,38px); font-weight: 700;}
#more .tit p span { display: inline-block; padding: 0 10px; background: #234089; color: #fff;}
#more .tit h2 { font-size: clamp(24px,3.6vw,36px); font-weight: 700; line-height: 1.2;}
#more .tit h2 em { color: #234089; font-size: clamp(30px,4.6vw,46px);}
#more .box { position: relative; width: 88%; max-width: 1000px; margin: 0 auto;}
#more .box:after { content: ''; display: block; width: 250px; height: 380px;
 background: url('../img/woman.png') no-repeat 50% 0 / 100% auto;
 position: absolute; right: -15px; bottom: 3px;
}
#more .box figure { position: relative; text-align: center; border: solid 3px #c6c6c6; border-radius: 12px; overflow: hidden;}
#more .box figure img { width: 100%;}
#more .box figure img.sp { display: none;}
@media (max-width: 1001px) {
	#more .box:after { width: 180px; height: 270px; bottom: 2px;}
	#more .box figure { border-width: 2px;}
}
@media (max-width: 801px) {
	#more .tit p { margin-bottom: 10px;}
	#more .tit h2 span { display: block;}
	#more .box:after { content: none;}
	#more .box figure { border: none;}
	#more .box figure img.pc { display: none;}
	#more .box figure img.sp { display: block; max-width: 650px; margin: 0 auto;}
}
@media (max-width: 481px) {
	#more .inner-sct { padding: 40px 0px;}
	#more .tit p { font-size: 16px;}
	#more .tit h2 { font-size: 18px;}
	#more .tit h2 em { font-size: 21px;}
}

#flow { position: relative;}
#flow #sct4 { position: absolute; top: -20px;}
#flow .inner-sct { padding: 80px 0 70px;}
#flow .ttl { margin-bottom: 20px;}
#flow p { margin-bottom: 20px; font-size: 22px; font-weight: 700; text-align: center;}
#flow p em { font-size: 28px;}
#flow .ctn { width: 92%; max-width: 1040px; margin: 0 auto;}
#flow .ctn ul { font-size: 0; text-align: center;}
#flow .ctn ul li { position: relative; display: inline-block; width: 25%; padding: 0 20px; vertical-align: top;}
#flow .ctn ul li::after { content: ''; display: block; width: 0px; height: 0px;
 border: solid 28px transparent; border-left: solid 14px #234089; border-right: 0px;
 position: absolute; right: -8px; top: 50%; transform: translate(0,-50%);
}
#flow .ctn ul li:last-child:after { content: none;}
#flow .ctn ul li dl { position: relative; width: 100%; margin: 0 auto; background: #dee9fa; border-radius: 10px; overflow: hidden;}
#flow .ctn ul li dl dt {}
#flow .ctn ul li dl dt img { width: 100%;}
#flow .ctn ul li dl dd span { display: block;}
#flow .ctn ul li dl dd span.tit { padding: 18px 0 12px; color: #234089; font-size: clamp(16px,2.0vw, 22px); font-weight: 700; line-height: 1.2; text-align: center;}
#flow .ctn ul li dl dd span.txt { min-height: 7.8em; padding: 0 25px; font-size: clamp(13px, 1.5vw, 16px); text-align: left;}
@media (max-width: 1001px) {
	#flow .ctn ul li dl dd span.tit { padding: 12px 0 6px;}
	#flow .ctn ul li dl dd span.txt { min-height: 8.0em; padding: 0 18px;}
}
@media (max-width: 801px) {
	#flow p { font-size: 20px;}
	#flow p em { font-size: 24px;}
	#flow .ctn { width: 88%;}
	#flow .ctn ul li { display: block; width: 100%; padding: 20px 0;}
	#flow .ctn ul li::after { border: solid 28px transparent; border-top: solid 14px #234089; border-bottom: 0px;
	 right: auto; top: auto; left: 50%; bottom: -10px; transform: translate(-50%,0);
	}
	#flow .ctn ul li dl { display: table;}
	#flow .ctn ul li dl dt,
	#flow .ctn ul li dl dd { display: table-cell; vertical-align: middle;}
	#flow .ctn ul li dl dt { width: 35%;}
	#flow .ctn ul li dl dd { width: 65%; padding: 0 20px;}
	#flow .ctn ul li dl dd span.tit { padding: 0; text-align: left; font-size: 18px;}
	#flow .ctn ul li dl dd span.txt { min-height: auto; padding: 0;}
}
@media (max-width: 641px) {
	#flow p span { display: block;}
}
@media (max-width: 481px) {
	#flow .inner-sct { padding: 40px 0px;}
	#flow .ttl { margin-bottom: 12px;}
	#flow p { margin-bottom: 10px; font-size: 15px;}
	#flow p em { font-size: 20px;}
	#flow .ctn ul li { padding: 14px 0;}
	#flow .ctn ul li::after { border: solid 20px transparent; border-top: solid 10px #234089; border-bottom: 0px;
	 bottom: -6px;
	}
	#flow .ctn ul li dl { border-radius: 10px;}
	#flow .ctn ul li dl dd span.tit { font-size: 16px;}
	#flow .ctn ul li dl dd span.txt { font-size: 13px; line-height: 1.4;}
}


#faq { position: relative; background: #dee9fa;}
#faq #sct5 { position: absolute; top: -20px;}
#faq .inner-sct { padding: 70px 0 60px;}
#faq .ttl { margin-bottom: 40px;}
#faq .ctn { width: 88%; max-width: 1000px; margin: 0 auto;}
#faq .ctn ul { }
#faq .ctn ul li { padding: 15px 0;}
#faq .ctn ul li dl { padding: 25px 40px 30px; background: #fff; border: solid 3px #c5c5c5; border-radius: 10px;}
#faq .ctn ul li dl dt { position: relative; padding: 5px 0 20px; padding-left: 50px; font-size: 20px; font-weight: 700; line-height: 1.4;}
#faq .ctn ul li dl dt:before { content: ''; display: block; width: 28px; height: 36px; background: url('../img/icn-q.png') no-repeat 50% 0 / 100% auto;
 position: absolute; left: 0; top: 0;
}
#faq .ctn ul li dl dd { padding-top: 20px; border-top: solid 2px #c5c5c5; font-size: 18px;}
@media (max-width: 801px) {
	#faq .ctn ul li dl { padding: 20px 30px; border-width: 2px;}
	#faq .ctn ul li dl dt { padding: 2px 0px 12px; padding-left: 40px; font-size: 18px;}
	#faq .ctn ul li dl dt:before { width: 24px; height: 32px;}
	#faq .ctn ul li dl dd { padding-top: 12px; font-size: 16px;}
}
@media (max-width: 481px) {
	#faq .inner-sct { padding: 40px 0px;}
	#faq .ttl { margin-bottom: 20px;}
	#faq .ctn ul li { padding: 6px 0;}
	#faq .ctn ul li dl { padding: 12px 20px; border-width: 1px;}
	#faq .ctn ul li dl dt { padding-left: 30px; font-size: 14px;}
	#faq .ctn ul li dl dt:before { width: 20px; height: 26px;}
	#faq .ctn ul li dl dd { padding-top: 12px; font-size: 13px;}
}


#contact { position: relative; background: #edf3fc;}
#contact #sct6 { position: absolute; top: -20px;}
#contact .inner-sct { padding: 80px 0 70px;}
#contact .ttl { margin-bottom: 30px;}
#contact .ctn { width: 88%; max-width: 840px; margin: 0 auto;}
#contact .tab ul { font-size: 0; text-align: center;}
#contact .tab ul li { display: inline-block; width: 50%; font-size: 20px; font-weight: 700;}
#contact .tab ul li span { display: block; padding: 10px 0; background: #f0f0f0;
 border: solid 3px #c5c5c5; border-bottom: none;
 border-top-left-radius: 20px; border-top-right-radius: 20px; cursor: pointer;
}
#contact .tab ul li.on span { background: #234089; border-color: #234089; color: #fff;}

#contact .tab-ctn { padding: 40px 40px 60px; background: #fff; border: solid 3px #c5c5c5;
 border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;
}
#contact .tab-ctn .form-ctn { display: none;}
#contact .tab-ctn .form-ctn.show { display: block;}
#contact .tab-ctn ul.form-parts { margin-bottom: 30px;}
#contact .tab-ctn ul.form-parts li { padding: 10px;}
#contact .tab-ctn ul.form-parts li dl dt { margin-bottom: 5px; font-size: 20px; font-weight: 700; line-height: 1.2;}
#contact .tab-ctn ul.form-parts li dl dt span.require { display: inline-block; margin-left: 10px; padding: 2px 6px; background: #dd151f;
 color: #fff; font-size: 14px; vertical-align: text-bottom;
}
#contact .tab-ctn ul.form-parts li dl dd { position: relative; font-size: 18px;}
#contact .tab-ctn ul.form-parts li dl dd input[type="text"],
#contact .tab-ctn ul.form-parts li dl dd input[type="email"],
#contact .tab-ctn ul.form-parts li dl dd input[type="tel"] { width: 100%; padding: 8px; background: #f0f0f0; border: none; border-radius: 6px;}
#contact .tab-ctn ul.form-parts li dl dd span.radio { display: inline-block; margin-right: 10px;}
#contact .tab-ctn ul.form-parts li dl dd span.radio input[type="radio"]{ position: absolute; visibility: hidden;}
#contact .tab-ctn ul.form-parts li dl dd span.radio label { position: relative; padding-left: 30px; cursor: pointer;}
#contact .tab-ctn ul.form-parts li dl dd span.radio label:before,
#contact .tab-ctn ul.form-parts li dl dd span.radio label:after { content: ''; display: block; position: absolute;}
#contact .tab-ctn ul.form-parts li dl dd span.radio label:before{ width: 20px; height: 20px; left: 0; top: 0;
 background: #f0f0f0; border: solid 2px #c5c5c5; border-radius: 50%; }
#contact .tab-ctn ul.form-parts li dl dd span.radio label:after{ width: 12px; height: 12px; left: 4px; top: 4px;
 background: #234089; border-radius: 50%; visibility: hidden;
}
#contact .tab-ctn ul.form-parts li dl dd span.radio input[type="radio"]:checked + label:after { visibility: visible;}


#contact .tab-ctn ul.form-parts li dl dd span.check { display: inline-block; margin-right: 20px; padding: 2px 0;}
#contact .tab-ctn ul.form-parts li dl dd span.check input[type="checkbox"]{ position: absolute; visibility: hidden;}
#contact .tab-ctn ul.form-parts li dl dd span.check label { position: relative; padding-left: 30px; cursor: pointer;}
#contact .tab-ctn ul.form-parts li dl dd span.check label:before,
#contact .tab-ctn ul.form-parts li dl dd span.check label:after { content: ''; display: block; position: absolute;}
#contact .tab-ctn ul.form-parts li dl dd span.check label:before{ width: 20px; height: 20px; left: 0; top: 0;
 background: #f0f0f0; border: solid 2px #c5c5c5; }
#contact .tab-ctn ul.form-parts li dl dd span.check label:after{ width: 15px; height: 10px; left: 3px; top: 2px;
 border-left: solid 3px #234089; border-bottom: solid 3px #234089; transform: rotate(-45deg); visibility: hidden;
}
#contact .tab-ctn ul.form-parts li dl dd span.check input[type="checkbox"]:checked + label:after { visibility: visible;}

#contact .tab-ctn ul.form-parts li dl dd span.room-type { display: inline-block; margin-right: 20px; padding: 2px 0;}

#contact .tab-ctn ul.form-parts li dl dd div.select { position: relative; display: block; width: 100%; max-width: 250px; position: relative;}
#contact .tab-ctn ul.form-parts li dl dd div.select:after { content: ''; display: block; width: 10px; height: 10px;
 position: absolute; right: 10px; top: 50%; transform: translateY(-40%);
 border: solid 5px transparent; border-top: solid 8px #333; border-bottom: none;
}
#contact .tab-ctn ul.form-parts li dl dd div.select select { display: block; width: 100%; padding: 8px;
 appearance: none; -webkit-appearance: none; background: #f0f0f0; border: none;
}

#contact .tab-ctn ul.form-parts li dl dd textarea { width: 100%; height: 160px; padding: 8px; background: #f0f0f0; border: none; border-radius: 6px;}

#contact .tab-ctn ul.form-parts li dl dd #checkError_subject,
#contact .tab-ctn ul.form-parts li dl dd #checkError_area,
#contact .tab-ctn ul.form-parts li dl dd #checkError_roomtype { position: relative;}


#contact .tab-ctn .btn ul { width: 80%; max-width: 300px; margin: 0 auto; font-size: 0px; text-align: center;}
#contact .tab-ctn .btn ul li { width: 100%; padding: 0 10px; font-size: 22px; line-height: 1;}
#contact .tab-ctn .btn ul li span { display: block; position: relative;}
#contact .tab-ctn .btn ul li span:after { content: ''; display: block; width: 10px; height: 10px;
 border-top: solid 3px #fff; border-right: solid 3px #fff;
 position: absolute; right: 18px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
#contact .tab-ctn .btn ul li input[type="submit"]{ display: block; width: 100%; padding: 18px 0;
	background: #234089; border: none; border-radius: 50px; box-shadow: 4px 4px 0 #122e6c;
	color: #fff; font-weight: 700; text-indent: -10px;
}
#contact .tab-ctn .btn ul li a{ display: block; width: 100%; padding: 18px 0; border-radius: 50px;
 font-weight: 700; text-decoration: none;}
#contact .tab-ctn .btn ul li a.back { background: #ccc; box-shadow: 4px 4px 0 #aaa; color: #000;}
#contact .tab-ctn .btn ul li input[type="submit"]:hover { opacity: 0.8;}
#contact .tab-ctn .btn ul li a:hover { opacity: 0.8;}

@media (max-width: 801px) {
	#contact .tab ul li { font-size: 16px;}
	#contact .tab-ctn { padding: 20px 20px 40px;}
	#contact .tab-ctn ul.form-parts li dl dt { font-size: 18px;}
	#contact .tab-ctn ul.form-parts li dl dt span.require { margin-left: 8px; font-size: 12px;}
	#contact .tab-ctn ul.form-parts li dl dd { font-size: 14px;}
	
	#contact .tab-ctn .btn ul li { font-size: 18px;}
}
@media (max-width: 481px) {
	#contact .inner-sct { padding: 40px 0px;}
	#contact .ttl { margin-bottom: 20px;}
	#contact .tab ul li { font-size: 14px;}
	#contact .tab ul li span { padding: 6px 0; border-top-left-radius: 12px; border-top-right-radius: 12px; border-width: 2px;}
	#contact .tab-ctn { padding: 20px 12px 40px; border-width: 2px;
	 border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
	}
	#contact .tab-ctn ul.form-parts li dl dt { font-size: 15px;}
	#contact .tab-ctn ul.form-parts li dl dt span.require { font-size: 10px;}
	#contact .tab-ctn ul.form-parts li dl dd { font-size: 13px;}

	#contact .tab-ctn ul.form-parts li dl dd input[type="text"],
	#contact .tab-ctn ul.form-parts li dl dd input[type="email"],
	#contact .tab-ctn ul.form-parts li dl dd input[type="tel"] { padding: 4px; border-radius: 5px;}

	#contact .tab-ctn ul.form-parts li dl dd span.radio { display: block; padding: 2px 0;}
	#contact .tab-ctn ul.form-parts li dl dd span.radio label{ padding: 2px 0; padding-left: 20px;}
	#contact .tab-ctn ul.form-parts li dl dd span.radio label:before{ width: 15px; height: 15px; border-width: 1px; top: 1px;}
	#contact .tab-ctn ul.form-parts li dl dd span.radio label:after{ width: 9px; height: 9px; left: 3px; top: 4px;}

	#contact .tab-ctn ul.form-parts li dl dd span.check { padding: 2px 0;}
	#contact .tab-ctn ul.form-parts li dl dd span.check.area { width: 30%; margin-right: 0px;}
	#contact .tab-ctn ul.form-parts li dl dd span.check.room-type { display: block; width: 100%; margin: 0;}
	#contact .tab-ctn ul.form-parts li dl dd span.check label { padding: 2px; padding-left: 24px;}
	#contact .tab-ctn ul.form-parts li dl dd span.check label:before{ width: 15px; height: 15px; left: 0; top: 0;
 border-width: 1px; }
	#contact .tab-ctn ul.form-parts li dl dd span.check label:after{ width: 12px; height: 8px; left: 3px; top: 2px;}
	
	#contact .tab-ctn ul.form-parts li dl dd div.select select { padding: 4px 8px;}
	#contact .tab-ctn ul.form-parts li dl dd textarea { height: 120px;}
	
	#contact .tab-ctn .btn ul li { padding: 0 6px; font-size: 14px;}
	#contact .tab-ctn .btn ul li a{ padding: 12px 0;}
	#contact .tab-ctn .btn ul li a.back { box-shadow: 2px 2px 0 #aaa;}
	#contact .tab-ctn .btn ul li span:after { width: 8px; height: 8px; border-width: 2px; right: 10px;}
	#contact .tab-ctn .btn ul li input[type="submit"]{ padding: 12px 0; box-shadow: 2px 2px 0 #122e6c;}
}