@charset "utf-8";

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.header {
    background: none !important;
    pointer-events: none;
}

.hBxR>* {
    pointer-events: all;
}

.hHeight {
    display: none !important;
}

.hLogo {
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
}

.is-scroll.header {
    background: var(--secondary) !important;
    pointer-events: all;
}

.is-scroll .hLogo {
    opacity: 1;
    pointer-events: all;
}

/*-----------------------------------------------------------
ヘッダー
-----------------------------------------------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
fv
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.tFvImg {
    aspect-ratio: 1/1;
}

/*-----------------------------------------------------------
fv
-----------------------------------------------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
reason
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.tReasonImg01 {
    aspect-ratio: 103/63;
}

.tReasonImg02 {
    aspect-ratio: 1/1;
}

.tReasonImg03 {
    aspect-ratio: 30/38;
}

/*-----------------------------------------------------------
reason
-----------------------------------------------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
voice
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.tVoiceBxR {
    display: contents;
}

.tVoiceFukidashi::after {
    content: "";
    position: absolute;
    top: 0;
    left: 33%;
    border-style: solid;
    border-width: 0 9.3px 13.3px 9.3px;
    border-color: transparent transparent rgba(255, 255, 255, 0.5);
    translate: -50% -100%;
}

.tVoiceFukidashi:nth-of-type(2n):after {
    content: "";
    position: absolute;
    top: 0;
    left: 66%;
    border-style: solid;
    border-width: 0 9.3px 13.3px 9.3px;
    border-color: transparent transparent rgba(255, 255, 255, 0.5);
    translate: -50% -100%;
}

.tVoiceBtnBx {
    order: -1;
}

/*-----------------------------------------------------------
voice
-----------------------------------------------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
news
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.tNewsFlL {
    display: contents !important;
}

.altTxt01Btn {
    order: 1;
}

/*-----------------------------------------------------------
news
-----------------------------------------------------------*/

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 414px) {

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    fv
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .tFvImg {
        aspect-ratio: 3/2;
    }

    /*-----------------------------------------------------------
    fv
    -----------------------------------------------------------*/

}

/* min-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    fv
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .tFvImg {
        aspect-ratio: 705/840;
    }

    /*-----------------------------------------------------------
    fv
    -----------------------------------------------------------*/

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    reason
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .tReasonImgIn {
        display: contents !important;
    }

    .tReasonImg02 {
        order: -1;
    }

    /*-----------------------------------------------------------
    reason
    -----------------------------------------------------------*/

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    news
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    .tNewsFlL {
        display: flex !important;
    }

    /*-----------------------------------------------------------
    news
    -----------------------------------------------------------*/

}

/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ヘッダー
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    .headerHeight {
        height: 120px !important;
    }

    /*-----------------------------------------------------------
    ヘッダー
    -----------------------------------------------------------*/

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    voice
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .tVoiceBxR {
        display: block;
    }

    .tVoiceFukidashi::after,
    .tVoiceFukidashi:nth-of-type(2n)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        border-style: solid;
        border-width: 17.5px 0 17.5px 25px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        translate: 100% -50%;
    }

    /*-----------------------------------------------------------
    voice
    -----------------------------------------------------------*/


}

/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1200px) {

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    コンセプト
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    .tConcept {
        margin: -100px 0 0 !important;
    }

    /*-----------------------------------------------------------
    コンセプト
    -----------------------------------------------------------*/
}

/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1440px) {

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    fv
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .tFvTxtBx {
        margin: 100px 0 0 !important;
    }

    /*-----------------------------------------------------------
    fv
    -----------------------------------------------------------*/

}

/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1600px) {

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    fv
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    .tFvL {
        width: 100% !important;
    }

    .tFvLogo {
        max-width: 380px !important;
    }

    .tFvTxtBx {
        margin: 180px 0 0 43px !important;
    }

    .tFvTxt02 {
        margin-left: 50px !important;
    }

    /*-----------------------------------------------------------
    fv
    -----------------------------------------------------------*/

}

/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */