/** {
  outline: 1px solid red;
}
*/
@charset "UTF-8";

:root {
    --color-black: #2D2D2D;
    --color-white: #FFFFFF;
    --color-gray: #807E7B;
    --color-navy: #1D4984;
    --color-pink: #DBB7C3;
    --color-gold: #BD9E85;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 10px;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    color: #2d2d2d;
    letter-spacing: 0;
    width: 100%;
    overflow-x: hidden;
    /*
    background: linear-gradient(to bottom,
        rgba(217, 241, 244, 1) 0%,
        rgba(217, 241, 244, 0.3) 58%,
        rgba(217, 241, 244, 0) 99%
    );
    background-repeat: no-repeat;*/
}

main {}

a {
    text-decoration: none;
    color: #2d2d2d;
}

img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

@font-face {
    font-family: 'Neura Display';
    src: url('../fonts//NeuraDisplayVariable[wght].ttf') format('truetype');
    font-weight: 400 700;
    font-display: swap;
}

.neura {
    font-family: 'Neura Display', sans-serif;
    font-weight: 600;
    /* 太さを調整 (100-900) */
    text-transform: uppercase;
}

.DNPshuei {
    font-family: dnp-shuei-mincho-pr6n, sans-serif;
}

.gfsdidot {
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-style: normal;
}

.serif {
    font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 767px) {
    body {
        font-size: 1.4rem;
        /**
        min-width: 70%;
        max-width: 95%;
        **/
    }
}

.sp_br {
    display: none;
}

@media screen and (max-width: 767px) {
    .sp_br {
        display: block;
    }
}

/*コンテンツ幅*/
.wrapper {
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 1200px) {
    .wrapper {
        min-width: 1200px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper {
        min-width: 0;
    }
}

/* 共通ボタン */
.top-more-btn {
    display: flex;
    flex-flow: column;
    width: fit-content;
    text-decoration: none;
    cursor: pointer;
}

/* テキストエリア */
.top-more-btn__text-wrap {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1.4em;
    margin-bottom: -0.4rem;
    padding-left: 0.4rem;
}

/* テキスト共通 */
.top-more-btn__text {
    position: absolute;
    left: 0.4rem;
    top: 0;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.2;
    white-space: nowrap;
}

/* 初期表示 */
.top-more-btn__text.is-front {
    transform: translateY(0);
    opacity: 1;
}

/* 下で待機 */
.top-more-btn__text.is-back {
    transform: translateY(110%);
    opacity: 0;
}

/* 矢印 */
.top-more-btn__icon {
    width: 11.8rem;
    height: auto;
    transition: transform .3s ease;
}

@media screen and (min-width: 767px) {
    .top-more-btn:hover .top-more-btn__text.is-front {
        animation: topTextOutUp .35s ease forwards;
    }

    .top-more-btn:hover .top-more-btn__text.is-back {
        animation: topTextInUp .35s ease forwards;
    }

    .top-more-btn:not(:hover) .top-more-btn__text.is-front {
        animation: topTextInUp .35s ease forwards;
    }

    .top-more-btn:not(:hover) .top-more-btn__text.is-back {
        animation: topTextOutUp .35s ease forwards;
    }

    .top-more-btn:hover .top-more-btn__icon {
        transform: translateX(10px);
    }

    @keyframes topTextOutUp {
        from {
            transform: translateY(0);
            opacity: 1;
        }

        to {
            transform: translateY(-110%);
            opacity: 0;
        }
    }

    @keyframes topTextInUp {
        from {
            transform: translateY(110%);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
}

@media screen and (max-width: 767px) {
    .top-more-btn__text {
        font-size: 1.8rem;
    }

    .top-more-btn__icon {
        width: 8rem;
    }
}

/*============================
about・ファーストビュー
============================*/
#about__fv {
    position: relative;
    width: 100%;
    height: 40.2rem;
    background: url("../img/about_fv.jpg") right bottom / cover no-repeat;
    margin-top: 8rem;
    padding: 11.6rem 0;
}

.about__fv-inner {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 2%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.about__title-box {
    text-align: center;
}

.about__title {
    position: relative;
    display: inline-block;
    color: var(--color-navy);
    font-size: 6rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .05em;
    margin-bottom: 1.1rem;
}
.neura-display{
    font-family: 'Neura Display', sans-serif;
    font-weight: 600;
}

.about__title::after {
    content: "";
    position: absolute;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 21.3rem;
    height: 2px;
    background-color: var(--color-navy);
}

.about__subtitle {
    color: var(--color-white);
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: .05em;
    text-shadow: 2px 2px 2px #3D8783;
    margin-bottom: .7rem;
}

.about__txt {
    color: var(--color-white);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .05em;
    text-shadow: 2px 2px 2px #3d8783;
}

@media screen and (max-width: 1200px) {
  #about__fv {
    background: url("../img/about_fv_md.jpg") right / cover no-repeat;
  }
}

@media screen and (max-width: 767px) {
    #about__fv {
        width: 100%;
        height: 68rem;
        background: url("../img/about_fv_sp.png") center bottom / cover no-repeat;
        margin-top: 0;
        padding: 10svh 0 0;
        height: 85svh;
        /*
        width: 100%;
        height: auto;
        background: url("../img/about_fv_sp.png") center / cover no-repeat;
        margin-top: 0;
        position: relative;*/
    }

    .about__fv-inner {
        max-width: 120rem;
        margin: 0 auto;
        padding: 0 2%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about__title {
        font-size: 6rem;
        margin-bottom: .6rem;
    }

    .about__title::after {
        bottom: .5rem;
        width: 17rem;
        height: 1px;
    }

    .about__subtitle {
        font-size: 2.8rem;
        margin-bottom: .4rem;
    }

    .about__txt {
        font-size: 1.4rem;
    }
}

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

/*============================
about・intro
============================*/
#about_intro {
    background-image: url(../img/about_intro_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding: 100px 0;
}

.about_intro1_content,
.about_intro2_content {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

.about_intro1_inner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}


.about_intro1_inner_left {
    width: calc(520/1440*100vw);
    object-fit: cover;
}

.about_intro1_inner_left img {
    width: 100%;
    object-fit: cover;
}

.about_intro1_inner_right {
    width: calc(711/1440*100vw);
    background: #fff;
    border-radius: 10px;
    padding: 64px 30px;
    margin-left: calc(-60/1440*100vw);
    /* 画像に重ねる */
    margin-top: 64px;
}
@media screen and (min-width: 1717px) {
    .about_intro1_inner_right {
    width: calc(711/1440*100vw);
    background: #fff;
    border-radius: 10px;
    padding: 64px;
    margin-left: 0;
    /* 画像に重ねる */
    margin-top: 64px;
}
}

.about_intro2_inner {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    padding: 50px 30px;
    margin-top: 72px;
}


.about_intro2_inner_flex {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.about_intro2_inner_left {
    width: calc(367/1440*100vw);
}

.about_intro2_inner_right {
    width: calc(745/1440*100vw);
    object-fit: cover;
}

.about_intro2_inner_right img {
    width: 100%;
    object-fit: cover;
}

.about_intro1_inner_right h2,
.about_intro2_inner h2 {
    background: linear-gradient(-30deg, rgba(95, 36, 15, 100)21%, rgba(135, 81, 62, 100)38%, rgba(250, 212, 199, 100)52%, rgba(162, 106, 85, 100)63%, rgba(222, 173, 156, 100)75%, rgba(72, 24, 7, 100)82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(3.6rem,calc(60/1440*100vw),6rem);
    letter-spacing: 0.05em;
    line-height: 1.4;
    font-weight: 700;
    padding-bottom: 15px;
    position: relative;
}

.about_intro1_inner_right h2::after,
.about_intro2_inner h2::after {
    content: "";
    position: absolute;
    left: 0;
    top: clamp(7rem,calc(100/1440*100vw),10rem);
    width: 180px;
    height: 2px;
    background: #CEAA35;
}

.about_intro1_inner_right p {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #1D4984;
    margin-bottom: 16px;
    margin-top: 16px;
}

.about_intro2_inner p {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2D2D2D;
    margin-bottom: 16px;
    margin-top: 68px;
}

.about_intro2_inner span {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #1D4984;
    margin-bottom: 16px;
    margin-top: 68px;
}

.about_intro1_inner_right span {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #1D4984;
    margin-bottom: 16px;
    margin-top: 16px;
}

.about_intro2_inner_left_2rem {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #1D4984;
    margin-bottom: 16px;
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    #about_intro {
        background-image: url(../img/about_intro_bg_sp.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        padding: 50px 0;
    }

    .about_intro1_content,
    .about_intro2_content {
        width: 90%;
        margin: 0 auto;
    }

    .about_intro1_inner {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
    }


    .about_intro1_inner_left {
        width: 100%;
        object-fit: cover;
    }

    .about_intro1_inner_left img {
        width: 100%;
        object-fit: cover;
    }

    .about_intro1_inner_right {
        width: 100%;
        background: #fff;
        border-radius: 10px;
        padding: 30px;
        margin: 0 auto;
    }

    .about_intro2_inner {
        width: 100%;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        padding: 30px;
        margin-top: 50px;
    }


    .about_intro2_inner_flex {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-between;
    }


    .about_intro2_inner_left {
        width: 100%;
    }

    .about_intro2_inner_right {
        width: 100%;
        object-fit: cover;
    }

    .about_intro2_inner_right img {
        width: 100%;
        object-fit: cover;
    }

    .about_intro1_inner_right h2,
    .about_intro2_inner h2 {
        background: linear-gradient(-30deg, rgba(95, 36, 15, 100)21%, rgba(135, 81, 62, 100)38%, rgba(250, 212, 199, 100)52%, rgba(162, 106, 85, 100)63%, rgba(222, 173, 156, 100)75%, rgba(72, 24, 7, 100)82%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 3rem;
        letter-spacing: 0.05em;
        line-height: 1.4;
        font-weight: 700;
        padding-bottom: 15px;
        position: relative;
    }

    .about_intro1_inner_right h2::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50px;
        width: 180px;
        height: 2px;
        background: #CEAA35;
    }

    .about_intro2_inner h2::after {
        content: "";
        position: absolute;
        left: 0;
        top: 90px;
        width: 180px;
        height: 2px;
        background: #CEAA35;
    }

    .about_intro1_inner_right p {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #1D4984;
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .about_intro2_inner p {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2D2D2D;
        margin-top: 16px;
    }

    .about_intro2_inner span {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #1D4984;
        margin-bottom: 16px;
        margin-top: 68px;
    }

    .about_intro1_inner_right span {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #1D4984;
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .about_intro2_inner_left_2rem {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #1D4984;
        margin-bottom: 16px;
        margin-top: 16px;
    }

}


/*============================
about・feature
============================*/
#about_feature {
    background-image: url(../img/about_feature_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding: 106px 0;
}

.about_feature_content {
    max-width: 1024px;
    width: 90%;
    margin: 0 auto;
}

.about_feature_content h2 {
    background: linear-gradient(-30deg, rgba(95, 36, 15, 100)21%, rgba(135, 81, 62, 100)38%, rgba(250, 212, 199, 100)52%, rgba(162, 106, 85, 100)63%, rgba(222, 173, 156, 100)75%, rgba(72, 24, 7, 100)82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(4.2rem,calc(60/1440*100vw),6rem);
    letter-spacing: 0.05em;
    line-height: 1.4;
    font-weight: 700;
    padding-bottom: 15px;
    position: relative;
}

.about_feature_content h2::after {
    content: "";
    position: absolute;
    left: 0;
    top: clamp(7rem,calc(100/1440*100vw),10rem);
    width: 180px;
    height: 2px;
    background: #CEAA35;
}

.feature_content_title {
    color: #1D4984;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 0.05em;
    padding-top: 16px;
}

.feature_inner1 {
    max-width: 1024px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 63px;
    margin-top: 40px;
}

.feature_inner1 h3 {
    color: #1d4984;
    font-size: calc(32/1440*100vw);
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 16px;
}

.feature_inner1 p {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2d2d2d;
    margin-bottom: 16px;
}

.feature_img {
    display: flex;
    gap: 40px;
}

.feature_img_sp {
    display: none;
}

.feature_img .feature_img_left {
    width: 70%;
    object-fit: cover;
}

.feature_img .feature_img_left img {
    width: 100%;
    object-fit: cover;
}

.feature_img .feature_img_right {
    width: 30%;
    object-fit: cover;
}

.feature_img .feature_img_right img {
    width: 100%;
    object-fit: cover;
}

.feature_inner2 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 53px;
}

.feature_inner2_sp {
    display: none;
}

.feature_inner2 img {
    width: 100%;
    object-fit: cover;
}

.feature_inner3 h3 {
    color: #1d4984;
    font-size: calc(32/1440*100vw);
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 16px;
}

.feature_inner3 p {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2d2d2d;
    margin-bottom: 24px;
}

.feature_inner3_img {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.feature_inner3_img_left {
    width: 30%;
    object-fit: cover;
}

.feature_inner3_img_left img {
    width: 100%;
    object-fit: cover;
}

.feature_inner3_img_right {
    width: 68%;
    object-fit: cover;
}

.feature_inner3_img_right img {
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    #about_feature {
        background-image: url(../img/about_feature_bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        padding: 50px 0;
    }

    .about_feature_content {
        width: 90%;
        margin: 0 auto;
    }

    .about_feature_content h2 {
        background: linear-gradient(-30deg, rgba(95, 36, 15, 100)21%, rgba(135, 81, 62, 100)38%, rgba(250, 212, 199, 100)52%, rgba(162, 106, 85, 100)63%, rgba(222, 173, 156, 100)75%, rgba(72, 24, 7, 100)82%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 3rem;
        letter-spacing: 0.05em;
        line-height: 1.4;
        font-weight: 700;
        padding-bottom: 15px;
        position: relative;
    }

    .about_feature_content h2::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50px;
        width: 180px;
        height: 2px;
        background: #CEAA35;
    }

    .feature_content_title {
        color: #1D4984;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.7;
        letter-spacing: 0.05em;
        padding-top: 16px;
    }

    .feature_inner1 {
        max-width: 1024px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 63px;
        margin-top: 20px;
    }

    .feature_inner1 h3 {
        color: #1d4984;
        font-size: 2.8rem;
        letter-spacing: 0.05em;
        line-height: 1.4;
        margin-bottom: 16px;
    }

    .feature_inner1 p {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2d2d2d;
        margin-bottom: 16px;
    }

    .feature_img {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .feature_img_sp {
        display: none;
    }

    .feature_img .feature_img_left {
        width: 100%;
        object-fit: cover;
    }

    .feature_img .feature_img_left img {
        width: 100%;
        object-fit: cover;
    }

    .feature_img .feature_img_right {
        width: 100%;
        object-fit: cover;
    }

    .feature_img .feature_img_right img {
        width: 100%;
        object-fit: cover;
    }

    .feature_inner2 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 53px;
    }

    .feature_inner2_sp {
        display: none;
    }

    .feature_inner2 img {
        width: 100%;
        object-fit: cover;
    }

    .feature_inner3 h3 {
        color: #1d4984;
        font-size: 2.8rem;
        letter-spacing: 0.05em;
        line-height: 1.4;
        margin-bottom: 16px;
    }

    .feature_inner3 p {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2d2d2d;
        margin-bottom: 24px;
    }

    .feature_inner3_img {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 auto;
    }

    .feature_inner3_img_left {
        width: 100%;
        object-fit: cover;
        margin-bottom: 20px;
    }

    .feature_inner3_img_left img {
        width: 100%;
        object-fit: cover;
    }

    .feature_inner3_img_right {
        width: 100%;
        object-fit: cover;
    }

    .feature_inner3_img_right img {
        width: 100%;
        object-fit: cover;
    }

}

/*============================
about・フレーバー
============================*/
/*アニメーション*/
.FadeIn {
    opacity: 0;
    transform: translateY(50px);
    transition: 1s;
}

.FadeIn.active {
    opacity: 1;
    transform: translateY(0);
}

.fade_1 {
    transition: 1s;
}

.fade_2 {
    transition: 1.5s;
}

.fade_3 {
    transition: 2s;
}

.fade_4 {
    transition: 1s;
}

.fade_5 {
    transition: 1.5s;
}

.fade_6 {
    transition: 2s;
}

.fade_7 {
    transition: 2.5s;
}

.fade_8 {
    transition: 1s;
}

.fade_9 {
    transition: 1.5s;
}

.fade_10 {
    transition: 1.5s;
}
.sp_fade_1{
    transition: 1s;
}
.sp_fade_2{
    transition: 1.5s;
}
.sp_fade_3{
    transition: 2s;
}
.sp_fade_4{
    transition: 2.5s;
}
.sp_fade_5{
    transition: 3s;
}

li{
    list-style: none;
}

#about_flavor {
    background-image: url(../img/about_flavor_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding: 100px 0 50px 0;
}

.about_flavor_content {
    max-width: 1024px;
    width: 90%;
    margin: 0 auto;
}

.about_flavor_content h3 {
    color: #1d4984;
    font-size: calc(32/1440*100vw);
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 16px;
    text-align: center;
}

.about_flavor_content p {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2d2d2d;
    margin-bottom: 16px;
    text-align: center;
}

.about_flavor_pc {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 200px;
}

.about_flavor_sp {
    display: none;
}

.about_flavor_1,
.about_flavor_2,
.about_flavor_3 {
    display: flex;
}

.about_flavor_2 {
    margin: 50px 0;
    gap: 50px;
}

.about_flavor_1 .about_flavor_inner_box:nth-of-type(2) {
    margin-top: -130px;
}

.about_flavor_3 .about_flavor_inner_box:nth-of-type(2) {
    margin-top: 130px;
}

.about_flavor_1 .about_flavor_inner_box,
.about_flavor_3 .about_flavor_inner_box {
    width: 33%;
}

.about_flavor_2 .about_flavor_inner_box {
    width: 25%;
}

.about_flavor_img {
    width: auto;
    height: 200px;
}

.about_flavor_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* 全体を見せる */
}

.about_flavor_img a {
  display: block;
	width: 100%;
    height: 100%;
  overflow: hidden;
}

.about_flavor_img img {
  display: block;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

@media (hover: hover) {
  .about_flavor_img a:hover img {
    transform: scale(1.05);
    opacity: 0.7;
  }
}

.about_flavor_inner2 {
    width: 100%;
    margin: 0 auto;
    margin-top: 160px;
}

.about_flavor_inner2 h3 {
    text-align: left;
}

.about_flavor_inner2 span {
    color: #1d4984;
    font-size: calc(12/1440*100vw);
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 16px;
    text-align: left;
}

.about_flavor_inner2 p {
    text-align: left;
}

.about_flavor_inner2_img {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

.about_flavor_inner2_left {
    width: 210px;
    object-fit: cover;
}

.about_flavor_inner2_left img {
    width: 100%;
    object-fit: cover;
}

.about_flavor_inner2_right {
    width: 762px;
    object-fit: cover;
}

.about_flavor_inner2_right img {
    width: 100%;
    object-fit: cover;
}


@media screen and (max-width: 767px) {
    #about_flavor {
        background-image: url(../img/about_flavor_bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        padding: 50px 0;
    }

    .about_flavor_content {
        width: 90%;
        margin: 0 auto;
    }

    .about_flavor_content h3 {
        color: #1d4984;
        font-size: 2.8rem;
        letter-spacing: 0.05em;
        line-height: 1.4;
        margin-bottom: 16px;
        text-align: center;
    }

    .about_flavor_content p {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2d2d2d;
        margin-bottom: 16px;
        text-align: center;
    }

    .about_flavor_img {
        width: auto;
        height: 130px;
    }

    .about_flavor_img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        /* 全体を見せる */
    }


    .about_flavor_inner2 {
        width: 100%;
        margin: 0 auto;
        margin-top: 50px;
    }

    .about_flavor_inner2 h3 {
        text-align: left;
    }

    .about_flavor_inner2 span {
        color: #1d4984;
        font-size: 1rem;
        letter-spacing: 0.05em;
        line-height: 1.4;
        margin-bottom: 16px;
        text-align: left;
    }

    .about_flavor_inner2 p {
        text-align: left;
    }

    .about_flavor_inner2_img {
        display: flex;
        margin: 0 auto;
        justify-content: space-between;
        align-items: center;
    }

    .about_flavor_inner2_left {
        width: 30%;
        object-fit: cover;
    }

    .about_flavor_inner2_left img {
        width: 100%;
        object-fit: cover;
    }

    .about_flavor_inner2_right {
        width: 70%;
        object-fit: cover;
    }

    .about_flavor_inner2_right img {
        width: 100%;
        object-fit: cover;
    }

    .about_flavor_pc {
        display: none;
    }

    .about_flavor_sp {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about_flavor_inner_box {
        width: 48%;
        margin-bottom: 20px;
    }
    .cafelatte .about_flavor_img{
        height: ;
    }
}

/*============================
about・color_img
============================*/
.color_img {
    width: 100%;
    object-fit: cover;
}

.color_img img {
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .color_img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .color_img img {
        width: 100%;
        object-fit: cover;
    }
}

/*============================
about・scenes
============================*/
#about_scenes {
    background-color: #DAF1F4;
    width: 100%;
    padding: 100px 0;
}

.about_scenes_content {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

.about_scenes_inner1,
.about_scenes_inner2 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
}

.about_scenes_inner1_left {
    width: calc(372/1440*100vw);
    object-fit: cover;
}

.about_scenes_inner1_left img {
    width: 100%;
    object-fit: cover;
}

.about_scenes_inner1_right {
    width: calc(632/1440*100vw);
    object-fit: cover;
}

.about_scenes_inner1_right img {
    width: 100%;
    object-fit: cover;
}

.about_scenes_inner2_left {
    margin-top: 95px;
    width: calc(475/1440*100vw);
}

.about_btn_sp {
    display: none;
}

.about_scenes_inner2_right {
    width: calc(550/1440*100vw);
    object-fit: cover;
}

.about_scenes_inner2_right img {
    width: 100%;
    object-fit: cover;
}

.about_scenes_content h3 {
    color: #1d4984;
    font-size: calc(32/1440*100vw);
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 16px;
}

.about_scenes_content p {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2d2d2d;
    margin-bottom: 56px;
}

.about_scenes_inner1_left p {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2d2d2d;
    margin-top: -30px;
}

@media screen and (max-width: 767px) {
    .about_scenes_inner2_left a {
        display: none;
    }

    .about_btn_sp {
        display: block;
        margin-left: auto;
        margin-top: 20px;
    }

    #about_scenes {
        background-color: #DAF1F4;
        width: 100%;
        padding: 50px 0;
    }

    .about_scenes_content {
        max-width: 1200px;
        width: 90%;
        margin: 0 auto;
    }

    .about_scenes_inner1,
    .about_scenes_inner2 {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 30px;
    }

    .about_scenes_inner1_left {
        width: 100%;
        object-fit: cover;
    }

    .about_scenes_inner1_left img {
        width: 100%;
        object-fit: cover;
    }

    .about_scenes_inner1_right {
        width: 100%;
        object-fit: cover;
    }

    .about_scenes_inner1_right img {
        width: 100%;
        object-fit: cover;
    }

    .about_scenes_inner2_left {
        margin-top: 30px;
        width: 100%;
    }

    .about_scenes_inner2_right {
        width: 100%;
        object-fit: cover;
    }

    .about_scenes_inner2_right img {
        width: 100%;
        object-fit: cover;
    }

    .about_scenes_content h3 {
        color: #1d4984;
        font-size: 2.8rem;
        letter-spacing: 0.05em;
        line-height: 1.4;
        margin-bottom: 16px;
    }

    .about_scenes_content p {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2d2d2d;
        margin-bottom: 30px;
    }

    .about_scenes_inner1_left p {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2d2d2d;
        margin-top: -30px;
    }
}


/*============================
about・シーン別はこちらボタン
============================*/


.top-company-btn {
    display: flex;
    flex-flow: column;
    width: fit-content;
    text-decoration: none;
    cursor: pointer;
}

/* テキストエリア */
.top-company-btn__text-wrap {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1.4em;
    margin-bottom: -0.4rem;
    padding-left: 0.4rem;
}

/* テキスト共通 */
.top-company-btn__text {
    position: absolute;
    left: 0.4rem;
    top: 0;
    color: var(--color-navy);
    font-family: "LINE Seed JP", sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    white-space: nowrap;
}

/* 初期表示 */
.top-company-btn__text.is-front {
    transform: translateY(0);
    opacity: 1;
}

/* 下で待機 */
.top-company-btn__text.is-back {
    transform: translateY(110%);
    opacity: 0;
}

/* 矢印 */
.top-company-btn__icon {
    width: 17.4rem;
    height: auto;
    transition: transform .3s ease;
}

@media screen and (min-width: 768px) {
    .top-company-btn:hover .top-company-btn__text.is-front {
        animation: topTextOutUp .35s ease forwards;
    }

    .top-company-btn:hover .top-company-btn__text.is-back {
        animation: topTextInUp .35s ease forwards;
    }

    .top-company-btn:not(:hover) .top-company-btn__text.is-front {
        animation: topTextInUp .35s ease forwards;
    }

    .top-company-btn:not(:hover) .top-company-btn__text.is-back {
        animation: topTextOutUp .35s ease forwards;
    }

    .top-company-btn:hover .top-company-btn__icon {
        transform: translateX(10px);
    }

    @keyframes topTextOutUp {
        from {
            transform: translateY(0);
            opacity: 1;
        }

        to {
            transform: translateY(-110%);
            opacity: 0;
        }
    }

    @keyframes topTextInUp {
        from {
            transform: translateY(110%);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
}
@media screen and (max-width:767px){
	.top-company-btn__text {
	  left: 1.4rem;
	  top: .6rem;
	  font-size: 1.4rem;
	  line-height: 1;
	}

}



/*============================
about・スライダー
============================*/
/*slider*/
.top-slider-btn {
    margin-top: 5.6rem;
}

.top-slider-btn span {
    color: var(--color-navy);
}

#slider {
    width: 100%;
    background-image: url(../img/slider_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding: 96px 0 136px;
}

.slider_inner {
    max-width: 1024px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.slider_inner h2 {
    background: linear-gradient(-30deg, rgba(95, 36, 15, 100)21%, rgba(135, 81, 62, 100)38%, rgba(250, 212, 199, 100)52%, rgba(162, 106, 85, 100)63%, rgba(222, 173, 156, 100)75%, rgba(72, 24, 7, 100)82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(4.2rem,calc(60/1440*100vw),6rem);
    letter-spacing: 0.05em;
    line-height: 1.4;
    font-weight: 700;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 80px;
}

.slider_inner h2::after {
    content: "";
    position: absolute;
    left: 0;
    top: clamp(7rem,calc(100/1440*100vw),10rem);
    width: 180px;
    height: 2px;
    background: #CEAA35;
}

@media screen and (max-width: 767px) {
    #slider {
        width: 100%;
        background-image: url(../img/slider_bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        padding: 50px 0;
    }

    .slider_inner {
        width: 90%;
        margin: 0 auto;
    }

    .slider_inner h2 {
        background: linear-gradient(-30deg, rgba(95, 36, 15, 100)21%, rgba(135, 81, 62, 100)38%, rgba(250, 212, 199, 100)52%, rgba(162, 106, 85, 100)63%, rgba(222, 173, 156, 100)75%, rgba(72, 24, 7, 100)82%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 2.8rem;
        letter-spacing: 0.05em;
        line-height: 1.4;
        font-weight: 700;
        padding-bottom: 15px;
        position: relative;
        margin-bottom: 80px;
    }

    .slider_inner h2::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50px;
        width: 180px;
        height: 2px;
        background: #CEAA35;
    }
}

/*メイン*/
.swiper-wrapper {
    display: flex;
}

.main-swiper {
    max-width: 2000px;
    /*300px×6*/
    margin: 0 auto 50px;
}

.main-swiper .swiper-slide {
    width: 300px !important;
    text-align: center;
}

.main-swiper img {
    width: 100%;
    display: block;
}

.main-swiper .swiper-slide {
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform: scale(0.85);
    /*周りは小さく*/
    opacity: 0.6;
}

.main-swiper .swiper-slide-active {
    transform: scale(1);
    /*中央を大きく*/
    opacity: 1;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .main-swiper {
        max-width: 2000px;
        /*300px×6*/
        margin: 0 auto;
    }
}

/*サムネイル*/
.thumb-swiper {
    width: 1024px;
    margin: 0 auto;
    padding: 10px 0;
}

.thumb-swiper .swiper-wrapper {
    width: fit-content;
    margin: 0 auto;
}

.thumb-swiper .swiper-slide {
    width: 30px !important;
    opacity: 0.4;
    cursor: pointer;
}

.thumb-swiper .swiper-slide-thumb-active {
    opacity: 1;
}

.thumb-swiper img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.product_info {
    /*width: 310px;*/
    width: fit-content;
    margin: 0 auto;
    margin-top: 70px;
    text-align: center;
}

.product_info_title {
    font-size: 3.2rem;
    color: #1d4984;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 10px;
}

.product_info_text {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2d2d2d;
}

.product_info_text span {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .thumb-swiper {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .thumb-swiper .swiper-wrapper {
        width: fit-content;
        margin: 0 auto;
    }

    .thumb-swiper .swiper-slide {
        width: 30px !important;
        opacity: 0.4;
        cursor: pointer;
    }

    .thumb-swiper .swiper-slide-thumb-active {
        opacity: 1;
    }

    .thumb-swiper img {
        width: 100%;
        display: block;
        object-fit: cover;
    }

    .product_info {
        width: 310px;
        margin: 0 auto;
        margin-top: 30px;
        text-align: center;
    }

    .product_info_title {
        font-size: 2.8rem;
        color: #1d4984;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .product_info_text {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2d2d2d;
    }
}

/*============================
スターターキット
============================*/
/*lp*/
#lp {
    background: url(../img/lp_bg.png) center top no-repeat;
    background-size: cover;
    width: 100%;
    padding: 65px 0 167px;
}

.lp_content {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px;
}

.lp_inner {
    max-width: 1024px;
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
    margin-bottom: 40px;
}

.lp_inner1 {
    display: flex;
    gap: 20px;
    margin-bottom: 12px;
}

.lp_inner2 {
    display: flex;
    justify-content: space-between;
}

.lp_title {
    color: #1d4984;
    font-size: calc(40/1440*100vw);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4;
}

.lp_title span {
    color: #1d4984;
    font-size: calc(64/1440*100vw);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4;
}

.lp_sub_title {
    display: flex;
    margin-bottom: 25px;
}

.lp_sub_title1 {
    background-color: #CEAA35;
    border-radius: 40px;
    padding: 5px 0;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.5;
    width: 113px;
    height: 40px;
    text-align: center;
    margin-right: 5px;
    font-family: "LINE Seed JP", sans-serif;
}

.lp_sub_title2 {
    background-color: #1d4984;
    border-radius: 50px;
    padding: 5px 0;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.5;
    width: 200px;
    height: 40px;
    text-align: center;
    margin-right: 5px;
    font-family: "LINE Seed JP", sans-serif;
}

.lp_inner1_left_text {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2d2d2d;
}

.lp_inner1_left_text span {
    color: #1d4984;
    font: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

.lp_inner1_right {
    flex: 1;
    margin: 0 auto;
}

.lp_inner1_right img {
    width: 100%;
    object-fit: cover;
}

.lp_inner2_left {
    width: 50%;
}

.lp_inner2_left_text {
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    color: #2d2d2d;
}

.lp_inner2_left_text span {
    color: #1d4984;
    font: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

.lp_inner2_right {
    width: 50%;
    margin-right: 0;
}

.lp_inner2_right img {
    width: 100%;
    object-fit: cover;
}

.lp_btn_area {
    background-color: #1d4984;
    width: 443px;
    border-radius: 8px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    padding: 30px 65px;
    align-items: baseline;
}

.lp_btn {
    color: #fff;
    margin: 0 auto;
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    #lp {
        background: url(../img/lp_bg_sp.png) center top no-repeat;
        background-size: cover;
        width: 100%;
        padding: 65px 0 50px;
    }

    .lp_content {
        width: 90%;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 20px;
        padding: 50px 15px;
        margin-bottom: 40px;
    }

    .lp_inner {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .lp_inner1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 0;
    }

    .lp_inner2 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }

    .lp_title {
        color: #1d4984;
        font-size: 2.8rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1.4;
    }

    .lp_title span {
        color: #1d4984;
        font-size: 3.5rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1.4;
    }

    .lp_sub_title {
        display: flex;
        margin: 32px 0;
        width: 100%;
    }

    .lp_sub_title1 {
        background-color: #CEAA35;
        border-radius: 17px;
        padding: 5px;
        color: #fff;
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
        width: 113px;
        height: 40px;
        text-align: center;
        margin-right: 5px;
    }

    .lp_sub_title2 {
        background-color: #1d4984;
        border-radius: 17px;
        padding: 5px;
        color: #fff;
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
        width: 200px;
        height: 40px;
        text-align: center;
        margin-right: 5px;
    }

    .lp_inner1_left_text {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2d2d2d;
        margin-bottom: 20px;
    }

    .lp_inner1_left_text span {
        color: #1d4984;
        font: 1.8rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
    }

    .lp_inner1_right {
        width: 100%;
        margin: 0 auto;
    }

    .lp_inner1_right img {
        width: 100%;
        object-fit: cover;
    }

    .lp_inner2_left {
        width: 100%;
        margin-top: 20px;
    }

    .lp_inner2_left_text {
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        color: #2d2d2d;
    }

    .lp_inner2_left_text span {
        color: #1d4984;
        font: 1.8rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
    }

    .lp_inner2_right {
        width: 100%;
        margin-right: 0;
    }

    .lp_inner2_right img {
        width: 100%;
        object-fit: cover;
    }

    .lp_btn_area_bg {
        background: url(../img/lp_btn_bg.png) center top no-repeat;
        background-size: cover;
        width: 100%;
        padding: 10px 0;
    }

    .lp_btn_area {
        background-color: #1d4984;
        width: 60%;
        border-radius: 8px;
        height: 50px;
        margin: 0 auto;
        display: flex;
        padding: 20px;
        align-items: baseline;
        align-items: center;
    }

    .lp_btn {
        color: #fff;
        margin: 0 auto;
        font-family: "LINE Seed JP", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.8;
        text-align: center;
    }
}

/*============================
about・try_btn
============================*/
.try_btn {
    background-image: url(../img/try_btn_bg.png);
    width: 100%;
    padding: 28px 0 95px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.try_btn_inner {
    width: 355px;
    margin: 0 auto;
}

.try_btn_inner a img {
    width: 355px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .try_btn {
        background-image: url(../img/try_btn_bg.png);
        width: 100%;
        padding: 30px 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .try_btn_inner {
        width: 80%;
        margin: 0 auto;
    }

    .try_btn_inner a img {
        width: 100%;
        object-fit: cover;
    }
}

/*============================
about・横並びボタン
============================*/
#btn {
    width: 100%;
    padding: 88px 0;
    background-color: #D9F1F4;
}

.btn_inner {
    max-width: 850px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.btn_left,
.btn_right {
    background-color: #1d4984;
    width: 350px;
    height: 80px;
    margin: 0 auto;
    align-content: center;
    border-radius: 8px;
    text-align: center;
}

.btn_left a,
.btn_right a {
    margin: 0 auto;
    color: #fff;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    font-family: "LINE Seed JP", sans-serif;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
    #btn {
        width: 100%;
        padding: 50px 0;
        background-color: #D9F1F4;
    }

    .btn_inner {
        width: 70%;
        margin: 0 auto;
        display: flex;
        gap: 50px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .btn_left,
    .btn_right {
        background-color: #1d4984;
        width: 100%;
        height: 80px;
        margin: 0 auto;
        align-content: center;
        border-radius: 8px;
        text-align: center;
    }

    .btn_left a,
    .btn_right a {
        margin: 0 auto;
        color: #fff;
        font-size: 2rem;
        line-height: 1.2;
        font-weight: 700;
        text-align: center;
        font-family: "LINE Seed JP", sans-serif;
        letter-spacing: 0.05em;
    }
}