@charset "UTF-8";
/* Hero */
.hero-bg{background: url(../imgs/hero.webp) no-repeat center center/cover;}
@media screen and (max-width: 768px) {
.hero-bg{background: url(../imgs/hero_sp.webp) no-repeat center center/cover;}
}

/* common */
.cap-bottom a:hover {text-decoration: underline;}
.cap{ text-align: justify;}
.caption{ margin-top: 30px;}

.contents{ margin-bottom: clamp( 30px , 8vw, 90px);}

.main-areas{ position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 17px; margin-top: clamp( 30px , 6.8vw , 70px);}
.main-areas .photo{ width: 49.23809%;}
.main-areas .photo img{ width: 100%;}
.main-areas .photo .txt-abs{ position: absolute; bottom: 3px; left: 10px; color: rgba(255, 255, 255, .8); font-size: clamp( 16px , 4.8vw , 48px);
font-family: "Castoro", serif; font-weight: 400; letter-spacing: 0.1em; line-height: 1;}
@media screen and (max-width: 768px) {
.main-areas{ row-gap: 1.5vw;}
}

.map h3{border: 1px solid #000000;padding: 0.1em 0.5em 0.2em;}
.map h3 .num{font-size: 1.44em; line-height: 1;}
.map .map-img{ margin-top: clamp( 35px , 5vw, 70px);}

.map .trans-info{margin: 40px 0 0;}
.map .trans-info .trans-info__tit{font-size: clamp( 16px , 1.8vw , 20px); border-bottom: 0.5px solid #000000; padding: 0 15px clamp( 10px , 2vw , 20px);}
.map .trans-info .trans-info__list{display: flex; flex-wrap: wrap;justify-content: space-between; row-gap: clamp( 15px , 2vw , 20px);padding: clamp( 10px , 1.8vw , 20px) 15px;}
.map .trans-info .trans-info__item.col2{width: 66%;}
.map .trans-info .trans-info__item{width: 32%;}
.map .trans-info .trans-info__item .time{font-size: clamp( 12px , 1.6vw , 17px);margin: 0 0 10px -18px;}
.map .trans-info .trans-info__item .time span.f32{font-size: 1.88em;}
.map .trans-info .trans-info__item .time span.f24{font-size: 1.41em;}
.map .trans-info .trans-info__item .time span.f40{font-size: 2.35em;}
.map .trans-info .trans-info__item .time span.f17{font-size: 1em;}
.map .trans-info .trans-info__item .desc{font-size: 13px;line-height: 1.5;}

.map .trans-options{display: flex; flex-wrap: wrap;justify-content: space-between;margin: clamp( 30px , 6.8vw , 70px) 0 0;row-gap: 4vw;}
.map .trans-options .trans-options__item{width: 48.19%;}
.map .trans-options .trans-options__item table{width: 100%;margin-bottom: clamp( 4px , 0.8vw , 10px);}
.map .trans-options .trans-options__item table tr {padding: 20px 0;}
.map .trans-options .trans-options__item table tr:not(:last-of-type){border-bottom: 1px solid #000000;}
.map .trans-options .trans-options__item table tr td,th {padding: 10px 0;position: relative;text-align: center;}
.map .trans-options .trans-options__item table tr td:nth-of-type(1){width: 33%;font-size: clamp( 11px , 1.2vw , 21px);}
.map .trans-options .trans-options__item table tr td:nth-of-type(1) p{margin-left: -0.7em;}
.map .trans-options .trans-options__item table tr td:nth-of-type(1)::after {content: "";position: absolute;right: 0;top: 50%; transform: translateY(-50%); display: inline-block; width: 1px; height: clamp( 18px , 1.8vw , 20px); background: #2c0603;}
.map .trans-options .trans-options__item table tr th:nth-of-type(1)::after {content: "";position: absolute;right: 0;top: 50%; transform: translate(50%, -50%); display: inline-block; width: 4px; height: 100%; background: #ffffff;}
.map .trans-options .trans-options__item table tr td:nth-of-type(2){width: 65%;font-size: clamp( 11px , 1.2vw , 17px); text-align: left;}
.map .trans-options .trans-options__item table tr td span.f27{font-size: clamp( 15px , 4vw , 27px);}
.map .trans-options .trans-options__item table th{background: #2c0603;color: #ffffff;font-size: clamp( 11px , 1.2vw , 16px);}
.map .trans-options .trans-options__item table td{color: #000000;font-size: clamp( 11px , 1.2vw , 16px);}
.map .trans-options .trans-options__item-inner{background: #ffffff; padding: clamp(20px, 2.8vw, 30px) clamp(min(5vw,40px), 4vw, 49px) clamp(30px, 3.8vw, 40px);box-shadow: 0px 0px 10px rgba(0, 0, 0, .05), 0px 0px 4px rgba(0, 0, 0, .05), 0px 0px 6px rgba(0, 0, 0, .05), 0px 0px 8px rgba(0, 0, 0, .05), 0px 0px 10px rgba(0, 0, 0, .05), 0px 0px 12px rgba(0, 0, 0, .05);}
.map .trans-options .trans-options__item .trans-options__tit{font-size: clamp( 18px , 1.9vw , 22px);line-height: 1.7;}
.map .trans-options .trans-options__item:nth-of-type(1) .trans-options__tit{margin-bottom: 4px;}
.map .trans-options .trans-options__item:nth-of-type(2) .trans-options__tit{border-bottom: 1px solid #000000;padding-bottom: clamp( 5px , 1vw , 10px);margin-bottom: clamp( 11px , 2.6vw , 28px);}
.map .trans-options .trans-options__item .trans-options__desc {font-size: clamp( 12px , 1.3vw , 16px);margin-bottom: clamp(10px, 2.8vw, 31px);line-height: 1.5;margin-right: -29px;}
.map .trans-options .trans-options__item .trans-options__desc b {display: block;line-height: 1;margin: -12px 0 -15pzx; font-weight: normal;}
.map .trans-options .trans-options__item .trans-options__desc .f28{font-size: 1.75em;}
.map .trans-options .trans-options__item .trans-options__desc .f21{font-size: 1.3125em;}
.map .trans-options .trans-options__item .trans-options__desc .f38{font-size: 2.375em;}
.map .trans-options .trans-options__item .trans-options__desc .quote{filter: opacity(0.6);}
.map .trans-options .trans-options__item .trans-options__desc span big{color: #a72c32;}

@media screen and (min-width: 768px) {
    .map .trans-options .trans-options__item-inner{min-height: 452px;}
}

@media screen and (max-width: 768px) {
    .map .trans-info .trans-info__tit{padding: 0 5px clamp( 10px , 2vw , 20px);}
    .map .trans-info .trans-info__list{padding: clamp( 10px , 2vw , 20px) 0 clamp( 10px , 2vw , 20px) 5px;}
    .map .trans-info .trans-info__item{width: 48%;}
    .map .trans-info .trans-info__item.col2{width: 48%;}
    .map .trans-info .trans-info__item.col2 .f32{display: inline-flex;}
    .map .trans-info .trans-info__item.col2 .f32 .trans-sp{display: inline-flex;flex-direction: column;width: fit-content;font-size: 11px;padding-right: 5px;}
    .map .trans-info .trans-info__item .time{margin: 0 0 4px -15px;}
    .map .trans-info .trans-info__item .desc{line-height: 1.4;}

    .map .trans-options .trans-options__item{width: 100%;}
    .map .trans-options .trans-options__item-inner{width: 100%;margin: 0 auto; max-width: 470px;}
    .map .trans-options .trans-options__item table {margin-bottom: 0;}
    .map .trans-options .trans-options__item table tr:last-of-type {border-bottom: 1px solid #000000 !important;}
    .map .trans-options .trans-options__item .trans-options__tit {text-align: center;border-bottom: none !important;}
    .map .trans-options .trans-options__item .trans-options__desc b {margin: -10px 0 -12px;}
    .map .trans-options .trans-options__item .trans-options__desc .f28{font-size: 1.6em;}
}

@media screen and (max-width: 492px) {
    .map .trans-info .trans-info__item.col2{width: 100%;}
    .map .trans-info .trans-info__item{width:100%;}

    .map .trans-options .trans-options__item-inner{max-width: 100%;}
    .map .trans-info .trans-info__item .time span.f32{font-size: clamp( 18px , 5vw , 28px);}
    .map .trans-info .trans-info__item .time span.f40{font-size: clamp( 20px , 6vw , 32px);}
    .map .trans-options .trans-options__item .trans-options__desc .f28{font-size: 1.3em;}
    .map .trans-options .trans-options__item .trans-options__desc .f17{font-size: 1.2em;}

    .map .trans-options .trans-options__item table tr td:nth-of-type(1){ width: 32%;}
}