@charset "utf-8";


/* eyecatch */
.eyecatch {
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.eyecatch-inner {
    max-width: 1200px;
    margin: 0 auto;
}
.eyecatch_txt {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: min(50vw/12, 50px);
    color: #fff;
    font-weight: 700;
}
.eyecatch_txt span {
    font-size: min(32vw/12, 32px);
}
@media(min-width:1201px) {
    .eyecatch-inner {
        max-width: 1920px;
    }
}
@media(max-width:780px) {
    .eyecatch-inner {
        max-width: 780px;
    }
    .eyecatch_txt {
        font-size: min(58vw/7.8, 58px);
        text-align: center;
    }
    .eyecatch_txt span {
        font-size: min(38vw/7.8, 38px);
    }
} 


/* **********
    access
 ********** */
.access {
    max-width: 1200px;
    margin: 0 auto;
    padding: min(80vw/12, 80px) min(20vw/12, 20px) min(100vw/12, 100px);
    display: flex;
    gap: min(40vw/12, 40px);
}
/* access-store */
.access-store img {
    width: min(580vw/12, 580px);
    height: min(480vw/12, 480px);
}
.access-store_info {
    width: 100%;
    margin-top: min(20vw/12, 20px);
}
.access-store_info th,
.access-store_info td {
    border: min(1vw/12, 1px) solid #535353;
    padding: min(20vw/12, 20px);
}
.access-store_info th {
    background-color: #f4e8ca; 
    font-weight: 700;
    font-size: min(22vw/12, 22px);
    width: 38%;
    border-right: none;
}
.access-store_info td {
    font-size: min(20vw/12, 20px);
    border-left: none;
}
.access-store_info .tell {
    font-size: min(26vw/12, 26px);
    color: #7c050b;
    font-weight: 700;
}
.access-store_info .cap {
    font-size: min(16vw/12, 16px);
    display: inline-block;
    margin-top: min(20vw/12, 20px);
}
/* access-car */
.access-car h3 {
    display: inline-block;
    font-size: min(30vw/12, 30px);
    line-height: 1.5em;
    font-weight: bold;
    color: #7c050b;
    border-bottom: min(4vw/12, 4px) solid #7c050b;
    margin-bottom: min(16vw/12, 16px);
}
.access-car_txt {
    font-size: min(18vw/12, 18px);
    margin-bottom: min(40vw/12, 40px);
}
.access-car_txt span {
    display: inline-block;
    margin-top: min(10vw/12, 10px);
}
.access-car img {
    width: min(450vw/12, 450px);
    height: min(788vw/12, 788px);
}
@media(max-width:780px) {
    .access {
        max-width: 780px;
        padding: min(60vw/7.8, 60px) min(40vw/7.8, 40px) min(120vw/7.8, 120px) ;
        flex-direction: column;
        gap: min(60vw/7.8, 60px);
    }
    /* access-store */
    .access-store img {
        width: min(700vw/7.8, 700px);
        height: min(500vw/7.8, 500px);
    }
    .access-store_info {
        width: 100%;
        margin-top: min(40vw/7.8, 40px);
    }
    .access-store_info th,
    .access-store_info td {
        border: min(1vw/7.8, 1px) solid #535353;
        padding: min(20vw/7.8, 20px);
    }
    .access-store_info th {
        font-size: min(30vw/7.8, 30px);
        width: 25%;
    }
    .access-store_info td {
        font-size: min(28vw/7.8, 28px);
    }
    .access-store_info tr:nth-child(5) td:nth-child(2),
    .access-store_info tr:nth-child(6) td:nth-child(2) {
        font-size: min(34vw/7.8, 34px);
    }
    .access-store_info .tell {
        font-size: min(40vw/7.8, 40px);
    }
    .access-store_info .cap {
        font-size: min(20vw/7.8, 20px);
        margin-top: min(20vw/7.8, 20px);
    }
    
    /* access-car */
    .access-car h3 {
        font-size: min(40vw/7.8, 40px);
        border-bottom: min(4vw/7.8, 4px) solid #7c050b;
        margin-bottom: min(20vw/7.8, 20px);
    }
    .access-car_txt {
        font-size: min(32vw/7.8, 32px);
        margin-bottom: min(40vw/7.8, 40px);
    }
    .access-car_txt span {
        margin-top: min(10vw/7.8, 10px);
    }
    .access-car img {
        width: min(700vw/7.8, 700px);
        height: min(1192vw/7.8, 1192px);
    }
}


/* **********
    map
 ********** */
.map {
    width: 100%;
    height: auto;
    margin: 0;
    padding-bottom: min(120vw/12, 120px);
}
.map-area {
    width: min(560vw/12, 560px);
    margin: min(40vw/12, 40px) auto 0;
}
.map-area h3 {
    font-size: min(30vw/12, 30px);
    font-weight: bold;
    color: #7c050b;
    margin-bottom: min(16vw/12, 16px);
}
.map-area_txt li {
    position: relative;
    line-height: 1.95em;
    padding-left: min(20vw/12, 20px);
    font-size: min(18vw/12, 18px);
    font-family: "fot-tsukuardgothic-std", sans-serif;
}
.map-area_txt li:before {
    content: "";
    position: absolute;
    top: .7em;
    left: 0;
    width: min(8vw/12, 8px);
    height: min(8vw/12, 8px);
    background-color: #7c050b;
    border-radius: 50%;
}
@media(max-width:780px) {
    .map {
        padding-bottom: min(120vw/7.8, 120px);
        position: relative;
    }
    .map-area {
        width: min(700vw/7.8, 700px);
        margin: min(20vw/7.8, 20px) auto 0;
    }
    .map-area h3 {
        font-size: min(38vw/7.8, 38px);
        font-weight: bold;
        color: #7c050b;
        margin-bottom: min(20vw/7.8, 20px);
    }
    .map-area_txt li {
        padding-left: min(20vw/7.8, 20px);
        font-size: min(30vw/7.8, 30px);
    }
    .map-area_txt li:before {
        content: "";
        position: absolute;
        top: .7em;
        left: 0;
        width: min(10vw/7.8, 10px);
        height: min(10vw/7.8, 10px);
    }
}