@charset "UTF-8";

.mt-0{
    margin-top: 0px;
}


.mt-24{
    margin-top: 24px;
}

.mt-40{
    margin-top: 40px;
}


.mt-60{
    margin-top: 60px;
}

.util-list.hp-mt{
    margin-top: 0!important;
}

.l-section.mt{
    margin-top: 60px;
}
@media screen and (max-width: 599px){
    .l-section.mt{
        margin-top: 40px;
    }
    .mt-60{
        margin-top: 40px;
    }


}

.outlink{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.outlink:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(/files/ltd/img/icon/elink_icon-w.svg?v=1745901985);
    background-size: contain;
    background-repeat: no-repeat;
}

/*==================================
    header 追加
==================================*/

.c-header .head{
    border-bottom: 0px solid #ccc;
}

.c-header .foot{
    background-color:#eff8fa;
    padding-right:80px;
}


.c-header .head .head-item .head-item__right{
    display: flex;
    column-gap:4rem;
    flex-direction: row;
}
.c-header .foot .list{
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

.c-header .foot .list .item:nth-child(n+2) {
    margin-left: 0px;
}

.c-header .foot .list .item .link{
    font-size:min(1.406vw,16px);
}

.mega-menu{
    background-color: #eff8fa;
    width: 242px;
}

.foot{
    position: relative;
}
.foot:after{
    content:"";
    position: absolute;
    background: #ccc;
    height: 1px;
    width: 100vw;
    left:0;
    top:0;
}

.manual-box .foot:after{
    content:none;
}


@media screen and (max-width: 1166px){
    .c-header .foot .list{
        column-gap:12px;
    }
}

@media screen and (max-width: 1022px){
    .c-header .foot{
        padding-right:12px;
        padding-left:12px;
    }
}

/*sp メニュー*/

.c-header .head .head-item .head-item__link{
    display: flex;
    column-gap:4rem;
    flex-direction: row;
    padding-right:4rem;
}


.g-nav .list .child{
    border-top:1px solid #CCCCCC;
    background-color: #eff8fa;
    padding:24px 36px 24px 60px;
    width: calc(100% + 24px * 3);
    transform: translateX(-48px);
}

.g-nav .list .child .item {
    padding-left: 0px;
}


.g-nav .list .item:last-child{
    margin-top: 24px;
}
.g-nav .list .item:nth-last-child(2){
    margin-top: 48px;
}


@media screen and (max-width: 584px){
    .c-header .head .head-item .head-item__link{
        display: none;
    }

}

/*==================================
    footer 追加
==================================*/
.c-footer .head .row .column-item .linkItem-ttl{
    font-size:1.2rem;
    color:#FFFFFFB8;
}
.c-footer .head .row .column-item .linkItem.outlink{
    justify-content: flex-start;
}

/*==================================
    container
==================================*/

main{
    padding-right: 80px;
    padding-left: 80px;
}

.container-2col{
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    column-gap:3.2%;
}
.container-2col__main{
    width: 75%;
}
.container-2col__side{
    width: 21.8%;
    overflow: hidden;
}

@media screen and (max-width: 768px){
    main{
        padding-right: 12px;
        padding-left: 12px;
    }

    .container-2col{
        flex-wrap: wrap;
    }
    .container-2col__main{
        width: 100%;
    }
    .container-2col__side{
        width: 100%;
    }
}

@media screen and (max-width: 360px){
    main{
        padding-right: 12px;
        padding-left: 12px;
    }
}

.section-ttl {
    color: #03181CB8!important;
    font-size: 2.4rem!important;
    font-weight: 600!important;
    line-height: 1.333!important;
    margin-top: 0!important;
    margin-bottom: 2.0rem!important;
}
@media screen and (max-width: 768px){
    .section-ttl {
        font-size: 2.0rem!important;
    }
}


/*==================================
    Archive
==================================*/

/*============ 記事一覧（共通） =============*/

.itemlist__wrapper{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap:24px;
}

.itemlist__wrapper__inner{
    width:calc((100% - 24px * 3) / 4);
    border-radius: 12px;
    overflow: hidden;
    border:2px solid #03181CB8;
    position: relative;
    display: flex;
    flex-direction: column;
}
.itemlist__wrapper__inner.knowledge{
    width:calc((100% - 24px * 2) / 3);
    border:0px solid #03181CB8;
    position: relative;
}

.itemlist__wrapper__inner--img{
    height: auto;
    width: 100%;
    aspect-ratio: 1.5 / 1;
}

.itemlist__wrapper__inner.knowledge .itemlist__wrapper__inner--img{
    border-radius: 12px;
    overflow: hidden;
}

.itemlist__wrapper__inner--img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.itemlist__wrapper__inner--txt{
    padding:1.2rem 1.2rem 2.0rem 1.2rem;
    min-height: 12rem;
    border-top:1px solid #03181CB8;
    display: flex;
    flex-direction: column;
    row-gap:1.2rem;
    height: 100%;
}

.itemlist__wrapper__inner.knowledge .itemlist__wrapper__inner--txt{
    border-top:0px solid #03181CB8;
    margin-top: auto;
}
.itemlist__wrapper__inner--txt .info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 4px;
}
.itemlist__wrapper__inner--txt .date{
    font-size: 1.4rem;
    color: #03181CB8;
    line-height: 1em;
}
.itemlist__wrapper__inner--txt .bookmark{
    margin-left: auto;
    background: #03181CB8;
    border:1px solid #03181CB8;
    width: 96px;
    height: 20px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.itemlist__wrapper__inner--txt .bookmark.bookmark-on{
    background: #fff;
}

.itemlist__wrapper__inner--txt .bookmark p{
    color:#FFFFFF;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1em;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:4px;
}
.itemlist__wrapper__inner--txt .bookmark.bookmark-on p{
    color:#03181CB8;
}
.itemlist__wrapper__inner--txt .bookmark p:before{
    content:"";
    width: 12px;
    height: 12px;
    background: url(/files/ltd/img/icon/ico_bookmark.svg?v=1747359858);
    display: inline-block;
    background-size:contain;
}
.itemlist__wrapper__inner--txt .bookmark.bookmark-on p:before{
    background: url(/files/ltd/img/icon/ico_bookmark-on.svg?v=1748325229);
    background-size:contain;
}

.itemlist__wrapper__inner--txt .ttl{
    flex-grow: 1;
}
.itemlist__wrapper__inner--txt .ttl h3{
    font-size: 1.6rem;
    color: #03181C;
    line-height: 1.52em;
    margin: 0;
    width: 100%;
}

.itemlist__wrapper__inner.knowledge .itemlist__wrapper__inner--txt .linktxt{
    margin-left: auto;
}

.itemlist__wrapper__inner.knowledge .itemlist__wrapper__inner--txt .linktxt a{
    font-size: 1.6rem;
    padding:4px 24px;
    border-radius: 70px;
    border:1px solid #03181CD9;
}


@media screen and (max-width: 1200px){
    .itemlist__wrapper__inner{
        width:calc((100% - 24px * 2) / 3);
    }
}

@media screen and (max-width: 600px){
    .itemlist__wrapper__inner{
        width:calc((100% - 24px) / 2);
    }
}
@media screen and (max-width: 420px){
    .itemlist__wrapper__inner{
        width:100%;
    }
}

/* swiper */

.util-slider .article{
    border-radius: 12px;
    border:2px solid #03181CB8;
}

/*============ 記事一覧（カスタマイズ用5）/お知らせ一覧 =============*/

.newslist__wrapper{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap:1.6rem;
}

.newslist__wrapper__inner{
    width: 100%;
    background-size: 3px 2px;
    background-image: linear-gradient(to right, #03181C96 1px, transparent 2px);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 16px;
}

.newslist__wrapper__inner--info{
    display: flex;
    column-gap:4px;
    margin-bottom: 12px;
}
.newslist__wrapper__inner--info p{
    font-size: 1.2rem;
    color:#03181CD9;
}

.newslist__wrapper__inner--info .new-tag{
    position: static;
    height: 1.2rem;
}

.newslist__wrapper__inner--ttl h3{
    margin:0;
    font-size: 1.6rem;
    font-weight: 600;
    color:#03181C;
}

/*============ sub page（共通） =============*/

.subpage-ttl{
    font-size:3.2rem;
    letter-spacing: 2px;
    font-weight: 300;
    color:#03181CB8;
    margin-top: 0;
    margin-bottom: 40px;
}

.subpage-ttl span{
    font-size:2.0rem;
    letter-spacing: 2px;
    font-weight: 300;
    margin-left:3.2rem;
}


.sub-toparea{
    display: flex;
    column-gap: 2.6rem;
    margin-top: 40px;
    margin-bottom: 40px;
}

.sub-toparea__img{
    width: 192px;
}
.sub-toparea__img img{
    width: 192px;
}

.sub-toparea__img.adjust{
    text-align: center;
}
.sub-toparea__img.adjust img{
    height: 112px;
    object-fit: contain;
}


.sub-toparea__txt{
    flex:1;
}

.sub-toparea__txt p{
    font-size:1.6rem;
    line-height: 2em;
    font-weight: 300;
    color:#03181CB8;
}
.sub-toparea__txt ul{
    padding-left: 2.5rem;
}


.sub-toparea__txt ul li{
    list-style: disc;
    font-size:1.6rem;
    line-height: 2em;
    font-weight: 300;
    color:#03181CB8;
}


ul.sub-pagelink{
    display: flex;
    column-gap: 40px;
    row-gap: 24px;
    flex-wrap: wrap;
    position: relative;
    padding: 20px 0 20px 0.5em;
    align-items: center;
}

ul.sub-pagelink:before{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background-image: radial-gradient(circle, #03181C7A 2px, transparent 2px);
    background-size: 12px 4px;
    background-repeat: repeat-x;
    background-position: left bottom;
    pointer-events: none;
}

ul.sub-pagelink:after{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background-image: radial-gradient(circle, #03181C7A 2px, transparent 2px);
    background-size: 12px 4px;
    background-repeat: repeat-x;
    background-position: left top;
    pointer-events: none;
}

ul.sub-pagelink li{
    font-size: 2.0rem;
    letter-spacing: 2px;
    font-weight: 600;
}
ul.sub-pagelink li:before{
    content:'#';
}

ul.sub-pagelink li.btn-tool{
    background: #78B6D7;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:12px 28px;
    gap:8px;
}
ul.sub-pagelink li.btn-tool a{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
ul.sub-pagelink li.btn-tool:before{
    content:none;
}
ul.sub-pagelink li.btn-tool:after{
    content:"";
    width: 16px;
    height: 16px;
    background: url(/files/ltd/img/icon/elink_icon-w.svg?v=1745901985);
    background-size: contain;
    background-repeat: no-repeat;
}

/*

.readMore.content.tool{
    padding-right:20px;
}
.readMore.content.tool::after {
    content:"";
    width: 16px;
    height: 16px;
    background: url(/files/ltd/img/icon/elink_icon-b.svg?v=1745902711);
    background-size: contain;
    background-repeat: no-repeat;
}
*/
.ttl-wrap .btn-tool{
    background: #78B6D7;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:12px 28px;
    gap:8px;
}
.ttl-wrap .btn-tool a{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.ttl-wrap .btn-tool:before{
    content:none;
}

.ttl-wrap .btn-tool:after{
    content:"";
    width: 16px;
    height: 16px;
    background: url(/files/ltd/img/icon/elink_icon-w.svg?v=1745901985);
    background-size: contain;
    background-repeat: no-repeat;
}


@media screen and (max-width: 599px){
    .subpage-ttl{
        font-size:2.0rem;
        letter-spacing: 0px;
    }
    .sub-toparea{
        flex-wrap: wrap;
    }

    .sub-toparea__img{
        width: 100%;
        text-align: center;
    }
    .sub-toparea__txt{
        flex:none;
        width: 100%;
    }
}

/*==================================
    Serch
==================================*/

.serch-head{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.pagenation-info{
    font-size: 16px;
    color:#03181CB8;
}

@media screen and (max-width: 768px){
    .serch-head{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

}

/*==================================
    side
==================================*/


/*============ banner =============*/


.container-2col__side__bunner ul{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.container-2col__side__bunner ul li{
    width: 100%;
}
.container-2col__side__bunner ul li img{
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px){
    .container-2col__side__bunner ul{
        margin-top: 60px;
    }
    .container-2col__side__bunner ul li{
        width: calc((100% - 24px) / 2);
    }
}

@media screen and (max-width: 420px){
    .container-2col__side__bunner ul{
        margin-top: 40px;
    }

    .container-2col__side__bunner ul li{
        width: 100%;
    }
}


/*============ ranking =============*/
.ranklist{
    margin-top: 60px;
}

.ranklist__wrapper{
    display: flex;
    flex-wrap: wrap;
    gap:16px;
}

.ranklist__wrapper__inner{
    display: flex;
    gap:12px;
}
.ranklist__wrapper__inner--dtl{
    flex:1;
}
.ranklist__wrapper__inner--dtl .date{
    font-size: 1.2rem;
    line-height: 1em;
    color:#03181CD9;
    margin-bottom: 8px;
}
.ranklist__wrapper__inner--dtl .ttl{
    font-size: 1.4rem;
    line-height: 1.36em;
    font-weight: 600;
    color:#03181C;
    margin:0;
}

.ranklist__wrapper__inner:before{
    content: "";
    width: 4.0rem;
    height: 4.0rem;
    margin-top:16px;
}

.ranklist__wrapper__inner:nth-child(1):before{
    background: url(/files/ltd/img/icon/rank01_ico.svg?v=1742532255);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;  
}
.ranklist__wrapper__inner:nth-child(2):before{
    background: url(/files/ltd/img/icon/rank02_ico.svg?v=1742532255);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;  
}
.ranklist__wrapper__inner:nth-child(3):before{
    background: url(/files/ltd/img/icon/rank03_ico.svg?v=1742532255);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;  
}
.ranklist__wrapper__inner:nth-child(4):before{
    background: url(/files/ltd/img/icon/rank04_ico.svg?v=1742532255);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;  
}
.ranklist__wrapper__inner:nth-child(5):before{
    background: url(/files/ltd/img/icon/rank05_ico.svg?v=1742532255);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;  
}

@media screen and (max-width: 980px){
    .ranklist__wrapper__inner{
        flex-direction: column;
        align-items: center;
    }
}


@media screen and (max-width: 768px){
    .ranklist__wrapper__inner{
        flex-direction: row;
        align-items: flex-start;
    }

    .ranklist__wrapper__inner:before{
        content: "";
        width: 4.0rem;
        height: 4.0rem;
        margin-top:0px;
    }

}

@media screen and (max-width: 599px){
    .ranklist{
        margin-top: 40px;
    }

}

/*==================================
    top
==================================*/


/*============ about =============*/

.about{
    max-width: 1160px;
    margin: 60px auto;
}
.about__inner{
    display: flex;
    column-gap: 2%;
    align-items: center;
}
.about__inner--img{
    width: 17%;
}
.about__inner--img img{
    width: 100%;
    height: auto
}
.about__inner--txt{
    width: 81%;
}
.about__inner--txt p{
    font-size: 3.3rem;
    line-height: 1.22em;
    font-weight: 600;
}

.about__inner--txt p .adjust{
    display:none;
}
@media screen and (max-width: 1300px){
    display:block;
}

@media screen and (max-width: 1024px){
    .about__inner--txt p{
        font-size: 2.0rem;
    }

}

@media screen and (max-width: 768px){
    .about{
        margin: 40px auto;
    }
    .about__inner--txt p{
        font-size: 2.0rem;
    }
}

@media screen and (max-width: 600px){
    .about__inner{
        flex-wrap: wrap;
    }
    .about__inner--img{
        width: 100%;
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
    }
    .about__inner--txt{
        width: 100%;
    }
}

@media screen and (max-width: 420px){
        
    .about{
        margin: 24px auto 40px;
    }
    .about__inner--txt p{
        font-size: 1.6rem;
    }

}


/*============ picup =============*/




.top-content{
    margin-top: 0;
}

.top-content .pickup{
    font-size: 2.4rem;
    font-weight: 600;
    color:#03181CB8;
    letter-spacing: 0.4rem;
    margin-bottom: 20px;
}

.top-content__wrapper{
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 24px;
}
.top-content__wrapper__inner{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: calc((100% - 24px * 2) / 3);
    position: relative;
    row-gap: 12px;
}
.top-content__wrapper__inner--img{
    width: 100%;
    height: fit-content;
}
.top-content__wrapper__inner--img img{
    border-radius: 8px;
}
.top-content__wrapper__inner--txt{
    width: 100%;
    flex:1;
}

.top-content__wrapper__inner--txt .ttl{
    font-size: 1.6rem;
    line-height: 1.52em;
    font-weight: 600;
    margin: 0;
    color: #03181C;
}

.top-content__wrapper__inner a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

/* 1番目 */
.top-content__wrapper__inner:nth-child(1){
    width: 100%;
    flex-direction: row;
}
.top-content__wrapper__inner:nth-child(1) .top-content__wrapper__inner--img{
    width: 50%;
}
.top-content__wrapper__inner--img img{
    border-radius: 12px;
    width: 100%;
    aspect-ratio: 1.5 / 1.0;
    object-fit: cover;
}
.top-content__wrapper__inner:nth-child(1) .top-content__wrapper__inner--txt{
    width: 50%;
    padding-left: 20px;
}
.top-content__wrapper__inner:nth-child(1) .top-content__wrapper__inner--txt .ttl{
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.52em;
    color: #03181CB8;
    margin-bottom: 2.4rem;
}
.top-content__wrapper__inner:nth-child(1) .top-content__wrapper__inner--txt .txt{
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.7em;
    color: #03181CB8;
}
.top-content__wrapper__inner--txt .readMore{
    margin-top:24px;
    font-size: 1.6rem;
    font-weight: 600;
    color:#03181C;
    padding-right: 24px;
}
.top-content__wrapper__inner--txt .readMore:after{
    position: absolute;
    content: "";
    background-image: url(/files/ltd/img/icon/readMore-icon2.svg?v=1742794127);
    width: 24px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
}


@media screen and (max-width: 1024px){
    /* 1番目 */
    .top-content__wrapper__inner:nth-child(1) .top-content__wrapper__inner--txt .ttl{
        font-size: 1.6rem;
    }
}


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

    .top-content__wrapper__inner{
        width: 100%;
    }
    .top-content__wrapper__inner--txt{
        width: 100%;
        flex:none;
    }    
    
    
    /* 1番目 */
    .top-content__wrapper__inner:nth-child(1){
        flex-direction: column;
        row-gap: 12px;
    
    }
    .top-content__wrapper__inner:nth-child(1) .top-content__wrapper__inner--img{
        width: 100%;
    }
    .top-content__wrapper__inner:nth-child(1) .top-content__wrapper__inner--txt{
        width: 100%;
        padding-left: 0px;
    }
    .top-content__wrapper__inner:nth-child(1) .top-content__wrapper__inner--txt .ttl{
        font-size: 1.6rem;
    }
    .top-content__wrapper__inner--txt .readMore{
        margin-top:12px;
    }

}

/*============ bannerエリア =============*/

.top__banner{
    display:flex;
    flex-direction:column;
    gap:60px;
}
@media screen and (max-width: 420px){
    .top__banner{
        gap:40px;
    }
}

/*============ NMSで出来ること =============*/

.can-do{
    margin-top: 120px;
}
.can-do__wrapper{
    display: flex;
    flex-wrap: wrap;
    gap:2.4rem;
}

.can-do__wrapper__inner{
    width: calc((100% - 2.4rem) / 2);
}

@media screen and (max-width: 599px){
    .can-do{
        margin-top: 60px;
    }

    .can-do__wrapper__inner{
        width: 100%;
    }
}

/*============ 提案したいテーマから探す =============*/


.search-theme__wrapper{
    display: flex;
    flex-wrap: wrap;
    gap:2.4rem;
}

.search-theme__wrapper__inner{
    width: calc((100% - 2.4rem * 2) / 3);
    text-align: center;
    position: relative;
    border-radius: 12px;
    border:2px solid #03181CB8;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
}
.search-theme__wrapper__inner p{
    font-size: 2.4rem;
    color:#03181C;
    font-weight: 600;
    line-height: 0.9em;
    padding-top: 0.5rem;
}
.search-theme__wrapper__inner p span{
    font-size: 1.6rem;
}

.search-theme__wrapper__inner a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

@media screen and (max-width: 1024px){
    .search-theme__wrapper__inner p{
        font-size: 2.0rem;
    }
}
@media screen and (max-width: 536px){
    .search-theme__wrapper__inner{
        width: calc((100% - 2.4rem) / 2);
    }
}
@media screen and (max-width: 420px){
    .search-theme__wrapper__inner{
        width: 100%;
    }
    .search-theme__wrapper__inner br{
        display: none;
    }
}

/*============ 個別に相談する =============*/

.individual-consultation__wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:2.4rem;
}

.individual-consultation__wrapper__inner{
    width: calc((100% - 2.4rem * 2) / 3);
}
.individual-consultation__wrapper__inner img{
    width: 100%;
    height: auto;
}

@media screen and (max-width: 530px){
    .individual-consultation__wrapper__inner{
        width: calc((100% - 2.4rem) / 2);
    }
}
@media screen and (max-width: 420px){
    .individual-consultation__wrapper__inner{
        width: 100%;
    }
}

/*==================================
    NMSとは
==================================*/

.about__wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.4rem;
}

.about__wrapper__inner{
    /*width: calc((100% - 2.4rem) / 2);*/
    width:100%;
}

.about__wrapper__inner.btn{
    width: 100%;
    max-width: 336px;
}

@media screen and (max-width: 599px){
    .about__wrapper{
        row-gap: 1.2rem;
    }
    
    .about__wrapper__inner{
        width: 100%;
    }
}

/*==================================
    ニュースレター
==================================*/


.c-article-detail--col-2{
    flex-wrap: wrap;
}

.c-article-detail-contents{
    width: 100%;
    flex:none;
}
.c-article-detail-contents.rtype{
    flex:1;
}
.c-article-detail-contents.rtype .c-article-detail{
    margin-top: 0;
}

.c-article-detail-documents{
    margin-top: 60px;
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
}
.c-article-detail-documents.rtype{
    margin-top: 0px;
    margin-left: 40px;
}

.c-article-detail-documents .p-document__list{
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap:24px;
}

.c-article-detail-documents .p-document__list .p-document__item{
    width:calc((100% - 24px * 2) / 3);
}

.c-article-detail-date{
    margin-bottom: 0px;
}
.c-article-detail-date.mt-aj{
    margin-top: -1.8em;
}


@media screen and (max-width: 599px){
    .c-article-detail-documents{
        margin-top: 40px;
    }

    .c-article-detail-documents .p-document__list .p-document__item{
        width:calc((100% - 24px) / 2);
    }

}
@media screen and (max-width: 420px){
    .c-article-detail-documents .p-document__list .p-document__item{
        width:100%;
    }
}


/*==================================
    規定雛形、レポート、エコノミストレター
==================================*/

.detail-type-link .ttl-sup{
    margin-top: 40px;
    margin-bottom: 40px;
}

.detail-type-link .ttl-sup span{
    font-weight: 600;
}


.detail-type-link .p-document__download__link{
    max-width: 336px;
    margin-left: auto;
    margin-right: auto;
}

/*==================================
    シミュレーション
==================================*/


.p-simulation__article__content__title,.p-simulation-document-heading{
    font-weight: 600;
    font-size: 24px;
    line-height: 20px;
    letter-spacing: 4px;
    vertical-align: middle;
}

.p-simulation-document__list{
    gap:2.4rem;
    margin-bottom: 6rem;
}
.p-simulation-document__item{
    width: calc((100% - 2.4rem * 3) / 4);
    margin-bottom: 0px;
    padding:0;
    min-width: 0;
}

.p-simulation-document__download__link{
    font-size: 16px;
    padding:12px 0;
    height: auto;
}


.other-sim-ttl{
    font-weight: 600;
    font-size: 20px;
    line-height: 1em;
    letter-spacing: 4px;
    margin-bottom:2.4rem;
}

.sim-ttl{
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 20px;
    letter-spacing: 4px;
    margin-bottom:2.4rem;

}

.simulation-box.simulation-box--other{
    display: flex!important;
    column-gap:5%!important;
    flex-wrap: wrap!important;
    margin-top:0;
    margin-bottom: 4rem;
}


.simulation-box.simulation-box--other .dtlWrap{
    width: 76%!important;
    margin-left: 0;
}
.simulation-box.simulation-box--other .dtlWrap .txt{
    font-weight: 300;
    font-size: 16px;
    line-height: 1.75em;
    letter-spacing: 0px;
    margin-top:0;
}


.simulation-box.simulation-box--other .imgWrap{
    width:19%!important;
    display: flex;
    align-items: flex-end;
    padding-right: 24px;
}


.simulation-box.simulation-box--other .btn-wrap.hp-simulation{
    margin-left: auto!important;
    margin-top: 0px;
}

.c-btn.hp-right.hp-simulation.white{
    font-weight: 300;
    font-size: 14px;
    padding:12px 0;
    background: #fff;
    color:#03181CB8;
    border:1px solid #03181CB8;
    height: auto;
    width: 336px;
}

.simulation-notes{
    margin-top: 0;
}

.simulation-notes .ttl{
    font-size: 1.6rem;
    font-weight: 600;
}


.simulation-notes .txt{
    font-size: 1.6rem;
}


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

    .p-simulation-document__item{
        width: 100%;
    }


    .btn-wrap.hp-simulation{
        width: 100%;
    }

    .simulation-box.simulation-box--other .dtlWrap{
        width: 100%!important;
    }
    .simulation-box.simulation-box--other .imgWrap{
        width: 100%!important;
        margin-top: 24px;
        justify-content: center;
        padding-right: 0;
    }
    .simulation-box.simulation-box--other .imgWrap img{
        width: 180px!important;
    }
    .simulation-box.simulation-box--other .btn-wrap.hp-simulation{
        margin-right: auto;
        width: 100%;
    }
    .simulation-box .btn-wrap.hp-simulation .hp-simulation{
        width: 100%!important;
        padding-left:24px;
        padding-right:24px;
    }

}

/*==================================
    プロに相談
==================================*/


.adv-ttl{
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 20px;
    letter-spacing: 4px;
    margin-bottom:2.4rem;
    line-height: 1.2em;

}

.adv-box{
    display: flex!important;
    column-gap:24px!important;
    flex-wrap: wrap!important;
    margin-top:0;
    margin-bottom: 4rem;
}


.adv-box .dtlWrap{
    width: 76%!important;
    margin-left: 0;
}
.adv-box .dtlWrap .txt{
    font-weight: 300;
    font-size: 16px;
    line-height: 1.75em;
    letter-spacing: 0px;
    margin-top:0;
}


.adv-box .imgWrap{
    width:calc(100% - 24px - 76%)!important;
    display: flex;
    align-items: center;
}
.adv-box .imgWrap img{
    max-width: 184px;
}

.adv-box .btn-wrap.hp-adv{
    margin-left: auto!important;
    margin-top: 0px;
}

.c-btn.hp-right.hp-adv.white{
    font-weight: 300;
    font-size: 14px;
    padding:14px 0;
    background: #fff;
    color:#03181CB8;
    border:1px solid #03181CB8;
    height: auto;
    width:300px;
}




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

    .adv-box .dtlWrap{
        width: 100%!important;
    }
    .adv-box .imgWrap{
        width: 100%!important;
        margin-top: 24px;
        justify-content: center;
    }
    .adv-box .imgWrap img{
        width: 180px!important;
    }
    .adv-box .btn-wrap.hp-adv{
        width: 100%;
    }

    .adv-box.adv-box--other .btn-wrap.hp-adv{
        margin-right: auto;
        width: 100%;
    }
    .adv-box .btn-wrap.hp-adv .hp-adv{
        width: 100%!important;
        padding-left:24px;
        padding-right:24px;
    }
}


/*税理士に相談*/

.application-example .ttl{
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 12px;
}
.application-example ul{
    padding-left:2.4rem;
}

.application-example ul li{
    list-style: disc;
    font-size: 1.6rem;
    line-height: 1.785em;
}

.application-box .form-wrap .ttl{
    text-align: right;
}

.application-box .form-wrap .input-row.terms{
    justify-content: flex-end;
    padding-right: 52px;
    margin-bottom: 12px;
}
.application-box .form-wrap .input-row.buttons{
    justify-content: flex-end;
    padding-right: 52px;
}


.radio-decWrap{
    flex: 1;
}
.radio-decWrap label {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
    font-size: 16px;
}

.radio-decWrap input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #03181C5C;
    border-radius: 50%;
    background-color: #FFF;
    margin-right: 8px;
    position: relative;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.radio-decWrap input[type="radio"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #16A3BB;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.2s;
}

.radio-decWrap input[type="radio"]:checked::after {
    transform: translate(-50%, -50%) scale(1);
}

.application-box .form-wrap .input-row .input-text,.application-box .form-wrap .input-row .input-textarea{
    width:100%;
    max-width: 100%;
    flex: 1;
}
.application-box .c-notes .txt{
    font-size: 16px;
}

@media screen and (max-width: 1280px){
    .application-box .form-wrap .input-row.buttons{
        padding-right:0;
        justify-content: center;
        row-gap: 12px;
    }
    .input-row.buttons{
        flex-wrap: wrap;
    }
    .application-box .form-wrap .confirmation-btn,.application-box .form-wrap .clear-btn{
        width: min(328px, 91.1111vw);
        padding: 12px 100px 12px;
    }
}


@media screen and (max-width: 900px){
    .application-box .form-wrap .ttl{
        text-align: left;
    }
    .application-box .form-wrap .input-row.buttons{
        row-gap:12px!;
    }

    .application-box .form-wrap .clear-btn{
        margin-top: 0;
    }

}

@media screen and (max-width: 599px){
    .radio-decWrap label{
        width: 100%;
    }
    .application-box .form-wrap .input-row.terms{
        padding-right: 0px;
    }
    .application-box .form-wrap .checkbox-label{
        flex: 1;
    }
}

.application-box .form-wrap .confirm-row{
    margin-top: 32px;
}
.application-box .form-wrap .confirm-row .ttl{
    width: 200px;
}

.application-box .form-wrap .confirm-row .apply-content{
    width: 100%;
    flex:1;
}
@media screen and (max-width: 599px){
    .application-box .form-wrap .confirm-row .ttl{
        width: 100%;
        text-align: left;
    }
    .application-box .form-wrap .confirm-row .apply-content{
        flex:none;
    }
}




/*弁護士に相談*/

.lawyer__content h2{
    font-size: 2.4rem;
    margin-bottom: 2.4rem;

}

.lawyer__content.howtouse{
    margin-bottom: 2.4rem;
}

.lawyer__content.howtouse ul{
    padding-left: 1.4em;
}
.lawyer__content.howtouse li{
    font-size: 1.6rem;
    list-style: disc;
}
.lawyer__content.howtouse li.emphasis{
    font-weight: 600;
}
.lawyer__content.howtouse li.note{
    list-style: none;
    text-indent: -1.1em;
}
.lawyer__content.howtouse li.note:before{
    content:"※"
}

.lawyer__content.profile{
    margin-top: 6.2rem;
}

.lawyer__content.profile .lawyer-box{
    column-gap:2.4rem;
}

.lawyer__content.profile .lawyer-box .dtlWrap{
    width: 68%;
}
.lawyer__content.profile .lawyer-box .dtlWrap p{
    font-size: 1.6rem;
}

.lawyer__content.profile .lawyer-box .imgWrap{
    width: calc(100% -24px - 68%);
}
.lawyer__content.profile .lawyer-box .imgWrap p{
    font-size: 1.6rem;
}



/*==================================
    規程の雛形集
==================================*/

.provisions-table{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border: 1px #999 solid;
}

.provisions-table__head{
    width: 100%;
    background: #16A3BB14;
    text-align: center;
    color:#333333;
    font-size: 1.8rem;
    font-weight: bold;
    padding:12px;
}

.provisions-table__body{
    width: 100%;
}

.provisions-table__body__line{
    width: 100%;
    display: flex;
}

.provisions-table__body__line .type{
    width: 210px;
    border-top: 1px #999 solid;
    text-align: center;
    font-size:1.6rem;
    padding:8px;
}

.provisions-table__body__line .type.no-border{
    border-top: 0px #999 solid;
}
.provisions-table__body__line .ttl{
    width: calc(100% - 160px - 128px);
    border-top: 1px #999 solid;
    font-size:1.6rem;
    padding:8px;
    border-left: 1px #999 solid;
    border-right: 1px #999 solid;


}
.provisions-table__body__line .link{
    width: 140px;
    border-top: 1px #999 solid;
    display: flex;
    justify-content: center;
    align-items: center;
}

.provisions-table__body__line .link a{
    font-size: 1.6rem;
    color:#fff;
    padding:4px 40px;
    background: #16A3BB;
    border-radius: 28px;

}
.provisions-table__body__line .link a.report{
    padding:4px 28px;
    display: flex;
    align-items: center;
    column-gap:4px;
}

.provisions-table__body__line .type-sp{
    display: none;
}

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

    .provisions-table__body__line{
        flex-wrap: wrap;
        padding-top:16px;
        padding-bottom:16px;
        border-top: 1px #999 solid;

    }

    .provisions-table__body__line .type{
        width: 100%;
        border-top: 0px #999 solid;
        font-weight: 600;
        display: none;
    }
    .provisions-table__body__line .type.no-border{
    }
    .provisions-table__body__line .ttl{
        width: 100%;
        border-top: 0px #999 solid;
        border-left: 0px #999 solid;
        border-right: 0px #999 solid;
    }
    .provisions-table__body__line .link{
        margin-left: auto;
        border-top: 0px #999 solid;

    }
    .provisions-table__body__line .type-sp{
        display: inline;
    }

}


/*==================================
    サポートセンター
==================================*/

.supportcenter-paragraph{
    margin-top: 60px;
}
@media screen and (max-width: 599px){
    .supportcenter-paragraph{
        margin-top: 40px;
    }
}

.supportcenter-wrap .flex-wrap:nth-of-type(1) .foot{
    margin-top: 0!important;
}
.supportcenter-wrap .flex-wrap:nth-of-type(1) .foot:after{
    content:none;
}



/*==================================
    ニッセイ専用
==================================*/

.c-section__pulldown select.section-ttl {
    color: #03181CB8;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.333;
    margin:0.83em 0;
}
@media screen and (max-width: 768px){
    .c-section__pulldown select.section-ttl {
        font-size: 2.0rem;
    }
}

/*==================================
    プロへの相談事例
==================================*/

.adviser-ex h3{
    font-size:2.4rem;
    line-height:1.3em;
    color:#03181CB8;
    font-weight:300;
}

.adviser-ex__wrapper{
    margin:40px 0;
    display:flex;
    flex-wrap:wrap;
    gap:24px;
}

.adviser-ex__inner{
    width:calc((100% - 24px) / 2);
    display:flex;
    gap:12px;
}
.adviser-ex__inner--img{
    width:108px;
}
.adviser-ex__inner--img img{
    width:108px;
    height:auto;
}

.adviser-ex__inner--txt{
    width:100%;
    flex:1;
}
.adviser-ex__inner--txt h4{
    font-size:18px;
    font-weight:600;
    margin-top:0;
    margin-bottom:12px;
    color:#03181CB8;
}
.adviser-ex__inner--txt p{
    font-size:1.4rem;
    line-height:1.52em;
}

@media screen and (max-width: 1100px){
    .adviser-ex__inner{
        width:100%
    }
}


@media screen and (max-width: 420px){
    .adviser-ex__inner{
        flex-wrap:wrap;
    }
    .adviser-ex__inner--img{
        width:100%;
        text-align:center;
    }
    .adviser-ex__inner--txt{
        flex:none;
    }
    .adviser-ex__inner--txt h4{
        text-align:center;
    }
}

/*==================================
    保険募集人が知っておくべき税務の話
==================================*/

.tax-topics .author{
    font-size:1.4rem;
}
.tax-topics .author span{
    font-size:1.6rem;
}

.tax-topics .c-imageText{
    margin-top:0;
    margin-bottom:0;
}
.tax-topics .c-imageText p{
    margin-top:0;
    margin-bottom:36px;
}

.tax-topics .c-imageText__caption{
    margin-bottom:0!important;
}

.tax-topics .p-newsDetail__article__image{
    margin-bottom:0!important;
}

.tax-topics .c-article-detail.reference{
    margin-top:0;
}
.tax-topics .c-article-detail.reference h4{
    font-weight:600;
    margin-bottom:12px;
}

.tax-topics .c-article-detail.reference .c-imageText{
    padding:14px 24px;
    border:1px solid #000;
}

.tax-topics .c-article-detail.reference .c-imageText p{
    margin: 10px 0;
    text-indent:1em;
}

@media screen and (max-width: 420px){
    .tax-topics .c-article-detail.reference .c-imageText{
        padding:14px 12px;
        border:1px solid #000;
    }

}
.prof-author{
    margin-bottom:24px;
}
.prof-author h3{
    font-weight:600;
    line-height:1.7em;
    border-bottom:1px solid #ccc;
    margin-bottom:12px;
}

.prof-author a{
    color:#16a3bb;
}

.prof-author .prof-author__wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
}
.prof-author .prof-author__innner--img{
    width:30%;
    background-image: url("/files/ltd/img/taxtopics/prof-author-img01.jpg");
    background-repeat:no-repeat;
    background-size: auto 100%;
    background-position:center;
    overflow:hidden;
    min-height: 180px;
}
.prof-author .prof-author__innner--txt{
    width:calc(70% - 12px);
}
.prof-author  .prof-author__innner--txt--name{
    font-weight:600;
}
.prof-author .prof-author__innner--txt p{
    margin:16px 0;
}
.prof-author .prof-author__innner--detail p{
    margin:16px 0;
}

@media screen and (max-width: 420px){
    .prof-author .prof-author__innner--img{
        width:100%;
    }
    .prof-author .prof-author__innner--txt{
        width:100%;
    }

}
/*==================================
    法人コンサル動画
==================================*/

.movie-book-title__note{
    font-size: 1.6rem;
    line-height: 2em;
    font-weight: 300;
    color: #03181CB8;
}