@charset "UTF-8";
:root {
    --mgRed: #FF535E;
    --mgNavy: #0B1E83;
    --mgDarkBlue: #0D5EA8;
    --mgLogoBlue: #139CE4;
    --mgSkyBlue: #01BFE1;
    --mgLightBlue: #BFEDFF;
    --mgBrightLightBlue: #DFF6FF;
    --mgGradBlue: #0C74CE;
    --mgGradLightBlue: #00C0E0;
    --mgBlueGray : #E7EFFD;
    --mgMoreBlue: #E7EFFD;
    --mgNeonGreen: #02DDE5;
    --mgBlueGreen: #00ABB2;
    --mgBrightBlue: #0A6EFF;
    --mgHeaderBlue: #EFF4FD;
    --mgBlack: #323C4E;
    --mgDarkGray: #818C9E;
    --mgGray: #C8CDD6;
    --mgLghtGray: #E4E6EF;
    --mgPaleGray: #F7FAFF;
    --mgWhite: #FFFFFF;
    --mgGradationBlue: linear-gradient(90deg, #0C74CE 0%, #01A0E1 50.26%, #00C0E0 100%);
    --mgGradationLightBlue: linear-gradient(90deg, #D8F8FF 0%, #9FEEFF 50.26%, #6DDCFF 100%);
    --mgGradationGreen: linear-gradient(90deg, #018D96 0%, #00ABB2 50%, #15E1C9 100%);
    --mgGradationVertical: linear-gradient(0deg, #0C74CE -26.79%, #01A0E1 36.94%, #00C0E0 100%);
    --NotoSans: "Noto Sans JP";
    --Roboto: "Roboto";
    --RobotoCondensed: "Roboto Condensed", sans-serif;
    --Hiragino: "Hiragino Kaku Gothic ProN";
    --carouselImgColumn: 1;
}
html {
    font-family: var(--NotoSans), -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-size: calc(100vw / 375);
    color: var(--mgBlack);
}
.pc-br{
    display: none;
}
body{
    -webkit-text-size-adjust: 100%;
}
form{
    font-family: var(--NotoSans), -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
select,
input{
    font-family: var(--NotoSans), -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
button{
    font-family: var(--NotoSans), -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
@media screen and (min-width: 600px), print{
    html {
        font-size: 1px;
    }
    body {
        min-width: 1080px;
        -webkit-text-size-adjust: 100%;
    }
    .sp-br{
        display: none;
    }
    .pc-br{
        display: inline-block;
    }
    .mid-br{
        display: none;
    }
}
@media screen and (min-width: 1320px), print{
    .mid-br{
        display: block;
    }
}


.cancel-scroll{
    overflow-y: hidden;
    height: 100vh;
}

.test-class{
    color: rgb(165, 32, 32);
}

.events-none{
    pointer-events: none;
}


/* ---------- 印刷設定 ---------- */
@media print{
    .header{
        display: none;
    }
    .footer{
        display: none;
    }
}
/* ---------- END: 印刷設定 ---------- */

/* ---------- ローディング ---------- */
@keyframes spin {
    from {
        transform: rotate(0);
    }
    to{
        transform: rotate(359deg);
    }
}
.spinner-box {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
.circle-border {
    width: 100px;
    height: 100px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--mgGradationLightBlue);
    animation: spin .8s linear 0s infinite;
}

.circle-core {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
}
/* ---------- END: ローディング ---------- */

/* ---------- 汎用レイアウト定義 ---------- */
/* タイトルブロック */
/* palegrey背景色 */
.content-block--bg{
    background-color: var(--mgPaleGray);
}
/* SP共通左右padding */
.content-block__area{
    padding: 0 20rem;
}
@media screen and (min-width: 600px), print{
    .content-block__area{
        padding: 0;
    }
    .content-block__area--pc-994{
        width: 994rem;
        margin: 0 auto;
    }
}

/* max-widthを設定するブロックを汎用定義 */
.content-block__body{
    padding: 40rem 0;
}
@media screen and (min-width: 600px), print{
    .content-block__body{
        margin: 0 auto;
        min-width: 1040rem;
        width: 94%;
        padding: 60rem 0 80rem;
    }
}
@media screen and (min-width: 1320px), print{
    .content-block__body{
        width: 1200rem;
        justify-content: space-between;
        align-items: flex-start;
    }
    .content-block__content{
        flex-grow: 1;
    }
}

/* pdf・外部サイトの時の詳細 */
.link-text-block{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.link-text{
    display: block;
    font-size: 16rem;
    line-height: 175%;
    margin-bottom: 20rem;
    cursor: pointer;
    color: var(--mgLogoBlue);
    font-weight: bold;
}
.link-text:hover {
    text-decoration: underline;
}
.link-text--pdf{
    color: var(--mgBlack);
    font-weight: normal;
    text-decoration: underline;
}
.link-text--pdf:hover{
    color: var(--mgLogoBlue);
}
.link-text--pdf::before{
    content: "";
    display: inline-block;
    background-image: url(../images/icon/pdf-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16rem;
    height: 16rem;
    position: relative;
    bottom: -2rem;
    margin-right: 8rem;
}
.link-text--external::after{
    content: "";
    display: inline-block;
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    position: relative;
    bottom: 2rem;
    margin: 0 4rem;
}
@media screen and (min-width: 600px), print{
    .link-text {
        font-size: 18rem;
    }
    .link-text--external::after{
        bottom: 4rem;
    }
}
/* ---------- END: 汎用レイアウト定義 ---------- */


/* ---------- テキストスタイル ---------- */
/* 見出しテキスト (h2) */
.h2-text__head{
    font-size: 20rem;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 20rem;
    color: var(--mgNavy);
}
/* 見出しテキスト (h3) */
.h3-text__head{
    font-weight: bold;
    font-size: 18rem;
    line-height: 150%;
    letter-spacing: 0.05em;
    margin-bottom: 20rem;
}
@media screen and (min-width: 600px), print{
    .h2-text__head{
        font-size: 24rem;
        letter-spacing: 0.05em;
    }
    .h3-text__head{
        font-size: 20rem;
    }
}
/* ---------- END: テキストスタイル ---------- */


/* ---------- モジュール: ボタン ---------- */
/* モジュール：ボタン */
/* 共通クラス: width */
.btn--width-195{
    width: 195rem;
}
.btn--width-195-273{
    width: 195rem;
    margin: 0 auto;
}
.btn--width-235-273{
    width: 235rem;
}
.btn--width-275{
    width: 275rem;
}
.btn--width-295{
    width: 295rem;
    margin: 0 auto;
}
.btn--width-335{
    width: 335rem;
    margin: 0 auto;
}
.btn--width--100{
    width: 100%;
}
@media screen and (min-width: 600px), print{
    .btn--width-195-273{
        width: 273rem;
    }
    .btn--width-235-273{
        width: 273rem;
    }
    .btn--width-275{
        width: 376rem;
    }
    .btn--width-295{
        width: 376rem;
    }
    .btn--width-335{
        width: 376rem;
    }
    .btn--width--100{
        width: 376rem;
        margin: 0 auto;
    }
}
/* Primary */
.primary{
    width: 100%;
    min-height: 60rem;
    padding: 10rem 24rem;
    border-radius: 9999px;
    background: var(--mgGradationBlue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    cursor: pointer;
    position: relative;
}
.primary:hover{
    background: linear-gradient(90deg, #014B8F 0%, #008CD6 50%, #01BFE1 100%);
    box-shadow: 0px 12px 10px rgba(200, 205, 214, 0.4);
    transition: 0.3s all ease;
}
.primary--bdf{
    min-height: 48rem;
    border-radius: 24rem;
    padding: 10rem 17.5rem;
}
.primary--back-green{
    background: var(--mgGradationGreen);
}
.primary--back-green:hover{
    background: linear-gradient(90deg, #006970 0%, #00A2A9 50%, #15E1C9 100%);
}
.primary--back-green-icon::before{
    content: "";
    display: none;
    background-size: cover;
    background-position: center;
    width: 24rem;
    height: 25rem;
    margin-right: 5rem;
}
.primary__text{
    font-size: 18rem;
    letter-spacing: 0.02em;
    line-height: 150%;
    color: var(--mgWhite);
    font-weight: bold;
    display: flex;
    align-items: center;
    text-align: center;
}
.primary-mini__text{
    font-size: 16rem;
}
.primary__text--icon-pdf{
    letter-spacing: 0;
}
.primary__text--icon::before{
    content: "";
    display: block;
    background-image: url(../images/icon/loan-icon.svg);
    background-size: cover;
    background-position: center;
    width: 24rem;
    height: 25rem;
    margin-right: 5rem;
    flex-shrink: 0;
}
.primary__text--icon-location::before{
    background-image: url(../images/icon/location-icon.svg);
    flex-shrink: 0;
}
.primary__text--icon-map::before{
    background-image: url(../images/icon/map-icon.svg);
    flex-shrink: 0;
}
.primary__text--icon-list::before{
    background-image: url(../images/icon/btn-list-icon.svg);
    flex-shrink: 0;
}
.primary__text--icon-external{
    padding-right: 20rem;
}
.primary__text--icon-external::after{
    content: "";
    display: block;
    background-image: url(../images/icon/external-icon-white.svg);
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    width: 12rem;
    height: 12rem;
    position: absolute;
    right: 20rem;
}
.primary__text--icon-external::before{
    display: none;
}
.primary__text--icon-pc-blue::before{
    background-image: url(../images/icon/btn-pc-icon-blue.svg);
    flex-shrink: 0;
}
.primary__text--icon-sp-blue::before{
    background-image: url(../images/icon/btn-sp-icon-blue.svg);
    flex-shrink: 0;
}
.primary__text--icon-pc-green::before{
    display: block;
    background-image: url(../images/icon/btn-pc-icon-green.svg);
    flex-shrink: 0;
}
.primary__text--icon-sp-green::before{
    display: block;
    background-image: url(../images/icon/btn-sp-icon-green.svg);
    flex-shrink: 0;
}
.primary__text--icon-pdf::before{
    display: block;
    background-image: url(../images/icon/pdf-icon-lightblue.svg);
    flex-shrink: 0;
}
.primary__text--icon-pdf-green::before{
    background-image: url(../images/icon/pdf-icon-lightgreen.svg);
}
.primary__text--icon-song::before{
    display: block;
    background-image: url(../images/icon/image-song-img.svg);
    width: 32rem;
    height: 33rem;
    margin-right: 8rem;
}
.primary--width-mini{
    min-height: 48rem;
    border-radius: 9999rem;
    padding: 10rem 17.5rem;
}
/* Secondary */
.secondary{
    min-height: 48rem;
    border-radius: 24rem;
    padding: 10rem 22rem;
    border-radius: 9999px;
    border: 1px solid var(--mgLogoBlue);
    background-color: var(--mgWhite);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    cursor: pointer;
}
.secondary:hover{
    box-shadow: 0px 12px 10px rgba(200, 205, 214, 0.4);
    transition: 0.3s all ease;
}
.secondary--width-mini{
    min-height: 48rem;
    border-radius: 9999rem;
    padding: 10rem 20rem;
}
.secondary--width-mini--hojin{
    padding: 10rem 15rem;
    font-feature-settings: 'palt';
}
.secondary--corporation-border{
    border: 1px solid var(--mgBlueGreen);
}
.secondary__text{
    font-size: 14rem;
    font-weight: bold;
    line-height: 150%;
    color: var(--mgLogoBlue);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
}
.secondary-mini__text{
    font-size: 16rem;
}
.secondary-mini__text--hojin{
    font-size: 14rem;
}
.secondary-mini__arrow-icon::before{
    content: "";
    display: block;
    position: absolute;
    left: -6rem;
    top: calc(50% - (10rem / 2));
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 6rem;
    height: 10rem;
    transform: scale(-1, 1);
}
.secondary-mini__arrow-icon--green::before{
    background-image: url(../images/icon/right-arrow-green.svg);
}
.secondary-mini__map-icon::before{
    content: "";
    display: block;
    background-image: url(../images/icon/map-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24rem;
    height: 24rem;
    margin-right: 4rem;
}
.secondary-mini__external-icon{
    padding-right: 30rem;
}
.secondary-mini__external-icon::after{
    content: "";
    display: block;
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 12rem;
    height: 12rem;
    position: absolute;
    right: 6rem;
}
.secondary-mini__external-icon::before{
    display: none;
}
.secondary-mini__external-icon--green::after{
    background-image: url(../images/icon/external-icon-green.svg);
}
.secondary-mini__pdf-icon{
    display: flex;
    align-items: center;
    text-align: center;
}
.secondary-mini__pdf-icon::before{
    content: "";
    display: block;
    background-image: url(../images/icon/pdf-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 1;
    width: 16rem;
    height: 16rem;
    margin-right: 5rem;
    position: relative;
    top: 1rem;
}
.secondary-mini__pdf-icon--green::before{
    background-image: url(../images/icon/pdf-icon-green.svg);
}
.secondary--corporation-color{
    color: var(--mgBlueGreen);
}
.flex-btn__list{
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
}
.flex-btn__item{
    margin: 0 0 20rem 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 600px), print{
    .primary--bdf{
        min-height: 60rem;
        border-radius: 30rem;
    }
    .primary__text--icon-pdf{
        font-size: 18rem;
        letter-spacing: 0.02em;
    }
    .primary__text--icon-pdf::before{
        top: 1rem;
    }
    .primary__text--icon-external::after{
        right: 26.5rem;
    }
    .primary__text--font-size{
        font-size: 17rem;
    }
    .secondary{
        min-height: 60rem;
    }
    .secondary--width-mini{
        min-height: 48rem;
        border-radius: 24rem;
        padding: 10rem 20rem;
    }
    .secondary__text{
        font-size: 16rem;
    }
    .secondary-mini__arrow-icon::before{
        left: 9rem;
    }
    .secondary-mini__external-icon::after{
        right: 9rem;
    }
    .flex-btn__list{
        display: flex;
        justify-content: center;
        width: fit-content;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .flex-btn__item{
        margin: 0 36rem 0 0;
    }
}

/* アクション系ボタン */
.more-btn{
    width: 295rem;
    min-height: 48rem;
    border-radius: 24rem;
    background-color: var(--mgBlueGray);
    position: relative;
}
.more-btn:hover{
    background-color:rgba(231,239,253,0.5);
    transition: 0.3s all ease;
}
.more-btn__text{
    font-size: 14rem;
    font-weight: bold;
    color: var(--mgLogoBlue);
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10rem 64rem;
    cursor: pointer;
}
.more-btn__text::after{
    content: "";
    display: block;
    background-image: url(../images/icon/accordion-plus.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20rem;
    height: 20rem;
    position: absolute;
    top: calc((100% - 20rem) / 2);
    right: 20rem;
}
.more-btn:hover .more-btn__text::after{
    background-image: url(../images/icon/accordion-plus-blue.svg);
}
@media screen and (min-width: 600px), print{
    .more-btn{
        width: 376rem;
        min-height: 60rem;
        border-radius: 30rem;
    }
    .more-btn__text{
        font-size: 16rem;
        padding: 10rem 81rem;
    }
    .more-btn__text::after{
        width: 24rem;
        height: 24rem;
        top: calc((100% - 24rem) / 2);
        right: 24rem;
    }
}

/* このウィンドウを閉じるボタン */
.window-close-btn{
    display: flex;
    align-items: center;
    width: fit-content;
    cursor: pointer;
    margin: 0 auto;
}
.window-close-btn::before{
    position: relative;
    top: 1rem;
    display: block;
    content: '';
    background-image: url(../images/icon/close-blue-btn.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20rem;
    height: 20rem;
    margin-right: 3.1rem;
}
.window-close-btn__input{
    color: var(--mgLogoBlue);
    font-size: 15rem;
    line-height: 150%;
    font-weight: bold;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.window-close-btn:hover::before{
    background-image: url(../images/icon/close-navy-btn.svg);
    transition: 0.3s all ease;
}
.window-close-btn:hover .window-close-btn__input{
    color: var(--mgDarkBlue);
    transition: 0.3s all ease;
}

/* 遷移系: 開始 */
/* 左右ボタン */
.transition__btn-block{
    display: flex;
    justify-content: space-between;
}
.transition__btn{
    background-color: var(--mgLogoBlue);
    width: 48rem;
    height: 48rem;
    border-radius: 24rem;
    box-shadow: 0px 15px 10px rgba(145, 153, 167, .2);
}
.transition__btn:hover{
    background-color: var(--mgDarkBlue);
    transition: 0.3s all ease;
}
.transition__btn::after{
    display: block;
    content: '';
    background-image: url(../images/icon/btn-arrow-light-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 12rem;
    margin: 0 auto;
}
.transition__btn--right::after{
    transform: scale(-1, 1);
}
/* END: 左右ボタン(バナーブロック) */
@media screen and (min-width: 600px), print{
    .transition__btn{
        width: 60rem;
        height: 60rem;
        border-radius: 30rem;
        box-shadow: 0px 20px 10px rgba(145, 153, 167, 0.2);
    }
    .transition__btn::after{
        position: relative;
        right: 1rem;
        width: 10rem;
        height: 18rem;
    }
    .transition__btn--right::after{
        right: -1rem;
    }
}
/* ---------- END: モジュール: ボタン ---------- */


/* ---------- Labels ---------- */
/* NEWテキスト */
.new-label{
    color: var(--mgLogoBlue);
    font-family: var(--Roboto);
    font-size: 10rem;
    font-weight: bold;
    line-height: 19rem;
    letter-spacing: 0.06em;
}
.new-label--sky-blue{
    color: var(--mgSkyBlue);
}
/* Label共通 */
.label-box{
    display: flex;
    align-items: center;
    width: fit-content;
    border-radius: 4rem;
    padding: 0 9rem;
}
.label-box__text{
    color: var(--mgWhite);
    font-size: 10rem;
    font-weight: bold;
    line-height: 18rem;
}
/* 重要 */
.label-box--important{
    border: 1px solid var(--mgBrightBlue);
    background-color: var(--mgBrightBlue);
}
/* PDF */
.label-box--pdf{
    border: 1px solid var(--mgLogoBlue);
    background-color: var(--mgLogoBlue);
    padding: 0 5rem;
}
.label-box__text--pdf{
    display: flex;
    align-items: center;
    font-family: var(--Roboto);
}
.label-box__text--pdf::before{
    display: block;
    content: '';
    background-image: url(../images/icon/pdf-icon-pale-grey.svg);
    width: 10rem;
    height: 10rem;
    margin: 0 3.5rem 0 2.5rem;
}
/* カテゴリータグ */
.label-box--category{
    border: 1px solid var(--mgGray);
    background-color: var(--mgWhie);
}
.label-box__text--category{
    color: var(--mgDarkGray);
    font-size: 12rem;
    line-height: 20rem;
}
/* ATM共通 */
.label-box--atm-tag{
    min-height: 20rem;
}
.abel-box__text--atm{
    font-size: 10rem;
    line-height: 19rem;
}
/* 店舗 */
.label-box--store{
    background-color: var(--mgGradBlue);
}
/* プラザ */
.label-box--plaza{
    background-color: var(--mgNavy);
}
/* ATM */
.label-box--atm{
    background-color: var(--mgBlueGreen);
}
/* オンライン */
.label-box--online{
    background-color: var(--mgWhite);
    border: 1px solid var(--mgBrightBlue);
}
.label-box__text--online{
    color: var(--mgBrightBlue);
}
/* ATMラベル */
.label-box--atm-label{
    border: 1px solid var(--mgGray);
    box-sizing: border-box;
    border-radius: 0;
    padding: 0 6rem;
}
.label-box__text--atm-label{
    color: var(--mgDarkGray);
    font-weight: normal;
    font-size: 10rem;
    line-height: 16rem;
}
/* リンク無しリスト */
.label-box__text--not-link{
    font-weight: bold;
    font-size: 10rem;
    line-height: 18rem;
}
.label-box--not-link{
    padding: 0 8rem;
}
@media screen and (min-width: 600px), print{
    /* NEWテキスト */
    .new-label{
        font-size: 12rem;
        line-height: 21rem;
    }
    /* Label共通 */
    .label-box{
        border-radius: 6rem;
    }
    /* PDF */
    .label-box--pdf{
        padding: 0 6rem;
    }
    .label-box__text--pdf::before{
        width: 12rem;
        height: 12rem;
        margin: 0 6rem 0;
    }
    /* ATM共通 */
    .label-box--atm-tag{
        min-height: 24rem;
    }
    .abel-box__text--atm{
        font-size: 12rem;
        line-height: 22rem;
    }
    /* ATMラベル */
    .label-box--atm-label{
        border-radius: 0;
        padding: 0 8rem;
    }
    .label-box__text--atm-label{
        font-size: 12rem;
        line-height: 16rem;
    }
    /* リンク無しリスト */
    .label-box__text--not-link{
        font-size: 12rem;
        line-height: 20rem;
    }
}
/* ---------- END: Labels ---------- */


/* ---------- パンくずメニュー ---------- */
.content-block--breadcrumbs{
    display: none;
}
.breadcrumbs__body{
    padding: 20rem 0 12rem;
    overflow: scroll;
    overflow: -moz-scrollbars-none; /* Firefox対策 */
}
.breadcrumbs__body::-webkit-scrollbar {
    display: none;
}
.content-block__body--breadcrumbs{
    padding: 20rem 0 12rem;

}
.breadcrumbs-list{
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}
.breadcrumbs__item{
    display: flex;
    align-items: center;
    font-family: var(--Hiragino);
    font-size: 12rem;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 0;
    list-style: none;
    flex-shrink: 0;
}
.breadcrumbs__item::after{
    display: block;
    content: '';
    background-image: url(../images/icon/grey-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 7rem;
    height: 12rem;
    margin: 0 13rem 0 12rem;
}
.breadcrumbs__item:last-of-type:after{
    display: none;
}
.breadcrumbs__link{
    display: block;
    color: var(--mgLogoBlue);
    font-size: 12rem;
    font-weight: normal;
}
@media screen and (min-width: 600px), print{
    .content-block--breadcrumbs{
        display: block;
    }
}
/* ---------- END: パンくずメニュー ---------- */


/* ---------- 共通パーツ ---------- */
/* 見出し */
/* ページタイトルブロック */
/* --- 画像ありLサイズ --- */
.page-title-l-img__body{
    padding: 0;
    width: 100%;
    background-image: url(../images/temporary-img/title-img_sp.jpg);
    background-position: center;
    background-size: cover;
    min-height: 200rem;
}
.page-title-l-img__content{
    position: relative;
    top: 72rem;
}
.page-title-l-img__title-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 96rem;
}
.page-title-l-img__title-area{
    background-color: var(--mgWhite);
    max-width: 329rem;
    width: fit-content;
    padding: 12rem 20rem;
    border-radius: 0 10rem 10rem 0;
    margin-right: auto;
}
.page-title-l-img__title{
    font-size: 24rem;
    line-height: 150%;
    font-weight: bold;
}
@media screen and (min-width: 600px), print{
    .page-title-l-img__body{
        max-width: 1400rem;
        height: 300rem;
    }
    .page-title-l-img__content{
        min-width: 1040rem;
        top: 130rem;
        margin: 0 auto;
    }
    .page-title-l-img__title-area{
        max-width: none;
        padding: 20rem 40rem;
    }
    .page-title-l-img__title{
        font-size: 36rem;
        letter-spacing: 0.05em;
    }
}
@media screen and (min-width: 1320px), print{
    .page-title-l__content{
        width: 1200rem;
    }
}
/* --- 画像ありLサイズ --- */
/* --- Lサイズ --- */
.page-title-l__body{
    padding: 0;
    width: 100%;
    background: var(--mgGradationBlue);
}
.page-title-l__content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 20rem;
    min-height: 120rem;
}
.page-title-l__title-area{
    width: fit-content;
}
.page-title-l__title{
    font-size: 24rem;
    line-height: 150%;
    font-weight: bold;
    color: var(--mgWhite);
}
@media screen and (min-width: 600px), print{
    .page-title-l__body{
        max-width: 1400rem;
    }
    .page-title-l__content{
        min-width: 1040rem;
        width: 94%;
        height: 180rem;
        margin: 0 auto;
        padding: 16rem 0;
    }
    .page-title-l__title{
        font-size: 36rem;
        letter-spacing: 0.05em;
    }
}
@media screen and (min-width: 1320px), print{
    .page-title-l__content{
        width: 1200rem;
    }
}
/* --- Lサイズ --- */
/* --- Mサイズ --- */
.page-title-m__body{
    padding: 0;
    width: 100%;
    background: var(--mgGradationLightBlue);
}
.page-title-m__content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 20rem;
    min-height: 120rem;
}
.page-title-m__title-area{
    width: fit-content;
}
.page-title-m__title{
    font-size: 22rem;
    line-height: 150%;
    font-weight: bold;
    color: var(--mgBlack);
}
@media screen and (min-width: 600px), print{
    .page-title-m__body{
        max-width: 1400rem;
    }
    .page-title-m__content{
        min-width: 1040rem;
        width: 94%;
        height: 180rem;
        margin: 0 auto;
        padding: 16rem 0;
    }
    .page-title-m__title{
        font-size: 32rem;
        letter-spacing: 0.05em;
    }
}
@media screen and (min-width: 1320px), print{
    .page-title-m__content{
        width: 1200rem;
    }
}
/* --- Mサイズ --- */
/* --- 株主タイトル --- */
.page-title-kabunushi-img__body{
    padding: 0;
    width: 100%;
}
.page-title-kabunushi-img__content{
    width: 100%;
}
.page-title-kabunushi-img__content{
    display: block;
    width: 100%;
}
@media screen and (min-width: 600px), print{
    .page-title-kabunushi-img__body{
        max-width: 1400rem;
    }
    .page-title-kabunushi-img__content{
        min-width: 1040rem;
        margin: 0 auto;
    }
}
/* --- 株主タイトル --- */
/* END: ページタイトルブロック */
/* トップ見出し */
.header-text-area{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 30rem;
}
.header-text-l{
    font-size: 24px;
    line-height: 150%;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
    width: fit-content;
    color: var(--mgNavy);
}
.header-text-m{
    font-size: 20rem;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    width: fit-content;
    color: var(--mgNavy);
}
/* 補足テキスト */
.header-note-text{
    margin-top: 10rem;
    font-size: 18rem;
    line-height: 150%;
    width: fit-content;
}
@media screen and (min-width: 600px), print{
    .header-text-area{
        margin-bottom: 50rem;
    }
    .header-text-l{
        font-size: 28rem;
    }
    .header-text-m{
        font-size: 24rem;
        letter-spacing: 0.05em;
    }
    /* 補足テキスト */
    .header-note-text{
        margin-top: 15rem;
        font-size: 18rem;
        letter-spacing: 0.02em;
    }
}
/* END: トップ見出し */

/* メニュー系など下層ページに続く項目のタイトル */
.menu-header-title__area{
    margin-bottom: 20rem;
}
.menu-header-title__title{
    display: flex;
    height: fit-content;
    font-size: 20rem;
    line-height: 150%;
    font-weight: bold;
    color: var(--mgNavy);
}
.menu-header-title__title::before{
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 6rem;
    min-height: 28rem;
    margin-right: 12rem;
    border-radius: 1rem;
    background: linear-gradient(0deg, #0C74CE 0%, #01A0E1 50.26%, #00C0E0 100%);
    flex-shrink: 0;
}
@media screen and (min-width: 600px), print{
    .menu-header-title__area{
        margin-bottom: 30rem;
    }
    .menu-header-title__title{
        font-size: 24rem;
        line-height: 150%;
        letter-spacing: 0.05em;
    }
    .menu-header-title__title::before{
        width: 8rem;
        min-height: 36rem;
        border-radius: 2rem;
    }
}
/* END: メニュー系など下層ページに続く項目のタイトル */
/* 見出し: 終了 */
/* ---------- END: 共通パーツ ---------- */


/* ---------- ヘッダー (ハンバーガーメニュー・検索等ヘッダー共通) ---------- */
/* header */
.header__border{
    border-top: 1rem solid var(--mgLghtGray);
}
.header{
    z-index: 5;
    position: relative;
}
.header-change__block{
    background: linear-gradient(to right, #01A0E1, #008CD6, #014B8F);
}
.header-change__body{
    padding: 12rem 0 0;
    overflow-x: scroll;
    overflow-y: hidden;
    overflow: -moz-scrollbars-none; /* Firefox対策 */
}
.header-change__body::-webkit-scrollbar{
    display: none;
}
.header-change__list{
    display: flex;
    align-items: center;
    padding-left: 20rem;
    width: 100%;
    margin-bottom: 0;
}
.header-change__item{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 10rem;
    margin-bottom: 0;
    list-style: none;
    border-radius: 10rem 10rem 0 0;
}
.header-change__item:last-of-type{
    padding-right: 20rem;
}
.header-change__btn{
    display: block;
}
.header-change__link{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 30rem;
    padding: 7rem 12rem;
    border-radius: 10rem 10rem 0 0;
    background-color: var(--mgBlueGray);
    box-shadow: 4rem 4rem 4rem rgba(0, 40, 71, 0.15);
}
.header-change__link--active{
    position: relative;
    background-color: var(--mgWhite);
    z-index: 2;
}
.header-change__link--active::after {
    position: absolute;
    left: 0;
    bottom: -5rem;
    display: block;
    content: '';
    width: 100%;
    height: 10rem;
    background-color: var(--mgWhite);
}
.header-change__link:hover > .header-change__text{
    color: var(--mgLogoBlue);
    transition: 0.3s all ease;
}
.header-change__link:hover{
    background-color: var(--mgWhite);
    z-index: 2;
    transition: 0.3s all ease;
}
.header-change__text{
    display: flex;
    color: var(--mgDarkGray);
    font-weight: bold;
    font-size: 11rem;
    line-height: 100%;
    letter-spacing: 0.04em;
}
.header-change__text--active{
    color: var(--mgLogoBlue);
}
.header-change__text--link-icon::after{
    content: "";
    display: block;
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 7rem;
    height: 7rem;
    margin-top: 2rem;
    margin-left: 3rem;
}
.header-unav__block{
    position: relative;
    background-color: var(--mgWhite);
    box-shadow: 0px -2px 5px rgba(79, 85, 119, 0.05);
    z-index: 1;
}
.header-unav__body{
    padding: 12rem 0;
}
.header-unav{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-unav__img{
    width: 155rem;
    height: 26.28rem;
}
.header-unav__link{
    display: block;
}
.header-unav__log-img{
    display: block;
    width: 100%;
}
.header-unav__content{
    margin-right: 17rem;
}
.header-unav__content-wrap{
    display: flex;
    align-items: center;
}
.header-unav__content-list{
    padding-left: 0;
    margin-bottom: 0;
}
.header-unav__content-item{
    display: none;
    cursor: pointer;
    margin-bottom: 0;
    list-style: none;
}
.header-unav__content-item:first-of-type{
    display: inline-block;
}
.header-unav__content-item:hover > .header-unav__content-text{
    color: var(--mgLogoBlue);
}
.header-unav__content-link:hover > .header-unav__content-text{
    color: var(--mgLogoBlue);
}
.header-unav__content-text{
    font-size: 9rem;
    line-height: 13rem;
    color: var(--mgBlack);
}
.header-unav__content-text--search::before{
    content: "";
    display: block;
    background-image: url(../images/icon/search-log.svg);
    background-size: cover;
    width: 24rem;
    height: 24rem;
}
.header-unav__content-text--search-active{
    color: var(--mgLogoBlue);
}
.header-unav__content-item:hover > .header-unav__content-text--search::before{
    background-image: url(../images/icon/search-log-hover.svg);
}
.header-unav__content-text--report{
    display: none;
}
.header-unav__menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40rem;
}
.header-unav__menu-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 24rem;
    width: 24rem;
}
.header-unav__menu-line{
    width: 20rem;
    height: 2rem;
    background-color: var(--mgBlack);
    margin-bottom: 5rem;
    transition: all 0.4s;
}
.header-unav__menu-line:last-of-type{
    margin-bottom: 0;
}
.header-unav__menu-line--active:nth-of-type(1){
    -webkit-transform: translateY(-6.5rem) rotate(-45deg);
    transform: translateY(6.5rem) rotate(-45deg);
}
.header-unav__menu-line--active:nth-of-type(2){
    opacity: 0;
}
.header-unav__menu-line--active:nth-of-type(3){
    -webkit-transform: translateY(-7.5rem) rotate(45deg);
    transform: translateY(-7.5rem) rotate(45deg);
}
.header-nav__block{
    background-color: var(--mgWhite);
    border-top: 1rem solid var(--mgLghtGray);
}
.header-nav__body{
    padding: 0;
}
.header-nav__list{
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}
.header-nav__item{
    width: 100%;
    margin-right: 10rem;
    display: flex;
    cursor: pointer;
    margin-bottom: 0;
    list-style: none;
    padding: 7rem 0 5rem 0;
}
.header-nav__item--active{
    background-color: rgba(191,237,255,0.2);
    border-bottom: 2rem solid var(--mgLogoBlue);
    padding-bottom: 3rem;
}
.header-nav__item:last-of-type{
    margin-right: 0;
}
.header-nav__link{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.header-nav__text{
    color: var(--mgBlack);
    font-size: 10rem;
    line-height: 125%;
    font-weight: bold;
    width: 100%;
    height: 100%;
    min-height: 26rem;
    text-align: center;
    padding-bottom: 11rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-nav__text--triangle::after{
    content: "";
    display: block;
    background-image: url(../images/icon/triangle-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 6rem;
    margin: 5rem auto 0 auto;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    left: calc(50% - (6rem / 2));
}
.header-nav__text--triangle--active::after{
    transform: rotateZ( 180deg ) ;
    margin: 0 auto 5rem auto;
    bottom: -2rem;
}
/* 簡易ヘッダー */
.header-simple{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 51rem;
}
.header-unav__img--simple{
    width: 130rem;
    height: auto;
}
@media screen and (min-width: 600px), print{
    .header-change__body{
        padding: 10.5 0 0;
    }
    .header-change__list{
        padding-left: 0;
    }
    .header-change__item:last-of-type{
        margin-right: 0;
        padding-right: 0;
    }
    .header-change__link{
        min-height: 40rem;
        padding: 10rem 12rem 11rem;
    }
    .header-change__text{
        font-size: 13rem;
    }
    .header-change__text--link-icon::after{
        width: 8rem;
        height: 8rem;
        margin-top: 3rem;
        margin-left: 5rem;
    }
    .header-unav__body{
        padding: 18rem 0 16rem;
    }
    .header-unav__img{
        width: 210rem;
        height: 35.6rem;
    }
    .header-unav__content{
        display: flex;
    }
    .header-unav__content-list{
        margin-right: 30rem;
        padding-right: 30rem;
        border-right: 1px solid var(--mgGray);
        display: flex;
        align-items: center;
    }
    .header-unav__content-item{
        display: inline-block;
        margin-right: 30rem;
    }
    .header-unav__content-item:last-of-type{
        margin-right: 0;
    }
    .header-unav__content-text{
        font-size: 14rem;
        line-height: 175%;
        display: flex;
    }
    .header-unav__content-text--report{
        display: flex;
        align-items: center;
    }
    .header-unav__content-text--search::before{
        content: "";
        display: block;
        background-image: url(../images/icon/search-log.svg);
        background-size: cover;
        width: 24rem;
        height: 24rem;
    }
    .header-unav__content-text--search-active::before{
        background-image: url(../images/icon/search-log-hover.svg);
    }
    .header-unav__content-text--qa::before{
        content: "";
        display: block;
        background-image: url(../images/icon/qa-log.svg);
        background-size: cover;
        width: 24rem;
        height: 24rem;
    }
    .header-unav__content-link:hover > .header-unav__content-text--qa::before{
        background-image: url(../images/icon/qa-log-hover.svg);
    }
    .header-unav__content-text--chat::before{
        content: "";
        display: block;
        background-image: url(../images/icon/chat.svg);
        background-size: cover;
        width: 24rem;
        height: 24rem;
    }
    .header-unav__content-link:hover > .header-unav__content-text--chat::before{
        background-image: url(../images/icon/chat-hover.svg);
    }
    .header-unav__content-text--report::before{
        content: "";
        display: block;
        background-image: url(../images/icon/report.svg);
        background-size: cover;
        width: 24rem;
        height: 24rem;
    }
    .header-unav__content-link:hover > .header-unav__content-text--report::before{
        background-image: url(../images/icon/report-hover.svg);
    }
    .header-unav__menu{
        display: none;
    }
    .header-nav__item{
        flex-grow: 1;
        width: 100%;
        margin-right: 0;
        padding: 15rem 0;
        display: flex;
        position: relative;
    }
    .header-nav__item:last-of-type:before{
        display: none;
    }
    .header-nav__text{
        width: 100%;
        align-items: center;
        margin: 0 auto;
        padding: 0 15rem;
        font-size: 14rem;
        line-height: 22px;
        min-height: auto;
        padding-bottom: 0;
        flex-direction: row;
        border-left: 1px solid var(--mgGray);
    }
    .header-nav__text--triangle::after{
        content: "";
        width: 8rem;
        height: 7rem;
        margin: auto 0 auto 6rem;
        flex-shrink: 0;
        position: relative;
        bottom: auto;
        left: auto;
    }
    .header-nav__text--triangle--active::after{
        bottom: auto;
    }
    .header-nav__item:last-of-type > .header-nav__link > .header-nav__text{
        border-right: 1px solid var(--mgGray);
    }
    .header-nav__item:last-of-type > .header-nav__text{
        border-right: 1px solid var(--mgGray);
    }
    .header-nav__item--active{
        border-bottom: 4rem solid var(--mgLogoBlue);
        padding-bottom: 11rem;
    }
    /* 簡易ヘッダー */
    .header-simple{
        height: 70rem;
    }
    .header-unav__img--simple{
        width: 210rem;
    }
}

/* ---------- 検索メニュー ---------- */
.search-menu{
    padding: 40rem 20rem 25rem;
    background-color: var(--mgWhite);
}
.search-menu__form{
    margin-bottom: 27rem;
}
.search-menu__form--atm{
    margin-bottom: 0;
}
.search-menu__wrapper{
    height: fit-content;
}
.search-menu__content{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.search-menu__text-input{
    font-size: 16rem;
    line-height: 150%;
    color: var(--mgDarkGray);
    background-color: var(--mgWhite);
    border: 1rem solid var(--mgLghtGray);
    width: 265rem;
    height: 40rem;
    border-radius: 19rem;
    padding: 10rem 20rem;
    margin-right: 10rem;
}
.search-menu__text-input:focus{
    border: 1rem solid var(--mgLogoBlue);
    transition: 0.3s all ease;
}
.search-menu__button{
    position: relative;
    /* height: 40rem;
    width: 58rem; */
    background: var(--mgGradationBlue);
    border-radius: 20rem;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-menu__button:hover{
    background: linear-gradient(90deg, #014B8F 0%, #008CD6 50%, #01BFE1 100%);
    box-shadow: 0px 12px 10px rgba(200, 205, 214, 0.4);
    transition: 0.3s all ease;
}
.search-menu__button-input{
    border: none;
    background-color: transparent;
    display: block;
    background-image: url(../images/icon/search-white-log.svg);
    background-size: 16rem;
    background-position: center;
    background-repeat: no-repeat;
    width: 58rem;
    height: 40rem;
    padding: 12rem 22rem;
    cursor: pointer;
}
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}
@media screen and (min-width: 600px), print{
    .search-menu{
        padding: 50rem 0 32rem;
    }
    .search-menu__form{
        margin-bottom: 22rem;
    }
    .search-menu__text-input{
        width: 788rem;
        height: 48rem;
        border-radius: 24rem;
        padding: 14rem 23rem;
    }
    .search-menu__button{
        height: 48rem;
        width: 90rem;
        border-radius: 24rem;
    }
    .search-menu__button-input{
        background-size: 18rem;
        width: 90rem;
        height: 48rem;
        padding: 15rem 36rem;
    }
}
/* ---------- END: 検索メニュー ---------- */

/* ハンバーガーメニュー */
.burger-menu{
    top: 142rem;
    left: 0;
    padding: 50rem 20rem;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    transition: all 0.4s ease;
    background-color: var(--mgWhite);
    z-index: 1;
}
.burger-menu--open{
    padding: 50rem 20rem 150rem 20rem;
    max-height: calc(100vh - 142rem);
    overflow: scroll;
}
.burger-menu__login-list{
    margin-bottom: 45rem;
}
.burger-menu__login-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25rem;
}
.burger-menu__login-item:last-of-type{
    margin-bottom: 0;
}
.burger-menu__login-text{
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
    margin-bottom: 11rem;
    width: fit-content;
}
.burger-menu__nav-list{
    display: flex;
    flex-wrap: wrap;
    padding: 19rem 0;
    border-top: 1rem solid var(--mgGray);
    padding-left: 0;
    margin-bottom: 0;
}
.burger-menu__nav-item{
    min-width: calc((100% - 1rem) / 2);
    margin-bottom: 0;
    list-style: none;
}
.burger-menu__nav-item:nth-of-type(2) .burger-menu__nav-link-text{
    border-left: 1rem solid var(--mgGray);
}
.burger-menu__nav-item:nth-of-type(3) .burger-menu__nav-link{
    padding: 10rem 29.5rem;
}
.burger-menu__nav-link{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10rem 0;
}
.burger-menu__nav-link:hover > .burger-menu__nav-link-text{
    color: var(--mgLogoBlue);
}
.burger-menu__nav-link-text{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30rem;
    font-size: 14rem;
    line-height: 175%;
    color: var(--mgBlack);
}
.burger-menu__nav-link-text::before{
    content: "";
    display: block;
    background-size: contain;
    width: 24rem;
    height: 24rem;
}
.burger-menu__nav-link-text--qa::before{
    background-image: url(../images/icon/qa-log.svg);
}
.burger-menu__nav-link:hover > .burger-menu__nav-link-text--qa::before{
    background-image: url(../images/icon/qa-log-hover.svg);
}
.burger-menu__nav-link-text--chat::before{
    background-image: url(../images/icon/chat.svg);
}
.burger-menu__nav-link:hover > .burger-menu__nav-link-text--chat::before{
    background-image: url(../images/icon/chat-hover.svg);
}
.burger-menu__nav-link-text--report::before{
    background-image: url(../images/icon/report.svg);
}
.burger-menu__nav-link:hover > .burger-menu__nav-link-text--report::before{
    background-image: url(../images/icon/report-hover.svg);
}
@media screen and (min-width: 600px), print{
    .burger-menu{
        display: none;
    }
}
/* ヘッダーリスト */
.header-nav__wrap{
    z-index: 100;
    position: relative;
    top: 0;
    left: 0;
}
.header-nav__wrap--box-shadow{
    box-shadow: 0px 4px 10px rgba(179, 192, 238, 0.2);
}
.header-menu__list{
    margin-bottom: 15rem;
}
.header-menu__item{
    border-top: 1rem solid var(--mgLogoBlue);
    margin-bottom: 0;
    list-style: none;
}
.header-menu__item:last-of-type{
    border-bottom: 1rem solid var(--mgLogoBlue);
}
.header-menu__link{
    display: flex;
    align-items: center;
    min-height: 58rem;
}
.header-menu__link-text{
    position: relative;
    width: 100%;
    font-size: 14rem;
    line-height: 150%;
    color: var(--mgBlack);
    font-weight: bold;
    padding: 18.5rem 20rem 18.5rem 10rem;
}
.header-menu__link:hover > .header-menu__link-text{
    color: var(--mgLogoBlue);
}
.header-menu__link-text::after{
    position: absolute;
    top: calc(100% / 2 - 6rem);
    right: 14rem;
    display: block;
    content: '';
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
}
.header-menu__link:hover > .header-menu__link-text::after{
    right: 5rem;
    transition: all 0.3s ease;
}
.header-menu__link-text--external::after{
    background-image: url(../images/icon/external-icon-blue.svg);
    width: 10rem;
    top: calc(100% / 2 - 5rem);
}
@media screen and (min-width: 600px), print{
    .header-menu__link-text::after{
        right: 10rem;
    }
}
/* 閉じるボタン */
.header-menu-close-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16rem;
    line-height: 150%;
    color: var(--mgLogoBlue);
    font-weight: bold;
    width: 140rem;
    height: 48rem;
    margin: 0 auto;
}
.header-menu-close-btn:hover{
    color: var(--mgDarkBlue);
    transition: 0.3s all ease;
}
.header-menu-close-btn::before{
    display: block;
    content: '';
    background-image: url(../images/icon/close-blue-btn.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20rem;
    height: 20rem;
    margin-right: 5rem;
}
.header-menu-close-btn:hover::before{
    background-image: url(../images/icon/close-navy-btn.svg);
    transition: 0.3s all ease;
}

/* ヘッダーメニュー */
.header-menu__block{
    background-color: var(--mgWhite);
}
.header-menu__body{
    padding: 0 0 34rem 0;
    overflow: scroll;
    max-height: calc(100vh - 142rem);
    z-index: 11;
    overflow: -moz-scrollbars-none; /* Firefox対策 */
}
.header-menu__body::-webkit-scrollbar{
    display: none;
}
.header-menu{
    width: 100%;
    background-color: var(--mgWhite);
}
.header-menu > .header-menu__list > .header-menu__item:first-child{
    border-top: 0;
}
@media screen and (min-width: 600px), print{
    .header-menu__body{
        padding: 30rem 0 30rem 0;
        max-height: none;
        height: auto;
    }
    .header-menu{
        width: 100%;
        min-width: 1040rem;
        margin: 0 auto;
    }
    .header-menu__list{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 28rem;
    }
    .header-menu__item{
        width: calc((100% - (36rem * 3)) / 4);
        margin-right: 36rem;
        border-bottom: 1px solid var(--mgGray);
        border-top: 0;
    }
    .header-menu__item:first-of-type{
        border-bottom: 1px solid var(--mgGray);
    }
    .header-menu__item:last-of-type{
        border-bottom: 1px solid var(--mgGray);
    }
}

.open-menu{
    height: fit-content;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    transition: all 0.4s ease;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 0;
    opacity: 0;
}
@media screen and (min-width: 600px), print{
    .open-menu{
        left: 0;
    }
}
.modal--bg::after{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(50, 60, 78, 0.7);
    width: 100%;
    height: 100%;
}
/* ---------- END: ヘッダー (ハンバーガーメニュー・検索等ヘッダー共通) ---------- */

/* ---------- ポイントチェック ---------- */
/* 診断画面ヘッダー */
.pointcheck__title{
    font-size: 20rem;
    font-weight: bold;
    color: var(--mgNavy);
    margin-bottom: 20rem;
}
/* 診断テーブル(sp) */
.pointcheck__check-table{
    width: 100%;
    border: 1px solid var(--mgGray);
    margin-bottom: 30rem;
}
.pointcheck__check-table-header-row{
    background-color: var(--mgNavy);
}
.pointcheck__check-table-header-title{
    font-size: 14rem;
    font-weight: bold;
    line-height: 150%;
    border-right: 1px solid var(--mgGray);
    color: var(--mgWhite);
    padding: 12rem;
    text-align: left;
}
.pointcheck__check-table-header-value{
    font-size: 14rem;
    font-weight: bold;
    line-height: 150%;
    color: var(--mgWhite);
    padding: 12rem;
}
.pointcheck__check-table-row{
    background-color: var(--mgPaleGray);
    border-top: 1px solid var(--mgGray);
}
.pointcheck__check-table-inner-header{
    padding: 12rem;
    font-size: 14rem;
    line-height: 150%;
    color: var(--mgBlack);
    font-weight: 400;
    text-align: left;
}
.pointcheck__check-table-inner-row{
    border-top: 1px solid var(--mgGray);
}
.pointcheck__check-table-inner-title{
    font-size: 14rem;
    line-height: 150%;
    font-weight: 400;
    color: var(--mgBlack);
    border-right: 1px solid var(--mgGray);
    padding: 12rem;
    vertical-align: middle;
}
.pointcheck__check-table-inner-title-span{
    font-size: 12rem;
    line-height: 150%;
    font-weight: 400;
    color: var(--mgBlack);
}
.pointcheck__check-table-inner-title-link{
    font-size: 14rem;
    line-height: 150%;
    font-weight: 400;
    color: var(--mgLogoBlue);
    text-decoration: underline;
}
.pointcheck__check-table-inner-value{
    font-size: 14rem;
    line-height: 150%;
    font-weight: 400;
    color: var(--mgBlack);
    padding: 12rem 12rem 12rem 20rem;
    vertical-align: middle;
}
.pointcheck__check-table-inner-value--form{
    text-align: center;
    padding: 12rem;
}

/*--inputタグcss--*/
.check__input{
    margin-right: 6rem;
}
.check__input[type="checkbox"]{
    -webkit-appearance: none;
    content: "";
    display: inline-block;
    background-image: url("../images/icon/checkbox-icon-off.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20rem;
    height: 20rem;
    vertical-align: bottom;
    margin: 0 6rem 0 0;
}
.check__input[type="checkbox"]:checked{
    content: "";
    display: inline-block;
    background-image: url("../images/icon/checkbox-icon-on.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20rem;
    height: 20rem;
    vertical-align: bottom;
    margin: 0 6rem 0 0;
}
@media screen and (min-width: 600px), print{
    .check__input[type="checkbox"]{
        vertical-align: sub;
        margin: 0 9rem 0 0;
    }
    .check__input[type="checkbox"]:checked{
        vertical-align: sub;
        margin: 0 9rem 0 0;
    }
}
/*-----------------*/

.pointcheck__check-table-inner-form{
    width: 70rem;
    min-height: 32rem;
    font-size: 14rem;
    margin: 0;
    border: 1px solid var(--mgGray);
    border-radius: 4px;
}
.pointcheck__check-table-inner-form:focus{
    border-color: var(--mgLogoBlue);
}
.pointcheck__check-table-inner-label{
    display: inline-block;
}
@media screen and (min-width: 600px), print{
    .pointcheck__title{
        font-size: 24rem;
        margin-bottom: 40rem;
    }
    .pointcheck__check-table-header-title{
        font-size: 18rem;
        padding: 14rem 16rem;
    }
    .pointcheck__check-table{
        margin-bottom: 32rem;
    }
    .pointcheck__check-table-header-value{
        font-size: 18rem;
    }
    .pointcheck__check-table-inner-header{
        font-size: 18rem;
        padding: 14rem 16rem;
    }
    .pointcheck__check-table-inner-title{
        font-size: 18rem;
        padding: 14rem 16rem;
    }
    .pointcheck__check-table-inner-title-span{
        font-size: 16rem;
    }
    .pointcheck__check-table-inner-title-link{
        font-size: 18rem;
    }
    .pointcheck__check-table-inner-value{
        padding: 12rem 12rem 12rem 56rem;
        font-size: 18rem;
    }
    .pointcheck__check-table-inner-value--form{
        padding: 12rem;
    }
    .pointcheck__check-table-inner-form{
        width: 100rem;
        margin-right: 5rem;
        font-size: 16rem;
    }
}

/* 診断画面注意事項 */
.pointcheck__explain{
    padding: 12rem;
    border:  1px solid var(--mgBrightBlue);
}
.pointcheck__explain-list{
    margin-bottom: 0;
}
.pointcheck__explain-item{
    display: flex;
    margin-bottom: 10rem;
}
.pointcheck__explain-item::before{
    content: '・';
    display: block;
    font-size: 14rem;
    line-height: 150%;
}
.pointcheck__explain-text{
    font-size: 14rem;
    line-height: 150%;
}
.pointcheck__explain-span{
    display: block;
    font-size: 12rem;
    margin-top: 6rem;
    line-height: 150%;
}
.pointcheck__explain-span::before{
    content: '※';
    font-size: 12rem;
    margin-right: 2rem;
}
.pointcheck__explain-item:last-of-type{
    margin-bottom: 0;
}
@media screen and (min-width: 600px), print{
    .pointcheck__explain{
        padding: 14rem 16rem;
    }
    .pointcheck__explain-item::before{
        font-size: 16rem;
    }
    .pointcheck__explain-text{
        font-size: 16rem;
    }
    .pointcheck__explain-span{
        font-size: 14rem;
    }
    .pointcheck__explain-span::before{
        font-size: 14rem;
    }
}

/* 診断画面エラー表示 */
.error-style{
    background-color: rgb(255, 218, 214);
    color: var(--mgRed);
    border-color: var(--mgGray);
}
.error__text{
    width: 100%;
    color: var(--mgRed);
    font-size: 12rem;
    font-weight: bold;
    padding: 15rem 0;
    margin-left: 10rem;
}
.pointcheck__NoResultText{
    font-size: 16rem;
    color: var(--mgNavy);
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 40rem;
}

@media screen and (min-width: 600px), print{
    .error__text{
        font-size: 16rem;
        padding: 20rem 0;
        margin-left: 20rem;
    }
    .pointcheck__NoResultText{
        font-size: 20rem;
    }
}

/* 結果画面ヘッダー */
.pointcheck__result-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30rem;
}
.pointcheck__result-text{
    font-size: 20rem;
    line-height: 150%;
    color: var(--mgBlack);
    font-weight: bold;
    margin-bottom: 15rem;
}
.pointcheck__result-text-sub{
    font-size: 24rem;
    line-height: 150%;
    color: var(--mgBlack);
    font-weight: bold;
    flex-shrink: 0;
}
.pointcheck__result-text-number{
    font-size: 60rem;
    color: var(--mgLogoBlue);
    font-weight: bold;
}
.pointcheck__result-text-unit{
    font-size: 32rem;
    line-height: 150%;
    color: var(--mgLogoBlue);
    font-weight: bold;
    margin-right: 10rem;
}

@media screen and (min-width: 600px), print{
    .pointcheck__result-header{
        margin-bottom: 40rem;
    }
    .pointcheck__result-text{
        font-size: 24rem;
    }
    .pointcheck__result-text-sub{
        font-size: 28rem;
    }
    .pointcheck__result-text-number{
        font-size: 68rem;
    }
    .pointcheck__result-text-unit{
        font-size: 45rem;
    }
}


/* 結果画面テーブル */
.pointcheck__result-table{
    width: 100%;
    border: 1px solid var(--mgGray);
    margin-bottom: 40rem;
}
.pointcheck__result-table-header{
    background-color: var(--mgNavy);
    padding: 12rem 30rem;
}
.pointcheck__result-table-header-title{
    font-size: 18rem;
    color: var(--mgWhite);
    opacity: .8;
    font-weight: bold;
    line-height: 150%;
}
.pointcheck__result-table-header-text{
    font-size: 14rem;
    color: var(--mgWhite);
    opacity: .8;
    line-height: 150%;
    font-weight: bold;}

.pointcheck__result-table-row{
    border: 1px solid var(--mgGray);
}
.pointcheck__result-table-data-title{
    width: 71%;
    font-size: 14rem;
    line-height: 150%;
    font-weight: 400;
    border-right: 1px solid var(--mgGray);
    background-color: var(--mgPaleGray);
    padding: 12rem;
    color: var(--mgBlack);
}
.pointcheck__result-table-data-span{
    font-size: 12rem;
    line-height: 150%;
    font-weight: 400;
    color: var(--mgBlack);
}
.pointcheck__result-table-data-value{
    font-size: 14rem;
    line-height: 150%;
    font-weight: 400;
    background-color: var(--mgWhite);
    color: var(--mgBlack);
    padding: 12rem;
    vertical-align: middle;
    text-align: center;
}

@media screen and (min-width: 600px), print{
    .pointcheck__result-table-header{
        padding: 14rem 30rem;
    }
    .pointcheck__result-table-header-title{
        font-size: 24rem;
    }
    .pointcheck__result-table-header-text{
        font-size: 18rem;
    }
    .pointcheck__result-table-row{
        border: 1px solid var(--mgGray);
    }
    .pointcheck__result-table-data-title{
        font-size: 18rem;
        padding: 14rem 16rem;
    }
    .pointcheck__result-table-data-span{
        font-size: 16rem;
    }
    .pointcheck__result-table-data-value{
        font-size: 18rem;
        padding: 14rem 16rem;
    }
}

/* 結果画面注意書き */
.pointcheck__causion{
    padding: 12rem;
    border:  1px solid var(--mgBrightBlue);
    margin-bottom: 40rem;
}
.pointcheck__causion-title{
    font-size: 14rem;
    font-weight: bold;
    margin-bottom: 10rem;
    line-height: 150%;
    color: var(--mgBrightBlue);
}
.pointcheck__causion-item{
    display: flex;
    margin-bottom: 10rem;
    font-size: 14rem;
    line-height: 150%;
}
.pointcheck__causion-item::before{
    content: '※';
    font-size: 14rem;
}

@media screen and (min-width: 600px), print{
    .pointcheck__causion{
        padding: 16rem;
    }
    .pointcheck__causion-title{
        font-size: 16rem;
    }
    .pointcheck__causion-item{
        font-size: 16rem;
    }
    .pointcheck__causion-item::before{
        font-size: 16rem;
    }
}

/* ポイントチェック共通ボタン */
.pointcheck__button{
    width: 295rem;
    margin: 0 auto 40rem;
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
}
@media screen and (min-width: 600px), print{
    .pointcheck__button{
        width: 350rem;
        font-size: 18rem;
    }
}
/* ---------- END: ポイントチェック ---------- */


/* ---------- フォーム系パーツ ---------- */
/* 基本のinput */
/* inputタグと同じ階層にaタグを置き、その疑似要素でチェックボックス等を作成する。inputタグとaタグはlabelタグで囲む。 */
.common_label{
    display: flex;
    align-items: center;
}
.specify-conditions__label{
    width: fit-content;
    margin: 0 auto 30rem;
}
/* アコーディオン */
.specify-conditions{
    width: fit-content;
    background-color: var(--mgBlueGray);
    border-radius: 10rem;
}
.specify-conditions--open{
    height: auto;
}
.specify-conditions__form{
    width: 100%;
}
.specify-conditions__title{
    position: relative;
    width: 100%;
    height: 48rem;
    font-size: 14rem;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    padding: 14rem 20rem;
    cursor: pointer;
}
.specify-conditions__title::after{
    content: "";
    display: block;
    background-image: url(../images/icon/plus-icon-blue.svg);
    background-size: cover;
    width: 14rem;
    height: 14rem;
    position: absolute;
    top: calc((100% - 14rem) / 2);
    right: 20rem;
    transition: .5s ;
    transform: rotateZ( 0deg ) ;
}
.specify-conditions__title:hover.specify-conditions__title::after{
    transform: rotateZ( 180deg ) ;
}
.specify-conditions__title--open::after{
    background-image: url(../images/icon/minus-icon-blue.svg);
    height: 2.3rem;
    top: calc((100% - 2.3rem) / 2);
}
.specify-conditions__cotents{
    overflow: hidden;
    height: 0;
    transition: 0.4s all ease;
}
.specify-conditions__cotents-wrap{
    padding: 20rem 20rem 40rem;
}
.specify-conditions__list{
    padding-left: 0;
    margin-bottom: 20rem;
}
.specify-conditions__item{
    padding: 12rem 0;
    margin-bottom: 0;
    border-bottom: 1rem solid var(--mgGray);
    list-style: none;
}
.specify-conditions__item:first-of-type{
    padding-top: 0;
}
.specify-conditions__item:last-of-type{
    padding-bottom: 0;
    border-bottom: none;
}
.specify-conditions__cat-list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.specify-conditions__cat-item{
    width: calc((100% - 16rem) / 2);
    margin: 0 16rem 12rem 0;
    list-style: none;
}
.specify-conditions__parts{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14rem;
    line-height: 150%;
    cursor: pointer;
}
.specify-conditions__parts::before{
    display: block;
    content: '';
    flex-shrink: 0;
    width: 20rem;
    height: 20rem;
    border-radius: 4rem;
    border: 1rem solid var(--mgGray);
    background-color: var(--mgWhite);
    margin-right: 6rem;
}
.specify-conditions__input{
    display: none;
}
.specify-conditions__input:checked + .specify-conditions__parts::after{
    content: "";
    display: block;
    background-image: url(../images/icon/check-blue-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc((100% - 8rem) / 2);
    left: calc((20rem - 11rem) / 2);
    width: 11rem;
    height: 8rem;
}
.primary--specify-conditions{
    width: 275rem;
    min-height: 40rem;
    padding: 8rem 28rem;
    margin: 0 auto;
}
.primary__text--specify-conditions{
    font-size: 14rem;
    line-height: 150%;
    font-weight: bold;
}
.primary--atm-area{
    width: 295rem;
    min-height: 48rem;
    margin: 0 auto 30rem;
}
.primary__text--atm-area{
    font-size: 16rem;
}
@media screen and (min-width: 600px), print{
    .specify-conditions{
        width: 100%;
    }
    .specify-conditions__title{
        height: 72rem;
        font-size: 20rem;
        padding: 21rem 42rem;
    }
    .specify-conditions__title::after{
        position: absolute;
        right: 42rem;
    }
    .specify-conditions__cotents-wrap{
        padding: 40rem 103rem 60rem;
    }
    .specify-conditions__list{
        margin-bottom: 40rem;
    }
    .specify-conditions__item{
        padding: 20rem 0;
    }
    .specify-conditions__cat-item{
        width: calc((100% - 90rem) / 4);
        margin: 0 30rem 20rem 0;
    }
    .specify-conditions__parts{
        font-size: 16rem;
        letter-spacing: 0;
        line-height: 150%;
    }
    .specify-conditions__parts::before{
        width: 24rem;
        height: 24rem;
        border: 2rem solid var(--mgGray);
        margin-right: 10rem;
    }
    .specify-conditions__input:checked + .specify-conditions__parts::after{
        top: calc((100% - 10rem) / 2);
        left: calc((24rem - 13.75rem) / 2);
        width: 13.75rem;
        height: 10rem;
    }
    .primary--specify-conditions{
        width: 376rem;
        min-height: 60rem;
    }
    .primary__text--specify-conditions{
        font-size: 18rem;
        line-height: 150%;
        letter-spacing: 0.02em;
    }
    .primary--atm-area{
        width: 376rem;
        min-height: 60rem;
        margin: 0 auto 50rem;
    }
    .primary__text--atm-area{
        font-size: 18rem;
        letter-spacing: 0.02em;
    }
}
/* アコーディオン: 終了 */
/* プルダウン */
.pulldown__area{
    width: 100%;
    position: relative;
}
.pulldown__area::after{
    content: '';
    display: block;
    background-image: url(../images/icon/pulldown-arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    width: 12rem;
    height: 12rem;
    position: absolute;
    top: calc((100% - 12rem) / 2);
    right: 20rem;
    pointer-events: none;
}
.pulldown__select{
    display: block;
    width: 100%;
    height: 60rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1rem solid var(--mgGray);
    border-radius: 10rem;
    padding-left: 20rem;
    font-size: 16rem;
    line-height: 150%;
    color: var(--mgBlack);
    background-color: var(--mgWhie);
    cursor: pointer;
}
.pulldown__select:hover{
    border: 1rem solid var(--mgLogoBlue);
}
@media screen and (min-width: 600px), print{
    .pulldown__area{
        width: fit-content;
    }
    .pulldown__area::after{
        right: 15rem;
    }
    .pulldown__select{
        width: 273rem;
        height: 48rem;
        padding-left: 17rem;
    }
}
/* プルダウン: 終了 */
/* サーチフォーム */
.search{
    display: block;
    width: 100%;
}
.search__area{
    display: flex;
    height: 48rem;
    border-radius: 10rem;
}
.search__input{
    display: block;
    width: calc(100% - 47rem);
    height: 100%;
    padding: 15rem 19rem 15rem 19rem;
    border-radius: 10rem 0 0 10rem;
    font-size: 16rem;
    line-height: 150%;
    color: var(--mgBlack);
    border: 1rem solid var(--mgGray);
    border-right: none;
}
.search__input::placeholder{
    color: var(--mgDarkGray);
}
.search__input:focus{
    border: 1rem solid var(--mgLogoBlue);
    border-right: none;
}
.search__btn-submit{
    padding: 15rem 15.5rem;
    width: 47rem;
    height: 100%;
    border: none;
    border-radius: 0 10rem 10rem 0;
    background-color: var(--mgBlueGray);
    background-image: url(../images/icon/search-blue-log.svg);
    background-size: 16rem;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
    cursor: pointer;
    border: 1rem solid var(--mgGray);
    border-left: none;
}
.search__input:focus + .search__btn > .search__btn-submit{
    border: 1rem solid var(--mgLogoBlue);
    border-left: none;
}
.search__btn-submit:hover{
    background-color: var(--mgLogoBlue);
    border: 1rem solid var(--mgLogoBlue);
    border-left: none;
    background-image: url(../images/icon/search-white-log.svg);
    transition: 0.3s all ease;
}
@media screen and (min-width: 600px), print{
    .search{
        width: 890rem;
        margin: 0 auto;
    }
    .search__area{
        height: 60rem;
    }
    .search__input{
        font-size: 16rem;
        padding: 15rem 79rem 15rem 19rem;
    }
    .search__btn-submit{
        padding: 19rem 19.5rem;
        width: 59rem;
        height: 60rem;
        background-size: 20rem;
    }
    .search-menu__form{
        margin-bottom: 40rem;
    }
}
/* サーチフォーム: 終了 */
/* ---------- END: フォーム系パーツ ---------- */

/* ---------- ニュース・トピックス ---------- */
/* 新着情報一覧ページ */
.all-topics__pulldown{
    margin-bottom: 40rem;
}
@media screen and (min-width: 600px), print{
    .all-topics__area{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .all-topics__pulldown{
        order: 2;
        margin-bottom: 0;
    }
    .all-topics__title{
        order: 1;
    }
}
/* END: 新着情報一覧ページ */
.wysiwyg-title-area {
    border-bottom: 1px solid var(--mgGray);
    padding-bottom: 20rem;
    margin-bottom: 20rem;
}
.new-label--wysiwyg-title-area {
    color: var(--mgSkyBlue);
    font-size: 14rem;
    margin-bottom: 10rem;
}
.wysiwyg-title-area__h1 {
    font-weight: bold;
    font-size: 24rem;
    line-height: 150%;
    letter-spacing: 0.05em;
    margin-bottom: 10rem;
}
.wysiwyg-title-area__tag-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.wysiwyg-title-area__tag-item {
    margin: 0 6rem 4rem 0;
    list-style: none;
}
.wysiwyg-title-area__tag-item:first-of-type {
    margin: 0 6rem 0 0;
}
.wysiwyg-title-area__date {
    color: var(--mgDarkGray);
    font-weight: bold;
    font-size: 12rem;
    line-height: 150%;
    width: fit-content;
}
@media screen and (min-width: 600px), print{
    .wysiwyg-title-area {
        margin-bottom: 40rem;
    }
    .new-label--wysiwyg-title-area {
        font-size: 18rem;
    }
    .wysiwyg-title-area__h1 {
        font-size: 36rem;
    }
    .wysiwyg-title-area__date {
        font-size: 14rem;
    }
}
/* ---------- END: ニュース・トピックス ---------- */


/* ---------- フッター ---------- */
/* フッターメニュー */
.content-blocky--footer-menu-bg{
    background-color: rgba(19, 156, 228, .07);
    margin-top: 160rem;
}
.content-block__body--footer-menu{
    position: relative;
    padding: 50rem 20rem;
}
.footer-menu__link-btn-block{
    position: absolute;
    top: -59rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.footer-menu__link-btn{
    padding: 5rem;
}
.footer-menu__link-btn-img{
    position: relative;
    top: 0;
    display: block;
    width: 40rem;
    transition: all 0.3s ease;
}
.footer-menu__link-btn:hover > .footer-menu__link-btn-img{
    top: -20rem;
}
.footer-menu__list{
    padding-left: 0;
    margin-bottom: 0;
}
.footer-menu__item{
    border-top: 1px solid rgba(19, 156, 228, 0.3);
    height: fit-content;
    margin-bottom: 0;
    list-style: none;
}
.footer-menu__item:last-of-type{
    border-bottom: 1px solid rgba(19, 156, 228, 0.3);
}
.footer-menu__item--border-top{
    border-top: 1px solid rgba(19, 156, 228, 0.3);
}
.footer-menu__link-box {
    display: flex;
    justify-content: space-between;
}
.footer-menu__link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--mgBlack);
    font-weight: bold;
    font-size: 12rem;
    line-height: 150%;
    width: 100%;
}
.footer-menu__link:hover > .footer-menu__text{
    color: var(--mgLogoBlue);
}
.footer-menu__link:hover::after{
    right: -3rem;
}
.footer-menu__link::after{
    position: relative;
    right: 0;
    flex-shrink: 0;
    display: block;
    content: '';
    background-image: url(../images/icon/right-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
    margin: 0 7rem 0 10rem;
    transition: all 0.3s ease;
}
.footer-menu__link--plus::after {
    display: none;
}
.footer-menu__text{
    display: flex;
    align-items: center;
    min-height: 52rem;
    padding: 14rem 0 14rem 10rem;
}
.footer-menu__plus-link {
    padding-right: 4rem;
    padding: 0 4rem 0 30rem;
}
.footer-menu__text--external::after {
    position: relative;
    top: -4rem;
    display: inline-block;
    content: '';
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    margin-left: 4rem;
}
.footer-menu__second-list{
    overflow: hidden;
    transition: all .4s ease-out;
    margin-bottom: 0;
    opacity: 0;
    max-height: 0;
    padding: 0 0 0 15rem;
}
.footer-menu__second-list--sp-active{
    opacity: 1;
    max-height: 100vh;
    border-top: 1px solid rgba(19, 156, 228, 0.3);
    padding: 15rem 0 20rem 15rem;
}

.footer-menu__second-list--open{
    border-top: 1px solid var(--mgLogoBlue);
}
.footer-menu__second-item{
    margin-bottom: 10rem;
    list-style: none;
}
.footer-menu__second-item:last-of-type{
    margin-bottom: 0;
}
.footer-menu__second-link{
    display: flex;
    color: var(--mgBlack);
}
.footer-menu__second-link::before{
    position: relative;
    top: 9rem;
    display: inline-block;
    content: '';
    background-image: url(../images/icon/blue-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 5rem;
    height: 10rem;
    margin-right: 9rem;
    flex-shrink: 0;
}
.footer-menu__second-link:hover > .footer-menu__second-text{
    text-decoration: underline;
}
.footer-menu__second-text{
    font-size: 14rem;
    line-height: 200%;
}
.footer-menu__second-text--external::after{
    position: relative;
    top: -4rem;
    display: inline-block;
    content: '';
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    margin-left: 4rem;
}
/* フッターナビゲーション */
.content-block__body--footer-nav{
    padding: 0;
}
.footer-nav__list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.footer-nav__item{
    display: flex;
    width: calc(100% / 2);
    min-height: 60rem;
    border-bottom: 1px solid var(--mgLghtGray);
    margin-bottom: 0;
    list-style: none;
}
.footer-nav__item:nth-of-type(2n){
    border-left: 1px solid var(--mgLghtGray);
}
.footer-nav__item:nth-last-of-type(-n+2){
    border-bottom: none;
}
.footer-nav__link{
    display: flex;
    width: 100%;
    color: var(--mgBlack);
    padding: 9rem 0 9rem 20rem;
}
.footer-nav__link:hover > .footer-nav__text{
    color: var(--mgLogoBlue);
}
.footer-nav__link:hover > .footer-nav__text::after{
    right: -4rem;
}
.footer-nav__text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14rem;
    line-height: 150%;
    width: 100%;
}
.footer-nav__text::after{
    position: relative;
    right: 0;
    flex-shrink: 0;
    display: block;
    content: '';
    background-image: url(../images/icon/right-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
    margin: 0 15rem 0 10rem;
    transition: all 0.3s ease;
}
.footer-nav__text--external::after{
    background-image: url(../images/icon/external-icon-blue.svg);
    width: 10rem;
    height: 10rem;
    margin: 0 12rem 0 13rem;
}
/* フッターリンク */
.content-block__body--footer-link-bg{
    background-color: rgba(19, 156, 228, .15);
}
.content-block__body--footer-link{
    padding: 50rem 20rem 30rem;
}
.footer-link__list{
    margin-bottom: 28rem;
    padding-left: 0;
}
.footer-link__item{
    border-top: 1px solid var(--mgLogoBlue);
    min-height: 60rem;
    margin-bottom: 0;
    list-style: none;
}
.footer-link__item:last-of-type{
    border-bottom: 1px solid var(--mgLogoBlue);
}
.footer-link__link{
    display: block;
    color: var(--mgBlack);
    padding: 18rem 0 18rem 10rem;
}
.footer-link__link:hover > .footer-link__text{
    color: var(--mgLogoBlue);
}
.footer-link__link:hover > .footer-link__text::after{
    right: -4rem;
}
.footer-link__text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 14rem;
    line-height: 150%;
}
.footer-link__text::after{
    position: relative;
    right: 0;
    flex-shrink: 0;
    display: block;
    content: '';
    background-image: url(../images/icon/right-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
    margin: 0 7rem 0 10rem;
    transition: all 0.3s ease;
}
.footer-link-list__list{
    margin-bottom: 0;
    padding-left: 0;
}
.footer-link-list__item{
    display: flex;
    font-size: 12rem;
    line-height: 300%;
    margin-bottom: 0;
}
.footer-link-list__link{
    display: block;
    color: var(--mgBlack);
}
.footer-link-list__link:hover > .footer-link-list__text{
    text-decoration: none;
}
.footer-link-list__text{
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: underline;
}
.footer-link-list__text::after{
    display: block;
    content: '|';
    margin: 0 3rem;
}
.footer-link-list__item:last-of-type > .footer-link-list__text::after{
    display: none;
}
/* フッターブロック */
.content-block--footer-block-bg{
    background-color: var(--mgBlack);
}
.content-block__body--footer-block{
    min-height: 110rem;
    padding: 20rem 20rem 17rem;
}
.footer-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.footer-block__title{
    color: var(--mgWhite);
    font-weight: bold;
    font-size: 14rem;
    line-height: 160%;
    letter-spacing: 0.08em;
    margin-bottom: 10rem;
}
.footer-block__text{
    color: var(--mgWhite);
    font-size: 10rem;
    line-height: 150%;
    text-align: center;
}
.footer-block__text--pc{
    display: none;
}
@media screen and (min-width: 600px), print{
    /* フッターメニュー */
    .content-blocky--footer-menu-bg{
        margin-top: 140rem;
    }
    .content-block__body--footer-menu{
        padding: 50rem 0;
    }
    .footer-menu__link-btn-block{
        top: -79rem;
    }
    .footer-menu__link-btn{
        padding: 5rem;
    }
    .footer-menu__link-btn-img{
        width: 48rem;
    }
    .footer-menu__list{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* max-height: 500px; */
    }
    .footer-menu__item{
        width: calc((100% - 72rem) / 3);
        /* ボーダー調節 */
        border-top: none;
        border-bottom: 1px solid rgba(19, 156, 228, 0.3);
        margin-right: 36rem;
    }
    .footer-menu__item:first-of-type{
        border-top: 1px solid rgba(19, 156, 228, 0.3);
    }
    .footer-menu__link{
        font-size: 14rem;
    }
    .footer-menu__second-list{
        max-height: initial;
        max-width: auto;
        border-top: none;
        padding: 0 0 12rem 10rem;
        opacity: 1;
        height: fit-content;
    }
    .footer-menu__second-item{
        padding: 7rem 0;
        margin-bottom: 0;
    }
    .footer-menu__second-link::before{
        top: 6rem;
    }
    .footer-menu__second-text{
        line-height: 150%;
    }
    .footer-menu__plus-link {
        display: none;
    }
    /* フッターナビゲーション */
    .content-block__body--footer-nav{
        padding: 10rem 0;
    }
    .footer-nav__list{
        flex-wrap: nowrap;
    }
    .footer-nav__item{
        width: calc(100% / 6);
        min-height: 48rem;
        border-right: 1px solid var(--mgLghtGray);
        border-left: none;
        border-bottom: none;
    }
    .footer-nav__item:nth-of-type(2n){
        border-left: none;
    }
    .footer-nav__item:last-of-type{
        border-right: none;
    }
    .footer-nav__link{
        padding: 3rem 0 3rem 20rem;
    }
    .footer-nav__text::after{
        margin: 0 10rem 0 22rem;
    }
    .footer-nav__text--external::after{
        background-image: url(../images/icon/external-icon-blue.svg);
        width: 10rem;
        height: 10rem;
        margin: 0 12rem 0 15rem;
    }
    /* フッターリンク */
    .content-block__body--footer-link{
        padding: 60rem 0 40rem;
    }
    .footer-link__list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 32rem;
    }
    .footer-link__item{
        display: flex;
        align-items: center;
        width: calc((100% - 108rem) / 4);
        border-top: 1px solid var(--mgLogoBlue);
        border-bottom: 1px solid var(--mgLogoBlue);
    }
    .footer-menu__item--border-top{
        border-top: 1px solid rgba(19, 156, 228, 0.3);
    }
    .footer-link__link{
        width: 100%;
    }
    .footer-link__text::after{
        margin: 0 10rem;
    }
    .footer-link-list__list{
        display: flex;
        flex-wrap: wrap;
    }
    .footer-link-list__item{
        line-height: 200%;
    }
    .footer-link-list__text::before{
        bottom: 3.5rem;
    }
    /* フッターブロック */
    .content-block__body--footer-block{
        min-height: 60rem;
        padding: 11rem 0 13rem;
    }
    .footer-block{
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .footer-block__title{
        margin: 0 20rem 0 0;
    }
    .footer-block__text{
        font-size: 12rem;
        text-align: start;
    }
    .footer-block__text--sp{
        display: none;
    }
    .footer-block__text--pc{
        display: block;
    }
}
/* ---------- END: フッター ---------- */

/* ---------- モーダル ---------- */
.estate-cancel-scroll{
    width: 100%;
    overflow: hidden;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overscroll-behavior: none;
}
.external-modal__scroll-area{
    display: flex;
    justify-content: center;
    width: 100%;
}
.external-modal{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: fit-content;
    padding: 80rem 0;
}
.external-modal__modal{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: var(--mgWhite);
    width: 335rem;
    min-height: 463rem;
    border-radius: 20rem;
    padding: 40rem 30rem;
}
.external-modal__modal-wrap{
    width: 100%;
}
.external-modal__close{
    position: absolute;
    top: -60rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mgLogoBlue);
    width: 48rem;
    height: 48rem;
}
.external-modal__close-img{
    display: block;
    width: 27rem;
}
.external-modal__title{
    color: var(--mgNavy);
    font-size: 20rem;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30rem;
}
.external-modal__text{
    font-size: 16rem;
    line-height: 150%;
    margin-bottom: 34rem;
    text-align: center;
}
.external-modal__link-title{
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
}
.external-modal__link{
    display: block;
    color: var(--mgLogoBlue);
    font-family: var(--Roboto);
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: center;
    margin-bottom: 10rem;
}
.external-modal__link-text{
    font-size: 16rem;
    line-height: 150%;
    text-align: center;
}
.primary--external-modal{
    margin-bottom: 10rem;
}
.external-modal__back-btn{
    display: block;
    color: var(--mgLogoBlue);
    font-size: 14rem;
    line-height: 150%;
    width: fit-content;
    margin: 0 auto;
}
.external-modal__back-btn::after{
    position: relative;
    top: -2rem;
    display: block;
    content: '';
    background-color: var(--mgLogoBlue);
    width: 100%;
    height: 1rem;
}
@media screen and (min-width: 600px), print{
    .external-modal{
        padding: 110rem 0;
    }
    .external-modal__modal{
        width: 788rem;
        min-height: 487rem;
        padding: 80rem 103rem 60rem;
    }
    .external-modal__close{
        z-index: 1;
        top: -80rem;
        width: 60rem;
        height: 60rem;
    }
    .external-modal__close-img{
        width: 34rem;
    }
    .external-modal__title{
        font-size: 24rem;
        letter-spacing: 0.05em;
    }
    .external-modal__text{
        line-height: 175%;
        margin-bottom: 38rem;
    }
    .external-modal__link{
        width: 413rem;
        margin: 0 auto 11rem;
    }
    .external-modal__link-text{
        line-height: 175%;
    }
    .primary--external-modal{
        min-height: 60rem;
        border-radius: 30rem;
        margin-bottom: 16rem;
    }
}
/* screen-black */
.screen-black{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 6;
    min-height: 100%;
    min-width: 100%;
    display: none;
}
.screen-black--visible{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cancel-scroll{
    width: 100%;
    overflow: hidden;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overscroll-behavior: none;
}
.modal-open__close-btn{
    display: block;
    position: absolute;
    top: -30rem;
    right: 15rem;
    width: 18rem;
    z-index: 10;
}
@media screen and (min-width: 600px), print{
    .screen-black{
        width: 100%;
        min-width: 1040rem;
    }
    .modal-open__close-btn{
        top: -40rem;
        right: -40rem;
        left: auto;
        width: 26rem;
    }
}
/* screen-black: 終 */
/* ---------- END: モーダル ---------- */

/* ---------- カルーセル ---------- */
.content-block__body--top{
    width: 100%;
    min-width: auto;
    padding: 0;
}
.carousel{
    position: relative;
}
.carousel__wrap {
    position: relative;
    max-width: 100%;
    height: 375rem;
    overflow: hidden;
    margin: 0 auto;
}
.carousel__list {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    opacity: 0;
    transition: 0.3s all ease;
}
.carousel__list--active{
    opacity: 1;
}
.carousel__item {
    position: absolute;
    width: 100%;
    margin-bottom: 0;
    list-style: none;
}
.carousel__item--transition {
    transition: all 1s ease;
}
.carousel__link{
    display: block;
}
.carousel__img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 375rem;
}
@media screen and (min-width: 600px), print{
    .carousel::before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: calc((100vw - 1080rem) / 2);
        height: 504rem;
        z-index: 1;
        background: var(--mgDarkGray);
        opacity: 0.5;
    }
    .carousel::after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: calc((100vw - 1080rem) / 2);
        height: 504rem;
        z-index: 1;
        background: var(--mgDarkGray);
        opacity: 0.5;
    }
    .carousel__wrap {
        height: 504rem;
    }
    .carousel__wrap::before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: calc((100vw - 1080rem) / 2);
        height: 504rem;
        z-index: 1;
        background: linear-gradient(180deg, #0C74CE 0%, #01A0E1 50.26%, #00C0E0 100%);
        opacity: 0.4;
    }
    .carousel__wrap::after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: calc((100vw - 1080rem) / 2);
        height: 504rem;
        z-index: 1;
        background: linear-gradient(180deg, #0C74CE 0%, #01A0E1 50.26%, #00C0E0 100%);
        opacity: 0.4;
    }
    .carousel__list {
        max-width: 1080rem;
        min-width: 1080rem;
    }
    .carousel__item {
        max-width: 1080rem;
        min-width: 1080rem;
    }
    .carousel__item--transparent {
        opacity: 0.5;
    }
    .carousel__img {
        min-width: 100%;
        height: 504rem;
    }
}
@media screen and (min-width: 1200px), print{
    .carousel::before{
        width: calc((100vw - 1200rem) / 2);
        height: 560rem;
    }
    .carousel::after{
        width: calc((100vw - 1200rem) / 2);
        height: 560rem;
    }
    .carousel__img {
        height: 560rem;
    }
    .carousel__wrap {
        height: 560rem;
    }
    .carousel__wrap::before{
        width: calc((100vw - 1200rem) / 2);
        height: 560rem;
    }
    .carousel__wrap::after{
        width: calc((100vw - 1200rem) / 2);
        height: 560rem;
    }
    .carousel__list {
        max-width: 1200rem;
    }
    .carousel__item {
        max-width: 1200rem;
    }
}

/* インジケーター */
.indicator{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 77rem;
}
.indicator__list {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    padding-left: 0;
    opacity: 0;
    transition: 0.3s all ease;
}
.indicator__list--active{
    opacity: 1;
}
.indicator__item {
    background-color: var(--mgPaleGray);
    width: 10rem;
    height: 10rem;
    border-radius: 5rem;
    margin-right: 24rem;
    margin-bottom: 0;
    list-style: none;
    cursor: pointer;
}
.indicator__item:hover{
    background-color: var(--mgLogoBlue);
    transition: 0.3s all ease;
}
.indicator__item--active {
    background-color: var(--mgLogoBlue);
}
.indicator__item:last-of-type {
    margin-right: 0;
}
@media screen and (min-width: 600px), print{
    .indicator{
        bottom: 99rem;
    }
    .indicator__item {
        width: 12rem;
        height: 12rem;
        border-radius: 6rem;
        margin-right: 36rem;
    }
}

/* ローダー */
.top-loader{
    position: absolute;
    top: 37.5rem;
    left: calc((100% - 100rem) / 2);
}
@media screen and (min-width: 600px){
    .top-loader{
        top: 130rem;
    }
}
/* ---------- END: カルーセル ---------- */


/* ---------- トップ・information ---------- */
.content-block__body--parts-information-block {
    padding: 20rem 0;
}
.content-block__body--parts-covid {
    padding: 52rem 0 20rem;
}
.information-block__list{
    padding-left: 0;
    margin-bottom: 0;
}
.information-block__item {
    margin-bottom: 11rem;
    list-style: none;
}
.information-block__item--comment {
    margin-bottom: 22rem;
}
.information-block__item:last-of-type {
    margin-bottom: 0;
}
.information-area{
    display: block;
    color: var(--mgBlack);
    width: 100%;
    background-color: var(--mgWhite);
    border: 1px solid var(--mgBrightBlue);
    padding: 12rem;
}
.information-area__link:hover{
    text-decoration: none;
}
.information-area--red{
    border: 1px solid var(--mgRed);
}
.information-area__title{
    font-size: 14rem;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 10rem;
    color: var(--mgBrightBlue);
    display: flex;
    align-items: center;
}
.information-area__title::before{
    content: "";
    display: block;
    background-image: url(../images/icon/important-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 18rem;
    height: 18rem;
    margin-right: 6rem;
}
.information-area__title--red{
    color: var(--mgRed);
}
.information-area__title--red::before{
    background-image: url(../images/icon/important-red.svg);
}
.information-area__link{
    display: block;
    color: var(--mgBlack);
    font-size: 14rem;
    line-height: 150%;
    text-decoration: underline;
    margin-bottom: 15rem;
}
.information-area__link:last-of-type {
    margin-bottom: 0;
}
.information-area__text{
    color: var(--mgBlack);
    font-size: 14rem;
    line-height: 150%;
}
@media screen and (min-width: 600px), print{
    .information-block__item {
        margin-bottom: 12rem;
    }
    .information-block__item--comment {
        margin-bottom: 24rem;
    }
    .information-block__item:last-of-type {
        margin-bottom: 0;
    }
    .information-area{
        display: flex;
        padding: 12rem 20rem;
    }
    .information-area__title{
        margin: 0 10rem 0 0;
        flex-shrink: 0;
    }
    .information-area__title::before{
        margin-right: 7rem;
    }
    .information-area__link{
        margin-bottom: 12rem;
    }
}
/* ---------- END: トップ・information ---------- */

/* ---------- 安心・安全にご利用いただくために ---------- */
.content-block__body--parts-attention-card{
    padding: 50rem 0 69rem;
}
.content-block__body--parts-attention-card-bg{
    background-color: var(--mgPaleGray);
}
.parts-attention-card__btn{
    width: fit-content;
    padding-top: 39rem;
    margin: 0 auto;
}
.attention-card__list{
    padding-left: 0;
    margin-bottom: 0;
}
.attention-card__list > li {
    margin-bottom: 0;
}
.attention-card__list > li:first-of-type{
    margin-bottom: 12rem;
}
.attention-card__list--open > li {
    margin-bottom: 12rem;
}
.attention-card__item{
    background-color: var(--mgWhite);
    box-shadow: 0px 8px 20px rgba(179, 192, 238, 0.35);
    margin-bottom: 12rem;
    border-radius: 10rem;
    list-style: none;
}
.attention-card__item:hover{
    box-shadow: 10px 20px 30px rgba(179, 192, 238, 0.4);
    transition: 0.3s all ease;
}
.attention-card__link{
    display: block;
    padding: 20rem;
}
.attention-card__label-list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 8rem;
}
.attention-card__label-item{
    margin-right: 6rem;
    margin-bottom: 0;
    list-style: none;
}
.attention-card__label-item:last-of-type{
    margin-right: 0;
}
.attention-card__text{
    color: var(--mgBlack);
    font-size: 14rem;
    line-height: 150%;
    text-decoration: underline;
}
.attention-card__icon{
    display: flex;
    justify-content: flex-end;
    margin-top: 8rem;
}
.attention-card__icon-img{
    display: block;
    width: 10rem;
}
.attention-card__btn{
    width: fit-content;
    margin: 39rem auto 0;
}
.attention-accordion__transition{
    transition: all 1s ease;
}
@media screen and (min-width: 600px), print{
    .content-block__body--parts-attention-card{
        padding: 70rem 103rem;
    }
    .content-block__body--parts-attention-card-bg{
        border-radius: 20rem;
    }
    .parts-attention-card__btn{
        padding-top: 55rem;
        margin: 55rem auto 0;
    }
    .attention-card__list{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .attention-card__list > li:first-of-type{
        margin-bottom: 0;
    }
    .attention-card__list--open > li {
        margin-bottom: 20rem;
    }
    .attention-card__list--open > li:first-of-type{
        margin-bottom: 20rem;
    }
    .attention-card__list--open > li:nth-last-of-type(2){
        margin-bottom: 0;
    }
    .attention-card__item{
        width: calc((100% - 36rem) / 2);
        margin-bottom: 20rem;
    }
    .attention-card__link{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .attention-card__link--not-tag{
        display: flex;
        justify-content: center;
    }
    .attention-card__text{
        font-size: 16rem;
        line-height: 175%;
    }
    .attention-card__icon{
        margin-top: 0;
    }
    .attention-card__icon-img{
        width: 12rem;
    }
}
/* ---------- END: 安心・安全にご利用いただくために ---------- */


/* ---------- バナーカード ---------- */
.content-block__body--parts-banner-card{
    padding: 60rem 0 80rem;
}
.bnr-card__wrap{
    width: 100%;
    height: 100%;
    padding-left: 20rem;
    overflow-x: hidden;
    position: relative;
}
.bnr-card__list{
    display: flex;
    position: relative;
    left: 0;
    top: 0;
    padding-left: 0;
    margin-bottom: 25rem;
}
.bnr-card__item{
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 140rem;
    margin: 0 20rem 0 0;
    list-style: none;
}
.bnr-card__item:last-of-type{
    margin-right: 0;
}
.bnr-card__link{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 150rem;
    box-shadow: 0rem 8rem 20rem rgba(179, 192, 238, 0.35);
    border-radius: 20rem;
}
.bnr-card__link:hover{
    box-shadow: 10px 20px 30px rgba(179, 192, 238, 0.4);
    transition: 0.3s all ease;
}
.bnr-card__img{
    display: block;
    width: 100%;
    height: 80rem;
    border-radius: 20rem 20rem 0 0;
    object-fit: cover;
}
.bnr-card__text-block{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10rem 10rem 15rem 10rem;
    background-color: var(--mgWhite);
    border-radius: 0 0 20rem 20rem;
}
.bnr-card__text{
    font-size: 14rem;
    color: var(--mgBlack);
    line-height: 150%;
    font-weight: bold;
}
.bnr-card-button{
    display: none;
}
@media screen and (min-width: 600px), print{
    .banner-block{
        position: relative;
    }
    .content-block__body--parts-banner-card{
        padding: 88rem 0 54rem;
    }
    .bnr-card{
        position: relative;
    }
    .bnr-card__wrap{
        position: relative;
        left: -22rem;
        width: calc(100% + 44rem);
        padding: 0 0 60rem;
    }
    .bnr-card__list{
        width: calc(100% + 44rem);
        padding: 0 22rem 0;
    }
    .bnr-card__item{
        width: calc((100% - 164rem) / 5);
        margin-right: 30rem;
    }
    .bnr-card__link{
        box-shadow: 0rem 16rem 24rem rgba(179, 192, 238, 0.3);
        min-height: 210rem;
    }
    .bnr-card__img{
        height: 124rem;
    }
    .bnr-card__text-block{
        padding: 16rem 20rem 22rem 20rem;
    }
    .bnr-card__text{
        font-size: 16rem;
    }
    .bnr-card-button{
        position: absolute;
        top: 68rem;
        display: block;
    }
    .bnr-card-button::after{
        position: relative;
        display: block;
        content: '';
        background-image: url(../images/icon/btn-arrow-light-blue.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 10rem;
        height: 18rem;
        transition: 0.3s all ease;
    }
    .bnr-card-button:hover{
        background-color: var(--mgDarkBlue);
    }
    .bnr-card-button--prev{
        left: -18rem;
    }
    .bnr-card-button--prev::after{
        left: 24rem;
    }
    .bnr-card-button--prev:hover::after{
        left: 18rem;
    }
    .bnr-card-button--next{
        right: -18rem;
    }
    .bnr-card-button--next::after{
        left: 26rem;
        transform: scale(-1, 1);
    }
    .bnr-card-button--next:hover::after{
        left: 32rem;
    }
}
@media screen and (min-width: 1200px) {
    .bnr-card-button{
        top: 90rem;
    }
    .bnr-card-button--prev{
        left: -30rem;
    }
    .bnr-card-button--next{
        right: -30rem;
    }
}
/* ---------- END: バナーカード ---------- */


/* ---------- おすすめ情報 ---------- */
.content-block__body--parts-recomend-card{
    padding: 60rem 0 78rem;
    min-height: 620rem;
}
.recomend-card__wrap{
    position: absolute;
    width: 100%;
    padding-left: 20rem;
    overflow-x: hidden;
}
.recomend-card__list{
    padding-left: 0;
    margin-bottom: 50rem;
}
.recomend-card__item{
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    border-radius: 20rem;
    width: 265rem;
    margin: 0 30rem 0 0;
    box-shadow: 0px 8px 20px rgba(179, 192, 238, 0.35);
    list-style: none;
}
.recomend-card__item:hover{
    box-shadow: 10px 20px 30px rgba(179, 192, 238, 0.4);
    transition: 0.3s all ease;
}
.recomend-card__item:last-of-type{
    margin-right: 0;
}
.recomend-card__link{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.recomend-card__img{
    display: block;
    width: 100%;
    height: 148rem;
    object-fit: cover;
    border-radius: 20rem 20rem 0 0;
}
.recomend-card__text-area{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 136rem;
    height: 100%;
    background-color: var(--mgWhite);
    border-radius: 0 0 20rem 20rem;
    padding: 20rem 20rem 15rem 20rem;
}
.recomend-card__text{
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
    color: var(--mgBlack);
    margin-bottom: 5rem;
}
.recomend-card__detail-text{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12rem;
    font-weight: bold;
    color: var(--mgLogoBlue);
}
.recomend-card__detail-text::after{
    right: 0;
    content: "";
    display: block;
    background-image: url(../images/icon/blue-arrow.svg);
    background-size: cover;
    width: 6rem;
    height: 10rem;
    margin-left: 6rem;
}
.recomend-card__detail-text--external::after{
    background-image: url(../images/icon/external-icon-blue.svg);
    width: 10rem;
    height: 10rem;
}
.secondary--recomend-card{
    width: 295rem;
    margin-left: 20rem;
}
.recomend-card-button{
    display: none;
}
@media screen and (min-width: 600px), print{
    .content-block__body--parts-recomend-card{
        padding: 80rem 0 0;
    }
    .recomend-card{
        position: relative;
    }
    .recomend-card__wrap{
        position: relative;
        left: -22rem;
        width: calc(100% + 44rem);
        padding: 0;
        padding-bottom: 110rem;
    }
    .recomend-card__list{
        width: 100%;
        padding: 0 22rem 0;
        margin-bottom: 60rem;
    }
    .recomend-card__item{
        width: calc((100% - 108rem) / 4);
        margin-right: 36rem;
    }
    .recomend-card__img{
        height: 153rem;
    }
    .recomend-card__text-area{
        min-height: 147rem;
    }
    .recomend-card__text{
        font-size: 18rem;
    }
    .recomend-card__detail-text{
        font-size: 14rem;
    }
    .secondary--recomend-card{
        width: 376rem;
        min-height: 60rem;
        border-radius: 30rem;
        margin: 0 auto;
    }
    .recomend-card-button{
        position: absolute;
        top: 123rem;
        display: block;
        z-index: 5;
    }
    .recomend-card-button::after{
        position: relative;
        display: block;
        content: '';
        background-image: url(../images/icon/btn-arrow-light-blue.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 10rem;
        height: 18rem;
        transition: 0.3s all ease;
    }
    .recomend-card-button:hover{
        background-color: var(--mgDarkBlue);
    }
    .recomend-card-button--prev{
        left: -30rem;
    }
    .recomend-card-button--prev::after{
        left: 24rem;
    }
    .recomend-card-button--prev:hover::after{
        left: 18rem;
    }
    .recomend-card-button--next{
        right: -30rem;
    }
    .recomend-card-button--next::after{
        left: 26rem;
        transform: scale(-1, 1);
    }
    .recomend-card-button--next:hover::after{
        left: 32rem;
    }

    /* おすすめ情報の左右ボタンについての一時的な対応 */
    .recomend-card-button--display{
        display: none;
    }
}
/* ---------- END: おすすめ情報 ---------- */


/* ---------- ログインブロック ---------- */
.content-block__body--parts-login-block{
    position: relative;
    height: 560rem;
    padding: 0;
}
.content-block__body--parts-hojin-login-block{
    position: relative;
    height: 273rem;
    padding: 0;
}
.login-block{
    position: absolute;
    top: -48rem;
    width: 335rem;
}
.login-block__list{
    padding-left: 0;
    margin-bottom: 0;
}
.login-block__item{
    background-color: var(--mgWhite);
    padding: 22rem 0 30rem;
    box-shadow: 0px 30px 30px rgba(179, 192, 238, 0.35);
    border-radius: 20rem;
    margin-bottom: 20rem;
    list-style: none;
}
.login-block__item:last-of-type{
    margin-bottom: 0;
}
.login-block__item:nth-last-child(2){
    margin-bottom: 0;
}
.login-block__item--none{
    /* 個人・法人切り替え */
    display: none;
}
.login-block__pc-title{
    display: none;
}
.login-block__title{
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 21rem;
}
.login-block__btn-list{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 20rem 21rem;
    margin-bottom: 20rem;
    border-bottom: 1px solid var(--mgLghtGray);
}
.login-block__btn-list--hojin{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.login-block__btn-item{
    width: calc((100% - 15rem) / 2);
    margin-bottom: 0;
    list-style: none;
}
.login-block__account-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20rem;
}
.login-block__account-block--hojin{
    padding: 0;
}
.login-block__bubble-img{
    display: block;
}
.login-block__bubble-img--individual{
    width: 195rem;
}
.login-block__bubble-img--corporate{
    width: 230rem;
}
.login-block__app-list{
    display: flex;
    justify-content: center;
    margin-bottom: 28rem;
    padding-left: 0;
}
.login-block__app-item{
    margin-right: 18rem;
    list-style: none;
    margin-bottom: 0;
}
.login-block__app-item:last-of-type{
    margin-right: 0;
}
.login-block__app-title{
    text-align: center;
    font-size: 13rem;
    font-weight: 700;
    margin-bottom: 7rem;
    line-height: 160%;
}
.login-block__app-qr-img{
    display: none;
}
.login-block__app-store-link{
    display: block;
}
.login-block__app-store-link-img{
    display: block;
    width: 134rem;
}
.login-block__app-store-link-img--ios{
    width: 108rem;
}
.login-block__app-link{
    display: block;
}
.login-block__app-link-text{
    font-size: 14rem;
    font-weight: 700;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: var(--mgLogoBlue);
    width: fit-content;
    margin: 0 auto;
}
.login-block__app-link-text::after{
    content: "";
    display: block;
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 12rem;
    margin-left: 8rem;
    position: relative;
    top: 2rem;
}
.login-block__app-link-text:hover{
    text-decoration: underline;
}
.login-block__item--3-column--padding{
    padding: 22rem 0 20rem;
}
.login-block__app-area-title{
    margin-bottom: 15rem;
}
@media screen and (min-width: 600px), print{
    .content-block__body--parts-login-block{
        height: 332rem;
        padding: 0 0 22rem;
    }
    .content-block__body--parts-hojin-login-block{
        height: 186rem;
        padding: 0 0 22rem;
    }
    .content-block__body--parts-login-block--width{
        width: 100%;
        min-width: none;
    }
    .login-block{
        top: -52rem;
        width: 100%;
    }
    .login-block__list{
        display: flex;
        justify-content: space-between;
        width: 994rem;
        margin: 0 auto;
    }
    .login-block__list--3-column{
        width: 100%;
        min-width: 1080rem;
        max-width: 1080rem;
    }
    .login-block__list--hojin{
        justify-content: center;
    }
    .login-block__item{
        width: calc((100% - 36rem) / 2);
        padding: 40rem 0;
    }
    .login-block__item--3-column{
        width: calc((100% - 36rem) / 3);
        margin-bottom: 0;
        padding: 40rem 0 29rem;
    }
    .login-block__item--hojin{
        width: 788rem;
    }
    .login-block__item--none{
        display: block;
    }
    .login-block__pc-title{
        display: block;
        color: var(--mgNavy);
        font-size: 24rem;
        line-height: 150%;
        letter-spacing: 0.05em;
        font-weight: bold;
        text-align: center;
        margin-bottom: 4rem;
    }
    .login-block__title{
        margin-bottom: 27rem;
    }
    .login-block__app-area-title{
        margin-bottom: 18rem;
    }
    .login-block__btn-list{
        padding: 0 52rem;
        margin-bottom: 32rem;
        border-bottom: none;
    }
    .login-block__btn-list--margin{
        margin-bottom: 0;
    }
    .login-block__btn-list--hojin{
        width: 479rem;
        margin: 0 auto;
    }
    .login-block__account-block{
        padding: 0 52rem;
    }
    .login-block__account-block--hojin{
        display: none;
    }
    .login-block__app-item{
        margin-right: 48rem;
    }
    .login-block__app-title{
        margin-bottom: 0;
    }
    .login-block__app-qr-img{
        display: block;
        width: 100rem;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1200px), print{
    .login-block__list--3-column{
        width: 100%;
        max-width: 1199rem;
    }
    .login-block__item--3-column{
        width: calc((100% - 72rem) / 3);
    }
}
/* ---------- END: ログインブロック ---------- */

/* ---------- みやぎん選ばれる理由 ---------- */
.content-block--point-card{
    background-image: url(../images/temporary-img/point-card_bg_sp.jpg);
    background-size: contain;
    min-height: 800rem;
}
.content-block__body--point-card{
    padding: 60rem 0 0;
}
.point-card__title{
    color: var(--mgWhite);
    font-weight: bold;
    font-size: 24rem;
    line-height: 150%;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 20rem;
}
.point-card__title--reason{
    font-size: 28rem;
}
.point-card__list{
    padding-left: 0;
    margin-bottom: 40rem;
}
.point-card__item{
    width: 100%;
    margin-bottom: 16rem;
    background-color: var(--mgWhite);
    border-radius: 10rem;
    list-style: none;
}
.point-card__link{
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 125rem;
    box-shadow: 0rem 8rem 20rem rgba(179, 192, 238, 0.35);
    border-radius: 10rem;
}
.point-card__img{
    display: block;
    width: 125rem;
    height: 100%;
    border-radius: 10rem 0 0 10rem;
    object-fit: cover;
}
.point-card__text-block{
    padding: 15rem;
}
.point-card__point{
    font-family: var(--RobotoCondensed);
    font-style: italic;
    font-size: 18rem;
    line-height: 100%;
    color: var(--mgLogoBlue);
    letter-spacing: 0.05em;
    margin-bottom: 5rem;
}
.point-card__text{
    font-size: 16rem;
    color: var(--mgBlack);
    line-height: 150%;
    max-height: 72rem;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.point-card__btn{
    margin: 0 auto;
}
@media screen and (min-width: 600px), print{
    .content-block--point-card{
        background-image: url(../images/temporary-img/point-card_bg_pc.jpg);
        background-size: cover;
        min-height: 840rem;
    }
    .content-block__body--point-card{
        padding: 82rem 0 0;
    }
    .point-card__title{
        font-size: 28rem;
        line-height: 180%;
        margin-bottom: 30rem;
    }
    .point-card__title--reason{
        font-size: 36rem;
    }
    .point-card__list{
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 60rem;
    }
    .point-card__item{
        display: flex;
        width: calc((100% - 72rem) / 3);
        margin-bottom: 0;
        margin-right: 36rem;
        border-radius: 20rem;
    }
    .point-card__link{
        flex-direction: column;
        min-height: 382rem;
        box-shadow: 0rem 16rem 24rem rgba(179, 192, 238, 0.3);
        border-radius: 20rem;
    }
    .point-card__img{
        width: 100%;
        border-radius: 20rem 20rem 0 0;
    }
    .point-card__text-block{
        padding: 20rem;
    }
    .point-card__point{
        font-size: 24rem;
        margin-bottom: 10rem;
        text-align: center;
    }
    .point-card__text{
        font-size: 24rem;
        letter-spacing: 0.04em;
        text-align: center;
        max-height: none;
    }
    .primary--point-card{
        min-height: 72rem;
        border-radius: 36rem;
    }
}
/* ---------- END: みやぎん選ばれる理由 ---------- */

/* ---------- ニュース・トピックス 個別 ---------- */
.wysiwyg-title-area {
    border-bottom: 1px solid var(--mgGray);
    padding-bottom: 20rem;
    margin-bottom: 20rem;
}
.new-label--wysiwyg-title-area {
    color: var(--mgSkyBlue);
    font-size: 14rem;
    margin-bottom: 10rem;
}
.wysiwyg-title-area__h1 {
    font-weight: bold;
    font-size: 24rem;
    line-height: 150%;
    letter-spacing: 0.05em;
    margin-bottom: 10rem;
}
.wysiwyg-title-area__tag-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wysiwyg-title-area__tag-item {
    margin: 0 6rem 4rem 0;
}
.wysiwyg-title-area__tag-item:first-of-type {
    margin: 0 6rem 0 0;
}
.wysiwyg-title-area__date {
    color: var(--mgDarkGray);
    font-weight: bold;
    font-size: 12rem;
    line-height: 150%;
    width: fit-content;
}
@media screen and (min-width: 600px), print{
    .content-block__area--topics {
        width: 940rem;
        margin: 0 auto;
    }
    .wysiwyg-title-area {
        margin-bottom: 40rem;
    }
    .new-label--wysiwyg-title-area {
        font-size: 18rem;
    }
    .wysiwyg-title-area__h1 {
        font-size: 36rem;
    }
    .wysiwyg-title-area__date {
        font-size: 14rem;
    }
}
/* ---------- END: ニュース・トピックス 個別 ---------- */

/* 見出し */
.main-title__h3{
    font-weight: bold;
    font-size: 18rem;
    line-height: 150%;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 600px), print{
    .main-title__h3{
        font-size: 20rem;
    }
}

/* END: 見出し */

/* トップ見出し */
.header-text-area{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 30rem;
}
.header-text-l{
    font-size: 24px;
    line-height: 150%;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
    width: fit-content;
    color: var(--mgNavy);
}
.header-text-m{
    font-size: 20rem;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    width: fit-content;
    color: var(--mgNavy);
}
/* 補足テキスト */
.header-note-text{
    margin-top: 10rem;
    font-size: 18rem;
    line-height: 150%;
    width: fit-content;
}
@media screen and (min-width: 600px), print{
    .header-text-area{
        margin-bottom: 50rem;
    }
    .header-text-l{
        font-size: 28rem;
    }
    .header-text-m{
        font-size: 24rem;
        letter-spacing: 0.05em;
    }
    /* 補足テキスト */
    .header-note-text{
        margin-top: 15rem;
        font-size: 18rem;
        letter-spacing: 0.02em;
    }
}
/* END: トップ見出し */


/* ---------- ページネーション ---------- */
.pagination {
    width: 100%;
    margin-top: 40rem;
    position: relative;
}
.pagination-list{
    display: flex;
    width: fit-content;
    margin: 0 auto;
    padding-left: 0;
}
.pagination-list__item{
    width: 40rem;
    height: 40rem;
    border-radius: 6rem;
    margin-right: 10rem;
    margin-bottom: 0;
    list-style: none;
}
.pagination-list__item:last-of-type{
    margin-right: 0;
}
.main-pagination{
    margin-top: 40rem;
}
.main-pagination > .pagination >  .nav-links > .page-numbers > li{
    width: 40rem;
    height: 40rem;
    border-radius: 6rem;
    margin: 0 10rem 0 0;
    list-style: none;
}
.main-pagination > .pagination >  .nav-links > .page-numbers > li:last-of-type{
    margin-right: 0;
}
.page-numbers{
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mgLogoBlue);
    font-family: var(--Roboto);
    font-size: 18rem;
    font-weight: bold;
    width: 100%;
    height: 100%;
    background-color: var(--mgWhite);
    border: 1px solid var(--mgLogoBlue);
    border-radius: 6rem;
    padding-left: 0;
    margin-bottom: 0;
}
.main-pagination > .pagination >  .nav-links > .page-numbers > li > .page-numbers:hover{
    color: var(--mgWhite);
    background: var(--mgGradationBlue);
    border: none;
    transition: 0.3s all ease;
}
.pagination-list > .pagination-list__item >  .page-numbers:hover{
    color: var(--mgWhite);
    background: var(--mgGradationBlue);
    border: none;
    transition: 0.3s all ease;
}
.main-pagination > .pagination >  .nav-links > .page-numbers > li > .dots{
    pointer-events: none;
}
.pagination-list > .pagination-list__item >  .dots{
    pointer-events: none;
}
.main-pagination > .pagination >  .nav-links > .page-numbers{
    border: none;
}
.current{
    color: var(--mgWhite);
    background: var(--mgGradationBlue);
    border: none;
}
.prev {
    justify-content: flex-start;
    border: none;
    background-color: transparent;
    padding-left: 1rem;
}
.prev::before {
    display: block;
    content: '';
    background-image: url(../images/icon/blue-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 8rem;
    height: 14rem;
    transform: rotate(180deg);
    position: relative;
    left: 0;
    transition: 0.3s all ease;
}
.main-pagination > .pagination >  .nav-links > .page-numbers > li > .prev:hover{
    background: transparent;
    transition: 0.3s all ease;
}
.main-pagination > .pagination >  .nav-links > .page-numbers > li > .prev:hover::before{
    position: relative;
    left: -10rem;
}
.pagination-list > .pagination-list__item >  .prev:hover{
    background: transparent;
}
.pagination-list > .pagination-list__item >  .prev:hover::before{
    position: relative;
    left: -10rem;
}
.next {
    justify-content: flex-end;
    border: none;
    background-color: transparent;
    padding-right: 1rem;
}
.next::before {
    display: block;
    content: '';
    background-image: url(../images/icon/blue-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 8rem;
    height: 14rem;
    position: relative;
    right: 0;
    transition: 0.3s all ease;
}
.main-pagination > .pagination >  .nav-links > .page-numbers > li > .next:hover{
    background: transparent;
}
.main-pagination > .pagination >  .nav-links > .page-numbers > li > .next:hover::before{
    position: relative;
    right: -10rem;
}
.pagination-list > .pagination-list__item >  .next:hover{
    background: transparent;
}
.pagination-list > .pagination-list__item >  .next:hover::before{
    position: relative;
    right: -10rem;
}
@media screen and (min-width: 600px), print{
    .pagination {
        margin-top: 50rem;
        position: relative;
    }
    .pagination-list__item{
        margin-right: 16rem;
    }
    .main-pagination{
        margin-top: 60rem;
    }
    .main-pagination > .pagination >  .nav-links > .page-numbers > li{
        margin-right: 16rem;
    }
    .prev {
        position: absolute;
        left: 0;
        width: 40rem;
        padding-left: 0;
    }
    .prev::before {
        width: 12rem;
        height: 22rem;
    }
    .next {
        position: absolute;
        right: 0;
        width: 40rem;
        padding-right: 0;
    }
    .next::before {
        width: 12rem;
        height: 22rem;
    }
}
/* ---------- END: ページネーション ---------- */

/* タブボタン: 開始 */
.tab-btn__list{
    display: flex;
    padding: 0;
    margin-bottom: 0;
}
.tab-btn__list--2{
    padding: 0;
    border-bottom: 1px solid var(--mgGray);
}
.tab-btn__list--branch-atm{
    border-bottom: none;
}
.tab-btn__item{
    border: 1px solid var(--mgGray);
    border-bottom: none;
    width: calc((100% - 15rem) / 4);
    min-height: 60rem;
    margin-right: 5rem;
    border-top-left-radius: 10rem;
    border-top-right-radius: 10rem;
    box-shadow: 4px 4px 8px rgba(178, 192, 238, 0.4);
    background: var(--mgWhite);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    list-style: none;
    cursor: pointer;
}
.tab-btn__item:hover{
    border: none;
    padding-top: 1rem;
    background: var(--mgGradationBlue);
}
.tab-btn__item--2{
    position: relative;
    width: calc((100% - 5rem) / 2);
}
.tab-btn__item--2::before{
    display: block;
    content: "";
    position: absolute;
    bottom: -16rem;
    left: 0;
    width: calc(100% + 12rem);
    height: 15rem;
    background-color: var(--mgWhite);
    z-index: 1;
}
.tab-btn__item:last-of-type{
    margin: 0;
}
.tab-btn__item--active{
    pointer-events: none;
    border: none;
    background: var(--mgGradationBlue);
}
.tab-btn__link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10rem;
}
.tab-btn__text{
    color: var(--mgBlack);
    font-size: 14rem;
    line-height: 125%;
    letter-spacing: 0.02em;
    text-align: center;
}
.tab-btn__item:hover .tab-btn__text{
    color: var(--mgWhite);
    font-weight: bold;
    transition: 0.3s all ease;
}
.tab-btn__text--active{
    color: var(--mgWhite);
    font-weight: bold;
}
.tab-btn__num{
    font-size: 12rem;
    color: var(--mgBlack);
    line-height: 125%;
    letter-spacing: 0.02em;
    text-align: center;
}
.tab-btn__item:hover .tab-btn__num{
    color: var(--mgWhite);
    font-weight: bold;
    transition: 0.3s all ease;
}
.tab-btn__num--active{
    color: var(--mgWhite);
    font-weight: bold;
}
@media screen and (min-width: 600px), print{
    .tab-btn__list{
        padding: 0;
    }
    .tab-btn__item{
        width: 190rem;
        min-height: 48rem;
        margin-right: 12rem;
    }
    .tab-btn__item--2{
        width: 240rem;
    }
}
/* タブボタン: 終了 */


/* ---------- 商品・サービス ---------- */
/* 【パーツ】商品・サービス */
.content-block__body--parts-service-card-s{
    padding: 70rem 0 90rem;
}
.content-block__body--parts-service-card-m{
    /* position: relative; */
    /* topは仮 */
    padding: 70rem 0 65rem;
}
/* パネルMサイズ */
.service-card-m__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}
.service-card-m__item{
    display: flex;
    width: fit-content;
    margin-bottom: 21rem;
    list-style: none;
    position: relative;
}
.service-card-m__item--external-icon::before{
    content: "";
    display: block;
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 16rem;
    right: 16rem;
}
.service-card-m__link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 157rem;
    min-height: 157rem;
    border-radius: 20rem;
    padding: 0 10rem;
    background: var(--mgWhite);
    box-shadow: 0rem 0rem 10rem rgba(178, 192, 238, 0.16), 0rem 8rem 10rem rgba(179, 192, 238, 0.35);
}
.service-card-m__link:hover{
    box-shadow: 10px 20px 30px rgba(179, 192, 238, 0.4);
    transition: 0.3s all ease;
}
.service-card-m__img{
    display: block;
    width: 100%;
    margin-bottom: 16rem;
}
.service-card-m__text{
    font-size: 16rem;
    color: var(--mgBlack);
    line-height: 125%;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 600px), print{
    .content-block__body--parts-service-card-s{
        padding: 80rem 0 120rem;
    }
    .content-block__body--parts-service-card-m{
        /* topは仮 */
        padding: 80rem 0 86rem;
    }
    .service-card-m__list{
        justify-content: center;
    }
    .service-card-m__item:before {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .service-card-m__item{
        width: calc((100% - 36rem * 5) / 6);
        margin-right: 36rem;
    }
    .service-card-m__item:last-of-type{
        margin-right: 0;
    }
    .service-card-m__link{
        width: 100%;
        height: 100%;
        min-height: auto;
        padding: 0 15rem;
        box-shadow: 0rem 16rem 24rem rgba(179, 192, 238, 0.3);
    }
    .service-card-m__img{
        margin-bottom: 0;
    }
    .service-card-m__text{
        display: flex;
        align-items: center;
        min-height: 40rem;
    }
}
/* パネルSサイズ */
.service-card-s__list{
    padding-left: 0;
    margin-bottom: 0;
}
.service-card-s__item{
    display: flex;
    width: 100%;
    margin-bottom: 10rem;
    list-style: none;
}
.service-card-s__link{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 64rem;
    border-radius: 10rem;
    background: var(--mgWhite);
    border: 1rem solid var(--mgGray);
}
.service-card-s__link:hover{
    border: 1rem solid var(--mgLogoBlue);
}
.service-card-s__link--note{
    align-items: flex-start;
}
.service-card-s__img{
    display: block;
    width: 60rem;
}
.service-card-s__text{
    font-size: 16rem;
    color: var(--mgBlack);
    line-height: 125%;
    font-weight: bold;
    width: 100%;
}
.service-card-s__block{
    position: relative;
    width: 100%;
    padding: 16rem 30rem 16rem 0;
}
.service-card-s__block::after{
    position: absolute;
    top: calc(100% / 2 - 6rem);
    right: 20rem;
    display: block;
    content: '';
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
}
.service-card-s__block--external::after{
    width: 12rem;
    height: 12rem;
    background-image: url(../images/icon/external-icon-blue.svg);
}
.service-card-s__link:hover .service-card-s__block::after{
    right: 14rem;
    transition: 0.3s all ease;
}
.service-card-s__note{
    font-size: 14rem;
    line-height: 150%;
    margin-top: 4rem;
    color: var(--mgBlack);
}
@media screen and (min-width: 600px), print{
    .service-card-s__list{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .service-card-s__item{
        width: calc((100% - 36rem * 2) / 3);
        margin: 0 36rem 20rem 0;
    }
    .service-card-s__link{
        min-height: 72rem;
    }
    .service-card-s__link--note{
        align-items: center;
    }
    .service-card-s__img{
        width: 70rem;
    }
    .service-card-s__text{
        font-size: 18rem;
        line-height: 125%;
        letter-spacing: 0.02em;
    }
    .service-card-s__text::after{
        top: calc(100% / 2 - 6rem);
        right: 21rem;
        width: 7rem;
        height: 12rem;
    }
    .service-card-s__block{
        padding: 21.5rem 35rem 21.5rem 0;
    }
}
/* ---------- END: 商品・サービス ---------- */


/* ---------- トピックスカード ---------- */
.content-block__body--topics-panel{
    padding: 0;
}
.topics-panel-single__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 10rem;
    background: var(--mgWhite);
    border: 1rem solid var(--mgGray);
    box-shadow: 0rem 4rem 8rem rgba(179, 192, 238, 0.2);
    list-style: none;
}
.topics-panel-single__item:hover{
    box-shadow: 10px 20px 30px rgba(179, 192, 238, 0.4);
    transition: 0.3s all ease;
}
.topics-panel-single__link{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    border-radius: 10rem;
    background: var(--mgWhite);
    border: 1rem solid var(--mgGray);
    box-shadow: 0rem 4rem 8rem rgba(179, 192, 238, 0.2);
    min-height: 80rem;
    padding: 12rem 39rem 12rem 20rem;
}
.topics-panel-single__link:hover{
    box-shadow: 10px 20px 30px rgba(179, 192, 238, 0.4);
    transition: 0.3s all ease;
}
.topics-panel-single__text{
    position: relative;
    font-size: 18rem;
    color: var(--mgBlack);
    line-height: 150%;
    letter-spacing: 0.02em;
    font-weight: bold;
    width: 100%;
    height: fit-content;
}
.topics-panel-single__text::after{
    position: absolute;
    top: calc(100% / 2 - 6rem);
    right: -17rem;
    display: block;
    content: '';
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
}
.topics-panel__list{
    padding-left: 0;
    margin-bottom: 0;
}
.topics-panel__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 12rem;
    border-radius: 10rem;
    background: var(--mgWhite);
    border: 1rem solid var(--mgGray);
    box-shadow: 0rem 4rem 8rem rgba(179, 192, 238, 0.2);
    list-style: none;
}
.topics-panel__item:hover{
    box-shadow: 10px 20px 30px rgba(179, 192, 238, 0.4);
    transition: 0.3s all ease;
}
.topics-panel__link{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 80rem;
}
.topics-panel__text-area{
    width: 100%;
    padding: 12rem 39rem 12rem 20rem;
}
.topics-panel__text{
    font-size: 18rem;
    color: var(--mgBlack);
    line-height: 150%;
    letter-spacing: 0.02em;
    font-weight: bold;
    width: 100%;
    height: fit-content;
    position: relative;
}
.topics-panel__text::after{
    position: absolute;
    top: calc(100% / 2 - 6rem);
    right: -17rem;
    display: block;
    content: '';
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
}
.topics-panel__text--pdf::after{
    position: absolute;
    top: calc(100% / 2 - 8rem);
    right: -21rem;
    display: block;
    content: '';
    background-image: url(../images/icon/pdf-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16rem;
    height: 16rem;
    flex-shrink: 0;
}
.topics-panel__text--external::after{
    position: absolute;
    top: calc(100% / 2 - 6rem);
    right: -20rem;
    display: block;
    content: '';
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12rem;
    height: 12rem;
    flex-shrink: 0;
}
.topics-panel__notes-text{
    font-size: 14rem;
    line-height: 150%;
    color: var(--mgBlack);
    margin-top: 6rem;
}
.topics-panel__img{
    display: block;
    width: 100%;
    object-fit: cover;
    margin-top: 6rem;
}
.topics-panel__second-list{
    padding: 0 20rem;
    margin-bottom: 25rem;
    width: 100%;
}
.topics-panel__second-item{
    border-top: 1px solid var(--mgGray);
    padding: 10rem 0 13rem 0;
    margin-bottom: 0;
    list-style: none;
}
.topics-panel__second-item:last-of-type{
    border-bottom: 1px solid var(--mgGray);
}
.topics-panel__second-text{
    font-size: 14rem;
    color: var(--mgBlack);
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topics-panel__second-text::after{
    content: "";
    display: block;
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
    margin-left: 15rem;
    flex-shrink: 0;
}
.topics-panel__second-text--external::after{
    background-image: url(../images/icon/external-icon-blue.svg);
    width: 10rem;
    height: 10rem;
}
@media screen and (min-width: 600px), print{
    .topics-panel-single__link{
        min-height: 100rem;
        padding: 22rem 40rem 22rem 20rem;
    }
    .topics-panel-single__text{
        font-size: 18rem;
        color: var(--mgBlack);
        line-height: 150%;
        letter-spacing: 0.02em;
        font-weight: bold;
        width: 100%;
        height: fit-content;
    }
    .topics-panel-single__text::after{
        position: absolute;
        top: calc(100% / 2 - 6rem);
        right: -14rem;
        display: block;
        content: '';
        background-image: url(../images/icon/right-arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 6rem;
        height: 10rem;
    }
    .topics-panel__list{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .topics-panel__item{
        width: calc((100% - 36rem * 2) / 3);
        margin: 0 36rem 20rem 0;
    }
    .topics-panel__link{
        min-height: 100rem;
    }
    .topics-panel__text-area{
        width: 100%;
        padding: 22rem 40rem 22rem 20rem;
    }
    .topics-panel__text::after{
        top: calc(100% / 2 - 6rem);
        right: -18rem;
        width: 7rem;
        height: 12rem;
    }
    .topics-panel__text--pdf::after{
        position: absolute;
        top: calc(100% / 2 - 8rem);
        right: -17rem;
        display: block;
        content: '';
        background-image: url(../images/icon/pdf-icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 16rem;
        height: 16rem;
        flex-shrink: 0;
    }
    .topics-panel__text--external::after{
        position: absolute;
        top: calc(100% / 2 - 6rem);
        right: -18rem;
        display: block;
        content: '';
        background-image: url(../images/icon/external-icon-blue.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 12rem;
        height: 12rem;
        flex-shrink: 0;
    }
    .topics-panel__second-list{
        display: none;
    }
}
/* ---------- END: トピックスカード ---------- */


/* ---------- お知らせ ---------- */
.news-card__all-list{
    margin-bottom: 38rem;
    padding: 0;
}
.news-card__all-item{
    display: none;
    margin-bottom: 0;
}
.news-card__all-item:first-of-type{
    display: inline-block;
    width: 100%;
}
.news-card__all-item--active{
    display: inline-block;
    width: 100%;
}
.content-block__body--parts-news-block{
    padding: 60rem 0 72rem;
}
.news-card__list{
    width: 100%;
    padding: 0;
    background-color: var(--mgWhite);
    z-index: 1;
    position: relative;
    border-bottom: 1rem solid var(--mgGray);
    margin-bottom: 0;
}
.news-card__list--regulations{
    padding: 0;
}
.news-card__item{
    border-top: 1rem solid var(--mgGray);
    width: 100%;
    margin-bottom: 0;
    list-style: none;
}
.news-card__item--not-link-list:last-of-type{
    border-bottom: 1rem solid var(--mgGray);
}
.news-card__item--search:nth-of-type(3){
    display: none;
}
.news-card__link{
    display: flex;
    flex-direction: column;
    padding: 20rem 10rem;
    width: 100%;
}
.news-card__link:hover .news-card__text{
    transition: 0.3s all ease;
    color: var(--mgLogoBlue);
}
.news-card__item--not-link-list > .news-card__link{
    pointer-events: none;
}
.news-card__date{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 4rem;
}
.news-card__date-text{
    font-size: 12rem;
    font-weight: bold;
    line-height: 150%;
    color: var(--mgDarkGray);
    margin-right: 6rem;
}
.news-card__new{
    margin-right: 6rem;
}
.news-card__new--sky-blue{
    margin-right: 8rem;
}
.news-card__category-list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.news-card__category-item{
    margin-right: 6rem;
    margin-bottom: 4rem;
    list-style: none;
}
.news-card__text{
    font-size: 14rem;
    line-height: 150%;
    text-decoration: underline;
    color: var(--mgBlack);
}
.news-card__text--not-link{
    text-decoration: none;
}
.news-card__text--pdf::after{
    content: "";
    display: inline-block;
    background-image: url(../images/icon/pdf-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16rem;
    height: 16rem;
    position: relative;
    bottom: -3rem;
    margin-left: 4rem;
}
.news-card__text--external::after{
    content: "";
    display: inline-block;
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    position: relative;
    bottom: 2rem;
    margin-left: 4rem;
}

/* 新型コロナウイルスのお知らせブロック */
.covid-news-card__date{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 4rem;
}
.covid-news-card__date-text{
    margin-right: 0;
}
.covid-list--maegin{
    margin-bottom: 30rem;
}
/* END : 新型コロナウイルスのお知らせブロック */

@media screen and (min-width: 600px), print{
    .news-card__all-list{
        margin-bottom: 50rem;
    }
    .content-block__body--parts-news-block{
        padding: 80rem 0 95rem;
    }
    .news-card__item{
        display: flex;
        align-items: flex-start;
    }
    .news-card__link{
        flex-direction: row;
        padding: 20rem 20rem;
    }
    .news-card__link--regulations{
        flex-direction: column;
    }
    .news-card__date{
        align-items: center;
        margin-bottom: 0;
        margin-right: 10rem;
        width: calc(34% - 10rem);
    }
    .news-card__date--regulations{
        width: 100%;
        margin-right: 0;
        margin-bottom: 8rem;
    }
    .news-card__date--not-link-list{
        width: 176rem;
    }
    .news-card__date-text{
        font-size: 16rem;
    }
    .news-card__text{
        flex-shrink: 0;
        font-size: 16rem;
        width: 66%;
    }
    /* 新型コロナウイルスのお知らせブロック */
    .covid-news-card__date{
        align-items: center;
        margin-bottom: 0;
        margin-right: 40rem;
        width: fit-content;
    }
    .covid-news-card__text{
        flex-grow: 1;
    }
    .covid-list--maegin{
        margin-bottom: 40rem;
    }
    /* END : 新型コロナウイルスのお知らせブロック */

}
/* ---------- END: お知らせ ---------- */
/* ---------- 新型コロナ感染者コンテンツ ---------- */
.coronavirus__item{
    border-top: 1px solid var(--mgGray);
}
.coronavirus__item:last-of-type{
    border-bottom: 1px solid var(--mgGray);
}
.coronavirus__item--last{
    border-bottom: 1px solid var(--mgGray);
}
.coronavirus__title{
    font-size: 16rem;
    font-weight: bold;
    padding: 17rem 4rem 17rem 10rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.coronavirus__title::after{
    content: "";
    display: block;
    background-image: url(../images/icon/plus-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12rem;
    height: 12rem;
    margin-left: 44rem;
    transition: .5s ;
    transform: rotateZ( 0deg ) ;
}
.coronavirus__title:hover{
    color: var(--mgLogoBlue);
}
.coronavirus__title--open::after{
    content: "";
    display: block;
    background-image: url(../images/icon/minus-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12rem;
    height: 2rem;
    transform: rotateZ( 180deg );
}
.coronavirus__table{
    overflow: hidden;
    margin-bottom: 40rem;
    transition: all 0.4s ease;
}
@media screen and (min-width: 600px), print{
    .coronavirus__title{
        font-size: 18rem;
        padding: 20rem 10rem;
    }
}
@media screen and (min-width: 1320px), print{
    .coronavirus__title:hover::after{
        transform: rotateZ( 180deg ) ;
    }
}

/* 新型コロナ感染者コンテンツ(表) */
.table-std{
    width: 100%;
}
.table-wrap{
    font-size: 14rem;
    line-height: 150%;
    width: 100%;
}
.table-std__head{
    background-color: var(--mgPaleGray);
    min-height: 45rem;
}
.table-std__row{
    height: 45rem;
    min-height: 45rem;
}
.table-std__head-cell--pc-4{
    width: calc(100% / 4);
}
.table-std__data-cell{
    text-align: center;
    vertical-align: middle;
    border: 1rem solid var(--mgGray);
    min-height: 45rem;
    padding: 10rem;
}
.coronavirus__item .table-std__data-cell {
    padding: 6rem;
}
.table-std__head-cell {
    table-layout: fixed;
    width: fit-content;
    text-align: center;
    vertical-align: middle;
    background-color: var(--mgPaleGray);
    border: 1rem solid var(--mgGray);
    padding: 10rem;
}
.coronavirus__item .table-std__head-cell {
    font-weight: bold;
    padding: 6rem;
}
.table-std__head-cell--w42{
    width: 42rem;
}
.table-std__head-cell--w97{
    width: 97rem;
}
.table-std__head-cell--w111{
    width: 111rem;
}
@media screen and (min-width: 600px), print{
    .coronavirus__item .table-std__data-cell {
        padding: 10rem;
    }
    .coronavirus__item .table-std__head-cell {
        padding: 10rem;
    }
    .table-std__head-cell--pc-4 {
        width: calc(100% / 4);
    }
}
/* ---------- END: 新型コロナ感染者コンテンツ ---------- */
/* ---------- お問い合わせ ---------- */
/* 電話 */
@media screen and (min-width: 600px){
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}
.inquiry__title{
    margin-bottom: 20rem;
}
.inquiry__title-note{
    font-size: 16rem;
    line-height: 175%;
    margin-bottom: 20rem;
}
.inquiry__list{
    border: 1rem solid var(--mgGray);
    border-radius: 10rem;
    padding: 20rem;
    margin-bottom: 40rem;
}
.inquiry__item{
    padding: 16rem 0;
    border-bottom: 1rem solid var(--mgGray);
    margin-bottom: 0;
    list-style: none;
}
.inquiry__item:first-of-type{
    padding-top: 0;
}
.inquiry__item:last-of-type{
    padding-bottom: 0;
    border-bottom: none;
}
.inquiry__shoulder{
    font-size: 14rem;
    color: var(--mgNavy);
    line-height: 150%;
    margin-bottom: 12rem;
}
.inquiry__block-title{
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
    flex-shrink: 0;
}
.inquiry__block-title--v2{
    text-align: center;
    margin-bottom: 12rem;
}
.inquiry__tel{
    display: flex;
    align-items: center;
    font-size: 30rem;
    line-height: 150%;
    letter-spacing: 0.02em;
    font-weight: bold;
    color: var(--mgBlack);
    margin-bottom: 8rem;
}
.inquiry__tel::before{
    position: relative;
    top: 1.5rem;
    content: "";
    display: block;
    background-image: url(../images/icon/free-dial.svg);
    background-size: cover;
    width: 42rem;
    height: 24rem;
    margin-right: 8rem;
}
.inquiry__tel--no-icon::before{
    display: none;
}
.inquiry__reception--v2{
    margin-top: 25rem;
}
.inquiry__reception-text{
    flex-shrink: 0;
    font-size: 14rem;
    line-height: 150%;
    font-weight: bold;
    margin-bottom: 2.5rem;
}
.inquiry__reception-time{
    font-size: 14rem;
    line-height: 150%;
}
.inquiry__reception-time-note{
    font-size: 14rem;
    line-height: 150%;
}
/* ボタンバージョン */
.inquiry__shoulder--btn-block{
    margin-bottom: 20rem;
}
.inquiry__btn-block-text{
    font-size: 14rem;
    line-height: 150%;
    text-align: center;
    margin-bottom: 10rem;
}
.inquiry__btn-block-area{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.inquiry__btn-block-btn{
    margin-bottom: 12rem;
}
.inquiry__btn-block-btn-link{
    min-height: 48rem;
    border-radius: 24rem;
    padding: 10rem 17.5rem;
}
.inquiry__btn-block-btn-text{
    font-size: 16rem;
}
.inquiry__btn-block-btn-text--icon-external{
    padding: 10rem 37rem;
}
.inquiry__btn-block-btn-text--icon-external::after{
    content: "";
    display: block;
    background-image: url(../images/icon/external-icon-white.svg);
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    width: 12rem;
    height: 12rem;
    position: absolute;
    right: 20rem;
}
.inquiry__btn-block-btn:last-of-type{
    margin-bottom: 0;
}
/* ボタンバージョン: 終了 */
@media screen and (min-width: 600px), print{
    .inquiry__title-note{
        font-size: 18rem;
    }
    .inquiry__list{
        border-radius: 20rem;
        padding: 40rem;
        margin-bottom: 60rem;
    }
    .inquiry__item{
        padding: 30rem 0;
    }
    .inquiry__shoulder{
        font-size: 18rem;
        letter-spacing: 0.02em;
        margin-bottom: 24rem;
    }
    .inquiry__block{
        display: flex;
    }
    .inquiry__block-title{
        width: 400rem;
        font-size: 20rem;
        letter-spacing: 0.05em;
        margin-right: 20rem;
    }
    .inquiry__block-title--v2{
        text-align: start;
        margin-bottom: 0;
    }
    .inquiry__tel{
        font-size: 60rem;
        line-height: 60rem;
        margin-bottom: 15rem;
    }
    .inquiry__tel::before{
        width: 70rem;
        height: 40rem;
    }
    .inquiry__reception-time-area{
        max-width: 788rem;
    }
    .inquiry__reception{
        display: flex;
        width: fit-content;
    }
    .inquiry__reception-text{
        font-size: 20rem;
        letter-spacing: 0.04em;
        margin-right: 10rem;
        margin-bottom: 0;
    }
    .inquiry__reception-time{
        font-size: 20rem;
        letter-spacing: 0.02em;
    }
    .inquiry__reception-time-note{
        font-size: 18rem;
        letter-spacing: 0.02em;
    }
    .inquiry__reception-time-note--bg{
        font-size: 16rem;
    }
    /* ボタンバージョン */
    .inquiry__btn-block-text{
        font-size: 18rem;
        letter-spacing: 0.02em;
        margin-bottom: 20rem;
    }
    .inquiry__btn-block-area{
        flex-direction: row;
        justify-content: center;
    }
    .inquiry__btn-block-area--v2{
        justify-content: flex-start;
    }
    .inquiry__btn-block-btn{
        margin-bottom: 0;
        margin-right: 20rem;
    }
    .inquiry__btn-block-btn-link{
        min-height: auto;
        height: 72rem;
        border-radius: 36rem;
    }
    .inquiry__btn-block-btn-text{
        font-size: 20rem;
        letter-spacing: 0.04em;
    }
    .inquiry__btn-block-btn:last-of-type{
        margin-right: 0;
    }
    /* ボタンバージョン: 終了 */
}

/* お問い合わせ背景あり */
.inquiry-bg{
    background-color: var(--mgPaleGray);
    padding: 30rem 20rem 20rem;
    border-radius: 10rem;
}
.inquiry-bg__title{
    color: var(--mgNavy);
    font-weight: bold;
    font-size: 16rem;
    line-height: 150%;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 16rem;
}
.inquiry-bg__shoulder{
    font-size: 14rem;
    line-height: 150%;
    margin-bottom: 16rem;
}
.inquiry-bg__list{
    padding-left: 0;
    margin-bottom: 0;
}
.inquiry-bg__item{
    border-bottom: 1px solid var(--mgGray);
    padding: 16rem 0 21rem;
    margin-bottom: 0;
    list-style: none;
}
.inquiry-bg__item:first-of-type{
    padding-top: 0;
}
.inquiry-bg__item:last-of-type{
    border: none;
    margin: 0;
}
.inquiry-bg__item--btn-block:last-of-type{
    padding-bottom: 10rem;
}
.inquiry-bg__block-title{
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
}
.inquiry-bg__btn-block-text{
    font-size: 14rem;
    line-height: 150%;
    text-align: center;
    margin-bottom: 12rem;
}
.inquiry-bg__btn-block-btn{
    margin: 0 auto 12rem;
}
.inquiry-bg__btn-block-btn:last-of-type{
    margin-bottom: 0;
}
@media screen and (min-width: 600px), print{
    .inquiry-bg{
        width: 994rem;
        margin: 0 auto;
        align-items: center;
        padding: 40rem;
        border-radius: 20rem;
    }
    .inquiry-bg__title{
        font-size: 20rem;
        margin-bottom: 26rem;
    }
    .inquiry-bg__shoulder{
        font-size: 16rem;
        text-align: center;
        margin-bottom: 26rem;
    }
    .inquiry-bg__item{
        padding: 30rem 0;
    }
    .inquiry-bg__item:last-of-type{
        border: none;
        padding-bottom: 0;
    }
    .inquiry-bg__item--btn-block:last-of-type{
        padding-bottom: 10rem;
    }
    .inquiry-bg__block-title{
        font-size: 20rem;
        letter-spacing: 0.05em;
        text-align: center;
    }
    .inquiry-bg__btn-block-text{
        font-size: 18rem;
        line-height: 150%;
        letter-spacing: 0.02em;
        text-align: center;
        margin-bottom: 20rem;
    }
    .inquiry__tel-area--bg{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .inquiry-bg__btn-block-area{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .inquiry-bg__btn-block-btn{
        margin: 0 20rem 0 0;
    }
    .inquiry-bg__btn-block-btn-link{
        min-height: auto;
        height: 72rem;
        border-radius: 36rem;
    }
    .inquiry-bg__btn-block-btn-text{
        font-size: 20rem;
        letter-spacing: 0.04em;
    }
}
/* お問い合わせ背景あり: 終了 */
/* ---------- END: お問い合わせ ---------- */


/* ---------- よくあるご質問 ---------- */
/* FAQ: 開始 */
.faq__list{
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.faq__item{
    border-top: 1px solid var(--mgGray);
    margin-bottom: 0;
    list-style: none;
}
.faq__item:last-of-type{
    border-bottom: 1px solid var(--mgGray);
}
.faq__link{
    display: block;
    padding: 16rem 5rem 16rem 0;
}
.faq__text{
    color: var(--mgBlack);
    font-size: 16rem;
    font-weight: bold;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 38rem;
    position: relative;
}
.faq__link:hover .faq__text{
    color: var(--mgLogoBlue);
    transition: 0.3s all ease;
}
.faq__text::before{
    content: "";
    display: block;
    background-image: url(../images/icon/faq-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24rem;
    height: 21rem;
    position: absolute;
    top: 4rem;
    left: 1rem;
}
.faq__text::after{
    content: "";
    display: block;
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
    flex-shrink: 0;
    margin-left: 36rem;
    position: relative;
    right: 0;
}
.faq__link:hover .faq__text::after{
    transition: 0.3s all ease;
    right: -4rem;
}
@media screen and (min-width: 600px), print{
    .faq__link{
        padding: 26rem 20rem 23rem 30rem;
    }
    .faq__text{
        font-size: 18rem;
        padding-left: 74rem;
    }
    .faq__text::before{
        width: 33rem;
        height: 31rem;
        top: 0;
        left: 0;
    }
    .faq__text::after{
        width: 7rem;
        height: 12rem;
        margin-left: 76rem;
    }
}

/* 検索結果 */
.search--results{
    margin-bottom: 40rem;
}
.faq-results__text{
    font-size: 14rem;
    line-height: 150%;
    margin-bottom: 12rem;
}
.faq__list--results{
    margin-bottom: 40rem;
}
.faq-serch__body{
    padding: 20rem 0 100rem 0;
}
@media screen and (min-width: 600px), print{
    .search--results{
        margin-bottom: 80rem;
    }
    .faq-results__text{
        font-size: 16rem;
        margin-bottom: 20rem;
    }
    .faq__list--results{
        margin-bottom: 50rem;
    }
    .faq-serch__body{
        padding: 20rem 0 120rem;
    }
}

/* FAQ詳細 */
.faq__body{
    padding: 40rem 0 80rem 0;
}
.faq__content-area{
    margin-bottom: 20rem;
}
.faq__title{
    font-size: 18rem;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 20rem;
    display: flex;
}
.faq__title::before{
    position: relative;
    top: 4rem;
    content: "";
    display: block;
    background-image: url(../images/icon/faq-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 32rem;
    height: 27rem;
    margin-right: 8rem;
    flex-shrink: 0;
}
.faq__answer-text{
    font-size: 16rem;
    line-height: 175%;
    display: flex;
}
.faq__answer-text::before{
    position: relative;
    top: 4rem;
    content: "";
    display: block;
    background-image: url(../images/icon/faq-answer-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 32rem;
    height: 23rem;
    margin-right: 8rem;
    flex-shrink: 0;
}
.faq__btn-link{
    margin-bottom: 20rem;
}
.faq__wysiwyg-area{
    width: 100%;
    flex-grow: 1;
    margin-bottom: 80rem;
}
@media screen and (min-width: 600px), print{
    .faq__body{
        padding: 80rem 0 140rem 0;
    }
    .faq__content-area{
        margin-bottom: 40rem;
    }
    .faq__title{
        font-size: 24rem;
        margin-bottom: 60rem;
    }
    .faq__title::before{
        top: 0;
        width: 43rem;
        height: 41rem;
        margin-right: 30rem;
    }
    .faq__answer-text{
        font-size: 18rem;
    }
    .faq__answer-text::before{
        top: 7rem;
        width: 44rem;
        height: 35rem;
        margin-right: 30rem;
    }
    .faq__btn-link{
        margin-bottom: 40rem;
    }
    .faq__wysiwyg-area{
        margin-bottom: 140rem;
    }
}
/* ---------- END: よくあるご質問 ---------- */


/* ---------- FAQ: サイトマップ ---------- */
.site-map__body{
    padding: 40rem 0 60rem 0;
}
.site-map__kojin-body{
    padding: 0 0 60rem 0;
}
.site-map__title--margin{
    margin-bottom: 16rem;
}
.site-map__list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;
}
.site-map__item{
    border-top: 1px solid var(--mgGray);
    width: 100%;
    margin-bottom: 0;
    list-style: none;
}
.site-map__item:last-of-type{
    border-bottom: 1px solid var(--mgGray);
}
.site-map__link-box{
    display: flex;
    justify-content: space-between;
}
.site-map__second-list--open{
    border-top: 1px solid var(--mgGray);
}
.site-map__link-box--border{
    border-bottom: 1px solid var(--mgGray);
}
@media screen and (min-width: 600px), print{
    .site-map__body{
        padding: 80rem 0 100rem 0;
    }
    .site-map__kojin-body{
        padding: 0 0 100rem 0;
    }
    .site-map__title--margin{
        margin-bottom: 40rem;
    }
    .site-map__item{
        width: calc((100% - 72rem) / 3);
        margin-right: 36rem;
    }
    .site-map__item:last-of-type{
        border-bottom: none;
    }
}
/* ---------- END: サイトマップ ---------- */

/* ---------- 年金 ---------- */
.plan-table__35{
    width: 35%;
}
.plan-table__65{
    width: 65%;
}
.plan__unit-text{
    font-size: 16rem;
    text-align: end;
    margin-bottom: 20rem;
}
/* ---------- END: 年金 ---------- */


/* ---------- キャンペーン一覧 ---------- */
.campaign-card__list{
    margin-bottom: 0;
    padding-left: 0;
}
.campaign-card__item{
    padding: 30rem 0 26rem;
    border-bottom: 1rem solid var(--mgGray);
    list-style: none;
}
.campaign-card__item:hover .campaign-card__detail-text{
    text-decoration: underline;
}
.campaign-card__item:hover .campaign-card__detail-text::after{
    transition: 0.3s all ease;
    position: relative;
    right: -4rem;
}
.campaign-card__img{
    display: block;
    width: 100%;
    height: 187rem;
    object-fit: cover;
    border-radius: 20rem;
    margin-bottom: 20rem;
}
.campaign-card__text{
    margin-bottom: 10rem;
}
.campaign-card__detail-text{
    justify-content: flex-start;
}
@media screen and (min-width: 600px), print{
    .campaign-card__list{
        display: flex;
        flex-wrap: wrap;
    }
    .campaign-card__item{
        width: calc((100% - 36rem * 3) / 4);
        padding: 0;
        border-bottom: none;
        margin: 0 36rem 53rem 0;
    }
    .campaign-card__text-area{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .campaign-card__img{
        height: 153rem;
        margin-bottom: 12rem;
    }
    .campaign-card__text{
        margin-bottom: 16rem;
    }
}
/* ---------- END: キャンペーン一覧 ---------- */


/* ---------- Stepリスト ---------- */
.step-list__list{
    padding-left: 0;
    margin-bottom: 0;
}
.step-list__item{
    position: relative;
    border: 1px solid var(--mgLogoBlue);
    border-radius: 20rem;
    margin-bottom: 48rem;
    list-style: none;
}
.step-list__item::after{
    position: absolute;
    left: calc((100% - 6.93rem) / 2);
    bottom: -32rem;
    display: block;
    content: '';
    background-image: url(../images/icon/triangle-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 13.86rem;
    height: 12rem;
}
.step-list__item:last-of-type{
    margin-bottom: 0;
}
.step-list__item:last-of-type::after{
    display: none;
}
.step-list__title-area{
    background-color: rgba(19, 156, 228, .05);
    padding: 20rem;
    border-radius: 20rem 20rem 0 0;
}
.step-list__step-text{
    color: var(--mgLogoBlue);
    font-family: var(--RobotoCondensed);
    font-style: italic;
    font-size: 20rem;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 5rem;
}
.step-list__wysiwyg{
    padding: 20rem 20rem 0;
}
.step-list__wysiwyg .btn--width--100{
    margin-bottom: 20rem;
}
.step-list__wysiwyg .btn--width-335{
    margin-bottom: 20rem;
}
.step-list__title{
    font-size: 20rem;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-align: center;
}
@media screen and (min-width: 600px), print{
    .step-list__item{
        border: 2px solid var(--mgLogoBlue);
        margin-bottom: 64rem;
    }
    .step-list__item::after{
        left: calc((100% - 10.39rem) / 2);
        bottom: -44rem;
        width: 20.78rem;
        height: 18rem;
    }
    .step-list__title-area{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(19, 156, 228, .05);
        padding: 26rem 20rem 20rem;
    }
    .step-list__step-text{
        font-size: 28rem;
        margin: 0 10rem 0 0;
    }
    .step-list__wysiwyg{
        padding: 40rem 67rem 20rem;
    }
    .step-list__title{
        font-size: 24rem;
        letter-spacing: 0.05em;
    }
    .step-list__wysiwyg .btn--width--100{
        margin-bottom: 0;
    }
    .step-list__wysiwyg .btn--width-335{
        margin-bottom: 0;
    }
}
/* ---------- END: Stepリスト ---------- */

/* ---------- pointリスト ---------- */
.point-list__list{
    padding: 0;
    margin-bottom: 0;
}
.point-list__item{
    width: 100%;
    box-shadow: 0px 8px 20px rgba(179, 192, 238, 0.35);
    border-radius: 10rem;
    padding-left: 0;
    margin-bottom: 40rem;
    list-style: none;
}
.point-list__title-area{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40rem;
    background-color: var(--mgSkyBlue);
    border-radius: 10rem 10rem 0 0;
}
.point-list__title-area::after{
    position: absolute;
    bottom: -9rem;
    display: block;
    content: '';
    background-image: url(../images/icon/triangle-arrow-sky-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20rem;
    height: 12rem;
}
.point-list__point-text{
    color: var(--mgWhite);
    font-family: var(--RobotoCondensed);
    font-style: italic;
    font-size: 22rem;
    line-height: 150%;
}
.point-list__img-area{
    display: grid;
    grid-template:
    "title"
    "image"
    "text"
    ;
    width: 100%;
    padding: 29rem 13rem 20rem;
}
.point-list__title{
    font-weight: bold;
    font-size: 20rem;
    line-height: 150%;
    text-align: center;

    grid-area: title;
}
.point-list__img{
    display: block;
    width: 100%;
    border-radius: 10rem;
    margin-top: 20rem;

    grid-area: image;
}
.point-list__text{
    font-size: 16rem;
    line-height: 150%;
    padding: 0 7rem;
    margin-top: 20rem;

    grid-area: text;
}
.point-list__wysiwyg{
    padding: 0 20rem 30rem;
}
@media screen and (min-width: 600px), print{
    .point-list__item{
        box-shadow: 0px 16px 24px rgba(179, 192, 238, 0.3);
        border-radius: 20rem;
        margin-bottom: 60rem;
    }
    .point-list__title-area{
        min-height: 60rem;
        margin-top: 0;
    }
    .point-list__title-area::after{
        bottom: -11rem;
        width: 24rem;
        height: 15rem;
    }
    .point-list__point-text{
        font-size: 30rem;
        line-height: 150%;
        letter-spacing: 0.05em;
    }
    .point-list__img-area{
        grid-template:
        "image title"
        "image text"
        ;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        padding: 51rem 103rem 40rem;
        align-items: center;
    }
    .point-list__img-area--text-none{
        grid-template:
        "image title"
        "image title"
        ;
        grid-template-columns: auto 1fr;
        align-items: center;
    }
    .point-list__title{
        font-size: 24rem;
        letter-spacing: 0.05em;
        text-align: start;
        margin-bottom: 5rem;
        align-self: flex-end;
    }
    .point-list__title--text-none {
        align-self: auto;
        margin-bottom: 0;
    }
    .point-list__img{
        width: 309rem;
        margin: 0 68rem 0 0;
    }
    .point-list__text{
        font-size: 18rem;
        line-height: 175%;
        padding: 0;
        margin-top: 5rem;
        align-self: flex-start;
    }
    .point-list__wysiwyg{
        padding: 0 103rem 50rem;
    }
}
/* ---------- END: pointリスト ---------- */

/* ---------- 店舗・ATM ---------- */
/* 店舗・ATM */
.content-block__body--atm-top{
    padding: 40rem 0 0;
}
/* 店舗・ATM検索 */
.content-block__body--atm{
    padding: 30rem 0;
}
.content-block__body--atm-list{
    padding: 40rem 0 0;
}
.atm__area-list{
    padding-left: 0;
    margin-bottom: 20rem;
}
.atm__area-item{
    margin-bottom: 10rem;
    list-style: none;
}
.atm__area-item:last-of-type{
    margin-bottom: 0;
}
.pulldown__select--atm{
    font-weight: bold;
}
.atm__location-btn{
    width: 295rem;
    margin: 0 auto 60rem;
}
.atm-search .atm__location-btn{
    /* filter: grayscale(1); */
    /* pointer-events: none; */
}
.atm__freewords-text{
    font-size: 16rem;
    line-height: 175%;
    margin-bottom: 10rem;
}
.search--atm{
    margin-bottom: 20rem;
}
.atm__list-btn{
    margin-top: 30rem;
}
/* 店舗・ATM 一覧 */
.atm-list__conditions-title{
    font-weight: bold;
    font-size: 20rem;
    line-height: 150%;
    letter-spacing: 0.04em;
    margin-bottom: 12rem;
}
.atm-list__conditions-text-area{
    margin-bottom: 20rem;
}
.atm-list__conditions-text{
    font-size: 14rem;
    line-height: 150%;
}
.atm-detail-btn-mt{
    padding-top: 60rem;
}
/* 店舗・ATM フリーワード検索結果ページ */
.free-words__serch-from{
    margin-bottom: 12rem;
}
.free-words__result-text{
    font-size: 14rem;
    line-height: 150%;
}
@media screen and (min-width: 600px), print{
    /* 店舗・ATM */
    .content-block__body--atm-top{
        padding: 80rem 0 0;
    }
    /* 店舗・ATM検索 */
    .content-block__body--atm{
        padding: 40rem 0;
    }
    .content-block__body--atm-list{
        padding: 40rem 0 80rem;
    }
    .atm__area-list{
        display: flex;
        justify-content: space-between;
        width: 788rem;
        margin: 0 auto 30rem;
    }
    .atm__area-item{
        margin-bottom: 10rem;
        list-style: none;
    }
    .atm__area-item:last-of-type{
        margin-bottom: 0;
    }
    /* .pulldown__area--atm{
        width: 376rem;
        height: 60rem;
    } */
    .pulldown__select--atm{
        font-size: 18rem;
        width: 376rem;
        height: 60rem;
    }
    .atm__location-btn{
        width: 480rem;
    }
    .primary--location-btn{
        min-height: 72rem;
    }
    .atm__freewords-text{
        font-size: 18rem;
        margin-bottom: 30rem;
    }
    .atm__list-btn{
        margin-top: 40rem;
    }
    /* 店舗・ATM 一覧 */
    .atm-list__conditisns-title{
        font-size: 24rem;
        line-height: 0.05em;
        margin-bottom: 20rem;
    }
    .atm-list__conditions-text{
        font-size: 16rem;
    }
    .search--atm{
        margin-bottom: 40rem;
    }
}
/* ATMリスト */
.atm-list__list{
    padding-left: 0;
    margin-bottom: 0;
}
.atm-list__item{
    border-top: 1px solid var(--mgGray);
    margin-bottom: 0;
    list-style: none;
}
.atm-list__item:last-of-type{
    border-bottom: 1px solid var(--mgGray);
}
.atm-list__link{
    display: block;
    padding: 20rem 10rem;
}
.atm-list__title-block {
    display: flex;
}
.atm-list__title-label{
    position: relative;
    top: 3rem;
    margin-right: 8rem;
    flex-shrink: 0;
}
.atm-list__title{
    color: var(--mgBlack);
    font-weight: bold;
    font-size: 16rem;
    line-height: 150%;
}
.atm-list__address{
    color: var(--mgBlack);
    font-size: 14rem;
    line-height: 150%;
    margin-top: 8rem;
}
.atm-list__label-list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 8rem 0 0;
}
.atm-list__label-item{
    padding: 0;
    margin: 0 4rem 4rem 0;
    list-style: none;
}
.secondary__text--atm-info {
    font-size: 14rem;
    line-height: 150%;
}
.atm-serch__back-btn{
    margin-top: 60rem;
}
@media screen and (min-width: 600px), print{
    .atm-list__title{
        font-size: 20rem;
        letter-spacing: 0.04em;
    }
    .atm-list__address{
        font-size: 16rem;
        margin-top: 4rem;
    }
    .atm-list__label-list{
        margin-top: 20rem;
    }
    .secondary__text--atm-info {
        font-size: 16rem;
    }
}

/* 資産相談プラザ */
.atm-plaza__list{
    padding-left: 0;
    margin-bottom: 0;
}
.atm-plaza__item{
    display: grid;
    grid-template:
    "icon"
    "title"
    "image"
    "text-block"
    ;
    margin-bottom: 60rem;
    list-style: none;
}
.atm-plaza__item:last-of-type{
    margin-bottom: 0;
}
.atm-plaza__feature-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--mgGradationVertical);
    width: 80rem;
    height: 80rem;
    border-radius: 40rem;
    margin: 0 auto 12rem;

    grid-area: icon;
}
.atm-plaza__feature-icon--none{
    display: none;
}
.atm-plaza__feature-text{
    color: var(--mgWhite);
    font-weight: bold;
    font-size: 12rem;
    margin-bottom: 5rem;
}
.atm-plaza__feature-num{
    color: var(--mgWhite);
    font-family: var(--RobotoCondensed);
    font-size: 32rem;
    letter-spacing: 0.02em;
}
.atm-plaza__title{
    font-weight: bold;
    font-size: 20rem;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 20rem;
    grid-area: title;
}
.atm-plaza__img-block{
    grid-area: image;
}
.atm-plaza__img{
    display: block;
    width: 100%;
    border-radius: 10rem;
    margin-bottom: 20rem;
}
.atm-plaza__text-block{
    grid-area: text-block;
}
.atm-plaza__text{
    font-size: 16rem;
    line-height: 150%;
}
.atm-plaza__link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--mgGray);
    border-bottom: 1px solid var(--mgGray);
    padding: 5rem 6rem 5rem 10rem;
    margin-top: 20rem;
    grid-area: link;
}
.atm-plaza__link::after{
    display: block;
    content: '';
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 10rem;
}
.atm-plaza__link-text{
    color: var(--mgBlack);
    font-weight: bold;
    font-size: 16rem;
    line-height: 150%;
}
@media screen and (min-width: 600px), print{
    .atm-plaza__item{
        grid-template:
        "icon title image"
        "icon text-block image"
        ;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto 1fr;
        margin-bottom: 80rem;
    }
    .atm-plaza__feature-icon{
        width: 100rem;
        height: 100rem;
        border-radius: 50rem;
        margin: 0 50rem 0 0;
    }
    .atm-plaza__feature-text{
        font-size: 16rem;
        margin-bottom: 3rem;
    }
    .atm-plaza__feature-num{
        font-size: 48rem;
    }
    .atm-plaza__title{
        font-size: 24rem;
        letter-spacing: 0.05em;
        text-align: start;
        height: fit-content;
    }
    .atm-plaza__img{
        width: 376rem;
        margin: 0 0 0 36rem;
    }
    .atm-plaza__text{
        font-size: 18rem;
        line-height: 175%;
    }
    .atm-plaza__link{
        padding: 18rem 12rem 18rem 10rem;
        margin-top: 20rem;
    }
}

/* アイコンの説明 */
.atm-icon{
    padding-bottom: 60rem;
}
.atm-icon__head{
    margin-bottom: 30rem;
}
.atm-icon__list{
    margin-bottom: 50rem;
    padding-left: 0;
}
.atm-icon__item{
    margin-bottom: 30rem;
    list-style: none;
}
.atm-icon__item:last-of-type{
    margin-bottom: 0;
}
.label-box--atm-icon{
    margin-bottom: 8rem;
}
.atm-icon__title{
    font-weight: bold;
    font-size: 16rem;
    line-height: 150%;
    margin-bottom: 8rem;
}
.atm-icon__text{
    font-size: 14rem;
    line-height: 150%;
}
.atm-icon__notes{
    font-size: 12rem;
    line-height: 150%;
    margin-top: 4rem;
    padding-left: 1em;
    text-indent: -1em;
}
.atm-icon__notes::before{
    position: relative;
    display: inline-block;
    content: '※';
    padding: 0 2rem 0 1em;
}
@media screen and (min-width: 600px), print{
    .atm-icon{
        padding-bottom: 204rem;
    }
    .atm-icon__head{
        margin-bottom: 60rem;
    }
    .atm-icon__list{
        width: 994rem;
        margin: 0 auto 80rem;
    }
    .atm-icon__item{
        margin-bottom: 40rem;
    }
    .label-box--atm-icon{
        margin-bottom: 10rem;
    }
    .atm-icon__title{
        font-size: 20rem;
        letter-spacing: 0.04em;
        margin-bottom: 10rem;
    }
    .atm-icon__text{
        font-size: 18rem;
        line-height: 175%;
    }
    .atm-icon__notes{
        font-size: 16rem;
    }
}

/* 店舗・ATM 詳細ページ */
/* タイトルブロック */
.content-block__body--atm-title-block{
    padding-bottom: 16rem;
}
.atm__store-num{
    font-size: 14rem;
    line-height: 150%;
    margin-bottom: 8rem;
}
.atm__title-area{
    display: flex;
    align-items: center;
}
.atm__label{
    flex-shrink: 0;
}
.atm__title{
    font-size: 20rem;
    line-height: 150%;
    font-weight: bold;
    margin-left: 8rem;
}
.atm__title--label-none{
    margin-left: 0;
}
.atm__label-box-area{
    margin-top: 18rem;
}
.atm__label-box-list{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
    margin-bottom: 5rem;
}
.atm__label-box-item{
    padding: 0;
    margin: 0 4rem 4rem 0;
    list-style: none;
}
.atm__icon-explanation-link{
    display: block;
    width: fit-content;
    font-size: 14rem;
    line-height: 150%;
    color: var(--mgBlack);
    text-decoration: underline;
    margin-left: auto;
    padding: 5rem 0 12rem;
}
.atm__icon-explanation-link:hover{
    color: var(--mgLogoBlue);
}
/* マップブロック */
.content-block__body--atm-map-block{
    padding: 0 0 36.5rem;
}
.atm__map-wrap{
    width: 100%;
    height: 450rem;
    margin-bottom: 12.5rem;
}
.atm__map-wrap #map{
    width: 100%;
    height: 100%;
}
.atm__map-link{
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 14rem;
    line-height: 150%;
    color: var(--mgBlack);
    text-decoration: underline;
    margin-left: auto;
    padding: 5rem 0;
}
.atm__map-link::before{
    content: "";
    display: block;
    background-image: url(../images/icon/g-map-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14.41rem;
    height: 18rem;
    margin-right: 4rem;
}
/* 情報ブロック */
.content-block__body--atm-info-block{
    padding: 0;
}
.atm__info-list{
    padding-left: 0;
    margin-bottom: 40rem;
}
.atm__info-item{
    padding: 10rem 0;
    margin-bottom: 0;
    list-style: none;
}
.atm__info-item--pb0{
    padding-bottom: 0;
}
.atm__info-item--access{
    padding: 10rem 0 18rem;
    border-bottom: 1rem solid var(--mgGray);
    margin-bottom: 8rem;
}
.atm__info-item-group{
    display: flex;
}
.atm__info-item-title{
    flex-shrink: 0;
    width: 116rem;
    font-size: 14rem;
    line-height: 150%;
    font-weight: bold;
}
.atm__info-item-description{
    font-size: 14rem;
    line-height: 150%;
}
.atm__info-item-link{
    display: inline-block;
    color: var(--mgLogoBlue);
    text-decoration: underline;
    font-size: 14rem;
    line-height: 150%;
}
.atm__info-item-tel{
    display: flex;
    align-items: center;
}
.atm__info-item-tel-text{
    font-size: 12rem;
    line-height: 150%;
    margin-top: 4rem;
}
.atm__info-item-tel--free-dial::before{
    content: "";
    display: block;
    background-image: url(../images/icon/free-dial.svg);
    background-size: cover;
    width: 28rem;
    height: 16rem;
    margin-right: 6rem;
}
.atm__info-item-tel-note{
    font-size: 12rem;
    line-height: 150%;
    margin-top: 4rem;
}
@media screen and (min-width: 600px), print{
    /* タイトルブロック */
    .content-block__body--atm-title-block{
        width: 994rem;
        padding-bottom: 30rem;
    }
    .atm__store-num{
        font-size: 16rem;
    }
    .atm__title{
        font-size: 24rem;
        letter-spacing: 0.05em;
    }
    .atm__icon-explanation-link{
        font-size: 16rem;
    }
    /* マップブロック */
    .content-block__body--atm-map-block{
        width: 994rem;
        padding: 0 0 15rem;
    }
    .atm__map-wrap{
        width: 100%;
        height: 560rem;
        margin-bottom: 15rem;
    }
    /* 情報ブロック */
    .content-block__body--atm-info-block{
        padding-bottom: 80rem;
        width: 994rem;
    }
    .atm__info-list{
        margin-bottom: 80rem;
    }
    .atm__info-item--access{
        padding: 10rem 0 20rem;
        margin-bottom: 10rem;
    }
    .atm__info-item-title{
        width: 206rem;
        font-size: 16rem;
    }
    .atm__info-item-description{
        font-size: 16rem;
    }
    .atm__info-item-link{
        font-size: 16rem;
    }
    .atm__info-item-tel-text{
        font-size: 14rem;
        margin-top: 10rem;
    }
}
/* ---------- END: 店舗・ATM ---------- */




/* ---------- ディスクロージャー誌アーカイブ ---------- */
.disclosure__pull-down-area{
    margin-bottom: 40rem;
}
.disclosure__list{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.disclosure__item{
    margin-bottom: 40rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    list-style: none;
}
.disclosure__content-area{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.disclosure__img{
    display: block;
    object-fit: cover;
    width: 160rem;
    height: 225rem;
    margin: 0 auto 18.54rem auto;
    border: 1px solid var(--mgGray);
}
.disclosure__link{
    border-top: 1px solid var(--mgGray);
    border-bottom: 1px solid var(--mgGray);
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}
.disclosure__text-area{
    padding: 0 30rem 0 10rem;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}
.disclosure__text-area::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% / 2 - 4rem);
    right: 6rem;
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 9rem;
    flex-shrink: 0;
}
@media screen and (min-width: 600px), print{
    .disclosure__pull-down-area{
        margin-bottom: 60rem;
    }
    .disclosure__list{
        flex-direction: row;
    }
    .disclosure__item{
        margin-bottom: 40rem;
        margin-right: 40rem;
        width: calc((100% - (40rem * 2)) / 3);
    }
    .disclosure__img{
        width: 180rem;
        height: 252rem;
        margin: 0 auto 38.23rem auto;
    }
    .disclosure__link{
        border-top: 1px solid var(--mgGray);
        border-bottom: 1px solid var(--mgGray);
        display: block;
    }
    .disclosure__text-area{
        padding: 0 50rem 0 10rem;
        position: relative;
    }
    .disclosure__text-area::after{
        content: "";
        display: block;
        position: absolute;
        top: calc(100% / 2 - 4rem);
        right: 13rem;
        background-image: url(../images/icon/right-arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 6rem;
        height: 9rem;
        flex-shrink: 0;
    }
}
/* ---------- END: ディスクロージャー誌アーカイブ ---------- */

/* ---------- ディスクロージャー誌アーカイブ ---------- */
.race-result__list{
    margin-bottom: 0;
    padding-left: 0;
}
.race-result__item{
    list-style: none;
}
/* ---------- END: ディスクロージャー誌アーカイブ ---------- */



/* ---------- スマホ決済アイコン ---------- */
.pay-img_list{
    display: flex;
    justify-content: center;
    width: 58rem;
    margin: 0 auto;
    padding-left: 0;
}
.pay-img_list--two{
    justify-content: space-between;
}
.pay-img_item{
    width: 24rem;
    height: 24rem;
    object-fit: cover;
    object-position: center;
    margin-bottom: 0;
    list-style: none;
}
.pay-img_icon{
    width: 100%;
    display: block;
}
/* ---------- END: スマホ決済アイコン ---------- */

/* ---------- 全文検索結果ページ ---------- */
.all-serch__list{
    padding-left: 0;
    margin: 0 auto;
}
.all-serch__item{
    padding-bottom: 20rem;
    margin: 0 auto 20rem;
    border-bottom: 1rem solid var(--csGrayLine);
    list-style: none;
}
.all-serch__item:last-of-type{
    margin-bottom: 0;
}
.all-serch__title{
    font-size: 16rem;
    line-height: 26rem;
    margin-bottom: 16rem;
}
.all-serch__info-area{
    display: flex;
}
.all-serch__img{
    display: block;
    object-fit: cover;
    width: 100rem;
    height: 74.55rem;
    margin-right: 12rem;
}
.all-serch__text{
    font-size: 14rem;
    line-height: 26rem;
    color: var(--csBlack);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.all-not-serch__area{
    width: 100%;
}
.all-not-serch__text{
    font-size: 16rem;
    line-height: 175%;
}
.all-not-serch__important-text{
    font-weight: bold;
}
@media screen and (min-width: 600px), print{
    .all-serch__form{
        margin-bottom: 60rem;
    }
    .all-serch__list{
        margin: 0 auto;
    }
    .all-serch__item{
        padding-bottom: 0rem;
        border-bottom: 0;
        margin-bottom: 30rem;
    }
    .all-serch__item:last-of-type{
        margin-bottom: 0;
    }
    .all-serch__title{
        font-size: 18rem;
    }
    .all-serch__info-area{
        display: flex;
    }
    .all-serch__img{
        width: 110rem;
        height: 82rem;
    }
    .all-serch__text{
        font-size: 16rem;
    }
    .all-not-serch__area{
        margin: 0 auto;
    }
    .all-not-serch__text{
        font-size: 18rem;
    }
}
/* ---------- 全文検索結果ページ ---------- */

/* ---------- 画像にリンクをつけるショートコード ---------- */
.external-img__list{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
    margin-bottom: 40rem;
}
.external-img__list--center{
    justify-content: center;
}
.external-img__item{
    list-style: none;
}
.external-img__item--full{
    width: 100%;
}
.external-img__item--large{
    width: 100%;
}
.external-img__item--medium{
    width: 100%;
}
.external-img__item--small{
    width: 100%;
}
.external-img__link{
    display: block;
}
.external-img__img{
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
@media screen and (min-width: 600px), print{
    .external-img__list{
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        width: 100%;
        margin-bottom: 40rem;
    }
    .external-img__item{
        margin-right: 32rem;
        list-style: none;
    }
    .external-img__item--full{
        width: 100%;
    }
    .external-img__item--large{
        width: calc((100% - 36rem) / 2);
    }
    .external-img__item--medium{
        width: calc((100% - 72rem) / 3);
    }
    .external-img__item--small{
        width: calc((100% - 108rem) / 4);
    }
}
/* ---------- 画像にリンクをつけるショートコード ---------- */


/* ---------- ボーダーリスト ---------- */
.border-panel__list{
    padding-left: 0;
    margin-bottom: 0;
}
.border-panel__item{
    width: 100%;
    border-top: 1px solid var(--mgGray);
    margin-bottom: 0;
    list-style: none;
}
.border-panel__item:last-of-type{
    border-bottom: 1px solid var(--mgGray);
}
.border-panel__link{
    display: block;
    padding: 20rem 0 20rem 0;
}
.border-panel__label-area {
    padding: 0 10rem;
    margin-bottom: 4rem;
}
.border-panel__text-area{
    position: relative;
    width: fit-content;
    padding: 0 30rem 0 10rem;
}
.border-panel__text-area::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% / 2 - 4rem);
    right: 8rem;
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 9rem;
    flex-shrink: 0;
}
.border-panel__text-area--pdf::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% / 2 - 8rem);
    right: 2rem;
    background-image: url(../images/icon/pdf-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16rem;
    height: 16rem;
    flex-shrink: 0;
}
.border-panel__text-area--external::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% / 2 - 5rem);
    right: 6rem;
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
}
.border-panel__text-area--excel::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% / 2 - 8rem);
    right: 4rem;
    background-image: url(../images/icon/excel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16rem;
    height: 18rem;
    flex-shrink: 0;
}
.border-panel__text-area--word::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% / 2 - 8rem);
    right: 4rem;
    background-image: url(../images/icon/word.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 16rem;
    height: 18rem;
    flex-shrink: 0;
}
.border-panel__text{
    font-size: 16rem;
    font-weight: bold;
    line-height: 125%;
    display: flex;
    justify-content: space-between;
    color: var(--mgBlack);
}
.border-panel__link:hover .border-panel__text{
    color: var(--mgLogoBlue);
    transition: 0.3s all ease;
}
.border-panel__link:hover .border-panel__text-area::after{
    transition: 0.3s all ease;
    right: 4rem;
}
.border-panel__link:hover .border-panel__text-area--pdf::after{
    transition: 0.3s all ease;
    right: -2rem;
}
.border-panel__link:hover .border-panel__text-area--external::after{
    transition: 0.3s all ease;
    right: 2rem;
}
.border-panel__link:hover .border-panel__text-area--excel::after{
    transition: 0.3s all ease;
    right: 0;
}
.border-panel__link:hover .border-panel__text-area--word::after{
    transition: 0.3s all ease;
    right: 0;
}
.border-panel__notes-text{
    font-size: 14rem;
    line-height: 125%;
    margin-top: 20rem;
    color: var(--mgBlack);
    padding: 0 30rem 0 10rem;
}
.border-panel__link:hover .border-panel__notes-text{
    color: var(--mgLogoBlue);
    transition: 0.3s all ease;
}
@media screen and (min-width: 600px), print{
    .border-panel__link{
        padding: 18rem 0 18rem 0;
    }
    .border-panel__label-area {
        margin-bottom: 8rem;
    }
    .border-panel__text-area{
        padding: 0 28rem 0 10rem;
    }
    .border-panel__text{
        line-height: 150%;
    }
    .border-panel__notes-text{
        margin-top: 18rem;
        padding: 0 50rem 0 10rem;
    }
}
/* ---------- END: ボーダーリスト ---------- */

/* ---------- カード ---------- */
/* card-l */
.card-l__list{
    padding-left: 0;
    margin-bottom: 0;
}
.card-l__item{
    flex-shrink: 0;
    width: fit-content;
    display: flex;
    flex-direction: column;
    border-radius: 20rem;
    box-shadow: 0px 8px 20px rgba(179, 192, 238, 0.35);
    margin-bottom: 30rem;
    list-style: none;
}
.card-l__item:hover{
    box-shadow: 10px 20px 30px rgba(179, 192, 238, 0.4);
    transition: 0.3s all ease;
}
.card-l__item::before{
    display: none;
}
.card-l__link{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.card-l__img{
    display: block;
    width: 100%;
    border-radius: 20rem 20rem 0 0;
}
.card-l__text-area{
    position: relative;
    border-radius: 0 0 20rem 20rem;
    padding: 20rem 20rem 30rem;
}
.card-l__text-area--external{
    flex-grow: 1;
    min-height: 85rem;
}
.card-l__text-area--external::after{
    position: absolute;
    right: 10rem;
    bottom: 18rem;
    display: block;
    content: '';
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12rem;
    height: 12rem;
    flex-shrink: 0;
}
.card-l__text{
    font-size: 20rem;
    line-height: 150%;
    letter-spacing: 0.04em;
    font-weight: bold;
    color: var(--mgBlack);
    margin-bottom: 5rem;
}
.card-l__detail-text{
    font-size: 16rem;
    line-height: 150%;
    color: var(--mgBlack);
}
@media screen and (min-width: 600px), print{
    .card-l__list{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .card-l__list--center{
        justify-content: center;
    }
    .card-l__item{
        width: calc((100% - 36rem * 2) / 3);
        margin-right: 36rem;
    }
    .card-s__text-area--external::after{
        right: 20rem;
        bottom: 30rem;
    }
}
/* リンクカード */
.card-l__text-area--link-card{
    padding-bottom: 23rem;
}
.card-l__text--link-card{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}
.card-l__text--link-card::after{
    content: "";
    display: block;
    background-image: url(../images/icon/right-arrow.svg );
    background-size: cover;
    width: 6rem;
    height: 10rem;
}
.card-l__text--link-card-external::after{
    background-image: url(../images/icon/external-icon-blue.svg );
    width: 10rem;
    height: 10rem;
}
@media screen and (min-width: 600px), print{
    .card-l__text-area--link-card{
        padding: 36.5rem 20rem;
    }
    .card-l__text--link-card{
        font-size: 18rem;
        letter-spacing: 0.02em;
    }
    .card-l__text--link-card::after{
        width: 7rem;
        height: 12rem;
    }
    .card-l__text--link-card-external::after{
        width: 10rem;
        height: 10rem;
    }
}
/* 終了: リンクカード */
/* 終了: card-l */
/* card-s */
.card-s__list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;
}
.card-s__item{
    flex-shrink: 0;
    width: 159rem;
    display: flex;
    flex-direction: column;
    border-radius: 20rem;
    box-shadow: 0px 8px 20px rgba(179, 192, 238, 0.35);
    margin-bottom: 20rem;
    border: 1rem solid var(--mgLghtGray);
}
.card-s__link{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.card-s__img{
    display: block;
    width: 100%;
    border-radius: 20rem 20rem 0 0;
}
.card-s__text-area{
    position: relative;
    border-top: 1rem solid var(--mgLghtGray);
    border-radius: 0 0 20rem 20rem;
    padding: 10rem 8rem 15rem;
}
.card-s__text-area--external{
    flex-grow: 1;
    min-height: 70rem;
}
.card-s__text-area--external::after{
    position: absolute;
    right: 8rem;
    bottom: 15rem;
    display: block;
    content: '';
    background-image: url(../images/icon/external-icon-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12rem;
    height: 12rem;
    flex-shrink: 0;
}
.card-s__text{
    font-size: 14rem;
    line-height: 150%;
    font-weight: bold;
    color: var(--mgBlack);
}
@media screen and (min-width: 600px), print{
    .card-s__list{
        justify-content: flex-start;
    }
    .card-s__list--center{
        justify-content: center;
    }
    .card-s__item{
        width: calc((100% - 36rem * 4) / 5);
        margin-right: 36rem;
        margin-bottom: 40rem;
    }
    .card-s__text-area{
        padding: 12rem 20rem 17rem;
    }
    .card-s__text-area--external{
        min-height: 85rem;
    }
    .card-s__text-area--external::after{
        right: 20rem;
        bottom: 17rem;
    }
    .card-s__text{
        font-size: 16rem;
    }
}
/* 終了: card-s */
/* ---------- END: カード ---------- */


/* ---------- 選手・スタッフ紹介 リスト ---------- */
.trackfield__list{
    margin-bottom: 0;
    padding-left: 0;
}
.trackfield__item{
    margin-bottom: 60rem;
    list-style: none;
}
.trackfield__item:last-of-type{
    margin-bottom: 0;
}
.trackfield__data-block{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.trackfield__title{
    font-size: 14rem;
    font-weight: bold;
    margin-bottom: 10rem;
}
.trackfield__name{
    font-size: 18rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 20rem;
}
.trackfield__sp-img{
    display: block;
    width: 195rem;
    height: 260rem;
    object-fit: cover;
    border-radius: 20rem;
    margin-bottom: 20rem;
}
.trackfield__comment{
    font-size: 16rem;
    line-height: 175%;
}
.trackfield__definition-list{
    width: 100%;
    margin-top: 20rem;
    margin-bottom: 0;
    padding-left: 0;
}
.trackfield__definition-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12rem 0;
    margin-bottom: 0;
    list-style: none;
    border-top: 1rem solid var(--mgGray);
}
.trackfield__definition-item:last-of-type{
    border-bottom: 1rem solid var(--mgGray);
}
.trackfield__definition-title{
    width: calc(100% - 220rem);
    font-size: 14rem;
    line-height: 150%;
    font-weight: bold;
}
.trackfield__definition-description{
    width: 220rem;
    font-size: 14rem;
    line-height: 150%;
}
.trackfield__target{
    width: 100%;
    font-size: 16rem;
    line-height: 150%;
    font-weight: bold;
    margin-bottom: 6rem;
}
.trackfield__wysiwyg-area{
    width: 100%;
    font-size: 16rem;
    line-height: 175%;
    margin-bottom: 20rem;
}
.trackfield__wysiwyg-area ul{
    margin-bottom: 0;
}
.trackfield__wysiwyg-area ul > li{
    font-size: 16rem;
    line-height: 175%;
    margin-bottom: 0;
    list-style-type: disc;
}
.trackfield__pc-img{
    display: none;
}
@media screen and (min-width: 600px), print{
    .trackfield__list{
        width: 994rem;
        margin: 0 auto;
    }
    .trackfield__item{
        display: flex;
        justify-content: space-between;
    }
    .trackfield__data-block{
        align-items: flex-start;
        width: 618rem;
    }
    .trackfield__title{
        font-size: 16rem;
        margin-bottom: 14rem;
    }
    .trackfield__name{
        font-size: 24rem;
        letter-spacing: 0.04em;
    }
    .trackfield__sp-img{
        display: none;
    }
    .trackfield__definition-list{
        margin-top: 30rem;
    }
    .trackfield__definition-title{
        width: calc(100% - 448rem);
        font-size: 16rem;
        line-height: 150%;
    }
    .trackfield__definition-description{
        width: 448rem;
        font-size: 16rem;
        line-height: 150%;
    }
    .trackfield__pc-img{
        display: block;
        width: 272rem;
        height: 346rem;
        object-fit: cover;
        border-radius: 20rem;
    }
}
/* ---------- END: 選手・スタッフ紹介 リスト ---------- */

/* ---------- イメージソング ---------- */
.image-song_audio {
    text-align: center;
    margin-bottom: 50rem;
}
@media screen and (min-width: 600px), print{
    .image-song_audio {
        margin-bottom: 80rem;
    }
}
/* ---------- END: イメージソング ---------- */

/* ---------- 404ページ ---------- */
.errow-404__list{
    margin-bottom: 60rem;
}
.errow-404__h3-title{
    margin: 0 auto 10rem auto;
}
@media screen and (min-width: 600px), print{
    .errow-404__list{
        margin-bottom: 80rem;
    }
    .errow-404__h3-title{
        margin: 0 auto 30rem auto;
        text-align: center;
    }
}
/* ---------- END: 404ページ ---------- */


/* ---------- START: 開発時に固定ページのリストを出力させる際のスタイル（本番公開時に削除する） ---------- */
.sm-item__wrap{
    border-bottom: 4rem var(--mgLghtGray) solid;
}
.sm-item__link{
    position: relative;
    font-size: 28rem;
    font-family: var(--NotoSansJP);
    color: var(--mgBlack);
    line-height: 50rem;
    width: fit-content;
    bottom: -4rem;
}
.sm-list .sm-item .sm-list .sm-item__wrap{
    display: flex;
    align-items: center;
    border: none;
}
.sm-list .sm-item .sm-list .sm-item__wrap::before{
    display: block;
    content: '';
    background-image: url(../images/icon/blue-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 6rem;
    margin-right: 12rem;
}
.sm-list .sm-item .sm-list .sm-item__link{
    font-size: 16rem;
    font-weight: normal;
    color: var(--mgBlack);
    border: none;
    bottom: 0;
    line-height: 30rem;
}
.sm-list .sm-item .sm-list .sm-item__link::before{
    border: none;
    bottom: 0;
}
.sm-list .sm-item .sm-list .sm-item__link::after{
    content: none;
}
.sm-item__text-wrap{
    display: flex;
    align-items: center;
    border: none;
}
.sm-item__text{
    font-size: 16rem;
    font-weight: normal;
    color: var(--mgBlack);
    border: none;
    bottom: 0;
    line-height: 30rem;
}
.sm-list .sm-item .sm-list .sm-item__link--disabled{
    color: rgb(175, 175, 175);
}
.sm-item__text--link-icon::after{
    margin-left: 4rem;
    width: 9rem;
    height: 9rem;
    top: -2rem;
}
.sm-list li ul{
    margin-top: 10rem;
    padding-left: 10rem;
}
.sm-list li ul li{
    margin-bottom: 10rem;
}
.sm-list li ul li ul{
    padding-left: 30rem;
    margin-bottom: 20rem;
    border-left: 2rem solid rgb(228, 228, 228);
    margin-left: 10rem;
    margin-top: 4rem;
}
.sm-list li ul li ul li{
    margin-bottom: 4rem;
}
.sm-list li ul li ul li ul{
    margin-bottom: 10rem;
}
.sm-list li ul li ul li ul li{
    margin-bottom: 4rem;
}
.contents-wrap{
    width: 351rem;
    flex-grow: 1;
    margin: 0 auto;
}
.sm-post-id{
    display: inline-block;
    font-size: 18rem;
    margin-left: 10rem;
    font-weight: bold;
    color: var(--mgBrightBlue);
    cursor: pointer;
}
.sm-post-id:hover{
    color: var(--mgRed);
    text-decoration: underline;
}
@media screen and (min-width: 600px), print{
    .sm-item__wrap{
        border-bottom: 2rem var(--mgLghtGray) solid;
    }
    .sm-item__link{
        position: relative;
        bottom: -2rem;
        font-size: 20rem;
        line-height: 60rem;
        width: fit-content;
    }
    .sm-list li a:hover{
        color: var(--mgDarkBlue);
    }
    .sm-list .sm-item .sm-list .sm-item__link--hover:hover{
        color: var(--mgDarkBlue);
    }
    .contents-wrap{
        width: fit-content;
    }
}
/* ---------- END: 開発時に固定ページのリストを出力させる際のスタイル（本番公開時に削除する） ---------- */

.loan-simulation{
    margin-bottom: 40rem;
}
.loan-simulation-text{
    font-size: 16rem;
    line-height: 175%;
    color: var(--mgBlack);
    margin-bottom: 20rem;
}
.tab-btn__list--slidin{
    margin-bottom: 40rem;
}
.tab-btn__item--slidin{
    width: 100%;
}
.tab-btn__text--slidin{
    padding: 15rem;
    width: inherit;
}
@media screen and (min-width: 600px), print{
    .loan-simulation{
        margin-bottom: 60rem;
    }
    .loan-simulation-text{
        font-size: 18rem;
        line-height: 175%;
        margin-bottom: 24rem;
    }
    .tab-btn__text--slidin{
        padding: 30rem;
        font-size: 20rem;
        width: inherit;
    }
}
.slidin{
    margin-bottom: 20rem;
}
.slidin::after{
    content: "";
    background-image: url("../images/icon/result-under-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 29rem;
    height: 18rem;
    margin: 20rem auto 0;
}
.slidin__title{
    font-size: 20rem;
    color: var(--mgNavy);
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 1px solid var(--mgGray);
    padding: 10rem 0;
}
.slidin__list{
    margin-bottom: 20rem;
}
.slidin__item{
    padding: 20rem 0;
    border-bottom: 1px solid var(--mgGray);
    list-style: none;
    margin-bottom: 0;
}
@media screen and (min-width: 600px), print{
    .slidin{
        margin-bottom: 30rem;
    }
    .slidin::after{
        width: 38rem;
        height: 27rem;
        margin:  45rem auto 0;
    }
    .slidin__title{
        font-size: 24rem;
        padding: 12rem 0;
    }
    .slidin__list{
        margin-bottom: 40rem;
    }
    .slidin__item{
        padding: 26rem 0;
    }
}

.slidin__item-title{
    font-size: 18rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: var(--mgNavy);
    margin-bottom: 5rem;
}
.slidin__item-title--borrowings{
    margin-bottom: 12rem;
}
.slidin__item-sub-text{
    font-size: 14rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: var(--mgBlack);
}
.slidin__item-sub-text--borrowings{
    font-weight: bold;
}
.slidin__slider-group{
    display: flex;
    align-items: center;
    margin: 13rem 0;
    width: 100%;
}
.slidin__item-group--div{
    margin-bottom: 20rem;
}
.slidin__minus-button{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mgWhite);
    border: 2rem solid var(--mgLogoBlue);
    border-radius: 50%;
    width: 24rem;
    height: 24rem;
    flex-shrink: 0;
    margin-right: 7rem;
}
.slidin__minus-button::before{
    content: "";
    display: block;
    background-color: var(--mgLogoBlue);
    width: 10rem;
    height: 2rem;
    border-radius: 10rem;
    }
.slidin__input-range{
    -webkit-appearance: none;
    appearance: none;
    cursor: grab;
    outline: none;
    height: 4px;
    width: 100%;
    background: var(--mgLghtGray);
    border-radius: 10px;
}
.slidin__input-range:active{
    cursor: grabbing;
}
.slidin__input-range::-webkit-slider-thumb{
    -webkit-appearance: none;
    background: var(--mgLogoBlue);
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
}
.slidin__plus-button{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mgWhite);
    border: 2rem solid var(--mgLogoBlue);
    border-radius: 50%;
    width: 24rem;
    height: 24rem;
    flex-shrink: 0;
    margin-left: 7rem;
}
.slidin__plus-button::before{
    content: "";
    display: block;
    background-color: var(--mgLogoBlue);
    width: 10rem;
    height: 2rem;
    border-radius: 10rem;
}
.slidin__plus-button::after{
    content: "";
    display: block;
    background-color: var(--mgLogoBlue);
    width: 2rem;
    height: 10rem;
    border-radius: 10rem;
    position: absolute;
}
@media screen and (min-width: 600px), print{
    .slidin__item-title{
        font-size: 22rem;
        margin-bottom: 10rem;
    }
    .slidin__item-sub-text{
        font-size: 18rem;
    }
    .slidin__slider-group{
        margin: 15rem 0;
    }
    .slidin__item-group--div{
        margin-bottom: 20rem;
    }
    .slidin__minus-button{
        border: 3rem solid var(--mgLogoBlue);
        width: 32rem;
        height: 32rem;
        margin-right: 15rem;
    }
    .slidin__minus-button::before{
        width: 14rem;
        height: 3rem;
    }
    .slidin__input-range{
        height: 8px;
    }
    .slidin__input-range::-webkit-slider-thumb{
        background: var(--mgLogoBlue);
        width: 32rem;
        height: 32rem;
    }
    .slidin__plus-button{
        border: 3rem solid var(--mgLogoBlue);
        width: 32rem;
        height: 32rem;
        margin-left: 15rem;
    }
    .slidin__plus-button::before{
        width: 14rem;
        height: 3rem;
    }
    .slidin__plus-button::after{
        width: 3rem;
        height: 14rem;
    }
}

.slidin__form-group{
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 20rem;
    line-height: 1.5;
    color: var(--mgBlack);
}
.slidin__input-number::-webkit-outer-spin-button, 
.slidin__input-number::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
.slidin__input-number { 
    -moz-appearance:textfield; 
} 
.slidin__form-group--mb0{
    margin-bottom: 0;
}
.slidin__input-number{
    font-size: 16rem;
    padding: 8rem 10rem;
    line-height: 1;
    border-radius: 4rem;
    border: 1px solid var(--mgGray);
    min-width: 120rem;
    text-align: right;
}
.slidin__input-unit{
    font-size: 14rem;
    font-weight: bold;
    margin-left: 10rem;
    min-width: 27rem;
    text-align: end;
}
@media screen and (min-width: 600px), print{
    .slidin__form-group{
        margin-bottom: 5rem;
    }
    .slidin__form-group--mb0{
        margin-bottom: 0;
    }
    .slidin__input-number{
        font-size: 20rem;
        min-width: 180rem;
    }
    .slidin__input-unit{
        font-size: 18rem;
        margin-left: 12rem;
        min-width: 36rem;
    }
}
.slidin__asterisk{
    display: flex;
    align-items: start;
    font-size: 14rem;
    line-height: 1.5;
    color: var(--mgBlack);
}
.slidin__asterisk-span{
    display: block;
}
.slidin__asterisk::before{
    content: "※";
    display: inline-block;
    width: 14rem;
    height: 14rem;
    position: relative;
    top: 0.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
}
.slidin__asterisk-link{
    display: inline-block;
    color: var(--mgLogoBlue);
    text-decoration: underline;
}
@media screen and (min-width: 600px), print{
    .slidin__asterisk{
        font-size: 17rem;
    }
    .slidin__asterisk::before{
        width: 17rem;
        height: 17rem;
        top: 0rem;
    }
    .tab-btn__text--simulation{
        font-size: 18rem;
    }
}
.slidin__term{
    display: flex;
    align-items: center;
    margin: 20rem 0 0 auto;
    width: fit-content;
}
.slidin__term-group{
    width: fit-content;
}
.slidin__term-group::after{
    right: 10rem;
}
.slidin__term-select{
    font-size: 16rem;
    font-weight: bold;
    line-height: 1.5;
    width: 120rem;
    height: fit-content;
    padding: 10rem 10rem 10rem 20rem;
}
@media screen and (min-width: 600px), print{
    .slidin__term{
        font-size: 20rem;
        margin-top: 24rem;
    }
    .slidin__term-select{
        font-size: 20rem;
        width: 180rem;
    }
}
.error__text-total{
    font-size: 12rem;
    line-height: 1.5;
    color: var(--mgRed);
    text-align: start;
    margin-bottom: 20rem;
    margin-top: 20rem;
}
.error__text-total::before{
    content: "※";
    display: inline-block;
    width: 12rem;
    height: 12rem;
    position: relative;
    top: -1.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
}
@media screen and (min-width: 600px), print{
    .error__text-bonus{
        font-size: 16rem;
        text-align: end;
    }
    .error__text-bonus::before{
        width: 16rem;
        height: 16rem;
    }
    .error__text-total{
        font-size: 16rem;
        text-align: end;
    }
    .error__text-total::before{
        width: 16rem;
        height: 16rem;
        top: 0;
    }
}

.result{
    border: 1px solid var(--mgLogoBlue);
    border-radius: 20rem;
    margin-bottom: 80rem;
}
.result__title{
    font-size: 20rem;
    line-height: 1.5;
    padding: 20rem 20rem 16rem;
    font-weight: bold;
    color: var(--mgBlack);
    margin-bottom: 10rem;
    text-align: center;
    background: rgba(19, 156, 228, 0.05);
}
.result__list{
    padding: 0 20rem;
    margin-bottom: 30rem;
}
.result__item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--mgBlack);
    line-height: 1.5;
    padding: 15rem 0;
    border-bottom: 1px solid var(--mgGray);
}
.result__item--borrowings{
    display: block;
}
@media screen and (min-width: 600px), print{
    .result{
        margin-bottom: 100rem;
    }
    .result__title{
        font-size: 24rem;
        padding: 24rem 24rem 20rem;
    }
    .result__list{
        padding: 0 32rem;
        margin-bottom: 45rem;
    }
    .result__item{
        padding: 20rem 0;
    }
    .result__item--borrowings{
        display: flex;
    }
}

.result__label{
    font-size: 14rem;
}
.result__value{
    font-size: 18rem;
}

.result__label-bold{
    font-size: 16rem;
    font-weight: bold;
}
.result__value-bold{
    font-size: 20rem;
    font-weight: bold;
    color: var(--mgLogoBlue);
}
.result__value-bold--borrowings{
    text-align: end;
}
.result__reset-button{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14rem;
    font-weight: bold;
    line-height: 1.5;
    color: var(--mgLogoBlue);
    padding: 10rem;
    width: 175rem;
    margin: 0 auto;
    border: 1px solid var(--mgLogoBlue);
    border-radius: 30rem;
    margin-bottom: 40rem;
}
.result__reset-button::before{
    content: "";
    display: block;
    background-image: url("../images/icon/btn-reset-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 17rem;
    height: 17rem;
    margin-right: 6rem;
}
@media screen and (min-width: 600px), print{
    .result__label{
        font-size: 18rem;
    }
    .result__value{
        font-size: 22rem;
    }
    .result__label-bold{
        font-size: 20rem;
    }
    .result__value-bold{
        font-size: 24rem;
    }
    .result__value-bold--borrowings{
        text-align: start;
    }
    .result__reset-button{
        font-size: 18rem;
        padding: 14rem;
        width: 200rem;
        margin-bottom: 45rem;
    }
    .result__reset-button::before{
        width: 20rem;
        height: 20rem;
        margin-right: 12rem;
    }
    .result__reset-button:hover{
        box-shadow: 0px 12px 10px rgb(200 205 214 / 40%);
        transition: 0.3s all ease;
    }
}
/* ---------- END ---------- */
.swipe {
    position: relative;
    width: 375rem;
    height: 260rem;
    overflow: hidden;
}
.swipe__list {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 930rem;
}
.swipe__list--transition {
    transition: all 0.2s ease;
}
.swipe__item {
    width: 300rem;
    border: 1rem solid gray;
    padding: 15rem;
}
.swipe__img {
    display: block;
    width: 100%;
    margin-bottom: 15rem;
}
.swipe__title {
    font-size: 16rem;
    text-align: center;
}
@media screen and (min-width: 600px), print{
    .swipe {
        position: relative;
        width: 100%;
        height: 260rem;
        overflow: hidden;
    }
}

/* リダイレクト */
.redirect{
    display: none;
}
.redirect-loading{
    width: 100%;
    height: 100%;
}

/* アプリダウンロード導線 */
.content-block__app-download-bg{
    background-color: var(--mgBrightLightBlue);
}
.content-block__app-download-body{
    padding: 60rem 0 51rem;
}
.app-download__title{
    font-size: 20rem;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
    margin-bottom: 21rem;
    color: var(--mgNavy);
}
.app-download__list{
    display: flex;
    justify-content: center;
    margin-bottom: 35.2rem;
    padding-left: 0;
}
.app-download__item{
    margin-right: 18rem;
    margin-bottom: 0;
}
.app-download__item:last-child{
    margin-right: 0;
}
.app-download__list-title{
    font-size: 13rem;
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 7rem;
    text-align: center;
}
.app-download__link{
    display: block;
    width: 134rem;
}
.app-download__link--ios{
    width: 108rem;
}
.app-download__img{
    width: 100%;
    display: block;
}
.app-download__qr-img{
    display: none;
}
.app-download__notes-list{
    width: 335rem;
    margin: 0 auto 22.7rem;
}
.app-download__notes-item{
    list-style: none;
    margin-bottom: 0;
}
.app-download__item{
    list-style: none;
}
.app-download__notes-text{
    font-size: 12rem;
    line-height: 150%;
    padding-left: 1em;
    text-indent: -1em;
}
.app-miyagin__link{
    display: block;
}
.app-miyagin__link-text{
    font-size: 14rem;
    font-weight: 700;
    color: var(--mgLogoBlue);
    line-height: 150%;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}
.app-miyagin__link-text:hover{
    text-decoration: underline;
}
.app-miyagin__link-text::after{
    content: "";
    display: block;
    background-image: url(../images/icon/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6rem;
    height: 12rem;
    position: relative;
    top: 2rem;
    margin-left: 8rem;
}

.content-block__app-download--border{
    margin: 0 auto;
    border-radius: 20rem;
}
.content-block__app-download-body--width{
    padding: 27rem 0 27rem;
}
.app-download__sub-title{
    font-size: 14rem;
    line-height: 150%;
    text-align: center;
    margin-bottom: 17rem;
}
.app-download__title--margin{
    margin-bottom: 6rem;
}
.app-download__list--margin{
    margin-bottom: 23rem;
}
@media screen and (min-width: 600px), print{
    .content-block__app-download--border{
        margin: 0 auto;
        border-radius: 20rem;
        width: 994rem;
    }
    .content-block__app-download-body--width{
        width: 994rem;
        min-width: 994rem;
    }
    .app-download__title{
        font-size: 24rem;
        letter-spacing: 1.2rem;
        margin-bottom: 34rem;
    }
    .app-download__list{
        display: flex;
        justify-content: center;
        margin-bottom: 30rem;
    }
    .app-download__item{
        margin-right: 40rem;
        padding-right: 40rem;
        margin-bottom: 0;
        display: grid;
        grid-template:
        "img title"
        "img store";
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr auto;
        border-right: 1rem solid var(--mgGray);
    }
    .app-download__item:last-of-type{
        border-right: none;
        padding-right: 0;
    }
    .app-download__list-title{
        margin-top: 22rem;
        margin-bottom: 7.5rem;
        grid-area: title;
    }
    .app-download__link{
        grid-area: store;
    }
    .app-download__qr-img{
        display: block;
        width: 120rem;
        grid-area: img;
        margin-right: 20rem;
    }
    .app-download__notes-list{
        width: 700rem;
        margin: 0 auto 34rem;
    }

    .content-block__app-download-body--width{
        padding: 30rem 0 32rem;
    }
    .app-download__sub-title{
        font-size: 16rem;
        margin-bottom: 31rem;
    }
    .app-download__title--margin{
        margin-bottom: 9rem;
    }
    .app-download__list--margin{
        margin-bottom: 27rem;
    }
}


/* ---------- SDGs宣言企業紹介 ---------- */
.page-sdgs__item {
    list-style: none;
    margin-bottom: 70rem;
}
.page-sdgs__item:last-of-type {
    margin-bottom: 0;
}
.page-sdgs__border-panel-list {
    margin-bottom: 50rem;
}
.page-sdgs__table-cell-title--sdgs {
    line-height: 150%;
}
.page-sdgs__table-cell-text--sdgs {
    line-height: 150%;
}
.page-sdgs__pdf-img {
    display: block;
    width: 273rem;
    margin: 0 auto 40rem;
}
.page-sdgs__pdf-link {
    display: block;
    width: fit-content;
    margin: 0 auto;
}
/* SDGsテーブル */
.page-sdgs__table-wrap {
    margin-bottom: 20rem;
}
.page-sdgs__table-data-cell {
    width: 50%;
}
.page-sdgs__table-cell-title {
    font-weight: bold;
    text-align: left;
}
.page-sdgs__table-cell-text {
    text-align: left;
}
/* 過去のSDGsテーブル */
.content-block__body--sdgs-archive {
    padding-top: 90rem;
}
.table-std__head-cell--sdgs-archive {
    text-align: start;
}
.page-sdgs__table-data-cell--23 {
    width: 23%;
}
.page-sdgs-archive__pdf-link {
    display: inline-block;
    color: var(--mgLogoBlue);
    font-size: 16rem;
    font-weight: bold;
    text-align: start;
    line-height: 175%;
    word-break: break-all;
    cursor: pointer;
}
.page-sdgs__pdf-link--sdgs-archive {
    margin: 0;
}
@media screen and (min-width: 600px), print {
    .table-std__head-cell--sdgs {
        font-size: 16rem;
    }
    .page-sdgs__table-cell-title--sdgs {
        font-size: 16rem;
    }
    .page-sdgs__table-cell-text--sdgs {
        font-size: 16rem;
    }
    /* 過去のSDGsテーブル */
    .table-std__head-cell--sdgs-archive {
        height: 52rem;
    }
}
/* ---------- END: SDGs宣言企業紹介 ---------- */