a
{
    text-decoration: none;

    color: #070707;
}

.sp
{
    display: none !important;
}

@media print, screen and (max-width: 430px)
{
    .sp
    {
        display: block !important;
    }
}

.pc
{
    display: block;
}

@media print, screen and (max-width: 430px)
{
    .pc
    {
        display: none !important;
    }
}

.spi
{
    display: none;
}

@media print, screen and (max-width: 430px)
{
    .spi
    {
        display: inline;
    }
}

.pdi
{
    display: none;
}

@media print, screen and (max-width: 1025px)
{
    .pdi
    {
        display: inline;
    }
}

@media print, screen and (max-width: 430px)
{
    .pdi
    {
        display: inline;
    }
}

.pci
{
    display: inline;
}

@media print, screen and (max-width: 430px)
{
    .pci
    {
        display: none;
    }
}

/* ============== .fv ============== */
.fv
{
    position: relative;
    z-index: 0;

    width: 100%;
    height: 1080px;
}

@media print, screen and (max-width: 1920px)
{
    .fv
    {
        height: 56.25vw;
    }
}

@media print, screen and (max-width: 1024px)
{
    .fv
    {
        height: 100%;
    }
}

@media print, screen and (max-width: 430px)
{
    .fv
    {
        
        margin-top: 13.33333vw;
    }
}

.fv::before
{
    position: absolute;
    z-index: 1;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .3;
    background-color: #070707;

    inset: 0;
    
    pointer-events: none;
}

.fv__copy
{
    position: relative;
    z-index: 1;
    top: 100px;
    right: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 auto;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media print, screen and (max-width: 1920px)
{
    .fv__copy
    {
        top: 5.20833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .fv__copy
    {
        top: 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .fv__copy
    {
        top: 0;
    }
}

.fv__copyTtl
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
    line-height: 1.5;

    letter-spacing: .2em;
        -ms-writing-mode: tb-rl;

    color: #fff;

    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
}

@media print, screen and (max-width: 1025px)
{
    .fv__copyTtl
    {
        font-size: 4.39453vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .fv__copyTtl
    {
        font-size: 5.66667vw;

        letter-spacing: .1em;
    }
}

.fv__cover
{
    position: absolute;
    z-index: 2;

    width: 100%;

    inset: 0;
}

.fv__cover > picture
{
    display: block;

    width: 100%;
}

.fv__cover > picture > img
{
    display: block;

    width: 100%;
}

.fv__cover img
{
    display: block;

    width: 100%;
}

.scroll
{
    position: absolute;
    z-index: 1;
    right: 50%;
    bottom: 0;
}

.scroll::before
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    width: 1px;
    height: 110px;
    margin: auto;

    content: '';
    -webkit-animation: scroll 2s infinite;
            animation: scroll 2s infinite;

    background-color: #fff;
}

@media print, screen and (max-width: 1920px)
{
    .scroll::before
    {
        height: 5.72917vw;
    }
}

@media print, screen and (max-width: 1024px)
{
    .scroll::before
    {
        display: none;
    }
}

@media print, screen and (max-width: 430px)
{
    .scroll::before
    {
        display: none;
    }
}

/* 線のアニメーション */
@-webkit-keyframes scroll
{
    0%
    {
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
    50%
    {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
    51%
    {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%;
    }
    100%
    {
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
        -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%;
    }
}
@keyframes scroll
{
    0%
    {
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
    50%
    {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
    51%
    {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%;
    }
    100%
    {
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
        -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%;
    }
}

/* ============== .swiperSec ============== */
.swiperSec
{
    position: absolute;

z-index: 0; 
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.swiperSec::before
{
    position: absolute;
    z-index: 1;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .3;
    background-color: #070707;
  
    pointer-events: none;

    inset: 0;
}

.swiperSec__swiper
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

.swiperSec__slide
{
    width: 100%;
    height: 100%;
}

.swiperSec__slide > img
{
    display: block;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}





@-webkit-keyframes zoomUp
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%
    {
        -webkit-transform: scale(1.15);
                transform: scale(1.15);
    }
}

@keyframes zoomUp
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%
    {
        -webkit-transform: scale(1.15);
                transform: scale(1.15);
    }
}

.swiper-slide-active img,
.swiper-slide-duplicate-active img,
.swiper-slide-prev img
{
    -webkit-animation: zoomUp 20s linear both;
            animation: zoomUp 20s linear both;
}

/* ============== .parallax ============== */
.parallax
{
    position: relative;

    overflow: hidden;

    min-height: 1080px;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

@media print, screen and (max-width: 1920px)
{
    .parallax
    {
        min-height: 56.25vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .parallax
    {
        height: 55.66406vw;
        min-height: auto;

        background-image: none;
        background-attachment: scroll;

                clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax
    {
        position: relative;

        height: 144vw;

        background-image: none;
        background-attachment: scroll;

                clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
    }
}

.parallax--01
{
    background-image: url(../images/img_top_parallax_01_v2.jpg);
}

@media print, screen and (max-width: 1025px)
{
    .parallax--01
    {
        background-position: center bottom 20%;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax--01
    {
        background-image: none;
        background-position: center bottom 10%;
    }
}

@media print, screen and (max-width: 1025px)
{
    .parallax--01 .parallax__fixedBg
    {
        background-image: url(../images/img_top_parallax_01_pd.jpg);
        background-position: center bottom 20%;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax--01 .parallax__fixedBg
    {
        background-image: url(../images/img_top_parallax_01_sp.jpg);
        background-position: center bottom 10%;
    }
}

.parallax--02
{
    background-image: url(../images/img_top_parallax_02_v2.jpg);
}

@media print, screen and (max-width: 1025px)
{
    .parallax--02
    {
        background-position: center bottom 20%;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax--02
    {
        background-image: none;
        background-position: center bottom 25%;
    }
}

@media print, screen and (max-width: 1025px)
{
    .parallax--02 .parallax__fixedBg
    {
        background-image: url(../images/img_top_parallax_02_pd.jpg);
        background-position: center bottom 30%;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax--02 .parallax__fixedBg
    {
        background-image: url(../images/img_top_parallax_02_sp.jpg);
        background-position: center bottom 10%;
    }
}

.parallax--03
{
    background-image: url(../images/img_top_parallax_03.jpg);
}

@media print, screen and (max-width: 1025px)
{
    .parallax--03
    {
        background-position: center bottom 20%;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax--03
    {
        background-image: none;
        background-position: center bottom 25%;
    }
}

@media print, screen and (max-width: 1025px)
{
    .parallax--03 .parallax__fixedBg
    {
        background-image: url(../images/img_top_parallax_03_pd.jpg);
        background-position: center bottom 30%;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax--03 .parallax__fixedBg
    {
        background-image: url(../images/img_top_parallax_03_sp.jpg);
        background-position: center bottom 10%;
    }
}

.parallax--04
{
    background-image: url(../images/img_top_parallax_04.jpg);
}

@media print, screen and (max-width: 1025px)
{
    .parallax--04
    {
        background-position: center bottom 20%;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax--04
    {
        background-image: none;
        background-position: center bottom 25%;
    }
}

@media print, screen and (max-width: 1025px)
{
    .parallax--04 .parallax__fixedBg
    {
        background-image: url(../images/img_top_parallax_04_pd.jpg);
        background-position: center bottom 30%;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax--04 .parallax__fixedBg
    {
        background-image: url(../images/img_top_parallax_04_sp.jpg);
        background-position: center bottom 10%;
    }
}

@media print, screen and (max-width: 1025px)
{
    .parallax.is-active .parallax__fixedBg
    {
        visibility: visible;

        opacity: 1;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax.is-active .parallax__fixedBg
    {
        visibility: visible;

        opacity: 1;
    }
}

.parallax__fixedBg
{
    display: none;
}

@media print, screen and (max-width: 1025px)
{
    .parallax__fixedBg
    {
        position: fixed !important;
        z-index: -1;
        top: 0 !important;
        left: 0 !important;

        display: block;
        visibility: visible;

        width: 100vw !important;
        height: 100% !important;
        min-height: 100vh !important;

        -webkit-transform: none !important;
                transform: none !important;
        pointer-events: none;

        opacity: 1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax__fixedBg
    {
        position: fixed !important;
        z-index: -1;
        top: 0 !important;
        left: 0 !important;

        display: block;
        visibility: visible;

        width: 100vw !important;
        height: 100% !important;
        min-height: 100vh !important;

        -webkit-transform: none !important;
                transform: none !important;
        pointer-events: none;

        opacity: 1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

.parallax__slideWrp
{
    position: absolute;
    z-index: 1;
    bottom: -19px;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    width: 100%;
}

@media print, screen and (max-width: 1920px)
{
    .parallax__slideWrp
    {
        bottom: -.98958vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .parallax__slideWrp
    {
        bottom: -1.85547vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax__slideWrp
    {
        z-index: 1;
        bottom: -1.6vw;
    }
}

.parallax__track
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;

    -webkit-animation: scrollLoop 30s linear infinite;
            animation: scrollLoop 30s linear infinite;

    gap: 0;
}

.parallax__track:last-child
{
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.parallax__scrollCont
{
    margin-right: 50px;
}

@media print, screen and (max-width: 430px)
{
    .parallax__scrollCont
    {
        margin-right: 6.66667vw;
    }
}

.parallax__txt
{
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;

    color: transparent;
    text-shadow: 0 0 1px rgba(255, 255, 255, .08), 0 0 3px rgba(255, 255, 255, .05);

    -webkit-text-stroke: 1px #fff;
}

@media print, screen and (max-width: 1920px)
{
    .parallax__txt
    {
        text-shadow: 0 0 .05208vw rgba(255, 255, 255, .08), 0 0 .15625vw rgba(255, 255, 255, .05);
    }
}

@media print, screen and (max-width: 1025px)
{
    .parallax__txt
    {
        text-shadow: 0 0 .09766vw rgba(255, 255, 255, .08), 0 0 .29297vw rgba(255, 255, 255, .05);
    }
}

@media print, screen and (max-width: 430px)
{
    .parallax__txt
    {
        font-size: 14.66667vw;

        text-shadow: 0 0 .13333vw rgba(255, 255, 255, .08), 0 0 .4vw rgba(255, 255, 255, .05);
    }
}

@-webkit-keyframes scrollLoop
{
    0%
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    100%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

@keyframes scrollLoop
{
    0%
    {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    100%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

.parallax__blurText
{
    display: block;

    width: auto;
    height: 1em;
}

/* ============== .topConceptSec ============== */
.topConceptSec
{
    position: relative;

    padding: 200px 0 230px;

    background-color: #fdf7f0;
}

@media print, screen and (max-width: 1920px)
{
    .topConceptSec
    {
        padding: 10.41667vw 0 11.97917vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topConceptSec
    {
        padding: 11.71875vw 0 15.625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topConceptSec
    {
        overflow: hidden;

        padding: 16vw 0 13.33333vw;
    }
}

.topConceptSec::before
{
    position: absolute;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topConcept_bg_cover.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: contain;

    inset: 0;
}

.topConceptSec__inner
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media print, screen and (max-width: 430px)
{
    .topConceptSec__inner
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.topConceptSec__inner::before
{
    position: absolute;
    bottom: -147px;
    left: -50px;
    z-index: 2;

    width: 474px;
    height: 366px;

    content: '';

    background-image: url(../images/img_topConcept_deco.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media print, screen and (max-width: 1920px)
{
    .topConceptSec__inner::before
    {
        bottom: -7.65625vw;
        left: -2.60417vw;

        width: 24.6875vw;
        height: 19.0625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topConceptSec__inner::before
    {
        bottom: -14.35547vw;
        left: -4.88281vw;

        width: 46.28906vw;
        height: 35.74219vw;
        z-index: 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topConceptSec__inner::before
    {
        top: 5.33333vw;
        left: -13.33333vw;

        width: 60.53333vw;
        height: 48.8vw;
    }
}

.topConceptSec__ttl
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 1;  
}

@media print, screen and (max-width: 430px)
{
    .topConceptSec__ttl
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.topConceptSec__ttlTxt
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;

    position: relative;

    padding: 18px 34px;

    letter-spacing: .2em;
        -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    margin: 0;
}

@media print, screen and (max-width: 1920px)
{
    .topConceptSec__ttlTxt
    {
        padding: .9375vw 1.77083vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topConceptSec__ttlTxt
    {
        padding: 1.36719vw 2.53906vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topConceptSec__ttlTxt
    {
        padding: 4vw 0;

        letter-spacing: .1em;
            -ms-writing-mode: lr-tb;

        -webkit-writing-mode: horizontal-tb;
                writing-mode: horizontal-tb;
        text-orientation: mixed;
    }
}

.topConceptSec__ttlTxt::before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 2.9px;
    height: 508.7px;

    content: '';

    background-image: url(../images/img_topConcept_line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media print, screen and (max-width: 1920px)
{
    .topConceptSec__ttlTxt::before
    {
        width: .15104vw;
        height: 26.49479vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topConceptSec__ttlTxt::before
    {
        width: .24414vw;
        height: 42.96875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topConceptSec__ttlTxt::before
    {
        top: auto;
        bottom: 0;
        left: 50%;

        width: 77.33333vw;
        height: .42667vw;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);

        background-image: url(../images/img_topConcept_line_sp.svg);
    }
}

.topConceptSec__ttlTxt:first-child::after
{
    position: absolute;
    top: 0;
    right: 0;

    width: 2.9px;
    height: 508.7px;

    content: '';

    background-image: url(../images/img_topConcept_line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media print, screen and (max-width: 1920px)
{
    .topConceptSec__ttlTxt:first-child::after
    {
        width: .15104vw;
        height: 26.49479vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topConceptSec__ttlTxt:first-child::after
    {
        width: .24414vw;
        height: 42.96875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topConceptSec__ttlTxt:first-child::after
    {
        left: 0;

        width: 77.33333vw;
        height: .42667vw;
        margin: 0 auto;

        background-image: url(../images/img_topConcept_line_sp.svg);
    }
}

.topConceptSec__txtBox
{
    margin-top: 66px;
    margin-left: 60px;
}

@media print, screen and (max-width: 1920px)
{
    .topConceptSec__txtBox
    {
        margin-top: 3.4375vw;
        margin-left: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topConceptSec__txtBox
    {
        margin-top: 3.51562vw;
        margin-left: 4.88281vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topConceptSec__txtBox
    {
        position: relative;
        z-index: 3;

        width: 92vw;
        margin-top: 6.66667vw;
        margin-left: 0;
    }
}

.topConceptSec__txt
{
    font-family: 'Zen Old Mincho', serif;
    line-height: 2.3;

    text-align: left;
    letter-spacing: .1em;

    color: #070707;
    position: relative;
    z-index: 2;  
    margin-bottom: 0;
}

/* ============== .topCommitmentSec ============== */
.topCommitmentSec
{
    position: relative;
    z-index: 0;

    padding: 150px 0 100px;

    background-color: #fdf7f0;
}

@media print, screen and (max-width: 1920px)
{
    .topCommitmentSec
    {
        padding: 7.8125vw 0 5.20833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topCommitmentSec
    {
        padding: 11.71875vw 0 7.8125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topCommitmentSec
    {
        padding: 16vw 0 10.66667vw;
    }
}

.topCommitmentSec::before
{
    position: absolute;
    z-index: 1;

    width: 100%;
    height: 1587px;

    content: '';

    background-image: url(../images/img_topCommitment_bg_cover.jpg);
    background-repeat: repeat;
    background-position: bottom center;
    background-size: cover;

    inset: 0;
}

@media print, screen and (max-width: 1920px)
{
    .topCommitmentSec::before
    {
        height: 82.65625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topCommitmentSec::before
    {
        height: 89.16016vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topCommitmentSec::before
    {
        height: 186.66667vw;
    }
}

.topCommitmentSec__inner
{
    position: relative;
    z-index: 3;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1920px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1920px)
{
    .topCommitmentSec__inner
    {
        max-width: 100vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topCommitmentSec__inner
    {
            flex-direction: column;

        width: 92vw;
        margin: 0 auto;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topCommitmentSec__photo
{
    width: 730px;
}

@media print, screen and (max-width: 1920px)
{
    .topCommitmentSec__photo
    {
        width: 38.02083vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topCommitmentSec__photo
    {
        width: 100%;
    }
}

.topCommitmentSec__photo > img
{
    display: block;

    width: 100%;
}

.topCommitmentSec__txtBox
{
    margin-top: 295px;
    margin-bottom: 60px;
    margin-left: 8.22917vw;
}

@media print, screen and (max-width: 1920px)
{
    .topCommitmentSec__txtBox
    {
        margin-top: 15.36458vw;
        margin-bottom: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topCommitmentSec__txtBox
    {
        margin-top: 13.67188vw;
        margin-bottom: 3.90625vw;
        margin-left: 8.78906vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topCommitmentSec__txtBox
    {
        margin-top: 0;
        margin-bottom: 13.33333vw;
        margin-left: 0;
    }
}

.topCommitmentSec__txt
{
    font-weight: 500;
    line-height: 2.333333;

    position: relative;
    z-index: 4;

    margin-bottom: 60px;

    text-align: left;
    letter-spacing: .1em;
}

@media print, screen and (max-width: 1920px)
{
    .topCommitmentSec__txt
    {
        margin-bottom: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topCommitmentSec__txt
    {
        margin-bottom: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topCommitmentSec__txt
    {
        margin-bottom: 8vw;
    }
}

/* ============== .topMenuSec ============== */
.topMenuSec
{
    position: relative;
    z-index: 0;

    padding: 30px 0;

    background-color: #070707;
}

@media print, screen and (max-width: 1920px)
{
    .topMenuSec
    {
        padding: 1.5625vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topMenuSec
    {
        padding: 1.95312vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topMenuSec
    {
        padding: 0;
    }
}

.topMenuSec__bg
{
    position: relative;
    z-index: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 867px;
    padding: 205px 0;
}

@media print, screen and (max-width: 1920px)
{
    .topMenuSec__bg
    {
        height: 45.15625vw;
        padding: 10.67708vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topMenuSec__bg
    {
        padding: 5.85938vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topMenuSec__bg
    {
        height: 100%;
        padding: 0;
    }
}

.topMenuSec__bg::before
{
    position: absolute;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topMenu_bg.png);
    background-repeat: repeat;
    background-position: center;
    background-size: contain;

    inset: 0;
}

@media print, screen and (max-width: 430px)
{
    .topMenuSec__bg::before
    {
        display: none;
    }
}

@media print, screen and (max-width: 430px)
{
    .topMenuSec__spBg
    {
        width: 100%;
    }
}

.topMenuSec__spBg > img
{
    display: block;

    width: 100%;
}

.topMenuSec__cont
{
    position: relative;
    z-index: 2;

    width: 100%;
    padding: 94px 0 50px;

    background-color: rgba(255, 255, 255, .95);
}

@media print, screen and (max-width: 1920px)
{
    .topMenuSec__cont
    {
        padding: 4.89583vw 0 2.60417vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topMenuSec__cont
    {
        padding: 3.90625vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topMenuSec__cont
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 8vw 4.53333vw 10.66667vw 4.53333vw;
    }
}

.topMenuSec__cont::before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topMenu_inner_bg.svg);
    background-repeat: repeat-y;
    background-position: center;
    background-position: top left;
    background-size: cover;
}

.topMenuSec__txt
{
    font-weight: 500;
    line-height: 2;

    margin-bottom: 40px;

    letter-spacing: .1em;
}

@media print, screen and (max-width: 1920px)
{
    .topMenuSec__txt
    {
        margin-bottom: 2.08333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topMenuSec__txt
    {
        margin-bottom: 1.95312vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topMenuSec__txt
    {
        margin-bottom: 6.66667vw;
    }
}

/* ============== .topTourismSec ============== */
.topTourismSec
{
    position: relative;
    z-index: 0;

    padding: 200px 0 147px;

    background-color: #070707;
}

@media print, screen and (max-width: 1920px)
{
    .topTourismSec
    {
        padding: 10.41667vw 0 7.65625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topTourismSec
    {
        padding: 6.83594vw 0 9.76562vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topTourismSec
    {
        padding: 13.33333vw 0 16vw;
    }
}

.topTourismSec::before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topTourism_bg.png);
    background-repeat: repeat-y;
    background-position: center;
    background-position: top left;
    background-size: cover;

    inset: 0;
}

.topTourismSec__inner
{
    max-width: 1920px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1920px)
{
    .topTourismSec__inner
    {
        max-width: 100vw;
    }
}

.topTourismSec__cont
{
    position: relative;
    z-index: 3;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 1574px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topTourismSec__cont
    {
        width: 81.97917vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topTourismSec__cont
    {
        width: 87.89062vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topTourismSec__cont
    {
            flex-direction: column-reverse;

        width: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
}

.topTourismSec__rBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media print, screen and (max-width: 430px)
{
    .topTourismSec__rBox
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.topTourismSec__photo
{
    width: 991px;
}

@media print, screen and (max-width: 1920px)
{
    .topTourismSec__photo
    {
        width: 51.61458vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topTourismSec__photo
    {
        width: 59.57031vw;
        margin-top: 19.53125vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topTourismSec__photo
    {
        width: 100%;
        margin-top: 13.33333vw;
    }
}

.topTourismSec__photo > img
{
    display: block;

    width: 100%;
}

.topTourismSec__txtBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 120px;
}

@media print, screen and (max-width: 1920px)
{
    .topTourismSec__txtBox
    {
        margin-top: 6.25vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topTourismSec__txtBox
    {
            flex-direction: column;

        margin-top: 6.66667vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topTourismSec__txt
{
    font-weight: 500;
    line-height: 2;

    margin-right: 80px;

    text-align: left;
    letter-spacing: .2em;
        -ms-writing-mode: tb-rl;

    color: #fff;

    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
}

@media print, screen and (max-width: 1920px)
{
    .topTourismSec__txt
    {
        margin-right: 4.16667vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topTourismSec__txt
    {
        margin-right: 0;

        text-align: center;
            -ms-writing-mode: lr-tb;

        -webkit-writing-mode: horizontal-tb;
                writing-mode: horizontal-tb;
    }
}

/* ============== .topShopSec ============== */
.topShopSec
{
    position: relative;
    z-index: 0;

    padding-bottom: 170px;

    background-color: #070707;
}

@media print, screen and (max-width: 1920px)
{
    .topShopSec
    {
        padding-bottom: 8.85417vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topShopSec
    {
        padding-bottom: 9.76562vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topShopSec
    {
        padding-bottom: 13.33333vw;
    }
}

.topShopSec::before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topTourism_bg.png);
    background-repeat: repeat-y;
    background-position: center;
    background-position: top left;
    background-size: cover;

    inset: 0;
}

.topShopSec__inner
{
    position: relative;
    z-index: 3;
}

.topShopSec__txt
{
    font-weight: 500;
    line-height: 2;

    margin-top: 30px;

    letter-spacing: .1em;

    color: #fff;
}

@media print, screen and (max-width: 1920px)
{
    .topShopSec__txt
    {
        margin-top: 1.5625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topShopSec__txt
    {
        margin-top: 2.92969vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topShopSec__txt
    {
        margin-top: 6.66667vw;
    }
}

.topShopSec__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 60px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topShopSec__cont
    {
        margin-top: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topShopSec__cont
    {
        margin-top: 4.88281vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topShopSec__cont
    {
            flex-direction: column;

        margin-top: 10.66667vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topShopSec__item
{
    width: 682px;
}

@media print, screen and (max-width: 1920px)
{
    .topShopSec__item
    {
        width: 35.52083vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topShopSec__item
    {
        width: 42.96875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topShopSec__item
    {
        width: 100%;
        margin-bottom: 8vw;
    }
}

.topShopSec__photo
{
    width: 100%;
}

.topShopSec__photo > picture
{
    display: block;

    width: 100%;
}

.topShopSec__photo > picture > img
{
    display: block;

    width: 100%;
}

.topShopSec__photo img
{
    display: block;

    width: 100%;
}

.topShopSec__ttlBox
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 149px;
    height: 149px;
    margin: 0 auto;
    margin-top: -76px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media print, screen and (max-width: 1920px)
{
    .topShopSec__ttlBox
    {
        width: 7.76042vw;
        height: 7.76042vw;
        margin-top: -3.95833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topShopSec__ttlBox
    {
        width: 14.64844vw;
        height: 14.64844vw;
        margin-top: -3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topShopSec__ttlBox
    {
        width: 25.33333vw;
        height: 25.33333vw;
        margin-top: -9.33333vw;
    }
}

.topShopSec__ttlBox::before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topShop_ttl_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-position: top center;
    background-size: contain;
}

.topShopSec__ttl
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 800;

    position: relative;
    z-index: 4;

    color: #fff;
}

.topShopSec__btn
{
    width: -webkit-min-content;
    width:    -moz-min-content;
    width:         min-content;
    margin: 72px auto 0;
}

@media print, screen and (max-width: 1920px)
{
    .topShopSec__btn
    {
        margin: 3.75vw auto 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topShopSec__btn
    {
        margin: 2.92969vw auto 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topShopSec__btn
    {
        margin: 4vw auto 0;
    }
}

/* ============== .topAccessSec ============== */
.topAccessSec
{
    position: relative;
    z-index: 0;

    padding: 144px 0 197px;

    background-color: #fdf7f0;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec
    {
        padding: 7.5vw 0 10.26042vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec
    {
        padding: 9.76562vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec
    {
        padding: 13.33333vw 0 16vw;
    }
}

.topAccessSec::before
{
    position: absolute;
    z-index: 2;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topConcept_bg_cover.png);
    background-repeat: repeat;
    background-position: center;
    background-size: contain;

    inset: 0;
}

.topAccessSec::after
{
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;

    width: 694px;
    height: 969px;

    content: '';

    background-image: url(../images/img_topAccess_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position: top left;
    background-size: contain;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec::after
    {
        width: 36.14583vw;
        height: 50.46875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec::after
    {
        width: 64vw;
        height: 89.33333vw;
    }
}

.topAccessSec__inner
{
    position: relative;
    z-index: 2;
}

.topAccessSec__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 55px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__cont
    {
        margin-top: 2.86458vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__cont
    {
        margin-top: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__cont
    {
            flex-direction: column;

        margin-top: 5.33333vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.topAccessSec__rBox
{
    text-align: left;
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__rBox
    {
        width: 100%;
        margin-top: 8vw;
    }
}

.topAccessSec__name
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;

    letter-spacing: .1em;
}

.topAccessSec__listBox
{
    margin: 40px 0 60px;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__listBox
    {
        margin: 2.08333vw 0 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__listBox
    {
        margin: 2.92969vw 0 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__listBox
    {
        margin: 6.66667vw 0 8vw;
    }
}

.topAccessSec__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 20px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__item
    {
        margin-bottom: 1.04167vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__item
    {
        margin-bottom: 1.46484vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__item
    {
            flex-direction: column;

        width: 100%;
        margin-bottom: 4vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topAccessSec__item:last-child
{
    margin-bottom: 0;
}

.topAccessSec__term
{
    font-weight: 700;

    width: 127px;

    letter-spacing: .1em;

    color: #7b7b7b;
    line-height: 1.6666;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__term
    {
        width: 6.61458vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__term
    {
        width: 9.76562vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__term
    {
        width: 100%;
    }
}

.topAccessSec__description
{
    font-weight: 500;
    line-height: 1.6666;

    width: 372px;

    letter-spacing: .1em;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__description
    {
        width: 19.375vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__description
    {
        width: 29.29688vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__description
    {
        width: 100%;
        margin-top: 1.33333vw;
    }
}

.topAccessSec__parkingWrp
{
    position: relative;

    margin-top: 80px;
    padding: 55px 94px;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__parkingWrp
    {
        margin-top: 4.16667vw;
        padding: 2.86458vw 4.89583vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__parkingWrp
    {
        margin-top: 5.85938vw;
        padding: 3.90625vw 2.92969vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__parkingWrp
    {
        margin-top: 10.66667vw;
        padding: 5.33333vw 4vw;
    }
}

.topAccessSec__parkingWrp::before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topAccess_parking_bg.png);
    background-repeat: repeat-y;
    background-position: center;
    background-position: top left;
    background-size: cover;
}

.topAccessSec__parkingInner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__parkingInner
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topAccessSec__parkingTxtBox
{
    width: 766.5px;

    text-align: left;

    color: #fff;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__parkingTxtBox
    {
        width: 39.92188vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__parkingTxtBox
    {
        width: 46.875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__parkingTxtBox
    {
        width: 100%;
    }
}

.topAccessSec__parkingTtl
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;

    padding-bottom: 12px;

    letter-spacing: .1em;

    border-bottom: 1px solid #fff;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__parkingTtl
    {
        padding-bottom: .625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__parkingTtl
    {
        padding-bottom: 1.36719vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__parkingTtl
    {
        padding-bottom: 4vw;
    }
}

.topAccessSec__parkingTxt
{
    font-weight: 500;
    line-height: 2;

    margin-top: 40px;

    letter-spacing: .2em;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__parkingTxt
    {
        margin-top: 2.08333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__parkingTxt
    {
        margin-top: 1.95312vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__parkingTxt
    {
        margin-top: 4vw;
    }
}

.topAccessSec__parkingPhoto
{
    width: 425px;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__parkingPhoto
    {
        width: 22.13542vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__parkingPhoto
    {
        width: 29.29688vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__parkingPhoto
    {
        width: 100%;
        margin-top: 5.33333vw;
    }
}

.topAccessSec__parkingPhoto > img
{
    display: block;

    width: 100%;
}

.topAccessSec__map
{
    width: 760px;
    max-width: 100%;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__map
    {
        width: 39.58333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__map
    {
        width: 46.875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__map
    {
        width: 100%;
    }
}

.topAccessSec__map iframe
{
    display: block;

    width: 100% !important;
    height: 554px !important;

    aspect-ratio: 760/554;
}

@media print, screen and (max-width: 1920px)
{
    .topAccessSec__map iframe
    {
        height: 28.85417vw !important;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topAccessSec__map iframe
    {
        height: 34.17969vw !important;
    }
}

@media print, screen and (max-width: 430px)
{
    .topAccessSec__map iframe
    {
        height: auto !important;
    }
}

/* ============== .topNews ============== */
.topNews
{
    position: relative;
    z-index: 0;

    padding: 80px 0 110px;
}

@media print, screen and (max-width: 1920px)
{
    .topNews
    {
        padding: 4.16667vw 0 5.72917vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews
    {
        padding: 5.85938vw 0 6.83594vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews
    {
        padding: 8vw 0 13.33333vw;
    }
}

.topNews::before
{
    position: absolute;
    z-index: -2;

    width: 100%;
    height: 100%;

    content: '';

    background-color: #070707;
    background-image: url(../images/img_topNews_bg.svg);
    background-repeat: repeat;
    background-position: center;
    background-size: contain;

    inset: 0;
}

.topNews::after
{
    position: absolute;
    z-index: -1;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/img_topNews_bg_cover.png);
    background-repeat: repeat;
    background-position: center;
    background-size: contain;

    inset: 0;
}

.topNews__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 49px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .topNews__cont
    {
        margin-top: 2.55208vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews__cont
    {
        margin-top: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__cont
    {
            flex-direction: column;

        margin-top: 8vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.topNews__cont.is-one {
    justify-content: center;
}

.topNews__cont.is-two {
    justify-content: space-around;
}

.topNews__cont.is-three {
    justify-content: space-between;
}

.topNews__item
{
    display: block;

    width: 423px;
}

@media print, screen and (max-width: 1920px)
{
    .topNews__item
    {
        width: 22.03125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews__item
    {
        width: 28.32031vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__item
    {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__item:last-child
    {
        margin-bottom: 0;
    }
}

@media (any-hover: hover)
{
    .topNews__item:hover .topNews__img img
    {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
    }
  
    .topNews__item:hover .topNews__img img
    {
        display: block;

        width: 100%;
    }
    .topNews__item:hover .topNews__date
    {
        opacity: .6;
    }
    .topNews__item:hover .topNews__txt
    {
        opacity: .6;
    }
}

.topNews__img
{
    overflow: hidden;

    width: 100%;
    height: 236px;

    -webkit-transition: .3s;
            transition: .3s;
}

@media print, screen and (max-width: 1920px)
{
    .topNews__img
    {
        height: 12.29167vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews__img
    {
        height: 15.625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__img
    {
        height: 53.33333vw;
    }
}

.topNews__img > picture
{
    display: block;

    width: 100%;

    -webkit-transition: .3s;
            transition: .3s;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.topNews__img img
{
    display: block;

    width: 100%;

    -webkit-transition: .3s;
            transition: .3s;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.topNews__wrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 20px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media print, screen and (max-width: 1920px)
{
    .topNews__wrp
    {
        margin-top: 1.04167vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews__wrp
    {
        margin-top: 1.46484vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__wrp
    {
        margin-top: 2.66667vw;
    }
}

.topNews__date
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;

    margin-right: 25px;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: left;
    letter-spacing: .1em;

    color: #fff;
}

@media print, screen and (max-width: 1920px)
{
    .topNews__date
    {
        margin-right: 1.30208vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews__date
    {
        margin-right: 1.5625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__date
    {
        margin-right: 3.2vw;
    }
}

.topNews__cat--event > span
{
    background-color: #b05855;
}

.topNews__cat--info > span
{
    background-color: #93856a;
}

.topNews__cat--menu > span
{
    background-color: #bcac53;
}

.topNews__cat > span
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;

    padding: 0 20px 1px 20px;

    letter-spacing: .1em;

    color: #fff;
}

@media print, screen and (max-width: 1920px)
{
    .topNews__cat > span
    {
        padding: 0 1.04167vw .05208vw 1.04167vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews__cat > span
    {
        padding: .09766vw 1.17188vw .19531vw 1.17188vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__cat > span
    {
        padding: .13333vw 2.66667vw .26667vw 2.66667vw;
    }
}

.topNews__txt
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
    line-height: 1.8;

    margin-top: 20px;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: left;
    letter-spacing: .05em;

    color: #fff;
}

@media print, screen and (max-width: 1920px)
{
    .topNews__txt
    {
        margin-top: 1.04167vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews__txt
    {
        margin-top: .97656vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__txt
    {
        margin-top: 2.4vw;
    }
}

.topNews__btn
{
    width: -webkit-min-content;
    width:    -moz-min-content;
    width:         min-content;
    margin: 60px auto 0;
}

@media print, screen and (max-width: 1920px)
{
    .topNews__btn
    {
        margin: 3.125vw auto 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .topNews__btn
    {
        margin: 3.90625vw auto 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__btn
    {
        margin: 10.66667vw auto 0;
    }
}

.topNews__cont .webgene-blog
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    list-style-type: none;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
   gap: 70px;
}
@media print, screen and (max-width: 1920px)
{
    .topNews__cont .webgene-blog
    {
        gap: 3.64583vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .topNews__cont .webgene-blog
    {
       gap: 6.66667vw;
      flex-direction:  column;
    }
}