﻿/* flow */

.cta-sec {
    margin-top: 1px;
}

/* contents
----------------------------------------- */
.page-visual-area {}

.no-webp .page-visual-area {}

/* about-access-sec */
.about-access-sec {
    margin-bottom: 95px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E6E6E6;
}

.about-access-sec .sec-copy {
    margin-bottom: 50px;
    padding: 0 20px;
}

.about-access-sec_cont {}

.about-access-sec_cont_text-side {
    margin-bottom: 50px;
    padding: 0 20px;
}

.about-access-sec_cont_img-side {
    margin-bottom: -14px;
    padding: 0 20px;
}

.about-access-sec_cont_img-side_img {
    width: 77%;
}

/** about-slide-typo **/
.about-access-sec .about-slide-typo {
    position: relative;
    width: 100%;
    z-index: -10;
}

.about-access-sec .about-slide-typo p {
    width: 705px !important;
    height: auto;
    margin-right: 30px;
}

.about-access-sec .about-slide-typo p img {
    width: 705px !important;
    height: auto;
}

/* access-sec */
.access-sec {}

.access-sec .sec-ttl {
    margin-bottom: 45px;
}

/** access-map **/
.access-map {
    margin-bottom: 35px;
}

.gmap {}

.gmap iframe {
    width: 100%;
    height: 340px;
}

/** access-sec_info-area **/
.access-sec_info-area {
    margin-bottom: 100px;
    padding: 0 20px;
    font-size: 1.3rem;
}

.access-sec_info-area .text-side {
    margin-bottom: 60px;
}

.info-area_address {
    margin-bottom: 20px;
    font-weight: 500;
}

.info-area_open-hour {
    font-weight: 500;
}

.access-sec_info-area .img-side {}

/** access-sec_img-slide **/
.access-sec_img-slide {
    margin-bottom: 80px;
}

.img-slide1 {}

.img-slide2 {
    margin-top: 1px !important;
}

.img-slide1 li,
.img-slide2 li {
    width: 240px !important;
    height: auto;
    margin-right: 1px;
}

.img-slide1 li img,
.img-slide2 li img {
    width: 240px !important;
    height: auto;
}
















































/* tablet 560px - 959px */
@media only screen and (min-width: 560px) {

    .cta-sec {
        margin-top: 2px;
    }

    /* contents
----------------------------------------- */
    .page-visual-area {
        background: url(../image/page-visual_pc18.webp) center center no-repeat;
        background-size: cover;
    }

    .no-webp .page-visual-area {
        background: url(../image/page-visual_pc18.jpg) center center no-repeat;
        background-size: cover;
    }

    /* about-access-sec */
    .about-access-sec {
        margin-bottom: 125px;
        padding-bottom: 50px;
        border-bottom: 1px solid #E6E6E6;
    }

    .about-access-sec .sec-copy {
        margin-bottom: 50px;
        padding: 0 40px;
    }

    .about-access-sec_cont {}

    .about-access-sec_cont_text-side {
        margin-bottom: 50px;
        padding: 0 40px;
    }

    .about-access-sec_cont_img-side {
        margin-bottom: -14px;
        padding: 0 40px;
    }

    .about-access-sec_cont_img-side_img {
        width: 55%;
    }

    /** about-slide-typo **/
    .about-access-sec .about-slide-typo {
        position: relative;
        width: 100%;
        z-index: -10;
    }

    .about-access-sec .about-slide-typo p {
        width: 1425px !important;
        height: auto;
        margin-right: 30px;
    }

    .about-access-sec .about-slide-typo p img {
        width: 1425px !important;
        height: auto;
    }

    /* access-sec */
    .access-sec {}

    .access-sec .sec-ttl {
        margin-bottom: 55px;
    }

    /** access-map **/
    .access-map {
        margin-bottom: 35px;
    }

    .gmap {
        padding: 0 60px;
    }

    .gmap iframe {
        width: 100%;
        height: 460px;
    }

    /** access-sec_info-area **/
    .access-sec_info-area {
        display: flex;
        flex-direction: row-reverse;
        margin-bottom: 120px;
        padding: 0 60px;
        font-size: 1.3rem;
    }

    .access-sec_info-area .text-side {
        width: 50%;
        margin: 0 0 0 10%;
        text-align: right;
    }

    .info-area_address {
        margin-bottom: 20px;
        font-weight: 500;
    }

    .info-area_open-hour {
        font-weight: 500;
    }

    .access-sec_info-area .img-side {
        width: 40%;
    }

    /** access-sec_img-slide **/
    .access-sec_img-slide {}

    .img-slide1 {}

    .img-slide2 {
        margin-top: 2px !important;
    }

    .img-slide1 li,
    .img-slide2 li {
        width: 300px !important;
        height: auto;
        margin-right: 2px;
    }

    .img-slide1 li img,
    .img-slide2 li img {
        width: 300px !important;
        height: auto;
    }

}

/* tablet end */

































































/* PC 960px - */
@media only screen and (min-width: 960px) {

    .cta-sec {
        margin-top: 2px;
    }

    /* contents
----------------------------------------- */
    .page-visual-area {
        background: url(../image/page-visual_pc18.webp) center center no-repeat;
        background-size: cover;
    }

    .no-webp .page-visual-area {
        background: url(../image/page-visual_pc18.jpg) center center no-repeat;
        background-size: cover;
    }

    /* about-access-sec */
    .about-access-sec {
        margin-bottom: 135px;
        padding-bottom: 110px;
        border-bottom: 1px solid #E6E6E6;
    }

    .about-access-sec .sec-copy {
        margin-bottom: 60px;
        padding: 0 0 0 10%;
    }

    .about-access-sec_cont {}

    .about-access-sec_cont_inner {
        position: relative;
        display: flex;
        padding: 0 8.5% 0 10%;
    }

    .about-access-sec_cont_text-side {
        width: 40%;
        margin: 0 15% 0 0;
        padding: 0;
    }

    .about-access-sec_cont_img-side {
        width: 45%;
        margin: 0;
        padding: 0;
        transform: translateY(-170px);
    }

    .about-access-sec_cont_img-side_img {
        width: 100%;
    }

    /** about-slide-typo **/
    .about-access-sec .about-slide-typo_wrap {}

    .about-access-sec .about-slide-typo {
        position: relative;
        width: 100%;
        z-index: -10;
    }

    .about-access-sec .about-slide-typo p {
        width: 1425px !important;
        height: auto;
        margin-right: 30px;
    }

    .about-access-sec .about-slide-typo p img {
        width: 1425px !important;
        height: auto;
    }

    /* access-sec */
    .access-sec {}

    .access-sec .sec-ttl {
        margin-bottom: 75px;
    }

    /** access-map **/
    .access-map {
        margin-bottom: 50px;
    }

    .gmap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
    }

    .gmap iframe {
        width: 100%;
        height: 540px;
    }

    /** access-sec_info-area **/
    .access-sec_info-area {
        display: flex;
        flex-direction: row-reverse;
        max-width: 1200px;
        margin: 0 auto 120px;
        padding: 0 40px;
        font-size: 1.3rem;
        line-height: 2.2;
    }

    .access-sec_info-area .text-side {
        width: 64%;
        margin: 0;
        text-align: right;
    }

    .info-area_address {
        margin-bottom: 30px;
        font-weight: 500;
    }

    .info-area_open-hour {
        font-weight: 500;
    }

    .access-sec_info-area .img-side {
        width: 36%;
    }

    /** access-sec_img-slide **/
    .access-sec_img-slide {}

    .img-slide1 {}

    .img-slide2 {
        margin-top: 2px !important;
    }

    .img-slide1 li,
    .img-slide2 li {
        width: 380px !important;
        height: auto;
        margin-right: 2px;
    }

    .img-slide1 li img,
    .img-slide2 li img {
        width: 380px !important;
        height: auto;
    }

}

.about-access-sec .about-slide-typo_wrap .bx-wrapper {
    z-index: 1;
}

/* PC end */



/* PC:1201px - */
@media only screen and (min-width: 1201px) {}

/* PC end */