@charset "utf-8";
/* CSS Document */
/* トップページ */

main#toppage {
    /* font-size: 1.6rem; */
    /* line-height:; */
    padding: 0 1em;
    margin: 0 auto 8rem;
    max-width: 1200px;
}

/* main#toppage dl dd {
    padding-left: 1em;
} */

/*--------------------
各ページメインイメージ
--------------------*/

.main_img_wrap {
    padding: 0 2rem 6rem;
}

.main_img_wrap .main_img {
    max-width: 1200px;
    margin: auto;
}

@media screen and (max-width:1024px) {
    .main_img_wrap {
        padding: 0 2rem 4rem;
    }
}

@media screen and (max-width:480px) {
    .main_img_wrap {
        padding: 0 1rem 2rem;
    }

}

/*--------------------
横幅一杯の背景
--------------------*/

.vw100 {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 11.2rem;
    padding-right: 11.2rem;
}

.vw100.pd0 {
    padding-left: 0;
    padding-right: 0;
}


@media screen and (max-width:1024px) {
    .vw100 {
        padding-left: 0;
        padding-right: 0;
    }
}


/*--------------------
検索部分
--------------------*/
.searchform_wrap {
    background-color: #eee;
    border: 1px solid #c8c8c8;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
}

.searchform_wrap .inner {
    max-width: 1200px;
    padding: 2.4rem 4rem;
    box-sizing: border-box;
    margin: auto;
}

.searchform_wrap .inner form.searchform {
    display: flex;
    align-items: center;
}

.searchform_wrap .inner form.searchform .input_wrap input {
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.searchform_wrap .inner form.searchform .input_wrap input[type="text"] {
    background-color: #fff;
    font-size: 2.1rem;
    line-height: 2.76em;
    padding: 0 0.4em 0 3em;
    letter-spacing: 0.06em;
    border-radius: 0.6rem;
    width: 27vw;
    max-width: 46rem;
    box-sizing: border-box;
    margin-right: 1rem;
    background-image: url(../img/common/icon_search.svg);
    background-repeat: no-repeat;
    background-position: left 0.8em center;
    background-size: 1.5em auto;
}

.searchform_wrap .inner form.searchform .input_wrap input[type="submit"] {
    background-color: #333;
    color: #fff;
    font-weight: 700;
    height: 2.23em;
    width: 13.4rem;
    padding-left: 0.25em;
    border-radius: 0.6rem;
    font-size: 2.6rem;
    cursor: pointer;
}

.searchform_wrap .inner form.searchform .input_wrap input[type="submit"]:hover {
    background-color: #555;
}

.searchform_wrap .inner form.searchform ul.serch_ex {
    display: flex;
    font-size: 2.7rem;
    font-weight: 700;
    color: #333;
    letter-spacing: 0.02em;
    line-height: 1.5;

}

.searchform_wrap .inner form.searchform ul.serch_ex li {
    margin-left: 1em;

}

.searchform_wrap .inner form.searchform ul.serch_ex li a {
    color: #333;
    vertical-align: 0.2em;
}


/* トップレベル以下の検索表示 */
@media screen and (max-width:1024px) {
    #float_menu .search:hover {
        cursor: pointer;
        opacity: 0.7;
    }

    #float_menu .search a {
        pointer-events: none;
    }
}

@media screen and (min-width:1025px) {
    footer .searchform_wrap {
        display: none;
    }
}


@media screen and (max-width:1024px) {
    .searchform_wrap {
        position: fixed;
        display: block;
        border: none;
        bottom: 9rem;
        visibility: hidden;
        opacity: 0;
        transition: 0.3s;
        z-index: 100;
        filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
    }

    .searchform_wrap::after {
        content: '';
        display: block;
        position: absolute;
        width: 2.2rem;
        height: 3.8rem;
        box-sizing: border-box;
        border-left: 2.2rem solid #eee;
        border-top: 1.9rem solid transparent;
        border-bottom: 1.9rem solid transparent;
        left: 14%;
        bottom: -2.2rem;
        transform: rotate(90deg);
    }

    .searchform_wrap.open {
        visibility: visible;
        opacity: 1;
    }

    .searchform_wrap .inner form.searchform {
        flex-direction: column;
        justify-content: center;
    }

    .searchform_wrap .inner {
        padding: 1.6rem 2rem 1rem;
    }

    .searchform_wrap .inner form.searchform .input_wrap input[type="text"] {
        font-size: 1.8rem;
        line-height: 2em;
        width: 65vw;
        background-size: 1.2em auto;
        padding: 0 0.4em 0 2.5em;
    }

    .searchform_wrap .inner form.searchform .input_wrap input[type="submit"] {
        height: 2em;
        width: 20vw;
        font-size: 1.6rem;
    }

    .searchform_wrap .inner form.searchform ul.serch_ex {
        font-size: 1.4rem;
        margin-top: 0.5em;
    }

    .searchform_wrap .inner form.searchform ul.serch_ex li {
        margin: 0 0.5em;
    }


    .searchform_wrap .inner form.searchform .input_wrap input[type="text"] {
        font-size: 2.4rem;
    }

    .searchform_wrap .inner form.searchform .input_wrap input[type="submit"] {
        font-size: 2rem;
    }

    .searchform_wrap .inner form.searchform ul.serch_ex {
        font-size: 1.8rem;
        margin-top: 0.5em;
    }
}

@media screen and (max-width:480px) {
    .searchform_wrap .inner form.searchform .input_wrap input[type="text"] {
        font-size: 1.6rem;
    }

    .searchform_wrap .inner form.searchform .input_wrap input[type="submit"] {
        font-size: 1.4rem;
    }

    .searchform_wrap .inner form.searchform ul.serch_ex {
        font-size: 1.4rem;
    }

    .searchform_wrap {
        bottom: 8rem;
    }

    .searchform_wrap::after {
        left: 3.6rem;
    }
}

/*--------------------
重要なお知らせ
--------------------*/
.important_info {
    background-color: #ffdbdb;
    box-sizing: border-box;
}

.important_info .inner {
    max-width: 1200px;
    padding: 3rem 2rem 3rem;
    box-sizing: border-box;
    margin: auto;
    display: flex;
    align-items: flex-start;
}

.important_info .inner h3 {
    font-size: 2.4rem;
    line-height: 1.4;
    color: #c80032;
    padding-left: 1.75em;
    background-image: url(../img/common/icon_\ exclamation.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 1.4em;
    margin-right: 1.5em;
    flex-shrink: 0;
}

.important_info .inner ul {
    list-style: none;

    font-size: 2.4rem;
}

.important_info .inner ul li {
    line-height: 1.4;
    margin-left: 0.5em;
    margin-bottom: 0.25em;
}

.important_info .inner ul li a {
    color: #000;
    text-decoration: none;
}

.important_info .inner ul li::before {
    content: '・';
    display: inline-block;
    /* width: 0.5em; */
    margin-left: -0.5em;
}

@media screen and (max-width:1024px) {
    .important_info {
        padding: 0;
    }

    .important_info .inner {
        padding: 2rem 3rem;
    }

    .important_info .inner h3 {
        font-size: 2rem;
        padding-left: 1.75em;
    }

    .important_info .inner ul {
        font-size: 2rem;
    }
}

@media screen and (max-width:768px) {

    .important_info .inner {
        padding: 1.6rem 3rem;
        flex-direction: column;
    }

    .important_info .inner h3 {
        font-size: 2rem;
        padding-left: 1.75em;
        margin-bottom: 0.5em;
    }

    .important_info .inner ul {
        font-size: 1.6rem;
        margin-left: 1em;
    }
}

@media screen and (max-width:480px) {

    .important_info .inner {
        padding: 1rem 1rem;
        flex-direction: column;
    }

    .important_info .inner h3 {
        font-size: 1.4rem;
        padding-left: 1.75em;
        margin-bottom: 0.5em;
    }

    .important_info .inner ul {
        font-size: 1.3rem;

    }
}

/*--------------------
コラム
--------------------*/
.top_column_wrap {}

.top_column_wrap .inner {
    max-width: 1200px;
    padding: 0 3rem;
    margin: auto;
    box-sizing: content-box;
}

.top_column_wrap .inner h3 {
    font-size: 2.6rem;
    letter-spacing: 0.18em;
    text-align: center;
    margin-bottom: 2em;
}

@media screen and (max-width:480px) {
    .top_column_wrap {
        margin-bottom: 2rem;
    }

    .top_column_wrap .inner {
        max-width: 1200px;
        padding: 0 1.4rem;
        margin: auto;
        box-sizing: content-box;
    }

    .top_column_wrap .inner h3 {
        font-size: 1.6rem;
    }
}

/*--------------------
インフォメーション一覧
--------------------*/

/* タブと表示 */
.info_list_wrap {
    max-width: 1200px;
    padding: 0 2rem;
    margin: 0 auto 11rem;
}

.info_list_wrap ul.info_tab_wrap {
    display: flex;
    margin-bottom: 0.5rem;
}

.info_list_wrap ul.info_tab_wrap li.info_tab {
    width: calc(100%/6);
    font-size: 1.8rem;
    line-height: 2.75;
    text-align: center;
    cursor: pointer;
    border-bottom: 4px solid #959595;
}

.info_list_wrap ul.info_tab_wrap li.info_tab:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.info_list_wrap ul.info_tab_wrap li.info_tab.active:hover {
    opacity: 1;
}

/* .info_list_wrap ul.info_tab_wrap li.info_tab.active {
    color: #c80032;
    border-color: #c80032;
} */

/* カテゴリ別色分け */
.info_list_wrap ul.info_tab_wrap li.info_tab {
    color: #323232;
    border-color: #323232;
}

.info_list_wrap ul.info_tab_wrap li.info_tab.importants {
    color: #C80032;
    border-color: #C80032;
}

.info_list_wrap ul.info_tab_wrap li.info_tab.news {
    color: #10AAE1;
    border-color: #10AAE1;
}

.info_list_wrap ul.info_tab_wrap li.info_tab.events {
    color: #AA6CA9;
    border-color: #AA6CA9;
}

.info_list_wrap ul.info_tab_wrap li.info_tab.topics {
    color: #FA7D00;
    border-color: #FA7D00;
}


.info_list_wrap ul.info_tab_wrap li.info_tab.campaigns {
    color: #61B238;
    border-color: #61B238;
}



.info_list_wrap .info_panel {
    display: none;
}

.info_list_wrap .info_panel.active {
    display: block;
}

@media screen and (max-width:1024px) {
    .info_list_wrap {
        margin: 0 auto 8rem;
    }
}

@media screen and (max-width:480px) {
    .info_list_wrap {
        padding: 0 1.4rem;
        margin: 0 auto 6rem;
    }

    .info_list_wrap ul.info_tab_wrap {
        width: 100vw;
        left: -1em;
        position: relative;
        flex-wrap: wrap;
    }

    .info_list_wrap ul.info_tab_wrap li.info_tab {
        width: calc(100%/3);
        box-sizing: border-box;
        font-size: 1.3rem;
        line-height: 2.75;
        border-bottom: 3px solid #959595;
    }

    /* .info_list_wrap ul.info_tab_wrap li.info_tab.active {
        border-color: #c80032;
    } */

    .info_list_wrap .info_panel {
        display: none;
    }

    .info_list_wrap .info_panel.active {
        display: block;
    }
}

/* リスト部分 */
.info_list_wrap .info_panel li {
    border-bottom: 2px solid #959595;

}

.info_list_wrap .info_panel li:last-child {
    border-bottom: none;
}


/* 一覧を見る */
.info_list_wrap .info_panel .link_wrap {
    margin-top: 3.6rem;
    text-align: center;
}

.info_list_wrap .info_panel .link_wrap a {
    font-size: 2rem;
    line-height: 1.5;
}

@media screen and (max-width:480px) {
    .info_list_wrap .info_panel li {
        border-bottom: 1px solid #959595;
    }

    .info_list_wrap .info_panel .link_wrap {
        margin-top: 2rem;
        text-align: center;
    }

    .info_list_wrap .info_panel .link_wrap a {
        font-size: 1.6rem;
    }

}

/*--------------------
法人トップページ
--------------------*/
#top_corporate .page_lead_wrap {
    margin: 6rem auto;
    padding: 0 2rem;
    max-width: 1150px;
    width: 90%;
}

#top_corporate .page_lead_wrap .inner {
    display: flex;
    justify-content: space-between;
    max-width: 1150px;
    margin: auto;
    align-items: center;
}

#top_corporate .page_lead_wrap .inner .text_wrap {
    padding-top: 0.8rem;
}

#top_corporate .page_lead_wrap .inner .text_wrap h1 {
    font-size: 3rem;
    letter-spacing: 0.09em;
    line-height: 1.5;
    margin-bottom: 1.3em;
}

#top_corporate .page_lead_wrap .inner .text_wrap p {
    font-size: 2rem;
    line-height: 2.2;
    font-weight: 300;
}

#top_corporate .page_lead_wrap .inner .img_wrap {
    max-width: 566px;
    width: 50%;
}

@media screen and (max-width:1024px) {
    #top_corporate .page_lead_wrap .inner {
        max-width: 90%;
    }
}


@media screen and (max-width:768px) {
    #top_corporate .page_lead_wrap .inner {
        max-width: 100%;
        flex-direction: column;
    }

    #top_corporate .page_lead_wrap .inner .img_wrap {
        max-width: 100%;
        width: 100%;
    }

    #top_corporate .page_lead_wrap .inner .text_wrap {
        padding-top: 0;
    }

    #top_corporate .page_lead_wrap .inner .text_wrap h1 {
        font-size: 3rem;
        text-align: center;
    }

    #top_corporate .page_lead_wrap .inner .text_wrap p {
        font-size: 1.8rem;
        line-height: 2.2;
        font-weight: 300;
        text-align: center;
        margin-bottom: 2em;
    }

    #top_corporate .page_lead_wrap .inner .img_wrap {
        max-width: 700px;
        width: 90%;
    }
}

@media screen and (max-width:480px) {

    #top_corporate .page_lead_wrap {
        margin: 4rem auto;
        padding: 0;
    }

    #top_corporate .page_lead_wrap .inner .text_wrap h1 {
        font-size: 2.4rem;
    }

    #top_corporate .page_lead_wrap .inner .text_wrap p {
        font-size: 1.4rem;
        line-height: 2;
        margin-bottom: 2em;
    }

    #top_corporate .page_lead_wrap .inner .img_wrap {
        max-width: 700px;
        width: 90%;
    }
}

/* コンサルティング */

#top_corporate .consul_wrap {
    background-color: #fafad2;
}

#top_corporate .consul_wrap .inner {
    max-width: 1200px;
    padding: 9.4rem 3rem 9rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: content-box;
}

#top_corporate .consul_wrap .inner h2 {
    font-size: 4.6rem;
    line-height: 1.48;
    letter-spacing: 0.09em;
    margin-bottom: 0.8em;
}

#top_corporate .consul_wrap .inner h2 span {
    display: block;
    font-size: 0.61em;
    letter-spacing: 0.1em;
    color: #fa7d00;
}

#top_corporate .consul_wrap .inner article {
    margin-bottom: 3.8rem;
}

#top_corporate .consul_wrap .inner a.cunsul_item {
    display: flex;
    color: #000;
    text-decoration: none;
}

#top_corporate .consul_wrap .inner .cunsul_item p {
    font-size: 1.8rem;
    line-height: 1.55;
    font-weight: 300;
    letter-spacing: 0.05em;
}

@media screen and (max-width:1024px) {
    #top_corporate .consul_wrap .inner {
        padding: 6rem 3rem;
    }
}

@media screen and (max-width:768px) {
    #top_corporate .consul_wrap .inner {
        padding: 4rem 3rem;
    }

    #top_corporate .consul_wrap .inner h2 {
        font-size: 3.2rem;
        margin: auto auto 0.8em;
        text-align: center;
    }

    #top_corporate .consul_wrap .inner article {
        margin-bottom: 2rem;
    }


    #top_corporate .consul_wrap .inner .cunsul_item p {
        font-size: 1.6rem;
    }
}

@media screen and (max-width:480px) {
    #top_corporate .consul_wrap .inner {
        padding: 3rem 2rem;
    }

    #top_corporate .consul_wrap .inner h2 {
        font-size: 2.2rem;
    }

    #top_corporate .consul_wrap .inner .cunsul_item p {
        font-size: 1.4rem;
    }
}




/* サイズL */
#top_corporate .consul_wrap .inner article.size-l .cunsul_item {
    background-color: #fff;
    padding: 3.2rem 3.4rem;
}

#top_corporate .consul_wrap .inner article.size-l .cunsul_item .img_wrap {
    max-width: 418px;
    width: 37%;
    flex-shrink: 0;
    margin-right: 6rem;
}

#top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap {
    position: relative;
}

#top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap h3 {
    font-size: 2.8rem;
    line-height: 1.5;
    margin-top: -0.3em;
    margin-bottom: 0.35em;
}

#top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap .maru_yajirushi {
    position: absolute;
    right: 0;
    bottom: 0.5em;
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

#top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap ul {
    font-size: 2rem;
    letter-spacing: 0.04em;
    margin-top: 0.9em;
}

#top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap ul li {
    padding-left: 1.25em;
    position: relative;
    margin-top: 0.5em;
}

#top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap ul li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.75em;
    height: 0.75em;
    border-left: 0.75em solid #fa7d00;
    border-top: 0.375em solid transparent;
    border-bottom: 0.375em solid transparent;
    box-sizing: border-box;
}

@media screen and (max-width:768px) {
    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .img_wrap {
        width: 37%;
        margin-right: 4rem;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap h3 {
        font-size: 2.4em;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap {
        padding-bottom: 4rem;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap .maru_yajirushi {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 2rem;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap ul {
        font-size: 1.8rem;

    }
}

@media screen and (max-width:560px) {
    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap .maru_yajirushi {
        font-size: 1.8rem;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap ul {
        font-size: 1.6rem;

    }
}

@media screen and (max-width:480px) {

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item {
        padding: 2rem 2rem;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item {
        flex-direction: column;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .img_wrap {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap h3 {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 0.75em;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap {
        padding-bottom: 4rem;

    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap .maru_yajirushi {
        position: absolute;
        right: 0;
        bottom: 0.5em;
        font-size: 1.6rem;
    }

    #top_corporate .consul_wrap .inner article.size-l .cunsul_item .text_wrap ul {
        font-size: 1.4rem;
    }
}

/* サイズM */
#top_corporate .consul_wrap .inner article.size-m {
    max-width: 582px;
    padding: 2.8rem;
    width: 48.5%;
    flex-shrink: 0;
    background-color: #fff;
}

#top_corporate .consul_wrap .inner article.size-m .cunsul_item {
    flex-direction: column;
}

#top_corporate .consul_wrap .inner article.size-m .cunsul_item .img_wrap {
    margin-bottom: 1.6rem;
}

#top_corporate .consul_wrap .inner article.size-m .cunsul_item .text_wrap {
    position: relative;
}


#top_corporate .consul_wrap .inner article.size-m .cunsul_item .text_wrap .maru_yajirushi {
    position: absolute;
    bottom: 0.55em;
    right: 0;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
}

@media screen and (max-width:1368px) {
    #top_corporate .consul_wrap .inner article.size-m .cunsul_item .text_wrap .maru_yajirushi {
        bottom: 0.85em;
        font-size: 2rem;
    }
}

@media screen and (max-width:768px) {
    #top_corporate .consul_wrap .inner article.size-m .cunsul_item .text_wrap {
        padding-bottom: 4rem;
    }

    #top_corporate .consul_wrap .inner article.size-m .cunsul_item .text_wrap .maru_yajirushi {
        bottom: 0;
        font-size: 2rem;
    }
}

@media screen and (max-width:560px) {
    #top_corporate .consul_wrap .inner article.size-m .cunsul_item .text_wrap .maru_yajirushi {
        bottom: 0;
        font-size: 1.6rem;
    }
}

@media screen and (max-width:480px) {
    #top_corporate .consul_wrap .inner article.size-m {
        padding: 2rem;
        width: 100%;
    }

    #top_corporate .consul_wrap .inner article.size-m .cunsul_item .img_wrap {
        margin-bottom: 1rem;
    }

    #top_corporate .consul_wrap .inner article.size-m .cunsul_item .text_wrap {
        padding-bottom: 2.5rem;
    }

    #top_corporate .consul_wrap .inner article.size-m .cunsul_item .text_wrap .maru_yajirushi {
        font-size: 1.8rem;
        line-height: 1.75;
        bottom: -0.25em;
    }
}

/* サイズS */
#top_corporate .consul_wrap .inner article.size-s {
    max-width: 276px;
    width: 23%;
    flex-shrink: 0;
}

#top_corporate .consul_wrap .inner article.size-s .cunsul_item {
    flex-direction: column;
}

#top_corporate .consul_wrap .inner article.size-s .cunsul_item .img_wrap {
    margin-bottom: 2.4rem;
}

#top_corporate .consul_wrap .inner article.size-s .cunsul_item .text_wrap {
    position: relative;
    text-align: center;
}

#top_corporate .consul_wrap .inner article.size-s .cunsul_item .text_wrap p {
    letter-spacing: 0.03em;
    margin-top: 2.4rem;
    font-size: 1.6rem;
}

#top_corporate .consul_wrap .inner article.size-s .cunsul_item .text_wrap .maru_yajirushi {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.75;
}

@media screen and (max-width:1024px) {
    #top_corporate .consul_wrap .inner article.size-s .cunsul_item .text_wrap .maru_yajirushi {
        font-size: 2rem;
    }
}

@media screen and (max-width:768px) {
    #top_corporate .consul_wrap .inner article.size-s .cunsul_item .img_wrap {
        margin-bottom: 2rem;
    }

    #top_corporate .consul_wrap .inner article.size-s .cunsul_item .text_wrap p {
        margin-top: 2rem;
        font-size: 1.3rem;
    }

}

@media screen and (max-width:560px) {
    #top_corporate .consul_wrap .inner article.size-s .cunsul_item .text_wrap .maru_yajirushi {
        font-size: 1.6rem;
    }

}

@media screen and (max-width:480px) {
    #top_corporate .consul_wrap .inner article.size-s {
        width: 47%;
    }

    #top_corporate .consul_wrap .inner article.size-s .cunsul_item .text_wrap p {
        font-size: 1.2rem;
    }

    #top_corporate .consul_wrap .inner article.size-s .cunsul_item .text_wrap .maru_yajirushi {
        font-size: 1.6rem;
    }
}

/* サービスフロー */

#top_corporate .service_flow {
    margin: 11rem auto;
    max-width: 1200px;
    padding: 0 3rem;
    box-sizing: content-box;
}

#top_corporate .service_flow h2 {
    text-align: center;
    font-size: 4rem;
    letter-spacing: 0.09em;
    line-height: 1.5;
    margin-bottom: 0.5em;
}

#top_corporate .service_flow p.lead_copy {
    font-size: 2.4rem;
    letter-spacing: 0.08em;
    text-align: center;
    font-weight: 300;
    margin-bottom: 2.5em;
}

#top_corporate .service_flow .img_wrap {
    max-width: 1200px;
    margin-bottom: 8rem;
}

#top_corporate .service_flow ul {
    display: flex;
    justify-content: space-between;
}

#top_corporate .service_flow ul li {
    width: 26.5%;
    position: relative;
}

#top_corporate .service_flow ul li::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    top: 0;
    right: -19%;
}

#top_corporate .service_flow ul li:last-child:after {
    display: none;
}

#top_corporate .service_flow ul li h3 {
    font-size: 2.6rem;
    letter-spacing: 0.02em;
    line-height: 1.5;
    margin-bottom: 0.6em;
}

#top_corporate .service_flow ul li h3 span {
    display: block;
    font-size: 0.7em;
    font-weight: normal;
    margin-bottom: 0.35em;
}

#top_corporate .service_flow ul li p {
    font-size: 1.8rem;
    line-height: 1.5;
}

@media screen and (max-width:768px) {
    #top_corporate .service_flow {
        margin: 8rem auto;
        padding: 0 3rem;
    }

    #top_corporate .service_flow h2 {
        font-size: 3rem;
    }

    #top_corporate .service_flow p.lead_copy {
        font-size: 2rem;
        line-height: 1.5;
    }

    #top_corporate .service_flow ul li h3 {
        font-size: 2rem;
    }

    #top_corporate .service_flow ul li p {
        font-size: 1.6rem;
    }

}

@media screen and (max-width:480px) {
    #top_corporate .service_flow {
        margin: 4rem auto;
        padding: 0 2rem;
    }

    #top_corporate .service_flow h2 {
        font-size: 2.2rem;
    }

    #top_corporate .service_flow p.lead_copy {
        font-size: 1.6rem;
        margin-bottom: 2em;

    }

    #top_corporate .service_flow .img_wrap {
        margin-bottom: 4rem;
    }

    #top_corporate .service_flow ul {
        flex-direction: column;
    }

    #top_corporate .service_flow ul li {
        width: 100%;
        position: relative;
        margin-bottom: 4rem;
    }

    #top_corporate .service_flow ul li::after {
        width: 100%;
        height: 1px;
        top: auto;
        right: 0;
        bottom: -2rem;
    }

    #top_corporate .service_flow ul li h3 {
        font-size: 1.6rem;
    }

    #top_corporate .service_flow ul li p {
        font-size: 1.4rem;
    }

}

/* 金利手数料一覧 */

.kinirtesuryo_wrap {
    margin: 10rem auto;
    max-width: 1200px;
    padding: 0 2rem;
    box-sizing: content-box;
}

.kinirtesuryo_wrap h2 {
    font-size: 2.6rem;
    letter-spacing: 0.06em;
    font-weight: 400;
    margin-bottom: 1em;
}

.kinirtesuryo_wrap ul {
    display: flex;
    justify-content: space-between;
}

.kinirtesuryo_wrap ul li {
    display: flex;
    border-right: 2px dotted #c8c8c8;
    height: 17.4rem;
    padding-right: 4%;
}

.kinirtesuryo_wrap ul li .img_wrap {
    max-width: 16.6rem;
    margin-right: 2.4rem;
}

.kinirtesuryo_wrap ul li .img_wrap img {
    height: 100%;
    width: auto;
}

.kinirtesuryo_wrap ul li .text_wrap h3 {
    font-size: 3.6rem;
    letter-spacing: 0.06em;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 1em;
}

.kinirtesuryo_wrap ul li .text_wrap a.maru_yajirushi {
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

.kinirtesuryo_wrap ul li:last-child {
    border-right: none;
    padding-right: 0;
}

.kinirtesuryo_wrap ul li:last-child .img_wrap {
    max-width: 9rem;
}

@media screen and (max-width:1366px) {


    .kinirtesuryo_wrap ul li .text_wrap h3 {
        font-size: 2.8rem;
    }


}

@media screen and (max-width:1024px) {
    .kinirtesuryo_wrap ul li {
        height: 16rem;
    }

    .kinirtesuryo_wrap ul li .text_wrap h3 {
        font-size: 2.6em;
    }

    .kinirtesuryo_wrap ul li .text_wrap a.maru_yajirushi {
        font-size: 1.8rem;
    }

}

@media screen and (max-width:768px) {
    .kinirtesuryo_wrap h2 {
        text-align: center;
        margin-bottom: 1.5em;
    }

    .kinirtesuryo_wrap ul li {
        flex-direction: column;
        border-right: 2px dotted #c8c8c8;
        height: auto;
        padding-right: 0;
        width: 33.3%;
        flex-shrink: 0;
        align-items: center;
    }

    .kinirtesuryo_wrap ul li .img_wrap {
        height: 20vw;
        margin-right: 0;
    }

    .kinirtesuryo_wrap ul li .text_wrap h3 {
        font-size: 2rem;
        text-align: center;
    }

    .kinirtesuryo_wrap ul li .text_wrap a.maru_yajirushi {
        font-size: 1.8rem;
    }

}

@media screen and (max-width:480px) {
    .kinirtesuryo_wrap {
        padding: 0 1rem;
        margin: 6rem auto;
    }

    .kinirtesuryo_wrap h2 {
        font-size: 2rem;

    }

    .kinirtesuryo_wrap ul li .img_wrap {
        height: 20vw;

    }

    .kinirtesuryo_wrap ul li .text_wrap h3 {
        font-size: 1.6rem;
    }

    .kinirtesuryo_wrap ul li .text_wrap a.maru_yajirushi {
        font-size: 1.2rem;
    }

}

/* 同友会 */

#top_corporate .doyukai_wrap {
    background-color: #eeeeee;
    padding: 9.5rem 0 5.5rem;
}

#top_corporate .doyukai_wrap h2 {
    font-size: 3.8rem;
    text-align: center;
}

#top_corporate .doyukai_wrap h2 span {
    display: block;
    width: 51.8rem;
    margin: 2rem auto;
}

#top_corporate .doyukai_wrap h2+p {
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.06em;
    font-weight: 700;
    line-height: 1.5;
}

#top_corporate .doyukai_wrap .link_wrap {
    text-align: center;
}

#top_corporate .doyukai_wrap .link_wrap a.maru_yajirushi {
    font-size: 2rem;

}

/* カルーセル部分 */
#top_corporate .doyukai_wrap .carousel_wrap {
    margin: 4rem 0;
}

#top_corporate .doyukai_wrap .carousel_wrap .item {
    width: 39.8rem;
    height: 37.5rem;
    margin: 0 1rem;
}

#top_corporate .doyukai_wrap .carousel_wrap .item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
}

#top_corporate .doyukai_wrap .carousel_wrap .item a::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%);
    z-index: 5;
}

#top_corporate .doyukai_wrap .carousel_wrap .item a:after {
    content: '';
    display: block;
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    right: 3rem;
    bottom: 4rem;
    z-index: 15;
    transform: rotate(-45deg);
}

#top_corporate .doyukai_wrap .carousel_wrap .item a .img_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#top_corporate .doyukai_wrap .carousel_wrap .item a .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#top_corporate .doyukai_wrap .carousel_wrap .item a .text_wrap {
    position: absolute;
    width: 100%;
    z-index: 10;
    bottom: 0;
    padding: 2rem 1.5em;
}

#top_corporate .doyukai_wrap .carousel_wrap .item a .text_wrap h3 {
    width: 80%;
    font-size: 2rem;
    line-height: 1.5;
}

#top_corporate .doyukai_wrap .carousel_wrap .item a .text_wrap h4 {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1em;
}

@media screen and (max-width:768px) {
    #top_corporate .doyukai_wrap {
        padding: 6rem 0;
    }

    #top_corporate .doyukai_wrap h2 {
        font-size: 2.8rem;
        text-align: center;
    }

    #top_corporate .doyukai_wrap h2 span {
        width: 40rem;
    }

    #top_corporate .doyukai_wrap h2+p {
        font-size: 1.8rem;
    }


    #top_corporate .doyukai_wrap .link_wrap a.maru_yajirushi {
        font-size: 2rem;

    }

    /* カルーセル部分 */
    #top_corporate .doyukai_wrap .carousel_wrap {
        margin: 3rem 0;
    }

    #top_corporate .doyukai_wrap .carousel_wrap .item {
        width: 30rem;
        height: 28rem;
        margin: 0 1rem;
    }

    #top_corporate .doyukai_wrap .carousel_wrap .item a .text_wrap {
        padding: 1.4rem 1em;
    }

    #top_corporate .doyukai_wrap .carousel_wrap .item a .text_wrap h3 {
        font-size: 1.8rem;
    }

    #top_corporate .doyukai_wrap .carousel_wrap .item a .text_wrap h4 {
        font-size: 1.4rem;
        margin-bottom: 0.75em;
    }

    #top_corporate .doyukai_wrap .carousel_wrap .item a:after {
        width: 1.2rem;
        height: 1.2rem;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        right: 2rem;
        bottom: 2rem;
    }
}

@media screen and (max-width:480px) {
    #top_corporate .doyukai_wrap {
        padding: 4rem 0;
    }

    #top_corporate .doyukai_wrap h2 {
        font-size: 2rem;
        text-align: center;
    }

    #top_corporate .doyukai_wrap h2 span {
        width: 70%;
    }

    #top_corporate .doyukai_wrap h2+p {
        font-size: 1.4rem;
    }

    #top_corporate .doyukai_wrap .carousel_wrap .item {
        width: 24rem;
        height: 22rem;
        margin: 0 1rem;
    }


    #top_corporate .doyukai_wrap .carousel_wrap .item a .text_wrap h3 {
        font-size: 1.6rem;
    }

    #top_corporate .doyukai_wrap .carousel_wrap .item a .text_wrap h4 {
        font-size: 1.2rem;
        margin-bottom: 0.75em;
    }
}

/*--------------------
トップページ
--------------------*/

/* オススメ情報 */
#toppage .osusume_wrap {
    margin-bottom: 10rem;
    position: relative;
}

#toppage .osusume_wrap h2 {
    font-size: 3.2rem;
    letter-spacing: 0.08em;
    text-align: center;
    margin-bottom: 0.8em;
}

#toppage .osusume_wrap .osusume_list {
    margin-bottom: 5rem;
}

#toppage .osusume_wrap .osusume_list .osusume_item {

    margin: 0 3.2rem;
}

#toppage .osusume_wrap .osusume_list .osusume_item a {
    display: block;
    background-color: #000;
    width: 47rem;
    height: 30rem;
    position: relative;
    color: #fff;
}

#toppage .osusume_wrap .osusume_list .osusume_item a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

#toppage .osusume_wrap .osusume_list .osusume_item a div.title {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.08em;
}

#toppage .osusume_wrap .osusume_list .slide-arrow {
    width: 6rem;
    height: 6rem;
    display: block;
    position: absolute;
    top: 15rem;
    cursor: pointer;
}

#toppage .osusume_wrap .osusume_list .slide-arrow.prev-arrow {
    left: 50%;
    transform: translate(-26.5rem, -50%);
    z-index: 10;
}

#toppage .osusume_wrap .osusume_list .slide-arrow.next-arrow {
    right: 50%;
    transform: translate(26.5rem, -50%) scale(-1, 1);
    z-index: 10;
}

#toppage .osusume_wrap a.round_button {
    font-size: 2.6rem;
    width: 80%;
    max-width: 47.8rem;
    box-sizing: border-box;
}

#toppage .osusume_wrap .osusume_list ul.slide-dots li.slick-active button {
    background-color: #fa7d00;
}

@media screen and (max-width:480px) {
    #toppage .osusume_wrap {
        margin-bottom: 8rem;
    }

    #toppage .osusume_wrap h2 {
        font-size: 2rem;
    }

    #toppage .osusume_wrap .osusume_list {
        margin-bottom: 2.8rem;
    }

    #toppage .osusume_wrap .osusume_list .osusume_item {
        margin: 0 0.8rem;
    }

    #toppage .osusume_wrap .osusume_list .osusume_item a {
        width: 28.2rem;
        height: 18rem;
    }

    #toppage .osusume_wrap .osusume_list .osusume_item a div.title {
        padding: 0 3rem;
        font-size: 1.9rem;
    }

    #toppage .osusume_wrap .osusume_list .slide-arrow {
        width: 3.6rem;
        height: 3.6rem;
        display: block;
        position: absolute;
        top: 9rem;
        cursor: pointer;
    }

    #toppage .osusume_wrap .osusume_list .slide-arrow.prev-arrow {
        transform: translate(-15.6rem, -50%);
    }

    #toppage .osusume_wrap .osusume_list .slide-arrow.next-arrow {
        transform: translate(15.6rem, -50%) scale(-1, 1);
    }

    #toppage .osusume_wrap a.round_button {
        font-size: 2rem;
    }

}

/* ニュース一覧 */

#toppage .info_list_wrap {
    padding: 0 1.6rem;
}

/* 共通 */
#toppage .top_common h2 {
    text-align: center;
    font-size: 3.4rem;
    letter-spacing: 0.3em;
    position: relative;
}

#toppage .top_common h2 span {
    display: inline-block;
    background-color: #fff;
    padding: 0 1.7em 0.6em 2em;
    line-height: 1;
    position: relative;
    top: -0.75em;
}

#toppage .top_common .link_wrap {
    text-align: center;
    margin-top: 4em;
}

#toppage .top_common .link_wrap a {
    font-size: 2rem;
    line-height: 1.5;
}

@media screen and (max-width:768px) {
    #toppage .top_common h2 {
        font-size: 2.8rem;
    }

    #toppage .top_common .link_wrap {
        margin-top: 3.6em;
    }

    #toppage .top_common .link_wrap a {
        font-size: 1.6rem;
    }
}

@media screen and (max-width:480px) {
    #toppage .info_list_wrap {
        padding: 0;
    }

    #toppage .top_common h2 {
        font-size: 2rem;
    }

    #toppage .top_common .link_wrap {
        margin-top: 1.6em;
    }

    #toppage .top_common .link_wrap a {
        font-size: 1.6rem;
    }
}

/* 口座を開く */

#toppage .kouzahiraku_list_wrap {
    background-color: #fafad2;
    margin-bottom: 10rem;
    padding-bottom: 5rem;
}

#toppage .kouzahiraku_list_wrap h2 {
    margin-bottom: 0.8em;
}

#toppage .kouzahiraku_list_wrap h2 span {
    color: #fa7d00;
}

#toppage .kouzahiraku_list_wrap .kouzahiraku_list {
    max-width: 1024px;
    width: 94%;
    margin: auto;
    display: flex;
    justify-content: center;
}

#toppage .kouzahiraku_list_wrap .kouzahiraku_list a.kouza_item {
    width: 20.4rem;
    display: block;
    text-decoration: none;
    color: #000;
    margin: 0 3.9rem;
}

#toppage .kouzahiraku_list_wrap .kouzahiraku_list .kouza_item .fukidashi {
    background-color: #fa7d00;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 0.82em 0;
    border-radius: 0.2em;
    position: relative;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
    margin-bottom: 1em;
}

#toppage .kouzahiraku_list_wrap .kouzahiraku_list .kouza_item .fukidashi::after {
    content: '';
    display: block;
    position: absolute;
    width: 3.2rem;
    height: 1.8rem;
    box-sizing: border-box;
    border-top: 1.8rem solid #fa7d00;
    border-right: 1.6rem solid transparent;
    border-left: 1.6rem solid transparent;
    bottom: -1.7rem;
    left: 0;
    right: 0;
    margin: auto;
}

#toppage .kouzahiraku_list_wrap .kouzahiraku_list .kouza_item .fukidashi+div {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
}

#toppage .kouzahiraku_list_wrap .kouzahiraku_list .kouza_item .fukidashi+div span {
    display: inline-block;
    border-bottom: 0.6rem solid #fa7d00;
    line-height: 1.7;
    letter-spacing: 0.24em;
    padding-left: 0.24em;
}




@media screen and (max-width:1024px) {

    #toppage .kouzahiraku_list_wrap .kouzahiraku_list {
        max-width: 94%;
    }

    #toppage .kouzahiraku_list_wrap .kouzahiraku_list a.kouza_item {
        margin: 0 2rem;
    }
}

@media screen and (max-width:768px) {

    #toppage .kouzahiraku_list_wrap {
        margin-bottom: 2.4rem;
        padding-bottom: 2.6rem;
    }

    #toppage .kouzahiraku_list_wrap h2 {
        font-size: 1.8rem;
    }

    #toppage .kouzahiraku_list_wrap .kouzahiraku_list a.kouza_item {
        width: 16rem;
    }

    #toppage .kouzahiraku_list_wrap .kouzahiraku_list .kouza_item .fukidashi {
        font-size: 1.8rem;
    }

    #toppage .kouzahiraku_list_wrap .kouzahiraku_list .kouza_item .fukidashi+div {
        font-size: 2.2rem;
    }

    #toppage .kouzahiraku_list_wrap .link_wrap {
        margin-top: 3.6em;
    }

    #toppage .kouzahiraku_list_wrap .link_wrap a {
        font-size: 1.6rem;
    }
}

@media screen and (max-width:480px) {
    #toppage .kouzahiraku_list_wrap .kouzahiraku_list {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #toppage .kouzahiraku_list_wrap .kouzahiraku_list a.kouza_item {
        width: 47%;
        margin: 0 0 2rem;
    }

    #toppage .kouzahiraku_list_wrap .kouzahiraku_list .kouza_item .fukidashi {
        font-size: 1.8rem;
        padding: 0.6em 0;
    }

    #toppage .kouzahiraku_list_wrap .kouzahiraku_list .kouza_item .fukidashi+div {
        font-size: 2.2rem;
    }

    #toppage .kouzahiraku_list_wrap .link_wrap {
        margin-top: 1.6em;
    }

    #toppage .kouzahiraku_list_wrap .link_wrap a {
        font-size: 1.6rem;
    }
}

/* 目的別から探す */
#toppage .mokutekibetsu_wrap {
    background-color: #ffdbdb;
    padding-bottom: 6.6rem;
}

#toppage .mokutekibetsu_wrap h2 {
    margin-bottom: 0.8em;
}

#toppage .mokutekibetsu_wrap .mokutekibetsu_list {
    max-width: 100rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item {
    display: flex;
    text-decoration: none;
    color: #000;
    align-items: center;
    padding: 3rem 0 3rem 5rem;
    width: 50rem;
    box-sizing: border-box;
    position: relative;
}


#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1)::before,
#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(2)::before {
    content: '';
    display: block;
    position: absolute;
    height: 0.6rem;
    width: 90%;
    background-color: #fff;
    bottom: -0.3rem;
    left: 0;
    right: 0;
    margin: auto;
}

#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1)::after,
#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(3)::after {
    content: '';
    display: block;
    position: absolute;
    width: 0.6rem;
    height: 79%;
    background-color: #fff;
    right: -0.3rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .img_wrap {
    width: 16.4rem;
    margin-right: 3.6rem;

}

#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1) .img_wrap {
    position: relative;
    height: 100%;
}

#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1) .img_wrap img {
    display: block;
    position: absolute;
    bottom: 0;
    right: -0.4rem;
    width: 18.8rem;
}

#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .text_wrap h3 {
    font-size: 3.4rem;
    line-height: 1.5;
    letter-spacing: 0.07em;
}

#toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .text_wrap ul {
    font-size: 1.8rem;
    line-height: 1.77;
    margin-top: 1em;
}

@media screen and (max-width:768px) {
    #toppage .mokutekibetsu_wrap {
        padding-bottom: 2.4rem;
    }

    #toppage .mokutekibetsu_wrap h2 {
        margin-bottom: 0.6en;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item {

        padding: 2rem 0 2rem 2rem;
        width: 45%;
    }


    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1)::before,
    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(2)::before {
        height: 0.4rem;
        width: 90%;
        bottom: -0.2rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1)::after,
    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(3)::after {
        width: 0.4rem;
        height: 79%;
        right: -0.2rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .img_wrap {
        width: 10rem;
        margin-right: 1.8rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1) .img_wrap {
        position: relative;
        height: 100%;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1) .img_wrap img {
        right: -0.4rem;
        width: 13rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .text_wrap h3 {
        font-size: 2.4rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .text_wrap ul {
        font-size: 1.4rem;
    }

}

@media screen and (max-width:480px) {
    #toppage .mokutekibetsu_wrap {
        padding-bottom: 2.4rem;
    }

    #toppage .mokutekibetsu_wrap h2 {
        margin-bottom: 0;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item {
        padding: 2rem 0 2rem 2.4rem;
        width: 100%;
    }


    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1)::before,
    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(2)::before,
    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(3)::before {
        content: '';
        display: block;
        position: absolute;
        background-color: #fff;
        left: 0;
        right: 0;
        margin: auto;
        height: 0.2rem;
        width: 94%;
        bottom: -0.1rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1)::after,
    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(3)::after {
        display: none;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .img_wrap {
        width: 10.4rem;
        margin-right: 2.4rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1) .img_wrap {
        position: relative;
        height: 100%;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item:nth-child(1) .img_wrap img {
        right: -0.4rem;
        width: 12rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .text_wrap h3 {
        font-size: 2.4rem;
    }

    #toppage .mokutekibetsu_wrap .mokutekibetsu_list .mokuteki_item .text_wrap ul {
        margin-top: 0.5em;
        font-size: 1.4rem;
    }
}

/* faq */

#toppage .faq_wrap {
    background-color: #eee;
    padding: 9rem 2rem;
    margin-bottom: 9rem;
}

/* ボタン */
#toppage .faq_wrap .otoiawaseo_button {
    box-sizing: border-box;
    display: block;
    border-radius: 20rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-align: center;
    line-height: 1.5;
    text-decoration: none;
    padding: 0.7em 1em 0.8em;
    max-width: 78rem;
    margin: auto;
    background-color: #fa7d00;
    color: #fff;
    font-size: 3.2rem;
}

#toppage .faq_wrap .otoiawaseo_button span {
    display: inline-block;
    padding-left: 2em;
    position: relative;
    position: relative;

}

#toppage .faq_wrap .otoiawaseo_button span em {
    font-style: normal;
}

#toppage .faq_wrap .otoiawaseo_button span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1.4375em;
    height: 1.4375em;
    background-image: url(../img/common/icon_telephone.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width:480px) {
    #toppage .faq_wrap {
        padding: 5rem 1.4rem;
        margin-bottom: 5rem;
    }

    #toppage .faq_wrap .otoiawaseo_button {
        padding: 0.7em 1em 0.8em;
        width: 100%;
        margin: auto;
        background-color: #fa7d00;
        color: #fff;

        text-align: left;
        line-height: 1.3;
    }

    #toppage .faq_wrap .otoiawaseo_button span {
        display: inline-block;
        padding-left: 2.6em;
        position: relative;
        position: relative;
        font-size: 1.5rem;
    }

    #toppage .faq_wrap .otoiawaseo_button span em {
        font-size: 2.2rem;
        letter-spacing: 0.1em;
    }

    #toppage .faq_wrap .otoiawaseo_button span::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 2em;
        height: 2em;
        background-image: url(../img/common/icon_telephone.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

#toppage .faq_wrap h3 {
    font-size: 3.6rem;
    letter-spacing: 0.06em;
    text-align: center;
    margin-bottom: 1.3em;
}

#toppage .faq_wrap h3 span {
    padding-left: 2.8em;
    position: relative;
    display: inline-block;
    line-height: 1.8;
}

#toppage .faq_wrap h3 span:before {
    content: '';
    width: 2.5em;
    height: 2em;
    display: block;
    position: absolute;
    background-image: url(../img/top/faq_title_img.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    left: 0;
    bottom: 0;
}

#toppage .faq_wrap ul {
    max-width: 66.4rem;
    padding: 0 1.4rem;
    margin: 0 auto 0.75em;
    font-size: 3.2rem;
    letter-spacing: 0.04em;
}

#toppage .faq_wrap ul li {
    padding: 0.75em 0.5em;
    border-bottom: 2px dashed #000;
}

#toppage .faq_wrap ul li:last-child {
    border: none;
}

#toppage .faq_wrap ul li a {
    color: #000;
    text-decoration: none;
    line-height: 1.5;
    display: block;
    padding-left: 1.75em;
    position: relative;
}

#toppage .faq_wrap ul li a::before {
    content: '';
    display: block;
    position: absolute;
    width: 1.1em;
    height: 1.2em;
    background-image: url(../img/top/faq_q.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

#toppage .faq_wrap .link_wrap {
    text-align: center;
    margin: 0 0 5rem;

}

#toppage .faq_wrap .link_wrap a {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
}

@media screen and (max-width:768px) {
    #toppage .faq_wrap h3 {
        font-size: 2.8rem;
    }

    #toppage .faq_wrap ul {
        font-size: 2.4rem;
    }

    #toppage .faq_wrap ul li {
        padding: 0.75em 0;
        border-bottom: 1px dashed #000;
    }

    #toppage .faq_wrap .link_wrap a {
        font-size: 1.6rem;
    }
}

@media screen and (max-width:480px) {
    #toppage .faq_wrap h3 {
        font-size: 2rem;
    }

    #toppage .faq_wrap ul {
        font-size: 1.9rem;
        padding: 0;
        letter-spacing: 0;
    }

    #toppage .faq_wrap .link_wrap {
        margin: 0 0 3rem;

    }

    #toppage .faq_wrap .link_wrap a {
        font-size: 1.6rem;
    }
}

/* ちょっとみらいへ */
#toppage .miraie_wrap {
    margin-bottom: 9rem;
}

@media screen and (max-width:480px) {
    #toppage .miraie_wrap {
        margin-bottom: 4rem;
    }
}

/* ナビ部分 */
#toppage .miraie_wrap ul.carousel_miraie-nav {
    text-align: center;
    margin-bottom: 4rem;
}

#toppage .miraie_wrap ul.carousel_miraie-nav .slick-track {
    transform: unset !important;
}

#toppage .miraie_wrap ul.carousel_miraie-nav li {
    display: inline-block;
    float: none;
    width: 6em !important;
    font-size: 2rem;
    line-height: 2;
    font-weight: 700;
    margin: 0.5em;
    border-radius: 4rem;
    letter-spacing: 0.04em;
    color: #fff;
    cursor: pointer;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
}

#toppage .miraie_wrap ul.carousel_miraie-nav li:hover,
#toppage .miraie_wrap ul.carousel_miraie-nav li.slick-current {
    opacity: 0.7;
}

#toppage .miraie_wrap ul.carousel_miraie-nav li.kekkon {
    background-color: #e76ea5;
}

#toppage .miraie_wrap ul.carousel_miraie-nav li.kyouiku {
    background-color: #60aec8;
}

#toppage .miraie_wrap ul.carousel_miraie-nav li.kuruma {
    background-color: #8bc45d;
}

#toppage .miraie_wrap ul.carousel_miraie-nav li.jyutaku {
    background-color: #f2a462;
}

@media screen and (max-width:480px) {
    #toppage .miraie_wrap ul.carousel_miraie-nav {
        margin-bottom: 2rem;
    }
}

/* スライド部分 */
#toppage .miraie_wrap ul.slide_wrap li {
    width: 49rem;
    margin: 0 1.3rem;

}

#toppage .miraie_wrap ul.slide_wrap li a {
    display: block;
    border: 1px solid #808080;
    text-decoration: none;
    color: #000;
    outline: none;
}

#toppage .miraie_wrap ul.slide_wrap li a .img_wrap {
    position: relative;
}

#toppage .miraie_wrap ul.slide_wrap li a .img_wrap h3 {
    position: absolute;
    display: flex;
    width: 13.6rem;
    height: 13.6rem;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    border: 0.6rem solid;
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    line-height: 1.2;
}

#toppage .miraie_wrap ul.slide_wrap li.kekkon a .img_wrap h3 {
    color: #e76ea5;
    border-color: #e76ea5;
}

#toppage .miraie_wrap ul.slide_wrap li.kyouiku a .img_wrap h3 {
    color: #60aec8;
    border-color: #60aec8;
}

#toppage .miraie_wrap ul.slide_wrap li.kuruma a .img_wrap h3 {
    color: #8bc45d;
    border-color: #8bc45d;
}

#toppage .miraie_wrap ul.slide_wrap li.jyutaku a .img_wrap h3 {
    color: #f2a462;
    border-color: #f2a462;
}

#toppage .miraie_wrap ul.slide_wrap li a .text_wrap {
    padding: 3.6rem 2.2rem;
}

#toppage .miraie_wrap ul.slide_wrap li a .text_wrap h4 {
    font-size: 2.4rem;
    line-height: 1.66;
    letter-spacing: 0.02em;
    margin-bottom: 0.5em;
}

#toppage .miraie_wrap ul.slide_wrap li a .text_wrap p {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.66;
}

#toppage .miraie_wrap ul.slide_wrap li a .text_wrap .link_wrap {
    text-align: right;
    font-size: 2rem;
    letter-spacing: 0.1em;
    margin-top: 1.4em;
    line-height: 1.5;
}

@media screen and (max-width:480px) {
    #toppage .miraie_wrap ul.slide_wrap li {
        width: 29.4rem;
        margin: 0 0.8rem;

    }


    #toppage .miraie_wrap ul.slide_wrap li a .img_wrap h3 {
        width: 8.2rem;
        height: 8.2rem;
        font-size: 1.7rem;
        border: 0.4rem solid;
    }

    #toppage .miraie_wrap ul.slide_wrap li a .text_wrap {
        padding: 1.2rem 2rem 3rem;
    }

    #toppage .miraie_wrap ul.slide_wrap li a .text_wrap h4 {
        font-size: 2rem;
        line-height: 1.4;
        letter-spacing: 0.02em;
        margin-bottom: 0.5em;
    }

    #toppage .miraie_wrap ul.slide_wrap li a .text_wrap p {
        font-size: 1.6rem;
        line-height: 1.5;
    }

    #toppage .miraie_wrap ul.slide_wrap li a .text_wrap .link_wrap {
        font-size: 1.2rem;


    }
}

/* タイトル部分 */

#toppage .miraie_wrap h2 {
    font-size: 4rem;
    line-height: 2;
    text-align: center;
    width: 74rem;
    margin: 0 auto 0.25em;
    letter-spacing: 0.15em;
    position: relative;

}

#toppage .miraie_wrap h2::before {
    content: '';
    display: block;
    position: absolute;
    width: 10rem;
    height: 16.6rem;
    background-image: url(../img/top/lifeplan_title_img.webp);
    background-repeat: no-repeat;
    background-size: contain;
    top: 2rem;
    left: 0;
}

#toppage .miraie_wrap h2 span {
    display: block;
    width: 23.5rem;
    margin: auto;
    line-height: 1;
}

#toppage .miraie_wrap h2+p {
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1.7em;
}

@media screen and (max-width:768px) {
    #toppage .miraie_wrap h2 {
        font-size: 3rem;
        width: 56rem;
    }

    #toppage .miraie_wrap h2::before {
        width: 8rem;
    }

    #toppage .miraie_wrap h2 span {
        width: 18rem;
    }

    #toppage .miraie_wrap h2+p {
        font-size: 1.8rem;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 1.7em;
    }
}

@media screen and (max-width:480px) {
    #toppage .miraie_wrap h2 {
        font-size: 2.6rem;
        width: 32.5rem;
        letter-spacing: 0.08em;
        line-height: 1.3;
        margin-bottom: 0.5em;
    }

    #toppage .miraie_wrap h2::before {
        width: 5rem;
        top: 2.7rem;
    }

    #toppage .miraie_wrap h2 span {
        width: 12.5rem;
        margin-bottom: 0.5rem;
    }

    #toppage .miraie_wrap h2+p {
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 0.5em;
    }
}

/* みらいしんきんについて */
#top_about {}

/* sdgs */
#top_about .sdgs_sengen_wrap {
    background-color: #fafad2;
}

#top_about .sdgs_sengen_wrap .inner {
    padding: 5.5rem 1.4rem 5rem;
}

#top_about .sdgs_sengen_wrap .inner .img_wrap {
    max-width: 702px;
    width: 80%;
    margin: auto;
}

#top_about .sdgs_sengen_wrap .inner p {
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 0.04em;
    line-height: 1.75;
    margin: 1.25em 0;
}

#top_about .sdgs_sengen_wrap .inner .link_wrap {
    text-align: center;
    font-size: 2rem;
    line-height: 1.5;
}

@media screen and (max-width:480px) {
    #top_about .sdgs_sengen_wrap .inner {
        padding: 3rem 1.4rem 4rem;
    }

    #top_about .sdgs_sengen_wrap .inner p {
        font-size: 1.2rem;
    }

    #top_about .sdgs_sengen_wrap .inner .link_wrap {
        font-size: 1.6rem;
    }
}

/* みらっこ */
#top_about .mirakko_wrap {
    padding: 0 1.4rem;
    margin: 12rem auto 18rem;
}

#top_about .mirakko_wrap .banner {
    max-width: 1000px;
    margin: auto;

}

@media screen and (max-width:480px) {
    #top_about .mirakko_wrap {
        padding: 0 1.4rem;
        margin: 6rem auto 9rem;
    }

}

/* ご案内 */
#top_about .goannai_wrap {
    margin: 8.6rem auto 2.6rem;
}

#top_about .goannai_wrap h2 {
    font-size: 4rem;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1.75em;
}

#top_about .nav_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: auto;
    padding: 0 1.4rem;
    box-sizing: content-box;
}

#top_about .nav_wrap .item_wrap {
    background-color: #eee;
    margin-bottom: 7rem;
}

#top_about .nav_wrap .item_wrap.item_s {
    max-width: 464px;
    width: 48%;
}

#top_about .nav_wrap .item_wrap.item_m,
#top_about .nav_wrap .item_wrap.item_l {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#top_about .nav_wrap .item_wrap ul {
    font-size: 2.4rem;
    line-height: 2;
    width: 48%;
}

#top_about .nav_wrap .item_wrap ul li a {
    color: #000;
}

#top_about .nav_wrap .item_wrap ul.flex {
    display: flex;
    flex-wrap: wrap;
}

#top_about .nav_wrap .item_wrap ul.flex li {
    width: 50%;
}

#top_about .nav_wrap .item_wrap.item_l .link_wrap,
#top_about .nav_wrap .item_wrap.item_m .link_wrap {
    width: 48%;
}

#top_about .nav_wrap .link_wrap {
    max-width: 464px;

}

#top_about .nav_wrap .link_wrap.siz-s {
    aspect-ratio: 232 / 77;
}

#top_about .nav_wrap .link_wrap.siz-l {
    aspect-ratio: 116 / 99;
}

#top_about .nav_wrap .link_wrap a {
    display: block;
    background-color: #000;
    width: 100%;
    height: 100%;
    position: relative;

}

#top_about .nav_wrap .link_wrap a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

#top_about .nav_wrap .link_wrap.siz-l a img {
    opacity: 1;
}

#top_about .nav_wrap .link_wrap a .title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#top_about .nav_wrap .link_wrap a .title span {
    font-size: 2.6rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    line-height: 1.6;
}

@media screen and (max-width:768px) {
    #top_about .goannai_wrap {
        margin: 6rem auto 1.5rem;
    }

    #top_about .goannai_wrap h2 {
        font-size: 3.2rem;
        margin-bottom: 1.25em;
    }

    #top_about .nav_wrap .item_wrap {
        margin-bottom: 4rem;
    }


    #top_about .nav_wrap .item_wrap ul {
        font-size: 2rem;
        line-height: 1.85;
    }


    #top_about .nav_wrap .link_wrap a .title span {
        font-size: 2rem;
    }


}

@media screen and (max-width:480px) {
    #top_about .goannai_wrap {
        margin: 4rem auto 1.5rem;
    }

    #top_about .goannai_wrap h2 {
        font-size: 2.2rem;
    }

    #top_about .nav_wrap {
        flex-direction: column;
    }


    #top_about .nav_wrap .item_wrap {
        margin-bottom: 4rem;
    }


    #top_about .nav_wrap .item_wrap.item_m,
    #top_about .nav_wrap .item_wrap.item_l {
        flex-direction: column;
    }

    #top_about .nav_wrap .item_wrap ul {
        font-size: 1.6rem;
        line-height: 1.85;
        width: 100%;
        padding: 1em;
    }


    #top_about .nav_wrap .link_wrap a .title span {
        font-size: 2rem;
    }

    #top_about .nav_wrap .item_wrap.item_l .link_wrap,
    #top_about .nav_wrap .item_wrap.item_m .link_wrap {
        width: 100%;
    }

    #top_about .nav_wrap .link_wrap {
        max-width: auto;

    }

    #top_about .nav_wrap .item_wrap.item_s {
        width: 100%;
    }

    #top_about .nav_wrap .link_wrap.siz-l {
        aspect-ratio: 232 / 77;
    }
}

/*--------------------
みらいノートバナー
--------------------*/

.banner_mirainote {
    max-width: 1000px;
    margin: 12rem auto 14rem;
}

.banner_mirainote .banner_item {
    margin: 4rem auto;
}

@media screen and (max-width:480px) {
    .banner_mirainote {
        margin: 8rem auto;
    }

    .banner_mirainote .banner_item {
        margin: 3rem auto;
    }
}

/*--------------------
バンクアプリバナー
--------------------*/

.banner_bankapp {
    max-width: 1000px;
    margin: 12rem auto 14rem;
}

@media screen and (max-width:480px) {
    .banner_bankapp {
        margin: 6rem auto;
    }

}