/* ===============================================================
    * common
=============================================================== */
.banner {position: relative; width: 100%; height: 300px;}
.banner h2 {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); font-size: 70px; letter-spacing: 0.04em; color: #fff;}
.tab {margin-top: 50px;}
.tab ul {display: flex; justify-content: center; align-items: center; text-align: center; border-bottom: 1px solid #ccc;}
.tab li {margin: 0 40px; font-size: 18px; color: #777; line-height: 70px; border-bottom: 4px solid transparent; transition: .4s;}
.tab li.active, .tab li:hover {border-color:#194052; color: #194052;}
.info-content {padding: 100px 0; text-align: center;}
.info-content img {max-width: 100%; width: auto; height: auto; object-fit: cover; margin: 0 auto;}
.info-content .border{ height: 100%; padding: 60px 0; border-right: 1px solid #ccc; border-left: 1px solid #ccc; text-align: left;}
.info-content .border:after{ display: none;}
.info-content .reserve-list{ overflow: auto;}
@media (max-width: 820px){
    .banner {height: 33.87vw;}
    .banner h2 {font-size: 10.67vw;}
    .tab {margin-top: 4.00vw;}
    .tab li {margin: 0 1.5vw; font-size: 3.73vw; line-height: 11.73vw; border-width: 2px;}
    .info-content {padding: 16.00vw 0;}
    .info-content .border{ border-right: unset; border-left: unset;}
    .info-content .reserve-list{ padding: 0 4vw; text-align: left;}

}


.map {width: 100%; height: 600px; border: 1px solid #e0e0e0; margin-bottom: 80px;}
.location-info {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.location-box {width: calc(50% - 20px);}
.location-box .tit {width: 100%; height: 44px; line-height: 44px; background: #194052; text-align: center; font-size: 16px; letter-spacing: 0.04em; color: #fff;}
.location-box .tit i {font-size: 18px;}
.location-box .txt {padding: 30px 0 60px; font-size: 15px; line-height: 26px;}
@media (max-width: 820px){
    .info-content > .width-max {padding: 0;}
    .map {height: 80.00vw; margin-bottom: 10.67vw;}
    .location-info {display: block;}
    .location-box {width: 100%;}
    .location-box .tit {height: 6.67vw; line-height: 6.67vw; font-size: 3.20vw;}
    .location-box .tit i {font-size: 3.73vw;}
    .location-box .txt {padding: 4.00vw 0 8.00vw; font-size: 3.20vw; line-height: 4.53vw;}
}

