@charset "UTF-8";

/*--↓【interest】*/
.c-txt-annualrate-ex {
    font-size: 1.8rem;
    font-weight: 700;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 40px;
}

@media print,screen and (max-width:767px) {
    .c-txt-annualrate-ex {
        font-size: 1.6rem;
    }
}

/* ※だけ下線なし */
.no-underline {
    text-decoration: none;
}

/* 赤文字・黒文字どちらも下線（赤線） */
.underline {
    text-decoration: underline;
    text-decoration-color: var(--primaryNagoyameshi); 
    text-underline-position: under;
    text-decoration-thickness: 2px;
}

/* 赤文字の色設定そのまま使用するなら */
.c-txt-annualrate-ex span {
    color: inherit;
}

.c-txt-annualrate-ex .underline span {
    color: var(--primaryNagoyameshi);
}


.c-atm2__wrap {
    display:flex;
    flex-direction:column;
    gap:32px
}
.c-atm2__wrap-item {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    width:100%;
    padding:24px 24px 10px 24px;
    background-color:var(--secondaryBgColor);
    border-radius:16px
}

.c-atm3__wrap-item {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    padding:0;
    background-color:transparent;
}

.c-atm2-list {
    display:flex;
    flex-direction:column;
    gap:32px;
    align-items:flex-start
}

.c-atm2-list__item-mark {
    min-width:90px;
    margin:0 auto
}

.c-atm2-list__item {
    width:100%;
    text-align:center
}

.c-atm2-list__item .c-txt-ttl5 {
    padding-top:28px;
    margin-block:0;
    font-weight:400
}

.c-atm2-list__item .c-txt-ttl5:first-child {
    padding-top:0
}

.c-atm2-list__item .c-txt-p {
    text-align:center
}

.c-atm2-list__item span {
    font-size:2.4rem;
    font-weight:700;
}

.c-atm2__wrap+.c-list-link {
    margin-top:16px
}

@media print,screen and (min-width:768px) {
    .c-atm2-list {
        flex-direction:row;
        align-items:flex-start;
    }
    .c-atm2-list__item .c-txt-p {
        text-align:left
    }
    .c-atm2-list__item {
        text-align:left
    }
    .c-atm2__wrap+.c-list-link {
        margin-top:24px
    }
}

@media print,screen and (min-width:1025px) {
    .c-atm2__wrap {
        flex-direction:row
    }
}

.c-txt-annualrate-ex2 {
    display: block;
    padding-bottom: 0;
    font-size: 1.6rem;
    font-weight: 400;
    background: none;
}

@media print,screen and (max-width:767px) {
    .c-txt-annualrate-ex2 {
        font-size: 1.4rem;
    }
}

.c-txt-annualrate-ex2 span {
    font-size: 2.4rem;
    color: var(--primaryNagoyameshi);
}

/*右BOXの中の白いBOX*/
.inner-white-box {
    background-color: #ffffff;
    width: 100%;
    padding: 10px 24px;
    border-radius: 16px;
    margin-top: 10px;
    box-sizing: border-box;
}

@media print,screen and (max-width:767px) {
    .inner-white-box{
         padding: 10px 20px 15px;
    }
}

/* 白BOX内のリストは既存スタイルをそのまま適用可能 */
.inner-white-box .c-atm2-list {
    flex-direction: column;
    gap: 16px;
}

.inner-white-box .c-atm2-list__item {
    text-align: left;
}

/*白いBOX内書体*/
.c-txt-annualrate-ex3,.c-txt-annualrate-ex4 {
    display: block;
    text-align: center;
    padding-bottom: 0;
    font-size: 1.6rem;
    font-weight: 400;
    background: none;
}

/* 黒文字パターン */
.c-txt-annualrate-ex3 span {
    font-size: 2.4rem;
    color: #000000;
}

.c-txt-annualrate-ex4 span {
    font-size: 2.4rem;
    color: var(--primaryNagoyameshi);
}

/*リスト*/
.c-list__mark-disc-ex {
    margin-left:20px;
    text-align: left;
}

.u-list-asterisk li span.a {
    color: var(--primaryNagoyameshi);
    font-weight: 700;
    text-decoration: none;
}

/* 赤文字太字＋赤下線 */
.u-list-asterisk li span.b {
    color: var(--primaryNagoyameshi);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid var(--primaryNagoyameshi);
    padding-bottom: 0.5px;
}

.right-box-bottom {
        padding-top: 10px;
}

@media screen and (min-width:1025px) {
    .right-box-bottom {
        width: calc((100% - 32px)/2);
        margin-left: calc((100% - 32px)/2 + 32px);
        margin-top: 16px;
        padding-top: 0;
    }
}

/*--↑【interest】*/