.body_wrapper.first .header-logo ,
.body_wrapper.first .menuBtn {
    opacity: 0;
    pointer-events: none;
}

.innerBox{
	padding: min(13vw, 150px) 0;
}
@media screen and (max-width: 769px) {
    .innerBox{
        padding: min(18vw, 100px) 0;
    }
}
/*====================================================
////id |  mv
====================================================*/
.mv-img {
    flex: 1;
    position: relative;
}
.mv-img-item {
    position: relative;
    width: 100%;
    height: 100%;
}
.mv-img-item::after {
    background: #000;
    content: '';
    display: block;
    margin: auto;
    opacity: .5;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
}
.mv-img-item video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.mv-img-link-wrapper {
    color: #fff;
    display: flex;
        justify-content: center;
    position: absolute;
        left: 0;
    width: 100%;
}
.mv-img-link .arrow {
    filter: invert(10);
}
.mv-content {
    display: flex;
        align-items: center;
        justify-content: center;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 999.9px) {
    #mv {
        background: var(--black);
        display: grid;
            grid-template-rows: auto 1fr;
        min-height: 100vh;
        min-height: 100svh;
        height: 100svh;
    }
    .mv-inner {
        padding: min(12vw, 80px) 0;
    }
    .mv-catch_copy {
        margin: calc(min(6vw, 30px) * -1) auto 20px;
        width: min(80%, 550px);
    }
    .mv-head {
        display: flex;
            justify-content: center;
        margin: 0 auto;
        width: min(60%, 450px);
    }
    .mv-img-wrapper {
        display: flex;
    }
    .mv-img-item::after {
        opacity: .3;
    }
    .mv-img-link-wrapper {
        font-size: min(3.6vw, 5rem);
        bottom: .8em;
    }
}
@media screen and (max-width: 768px) {
    .mv-img-wrapper {
        flex-direction: column;
    }
    .mv-img {
        min-height: 20vw;
    }
    .mv-img-link-wrapper {
        font-size: min(6.5vw, 3rem);
    }
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 1000px) {
    .mv-content {
        min-height: 860px;
        height: 100vh;
        height: 100svh;
    }
    .mv-catch_copy {
        margin: calc(min(6vw, 80px) * -1) auto 20px;
        width: 80%;
    }
    .mv-head {
        display: flex;
            justify-content: center;
        margin: 0 auto;
        width: 60%;
    }
    .mv-img-wrapper {
        display: flex;
        position: absolute;
            top: 0;
            left: 0;
        width: 100%;
        height: 100%;
    }
    .mv-img-link-wrapper {
        font-size: min(3vw, 5rem);
        bottom: 1.5em;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  contents
====================================================*/
#contents {
    overflow: hidden;
}
.contents-item-main_text {
    margin-top: 1em;
}
.contents-item-link {
    margin-top: 1.5em;
}
.contents-item-wrapper {
    display: grid;
        grid-gap: min(12vw, 120px);
}
.contents-detail-wrapper {
    display: grid;
        grid-gap: min(7vw, 50px); 
    margin-top: min(10vw, 100px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 959.9px) {
    .contents-item-head {
        font-size: min(9vw, 7rem);
    }
    .contents-detail-head {
        font-size: min(7vw, 6rem);
        text-align: center;
        margin-bottom: .5em;
    }
    .contents-detail-img-figure {
        padding-top: min(50%, 360px);
    }
    .contents-detail-text {
        margin-top: 1.5em;
    }
    .contents-detail-link {
        margin-top: 1.5em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .contents-item-head {
        font-size: min(7vw, 8rem);
    }
    .contents-item-main_text {
        font-size: min(2.4vw, 2.4rem);
    }
    .contents-detail {
        display: grid;
            grid-gap: 0 min(5vw, 70px);
    }
    .contents-detail.detail-odd {
        grid-template-columns: 60% 1fr;
    }
    .contents-detail.detail-even {
        grid-template-columns: 1fr 56.5%;
    }
    .contetns-detail-head-wrapper {
        padding-top: min(6vw, 60px);
    }
    .contents-detail-head {
        font-size: min(6vw, 60px);
        margin-bottom: .3em;
    }
    .contents-detail-img {
        grid-row: 1 / 3;
    }
    .contents-detail.detail-odd .contents-detail-img {
        grid-column: 2;
    }
    .contents-detail.detail-even .contents-detail-img {
        grid-column: 1;
    }
    .contents-detail-img-figure {
        width: calc(100% + (50vw - min(45vw, 600px)));
        height: 100%;
    }
    .contents-detail.detail-even .contents-detail-img-figure {
        margin-left: calc((50vw - min(45vw, 600px)) * -1);;
    }
    .contents-detail-text {
        padding-bottom: min(6.5vw, 70px);
    }
    .contents-detail-link-wrapper .btn_wrap {
        justify-content: flex-start;
    }
    .contents-detail-link {
        margin-top: 2em;
    }
}

@media (hover: hover) {}