@charset "UTF-8";

/* 共通 */
.mT0{
    margin-top: 0 !important;
}

.mT28{
    margin-top: 28px;
}

.teiki-cp_main-content{
    max-width: 966px;
    margin: 0 auto;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .content article .teiki-cp {
        margin-top: 0;
    }
}

.pagetop.is-show{
    bottom: 88px;
}

.floating-rightarea{
    display: none !important;
}

/* 共通注釈 */
.teiki-cp .annotation_list .section__list-note{
    font-size: 1.2rem;
}

/* キービジュアル */
.teiki-cp_kv{
    background-color: #08287F;
    padding: 40px 20px 68px;
}

.teiki-cp_kv-img{
    text-align: center;
}

@media screen and (max-width: 767px) {
    .teiki-cp_kv{
        padding: 20px 15px 40px;
    }
}

/* キービジュアル下注釈 */
.teiki-cp_annotation{
    margin-bottom: 47px;
}

@media screen and (max-width: 767px) {
    .teiki-cp_annotation{
        margin-bottom: 49px;
    }
}

/* キービジュアル下テーブル */
.teiki-cp_table{
    margin-top: 44px;
    margin-bottom: 13px;
}

@media screen and (max-width: 767px) {
    .teiki-cp_table{
        margin-top: 7px;
    }
}

/* いますぐ使わないお金～～ */
.teiki-cp_intro-saving{
    background-color: #E1F5FF;
    border-radius: 10px;
    margin-bottom: 76px;
    padding: 55px 22px 36px;
}

.teiki-cp_intro-saving .intro-saving_img{
    text-align: center;
}

.teiki-cp_intro-saving .intro-saving_body{
    position: relative;
    margin-top: 52px;
    padding: 65px 20px 43px;
    background-color: #FFFFFF;
    border: 2px solid #08287F;
    border-radius: 10px;
}

.teiki-cp_intro-saving .intro-saving_body_message{
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.teiki-cp_intro-saving .title{
    text-align: center;
    margin-bottom: 20px;
}

.teiki-cp_intro-saving .title + p{
    margin-bottom: 31px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .teiki-cp_intro-saving{
        margin-bottom: 104px;
        padding: 40px 7px 15px;
    }
    .teiki-cp_intro-saving .intro-saving_img img{
        width: auto;
        max-width: calc(100% - 16px);
    }
        .teiki-cp_intro-saving .intro-saving_body{
        margin-top: 29px;
        padding: 43px 9px 9px;
    }

    .teiki-cp_intro-saving .intro-saving_body_message{
        width: auto;
        max-width: calc(100% - 58px);
        top: -12px;
    }

    .teiki-cp_intro-saving .title img{
        width: auto;
        max-width: calc(100% - 38px);
    }

    .teiki-cp_intro-saving .title + p{
        margin-bottom: 0;
    }

    .intro-saving_body + .section__list{
        margin-top: 15px;
    }
}

/* 3つの条件 */
.teiki-cp_campaign-overview{
    margin: 0 auto 96px;
}

.teiki-cp_campaign-overview .title_img{
    text-align: center;
    margin-bottom: 40px;
}

.teiki-cp_campaign-overview .content_wrap{
    display: flex;
    width: min(1064px, calc(100vw - 30px));
    margin: 0 50% 30px;
    transform: translateX(-50%);
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}

.teiki-cp_campaign-overview .content_wrap .step_box{
    display: flex;
    position: relative;
    width: calc((100% - 12px) / 2);
    background-color: #E1F5FF;
    border-radius: 10px;
    padding: 10px 40px;
    align-items: center;
}
.teiki-cp_campaign-overview .content_wrap .step_box:last-child{
    margin-bottom: 0px;
}

.teiki-cp_campaign-overview .content_wrap .step_box .step_img{
    display: flex;
    flex: 0 0 94px;
    background-color: #ffffff;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
}

.teiki-cp_campaign-overview .content_wrap .step_box .step_text_col{
    flex: 1;
    min-width: 0;
}

.teiki-cp_campaign-overview .content_wrap .step_box .step-num{
    display: inline-block;
    color: #ffffff;
    font-weight: 800;
    background-color: #08287F;
    border-radius: 34px;
    padding: 4px 13px 2px;
    margin-bottom: 8px;
}

.teiki-cp_campaign-overview .content_wrap .step_box .step_text{
    font-size: 2.4rem;
    font-weight: 800;
    color: #08287F;
}

.teiki-cp_campaign-overview .annotation_list{
    margin: 0 auto;
    max-width: 820px;
}

@media screen and (max-width: 767px) {
    .teiki-cp_campaign-overview{
        max-width: 100%;
        margin: 0 auto 85px;
    }

    .teiki-cp_campaign-overview .title_img{
        margin-bottom: 16px;
    }

    .teiki-cp_campaign-overview .content_wrap{
        flex-direction: column;
        gap: 8px;
    }

    .teiki-cp_campaign-overview .content_wrap .step_box{
        width: 100%;
        padding: 20px 15px;
    }

    .teiki-cp_campaign-overview .content_wrap .step_box .step_img{
        flex-basis: 70px;
        width: 70px;
        height: 70px;
        max-width: 70px;
        padding: 10px;
        margin-right: 7px;
    }

    .teiki-cp_campaign-overview .content_wrap .step_box .step_text{
        font-size: 1.6rem;
    }
}

/* ここが安心！～～ */
.teiki-cp_safety-value{
    background-color: #08287F;
    border-radius: 10px;
    padding: 60px 40px;
    margin-bottom: 130px;
    color: #ffffff;
}

.teiki-cp_safety-value .safety_box{
    margin-bottom: 50px;
}

.teiki-cp_safety-value .title_wrap{
    text-align: center;
    margin-bottom: 20px;
}


.teiki-cp_safety-value .text{
    font-size: 2rem;
    text-align: center;
    margin-bottom: 20px;
}

.teiki-cp_safety-value .annotation_list {
    margin-bottom: 30px;
}

.teiki-cp_safety-value .calculation_warp{
    position: relative;
    margin-top: 152px;
}

.teiki-cp_safety-value .calculation_warp .user_img{
    position: absolute;
    top: -120px;
    left: 50%;
    width: 380px;
    transform: translateX(-50%);
    z-index: 5;
}

.teiki-cp_safety-value .campaign-calculation{
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 34px 40px;
    z-index: 10;
}

.teiki-cp_safety-value .campaign-calculation .text{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 2.4rem;
    font-weight: 800;
    color: #08287F;
    margin-bottom: 18px;
}

.teiki-cp_safety-value .campaign-calculation .text::before,.teiki-cp_safety-value .campaign-calculation .text::after{
    width: 2px;
    height: 70px;
    content: "";
    background-color: #08287F;;
}

.teiki-cp_safety-value .campaign-calculation .text::before {
    margin-right: 0.5em;
    transform: rotate(-35deg);
}

.teiki-cp_safety-value .campaign-calculation .text::after {
    margin-left: 0.5em;
    transform: rotate(35deg);
}

.value_box .value_img{
    text-align: center;
}

@media screen and (max-width: 767px) {
    .teiki-cp_safety-value{
        padding: 42px 15px;
        margin-bottom: 135px;
    }

    .teiki-cp_safety-value .safety_box{
        margin-bottom: 32px;
    }

    .teiki-cp_safety-value .text{
        font-size: 1.6rem;
        text-align: left;
        margin-bottom: 10px;
    }

    .teiki-cp_safety-value .annotation_list{
        margin-bottom: 16px;
    }

    .teiki-cp_safety-value .calculation_warp{
        margin-top: 0px;
    }

    .teiki-cp_safety-value .calculation_warp .user_img {
        position: relative;
        top: 2px;
        left: 0;
        transform: inherit;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .teiki-cp_safety-value .calculation_warp .user_img img{
        width: auto;
        max-width: calc(100% - 30px);
    }

    .teiki-cp_safety-value .campaign-calculation{
        padding: 30px 15px;
    }

    .teiki-cp_safety-value .campaign-calculation .text{
        font-size: 1.6rem;
        text-align: center;
    }

    .teiki-cp_safety-value .campaign-calculation .text::before,.teiki-cp_safety-value .campaign-calculation .text::after{
        height: 44px;
    }
}

/* 「みずほダイレクトアプリ」からキャンペーンにエントリー！ */
.teiki-cp_entry{
    position: relative;
    margin-bottom: 95px;
}

.teiki-cp_entry .user_img{
    position: absolute;
    top: -42px;
    left: 40px;
    z-index: 10;
}

.teiki-cp_entry .content_wrap{
    position: relative;
    background-color: #4B76D2;
    border-radius: 10px;
    padding: 53px 93px;
    z-index: 5;
}

.teiki-cp_entry .content_box .title{
    font-size: 4rem;
    font-weight: 800;
    text-align: center;
    color: #ffffff;
    margin-bottom: 35px;
}

.teiki-cp_entry .content_box .title .small{
    font-size: 3.2rem;
}

.teiki-cp_entry .content_box .entry-step{
    position: relative;
}

.teiki-cp_entry .content_box .balloon_img{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.teiki-cp_entry .content_box .entry-step_box{
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 31px 40px;
}

.teiki-cp_entry .content_box .entry-step_box.arrow_bottom::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 61px;
    height: 23px;
    /* background-image: url(/special/2026summer_teiki_cp/images/icon_arrow-bottom_blue.png); */
    background-repeat: no-repeat;
}

.teiki-cp_entry .content_box .entry-step_box .step_title{
    display: flex;
    align-items: center;
    justify-content: center;
}

.teiki-cp_entry .content_box .entry-step_box .step_title img{
    margin-right: 13px;
}

.teiki-cp_entry .content_box .entry-step_box .step_title.icon_img img{
    margin-right: 25px;
}

.teiki-cp_entry .content_box .entry-step_box .step_title h3{
    font-size: 2.4rem;
    font-weight: 800;
    color: #08287F;
}

.teiki-cp_entry .content_box .entry-step_box .step_title.download_title{
    margin-bottom: 10px;
}

.teiki-cp_entry .content_box .entry-step_box .download_item_wrap{
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.teiki-cp_entry .content_box .entry-step_box .download_item_wrap .download_item{
    width: 49%;
}

.teiki-cp_entry .content_box .entry-step_box .download_item_wrap .download_item.item_ios{
    border-right: 1px solid #CCCCCC;
}

.teiki-cp_entry .content_box .entry-step_box .download_item_wrap .download_item .app_title{
    color: #0000B3;
    font-size: 1.8rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: 10px;
}

.teiki-cp_entry .content_box .entry-step_box .download_item_wrap .download_item .app-link_wrap{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .teiki-cp_entry .user_img{
        top: -75px;
        left: 25px;
    }

    .teiki-cp_entry .user_img img{
        width: 85%;
    }

    .teiki-cp_entry .content_wrap{
        padding: 46px 15px;
    }

    .teiki-cp_entry .content_box .title{
        font-size: 2.4rem;
    }

    .teiki-cp_entry .content_box .title .small{
        font-size: 2.0rem;
    }

    .teiki-cp_entry .content_box .balloon_img{
        width: 30%;
    }

    .teiki-cp_entry .content_box .entry-step_box{
        padding: 28.5px 15px;
    }

    .teiki-cp_entry .content_box .entry-step_box .step_title h3{
        font-size: 2rem;
        text-align: center;
    }

    .teiki-cp_entry .content_box .entry-step_box .download_item_wrap{
        padding: 0 4px;
    }

    .teiki-cp_entry .content_box .entry-step_box .download_item_wrap .mizuho-logo{
        width: 25%;
        margin-right: 12px;
    }

    .teiki-cp_entry .content_box .entry-step_box .download_item_wrap .app-link{
        width: 75%;
    }

    .teiki-cp_entry .content_box .entry-step_box .download_item_wrap{
        margin-bottom: 10px;
    }

    .teiki-cp_entry .content_box .entry-step_box.arrow_bottom::after{
        bottom: -42px;
    }

    .teiki-cp_entry .content_box .entry-step_box.entry-action{
        padding: 20px 36px;
    }

    .teiki-cp_entry .content_box .entry-step_box .step_title.icon_img img{
        margin-right: 13px;
    }

    .teiki-cp_entry .content_box .entry-step_box.entry-action img{
        width: 33%;
    }

    .teiki-cp_entry .content_box .entry-step_box.entry-action h3{
        width: 76%;
    }
}

/* キャンペーンのエントリー方法はこちら */
.teiki-cp_entry-method{
    margin-top: 24px;
    margin-bottom: 80px;
}

.teiki-cp_entry-method .section__accordion{
    border-bottom: none;
    background-color: #08287F;
    border-radius: 10px 10px 10px 10px;
}

.teiki-cp_entry-method .toggle .section__accordion-head{
    border-top: none;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #08287F;
}

.teiki-cp_entry-method .toggle .section__accordion-head.is-active{
    border-radius: 10px 10px 0px 0px;
}

.teiki-cp_entry-method .toggle .toggle_title{
    position: relative;
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: 800;
    width: 100%;
    padding: 16px 26px;
}

.teiki-cp_entry-method .toggle .section__accordion-head .section__accordion-head-icon{
    height: 30px;
    width: 30px;
    right: 20px;
    background-color: #FFFFFF;
}

.teiki-cp_entry-method .toggle .section__accordion-head .section__accordion-head-icon::before,.teiki-cp_entry-method .toggle .section__accordion-head .section__accordion-head-icon::after{
    height: 3px;
    width: 15px;
    background: #08287F;
}

.teiki-cp_entry-method .toggle_content{
    border: 2px solid #08287F;
    border-top: 0px;
    border-radius: 0 0 10px 10px;
    background-color: #FFFFFF;
}

.teiki-cp_entry-method .toggle_content .section__accordion-body-inner{
    padding: 40px 40px 51px;
}
.section__accordion-body-inner table{
    margin-bottom: 48px;
}

.teiki-cp_entry-method .toggle_content .method-step{
    display: flex;
    margin-bottom: 24px;
}

.teiki-cp_entry-method .toggle_content .method-step:last-of-type{
    margin-bottom: 0px;
}

.teiki-cp_entry-method .toggle_content .method-step .step_col{
    width: 50%;
}

.teiki-cp_entry-method .toggle_content .method-step .method-step_left{
    margin-right: 42px;
}

.teiki-cp_entry-method .toggle_content .method-step .method-step-num{
    display: inline-block;
    color: #ffffff;
    font-weight: 800;
    background-color: #08287F;
    border-radius: 34px;
    padding: 4px 13px 2px;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    .teiki-cp_entry-method{
        margin-bottom: 56px;
    }
    
    .teiki-cp_entry-method .toggle .toggle_title{
        font-size: 1.6rem;
        padding: 11px 41px 11px 12px;
    }

    .teiki-cp_entry-method .toggle_content .section__accordion-body-inner{
        padding: 32px 15px;
    }

    .teiki-cp_entry-method .toggle .section__accordion-head .toggle_title:hover{
        opacity: 1;
    }

    .teiki-cp_entry-method .toggle .section__accordion-head .section__accordion-head-icon{
        height: 20px;
        width: 20px;
        right: 12px;
    }

    .teiki-cp_entry-method .toggle .section__accordion-head .section__accordion-head-icon::before,.teiki-cp_entry-method .toggle .section__accordion-head .section__accordion-head-icon::after{
        height: 2px;
        width: 10px;
    }

    .teiki-cp_entry-method .toggle_content .method-step{
        flex-direction: column;
    }

    .teiki-cp_entry-method .toggle_content .method-step:last-of-type{
        margin-bottom: 0px;
    }

    .teiki-cp_entry-method .toggle_content .method-step .method-step_left{
        margin-right: 0;
    }

    .teiki-cp_entry-method .toggle_content .method-step .method-step_right{
        margin-top: 16px;
    }

    .teiki-cp_entry-method .toggle_content .method-step .step_col{
        width: 100%;
    }
}

/* キャンペーン活用例 */
.teiki-cp_benefits{
    margin: 111px 0 121px;
}

.teiki-cp_benefits .title_img{
    text-align: center;
    margin-bottom: 32px;
}

.example_wrap{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.example_wrap .example_col{
    margin-right: 24px;
}

.example_wrap .example_col:last-of-type{
    margin-right: 0px;
}

.teiki-cp_benefits .point_wrap{
    border: 2px solid #08287F;
    border-radius: 10px;
    padding: 40px;
}

.teiki-cp_benefits .point_wrap .title{
    font-size: 3rem;
    font-weight: 800;
    text-align: center;
    color: #08287F;
    margin-bottom: 24px;
}

.teiki-cp_benefits .point_wrap .point_contents{
    display: flex;
}

.teiki-cp_benefits .point_wrap .point_col{
    width: 50%;
}

.teiki-cp_benefits .point_wrap .point_col.col_left{
    margin-right: 42px;
}

.teiki-cp_benefits .point_wrap .point_col.col_right p{
    margin-bottom: 16px;
}

.teiki-cp_benefits .point_wrap .point_col .teiki-cp_annotation{
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .teiki-cp_benefits{
        margin: 84px 0 87px;
    }
    
    .example_wrap{
        flex-direction: column;
        margin-bottom: 0;
    }

    .teiki-cp_benefits .title_img{
        margin-bottom: 16px;
    }

    .example_wrap .example_col{
        margin-right: 0;
        margin-bottom: 16px;
    }

    .example_wrap .example_col:last-child{
        margin-bottom: 0px;
    }

    .teiki-cp_benefits .point_wrap{
        padding: 32px 16px;
    }

    .teiki-cp_benefits .point_wrap .title{
        font-size: 2rem;
    }

    .teiki-cp_benefits .point_wrap .point_contents{
        flex-direction: column;
    }

    .teiki-cp_benefits .point_wrap .point_col{
        width: 100%;
    }

    .teiki-cp_benefits .point_wrap .point_col.col_left{
        margin-bottom: 16px;
    }

    .point_col .teiki-cp_annotation{
        margin-bottom: 0;
    }
}

/* キャンペーン参加は簡単3ステップ */
.teiki-cp_participation-flow .title{
    font-size: 4rem;
    font-weight: 800;
    text-align: center;
    color: #08287F;
    margin-bottom: 32px;
}

.teiki-cp_participation-flow .content_wrap{
    max-width: 820px;
    margin: 0 auto 42px;
}

.teiki-cp_participation-flow .content_wrap .step_box{
    display: flex;
    position: relative;
    background-color: #E1F5FF;
    border-radius: 10px;
    padding: 20px 40px 16px;
    margin-bottom: 60px;
    align-items: center;
}
.teiki-cp_participation-flow .content_wrap .step_box:last-child{
    margin-bottom: 0px;
}

.teiki-cp_participation-flow .content_wrap .step_box.arrow_bottom::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 47px;
    height: 26px;
    /* background-image: url(/special/2026summer_teiki_cp/images/icon_arrow-bottom_blue_02.png); */
    background-repeat: no-repeat;
}

.teiki-cp_participation-flow .content_wrap .step_box .step_img{
    display: flex;
    flex: 0 0 94px;
    background-color: #ffffff;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
}

.teiki-cp_participation-flow .content_wrap .step_box .step_text_col{
    flex: 1;
    min-width: 0;
}

.teiki-cp_participation-flow .content_wrap .step_box .step-num{
    display: inline-block;
    color: #ffffff;
    font-weight: 800;
    background-color: #08287F;
    border-radius: 34px;
    padding: 4px 13px 2px;
    margin-bottom: 8px;
}

.teiki-cp_participation-flow .content_wrap .step_box .step_text{
    font-size: 2.4rem;
    font-weight: 800;
    color: #08287F;
}

.teiki-cp_participation-flow .section__accordion-body .section__list-note{
    font-size: 1.6rem;
}

.teiki-cp_participation-flow .section__accordion-body .section__list.char2 > .section__list-note{
    padding-left: 28px;
}

.teiki-cp_participation-flow .section__accordion-body table{
    margin-top: 35px;
    margin-bottom: 35px;
}

.teiki-cp_participation-flow .section__accordion-body tr th{
    font-weight: 500;
    padding: 5px 60px 0px 0px;
}

@media screen and (max-width: 767px) {
    .teiki-cp_participation-flow .title{
        font-size: 2.4rem;
    }

    .teiki-cp_participation-flow .content_wrap .step_box{
        padding: 30px 15px;
    }

    .teiki-cp_participation-flow .content_wrap .step_box .step_img{
        flex-basis: 70px;
        width: 70px;
        height: 70px;
        max-width: 70px;
        padding: 10px;
        margin-right: 7px;
    }

    .teiki-cp_participation-flow .content_wrap .step_box .step_text{
        font-size: 1.6rem;
    }

    .teiki-cp_participation-flow .section__accordion-body tr th{
        padding: 2px 10px 0px 0px;
    }
}

/* 口座タブ */
.teiki-cp_tab{
    margin: 251px 0 115px;
}

.teiki-cp_tab .section__tab-item .section__tab-item-inner{
    color: #999999;
    border: 2px solid #EDEDED;
    border-bottom: 2px solid transparent;
    background-color: #EDEDED;
}

.teiki-cp_tab .section__tab-item.is-active .section__tab-item-inner{
    color: #ffffff;
    border: 2px solid #08287F;
    border-bottom: 2px solid transparent;
    background-color: #08287F;
}

.teiki-cp_tab .section__tab-content{
    padding: 0px;
    border: 2px solid #08287F;
}

.teiki-cp_tab .section__tab-content .account{
    padding:66px 40px 40px 40px;
}

.teiki-cp_tab .section__tab-content .no-account{
    padding:80px 40px 40px 40px;
}

.teiki-cp_tab .section__tab-content .teiki-cp_entry{
    margin-bottom: 56px;
}

.teiki-cp_tab .section__tab-content .teiki-cp_entry .content_wrap{
    padding: 53px 53px;
}

.teiki-cp_tab .section__tab-content .step_title .download_title{
    color: #08287F;
}

.teiki-cp_tab .section__tab-content .entry-flow .entry-flow-title{
    font-size: 2.4rem;
    font-weight: 800;
    text-align: center;
    color: #333333;
    margin-bottom: 16px;
}

.teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap{
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.teiki-cp_tab .section__tab-content .teiki-cp_entry .content_box .title{
    font-size: 3.4rem;
}

.teiki-cp_tab .section__tab-content .teiki-cp_entry .content_box .title .small{
    font-size: 3.0rem;
}

.teiki-cp_tab .section__tab-content .entry-flow .entry-flow-box{
    flex: 1;
    text-align: center;
    background-color: #E1F5FF;
    border-radius: 10px;
    max-width: 286px;
    padding: 40px 20px;
    margin-right: 14px;
}

.teiki-cp_tab .section__tab-content .entry-flow .entry-flow-box:last-child{
    margin-right: 0;
}

.teiki-cp_tab .section__tab-content .entry-flow .entry-flow-box .entry-label{
    display: inline-block;
    color: #ffffff;
    font-weight: 800;
    background-color: #08287F;
    border-radius: 15px;
    padding: 4px 13px 2px;
    margin-bottom: 8px;
}

.teiki-cp_tab .section__tab-content .entry-flow .entry-flow-box .entry-text{
    margin-bottom: 24px;
    text-align: left;
    line-height: 25px;
}

.teiki-cp_tab .section__tab-content .entry-flow .entry-flow-box .entry-text p + p{
    margin-top: 16px;
}

.entry-flow .annotation_list{
    margin: 24px 0 24px;
}

.teiki-cp_tab .section__tab-content .open-account .title{
    font-size: 3rem;
    font-weight: 800;
    text-align: center;
    color: #08287F;
}

.teiki-cp_tab .section__tab-content .open-account .procedure{
    margin-bottom: 22px;
}

.teiki-cp_tab .section__tab-content .open-account .open-account_link{
    margin-top: 16px;
}

.teiki-cp_tab .section__tab-content .open-account .open-account_link p{
    margin-bottom: 12px;
}

.teiki-cp_tab .section__tab-content .open-account .procedure__step-wrap .section__list{
    font-size: 1.4rem;
}

.teiki-cp_tab .section__tab-content .open-account .procedure__step-wrap{
    margin-bottom: 32px;
}

.teiki-cp__faq {
    margin: 115px 0 170px;
}

@media screen and (max-width: 767px) {
    .teiki-cp_tab{
        margin: 134px 0 68px;
    }

    .teiki-cp_tab .section__tab-content .account{
        padding:84px 15px 32px 15px;
    }

    .teiki-cp_tab .section__tab-content .no-account{
        padding:56px 15px 40px 15px;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-title{
        margin-bottom: 24px;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap{
        background-color: #E1F5FF;
        border-radius: 10px;
        padding-bottom: 59px;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .swiper-wrapper{
        align-items: stretch;
    }

    .teiki-cp_tab .section__tab-content .teiki-cp_entry .content_wrap{
        padding: 46px 15px;
    }

    .teiki-cp_tab .section__tab-content .teiki-cp_entry .content_box .title{
        font-size: 2.1rem;
    }

    .teiki-cp_tab .section__tab-content .teiki-cp_entry .content_box .title .small{
        font-size: 1.8rem;
    }

    .teiki-cp_tab .section__tab-content .teiki-cp_entry .content_box .entry-step_box.entry-action {
        padding: 20px 21px;
    }

    .teiki-cp_tab .section__tab-content .teiki-cp_entry{
        margin-bottom: 45px;
    }

    .teiki-cp_tab .section__tab-content .open-account .title{
        font-size: 2.4rem;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-box{
        flex: none;
        max-width: 100%;
        height: auto;
        background-color: transparent;
        border-radius: 0;
        padding: 37px 16px 0;
        margin-right: 0;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-box .entry-text{
        height: auto !important;
        min-height: 0 !important;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-img{
        padding: 0 46px;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_pagination{
        position: static;
        width: 100%;
        margin-top: 12px;
        transform: none;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_prev, .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_next {
        margin-top: 30px;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_prev::after, .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_next::after {
        content: "";
        width: 100%;
        height: 100%;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_prev.swiper-button-disabled::after, .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_next.swiper-button-disabled::after {
        display: none;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_prev::after{
        background: url(/special/2026summer_teiki_cp/images/icon_slide-arrow-left.png) no-repeat;
        background-size: contain;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .entry-flow_next::after {
        background: url(/special/2026summer_teiki_cp/images/icon_slide-arrow-right.png) no-repeat;
        background-size: contain;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        border: 1px solid #08287F;
        background-color: transparent;
        margin-right: 10px;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .swiper-pagination-bullet:last-child{
        margin-right: 0px;
    }

    .teiki-cp_tab .section__tab-content .entry-flow .entry-flow-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-color: #08287F;
    }
    
    .teiki-cp__faq {
        margin: 80px 0 90px;
    }
}

/* みずほインフォメーションダイヤル */
.contact-block.teiki-cp_info{
    margin-top: 100px;
    margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
    .contact-block.teiki-cp_info{
        margin-top: 69px;
        margin-bottom: 13px;
    }
}

/* 追従ボタン */
.content article > .floating {
    position: fixed;
    width: 100vw;
    max-width: none;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    padding: 12px 10px;
    background: #E1F5FF;
    z-index: 9000;
}

.floating .floating_btn_wrap{
    display: flex;
    gap: 16px;
}

.floating .floating_btn_box{
    border-radius: 10px;
    font-size: 1.6rem;
    font-weight: 800;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.floating_btn_box.step-check{
    background-color: #E6002D;
    color: #FFFFFF;
}

.floating_btn_box.step-check:hover{
    background-color: #c50027;
}

.floating_btn_box.account-open{
    border: 2px solid #08287F;
    box-sizing: border-box;
    background-color: #FFFFFF;
    color: #08287F;
}

.floating_btn_box.account-open:hover{
    background-color: #e6e6e6;
}

.floating_btn_box a{
    position: relative;
    width: 294px;
    padding: 5px 0;
}

.floating_btn_box a:hover{
    opacity: 1;
}

.floating_btn_box.step-check a::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/special/2026summer_teiki_cp/images/icon_arrow-bottom_white.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.floating.js-arrow .floating_btn_box.step-check a::after {
    transform: translateY(-50%) rotate(180deg);
}

.floating_btn_box.account-open a::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/special/2026summer_teiki_cp/images/icon_blank.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.floating_btn_box a span.small{
    font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
    .content article > .floating {
        margin-left: 0;
        margin-right: 0;
    }

    .floating .floating_btn_wrap{
        width: 100%;
        gap: 11px;
    }
    
    .floating .floating_btn_box{
        width: 100%;
        font-size: 1.3rem;
    }

    .floating_btn_box.step-check:hover{
        background-color: #E6002D;
    }
    
    .floating_btn_box.account-open:hover{
        background-color: #FFFFFF;
    }

    .floating_btn_box a{
        font-size: 1.4rem;
        width: 100%;
        padding: 8px 20px 8px 5px;
    }

    .floating_btn_box.account-open a::after {
        width: 12px;
        height: 12px;
        right: 4px;
    }

    .floating_btn_box.step-check a::after {
        width: 12px;
        height: 12px;
        right: 4px;
    }

    .floating_btn_box a span.small{
        font-size: 1.2rem;
    }

}

.arrow {
  text-align: center;
  padding: 16px 0;
}
.arrow img {
    width: 50px;
  height: auto;
  display: inline-block;
}