@charset "utf-8";

/* PC */
@media screen and (min-width: 751px) {

    .news__area li {
        display: flex;
        margin-bottom: inherit;
        align-items: center;
    }

    .news__area dl {
        width: inherit;
    }

    .news__ttl>a {
        width: inherit;
    }


    /* フロウナビ */
    header .flow .breadcrumb {
        margin-left: 20px;
        width: inherit;
    }

    /* ヘッダー */
    .header .header_height_adjust {
        height: 90px;
        display: flex;
    }

    .header .header_height_adjust .header__logo {
        flex: 1;
        position: inherit;
    }

    .header .header_height_adjust .header__tel {
        flex: 2;
        position: inherit;
    }

    .header .header_height_adjust .header__tel .header__link {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
    }

    .header .header_height_adjust .header__tel .header__link li {
        width: 33%;
    }

    .header .header_height_adjust .header__tel .header__link li:first-child {
        width: 40%;
        max-width: inherit;
    }

    .header .header_height_adjust .header__tel .header__link li div .header__btn a {
        height: 70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        background: rgba(255, 166, 0, 0.89);
        font-size: 20px;
        border-radius: 15px;
        border: 1px solid #a0a0a0;
    }

    .header .header_height_adjust .header__tel .header__link li div .header__btn a:hover {
        background: rgba(255, 166, 0, 0.19);
    }

    .header .header_height_adjust .header__tel .header__link .header__qr-entry {
        display: flex;
    }

    .header .header_height_adjust .header__tel .header__link .header__qr-entry p {
        font-size: 18px;
    }

    .header .header_height_adjust .header__tel .header__link .header__qr-entry .js-qrCode canvas {
        width: 50%;
    }

    /* ナビゲーションデザイン */
    .nav .nav__list {
        display: flex;
        justify-content: center;
    }

    .nav .nav__list .nav__list-item {
        width: 14.8%;
        text-align: center;
        background: #00665a;
    }

    .nav .nav__list .nav__list-item:hover {
        width: 14.8%;
        text-align: center;
        background: #12988a;
    }

    .nav .nav__list .nav__list-item .nav__list-item-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 80px;
        color: #fff;
        font-weight: bold;
        border: 1px solid rgb(61, 61, 61);
    }

    /* メイン */
    .main {
        margin-top: 216.6px;
    }

    /* 3分よくわかるiDecoのきほん */
    section .basic__area .basic__ttl {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 3分よくわかるiDecoのきほんボタン */
    .basic__ttl {
        border: solid 2px #008a79;
        padding: 15px;
        text-align: center;
    }
    .basic__area {
        height: 40px;
    }

    /* 3分で良くわかるiDeCoのきほん太字文言 */
    .point__eg-title {
        text-align: center;
    }

    .point__eg-text {
        text-align: left;
    }

    .point__eg-text_ {
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        display: block;
    }

    .point__eg-text__ {
        font-size: 12px;
        text-align: left;
    }

    .Bmodal_center {
        text-align: center;
        margin-bottom: 20px;
        padding-top: 30px;
    }

    .point___eg {
        text-align: center;
        padding: 20px 0;
    }

    /* 3分で良くわかるiDeCoのきほん色付き文言 */
    .span_color {
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
        color: #ed115e;
    }

    /* 運用商品を選ぶ４つのポイント */
    .Pmodal__area .point__ttl {
        background-size: inherit;
    }

    section .basic__area .basic__ttl span {
        line-height: inherit;
    }

    /* フッター */
    .footer__inquiry {
        height: inherit;
    }

    .footer__inquiry .tel__list li,
    .tel__list.pc-only li {
        max-width: inherit;
    }

    /* 20230907追加 */
    .header_text{
        font-size:18px;
        width:450px;
    }

    /* ヘッダー追従によるアンカーリンク位置調整 */
    #link_basic,#link_merit,#link_start,#link_list,#link_choice,#link_guide,#link_question {
        scroll-padding: var(--header);
    }
    :root {
        --header:216.6px;
        scroll-padding: var(--header);
    }

    h2.basic__ttl {
        position: relative;
        width: 1060px;
        height: 36px;
        margin: 0 auto 20px auto;
    }

    .basic_01_sp {
        display: none;
    }
    .basic_02_sp {
        display: none;
    }
}

/* SP */
@media screen and (max-width: 750px) {

    /* フロウナビ */
    header .flow .breadcrumb {
        height: 6.6rem;
        margin-left: inherit;
    }

    /* ヘッダー */
    .nav .nav__list {
        display: none;
    }

    .nav .nav__list .nav__list-item {
        width: 100%;
    }

    .nav .nav__list .nav__list-item .nav__list-item-link {
        height: 40px;
    }
    .nav .nav__list .nav__list-item {
        /* width: 12.5%; */
        text-align: center;
        background: #00665a;
        font-size: 1rem;
        font-weight: bold;
        line-height: 1.25rem;
        text-align: center;
        color: #fff;
    }

    .nav .nav__list .nav__list-item:hover {
        /* width: 12.5%; */
        text-align: center;
        background: #12988a;
    }
    a.nav__list-item-link{
        display: flex;
        width: 100%;
        color: #fff;
        align-items: center;
        justify-content: center;
    }

    /* ロゴ画像サイズ調整 */
    .header__logo img {
        max-width: 90px;
    }

    /* ヘッダー追従解除 */
    .header {
        position: static;
    }

    /* ニュース領域高さ調整 */
    .news-faq ol {
        height: 150px;
    }

    /* 3分よくわかるiDecoのきほん */
    section .basic__area .basic__ttl {
        padding-left: 5%;
        display: inherit;
        align-items: inherit;
    }

    section .basic__area .basic__ttl span img {
        width: 30px;
    }

    .clock_img {
        width: 35px;
        display: inline-block;
    }

    h2.Bmodal_center {
        text-align: center;
        padding: 20px;
    }

    a.BmodalOn {
        width: 100%;
    }

    /* フッター */
    .footer__inquiry .tel__list {
        float: inherit;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;

    }

    .footer__inquiry .tel__list li {
        max-width: inherit;
    }

    .footer__inquiry .tel__list li a {
        font-size: 20px;
        font-weight: bold;

    }

    .basic__ttl-01 {
        font-size: 18px;
        color: #12988a;
    }

    .basic__ttl-02 {
        font-size: 11px;
    }

    .basic__ttl-03 {
        font-size: 13px;
    }

    .basic__ttl {
        border: solid 2px #008a79;
        padding: 15px;
        border-radius: 10px;
        text-align: center;
        padding-left: 0;
        width: auto;
    }

    .main {
        margin-top: 0;
    }

    .basic_01_pc {
        display: none;
    }
    .basic_02_pc {
        display: none;
    }

}