@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.plan-list {padding:200px 0 100px 0; background-color:#fbfbf7;}
.plan-list .sec {max-width:1000px; padding:0 15px;}
.plan-list .map {max-width:544px; width:100%; margin:0 auto;}
.plan-list .list {margin:100px -30px 0 -30px; display:flex;}
.plan-list .list > div {width:33.33%; padding:0 30px; box-sizing:border-box;}
.plan-list .btn {max-width:240px; width:100%; margin:40px auto 0 auto;}

.plan-detail {background-color:#fbfbf7;}
.plan-detail .box {margin:30px auto 0 auto; padding:100px 0; background-color:#fff;}
.plan-detail .box .sec {max-width:790px; width:100%; padding:0 15px;}
.plan-detail .ttl {display:flex; justify-content:space-between;}
.plan-detail .ttl > div:nth-of-type(1) {width:22%;}
.plan-detail .ttl > div:nth-of-type(2) {width:74%;}
.plan-detail .map {max-width:500px; text-align:center; margin:90px auto 0 auto;}

@media screen and (max-width:1194px){
    .plan-list {padding:50px 0;}
    .plan-list .sec {max-width:100%; padding:0 6.0vw;}
    .plan-list .list {margin:0 -4.0vw; flex-wrap:wrap; justify-content:center;}
    .plan-list .list > div {width:33%; padding:30px 1.0vw 0 1.0vw;}
    .plan-list .btn {margin:10px auto 0 auto;}

    .plan-detail .box {margin:20px auto 0 auto; padding:30px 0;}
    .plan-detail .box .sec {padding:0 6.0vw;}
    .plan-detail .ttl {display:block;}
    .plan-detail .ttl > div:nth-of-type(1) {max-width:120px; width:40%; margin:0 auto;}
    .plan-detail .ttl > div:nth-of-type(2) {width:auto; margin:10px 0 0 0;}
    .plan-detail .map {max-width:500px; margin:30px auto 0 auto;}
}

@media screen and (max-width:767px){
	.plan-list {padding:50px 0;}
	.plan-list .sec {max-width:100%; padding:0 6.0vw;}
	.plan-list .list {margin:0 -4.0vw; flex-wrap:wrap; justify-content:center;}
	.plan-list .list > div {width:50%; padding:30px 1.0vw 0 1.0vw;}
	.plan-list .btn {margin:10px auto 0 auto;}

	.plan-detail .box {margin:20px auto 0 auto; padding:30px 0;}
	.plan-detail .box .sec {padding:0 6.0vw;}
	.plan-detail .ttl {display:block;}
	.plan-detail .ttl > div:nth-of-type(1) {max-width:120px; width:40%; margin:0 auto;}
	.plan-detail .ttl > div:nth-of-type(2) {width:auto; margin:10px 0 0 0;}
	.plan-detail .map {max-width:500px; margin:30px auto 0 auto;}
}