@charset "utf-8";
/* CSS Document */

/***
下層ページ
***/

/*** 下層共通 ***/
.fv_box{
    margin-top: 125px;
    position: relative;
    height: 330px;
}
.fv_box .bg{
    max-width: 1920px;
    overflow: hidden;
    position: absolute;
    right: 0;
}
.fv_box .bg img{
    height: 330px;
    background-position: right;
    background-size: contain;
    width: 1920px;
    max-width: none;
    margin: 0 auto;
}
.fv_box h1.title{
    position: absolute;
    top:0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 100%;
    font-family: "Shippori Mincho", serif;
    font-size: 40px;
    font-weight: bold;
    color:#253365;
    text-shadow: 0 0 8px rgb(255, 255, 255, 1), 0 0 8px rgb(255, 255, 255, 1), 0 0 8px rgb(255, 255, 255, 1);
    line-height: 1.5;
    padding-top: 2vw;
}
.fv_box h1.title::before{
    content: attr(title);
    font-size: 26px;
}
.fv_box h1.title .boder{
    position: relative;
    margin-top: 10px;
}
.fv_box h1.title .boder::before{
    content: "";
    width: 50px;
    height: 2px;
    background-color: #253365;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}
.fv_box h1.title .boder .small{
    font-size: 20px;
    display: block;
    letter-spacing: 0.02em;
    margin-bottom: -5px;
    margin-top: 5px;
}
.content_wrap{
    max-width: 1200px;
    width: 96%;
    display: flex;
    justify-content: space-between;
    margin: 200px auto;
}
.content_wrap .content_area{
    max-width: 800px;
    flex-basis: 65%;
}
.content_wrap .sidebar{
    width: 300px;
}
img{
    height: auto;
}

.top-section__title.page_title_h2{
    font-size: 36px;
    letter-spacing: 0.04em;
    margin-bottom: 30px;
}
.page_title_h3{
    color: #253365;
    font-size: 26px;
    font-family: "Shippori Mincho", serif;
    border-bottom: 2px solid #e6e6e6;
    position: relative;
    line-height: 1.5;
    margin-bottom: 30px;
    padding-bottom: 10px;
    letter-spacing: 0.02em;
}
.page_title_h3::after{
    content: "";
    width: 120px;
    height: 2px;
    background-color: #990000;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.page_title_h3 .small{
    font-size: 18px;
    font-weight: normal;
}
.page_title_h3 .small.mr{
    margin-right: 10px;
}
.page_title_h3.left_h3{
    text-align: right;
    line-height: 1.2;
}
.page_title_h3.left_h3::after{
    left: unset;
    right: 0;
}
.page_title_h4{
    font-family: "Shippori Mincho", serif;
    font-size: 24px;
    color: #991a1a;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}
.page_title_h5{
    font-family: "Shippori Mincho", serif;
    font-size: 22px;
    background-color: #f8f8f8;
    padding: 5px 10px;
    color: #101648;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}

.img_area{
    margin-bottom: 40px;
}
.in-bk,.inbl{
    display: inline-block;
}
.bold{
    font-weight: bold;
}
.under_line{
    text-decoration: underline;
}
.txt_box{
    margin-bottom: 80px;
}
.txt_box.mb40{
    margin-bottom: 40px;
}
.txt_box.mb150{
    margin-bottom: 150px;
}
.txt_box p{
    text-align: justify;
    font-size: 18px;
    letter-spacing: 0.08em;
}
.txt_box p + p{
    margin-top: 30px;
}
.pr_txt{
    font-size: 22px;
    color: #101648;
    font-family: "Shippori Mincho", serif;
    line-height: 1.6;
    margin-bottom: 30px;
}
.info_list_box{
    margin-bottom: 80px;
}
.info_list_box li{
    padding-left: 40px;
    position: relative;
    font-size: 18px;
    text-align: justify;
    letter-spacing: 0.08em;
}
.info_list_box li::before{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #990000;
    position: absolute;
    top:16px;
    left: 12px;
}
.info_list_box li + li{
    margin-top: 20px;
}
.gray_list_box{
    background-color: #f6f6f6;
    padding: 30px 20px;
    margin: 60px 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.04em;
}

.flex_count_box{
    margin-bottom: 120px;
}
.flex_count_box .count_box_flex{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/*.flex_count_box .count_box_flex .count_box_img{
    max-width: 300px;
    flex-basis: 40%;
}*/
.flex_count_box .count_box_flex .info_list_box{
    /*max-width: 460px;
    flex-basis: 56%;
    margin-top: -10px;*/
    margin-top: 40px;
    margin-left: -1.5%;
}
.flex_count_box .count_box:nth-child(odd) .count_box_flex{
    /*flex-direction: row-reverse;*/
}
.page_title_h3.count_h3{
    position: relative;
}
.page_title_h3.count_h3::before{
    content: "01";
    font-size: 30px;
    margin-right: 10px;
}
.flex_count_box .count_box:nth-child(2) .page_title_h3.count_h3::before{
    content: "02";
}
.flex_count_box .count_box:nth-child(3) .page_title_h3.count_h3::before{
    content: "03";
}
.flex_count_box .count_box:nth-child(4) .page_title_h3.count_h3::before{
    content: "04";
}
.flex_count_box .count_box:nth-child(5) .page_title_h3.count_h3::before{
    content: "05";
}

.step_subtitle{
    font-size: 18px;
    font-family: "Shippori Mincho", serif;
    background-color: #101648;
    color: #fff;
    line-height: 1.5;
    padding: 5px 0 5px 10px;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
.step_subtitle::after{
    content: "";
    width: 0;
    height: 0;
    border-right: 21px solid transparent;
    border-top: 38px solid #101648;
    position: absolute;
    top:0;
    right: -20px;
}
.step_title{
    font-size: 20px;
    color: #101648;
    font-family: "Shippori Mincho", serif;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 30px;
}
.notice_box{
    max-width: 700px;
    width: 100%;
    margin: 0 auto 60px;
}
.notice_box .notice_title{
    font-size: 22px;
    font-family: "Shippori Mincho", serif;
    text-align: center;
    background-color: #101648;
    color: #fff;
    line-height: 1.5;
    padding: 15px 10px;
}
.notice_box .txt_box{
    margin-bottom: 0;
    padding: 30px 30px 50px;
    border-left: 2px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
}
.notice_box .txt_box:last-of-type{
    border-bottom: 2px solid #e6e6e6;
}
.digit_border_list{
    border: 2px solid #8f92aa;
    padding: 25px 20px 25px 45px;
    font-size: 18px;
    color: #253365;
    font-weight: bold;
    margin-bottom: 60px;
    list-style-type: decimal;
}
.lastline {
    margin-bottom: 30px;
}



@media screen and (min-width: 1921px){
    .fv_box .bg{
        max-width: none;
        position: unset;
    }
}
@media screen and (max-width: 1249px){
    .top-section__title.page_title_h2{
        font-size: clamp(22px, 3.4vw, 28px);
    }
    .fv_box h1.title .boder .small{
        font-size: clamp(12px, 2vw, 20px);
    }
    .page_title_h3{
        font-size: clamp(20px, 3vw, 26px);
    }
    .page_title_h3 .small{
        font-size: 16px;
    }
    .flex_count_box .count_box_flex .info_list_box{
        max-width: none;
    }
}
@media screen and (max-width: 1194px){
    .fv_box{
        margin-top: 95px;
    }
}
@media screen and (max-width: 1023px){
    .fv_box{
        margin-top: 85px;
        height: 24vw;
        overflow: hidden;
    }
    .fv_box .bg{
        max-width: none;
        position: unset;
    }
    .fv_box .bg img{
        height: 24vw;
        margin-left: -24vw;
        width: auto;
        max-width: none;
    }
    .fv_box h1.title{
        font-size: 4vw;
        padding-top: 1vw;
    }
    .fv_box h1.title::before{
        font-size: 2.6vw;
    }
    .content_wrap{
        width: 90%;
        display: block;
        margin: 100px auto;
    }
    .content_wrap .content_area{
        max-width: none;
    }
    .content_wrap .sidebar{
        width: 100%;
    }
    .pr_txt{
        font-size: 20px;
    }
    .txt_box.mb150{
        margin-bottom: 100px;
    }
    .page_title_h3.count_h3::before{
        font-size: 28px;
        margin-right: 5px;
    }
    .page_title_h4{
        font-size: 22px;
    }
    .page_title_h5{
        font-size: 20px;
    }
    .notice_box .notice_title{
        font-size: 20px;
        padding: 12px 10px;
    }
}
@media screen and (max-width: 767px){
    .fv_box{
        height: 30vw;
    }
    .fv_box .bg img{
        height: 30vw;
        margin-left: -60vw;
    }
    .fv_box h1.title{
        font-size: 5vw;
        padding-top: 1vw;
    }
    .fv_box h1.title::before{
        font-size: 3.5vw;
    }
    .pr_txt{
        font-size: 18px;
    }
    .txt_box p{
        font-size: 16px;
    }
    .info_list_box li{
        font-size: 16px;
        padding-left: 30px;
    }
    .info_list_box li::before{
        top: 13px;
        left: 10px;
    }
    .txt_box.mb150{
        margin-bottom: 80px;
    }
    .gray_list_box{
        padding: 25px 15px;
        margin: 40px 0;
        font-size: 16px;
    }
    .page_title_h3.count_h3::before{
        font-size: 24px;
    }
    .page_title_h4 {
        font-size: 20px;
    }
    .page_title_h5{
        font-size: 18px;
    }
    .notice_box .notice_title{
        font-size: 18px;
        padding: 10px;
    }
    .step_subtitle{
        font-size: 16px;
    }
    .step_subtitle::after{
        border-right: 16px solid transparent;
        border-top: 34px solid #101648;
        right: -15px;
    }
    .step_title{
        font-size: 18px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 599px){
    .fv_box h1.title .boder .small{
        margin-bottom: -5px;
    }
    .flex_count_box .count_box_flex{
        display: block;
    }
    .flex_count_box .count_box_flex .count_box_img{
        margin: 0 auto 30px;
    }
    .flex_count_box .count_box_flex .info_list_box{
        margin-top: 0;
    }
}
@media screen and (max-width: 499px){
    .content_wrap{
        margin: 60px auto;
    }
    .fv_box{
        height: 36vw;
    }
    .fv_box .bg img {
        height: 36vw;
        margin-left: -100vw;
    }
    .fv_box h1.title{
        font-size: 6vw;
        padding-top: 0;
    }
    .fv_box h1.title::before{
        font-size: 4.5vw;
    }
    .notice_box .txt_box{
        padding: 15px 15px 30px;
    }
}

/*** サイドバー ***/
.sidbar_cv{
    background-image: url(../images/lower/sidebar/sidecv-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    border-radius: 8px;
    background-color: #fff;
    padding: 20px 10px;
    text-align: center;
    margin-bottom: 40px;
}
.sidbar_cv .sidecv-info{
    background-color: #142353;
    color: #fff;
    font-size: 22px;
    font-family: "Shippori Mincho", serif;
    display: inline-block;
    line-height: 1;
    padding: 8px 10px 10px;
}
.sidbar_cv .sidecv-box{
    width: 100%;
    background-color: #fff;
    padding: 2px 10px 10px;
}
.sidbar_cv .sidbar_box{
    padding: 25px 20px;
}
.sidbar_cv .info_txt{
    /*background-color: #f8f8f8;*/
    color: #00114b;
    font-size: 18px;
    font-family: "Shippori Mincho", serif;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
    margin: 15px auto 15px;
}
.sidbar_cv .tel{
    display: block;
    font-size: 34px;
    font-weight: bold;
    font-family: "Shippori Mincho", serif;
    text-align: center;
    position: relative;
    color: #00114b;
    line-height: 1;
    margin: 10px 0;
    pointer-events: none;
}
.sidbar_cv .tel::before{
    content: "";
    background-image: url(../images/lower/sidebar/icon_tel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.75em;
    height: 1em;
    display: inline-block;
    position: relative;
    top:0.15em;
}
.sidbar_cv .mail{
    display: block;
    background-color: #990000;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    font-size: 18px;
    font-family: "Shippori Mincho", serif;
    padding: 5px 0;
}
.sidbar_cv .note_txt{
    font-size: 10px;
    margin: 15px auto 0;
    line-height: 1.5;
    text-align: left;
    font-weight: bold;
    width: 90%;
}
.support_box,.about_box{
    margin-bottom: 30px;
}
.office_box{
    margin-bottom: 40px;
}
.support_box .title,.about_box .title,.office_box .title{
    font-size: 26px;
    font-family: "Shippori Mincho", serif;
    font-weight: bold;
    text-align: center;
}
.support_box .support_list{
    background-color: #253365;
    padding: 20px;
}
.support_box .support_list li + li{
    margin-top: 10px;
}
.support_box .support_list li a{
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: "Shippori Mincho", serif;
    display: block;
    padding: 5px 0;
    position: relative;
}
.support_box .support_list li a span{
    font-size: 22px;
    margin-top: -5px;
    display: inline-block;
}
.support_box .support_list li a::before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: solid 1px #b33f3f;
    border-right: solid 1px #b33f3f;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    z-index: 2;
}
.support_box .support_list li a::after{
    content: "";
    background-image: url(../images/lower/sidebar/icon-support_list01.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top:50%;
    left: 18px;
    transform: translateY(-50%);
}
.support_box .support_list li:nth-child(2) a::after{
    background-image: url(../images/lower/sidebar/icon-support_list02.png);
}
.support_box .support_list li:nth-child(3) a::after{
    background-image: url(../images/lower/sidebar/icon-support_list03.png);
}
.about_box .about_list{
    background-color: #f8f8f8;
    padding: 20px;
}
.about_box .about_list li + li{
    margin-top: 10px;
}
.about_box .about_list li a{
    background-color: #a42020;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: "Shippori Mincho", serif;
    display: block;
    padding: 5px 0;
    position: relative;
}
.about_box .about_list li a::after{
    content: "";
    background-image: url(../images/lower/sidebar/icon_arrow01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    position: absolute;
    right: 5px;
    top: 50%;
    transform:translateY(-50%);
}
.office_box .office_list{
    background-color: #0a1d49;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.office_box .office_list li{
    flex-basis: 48%;
}
.office_box .office_list li a{
    background-color: #fff;
    font-size: 18px;
    font-family: "Shippori Mincho", serif;
    display: block;
    text-align: center;
    padding: 5px 0;
    position: relative;
}
.office_box .office_list li a::after{
    content: "";
    background-image: url(../images/lower/sidebar/icon_arrow02.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    position: absolute;
    right: 3px;
    top: 50%;
    transform:translateY(-50%);
}
.news_letter_banner{
    background-image: url(../images/lower/sidebar/news_letter.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 300px;
    height: 100px;
    display: block;
    margin-bottom: 40px;
}
.column_banner{
    background-image: url(../images/lower/sidebar/column.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 300px;
    height: 100px;
    display: block;
}
@media screen and (max-width: 1023px){
    .sidbar_cv{
        display: none;
    }
    
    .support_box, .about_box{
        /*max-width: 400px;*/
        /*margin: 0 auto 30px;*/
        width: 48%;
    }
    /*.support_box{
        margin-top: 30px;
    }*/
    .support_box .title, .about_box .title, .office_box .title {
        font-size: 22px;
    }
    .banner_area{
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    /*.support_box .support_list li a::after{
        left: 62px;
    }*/
    .side-flex{
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .support_box .img_box{
        height: 14.5vw;
        overflow: hidden;
    }
    .about_box .about_list li a{
        line-height: 2.31;
    }
}
@media screen and (max-width: 768px){
    .sidbar_cv .tel{
        pointer-events: all;
    }
}
@media screen and (max-width: 699px){
    .banner_area{
        flex-direction: column;
        align-items: center;
    }
    .news_letter_banner{
        margin-bottom: 0;
    }
    .support_box, .about_box{
        max-width: 400px;
        width: 100%;
    }
    .side-flex{
        justify-content: center;
    }
    .support_box .img_box{
        height:auto;
    }
}
@media screen and (max-width: 499px){
    .support_box .support_list li a,.about_box .about_list li a,.office_box .office_list li a{
        font-size: 16px;
    }
}
@media screen and (max-width: 419px){
    .support_box .support_list li a::after{
        left: 30px;
    }
}


/*** パンくず ***/
.footer-breadcrumb {
    padding: 20px 0;
    box-shadow: 0 0 30px rgba(0,0,0,0.10);
    position: relative;
    width: 100%;
}
.footer-breadcrumb .breadcrumb {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.footer-breadcrumb .breadcrumb .l-box {
    font-size: 0;
}
.footer-breadcrumb .breadcrumb .r-box {
    max-width: 300px;
}
.footer-breadcrumb .breadcrumb .l-box span {
    font-size: 16px;
    font-family: var(--mincho);
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    /*display: inline-block;*/
}
.footer-breadcrumb .breadcrumb .l-box a {
    font-size: 16px;
    font-family: var(--mincho);
    font-weight: 400;
    position: relative;
    margin-right: 50px;
    display: inline-block;
    color: #000;
    line-height: 1.5;
}
.footer-breadcrumb .breadcrumb .l-box span:first-child a::before {
    content: "";
    background-image: url(../images/lower/icon-home.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 0.9em;
    height: 0.9em;
    display: inline-block;
    margin-right: 5px;
}
.footer-breadcrumb .breadcrumb .l-box a span {
    color: #000;
}
.footer-breadcrumb .breadcrumb .l-box a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #c4c4c4;
    border-bottom: 2px solid #c4c4c4;
    position: absolute;
    top: 55%;
    right: -24px;
    transform: translateY(-50%) rotate(-45deg);
}
.footer-breadcrumb .breadcrumb .breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 0;
}

@media screen and (max-width: 499px){
    .footer-breadcrumb .breadcrumb .l-box span {
        font-size: 12px;
    }
    .footer-breadcrumb .breadcrumb .l-box a {
        font-size: 12px;
        margin-right: 30px;
    }
    .footer-breadcrumb .breadcrumb .l-box a::after{
        right: -16px;
    }
}
@media screen and (max-width: 380px){
    .footer-breadcrumb .breadcrumb .l-box span {
        font-size: 10px;
    }
    .footer-breadcrumb .breadcrumb .l-box a {
        font-size: 10px;
        margin-right: 20px;
    }
    .footer-breadcrumb .breadcrumb .l-box a::after{
        width: 6px;
        height: 6px;
        right: -12px;
    }
}



/*** ページ下CV ***/
.content_bottom_cv{
    background-image: url(../images/lower/content_bottom_cv.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 25px 40px 40px;
}
.content_bottom_cv .cv-title{
    color: #fff;
    text-align: center;
    font-size: 34px;
    font-family: "Shippori Mincho", serif;
    margin-bottom: 15px;
}
.content_bottom_cv .content_bottom_box{
    background-color: #fff;
    padding: 25px 0 35px;
    text-align: center;
}
.content_bottom_cv .cv_info{
    font-size: 24px;
    font-family: "Shippori Mincho", serif;
    border-bottom: 1px solid #000;
    display: inline-block;
   line-height: 1.4;
}
.content_bottom_cv .tel{
    display: block;
    position: relative;
    font-size: 70px;
    color: #990000;
    font-family: "Shippori Mincho", serif;
    text-align: center;
    line-height: 1;
    margin: 15px 0 5px;
    pointer-events: none;
}
.content_bottom_cv .tel::before{
    content: "";
    display: inline-block;
    background-image: url(../images/common/icon-tel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.65em;
    height: 0.7em;
}
.content_bottom_cv .cv_note{
    font-family: "Shippori Mincho", serif;
    font-size: 16px;
}
.content_bottom_cv .cv_note .sans{
    font-family: sans-serif;
}
.content_bottom_cv .mail{
    max-width: 610px;
    width: 90%;
    height: 66px;
    background-color: #0a1e4b;
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 0;
}
.content_bottom_cv .mail::before{
    content: "";
    display: inline-block;
    background-image: url(../images/common/icon-mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    top:0.15em;
}
@media screen and (max-width: 767px){
    .content_bottom_cv{
        padding: 20px 25px;
    }
    .content_bottom_cv .cv-title{
        font-size: 4vw;
        margin-bottom: 10px;
    }
    .content_bottom_cv .content_bottom_box{
        padding: 15px 0 25px;
    }
    .content_bottom_cv .cv_info{
        font-size: 3vw;
    }
    .content_bottom_cv .tel{
        font-size: 8.5vw;
        margin: 15px 0 5px;
        pointer-events: all;
    }
    .content_bottom_cv .cv_note{
        font-size: 14px;
    }
    .content_bottom_cv .mail{
        width: 80%;
        height: 7vw;
        font-size: 2.6vw;
    }
}
@media screen and (max-width: 499px){
    .content_bottom_cv .cv-title {
        font-size: 6vw;
    }
    .content_bottom_cv .cv_info {
        font-size: 4.5vw;
        border-bottom:none;
        text-decoration: underline;
    }
    .content_bottom_cv .cv_info .in-bk{
        text-decoration: underline;
    }
    .content_bottom_cv .tel {
        font-size: 9vw;
        margin: 10px 0 5px;
    }
    .content_bottom_cv .cv_note{
        font-size: 12px;
        line-height: 1.3;
        padding:0 10px;
        margin-top: 5px;
    }
    .content_bottom_cv .mail{
        width: 86%;
        height: 10vw;
        font-size: 4vw;
    }
}

/* コラム */
.column_list li + li{
    margin-top: 40px;
}
.column_list li a{
    background-color: #fff;
    display: flex;
    box-shadow: 0 0 10px #ccc;
    position: relative;
    padding: 40px 55px 40px 40px;
}
.column_list li a::after{
    content: "";
    width: 18px;
    height: 18px;
    border-right: 5px solid #26335f;
    border-bottom: 5px solid #26335f;
    position: absolute;
    top:50%;
    right: 20px;
    transform: translateY(-50%) rotate(-45deg);
}
.column_list li a .img_box{
    position: relative;
    width: 245px;
}
.column_list li a .img_box .subtitle{
    background-color: #26335f;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top:0;
    left: 0;
    line-height: 1;
    padding: 5px 10px 7px;
}
.column_list li a .content_box{
    width: calc(100% - 245px);
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.column_list li a .content_box .time{
    font-family: "Shippori Mincho", serif;
    font-size: 14px;
    color: #26335f;
    display: block;
    border-bottom: 1px solid #000;
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.column_list li a .content_box .txt{
    font-family: "Shippori Mincho", serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    height: 100%;
}
.column_list li a .content_box .tag_list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}
.column_list li a .content_box .tag_list li{
    background-color: #f1f1f1;
    border-radius: 100px;
    display: inline-block;
    font-size: 14px;
    padding: 0 8px;
}
.column_list li a .content_box .tag_list li + li{
    margin-top: 0;
}
.column_h2{
    font-family: "Shippori Mincho", serif;
    font-size: 28px;
    margin: 80px 0 30px;
}
.category_list,
.tag_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}
.tag_list{
    gap: 8px 15px;
}
.category_list li a{
    border: 1px solid #990000;
    color: #990000;
    font-size: 16px;
    line-height: 1;
    padding: 8px 30px 8px 10px;
    position: relative;
}
.category_list li a::after{
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
    position: absolute;
    top:50%;
    right: 10px;
    transform: translateY(-50%) rotate(-45deg);
}
.category_list li a:hover{
    opacity: 1;
    background-color: #990000;
    color: #fff;
}
.category_list li a:hover:after{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.tag_list li a{
    position: relative;
    font-size: 16px;
}
.tag_list li a::before{
    content: "#";
}
@media screen and (max-width: 767px){
    .column_list li + li{
        margin-top: 30px;
    }
    .column_list li a{
        padding: 30px 40px 30px 25px;
    }
    .column_list li a::after{
        width: 15px;
        height: 15px;
        border-right: 4px solid #26335f;
        border-bottom: 4px solid #26335f;
        right: 15px;
    }
    .column_list li a .img_box{
        width: 180px;
    }
    .column_list li a .content_box{
        width: calc(100% - 180px);
        padding-left: 20px;
    }
    .column_h2{
        font-size: 22px;
        margin: 60px 0 20px;
    }
}
@media screen and (max-width: 549px){
    .column_list li a{
        display: block;
    }
    .column_list li a .img_box{
        width: 245px;
        display: block;
        margin: 0 auto 20px;
    }
    .column_list li a .content_box{
        width: 100%;
        padding-left: 0;
    }
}
@media screen and (max-width: 499px){
    .category_list li a{
        font-size: 14px;
        line-height: 1;
        padding: 8px 25px 8px 10px;
    }
}


/* ページャー */
.pager_box{
    margin: 70px auto;
    width: 100%;
}
.pager_box ul {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px 25px;
}
.pager_box ul li.hidden {
    display: none;
}
.pager_box ul li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    color: #0b3a37;
    border: 1px solid #2d313a;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 16px;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    position: relative;
}
.pager_box ul a.jp-current{
    height: 30px;
    display: flex;
    align-items: center;
}
.pager_box ul li a:hover,
.pager_box ul li.active a{
    background-color: #2d313a;
    color: #fff;
    opacity: 1 !important;
}
.pager_box ul li.previous_btn a::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #2d313a;
    border-bottom: 2px solid #2d313a;
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.pager_box ul li.next_btn a::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #2d313a;
    border-bottom: 2px solid #2d313a;
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.pager_box ul li.previous_btn a:hover::before,
.pager_box ul li.next_btn a:hover::before{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
@media screen and (max-width: 1023px){

}
@media screen and (max-width: 767px){
    .pager_box {
        margin: 50px auto 30px;
    }
    .pager_box ul{
        gap: 15px;
    }
    /*.pager_box ul li a {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }*/
    .archive .column_h2{
        margin-top: 30px;
    }
}
@media screen and (max-width: 499px){
    .pager_box {
        margin: 40px auto 30px;
    }
    .pager_box ul{
        gap: 12px;
    }
    /*.pager_box ul li a {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }*/
}

/* コラム　個別 */
.single-column{
    background-color: #f8f8f8;
}
.single-column .header{
    padding-bottom: 20px;
}
.single-column .fv_box{
    padding-top: 10px;
    background-color: #fff;
}
.single-column section + section{
    margin-top: 80px;
}
.column_content{
    display: none;
}
.single-column .column_content{
    display: block;
}
.wh_box{
    background-color: #fff;
    margin-bottom: 60px;
    padding: 60px 50px;
}
.wh_box .txt_box{
    line-height: 1.6;
    margin-bottom:70px;
    letter-spacing: 0;
}

.page_data{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.page_data .tag{
    background-color: #253365;
    color: #fff;
    font-size: 16px;
    padding: 0 10px;
}
.page_data .time{
    font-family: "Shippori Mincho", serif;
    font-size: 16px;
    color: #626161;
}
p.page_title{
    font-family: "Shippori Mincho", serif;
    font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-bottom: 30px;
}
.tag_list.page_tag a{
    background-color: #f8f8f8;
    font-size: 16px;
    padding: 5px 10px;
}
.supervision_box{
    margin: 40px 0 60px;
    border-bottom: 2px solid #253365;
    display: flex;
    align-items: center;
    padding: 0 40px 10px 30px;
    position: relative;
}
.supervision_box::after{
    content: "";
    background-image: url(../images/lower/column/arrow_right.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    top:48%;
    right: 20px;
    transform: translateY(-50%);
}
.supervision_box .supervision_img{
    background-image: url(../images/lower/column/supervision_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 52px;
    height: 52px;
}
.supervision_box .supervision_name{
    width: calc(100% - 52px);
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.6;
}
.supervision_box .supervision_name .post{
    display: block;
}
.supervision_box .supervision_name .name .supervision{
    background-color: #253365;
    color: #fff;
    font-size: 14px;
    padding: 0 5px;
    margin-right: 10px;
}
h2.point_h2{
    background-color: #0a1d49;
    color: #fff;
    font-size: 26px;
    padding: 15px 25px;
    line-height: 1.5;
    margin-bottom: 40px;
}
h3.point_h3{
    background-color: #efeef2;
    font-size: 22px;
    padding: 15px 25px;
    line-height: 1.5;
    margin-bottom: 40px;
}
h4.point_h4{
    font-size: 20px;
    margin-bottom: 30px;
    padding-left: 15px;
    line-height: 1.5;
    border-left: 6px solid #901d22;
}
.txt_red{
    color: #901d22;
    font-weight: bold;
}
.point_title{
    font-size: 24px;
    position: relative;
    margin-bottom: 30px;
    font-weight: bold;
    border-bottom: 2px solid #e6e6e6;
}
.point_title::after{
    content: "";
    width: 120px;
    height: 2px;
    background-color: #990000;
    position: absolute;
    bottom:-2px;
    left: 0;
}
.gray_box{
    background-color: #f8f8f8;
    padding: 20px;
    margin-bottom: 50px;
}
.support-page .gray_box{
    margin-top: -40px;
}
.support-page .gray_box.mt{
    margin-top: -10px;
}
#zeimu_support .gray_box{
    margin-top: -40px;
}
.wh_box .gray_box{
    margin-top: -30px;
}

.gray_box.border_box{
    border: 1px solid #bcbcbc;
    padding: 35px 30px;
}
.gray_box ul li,.nl-body table ul li{
    font-size: 18px;
    position: relative;
    padding-left: 30px;
    line-height: 1.5;
}
.gray_box ul li::before,.nl-body table ul li::before{
    content: "";
    width: 7px;
    height: 7px;
    background-color: #990000;
    position: absolute;
    top:12px;
    left: 0;
}
.gray_box ul li.list-style-none::before,.nl-body table ul li.list-style-none::before{
    content: none;
}
.gray_box ul li + li,.nl-body table ul li + li{
    margin-top: 15px;
}
.gray_box ul.digit{
    list-style-type: decimal;
    padding-left: 20px;
    font-weight: bold;
}
.gray_box ul.digit li{
    padding-left: 0;
}
.gray_box ul.digit li::before{
    display: none;
    list-style-type:lower-alpha;
}
.column_url{
    background-color: #f8f8f8;
    border: 1px solid #990000;
    padding: 20px 40px 20px 30px;
    margin-bottom: 70px;
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    position: relative;
}
.column_url .bg{
    background-color: #990000;
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
    padding: 5px 10px;
}
.column_url::after{
    content: "";
    background-image: url(../images/lower/column/arrow_right2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top:50%;
    right: 20px;
    transform: translateY(-50%);
}
.column_table{
    margin-top: -30px;
    margin-bottom: 70px;
    border: 1px solid #bcbcbc;
    border-bottom: none;
    border-right: none;
    border-spacing:0;
}
.column_table tr:last-of-type:after{
    display: none;
}
.column_table th{
    background-color: #f0d8d9;
    position: relative;
    padding: 10px 0;
    line-height: 1.5;
    font-weight: 500;
    border-bottom: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}
.column_table td{
    border-bottom: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}
/*
.column_table th::after,
.column_table td::after{
    content: "";
    width: 1px;
    height: 100%;
    background-color: #bcbcbc;
    position: absolute;
    top:0;
    right: 0;
}
.column_table th:last-of-type:after,
.column_table td:last-of-type:after{
    display: none;
}*/
.column_table th.th5{
    width: 5%;
}
.column_table th.th10{
    width: 10%;
}
.column_table th.th15{
    width: 15%;
}
.column_table th.th20{
    width: 20%;
}
.column_table th.th60{
    width: 60%;
}
.column_table td{
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px;
    position: relative;
}
.column_table td.left{
    text-align: left;
}
.supervision_box_bottom{
    background-color: #fff;
    border: 1px solid #c4c2c2;
    padding: 30px 35px;
    margin: 70px 0 90px;
}
.supervision_box_bottom .title{
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: bold;
    padding-left: 15px;
    line-height: 1.5;
    border-left: 4px solid #901d22;
}
.supervision_box_bottom .supervision_flex{
    display: flex;

}
.supervision_box_bottom .supervision_flex .supervision_img{
    background-image: url(../images/lower/column/supervision_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 106px;
    height: 106px;
}
.supervision_box_bottom .supervision_flex .supervision_content{
    width: calc(100% - 106px);
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding-top: 5px;
}
.supervision_box_bottom .supervision_flex .name .big{
    font-family: "Shippori Mincho", serif;
    font-size: 20px;
    margin-left: 10px;
}
.supervision_box_bottom .supervision_flex a{
    font-size: 14px;
    color: #212c54;
    border-bottom: 1px solid #000;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
    padding-bottom: 8px;
    padding-right: 60px;
    position: relative;
}
.supervision_box_bottom .supervision_flex a::after{
    content: "";
    background-image: url(../images/lower/column/arrow_right.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    top:2px;
    right: 0;
}
@media screen and (max-width: 1023px){
    .single-column .content_wrap{
        margin-top: 120px;
    }
    .single-column .header{
        padding-bottom: 0;
    }
}
@media screen and (max-width: 767px){
    .single-column .fv_box{
        margin-top: 80px;
    }
    .single-column .content_wrap{
        margin-top: 80px;
    }
    .wh_box {
        padding: 40px 20px;
    }
    p.page_title{
        font-size: 26px;
    }
    h2.point_h2 {
        font-size: 22px;
        padding: 10px 20px;
        margin-bottom: 30px;
    }
    .point_title {
        font-size: 20px;
        margin-bottom: 25px;
    }
    h3.point_h3 {
        font-size: 20px;
        padding: 10px 20px;
        margin-bottom: 30px;
    }
    h4.point_h4{
        font-size: 18px;
        margin-bottom: 25px;
        padding-left: 12px;
        border-left: 4px solid #901d22;
    }
    .column_table td{
        font-size: 14px;
    }
    .gray_box ul li, .nl-body table ul li{
        font-size: 16px;
    }
}
@media screen and (max-width: 599px){
    .single-column .fv_box{
        margin-top: 13vw;
    }
}
@media screen and (max-width: 499px){
    .single-column .content_wrap{
        margin-top: 60px;
    }
    .page_data .tag {
        font-size: 14px;
        padding: 0 5px;
    }
    .page_data .time{
        font-size: 14px;
    }
    p.page_title{
        font-size: 22px;
    }
    .tag_list.page_tag a{
        font-size: 14px;
        padding: 2px 5px;
    }
    .supervision_box {
        margin: 30px 0 40px;
        display: flex;
        align-items: center;
        padding: 0 30px 10px 0;
    }
    .supervision_box::after{
        right: 0;
    }
    .supervision_box .supervision_name{
        font-size: 14px;
        padding-left: 10px;
    }
    h2.point_h2 {
        font-size: 20px;
        padding: 8px 15px;
    }
    .point_title,
    h3.point_h3{
        font-size: 18px;
    }
    .gray_box{
        padding: 10px 15px;
        margin-bottom: 40px;
    }
    .gray_box ul li, .nl-body table ul li{
        padding-left: 20px;
    }
    .gray_box ul li + li, .nl-body table ul li + li{
        margin-top: 10px;
    }
    .column_url {
        padding: 15px 30px 15px 20px;
        margin-bottom: 50px;
        font-size: 16px;
    }
    .column_url::after{
        right: 10px;
    }
    .column_url .bg {
        font-size: 14px;
        padding: 3px 6px;
        display: block;
        width: 120px;
        text-align: center;
        margin: 0 auto;
    }
    .supervision_box_bottom {
        padding: 20px 20px;
        margin: 50px 0 60px;
    }
    .supervision_box_bottom .supervision_flex .supervision_img{
        width: 70px;
        height: 70px;
    }
    .supervision_box_bottom .supervision_flex .supervision_content {
        width: calc(100% - 70px);
        padding-left: 10px;
        font-size: 14px;
        padding-top: 5px;
    }
    .supervision_box_bottom .supervision_flex .name .big {
        font-size: 18px;
        margin-left: 6px;
    }
    .supervision_box_bottom .supervision_flex a{
        padding-right: 40px;
        margin-top: 5px;
    }
    .gray_box.border_box{
        padding: 10px 15px;
    }
}
@media screen and (max-width: 399px){
    .single-column .fv_box {
        margin-top: 16vw;
    }
}


/* 目次 */
#toc_container{
    width: 100% !important;
    border: none !important;
    background-color: #f4f7f9 !important;
    margin-bottom: 80px !important;
    padding: 40px 30px !important;
}
#toc_container p.toc_title{
    font-size: 18px;
}
#toc_container p.toc_title .toc_toggle{
    font-size: 18px !important;
    font-weight: bold !important;
}
#toc_container .toc_list{
    font-size: 18px !important;
    font-weight: bold !important;
    padding-left: 30px;
}
#toc_container .toc_list .toc_number{
    color: #6f0d05;
}
@media screen and (max-width: 1023px){

}
@media screen and (max-width: 767px){
    #toc_container{
        padding: 30px 15px !important;
    }
    #toc_container .toc_list {
        font-size: 16px !important;
        padding-left: 20px;
    }
}
@media screen and (max-width: 499px){
    #toc_container .toc_list {
        padding-left: 0;
    }
}

/* 弁護士紹介 */
section.lawyer_page{
    margin-top: -10px;
}
h2.lawyer_h2{
    font-family: "Shippori Mincho", serif;
    font-size: 26px;
    color: #253365;
    line-height: 1.5;
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 40px;
    padding-bottom: 10px;
    position: relative;
}
h2.lawyer_h2::after{
    content: "";
    width: 120px;
    height: 2px;
    background-color: #990000;
    position: absolute;
    bottom: -2px;
    left: 0;
}
ul.lawyer_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 70px;
    gap: 30px 10px;
}
ul.lawyer_list li{
    max-width: 245px;
    flex-basis: 32%;
    background-color: #fff;
}
ul.lawyer_list li .content_box{
    display: block;
    height: 52%;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding-top: 20px;
    padding-bottom: 20px;
}
ul.lawyer_list li .content_box .txt{
    font-size: 14px;
    display: block;
    text-align: center;
    line-height: 1.4;
    min-height: 85px;
}
ul.lawyer_list li .content_box .txt .name{
    font-family: "Shippori Mincho", serif;
    font-size: 18px;
    font-weight: bold;
}
ul.lawyer_list li .content_box .txt .name img{
    width: 76px;
    display: inline-block;
}
ul.lawyer_list li .content_box a{
    width: 150px;
    height: 26px;
    font-size: 12px;
    font-weight: 500;
    color: #990000;
    border: 1px solid #990000;
    margin: 10px auto 0;
    text-align: center;
    padding: 3px 10px 3px 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
ul.lawyer_list li .content_box a::after{
    content: "";
    width: 6px;
    height: 6px;
    border-top: solid 1px #990000;
    border-right: solid 1px #990000;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
}
@media screen and (max-width: 1199px){
    ul.lawyer_list li .content_box{
        height: 55%;
    }
}
@media screen and (max-width: 1023px){
    ul.lawyer_list li .content_box{
        height: 52%;
    }
}
@media screen and (max-width: 767px){
    ul.lawyer_list li .content_box{
        height: 55%;
    }
}
@media screen and (max-width: 699px){
    h2.lawyer_h2{
        font-size: 20px;
        margin-bottom: 30px;
    }
    ul.lawyer_list{
        gap: 30px 0;
    }
    ul.lawyer_list li{
        flex-basis: 49%;
    }
    ul.lawyer_list li .content_box{
        height: 52%;
    }
}
@media screen and (max-width: 499px){
    ul.lawyer_list{
        justify-content: center;
    }
    ul.lawyer_list li {
        flex-basis: 100%;
    }
}

/* 弁護士 個別ページ */
.profile{
    margin-bottom: 100px;
}
.profile .img_box{
    text-align: center;
}
.profile .img_box img{
    width: auto;
    margin: 0 auto;
}
h2.lawyer_page_title{
    text-align: center;
    font-family: "Shippori Mincho", serif;
    font-size: 24px;
    color: #253365;
    position: relative;
    line-height: 1.5;
    margin: 25px 0 50px;
    padding-bottom: 30px;
}
h2.lawyer_page_title::after{
    content: "";
    width: 60px;
    height: 2px;
    background-color: #990000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
h2.lawyer_page_title .small{
    font-size: 22px;
}
h2.lawyer_page_title .name{
    font-size: 36px;
}
.profile .prof_table{
    width: 100%;
    margin-bottom: 80px;
}
.profile .prof_table tr{
    margin-bottom: 40px;
    padding-bottom: 10px;
    display: flex;
    position: relative;
    border-bottom: 2px solid #e6e6e6;
}
.profile .prof_table tr::after{
    content: "";
    width: 120px;
    height: 2px;
    background-color: #990000;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.profile .prof_table th{
    max-width: 170px;
    width: 21.25%;
    text-align: left;
    font-family: "Shippori Mincho", serif;
    padding-left: 20px;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.profile .prof_table td{
    max-width: 530px;
    width: 78.75%;
    font-size: 18px;
}
.profile .prof_table ul{
    list-style-type:disc;
    padding-left: 25px;
    line-height: 1.5;
}
.profile .prof_table ul li{
    margin-top: 10px;
}
.profile .career{
	margin-bottom: 80px;
	background: #f8f8f8;
}
.profile .career h3{
	padding: 15px 20px;
	background: #253365;
	color: #fff;
	font-size: 22px;
	 font-family: "Shippori Mincho", serif;
	text-align: center;
}
.profile .career .career_inner{
	padding: 40px;
}
.profile .career ul.career_list{
	list-style-type: disc;
	padding-left: 30px;
}
.profile .career ul.career_list.number{
	list-style-type: decimal;
}
.profile .career ul.career_list li{
	margin: 0.5rem 0 0;
}
.profile .career ul.career_list li ul li {
	list-style: square;
	margin: 0 0 0 1rem;
}
.profile .career p{
	text-align: justify;
}
.profile .career p:not(:last-child){
	margin-bottom: 1.5em;
}

@media screen and (max-width: 767px){
    .profile{
        margin-bottom: 80px;
    }
    .profile .img_box img{
        width: 100%;
        height: auto;
    }
    h2.lawyer_page_title{
        font-size: 20px;
        margin: 15px 0 40px;
        padding-bottom: 25px;
    }
    h2.lawyer_page_title .small{
        font-size: 18px;
    }
    h2.lawyer_page_title .name{
        font-size: 28px;
    }
    .profile .prof_table{
        margin-bottom: 60px;
    }
    .profile .prof_table tr{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .profile .prof_table th{
        max-width: none;
        width: 100%;
        padding-left: 0;
        font-size: 18px;
        display: flex;
        align-items: center;
        position: relative;
    }
    .profile .prof_table td{
        max-width: none;
        width: 100%;
        font-size: 18px;
    }
}
@media screen and (max-width: 499px){
	.profile .career{
		margin-bottom: 60px;
	}
	.profile .career h3{
		padding: 10px;
		font-size: 20px;
	}
	.profile .career .career_inner{
		padding: 1.5em;
	}
	.profile .career ul.career_list {
		padding-left: 1.5em;
	}
}

/* ニューズレター一覧 */

.newsletter_page{
    position: relative;
}
.newsletter_page .txt_box.newsletter_top{
    position: absolute;
    top:-120px;
    width: 100%;
}
.newsletter_page .txt_box.newsletter_top p{
    text-align: center;
    line-height: 1.8;
}
.newsletter_list li + li{
    margin-top: 35px;
}
.newsletter_list li a{
    background-color: #fff;
    padding: 40px 55px 40px 40px;
    box-shadow: 0 0 10px #ccc;
    display: block;
    position: relative;
}
.newsletter_list li a::after{
    content: "";
    width: 18px;
    height: 18px;
    border-right: 5px solid #26335f;
    border-bottom: 5px solid #26335f;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(-45deg);
}
.newsletter_list li a .list_flex{
    display: flex;
}
.newsletter_list li a .list_flex .img_box{
    width: 245px;
}
.newsletter_list li a .list_flex .content_box{
    /*width: calc(100% - 245px);
    padding-left: 40px;*/
    font-family: "Shippori Mincho", serif;
    line-height: 1.5;
    margin-top: -5px;
}
.newsletter_list li a .list_flex .content_box .time{
    font-size: 16px;
    color: #636363;
    display: block;
}
.newsletter_list li a .list_flex .content_box .vol{
    font-size: 18px;
    color: #132252;
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #bbbbbb;
    margin-top: 5px;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.newsletter_list li a .list_flex .content_box .txt{
    font-size: 18px;
    font-weight: bold;
}
.newsletter_content{
    display: none;
}
.single-newsletter .newsletter_content{
    display: block;
    margin-bottom: 100px;
}

@media screen and (max-width: 1023px){
    .newsletter_page{
        margin-top: 150px;
    }
    .newsletter_page .txt_box.newsletter_top {
        top: -100px;
    }
}
@media screen and (max-width: 767px){
    .newsletter_list li a {
        padding: 30px 35px 30px 20px;
    }
    .newsletter_list li a::after{
        width: 15px;
        height: 15px;
        border-right: 4px solid #26335f;
        border-bottom: 4px solid #26335f;
        right: 15px;
    }
    .newsletter_list li a .list_flex .img_box{
        width: 200px;
    }
    .newsletter_list li a .list_flex .content_box{
        /*width: calc(100% - 200px);
        padding-left: 20px;*/
        line-height: 1.5;
        margin-top: -5px;
    }
    .newsletter_list li a .list_flex .content_box .time{
        font-size: 14px;
    }
    .newsletter_list li a .list_flex .content_box .vol{
        font-size: 16px;
        margin-top: 5px;
        padding-bottom: 8px;
        margin-bottom: 10px;
    }
    .newsletter_list li a .list_flex .content_box .txt{
        font-size: 16px;
    }
}
@media screen and (max-width: 599px){
    .newsletter_list li a .list_flex{
        display: block;
    }
    .newsletter_list li a .list_flex .img_box {
        width: 245px;
        display: block;
        margin: 0 auto;
    }
    .newsletter_list li a .list_flex .content_box {
        width: 100%;
        padding-left: 0;
        /*margin-top: 20px;*/
        display: block;
    }
}
@media screen and (max-width: 499px){
    .newsletter_page{
        margin-top: 200px;
    }
    .newsletter_page .txt_box.newsletter_top {
        top: -150px;
    }
}

/* ニューズレター 個別ページ */
.up_time{
    font-size: 16px;
    color: #626161;
    font-family: "Shippori Mincho", serif;
    text-align: right;
}
.nl-body{
    margin-top: -10px;
    margin-bottom: 100px;
}
.nl-body h2{
    text-align: center;
    font-size: 34px;
    font-family: "Shippori Mincho", serif;
    position: relative;
    line-height: 1.5;
    padding-bottom: 20px;
    margin-bottom: 100px;
}
.nl-body h2::after{
    content: "";
    width: 60px;
    height: 2px;
    background-color: #990000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.nl-body h2 .small{
    font-size: 28px;
}
.nl-body h4{
    font-family: "Shippori Mincho", serif;
    font-size: 26px;
    color: #212c54;
    position: relative;
    line-height: 1.5;
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 10px;
    margin-top: 100px;
    margin-bottom: 40px;
}
.nl-body h4::after{
    content: "";
    width: 120px;
    height: 2px;
    background-color: #990000;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.nl-body h5{
    font-family: "Shippori Mincho", serif;
    font-size: 20px;
    color: #212c54;
    border-bottom: 2px solid #e6e6e6;
    line-height: 1.5;
    margin-top: 50px;
    margin-bottom: 30px;
}

.nl-body .table-heading {
	margin-bottom: 0;
}

.nl-body table{
    margin-bottom: 50px;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    border-spacing:0;
}
.nl-body table th{
    background-color: #253365;
    color: #fff;
    font-weight: normal;
    padding: 10px;
    border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.nl-body table th:last-of-type,
.nl-body table td:last-of-type{
    border-right:none;
}
.nl-body table tr:last-child th{
    border-bottom:none;
}
.nl-body table td{
    text-align: center;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1.8;
    padding: 10px;
}
.nl-body table tr:last-of-type td{
    border-bottom: none;
}
.nl-body table td.txt_left{
    text-align: left;
}
.nl-body .pr_txt,
.nl-body h3{
    background-color: #f8f8f8;
    padding: 10px 20px;
    margin-bottom: 30px;
}
.nl-body h3{
    font-size: 22px;
    color: #101648;
    font-family: "Shippori Mincho", serif;
    line-height: 1.6;
}

.nl-body ol {
    list-style: decimal;
    padding-left: 1em;
}


.button-pdfdl a,
.button-url a{
    background-color: #901d22;
    color: #fff;
    max-width: 600px;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    position: relative;
    margin: 0 auto;
}
.button-url a{
    background-color: #0a1e4b;
}
.button-pdfdl a::after,
.button-url a::after{
    content: "";
    width: 40px;
    height: 2px;
    background-color:#fff;
    position: absolute;
    top:50%;
    right: 30px;
    transform: translateY(-50%);
}
.button-pdfdl a::before,
.button-url a::before{
    content: "";
    width: 2px;
    height: 15px;
    background-color:#fff;
    position: absolute;
    top:43%;
    right: 35px;
    transform: translateY(-50%) rotate(-45deg);
}
.nl-body dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.nl-body dl dt, .nl-body dl dd {
	padding-bottom: 1.5em;
}
.nl-body dl.flex-20 dt {
	width: 20%;
	text-align: center;
}
.nl-body dl.flex-20 dd {
	width: 80%;
}

.nl-body .red {
	color: #990000;
}


@media screen and (max-width: 1023px){
    .nl-body h2{
        font-size: 28px;
    }
    .nl-body h2 .small{
        font-size: 24px;
    }
}
@media screen and (max-width: 767px){
    .nl-body{
        margin-top: 0;
    }
    .up_time {
        font-size: 14px;
    }
    .nl-body h2 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 60px;
    }
    .nl-body h2 .small{
        font-size: 18px;
    }
    .nl-body h4{
        font-size: 22px;
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .nl-body table{
        font-size: 14px;
    }
    .js-scrollable table{
        width: 800px;
    }
    .button-pdfdl a, .button-url a{
        font-size: 20px;
        height: 60px;
    }
    .button-pdfdl a::before, .button-url a::before{
        top: 42%;
        right: 34px;
    }
}
@media screen and (max-width: 499px){
    .nl-body h2 {
        font-size: 20px;
    }
    .nl-body h4{
        font-size: 18px;
    }
    .button-pdfdl a, .button-url a{
        font-size: 18px;
    }
    .button-pdfdl a::after, .button-url a::after{
        width: 20px;
        right: 10px;
    }
    .button-pdfdl a::before, .button-url a::before{
        height: 12px;
        top: 43%;
        right: 13px;
    }
}

/* お問い合わせ */
.contact_page .contact_title{
    font-size: 16px;
    line-height: 1.8;
    padding-left: 10px;
    margin-bottom: 45px;
    border-left: 2px solid #990000;
}
.contact_page .error{
    display: none;
}
.contact_page .input_box{
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 500;
}
.contact_page .required{
    background-color: #bd2929;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    margin-left: 10px;
}
.contact_page input[type="text"], .contact_page input[type="tel"], .contact_page input[type="email"]{
    width: 100%;
    height: 50px;
    background-color: #f8f8f8;
    border: 0;
    border-bottom: 1px solid #9d9794;
    margin-top: 5px;
    padding-left: 30px;
}
.contact_page textarea{
    width: 100%;
    height: 175px;
    background-color: #f8f8f8;
    border: 0;
    border-bottom: 1px solid #9d9794;
    resize: unset;
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 30px;
}
.contact_page input[type="text"]::placeholder, .contact_page input[type="tel"]::placeholder, .contact_page input[type="email"]::placeholder,.contact_page textarea::placeholder{
    font-size: 16px;
    color: #918b8b;
    letter-spacing: 0.04em;
}
.contact_page .personal_box .title{
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 60px 0 20px;
}
.contact_page .term_box{
    width: 100%;
    height: 210px;
    border: 1px solid #827c7c;
    overflow-y: auto;
    padding: 25px 30px;
    margin-bottom: 80px;
}
.contact_page .term_box ul{
    padding-left: 5px;
}
.contact_page .term_box ul li{
    list-style-position: inside !important;
} 

.contact_page .term_box::-webkit-scrollbar{
    width: 16px;
}
.contact_page .term_box::-webkit-scrollbar-track{
    background-color: #f1f1f1;
}
.contact_page .term_box::-webkit-scrollbar-thumb{
    background-color: #918b8b;
    border-radius: 100px;
}
.contact_page .subbtnbox button{
    max-width: 520px;
    width: 100%;
    height: 86px;
    background-color: #0a1e4b;
    color: #fff;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 0;
    font-size: 22px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    cursor: pointer;
    margin-bottom: 40px;
    transition: 0.3s;
}
.contact_page .subbtnbox button:hover{
    opacity: 0.6;
    transition: 0.3s;
}
.contact_page .subbtnbox button span{
    position: relative;
}
.contact_page .subbtnbox button span::after{
    content: "";
    width: 40px;
    height: 2px;
    background-color:#fff;
    position: absolute;
    top:54%;
    right: -70px;
    transform: translateY(-50%);
}
.contact_page .subbtnbox button span::before{
    content: "";
    width: 2px;
    height: 15px;
    background-color:#fff;
    position: absolute;
    top:42%;
    right: -65px;
    transform: translateY(-50%) rotate(-45deg);
}
.contact_page .subbtnbox button img{
    width: 1em;
    height: 1em;
    margin-top: 5px;
    margin-right: 10px;
}
.contact_page .seal {
    margin: 30px auto 0 !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.contact_page .seal a {
    display: inline-block !important;
    width: 70px !important;
    margin: 0 !important;
}
.contact_page .seal .text {
    display: inline-block !important;
    margin: 0 0 0 20px !important;
    text-align: left !important;
    font-size: 12px !important;
    width: auto;
    max-width: 400px;
    line-height: 1.5;
}
.contact_page .seal .text .br{
    display: block;
}

.contact_page.confim_page .subbtnbox{
    margin-top: 80px;
}
.contact_page.confim_page .subbtnbox.backBtn{
    margin-top: 50px;
}
.contact_page .subbtnbox.backBtn #backBtn{
    background-color: #9d9794;
}
.contact_page .subbtnbox.backBtn button span::after {
    right: unset;
    left: -70px;
}
.contact_page .subbtnbox.backBtn button span::before {
    right: unset;
    left: -66px;
    transform: translateY(-50%) rotate(45deg);
}
.txt_confim{
    color: #918b8b;
}



.mail_contents{
    margin-bottom: 100px;
}
.mail_contents h2.center_title{
    font-size: 26px;
    color: #101648;
    font-family: "Shippori Mincho", serif;
    line-height: 1.6;
    margin-bottom: 50px;
    text-align: center;
}
.mail_contents .thanks_center p{
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

#zeimu_support .sp_img{
    display: none;
}

#zeimu_support table{
    border-spacing:0;
    margin-top: -40px;
    margin-bottom: 50px;
}
#zeimu_support table.mt{
    margin-top: -10px;
}
#zeimu_support table th, #zeimu_support table td {
    font-size: 18px;
}
table.tbl-line th, table.tbl-r07 th, table.tbl-r02 th {
    border: 1px solid #dbdbdb;
    background: #e7f4ff;
    width: 30%;
    padding: 2%;
    line-height: 1.8;
}
table.tbl-line td, table.tbl-r07 td, table.tbl-r02 td {
    border: 1px solid #dbdbdb;
    background: #ffffff;
    padding: 2%;
    line-height: 1.8;
}
table.tbl-line, table.tbl-r07, table.tbl-r02 {
    border-collapse: collapse;
}
#zeimu_support table.table_03 th {
    width: 40%;
    text-align: left;
    box-sizing: border-box;
}
#zeimu_support table span{
    display: inline-block;
}
#roumu_support table{
    margin-bottom: 50px;
}


.movie_wrap {
    width: 100%;
    margin: 0 auto 4em;
    display: flex;
    justify-content: space-between;
}
.movie_wrap .item {
    width: 48%;
    box-sizing: border-box;
}
.movie_wrap .item a.btn{
    margin: 1em auto 0;
}

.sp-scroll, .sp-fix {
    display: none;
}

.movie_wrap .item a.btn{
    display: block;
    width: 80%;
    max-width: 300px;
    padding: 12px;
    margin: 1em auto 0;
    border-radius: 100px;
    border: 1px solid #990000;
    background-color: #990000;
    color: #fff;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    transition: 0.5s;
    position: relative;
}
.movie_wrap .item a.btn::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
.small_txt{
    font-size: 14px !important;
}

@media screen and (max-width: 1023px){
    .contact_page{
        margin-bottom: 100px;
    }
}
@media screen and (max-width: 767px){
    .contact_page .input_box{
        font-size: 16px;
    }
    .contact_page .required{
        font-size: 12px;
    }
    .contact_page input[type="text"], .contact_page input[type="tel"], .contact_page input[type="email"]{
        height: 42px;
        padding-left: 20px;
    }
    .contact_page textarea{
        height: 120px;
        padding-top: 10px;
        padding-left: 20px;
    }
    .contact_page .personal_box .title{
        font-size: 16px;
        margin: 50px 0 15px;
    }
    .contact_page .term_box{
        height: 180px;
        padding: 15px 20px;
        margin-bottom: 60px;
    }
    .contact_page .subbtnbox button{
        max-width: 520px;
        width: 100%;
        height: 72px;
        font-size: 18px;
        margin-bottom: 30px;
    }
    .contact_page .subbtnbox button span{
        position: relative;
    }
    .contact_page .subbtnbox button span::after{
        width: 30px;
        top:54%;
        right: -60px;
    }
    .contact_page .subbtnbox button span::before{
        height: 13px;
        top:42%;
        right: -56px;
    }

    #zeimu_support .pc_img{
        display: none;
    }
    #zeimu_support .sp_img{
        display: block;
    }

    #zeimu_support table th, #zeimu_support table td {
        font-size: 16px;
    }
    table.row th {
        text-align: center;
    }
    table.row th, table.row td {
        width: auto;
        display: block;
        padding: 2% 7%;
    }
    #zeimu_support table.table_03 th, #zeimu_support table.table_03 td {
        width: 100% !important;
        text-align: center;
    }
    table.tbl-r02 .head {
        display: none;
    }
    table.tbl-r02 td {
        display: block;
        width: 100%;
        border-bottom: none;
    }
    table.tbl-r02 td:nth-child(odd) {
        border: 1px solid #dbdbdb;
        background: #e7f4ff;
        width: 100%;
        padding: 2%;
        font-size: 16px;
    }
    table.tbl-r02 td{
        display: block;
        width: 100%;
        border-bottom: none;
    }
    table.tbl-r02 tr:last-child,
    #zeimu_support tr:last-child table td {
        border-bottom: solid 1px #dbdbdb;
    }
    #roumu_support .js-scrollable table{
        width: 800px;
    }
    #roumu_support table.tbl-r02 td:nth-child(odd),
    #zeimu_support table th{
        border-bottom: none;
    }
    #zeimu_support table.table_03{
        width: 100%;
    }

    .movie_wrap {
        display: block;
    }
    .movie_wrap .item {
        width: 100%;
    }
    .movie_wrap .item:not(:last-child) {
        margin-bottom: 1.5em;
    }

    .sp-scroll, .sp-fix {
        display: block;
    }

    .movie_wrap .item a.btn {
        padding: 10px;
        font-size: 16px;
    }
}
@media screen and (max-width: 499px){
    .contact_page .contact_title{
        font-size: 14px;
    }
    .contact_page input[type="text"], .contact_page input[type="tel"], .contact_page input[type="email"]{
        padding-left: 10px;
    }
    .contact_page textarea {
        height: 120px;
        padding-top: 5px;
        padding-left: 10px;
    }
    .contact_page input[type="text"]::placeholder, .contact_page input[type="tel"]::placeholder, .contact_page input[type="email"]::placeholder,.contact_page textarea::placeholder{
        font-size: 14px;
    }
    .contact_page .term_box{
        font-size: 14px;
        line-height: 1.8;
    }
    .contact_page .subbtnbox button {
        width: 100%;
        height: 64px;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .contact_page .subbtnbox button span::after{
        width: 24px;
        top:54%;
        right: -50px;
    }
    .contact_page .subbtnbox button span::before{
        height: 12px;
        top:42%;
        right: -46px;
    }
    .contact_page.confim_page .subbtnbox.backBtn{
        margin-top: 30px;
    }

    .contact_page .seal a {
        width: 60px !important;
    }
    .contact_page .seal .text{
        margin: 0 0 0 10px !important;
    }
}


/*札幌_サイドバー（事務所案内）*/
.office_list ul li.sapporo-side {
	width: 100%;
}
.office_list ul li.sapporo-side a {
	padding: 5%;
	background: #b33440;
	color: #fff;
	font-weight: bold;
	display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:1024px) {
	.office_list ul li.sapporo-side a{
		padding: 2%;
	}
}
@media screen and (max-width:767px) {
	.office_list ul li.sapporo-side a{
		padding: 5%;
	}
}
@media screen and (max-width:500px) {
	.office_list ul li.sapporo-side a{
		padding: 8%;
	}
}

	.office_list .sapporo{
		width: 100%;
		line-height: 1.5;
}

.office_box .office_list li.sapporo-side a::after {
display: none;
}

span.block{
display: block;
}


/* 弁護士費用 */

section.fee_page{
    margin-bottom: 70px;
}

.fee-info-box{
    width: 100%;
    margin-bottom: 50px;
    border: 1px solid #142353;
    padding: 35px 25px;
    text-align: center;
    font-family: var(--mincho);
}
.fee-info-title{
    /*width: 260px;*/
	padding: 0 0.6em;
    height: 40px;
    background-color: #990000;
    color: #fff;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
	margin-bottom: 0.5em;
}

.fee-info-title.blue{
    background-color: #142353;
}

.fee-info-pr{
    font-size: 30px;
    color: #100;
    font-weight: bold;
    line-height: 1.2;
	font-family: "Shippori Mincho", serif;
	padding-bottom: 0.2em;
	
	border-bottom: 2px solid #e6e6e6;
    position: relative;
    line-height: 1.5;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.fee-info-pr::after {
    content: "";
    width: 120px;
    height: 2px;
    background-color: #990000;
    position: absolute;
    bottom: -2px;
    left: 0;
}




.fee-info-note{
    font-size: 16px;
    /* font-weight: 500; */
    line-height: 1.8;
    margin-top: 10px;
    text-align: left;
}
.fee-info-table{
    width: 100%;
    margin-bottom: 90px;
    font-family: var(--mincho);
    font-size: 22px;
    border-collapse:collapse 
}
.fee-info-table .inbl{
    display: inline-block;
}
.fee-info-table .block{
    display: block;
}
.fee-info-table th,
.fee-info-table td{
    padding: 15px 20px;
    line-height: 1.8;
}
.fee-info-table th{
    font-size: 32px;
    border-bottom: 2px solid #fff;
    background-color: #134949;
    color: #fff;
}
.fee-info-table th.sub{
    font-size: 22px;
    background: #e8edf0;
    color: #134949;
}
.fee-info-table th.sub .small{
    display: block;
    font-size: 14px;
}
.fee-info-table td{
    padding: 20px 30px;
    border-bottom: 2px solid #f3f1ec;
    border-right: 2px solid #f3f1ec;
    border-left: 2px solid #f3f1ec;    
}
.fee-info-table td.title{
    width: 30%;
    background-color: #f3f1ec;
    padding: 20px 15px;
    border-bottom: 2px solid #fff;
    text-align: center;
}
.fee-info-table td.title .small{
    display: block;
    font-size: 14px;
}
.fee-info-table td p{
    font-size: 14px;
    line-height: 1.8;
}
.fee-info-table td p{
    margin-top: 0.8em;
}
.fee-info-table td p.mt0{
    margin-top: 0 !important;
}

@media screen and (max-width: 1365px){
    
}
@media screen and (max-width: 1023px){
    .fee-cost-box{
        font-size: 20px;
    }
    .fee-cost-title{
        font-size: 26px;
        height: 64px;
    }
    .fee-info-table th{
        font-size: 28px;
    }
}


@media screen and (max-width: 767px){
    .fee-info-box{
        margin-bottom: 40px;
    }
    .fee-info-title{
        height: 32px;
        font-size: 18px;
    }
    .fee-info-pr{
        font-size: 4vw;
    }
    .fee-info-note{
        font-size: 16px;
        margin-top: 8px;
    }
    .fee-info-table{
        font-size: 20px;
    }
    .fee-info-table th{
        font-size: 26px;
    }
    .fee-info-table th.sub{
        font-size: 20px;
    }
    .fee-info-table td.title{
        padding: 20px 15px;
    }
    .fee-info-table td p{
        font-size: 12px;
    }
}
@media screen and (max-width: 499px){
    .fee-info-box{
        padding: 20px 15px;
    }
    .fee-info-title {
        height: 30px;
        font-size: 17px;
    }
    .fee-info-pr{
        font-size: 22px;
    }
    .fee-info-note{
        font-size: 14px;
    }
    .fee-info-table{
        margin-bottom: 60px;
        font-size: 18px;
    }
    .fee-info-table th, .fee-info-table td{
        display: block !important;
        width: 100% !important;
        padding: 15px;
    }
    .fee-info-table th{
        font-size: 20px;
    }
    .fee-info-table th.sub{
        font-size: 18px;
    }
    .fee-info-table td.title{
        padding: 10px;
    }

}