/***************************************共通系***************************************/
.content article > .tyotiku2026cp {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    color: #333333;
}

.content article > :first-child{
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    .content article > .tyotiku2026cp {
        max-width: 100%;
        margin-inline: 0;
    }

    .content article > :first-child{
        margin-top: 24px;
    }
}

.tablet-none {
    display: block;
}
.tablet-only {
    display: none;
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .tablet-none {
        display: none;
    }
    .tablet-only {
        display: block;
    }
}
.floating-rightarea {
    bottom: 158px !important;
}
.pagetop.is-show {
    bottom: 90px !important;
}

/* モデル画像用コピーガード */
.copy_guard {
    pointer-events: none;
}
@media print {
    .copy_guard {
        display: none !important;
    }
}

.tyotiku2026cp button:hover{
    opacity: 0.75;
}

@media screen and (max-width: 767px) {
    .tyotiku2026cp button:hover{
        opacity: 1;
    }
}

.tyotiku2026cp a:hover{
    opacity: 0.75;
}

@media screen and (max-width: 767px) {
    .tyotiku2026cp a:hover{
        opacity: 1;
    }
}

@media (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }
}

/***************************************追従***************************************/
.content article .floating-actions {
    max-width: none;
}

.content article .modal.active, .content article .floating-actions {
    margin: 0;
}

.floating-actions.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.floating-actions {
    position: fixed;
    align-items: stretch;
    width: 100%;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    display: flex;
    gap: 24px;
    justify-content: center;
    padding: 12px 10px;
    background: #08287F;
    z-index: 9000;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
}

.floating-actions .floating-cta__item{
    width: 100%;
    max-width: 340px;
}

.floating-actions .cta__btn{
    display: block;
    position: relative;
    width: 100%;
    max-width: 340px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #333333;
    padding: 19px 0;
    background-color: #ffffff;
    border-radius: 100px;
}

.floating-actions .cta__btn:hover{
    opacity: 1;
    background-color: #ececec;
}

.floating-actions .cta__btn.priority{
    background-color: #E6002D;
    color: #ffffff;
}

.floating-actions .cta__btn.priority:hover{
    background-color: #da012c;
    opacity: 1;
}

.floating-actions .cta__btn::after{
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    background-image: url(/campaign/2026savings_account/images/icon_link-window-black.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.floating-actions .cta__btn.priority::after{
    right: 14px;
    width: 26px;
    height: 26px;
    background-image: url(/campaign/2026savings_account/images/icon_arrow-bottom-red.png);
}

.floating-actions.js-arrow .cta__btn.priority::after{
    transform: rotate(180deg) translateY(50%);
}

@media screen and (max-width: 767px) {
    .floating-actions .cta__btn{
        font-size: 1.2rem;
        line-height: 1.3;
        padding: 8px 0;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .floating-actions .cta__btn::after{
        right: 12px;
        width: 10px;
        height: 10px;
    }

    .floating-actions .cta__btn.priority::after{
        right: 10px;
        width: 16px;
        height: 16px;
    }
}

/***************************************ファーストビジュアル（FV）***************************************/
/* =========================================
   上部（モデルがいるエリア）
========================================= */
.fv .fv__inner .fv__top{
    position: relative;
    height: 33vw;
    max-height: 480px;
    padding: 0 0;
    background-image: url(/campaign/2026savings_account/images/kv_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.fv .fv__inner .fv__top .fv__top__box{
    text-align: center;
}

.fv .fv__inner .fv__top .fv__top__icon{
    max-width: 119px;
    width: 10vw;
    position: absolute;
    right: 10px;
    bottom: 3vw;
}

@media screen and (max-width: 767px) {
    .fv .fv__inner .fv__top{
        position: relative;
        height: initial;
        max-height: initial;
        background-image: url(/campaign/2026savings_account/images/kv_bg_sp.jpg);
    }
}


/* =========================================
   下部（キャンペーンの期間や概要）
========================================= */
.fv .fv__inner .fv__bottom{
    background-color:#08287F;
    width: 100%;
    padding: 16px 20px 12px;
}

.fv .fv__inner .fv__bottom .fv__bottom__inner{
    display: flex;
    gap: 30px;
    max-width: 1440px;
    margin: 0 auto;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .fv .fv__inner .fv__bottom{
        padding: 0px 0px 12px;
    }

    .fv .fv__inner .fv__bottom .fv__bottom__inner{
        gap: 0;
        flex-direction: column;
    }

    .fv .fv__inner .fv__bottom .fv__bottom__inner .fv__bottom__img{
        padding: 16px 4.5vw 12px;
    }

    .fv .fv__inner .fv__bottom .fv__bottom__inner .fv__bottom__img:first-child{
        border-bottom: 1px solid #759BFD;
    }

    .fv .fv__inner .fv__bottom .fv__bottom__inner .fv__bottom__img:nth-child(2){
        padding-bottom: 0;
    }
}

/* =========================================
   CTA
========================================= */
.fv .fv__inner .fv__cta{
    background-color: #000066;
    width: 100%;
    border: 5px solid #ffffff;
    padding: 20px 10px;
}

.fv .fv__inner .fv__cta .fv__cta__inner{
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
}

.fv .fv__inner .fv__cta .fv__cta__inner .fv__cta__item{
    width: 100%;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__lead-text{
    font-size: 1.7rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn{
    display: block;
    position: relative;
    width: 100%;
    max-width: 406px;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #333333;
    padding: 19px 50px;
    margin: 0 auto 10px;
    background-color: #ffffff;
    border-radius: 100px;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn::after{
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    background-image: url(/campaign/2026savings_account/images/icon_link-window-black.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn:hover{
    background-color: #ececec;
    opacity: 1;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn.priority{
    background-color: #E6002D;
    color: #ffffff;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn.priority::after{
    right: 20px;
    width: 32px;
    height: 32px;
    background-image: url(/campaign/2026savings_account/images/icon_arrow-bottom-red.png);
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn.priority:hover{
    background-color: #da012c;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn__anchor{
    font-size: 1.5rem;
    text-align: center;
    color: #ffffff;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn__anchor .internal-link{
    position: relative;
    text-decoration: underline;
}

.fv .fv__inner .fv__cta .fv__cta__inner .cta__btn__anchor .internal-link::after{
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    background-image: url(/campaign/2026savings_account/images/icon_arrow-link-bottom-white.png);
    background-repeat: no-repeat;
}

@media screen and (max-width: 928px) {
    .fv .fv__inner .fv__cta .fv__cta__inner .cta__btn__anchor .internal-link::after{
        transform: initial;
        top: initial;
        bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .fv .fv__inner .fv__cta{
        border: 4px solid #ffffff;
        padding: 18px 5vw 7px;
    }

    .fv .fv__inner .fv__cta .fv__cta__inner{
        flex-direction: column;
        gap: 12px;
        width: 100%;
        padding: 0;
    }

    .fv .fv__inner .fv__cta .fv__cta__inner .fv__cta__item{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .fv .fv__inner .fv__cta .fv__cta__inner .cta__lead-text{
        margin-bottom: 6px;
        font-size: 1.3rem;
    }

    .fv .fv__inner .fv__cta .fv__cta__inner .cta__btn{
        padding: 20px 0;
        font-size: 1.6rem;
        max-width: 100%;
    }

    .fv .fv__inner .fv__cta .fv__cta__inner .cta__btn::after{
        right: 18px;
        width: 16px;
        height: 16px;
    }

    .fv .fv__inner .fv__cta .fv__cta__inner .cta__btn.priority::after{
        right: 13px;
        width: 24px;
        height: 24px;
    }

    .fv .fv__inner .fv__cta .fv__cta__inner .cta__btn__anchor{
        font-size: 1.2rem;
    }
}


/***************************************訴求エリア***************************************/
.feature{
    background-image: url(/campaign/2026savings_account/images/img_feature-bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 72px 3vw 80px;
    margin-bottom: 64px;
    position: relative;
}

.feature .feature__title{
    text-align: center;
    margin-bottom: 37px;
}

.feature .feature__lead-text{
    text-align: center;
    color: #08287F;
}

.feature .feature__lead-text.sub{
    font-size: 2.1rem;
    margin-bottom: 65px;
}

.feature .feature__lead-text.main{
    color: #0A7CCB;
    margin-bottom: 33px;
}

.feature .feature__lead-text .feature__text-middle{
    font-size: 2.4rem;
    color: #2F6BBF;
}

.feature .feature__lead-text .feature__text-large{
    font-size: 4.8rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .feature{
        background-image: url(/campaign/2026savings_account/images/img_feature-bg_sp.jpg);
        padding: 56px 0 0px;
        margin-bottom: 56px;
        position: relative;
    }

    .feature .feature__title{
        margin-bottom: 20px;
    }

    .feature .feature__lead-text.sub{
        font-size: 1.4rem;
        margin-bottom: 17px;
    }

    .feature .feature__lead-text .feature__text-middle{
        font-size: 1.8rem;
    }

    .feature .feature__lead-text .feature__text-large{
        font-size: 3.2rem;
    }
}


/* =========================================
   3カラム
========================================= */
.feature .feature__inner .feature__wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 46px;
}

.feature .feature__inner .feature__wrapper .feature__item__box{
    position: relative;
}

.feature .feature__inner .feature__wrapper .feature__item{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    position: relative;
    width: 183px;
    height: 183px;
    border-radius: 183px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 0 1vw;
}

.feature .feature__inner .feature__wrapper .line{
    width: 31px;
    height: 2px;
    background-color: #759BFD;
}

.feature .feature__inner .feature__wrapper .feature__item .feature__item__img{
    text-align: center;
}

.feature .feature__inner .feature__wrapper .feature__item .feature__item__img img{
    margin-bottom: 14px;
}

.feature .feature__inner .feature__wrapper .feature__item .feature__item__img figcaption{
    font-size: 1.7rem;
    font-weight: bold;
    color: #0A7CCB;
    margin-bottom: 14px;
}

.feature .feature__inner .feature__wrapper .feature__item .feature__item__text{
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.5;
}

/* 貯蓄預金 */
.feature .feature__inner .feature__wrapper .feature__item.savings{
    background-color: #0A7CCB;
    width: 211px;
    height: 211px;
    border-radius: 211px;
    box-shadow: none;
}

.feature .feature__inner .feature__wrapper .feature__item.savings .feature__item__img figcaption{
    font-size: 2.2rem;
}

.feature .feature__inner .feature__wrapper .feature__item.savings .feature__item__img figcaption,.feature .feature__inner .feature__wrapper .feature__item.savings .feature__item__text{
    color: #ffffff;
}

/* 吹き出し */
.feature .feature__inner .savings-speech__wrapper{
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.feature .feature__inner .savings-speech {
    position: relative;
    display: inline-block;
    margin-top: 15px;
    padding: 7px 16px;
    background-color: #01a9d6;
    text-align: left;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    color: #ffffff;
    width: 100%;
    min-width: 132px;
}

.feature .feature__inner .savings-speech::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-style: solid;
    border-width: 0 12.5px 15px 12.5px;
    border-color: transparent transparent #01a9d6;
    translate: -50% -100%;
}


.feature .feature__text{
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 18px;
}

.feature .feature__annonation{
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 13px;
    color: #777777;
}

.feature .feature__anchor-link{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #08287F;
}

.feature .feature__anchor-link .internal-link{
    position: relative;
    text-decoration: underline;
}

.feature .feature__anchor-link .internal-link::after{
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 9px;
    background-image: url(/campaign/2026savings_account/images/icon_arrow-link-bottom-blue.png);
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .feature .feature__text__wapper{
        position: absolute;
        width: 51%;
        right: 1vw;
        bottom: 2px;
    }

    .feature .feature__annonation{
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    .feature .feature__text{
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .feature .feature__anchor-link{
        font-size: 1.4rem;
        line-height: 1.5;
        margin-bottom: 10px
    }

    .feature .feature__anchor-link .internal-link::after{
        background-image: initial
    }

    .feature .feature__anchor-link .icon-arrow{
        display: block;
        width: 12px;
        height: 9px;
        margin: 0 auto;
    }

    .feature .feature__anchor-link .icon-arrow img{
        vertical-align: middle;
    }

}

/* =========================================
   モデル写真
========================================= */
.feature .feature__model__img{
    position: absolute;
    bottom: 0;
    left: 4vw;
    width: 23.2vw;
}


/***************************************アンカーリンク***************************************/
.campaign__anchor-link{
    width: 100%;
    max-width: 1060px;
    padding: 0 20px;
    margin: 0 auto 120px;
}

.campaign__anchor-link .anchor-link__inner .campaign__link{
    background-color: #08287F;
    border-radius: 16px;
    padding: 32px 152px;
    margin-bottom: 64px;
}
.campaign__anchor-link .anchor-link__inner .campaign__link .anchor-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: 3.2rem;
    font-weight: bold;
    color: #000066;
    background-color: #ffffff;
    border: 3px solid #DBB772;
    border-image: linear-gradient(270deg, #D59921 0%, #A87017 100%) 1;
    padding: 20px 22px;
    transform: skewX(-15deg);
}

.campaign__anchor-link .anchor-link__inner .campaign__link .anchor-link .burette{
    transform: skewX(15deg);
}

@media screen and (max-width: 767px) {
    .campaign__anchor-link{
        max-width: initial;
        padding: 0 3vw;
        box-sizing: border-box;
        margin-bottom: 90px;
    }

    .campaign__anchor-link .anchor-link__inner .campaign__link{
        padding: 16px 7vw;
        margin-bottom: 56px;
    }

    .campaign__anchor-link .anchor-link__inner .campaign__link .anchor-link{
        font-size: 1.8rem;
        text-align: center;
        padding: 13px 4vw;
        justify-content: space-around;
    }

    .campaign__anchor-link .anchor-link__inner .campaign__link .anchor-link .burette{
        width: 40px;
    }
}

/***************************************「貯蓄預金」がおすすめの人***************************************/
.target{
    margin-bottom: 120px;
}

.target .target__title__wrapper{
    text-align: center;
    padding: 0 30px;
    margin-bottom: 64px;
}

@media screen and (max-width: 767px) {
    .target{
        margin-bottom: 56px;
    }
    
    .target .target__title__wrapper{
        padding: 0 3vw;
        margin-bottom: 24px;
    }
    
    .target .target__title{
        font-size: 3.1rem;
    }

    .target .target__title .target__title-large{
        font-size: 4.9rem;
    }
}


/* =========================================
   カルーセル
========================================= */
.target__carousel{
    margin-bottom: 64px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.target__carousel.is-initialized{
    opacity: 1;
}

.target__carousel__item{
    border: 1px solid #C0D2FF;
    border-radius: 16px;
    padding: 48px 0 0;
    width: 320px;
}

.target__carousel .carousel__item__box{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.target__carousel__item .carousel__item-top{
    flex: 1;
    padding: 0 24px;
}

.target__carousel__item .carousel__item-title{
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
    color: #08287F;
    line-height: 1.5;
    margin-bottom: 8px;
}

.target__carousel__item .carousel__item-title .text-small{
    font-size: 1.4rem;
}

.target__carousel__item .carousel__item-text{
    text-align: center;
    margin-bottom: 8px;
    height: 40px;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.target__carousel__item .carousel__item__img{
    text-align: center;
    height: 200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.target__carousel__item .carousel__item-speechBubble{
    position: relative;
    display: inline-block;
    padding: 25px 33px 12px;
    border-radius: 0 0 16px 16px;
    background-color: #F0F4FF;
    font-size: 1.4rem;
    color: #08287F;
    text-align: left;
    line-height: 1.5;
    width: 100%;
}

.target__carousel__item .carousel__item-speechBubble::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-style: solid;
    border-width: 0 15px 10px 15px;
    border-color: transparent transparent #F0F4FF;
    translate: -50% -100%;
}

.target__carousel .carousel__controller{
    width: 230px;
    margin: 30px auto 0;
    position: relative;
    padding-bottom: 5px;
}

.carousel__next,.carousel__prev{
    width: 32px;
    height: 32px;
    top: 15px;
    z-index: 30;
    cursor: pointer;
}

.carousel__controller .carousel__prev::after,.carousel__controller .carousel__next::after{
    content: "";
    width: 100%;
    height: 100%;
    margin-top: 0;
    border-radius: 50%;
}

.carousel__controller .carousel__prev::after{
    background: url(/campaign/2026savings_account/images/icon_carousel-arrow-left.png) no-repeat;
    background-size: contain;
}

.carousel__controller .carousel__next::after{
    background: url(/campaign/2026savings_account/images/icon_carousel-arrow-right.png) no-repeat;
    background-size: contain;
}

.carousel__controller .carousel__pagination{
    position: relative;
}

.carousel__controller .swiper-pagination-current,.carousel__controller .swiper-pagination-total{
    font-weight: bold;
}

.carousel__controller .swiper-pagination-current{
    color: #0350BF;
}

/* 各ターゲットごとの調整 */
.target__carousel__item .carousel__item__img.hobby{
    width: 70%;
    padding-top: 30px;
}

.target__carousel__item .carousel__item__img.events{
    width: 90%;
}

.target__carousel__item .carousel__item__img.marriage{
    width: 90%;
}

.target__carousel__item .carousel__item__img.education{
    width: 74%;
}

.target__carousel__item .carousel__item__img.asset-management{
    width: 81%;
}

.target__carousel__item .carousel__item__img.self-investment{
    width: 81%;
}

.target__carousel__item .carousel__item__img.home-purchase{
    width: 90%;
}

.target__carousel__item .carousel__item__img.support{
    width: 75%;
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .target__carousel{
        margin-bottom: 40px;
    }

    .target__carousel__item .carousel__item__img{
        height: 50vw;
    }

    .target__carousel__item .carousel__item__img.hobby{
        width: 70%;
    }

    .target__carousel__item .carousel__item__img.events{
        width: 90%;
    }

    .target__carousel__item .carousel__item__img.marriage{
        width: 90%;
    }

    .target__carousel__item .carousel__item__img.education{
        width: 74%;
    }

    .target__carousel__item .carousel__item__img.asset-management{
        width: 81%;
    }

    .target__carousel__item .carousel__item__img.self-investment{
        width: 81%;
    }

    .target__carousel__item .carousel__item__img.home-purchase{
        width: 90%;
    }

    .target__carousel__item .carousel__item__img.support{
        width: 75%;
    }
}


/* =========================================
   下部訴求文言
========================================= */
.target .target__text-bottom{
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    .target .target__text-bottom{
        font-size: 1.5rem;
        line-height: 1.8;
        padding: 0 3vw;
    }
}


/***************************************診断コンテンツ***************************************/
.judgement{
    background-color: #E0EEF5;
    background-image: url(/campaign/2026savings_account/images/img_diagnosis-bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 37vw;
    padding: 80px 0;
    margin-bottom: 120px;
}

.judgement .judgement__inner{
    width: 100%;
    max-width: 1020px;
    margin:  0 auto;
    padding: 0 30px;
}

.judgement .judgement__inner .judgement__title{
    width: 45vw;
    margin-bottom: 73px;
}

.judgement .judgement__inner .judgement__title .title{
    min-width: 500px;
    margin-bottom: 45px;
}

.judgement .judgement__inner .lead-text{
    line-height: 1.5;
    color: #08287F;
}

@media screen and (max-width: 767px) {
    .judgement{
        padding: 38px 0 48px;
        margin-bottom: 56px;
        background-image: url(/campaign/2026savings_account/images/img_diagnosis-bg_sp.png);
        background-size: contain;
    }

    .judgement .judgement__inner{
        padding: 0 3vw;
        max-width: 100%;
    }

    .judgement .judgement__inner .judgement__title{
        width: 100%;
        margin-bottom: 23px;
    }

    .judgement .judgement__inner .judgement__title .title{
        min-width: initial;
        margin-bottom: 24px;
    }

    .judgement .judgement__inner .judgement__title .title .judgement__title__img{
        width: 50vw;
    }

    .judgement .judgement__inner .lead-text{
        width: 57vw;
    }
}

/* =========================================
   FV
========================================= */
.judgement .judgement__inner .first-view{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url(/campaign/2026savings_account/images/img_diagnosis-start-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 103px 0 115px;
    border-radius: 16px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
}

.judgement .judgement__inner .first-view .first-view-text{
    font-weight: bold;
    font-size: 2.6rem;
    transform: skewX(-10deg);
    color: #000066;
    margin-bottom: 21px;
}

.judgement .judgement__inner .first-view .first-view-text .text-large{
    font-size: 3.2rem;
}

.judgement .judgement__inner .first-view .first-view-text .left-line{
    transform: skewX(10deg);
    display: inline-block;
}

.judgement .judgement__inner .first-view .first-view-text .right-line{
    transform: skewX(0deg);
    display: inline-block;
}

.judgement .judgement__inner .first-view .first-view-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.4rem;
    font-weight: bold;
    color: #ffffff;
    height: 82px;
    width: 100%;
    max-width: 542px;
    border-radius: 82px;
    background-color: #2859E1;
    box-shadow: 0px 8px #08287F;
    padding: 32px 24px;
}

.judgement .judgement__inner .first-view .first-view-btn:hover{
    opacity: 1;
    background-color: #244fc6;
}

@media screen and (max-width: 767px) {
    .judgement .judgement__inner .first-view{
        padding: 28px 0;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    }
    
    .judgement .judgement__inner .first-view .first-view-text{
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .judgement .judgement__inner .first-view .first-view-text .text-large{
        font-size: 1.9rem;
    }

    .judgement .judgement__inner .first-view .first-view-btn{
        width: 85%;
        font-size: 1.4rem;
        padding: 10px 21px;
        height: inherit;
    }
    
    .judgement .judgement__inner .first-view .first-view-btn .btn__icon{
        width: 35px;
        height: 35px;
    }

    .judgement .judgement__inner .first-view .first-view-btn .btn__burette{
        height: 27px;
        width: 27px;
    }
}

/* =========================================
   診断部分
========================================= */
.judgement__content{
    position: relative;
}

.judgement__content.js-disable{
    display: none;
}

.question-area{
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    background-color: #ffffff;
    padding: 39px 40px;
}

.question{
    display: none;
    transition: 1s;
}

.question.is-active{
    display: block;
    animation: show 0.5s linear 0s;
}

.question-text{
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    color: #285AE1;
    margin-bottom: 16px;
}

.normal-text{
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 24px;
}

.btn-area{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 19px 30px;
    margin-bottom: 40px;
}

.select-btn{
    display: flex;
    align-items: center;
    flex: 1 1 calc((100% - 60px) / 3);
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 20px 0 20px 30px;
    position: relative;
    border: 2px solid #eeeeee;
    border-radius: 5px;
}

.select-btn.is-selected{
    border:2px solid #285ae1;
}

.select-btn .icon{
    width: 100%;
    margin-right: 8px;
}

.select-btn .icon.icon-plane,.select-btn .icon.icon-heart,.select-btn .icon.icon-dish,.select-btn .icon.icon-car,.select-btn .icon.icon-house,.select-btn .icon.icon-book{
    max-width: 48px;
}

.select-btn .icon.icon-calender{
    max-width: 32px;
}

.select-btn .icon.icon-cart,.select-btn .icon.icon-account,.select-btn .icon.icon-piggy-bank-white{
    max-width: 36px;
}


.select-btn .select-btn-text{
    line-height: 1.5;
}

.select-btn .text__small{
    font-size: 1.2rem;
    display: block;
}


/* チェックボックス */
.select-btn .check-box::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    background-color: #DDDDDD;
    border-radius: 5px;
    margin-right: 5px;
}

.select-btn.is-selected .check-box::before {
    background-color: #285ae1;
}

/* チェックのアイコン */
.select-btn.is-selected .check-box::after {
    content: "";
    display: block;
    width: 5px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: rotate(46deg) skewY(2deg) translateY(-50%);
    transform-origin: center right;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    opacity: 1; /* 透明 */
}


.question-actions{
    display: flex;
    justify-content: center;
    gap: 16px;
}

.action-btn{
    text-align: center;
    font-weight: bold;
    border-radius: 50px;
    height: 50px;
    width: 100%;
    max-width: 320px;
}

.action-btn.prev{
    color: #27438f;
    border: 1px solid #27438f;
}

.action-btn.prev:hover{
    background-color: #ececec;
}

.action-btn.result{
    color: #888888;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    cursor: default;
    pointer-events: none;
}

.action-btn.result.is-active{
    color: #ffffff;
    border: 1px solid #27438f;
    background-color: #27438f;
    cursor: pointer;
    pointer-events: auto;
    transition: 0.5s;
}

.action-btn.result.is-active:hover{
    opacity: 1;
    background-color: #1e3573;
}

@media screen and (max-width: 767px) {
    .judgement__content{
        margin-top: 50px;
    }

    .question-area{
        padding: 39px 3vw;
    }

    .question-text{
        font-size: 2.1rem;
    }

    .btn-area{
        flex-direction: column;
        gap: 10px;
        margin-bottom: 16px;
    }

    .select-btn{
        width: 100%;
        gap: 10px;
    }

    .question-actions{
        flex-direction: column;
    }

    .action-btn{
        max-width: 100%;
    }
}


/* =========================================
   各ステップ（リボン本体）
========================================= */
.step-arrow-wrapper {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 397px;
    padding: 2px;
    background-color: #285ae1;
        clip-path: polygon(
        calc(100% - 17px) 0%, /* 右上（少し内側） */
        100% 50%,             /* 右端の中央（尖る部分） */
        calc(100% - 17px) 100%, /* 右下（少し内側） */
        0% 100%,              /* 左下 */
        0% 0%                 /* 左上 */
    );
    border-radius: 4px 0 0 4px;
}

.step-arrow-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.step-arrow-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2px 22px 2px 24px; 
    background-color: #ffffff;
    color: #285ae1;
    text-align: center;
    clip-path: polygon(
        calc(100% - 16px) 0%,
        100% 50%,
        calc(100% - 16px) 100%,
        0% 100%,
        16px 50%,
        0% 0%
    );
    margin-left: -14px; 
}

.step-arrow-item:first-child {
    padding-left: 16px;
    clip-path: polygon(calc(100% - 16px) 0%, 100% 50%, calc(100% - 16px) 100%, 0% 100%, 0% 0%);
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .step-arrow-wrapper {
        width: 85%;
        top: -20px;
    }
}

/* =========================================
   テキストの装飾
========================================= */
.step-arrow-num {
    display: block;
    font-size: 3.4rem;
    font-weight: 800;
    margin-bottom: 4px;
    opacity: 1;
}

/* =========================================
   ステータス別の色変化
========================================= */
.step-arrow-item.is-active {
    background-color: #285ae1;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .step-arrow-item {
        padding: 4px 8px 1px 16px; 
    }
    .step-arrow-item:first-child { 
        padding-left: 0px; 
    }
    .step-arrow-item:last-child { 
        padding-right: 0px; 
    }
    
    .step-arrow-num {
        font-size: 2.1rem;
        width: 35%;
    }
}


/* =========================================
   診断結果画面
========================================= */
/* 結果エリア */
.judgement__content .modal .modal-title{
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #01a9d6;
    padding: 9px 0 11px;
    border-radius: 11px 11px 0 0;
}

.judgement__content .modal .modal__body{
    margin-bottom: 37px
}

.judgement__content .modal .modal__body__inner{
    padding: 35px 40px 0px;
}

.judgement__content .modal .modal__body__inner .result-lead{
    font-size: 1.8rem;
    color: #08287F;
    text-align: center;
    margin-bottom: 16px;
}

.judgement__content .modal .modal__body__inner .result-title{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.5;
    color: #285AE1;
}

.judgement__content .modal .modal__body__inner .result-title .sparkling-left{
    width: 100%;
    max-width: 57px;
}

.judgement__content .modal .modal__body__inner .result-title .sparkling-right{
    width: 100%;
    max-width: 44px;
}


.judgement__content .modal .modal__body__inner .result-saving-text{
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 29px;
    color: #08287F;
}

.judgement__content .modal .modal__body__inner .result-description{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 40px;
}

.judgement__content .modal .modal__body__inner .result-description-text{
    width: 100%;
    max-width: 530px;
    font-size: 1.4rem;
    line-height: 1.8;
}

.judgement__content .modal .modal__body__inner .result-description-img{
    width: 100%;
    max-width: 370px;
}

.judgement__content .modal .modal__cta{
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 40px;
    padding: 0 20px;
}

.judgement__content .modal .modal__cta .modal__close-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    height: 56px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #08287F;
    line-height: 1.4;
    background-color: #ffffff;
    border-radius: 100px;
    border: 1px solid #08287F;
    text-align: center;
}

.judgement__content .modal .modal__cta .modal__close-btn:hover{
    opacity: 1;
    background-color: #ececec;
}

.judgement__content .modal .modal__cta .modal__close-btn.modal__close-anchor{
    background-color: #08287F;
    border: none;
    color: #ffffff;
}

.judgement__content .modal .modal__cta .modal__close-btn.modal__close-anchor:hover{
    opacity: 1;
    background-color: #1e3573;
}

@media screen and (max-width: 767px) {
    .judgement__content .modal .modal__body__inner .result-description{
        margin-bottom: 16px;
    }

    .judgement__content .modal .modal__body__inner .result-description-img{
        max-width: 100%;
    }

    .judgement__content .modal .modal__cta{
        margin-bottom: 0;
    }

    .judgement__content .modal .modal__cta .modal__close-btn{
        font-size: 1.4rem;
        max-width: 100%;
    }
}


/* モーダル仕様 */
.judgement__content .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.judgement__content .modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.judgement__content .modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.judgement__content .modal__content {
    position: relative;
    background-color: #ffffff;
    border: 2px solid #01a9d6;
    border-radius: 16px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    max-width: 1020px;
    width: 90%;
    max-height: 90svh;
    overflow-y: auto;
    z-index: 10000;
    animation: modalSlideIn 0.3s ease;
    margin: 20px;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.content article .modal.active,
.content article .floating-actions {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .content article .modal.active,
    .content article .floating-actions {
        max-width: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1050px) {
    .content article .modal.active,
    .content article .floating-actions {
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .judgement__content .modal .modal__body{
        margin-bottom: 24px;
    }

    .judgement__content .modal .modal__body__inner {
        padding: 24px 4vw 0px;
        max-height: 80svh;
        overflow-y: auto;
    }

    .judgement__content .modal .modal__body__inner .result-lead{
        font-size: 1.6rem;
        margin-bottom: 8px;
    }

    .judgement__content .modal .modal__body__inner .result-title{
        font-size: 2.4rem;
        text-align: center;
        margin: 0 auto 8px;
        position: relative;
        width: 98%;
        gap: 0;
    }

    .judgement__content .modal .modal__body__inner .result-title .sparkling-left,.judgement__content .modal .modal__body__inner .result-title .sparkling-right{
        position: relative;
        width: 8vw;
    }
    
    .judgement__content .modal .modal__body__inner .result-title.travel .sparkling-left{
        top: -20px;
        left: -10px;
    }

    .judgement__content .modal .modal__body__inner .result-title.travel .sparkling-right{
        bottom: -10px;
        right: 0;
    }

    .judgement__content .modal .modal__body__inner .result-title.oshikatsu .sparkling-left{
        top: -20px;
        left: -10px;
    }

    .judgement__content .modal .modal__body__inner .result-title.oshikatsu .sparkling-right{
        bottom: -10px;
        right: 0;
    }

    .judgement__content .modal .modal__body__inner .result-title.dinner .sparkling-left, .judgement__content .modal .modal__body__inner .result-title.dinner .sparkling-right{
        position: absolute;
    }

    .judgement__content .modal .modal__body__inner .result-title.dinner .sparkling-left{
        top: -30px;
        left: -13px;
    }

    .judgement__content .modal .modal__body__inner .result-title.dinner .sparkling-right{
        bottom: -50px;
        right: -30px;
    }

    .judgement__content .modal .modal__body__inner .result-title.mycar .sparkling-left{
        top: 20px;
        left: -10px;
    }

    .judgement__content .modal .modal__body__inner .result-title.mycar .sparkling-right{
        bottom: -30px;
        right: -10px;
    }

    .judgement__content .modal .modal__body__inner .result-title.myhouse .sparkling-left{
        top: -20px;
        left: -10px;
    }

    .judgement__content .modal .modal__body__inner .result-title.myhouse .sparkling-right{
        bottom: -10px;
        right: 0;
    }

    .judgement__content .modal .modal__body__inner .result-title.tuition .sparkling-left{
        top: -20px;
        left: -10px;
    }

    .judgement__content .modal .modal__body__inner .result-title.tuition .sparkling-right{
        bottom: -10px;
        right: 0;
    }

    .judgement__content .modal .modal__body__inner .result-saving-text{
        font-size: 1.8rem;
    }

    .judgement__content .modal .modal__body__inner .result-description{
        flex-direction: column-reverse;
    }

    .judgement__content .modal .modal__cta{
        flex-direction: column;
        gap: 8px;
        padding: 0 3vw 24px;
    }
}

@media screen and (max-width: 530px) and  (min-width: 375px) {
    .judgement__content .modal .modal__body__inner .result-title.dinner .sparkling-right{
        bottom: -35px;
        right: -10px;
    }
    
    .judgement__content .modal .modal__body__inner .result-title.mycar .sparkling-right{
        bottom: -30px;
        right: -10px;
    }
}

@media screen and (max-width: 490px) and  (min-width: 375px) {
    .judgement__content .modal .modal__body__inner .result-title.mycar .sparkling-left, .judgement__content .modal .modal__body__inner .result-title.mycar .sparkling-right{
        position: absolute;
    }

    .judgement__content .modal .modal__body__inner .result-title.mycar .sparkling-left {
        top: 35px;
        left: -10px;
    }

    .judgement__content .modal .modal__body__inner .result-title.mycar .sparkling-right {
        bottom: -30px;
        right: -5px;
    }
}

/***************************************普通預金と定期預金との違い***************************************/
.comparison{
    width: 100%;
    max-width: 1060px;
    margin: 0 auto 68px;
    padding: 0 20px;
}

.comparison .comparison__title{
    font-size: 4.0rem;
    font-weight: bold;
    color: #08287F;
    text-align: center;
    transform: skewX(-10deg);
    margin-bottom: 56px;
    letter-spacing: -4px;
}

.comparison .comparison__title .text-large{
    font-size: 6.4rem;
    color: #285AE1;
}

.comparison .comparison-table{
    table-layout: fixed;
    width: 100%;
}

.comparison .comparison-table thead th{
    font-size: 2.4rem;
    text-align: center;
    background-color: #E8E8E8;
    padding: 24px 0;
}

.comparison .comparison-table thead th.savings{
    color: #ffffff;
    background-color: #285AE1;
}

.comparison .comparison-table thead th.space{
    background-color: inherit;
}

.comparison .comparison-table tbody th{
    font-size: 2.0rem;
    color: #ffffff;
    background-color: #555555;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #F6F9FF;
    line-height: 1.5;
}

.comparison .comparison-table tbody th:last-child{
    border-bottom: none;
}

.comparison .comparison-table tbody td{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    padding: 17px 0;
    border-bottom: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}

.comparison .comparison-table tbody td.savings{
    color: #285AE1;
    background-color: #F6F9FF;
}

.comparison .comparison-table tbody td .text-small{
    font-weight: 400;
    font-size: 1.2rem;
}

.comparison .comparison-table tbody td.savings .text-small{
    color: #08287F;
}

.comparison .comparison-table tbody td .icon{
    display: inline-block;
    margin-bottom: 8px;
}

.comparison .comparison-table tbody td .column{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: #08287F;
    text-align: left;
}

.comparison .comparison-table tbody td .column .icon{
    margin-bottom: 0;
}

.comparison .comparison-table tbody td .text-large-xl{
    font-size: 4.0rem;
}

.comparison .comparison-table tbody td .text-large{
    font-size: 2.4rem;
}

.comparison .comparison-table tbody td .exchange-arrow{
    padding-bottom: 8px;
}

.comparison .comparison-table tbody td .not-applicable{
    content: '';
    display: block;
    width: 27px;
    height: 2px;
    background-color: #555555;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .comparison{
        max-width: 100%;
        padding: 0 3vw;
        margin-bottom: 56px;
    }

    .comparison .comparison-table{
        table-layout: auto;
    }

    .comparison .comparison__title{
        font-size: 2.3rem;
        margin-bottom: 32px;
        line-height: 1.3;
    }

    .comparison .comparison__title .text-large{
        font-size: 3.7rem;
    }

    .comparison .comparison-table thead th{
        font-size: 1.2rem;
        padding: 11px 0;
    }

    .comparison .comparison-table thead th:nth-child(1){
        width: 22%;
    }

    .comparison .comparison-table thead th:not(:nth-child(1)){
        width: 26%;
    }

    .comparison .comparison-table tbody th{
        font-size: 1.2rem;
    }

    .comparison .comparison-table tbody td{
        padding: 5px 1vw;
        font-size: 1.2rem;
    }

    .comparison .comparison-table tbody td .icon{
        width: 30%;
    }

    .comparison .comparison-table tbody td .icon.exchange{
        width: 80%;
        display: block;
        margin: 0 auto 4px;
    }

    .comparison .comparison-table tbody td .column{
        width: 100%;
        flex-direction: column;
    }

    .comparison .comparison-table tbody td .exchange-arrow{
        padding-bottom: 4px;
        width: 15px;
    }

    .comparison .comparison-table tbody td .text-large-xl{
        font-size: 2.0rem;
    }

    .comparison .comparison-table tbody td .text-large{
        font-size: 1.2rem;
    }

    .comparison .comparison-table tbody td .not-applicable{
    width: 10px;
    }
}

/***************************************始めるなら今がチャンス！***************************************/
.savings-campaign{
    width: 100%;
    max-width: 1060px;
    margin: 0 auto 64px;
    padding: 0 20px;
}

.savings-campaign .savings-campaign__inner{
    border: 2px solid #08287F;
    border-radius: 16px;
    padding: 64px 40px 64px;
}

.savings-campaign .savings-campaign__title__wrapper{
    display: inline-block;
    position: relative;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    padding: 0 40px;
    width: 80vw;
    max-width: 830px;
}

.savings-campaign .savings-campaign__title{
    position: relative;
    font-size: 4.8rem;
    font-weight: bold;
    color: #08287F;
    text-align: center;
    transform: skewX(-10deg);
}

.savings-campaign .savings-campaign__title .text-large{
    font-size: 6.4rem;
    color:#285AE1;
}

.savings-campaign .savings-campaign__title .boder-left,.savings-campaign .savings-campaign__title .boder-right{
    position: absolute;
    font-size: 4.8rem;
    color:#285AE1;
}

.savings-campaign .savings-campaign__title .boder-left{
    top: 25px;
    left: -40px;
    transform: skewX(10deg);
}

.savings-campaign .savings-campaign__title .boder-right{
    top: 25px;
    right: -30px;
    transform: skewX(10deg);
}
@media screen and (max-width: 1020px) {
    .savings-campaign .savings-campaign__title .boder-left,.savings-campaign .savings-campaign__title .boder-right{
        top: 60px;
        font-size: 6.0rem;
    }
}

@media screen and (max-width: 767px) {
    .savings-campaign{
        max-width: 100%;
        padding: 0 3vw;
        margin-bottom: 24px;
    }

    .savings-campaign .savings-campaign__title{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.1rem;
    }

    .savings-campaign .savings-campaign__title .text-large{
        font-size: 4.1rem;
    }

    .savings-campaign .savings-campaign__title__wrapper{
        width: 100%;
        top: 0;
        margin-bottom: 16px;
        padding: 0 7vw;
    }

    .savings-campaign .savings-campaign__inner{
        padding: 0 0 35px;
    }

    .savings-campaign .savings-campaign__title .boder-left, .savings-campaign .savings-campaign__title .boder-right{
        position: relative;
        font-size: 3.8rem;
        align-self: flex-end;
    }

    .savings-campaign .savings-campaign__title .boder-left{
        top: 0px;
        left: 0px;
    }

    .savings-campaign .savings-campaign__title .boder-right{
        top: 0px;
        right: 0px;
    }
}

@media screen and (max-width: 450px) {
    .savings-campaign .savings-campaign__title .boder-left, .savings-campaign .savings-campaign__title .boder-right{
        position: absolute;
        top: initial;
        bottom: 0;
    }

    .savings-campaign .savings-campaign__title .boder-left{
        left: -20px;
    }

    .savings-campaign .savings-campaign__title .boder-right{
        right: -20px;
    }
}

/* =========================================
   内容部分
========================================= */
.savings-campaign .savings-campaign__inner .savings-campaign__contents{
    background-color: #F0F4FF;
    border-radius: 16px;
    padding: 40px;
    margin-bottom: 40px;
}

.savings-campaign .campaign-category{
    display: flex;
    justify-content: center;
    color: #000066;
    width: 460px;
    margin: 0 auto 24px;
}

.savings-campaign .campaign-category .gold,.savings-campaign .campaign-category .white{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    height: 40px;
    width: 50%;
}

.savings-campaign .campaign-category .gold{
    background-color: #BCA15B;
    border-radius: 40px 0 0 40px;
}

.savings-campaign .campaign-category .white{
    background-color: #ffffff;
    border-radius: 0 40px 40px 0;
}

.savings-campaign .savings-campaign__inner .savings-campaign__contents .campaign-main__img{
    border-bottom: 2px solid #E2EAFF;
    text-align: center;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
    .savings-campaign .savings-campaign__inner .savings-campaign__contents{
        padding: 24px 5vw;
        border-radius: 16px 16px 0 0;
        margin-bottom: 0;
    }

    .savings-campaign .campaign-category{
        width: 100%;
        font-size: 1.2rem;
        padding: 0 2vw;
    }

    .savings-campaign .campaign-category .gold, .savings-campaign .campaign-category .white{
        height: 24px;
    }

    .savings-campaign .campaign-category .gold{
        width: 35%;
    }

    .savings-campaign .campaign-category .white{
        width: 65%;
    }
}

/* 詳しい金利トグル */
.campaig-fee-rate .lead-text{
    font-size: 2.4rem;
    font-weight: bold;
    color: #08287F;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 24px;
}

.fee-rate-toggle{
    margin-bottom: 24px;
}

.fee-rate-toggle .toggle-title-speech{
    text-align: center;
}

.fee-rate-toggle .toggle-title-speech .speech{
    position: relative;
    top: 8px;
    display: inline-block;
    padding: 3px 20px;
    border: 2px solid #285ae1;
    border-radius: 60px;
    background-color: #ffffff;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #285ae1;
    z-index: 30;
}

.fee-rate-toggle .toggle-title-speech .speech::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 14px 15px 0 15px;
    border-color: #285ae1 transparent transparent;
    translate: -50% 100%;
}

.fee-rate-toggle .toggle-title-speech .speech::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 11.3px 12.1px 0 12.1px;
    border-color: #ffffff transparent transparent;
    translate: -50% 100%;
}

.savings-campaign .toggle .toggle__title{
    position: relative;
    text-align: center;
    padding: 18px 0;
    background-color: #08287F;
    border-radius: 8px 8px 0 0;
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: bold;
    cursor: pointer;
}

.savings-campaign .toggle .toggle__title .toggle__title-icon{
    border-radius: 20px;
    display: block;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}

.savings-campaign .toggle .toggle__title .toggle__title-icon::before,.savings-campaign .toggle .toggle__title .toggle__title-icon::after{
    background: #fff;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 24px;
}

.savings-campaign .toggle .toggle__title .toggle__title-icon::after{
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transition: all 0.5s;
}

.savings-campaign .toggle.is-open .toggle__title .toggle__title-icon::after{
    transform: translateX(-50%) translateY(-50%) rotate(0);
}

.savings-campaign .toggle .toggle__content{
    background-color: #ffffff;
    padding: 0 42px;
    border-radius: 0 0 8px 8px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.savings-campaign .toggle.is-open .toggle__content{
    max-height: 3000px;
    opacity: 1;
    visibility: visible;
    padding: 40px 29px;
}

.savings-campaign .toggle .toggle__content .fee-rate__table{
    table-layout: fixed;
    width: 100%;
    font-size: 1.4rem;
    border-top: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    margin-bottom: 8px;
}

.savings-campaign .toggle .toggle__content .fee-rate__table thead th{
    background-color: #F3F3F3;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    vertical-align: middle;
    padding: 16px 0;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}

.savings-campaign .toggle .toggle__content .fee-rate__table thead th .text-small{
    font-size: 1.2rem;
}

.savings-campaign .toggle .toggle__content .fee-rate__table tbody td{
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}

.savings-campaign .toggle .toggle__content .fee-rate__table tbody td.cp-rate{
    font-weight: bold;
}

.savings-campaign .toggle .toggle__content .fee-rate__table tbody td .text-small{
    font-size: 1.2rem;
}


.savings-campaign .toggle .toggle__content .table-annonation{
    font-size: 1.2rem;
    line-height: 1.8;
}

.campaig-fee-rate .fee-rate-annonation__list{
    font-size: 1.2rem;
    line-height: 1.8;
}

.campaig-fee-rate .fee-rate-annonation__list .fee-rate-annonation__link{
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .campaig-fee-rate .lead-text{
        font-size: 1.6rem;
        margin-bottom: 22px;
    }

    .fee-rate-toggle .toggle-title-speech .speech{
        font-size: 1.2rem;
    }

    .fee-rate-toggle .toggle-title-speech .speech::before,.fee-rate-toggle .toggle-title-speech .speech::after {
        display: none;
    }

    .savings-campaign .toggle .toggle__title{
        font-size: 1.8rem;
    }

    .savings-campaign .toggle .toggle__title .toggle__title-icon{
        right: 16px;
    }

    .savings-campaign .toggle.is-open .toggle__content{
        padding: 20px 4.5vw;
    }

    .savings-campaign .toggle .toggle__content .fee-rate__table{
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .savings-campaign .toggle .toggle__content .fee-rate__table thead th{
        font-size: 1.2rem;
        padding: 7px 0;
    }

    .savings-campaign .toggle .toggle__content .fee-rate__table tbody td{
        padding: 0 1vw;
    }

    .savings-campaign .toggle .toggle__content .table-annonation{
        line-height: 1.8;
    }

    .fee-rate-toggle{
        margin-bottom: 10px;
    }
}

/* 重要セクション */
.savings-campaign .campaign-important{
    background-color: #FFF6E7;
    padding: 40px;
    margin-bottom: 40px;
    border-radius: 16px;
}

.savings-campaign .campaign-important .important-title{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #E6002D;
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.savings-campaign .campaign-important .important-title .important-title__icon{
    width: 29px;
    height: 29px;
    line-height: 1;
    align-self: baseline;
}

.savings-campaign .campaign-important .important-title-text,.savings-campaign .campaign-important .important-lead-text{
    text-align: center;
}

.savings-campaign .campaign-important .important-title-text{
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 16px;
}

.savings-campaign .campaign-important .important-lead-text{
    line-height: 1.5;
    margin-bottom: 40px;
}

.savings-campaign .campaign-important .toggle .toggle__inner .important-toggle-lead{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 24px;
}

.savings-campaign .campaign-important .toggle .toggle__inner .important-toggle-lead .text-large{
    font-size: 3.0rem;
}

.savings-campaign .campaign-important .toggle .toggle__inner .important-step__wrapper{
    margin: 0 auto 24px;
}

.savings-campaign .campaign-important .toggle .toggle__inner .campaing-timing {
    margin-bottom: 16px;
}

.savings-campaign .campaign-important .toggle .toggle__inner .campaing-timing img {
    margin-bottom: 10px;
}

.savings-campaign .campaign-important .toggle .toggle__inner .campaing-timing .campaing-timing__text{
    font-weight: bold;
    text-align: center;
    color: #08287F;
    line-height: 1.5;
}

.savings-campaign .campaign-important .toggle .toggle__inner .important-one-point{
    background-color: #F3F3F3;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
}

.savings-campaign .campaign-important .toggle .toggle__inner .important-one-point .one-point-text{
    display: inline-block;
    color: #ffffff;
    font-weight: bold;
    background-color: #08287F;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.savings-campaign .campaign-important .toggle .toggle__inner .important-step{
    display: flex;
    justify-content: center;
}

.campaign-attention{
    display: block;
    border: 2px solid #08287F;
    text-align: center;
    width: 83%;
    margin: 0 auto 40px;
}

.campaign-attention .modal-trigger{
    width: 100%;
}

.campaign-attention .toggle__title{
    position: relative;
    color: #08287F;
    text-align: center;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 9px 32px 8px 12px;
}

.campaign-attention .toggle__title::before{
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    width: 29px;
    height: 29px;
    background-image: url(/campaign/2026savings_account/images/icon_plus-blue.png);
    background-size: contain;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .savings-campaign .campaign-important{
        border-radius: 0;
        padding: 36px 5vw;
    }

    .savings-campaign .campaign-important .important-title{
        font-size: 2.1rem;
    }

    .savings-campaign .campaign-important .important-title .important-title__icon{
        display: flex;
        width: 20px;
        height: 20px;
        align-self: center;
    }

    .savings-campaign .campaign-important .important-title-text{
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .savings-campaign .campaign-important .important-lead-text{
        text-align: center;
        font-size: 1.4rem;
        line-height: 1.8;
        margin-bottom: 26px;
    }

    .savings-campaign .campaign-important .toggle .toggle__inner .important-toggle-lead .text-large{
        font-size: 2.7rem;
    }

    .savings-campaign .campaign-important .toggle .toggle__inner .important-toggle-lead{
        font-size: 2.1rem;
        margin-bottom: 18px;
    }

    .savings-campaign .campaign-important .toggle .toggle__inner .important-step__wrapper{
        flex-direction: column;
        gap: 15px;
    }

    .savings-campaign .campaign-important .toggle .toggle__inner .important-one-point{
        padding: 16px 2vw;
    }

    .savings-campaign .campaign-important .toggle .toggle__inner .important-one-point .one-point-text{
        font-size: 1.4rem;
    }

    .savings-campaign .campaign-important .toggle .toggle__inner .campaing-timing .campaing-timing__text{
        font-size: 1.3rem;
        line-height: 1.8;
    }
    
    .campaign-attention{
        width: 100%;
        padding: 0 5vw;
        border: none;
        margin-bottom: 22px;
    }

    .campaign-attention .toggle__title{
        font-size: 1.2rem;
        font-weight: 400;
    }

    .campaign-attention .modal-trigger{
        border: 1px solid #08287F;
    }

    .campaign-attention .toggle__title::before{
        width: 14px;
        height: 14px;
    }
    
}

/* ご留意事項モーダル */
.attention-modal .modal__content {
    position: relative;
    background-color: #ffffff;
    border: 2px solid #08287f;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    max-width: 860px;
    width: 90%;
    max-height: 95svh;
    overflow: visible;
    z-index: 10000;
    animation: modalSlideIn 0.3s ease;
    margin: 20px;
    border-radius: 16px;
}

.attention-modal .modal__header h3 {
    margin: 0;
    color: #08287f;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 32px;
}

.attention-modal .modal__close {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #08287f;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: bold;
    cursor: pointer;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 50%;
    transition: all 0.2s ease;
    z-index: 10001;
    padding-top: 2px;
    padding-left: 1px;
}

.attention-modal.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.attention-modal.modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.attention-modal .modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.attention-modal .modal__body {
    padding: 0 24px;
    color: #333;
    line-height: 1.6;
    overflow-y: auto;
    max-height: 70svh;
}

.attention-modal .modal__body .modal__body__title {
    padding: 5px 0;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    background-color: #08287f;
    margin-bottom: 16px;
}

.attention-modal .modal__body .modal__text__wrapper{
    margin-bottom: 24px;
    line-height: 1.8;
}

.attention-modal .modal__body .modal__text__wrapper .list__title{
    font-weight: bold;
    margin-bottom: 8px;
}

.attention-modal .modal__body .modal__text__wrapper .modal__text__link{
    color: #285AE1;
    text-decoration: underline;
}

.attention-modal .modal__body .modal__text__wrapper .point__list__wrapper{
    margin-top: 40px;
}

.attention-modal .modal__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 30svh;
    padding: 32px 24px 40px 24px;
    position: relative;
    background-color: #ffffff;
    border-radius: 0 0 16px 16px;
}

.attention-modal .modal__close--bottom{
    position: static;
    top: auto;
    right: auto;
    background: transparent;
    border: none;
    color: #08287f;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
    padding: 0px 16px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 0;
    transition: all 0.2s ease;
    z-index: auto;
    gap: 12px;
    min-width: auto;
}

.attention-modal .modal__close-icon {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1;
    background: #08287f;
    color: #ffffff;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.attention-modal .modal__close-text {
    font-size: 1.8rem;
    font-weight: bold;
    display: inline;
    color: #000066;
}

@media screen and (max-width: 767px) {
    .attention-modal .modal__header h3{
        margin-bottom: 20px;
    }

    .attention-modal .modal__body{
        padding: 0 4vw;
    }

    .attention-modal .modal__body .modal__text__wrapper{
        font-size: 1.3rem;
    }
    .attention-modal .modal__body .modal__text__wrapper .list__title{
        font-size: 1.5rem;
    }

    .attention-modal .modal__body .modal__text__wrapper .point__list__wrapper{
        margin-top: 30px;
    }

    .attention-modal .modal__footer{
        padding: 10px 24px 14px 24px;
    }
}

/* 2:口座開設特典 */
.savings-campaign .campaign-account-open{
    margin-bottom: 40px;
}

.savings-campaign .campaign-account-open .campaign-category .gold{
    border-top: 1px solid #BCA15B;
    border-left: 1px solid #BCA15B;
    border-bottom: 1px solid #BCA15B;
}

.savings-campaign .campaign-account-open .campaign-category .white{
    border-top: 1px solid #BCA15B;
    border-right: 1px solid #BCA15B;
    border-bottom: 1px solid #BCA15B;
}

.savings-campaign .campaign-account-open .savings-campaign__lead-title{
    font-size: 4.8rem;
    color: #E6002D;
    transform: skewX(-10deg);
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.savings-campaign .campaign-account-open .savings-campaign__lead-title .text-large{
    font-size: 6.4rem;
}

.savings-campaign .campaign-account-open .savings-campaign__lead-title .boder-left,.savings-campaign .campaign-account-open .savings-campaign__lead-title .boder-right{
    display: inline-block;
    transform: skewX(10deg);
}

.savings-campaign .campaign-account-open .campaign-conditions-wrapper{
    background-color: #F0F4FF;
    border-radius: 8px 8px 8px 8px;.procedure-select
}

.savings-campaign .campaign-account-open .campaign-conditions-wrapper .head{
    font-size: 2.4rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background-color: #08287F;
    padding: 10px 0;
    border-radius: 8px 8px 0 0;
}

.savings-campaign .campaign-account-open .campaign-conditions-wrapper .contents{
    padding: 40px;
}

@media screen and (max-width: 767px) {
    .savings-campaign .campaign-account-open{
        padding: 0 5vw;
        margin-bottom: 12px;
    }

    .savings-campaign .campaign-account-open .savings-campaign__lead-title{
        margin-bottom: 14px;
        font-size: 2.8rem;
    }

    .savings-campaign .campaign-account-open .savings-campaign__lead-title .text-large{
        font-size: 3.7rem;
        margin-bottom: 20px;
    }

    .savings-campaign .campaign-account-open .campaign-conditions-wrapper .head{
        font-size: 1.5rem;
    }

    .savings-campaign .campaign-account-open .campaign-conditions-wrapper .contents{
        padding: 24px 0;
        margin-bottom: 0x;
    }
}

/* みずほポイントとは */
.campaign-mizuho-point{
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 40px;
}

.campaign-mizuho-point .lead-title__wrapper .lead-title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
    font-weight: bold;
    color: #000066;
    margin-bottom: 5px;
}

.campaign-mizuho-point .lead-title__wrapper .lead-title .question-icon{
    width: 24px;
    height: 24px;
    padding-bottom: 36px;
    margin-right: 10px;
}

.campaign-mizuho-point .lead-text__wrapper{
    line-height: 1.8;
    margin-bottom: 24px;
    text-align: center;
}

.campaign-mizuho-point .lead-text__wrapper .annonation{
    font-size: 1.3rem;
    margin-top: 8px;
    color: #777777;
}

.campaign-mizuho-point .modal__btn__wrapper{
    text-align: center;
}

.campaign-mizuho-point .modal__btn{
    position: relative;
    border: 1px solid #000066;
    padding: 17px 72px;
    font-weight: bold;
    color: #000066;
    border-radius: 30px;
}

.campaign-mizuho-point .modal__btn::before{
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 22px;
    height: 22px;
    background-image: url(/campaign/2026savings_account/images/icon_plus-sky-blue.png);
    background-size: contain;
    cursor: pointer;
}

.campaign-mizuho-point .modal__btn:hover{
    opacity: 1;
    background-color: #ececec;
}

@media screen and (max-width: 767px) {
    .campaign-mizuho-point{
        margin: 0 5vw 24px;
        padding: 24px 5vw;
    }

    .campaign-mizuho-point .lead-title__wrapper .lead-title{
        font-size: 1.5rem;
        flex-wrap: wrap;
    }

    .campaign-mizuho-point .lead-title__wrapper .lead-title .question-icon{
        padding-bottom: 0;
    }

    .campaign-mizuho-point .lead-text__wrapper{
        font-size: 1.3rem;
    }

    .campaign-mizuho-point .lead-text__wrapper .annonation{
        font-size: 1.2rem;
    }

    .campaign-mizuho-point .modal__btn{
        font-size: 1.4rem;
        padding: 11px 16vw;
    }
}

/* みずほポイントモーダル */
.mizuhopoint-modal .modal__content {
    position: relative;
    background-color: #ffffff;
    border: 2px solid #000066;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    max-width: 767px;
    width: 90%;
    max-height: 90svh;
    overflow: visible;
    z-index: 10000;
    animation: modalSlideIn 0.3s ease;
    margin: 20px;
    border-radius: 12px;
}

.mizuhopoint-modal .modal__header{
    background-color: #000066;
    border-radius: 8px 8px 0 0;
}

.mizuhopoint-modal .modal__header h3 {
    margin: 0;
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    padding: 14px 0;
}

.mizuhopoint-modal .modal__close {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #08287f;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: bold;
    cursor: pointer;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 50%;
    transition: all 0.2s ease;
    z-index: 10001;
    padding-top: 2px;
    padding-left: 1px;
}

.mizuhopoint-modal.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mizuhopoint-modal.modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.mizuhopoint-modal .modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.mizuhopoint-modal .modal__body {
    padding: 24px;
    color: #333;
    line-height: 1.6;
    overflow-y: auto;
    max-height: 60svh;
}


.mizuhopoint-modal .modal__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 30svh;
    padding: 20px 24px 24px 24px;
    position: relative;
}

.mizuhopoint-modal .modal__close--bottom{
    position: static;
    top: auto;
    right: auto;
    background: transparent;
    border: none;
    color: #08287f;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
    padding: 8px 16px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 0;
    transition: all 0.2s ease;
    z-index: auto;
    gap: 12px;
    min-width: auto;
}

.mizuhopoint-modal .modal__close-icon {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1;
    background: #08287f;
    color: #ffffff;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.mizuhopoint-modal .modal__close-text {
    font-size: 1.6rem;
    font-weight: bold;
    display: inline;
    color: #000066;
}

.mizuhopoint-modal .modal__body h4{
    margin-top: 20px;
    padding: 9px 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}

.mizuhopoint-modal .annonation_list{
    margin-top: 25px;
}

.mizuhopoint-modal .modal__body li{
    font-size: 1.5rem;
}

.mizuhopoint-modal .modal__body .text-center{
    text-align: center;
}

.mizuhopoint-modal .modal__body .text-center li{
    display: inline-block;
}

.mizuhopoint-modal .modal__body .gray-box {
    margin-top: 40px;
    padding: 22px 50px 30px;
    background-color: #d3d3d3;
    border-radius: 8px;
}

.mizuhopoint-modal .modal__body .gray-box .section__list-note .section__list-link{
    text-decoration: underline;
    color: #000066;
}

@media screen and (max-width: 767px) {
    .mizuhopoint-modal .modal__body{
        padding: 30px 5vw 0;
    }

    .mizuhopoint-modal .modal__header h3{
        font-size: 2.3rem;
    }

    .mizuhopoint-modal .modal__body li{
        font-size: 1.4rem;
    }

    .mizuhopoint-modal .modal__body .gray-box{
        padding: 34px 11vw 35px;
    }

    .mizuhopoint-modal .modal__footer{
        padding: 21px 0 25px;
    }

    .mizuhopoint-modal .modal__close--bottom{
        padding: 0 0;
    }

    .mizuhopoint-modal .modal__close-text{
        font-size: 1.4rem;
    }
}

/* 詳しい情報を見るリンク */
.detail-link__wrapper{
    text-align: center;
}

.detail-link__wrapper .detail-link .link{
    color: #0000B3;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .detail-link__wrapper{
        margin: 0 5vw 0;
    }

    .detail-link__wrapper .detail-link .link{
        font-size: 1.4rem;
    }
}

/***************************************必要な手続きを確認***************************************/
.procedure-guide{
    max-width: 1060px;
    padding: 0 20px;
    margin: 0 auto 80px;
}

.procedure-select{
    background-color:#F0F4FF;
    border-radius: 0 0 8px 8px;
    padding: 40px;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto 80px;
}

.procedure-select .procedure-select__text{
    margin-bottom: 24px;
}

.procedure-select .lead-text{
    font-size: 2.4rem;
    font-weight: bold;
    color: #285AE1;
    text-align: center;
    margin-bottom: 24px;
}

.procedure-select .normal-text{
    font-size: 1.6rem;
    color: #08287F;
    text-align: center;
}


@media screen and (max-width: 767px) {
    .procedure-guide{
        margin-bottom: 56px;
        padding: 0 3vw;
    }

    .procedure-select{
        padding: 40px 5vw;
        margin-bottom: 24px;
    }

    .procedure-select .lead-text{
        line-height: 1.5;
    }

}

/* =========================================
   01みずほ銀行の普通預金口座をお持ちでない方
========================================= */
/* トグルコンテンツ共通 */
.procedure-guide .toggle-section{
    border: 2px solid #08287F;
    border-radius: 16px;
    width: 100%;
    margin: 0 auto 24px;
    background-color: #08287F;
}

.procedure-guide .toggle-section:last-child{
    margin: 0 auto 0px;
}

.procedure-guide .toggle-section .toggle__title{
    position: relative;
    background-color: #08287F;
    border-radius: 13px;
    padding: 16px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    font-size: 3.2rem;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.procedure-guide .toggle-section .toggle__title .text{
    text-align: center;
    line-height: 1.5;
}

.procedure-guide .toggle-section .toggle.is-open .toggle__title{
    border-radius: 13px 13px 0px 0px;
}

.procedure-guide .toggle-section .toggle__title .toggle__title-icon::before,.procedure-guide .toggle-section .toggle__title .toggle__title-icon::after{
    background: #fff;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 24px;
}

.procedure-guide .toggle-section .toggle__title .toggle__title-icon::after{
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transition: all 0.5s;
}

.procedure-guide .toggle-section .toggle.is-open .toggle__title .toggle__title-icon::after {
    transform: translateX(-50%) translateY(-50%) rotate(0);
}

.procedure-guide .toggle-section .toggle .toggle__content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.procedure-guide .toggle-section .toggle.is-open .toggle__content {
    max-height: 5000px;
    opacity: 1;
    visibility: visible;
    background-color: #ffffff;
    border-radius: 0 0 13px 13px;
}

.procedure-guide .toggle-section .toggle__content .triangle {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    border-top: 16px solid #08287f;
    border-bottom: 0;
}

.procedure-guide .toggle-section .campaign-category{
    display: flex;
    justify-content: center;
    color: #000066;
    width: 460px;
    margin: 0 auto 24px;
}

.procedure-guide .toggle-section .campaign-category .gold,.procedure-guide .toggle-section .campaign-category .white{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    height: 40px;
    width: 50%;
}

.procedure-guide .toggle-section .campaign-category .gold {
    border-top: 1px solid #BCA15B;
    border-left: 1px solid #BCA15B;
    border-bottom: 1px solid #BCA15B;
    background-color: #BCA15B;
    border-radius: 40px 0 0 40px;
}

.procedure-guide .toggle-section .campaign-category .white {
    border-top: 1px solid #BCA15B;
    border-right: 1px solid #BCA15B;
    border-bottom: 1px solid #BCA15B;
    background-color: #ffffff;
    border-radius: 0 40px 40px 0;
}

.procedure-guide .toggle-section .lead-text{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    color: #08287F;
    margin-bottom: 16px;
}

.procedure-guide .toggle-section .lead-text .lead-text__icon{
    margin-right: 8px;
}

.procedure-guide .toggle-section .lead-sub-text{
    text-align: center;
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 16px;
}


@media screen and (max-width: 767px) {
    .procedure-guide .toggle-section{
        border-radius: 16px 16px 16px 16px;
        margin-bottom: 24px;
    }

    .procedure-guide .toggle-section .toggle__content .triangle{
        display: none;
    }

    .procedure-guide .toggle-section .toggle__title{
        font-size: 1.6rem;
        padding: 13px 5vw;
        align-items: flex-start;
        gap: 16px;
    }
    

    .procedure-guide .toggle-section .toggle__title .icon-num{
        max-width: 36px;
        width: 100%;
    }

    .procedure-guide .toggle-section .toggle__title .text{
        line-height: 1.5;
        text-align: left;
        align-self: center;
    }

    .procedure-guide .toggle-section .toggle__title .toggle__title-icon::before, .procedure-guide .toggle-section .toggle__title .toggle__title-icon::after{
        width: 21px;
        right: 0px;
    }

    .procedure-guide .toggle-section .lead-text{
        line-height: 1.5;
        flex-direction: column;
    }

    .procedure-guide .toggle-section .lead-text .lead-text__icon{
        width: 30px;
        height: 30px;
        margin-right: 0;
        margin-bottom: 8px;
    }

    .procedure-guide .toggle-section .lead-sub-text{
        font-size: 1.4rem;
        line-height: 1.5;
        margin-bottom: 14px;
    }
    
}

/* 01固有 */
.new-customer .toggle__inner{
    padding: 25px;
}

.procedure-guide .new-customer .lead-text:first-child{
    margin-bottom: 40px;
}

.procedure-guide .new-customer .lead-text:nth-of-type(3){
    margin-bottom: 36px;
}

.procedure-guide .new-customer .lead-text:nth-of-type(4){
    margin-bottom: 44px;
}


.new-customer .toggle__inner .step-text{
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    color: #285AE1;
    margin-bottom: 32px;
}

.new-customer .toggle__inner .merit-wrapper{
    margin-bottom: 32px;
}

.new-customer .toggle__inner .merit-wrapper .merit__box{
    width: 100%;
    padding: 0;
    background-color: initial;
    border-radius: initial;
}

.new-customer .toggle__inner .merit-wrapper .merit__box .merit__item{
    display: flex;
    align-items: center;
    padding: 25px 22px 21px;
    border-radius: 16px;
    background-color: #F0F4FF;
    margin-bottom: 8px;
}

.new-customer .toggle__inner .merit-wrapper .merit__box .merit__item .merit__icon,.new-customer .toggle__inner .merit-wrapper .merit__box .merit__item .merit__point{
    margin: 0;
}

.new-customer .toggle__inner .merit-wrapper .merit__box .merit__item .merit__icon{
    width: 50px;
    margin-right: 17.5px;
}

.new-customer .toggle__inner .merit-wrapper .merit__box .merit__item .merit__point .merit__text{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
}

.new-customer .toggle__inner .merit-wrapper .merit__annonation{
    line-height: 1.5;
    font-size: 1.2rem;
}

.new-customer .toggle__inner .cta__wrapper{
    border-radius: 8px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    padding: 24px 0 32px;
    margin-bottom: 32px;
}

.new-customer .toggle__inner .cta__wrapper .cta__inner{
    display: flex;
    flex-direction: column;
}

.new-customer .toggle__inner .cta__wrapper .cta__inner .cta__text{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 8px;
}

.new-customer .toggle__inner .cta__wrapper .cta__inner .cta__text .text-red{
    color: #D92214;
}

.new-customer .toggle__inner .cta__wrapper .cta__inner .cta__text .text-red .text-large{
    font-size: 2.4rem;
}

.new-customer .toggle__inner .cta__wrapper .cta__inner .cta__btn{
    text-align: center;
}

.new-customer .toggle__inner .cta__wrapper .cta__inner .cta__btn .cta__btn--link{
    position: relative;
    background-color: #E6002D;
    color: #ffffff;
    display: block;
    width: 100%;
    max-width: 403px;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    padding: 19px 0;
    margin: 0 auto;
    border-radius: 100px;
}

.new-customer .toggle__inner .cta__wrapper .cta__inner .cta__btn .cta__btn--link::after{
    background: url(/campaign/2026savings_account/images/icon_link-window.png) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
}

.new-customer .toggle__inner .cta__wrapper .cta__inner .cta__btn .cta__btn--link:hover{
    opacity: 1;
    background-color: #da012c;
}

.new-customer .toggle__inner .procedure-cp-bnr__box{
    text-align: center;
}

.new-customer .toggle__inner .procedure-cp-bnr__wrapper{
    display: inline-block;
    margin-bottom: 32px;
}

.new-customer .toggle__inner .procedure__carousel.savings_account{
    margin-bottom: 68px;
}

@media screen and (max-width: 767px) {
    .new-customer .toggle__inner{
        padding: 10px 5vw 35px;
    }

    .procedure-guide .new-customer .lead-text:first-child{
        margin-bottom: 16px;
    }

    .procedure-guide .new-customer .lead-text:nth-of-type(3){
        margin-bottom: 20px;
    }

    .procedure-guide .new-customer .lead-text:nth-of-type(4){
        margin-bottom: 14px;
    }

    .new-customer .toggle__inner .step-text{
        font-size: 2.1rem;
        margin-bottom: 16px;
    }

    .procedure-guide .toggle-section .lead-text{
        font-size: 1.6rem;
        margin-bottom: 14px;
    }

    .new-customer .toggle__inner .merit-wrapper{
    margin-bottom: 16px;
    }

    .new-customer .toggle__inner .merit-wrapper .merit__box .merit__item{
        padding: 18px 5vw;
    }

    .new-customer .toggle__inner .merit-wrapper .merit__box .merit__item .merit__icon{
        max-width: 43px;
        width: 100%;
        margin-right: 15px;
    }

    .new-customer .toggle__inner .merit-wrapper .merit__box .merit__item .merit__point .merit__text{
        font-size: 1.3rem;
    }

    .new-customer .toggle__inner .cta__wrapper{
        padding: 8px 5vw 16px;
        margin-bottom: 16px;
    }

    .new-customer .toggle__inner .cta__wrapper .cta__inner .cta__text{
        font-size: 1.6rem;
        margin-bottom: 0;
    }
    
    .new-customer .toggle__inner .cta__wrapper .cta__inner .cta__text .text-red .text-large{
        font-size: 2.2rem;
    }

    .new-customer .toggle__inner .cta__wrapper .cta__inner .cta__btn .cta__btn--link{
        font-size: 1.4rem;
        max-width: 100%;
        padding: 16px 0;
    }

    .new-customer .toggle__inner .cta__wrapper .cta__inner .cta__btn .cta__btn--link::after{
        right: 15px;
    }

    .new-customer .toggle__inner .merit-wrapper .merit__annonation{
        position: relative;
        padding-left: 17px;
    }

    .new-customer .toggle__inner .merit-wrapper .merit__annonation .annonation__icon{
        position: absolute;
        left: 0;
    }

    .new-customer .toggle__inner .procedure-cp-bnr__wrapper{
        margin-bottom: 24px;
    }

    .new-customer .toggle__inner .procedure__carousel.savings_account{
        margin-bottom: 24px;
    }
}


/* =========================================
   01みずほ銀行の普通預金口座はお持ちで貯蓄預金口座はお持ちでない方
========================================= */
.savings-opening .toggle__inner{
    padding: 40px 25px 56px;
}

.savings-opening .savings-opening-wrapper .lead-text:first-child{
    margin-bottom: 33px;
}

.savings-opening .savings-opening-wrapper .lead-text:last-child{
    margin-bottom: 44px;
}

.procedure-guide .toggle__inner .procedure__carousel{
    max-width: 940px;
    margin: 0 auto 52px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.savings-opening .procedure-guide .toggle__inner .procedure__carousel.savings_account{
    margin-bottom: 28px;
}

.procedure-guide .toggle__inner .procedure__carousel.is-initialized {
    opacity: 1;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__inner{
    margin-bottom: 24px;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item{
    background-color: #F6F9FF;
    padding: 40px;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item:first-child{
    border-radius: 16px 0 0 16px;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item:last-child{
    border-radius: 0 16px 16px 0;
}

.procedure-guide .toggle__inner .procedure__carousel.savings_account .procedure__carousel__item:first-child{
    border-radius: 12px 0 0 12px;
}

.procedure-guide .toggle__inner .procedure__carousel.savings_account .procedure__carousel__item:last-child{
    border-radius: 0 12px 12px 0;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item:nth-child(2n){
    background-color: #F0F4FF;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item__img{
    margin-bottom: 24px;
}

.procedure-guide .toggle__inner .procedure__carousel.savings_account .procedure__carousel__item .carousel__item__img{
    margin-bottom: 53px;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-title{
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
    color: #08287F;
    line-height: 1.5;
    margin-bottom: 16px;
}

.procedure-guide .toggle__inner .procedure__carousel.savings_account .procedure__carousel__item .carousel__item-title{
    margin-bottom: 8px;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-text{
    line-height: 1.8;
    margin-bottom: 16px;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-annonation{
    position: relative;
    font-size: 1.2rem;
    color: #777777;
    line-height: 1.5;
    padding-left: 14.5px;
}
.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-annonation .char{
    position: absolute;
    left: 0;
    top: 0;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-attention{
    text-align: center;
    font-size: 1.4rem;
    color: #000066;
}

.procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-attention .text-bold{
    font-weight: bold;
}

.procedure-guide .procedure__carousel .carousel__controller {
    width: 230px;
    margin: 30px auto 0;
    position: relative;
    padding-bottom: 5px;
}

.procedure-guide .toggle__inner .annonation__text{
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 32px;
}

.procedure-guide .savings-opened .toggle__inner .annonation__text{
    margin-bottom: 84px;
}

.procedure-guide .toggle__inner .annonation__text .annonation__link{
    color: #285AE1;
    text-decoration: underline;
}

.procedure-guide .toggle__inner .annonation__text .annonation__link .annonation__icon{
    width: 11px;
    height: 11px;
    display: inline-flex;
    margin-left: 4px;
}

@media screen and (max-width: 767px) {
    .savings-opening .toggle__inner{
        padding: 40px 5vw 28px;
    }
    
    .procedure-guide .toggle-section .campaign-category{
        width: 100%;
        font-size: 1.2rem;
        padding: 0px;
        margin-bottom: 21px;
    }

    .procedure-guide .toggle-section .campaign-category .gold{
        width: 35%;
    }

    .procedure-guide .toggle-section .campaign-category .gold,.procedure-guide .toggle-section .campaign-category .white{
        height: 24px;
    }

    .procedure-guide .toggle-section .campaign-category .white{
        width: 65%;
    }

    .savings-opening .savings-opening-wrapper .lead-text{
        margin-bottom: 20px;
    }

    .procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item{
        padding: 25px 5.5vw;
    }

    .procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item:first-child{
        border-radius: 13px 0 0 13px;
    }

    .procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item:last-child{
        border-radius: 0 13px 13px 0;
    }

    .procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-title{
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-text{
        font-size: 1.3rem;
        margin-bottom: 8px;
    }

    .procedure-guide .toggle__inner .procedure__carousel{
        margin-bottom: 24px;
    }

    .procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item__img{
        margin-bottom: 18px;
    }

    .procedure-guide .toggle__inner .procedure__carousel.savings_account .procedure__carousel__item .carousel__item__img{
        margin-bottom: 2px;
    }

    .procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-attention{
        font-size: 1.2rem;
    }

    .procedure-guide .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-attention .attention__icon{
        width: 14px;
        height: 12px;
        display: inline-block;
    }

    .procedure-guide .toggle__inner .annonation__text{
        margin-bottom: 14px;
    }

    .procedure-guide .savings-opened .toggle__inner .annonation__text{
        margin-bottom: 16px;
    }
}

/* =========================================
   02みずほ銀行の貯蓄預金口座をお持ちの方
========================================= */
.savings-opened .toggle__inner{
    padding: 40px 25px 56px;
}

.savings-opened .savings-opened-wrapper .lead-text{
    margin-bottom: 40px;
}

.procedure-guide .savings-opened .toggle__inner .procedure__carousel .procedure__carousel__item .carousel__item-title{
    margin-bottom: 0;
}

.procedure-guide .app-appeal__wrapper{
    background: initial;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    max-width: 960px;
    margin: 0 auto 16px;
    padding: 16px;
}

.procedure-guide .app-appeal__wrapper .app-appeal__title{
    font-size: 1.8rem;
    font-weight: bold;
    color: #08287F;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 16px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.procedure-guide .app-appeal__wrapper .app-appeal__title .left-line,.procedure-guide .app-appeal__wrapper .app-appeal__title .right-line{
    content: '';
    display: inline-block;
    height: 40px;
    width: 1px;
    background-color: #000066;
}

.procedure-guide .app-appeal__wrapper .app-appeal__title .left-line{
    margin-right: 22px;
    transform: skewX(30deg);
}

.procedure-guide .app-appeal__wrapper .app-appeal__title .right-line{
    margin-left: 22px;
    transform: skewX(-30deg);
}


.procedure-guide .app-appeal__wrapper .app-download__wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.procedure-guide .app-appeal__wrapper .app-download__wrapper .app-appeal__download-title{
    display: block;
    color: #08287F;
    margin-bottom: 8px;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
}

.procedure-guide .app-appeal__wrapper .app-download__wrapper .app-appeal__box:last-child{
    margin-left: 6.3%;
    padding: 0 0 0 6.3%;
    border-left: 1px solid #ccc;
}

.procedure-guide .app-appeal__wrapper .app-download__wrapper .app-appeal__inner{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 17px;
}

.procedure-guide .app-appeal__wrapper .app-download__wrapper .download-link{
    width: 146px;
}

.procedure-guide .app-appeal__list{
    font-size: 1.2rem;
}

.procedure-guide .app-appeal__list li{
    position: relative;
    padding-left: 14.5px;
    margin-bottom: 5px;
}

.procedure-guide .app-appeal__list li:last-child{
    margin-bottom: 0;
}

.procedure-guide .app-appeal__list li .char{
    left: 0;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 767px) {
    .savings-opened .toggle__inner{
        padding: 22px 5vw;
    }

    .savings-opened .savings-opened-wrapper .lead-text{
        margin-bottom: 20px;
    }

    .procedure-guide .app-appeal__wrapper{
        box-shadow: inherit;
        margin-bottom: 0;
    }

    .procedure-guide .app-appeal__wrapper .app-appeal__title{
        font-size: 1.2rem;
    }

    .procedure-guide .app-appeal__wrapper .app-download__wrapper .app-appeal__box:last-child{
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }

    .procedure-guide .app-appeal__wrapper .app-appeal__title .left-line,.procedure-guide .app-appeal__wrapper .app-appeal__title .right-line{
        height: 30px;
    }

    .procedure-guide .app-appeal__list li{
        line-height: 1.5;
    }
}

/***************************************よくあるご質問***************************************/
.faq{
    max-width: 1060px;
    padding: 0 20px;
    margin:  0 auto 80px;
}

.faq .faq__inner{
    background-color: #F6F9FF;
    border-radius: 24px;
    padding: 56px 40px;
}

.faq .faq__title{
    padding-left: 0;
    min-height: initial;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin-bottom: 56px;
}

.faq .faq-link__wrapper{
    margin-bottom: 24px;
}

.faq .faq-link{
    border-radius: 16px;
    background-color: #ffffff;
    margin-bottom: 16px;
}

.faq .faq-link:last-child{
    margin-bottom: 0;
}

.faq .link__title{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 12px;
    position: relative;
    padding: 20px 24px;
    font-size: 1.7rem;
    color: #08287F;
    cursor: pointer;
    border-radius: 16px;
    background-color: #ffffff;
}

.faq .link__title .link__title-icon{
    margin-left: auto;
}

.faq .faq-site__link{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.5;
}

.faq .faq-site__link .link{
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #333333;
}

.faq .faq-site__link .link:hover{
    border-bottom-color: transparent;
}

.faq .faq-site__link .icon-window{
    display: flex;
    align-items: center;
    margin-left: 5px;
}

@media screen and (max-width: 767px) {
    .faq{
        max-width: 100%;
        padding: 0;
        margin-bottom: 56px;
    }

    .faq .faq__inner{
        border-radius: 0;
        padding: 56px 3vw;
    }

    .faq .faq__title{
        font-size: 2.4rem;
        margin-bottom: 32px;
    }

    .faq .link__title{
        font-size: 1.6rem;
        line-height: 1.5;
        padding: 18px 6.5vw 18px 5.5vw;
    }

    .faq .link__title .icon-faq{
        width: 100%;
        max-width: 30px;
    }

    .faq .toggle .link__title .link__title-icon{
        right: 15px;
    }

    .faq .link__title .link__title-icon{
        width: 100%;
        max-width: 16px;
    }

    .faq .faq-site__link .link{
        font-size: 1.2rem;
    }
}

/***************************************おすすめ情報***************************************/
.campaign-bnr{
    background-color: #F0F4FF;
    padding: 64px 0;
    margin-bottom: 80px;
}

.campaign-bnr .title__wrapper{
    text-align: center;
}

.campaign-bnr .campaign-bnr__title{
    display: inline-block;
    position: relative;
    font-size: 4.8rem;
    font-weight: bold;
    text-align: center;
    color: #000066;
    margin-bottom: 40px;
}

.campaign-bnr .campaign-bnr__title::after{
    content: '';
    display: inline-block;
    position: absolute;
    right: -162px;
    bottom: 50%;
    transform: translateY(50%);
    width: 131px;
    height: 86px;
    background:url(/campaign/2026savings_account/images/img_aomaru.png) no-repeat;
    background-size: contain;
}

.campaign-bnr .campaign-bnr__wrapper{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 16px;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 20px;
}

.campaign-bnr .campaign-bnr__wrapper .campaign-bnr__link{
    cursor: pointer;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .campaign-bnr{
        padding: 40px 0 56px;
        margin-bottom: 0;
    }

    .campaign-bnr .campaign-bnr__title{
        font-size: 3.2rem;
    }

    .campaign-bnr .campaign-bnr__title::after{
        background: url(/campaign/2026savings_account/images/img_aomaru_sp.png);
        background-size: 50%;
        background-repeat: no-repeat;
        right: -127px;
        bottom: -30px;
        width: 119px;
        height: 146px;
    }

    .campaign-bnr .campaign-bnr__carousel .campaign-bnr__link{
        display: block;
        height: 100%;
    }

    .campaign-bnr .campaign-bnr__carousel .carousel__controller{
        width: 230px;
        margin: 20px auto 0;
        position: relative;
        padding-bottom: 5px;
    }

    .campaign-bnr .carousel__controller .carousel__next::after {
        background: url(/campaign/2026savings_account/images/icon_arrow-right-blue_bg-white.png) no-repeat;
        background-size: contain;
    }

    .campaign-bnr .carousel__controller .carousel__prev::after {
        background: url(/campaign/2026savings_account/images/icon_arrow-left-blue_bg-white.png) no-repeat;
        background-size: contain;
    }
}

/***************************************おすすめ情報***************************************/
.account-opening{
    max-width: 1060px;
    margin: 0 auto 80px;
    padding: 0 20px;
}

.account-opening .account-opening__inner{
    background-color: #08287F;
    border-radius: 24px;
    padding: 56px 34px;
}

.account-opening .account-opening__inner .account-opening__title{
    font-size: 3.2rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 16px;
    font-weight: bold;
}

.account-opening .account-opening__inner .account-opening__title .text-small{
    display: block;
    font-size: 1.8rem;
}

.account-opening .toggle{
    margin-bottom: 15px;
}

.account-opening .toggle:last-child{
    margin-bottom: 0;
}

.account-opening .toggle .toggle__content{
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    padding: 0 146px 0;
    border-top: 4px solid #759BFD;
    position: relative;
    background-color: #ffffff;
    border-radius: 0 0 16px 16px;
}

.account-opening .toggle.is-open .toggle__content{
    max-height: 3000px;
    opacity: 1;
    visibility: visible;
    padding: 36px 146px 32px;
}

.account-opening .toggle.is-open.internet-opening .toggle__content{
    padding-bottom: 51px;
}

.account-opening .toggle.is-open.app-opening .toggle__content{
    padding-bottom: 37px;
}

.account-opening .toggle.is-open.tenpo-opening .toggle__content{
    padding-bottom: 33px;
}

.account-opening .toggle__content::before{
    content: '';
    height: 15px;
    width: 100%;
    position: absolute;
    bottom: 4px;
    left: 0;
    background-color: #ffffff;
    border-radius: 0 0 16px 16px;
    z-index: 10;
}

.account-opening .toggle__content::after{
    content: '';
    height: 15px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #759BFD;
    border-radius: 0 0 16px 16px;
}

.account-opening .toggle .toggle__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background-color: #ffffff;
    border-radius: 8px 8px 0 0;
    border-bottom: 5px solid #759BFD;
    padding: 14px 24px 14px 21px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #08287F;
    line-height: 1.5;
    cursor: pointer;
}

.account-opening .toggle.is-open .toggle__title{
    border-bottom: none;
}

.account-opening .toggle .toggle__title .sub-title{
    display: contents;
    font-weight: 400;
    font-size: 1.6rem;
}

.account-opening .toggle .toggle__title .toggle__title-icon__box{
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background-color: #08287F;
}

.account-opening .toggle .toggle__title .toggle__title-icon::before,.account-opening .toggle .toggle__title .toggle__title-icon::after{
    background: #ffffff;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 14px;
}

.account-opening .toggle .toggle__title .toggle__title-icon::after{
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transition: all 0.5s;
}

.account-opening .toggle.is-open .toggle__title .toggle__title-icon::after{
    transform: translateX(-50%) translateY(-50%) rotate(0);
}

.account-opening .toggle__content .toggle__section{
    margin-bottom: 40px;
}

.account-opening .toggle__content .toggle__section:last-child{
    margin-bottom: 0;
}

.account-opening .toggle__content h3{
    color: #000066;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.account-opening .toggle__content .document__img{
    margin-bottom: 17px;
}

.account-opening .toggle__content .toggle-text{
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
}

.account-opening .toggle__content .toggle-text .text-blue{
    color:#000066;
}

.account-opening .toggle__content .annonation__list{
    font-size: 1.5rem;
    font-weight: bold;
}

.account-opening .toggle__content .annonation__list .annonation__list__item{
    position: relative;
    padding-left: 14.5px;
    line-height: 1.5;
    margin-bottom: 17px;
}

.account-opening .toggle__content .annonation__list .annonation__list__item .char{
    left: 0px;
    position: absolute;
    top: 0px;
}

.account-opening .toggle__content .toggle-text__link{
    font-size: 1.8rem;
    font-weight: bold;
    color: #000066;
    margin-bottom: 17px;
}

.account-opening .toggle__content .toggle-text__link{
    position: relative;
    display: inline-block;
    line-height: 1.5;
}

.account-opening .toggle__content .toggle-text__link a{
    border-bottom: 1px solid #000066;
}

.account-opening .toggle__content .toggle-text__link:last-child{
    margin-bottom: 0px;
}

.account-opening .toggle__content .toggle-text__link::after {
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 14px;
    background-image: url(/campaign/2026savings_account/images/icon_arrow-link-right-blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -15px;
}

.account-opening .toggle__section.step-section{
    max-width: 544px;
    margin: 0 auto 32px;
}

.account-opening .toggle__section.step-section:last-child{
    margin-bottom: 0;
}

.account-opening .toggle__section.step-section h3{
    margin-bottom: 24px;
}

.account-opening .step__contents .step__contents__item,.account-opening .step__contents .arrow{
    text-align: center;
}

.account-opening .step__contents .arrow{
    margin: 11px auto 9px;
}

.account-opening .step__contents .text-link{
    color: #000066;
    margin-top: 9px;
    text-align: left;
}

.account-opening .step__contents .text-link a{
    border-bottom: 1px solid #000066;
    position: relative;
}

.account-opening .step__contents .text-link a::after {
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 14px;
    background-image: url(/campaign/2026savings_account/images/icon_arrow-link-right-blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -15px;
}

.account-opening .step__contents .annonation-link{
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
    color: #000066;
    margin-top: 13px;
}

.account-opening .step__contents .annonation-link a{
    border-bottom: 1px solid #000066;
}

.account-opening .btn{
    text-align: center;
}

.account-opening .btn .btn-link{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 403px;
    background-color: #E6002D;
    border-radius: 50px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #ffffff;
    padding: 19px 16px 20px 0;
    margin: 0 auto;
    position: relative;
}

.account-opening .btn .btn-link::after {
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-image: url(/campaign/2026savings_account/images/icon_arrow-right-red.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 3vw;
}

.account-opening .btn .btn-link:hover{
    opacity: 1;
    background-color: #da012c;
}

.account-opening .btn .btn-link.icon-window::after {
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url(/campaign/2026savings_account/images/icon_link-window.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 3vw;
}


.account-opening .tenpo-opening .document__img{
    text-align: center;
}

.account-opening .tenpo-opening .plus__icon{
    text-align: center;
    margin-bottom: 17px;
}

.account-opening .tenpo-opening .link-section{
    text-align: center;
}

.account-opening .tenpo-opening .btn{
    margin-bottom: 17px;
}

.account-opening .tenpo-opening .toggle-text{
    margin-bottom: 17px;
}

@media screen and (max-width: 767px) {
    .account-opening{
        max-width: 100%;
        padding: 0;
        margin-bottom: 0;
    }

    .account-opening .account-opening__inner{
        padding: 56px 5vw;
        border-radius: 0;
    }

    .account-opening .account-opening__inner .account-opening__title{
        font-size: 2.8rem;
    }

    .account-opening .account-opening__inner .account-opening__title .text-small{
        font-size: 1.5rem;
    }

    .account-opening .campaign-category{
        width: 100%;
        font-size: 1.2rem;
        padding: 0px 2vw;
        margin-bottom: 21px;
    }

    .account-opening .campaign-category .gold{
        width: 35%;
    }

    .account-opening .campaign-category .gold,.account-opening .campaign-category .white{
        height: 24px;
    }

    .account-opening .campaign-category .white{
        width: 65%;
    }

    .account-opening .toggle .toggle__title{
        padding: 12px;
        padding: 12px 3.5vw 13px;
    }

    .account-opening .toggle .toggle__title .sub-title{
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .account-opening .toggle .toggle__title{
        font-size: 1.8rem;
    }

    .account-opening .toggle .toggle__title .toggle__title-icon__box{
        width: 100%;
        height: 32px;
        max-width: 32px;
    }
    

    .account-opening .toggle.is-open .toggle__content{
        padding: 16px 3.5vw 23px;
    }

    .account-opening .toggle.is-open.tenpo-opening .toggle__content{
        padding-bottom: 24px;
    }

    .account-opening .toggle__content .toggle__section{
        margin-bottom: 23px;
    }

    .account-opening .toggle__content h3{
        margin-bottom: 8px;
        font-size: 1.8rem;
    }

    .account-opening .toggle__content .toggle-text{
        font-size: 1.6rem;
        margin-bottom: 8px;
    }

    .account-opening .toggle__content .annonation__list .annonation__list__item{
        font-size: 1.2rem;
        margin-bottom: 6px;
    }

    .account-opening .toggle__content .toggle-text__link{
        font-size: 1.4rem;
    }

    .account-opening .toggle__content .toggle-text__link::after{
        display: none;
    }

    .account-opening .toggle__content .toggle-text__link .internal-link{
        position: relative;
    }

    .account-opening .toggle__content .toggle-text__link .internal-link::after{
        position: absolute;
        content: '';
        display: inline-block;
        bottom: 1px;
        width: 9px;
        height: 14px;
        background-image: url(/campaign/2026savings_account/images/icon_arrow-link-right-blue.png);
        background-size: contain;
        background-repeat: no-repeat;
        right: -15px;
    }

    .account-opening .step__contents .arrow{
        width: 14%;
    }

    .account-opening .step__contents .text-link{
        font-size: 1.4rem;
    }

    .account-opening .step__contents .annonation-link{
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .account-opening .step__contents .annonation-link a{
        position: relative;
    }

    .account-opening .step__contents .annonation-link a::after{
        position: absolute;
        content: '';
        display: inline-block;
        bottom: 1px;
        width: 9px;
        height: 14px;
        background-image: url(/campaign/2026savings_account/images/icon_arrow-link-right-blue.png);
        background-size: contain;
        background-repeat: no-repeat;
        right: -15px;
    }

    .account-opening .btn .btn-link{
        font-size: 1.8rem;
        gap: 13px;
        max-width: 100%;
        padding:15px 0;
    }

    .account-opening .btn .btn-link::after {
        right: 5vw;
        width: 24px;
        height: 24px;
    }

    .account-opening .btn .btn-link.icon-window::after {
        width: 11px;
        height: 11px;
        right: 5vw;
    }

    .account-opening .toggle__section.step-section h3{
        margin-bottom: 8px;
    }

    .account-opening .tenpo-opening .plus__icon img{
        width: 10%;
    }

    .account-opening .tenpo-opening .link-section{
        text-align: left;
    }

    .account-opening .tenpo-opening .sp-small{
        font-size: 1.2rem;
    }
}

/***************************************注意事項***************************************/
.info{
    max-width: 1060px;
    margin: 0 auto 80px;
    padding: 0 20px;
}

.info .attention__wrapper{
    border-radius: 24px;
    background-color: #F3F3F3;
    padding: 56px 40px;
    margin-bottom: 80px;
}

.info .attention__wrapper .attention__title{
    font-size: 3.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.info .attention__wrapper .attention-toggle__wrapper{
    margin-bottom: 40px;
}

.info .attention__wrapper .attention-toggle__wrapper:last-child{
    margin-bottom: 0;
}

.info .attention__wrapper .toggle{
    border-radius: 8px;
    background-color:#ffffff;
    margin-bottom: 16px;
}

.info .attention__wrapper .toggle:last-child{
    margin-bottom: 0;
}

.info .attention__wrapper .toggle .toggle__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    color: #08287F;
    cursor: pointer;
    padding: 16px 16px 16px 20px;
}

.info .attention__wrapper .toggle .toggle__title .toggle__title-icon__box{
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background-color: #08287F;
}

.info .attention__wrapper .toggle .toggle__title .toggle__title-icon::before,.info .attention__wrapper .toggle .toggle__title .toggle__title-icon::after{
    background: #ffffff;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 14px;
}

.info .attention__wrapper .toggle .toggle__title .toggle__title-icon::after{
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transition: all 0.5s;
}

.info .attention__wrapper .toggle.is-open .toggle__title .toggle__title-icon::after{
    transform: translateX(-50%) translateY(-50%) rotate(0);
}

.info .attention__wrapper .toggle .toggle__content{
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    position: relative;
    border-radius: 0 0 16px 16px;
    background-color: #;
}

.info .attention__wrapper .toggle.is-open .toggle__content{
    max-height: 3000px;
    opacity: 1;
    visibility: visible;
}

.info .attention__wrapper .toggle .toggle__content .line{
    content: '';
    height: 1px;
    width: 95%;
    background-color: #E8E8E8;
    margin-left: 20px;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner{
    padding:  12px 20px 4px;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list{
    margin-bottom: 12px;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list:last-child{
    margin-bottom: 0;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list .list__item{
    position: relative;
    font-size: 1.5rem;
    line-height: 1.5;
    padding-left: 18px;
    margin-bottom: 12px;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list .list__item:last-child{
    margin-bottom: 0;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list .list__item::before{
    background: #08287F;
    border-radius: 5px;
    content: "";
    display: block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 7px;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list .list__item .text-link{
    color: #0000B3;
    text-decoration: underline;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list .text-bold{
    font-weight: bold;
}

.info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list .text-sup{
    vertical-align: super;
}

.info .attention__wrapper .toggle__content .annonation .annonation__item{
    position: relative;
    font-size: 1.2rem;
    color: #777777;
    padding-left: 14.5px;
    margin-bottom: 4px;
    line-height: 1.5;
}

.info .attention__wrapper .toggle__content .annonation .annonation__item:last-child{
    margin-bottom: 0;
}

.info .attention__wrapper .toggle__content .annonation .annonation__item .char{
    left: 0px;
    position: absolute;
    top: 0px;
}

.info .attention__wrapper .toggle-wrap__title{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.0rem;
    font-weight: bold;
    color: #E6002D;
    text-align: center;
    margin-bottom: 16px;
}

.info .attention__wrapper .toggle-wrap__title::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(/campaign/2026savings_account/images/icon_note-red.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.info .attention__wrapper .attention__list__title{
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 12px;
}

.info .attention__wrapper .attention__list__wrap{
    margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
    .info{
        max-width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .info .attention__wrapper{
        padding: 56px 3vw;
        border-radius: 0;
        margin-bottom: 27px;
    }

    .info .attention__wrapper .toggle .toggle__title .toggle__title-icon__box{
        width: 100%;
        max-width: 36px;
    }

    .info .attention__wrapper .attention__title{
        font-size: 2.4rem;
        margin-bottom: 36px;
    }

    .info .attention__wrapper .attention__list__title{
        font-size: 1.8rem;
    }

    .info .attention__wrapper .toggle .toggle__title{
        padding: 16px 16px 12px 20px;
    }

    .info .attention__wrapper .toggle .toggle__content .toggle__inner .attention__list .list__item{
        font-size: 1.4rem;
    }

    .info .attention__wrapper .toggle-wrap__title{
        font-size: 1.8rem;
    }
}

/* =========================================
   キャンペーンに関するお問い合わせ
========================================= */
.info .info-inquiry{
    margin: 0 auto;
    max-width: 700px;
    text-align: center;
    padding: 0 94.5px;
}

.info .info-inquiry .info-inquiry-title__wrapper{
    display: inline-block;
    margin-bottom: 48px;
}

.info .info-inquiry .info-inquiry-title__wrapper .info-inquiry__title{
    font-size: 3.2rem;
    font-weight: bold;
    color: #08287F;
    margin-bottom: 5px;
}

.info .info-inquiry .info-inquiry-title__wrapper .line{
    content: '';
    width: 100%;
    height: 2px;
    background-color: #E8E8E8;
}

.info .info-inquiry .info-inquiry__inner .tel__wrapper{
    margin-bottom: 24px;
}

.info .info-inquiry .info-inquiry__inner .tel__link{
    display: inline-block;
    margin-bottom: 25px;
}

.info .info-inquiry .info-inquiry__inner .tel__wrapper .note{
    background-color: #F3F3F3;
    border-radius: 4px;
    padding: 6px 0;
    width: 100%;
}

.info .info-inquiry .info-inquiry__inner .inquiry-reception-hours .hours-text{
    font-size: 1.8rem;
    font-weight: bold;
    color: #08287F;
    margin-bottom: 22.5px;
}

.info .info-inquiry .info-inquiry__inner .inquiry-reception-hours .hours-text .label{
    color: #ffffff;
    background-color: #08287F;
    border-radius: 4px;
    margin-right: 16px;
    padding: 5px 16px;
}

.info .info-inquiry .info-inquiry__inner .inquiry-reception-hours .note{
    font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
    .info .info-inquiry{
        padding: 0 14.5vw;
    }

    .info .info-inquiry .info-inquiry-title__wrapper{
        margin-bottom: 18px;
    }

    .info .info-inquiry .info-inquiry__inner .tel__wrapper{
        margin-bottom: 14px;
    }

    .info .info-inquiry .info-inquiry-title__wrapper .info-inquiry__title{
        font-size: 1.4rem;
    }

    .info .info-inquiry .info-inquiry__inner .tel__link{
        margin-bottom: 2px;
    }

    .info .info-inquiry .info-inquiry__inner .tel__wrapper .note{
        font-size: 1.3rem;
        background-color:inherit;
    }

    .info .info-inquiry .info-inquiry__inner .inquiry-reception-hours .hours-text .label{
        font-size: 1.2rem;
        display: block;
        width: 69px;
        padding: 5px 10px;
        margin: 0 auto 13px;
        border-radius: 3px;
    }
    
    .info .info-inquiry .info-inquiry__inner .inquiry-reception-hours .hours-text{
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

    .info .info-inquiry .info-inquiry__inner .inquiry-reception-hours .note{
        font-size: 1.3rem;
        line-height: 1.5;
    }
}

.tyotiku2026cp__inner .date{
    font-size: 1.2rem;
    color: #000066;
    text-align: right;
    padding: 0 20px 8px;
}