@charset "utf-8";
/* Customer */
.mv-child {
    background-image: url('../img/customer/mv.jpg');
}

.nav-tab {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 4rem auto 8rem;
}

.nav-tab .btn {
    width: 32%;
}

@media (max-width: 767px) {
    .nav-tab {
        row-gap: 10px;
        margin: 0 auto 6rem;
    }

    .nav-tab .btn {
        width: 100%;
    }
}

.anchorLink {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 5rem 0;
    row-gap: 3rem;
}

.anchorLink .btn-anchorlink {
    width: 30%;
}

.anchorLink .txt {
    flex: 1;
    padding-left: 1rem;
    line-height: 1.3;
}

@media (max-width: 767px) {
    .anchorLink .btn-anchorlink {
        width: 48%;
    }
}

.box-heading {
    margin-bottom: 5rem;
}

.box-heading2 {
    margin-bottom: 3rem;
}

.box01 .txt {
    width: 48%;
    padding-top: 2rem;
}

.box01 .txt p {
    margin-bottom: 3rem;
}

.box01 .img {
    width: 44.9%;
}

.box02 {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 5rem;
    margin-top: 5rem;
}

.box02 .tit {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 4rem;
	text-align: center;
}

.box02 .tit span {
    background: #2788C4;
    color: #fff;
    padding: 1rem 3rem;
    border-radius: 50px;
    margin-left: 2rem;
    display: inline-block;
}

.box02 .item {
    width: 48%;
}

.box02 .head {
    background: #2788C4;
    color: #fff;
    padding: 0.5rem 2rem;
    font-weight: 700;
}

.box02 .inner {
    padding: 20px;
}

.box02 .num {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.box02 .num span:nth-child(1) {
    font-size: 1.7rem;
    font-weight: 700;
    width: max-content;
}

.box02 .num span:nth-child(2) {
    flex: 1;
    font-size: min(2.6vw, 2.8rem);
    line-height: 1;
    font-weight: 700;
    color: #2788C4;
    font-family: "Lexend Zetta", sans-serif;
    font-optical-sizing: auto;
    letter-spacing: -0.07em;
    text-align: right;
}

.item-cate {
    margin-top: 8rem;
}

.item-cate .m-tit_28 {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

.item-cate .m-tit_28 img {
    margin-right: 2rem;
}

.item-cate .m-tit_22 {
    margin: 30px 0;
}

#cate-02 .list .item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    border: 1px solid #2788C4;
}

#cate-02 .list .item .txt1 {
    width: 35rem;
    padding: 1.6rem 2rem;
    background: #2788C4;
    color: #fff;
    font-weight: 700;
}

#cate-02 .list .item .txt2 {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 2rem;
}

#cate-06 .btn {
    margin-top: 30px;
}

.dl-list {
    margin-top: 3rem;
}

.dl-list dt {
    color: #2788C4;
    font-weight: 700;
}

.dl-list dd:not(:last-of-type) {
    margin-bottom: 3rem;
}

.text-center {
    text-align: center;
}

@media (max-width: 767px) {
    .box01 .txt {
        width: 100%;
        padding-top: 0;
    }

    .box01 .img {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .item-cate .m-tit_28 img {
        height: 20px;
    }

    .box-heading {
        margin-bottom: 30px;
    }
    
    .box-heading2 {
        margin-bottom: 20px;
    }

    #cate-02 .list .item .txt1 {
        width: 100px;
    }

    .box02 {
        padding: 20px;
    }

    .box02 .item {
        width: 100%;
    }

    .box02 .inner {
        padding: 20px 0;
    }

    .box02 .num span:nth-child(2) {
        font-size: min(4vw, 3.6rem);
    }

}

@media (max-width: 500px) {
    .box02 .tit span {
        margin-left: 0;
        margin-top: 10px;
    }
}

#cate-03 .box{background: #F4F4F4; border-radius: 10px; padding: 3rem; margin-top: 3rem;}
#cate-03 .box .tit{font-size: 2rem; margin-bottom: 2rem;}
#cate-03 .box-item:not(:last-of-type){margin-bottom: 3rem;}



/* tab-03 */
.tab03 .box-intro{margin: 0 0 10rem;}
.tab03 .f-bold{font-weight: bold;}
.tab03 .notice h4{text-align: center;font-weight: bold;width: fit-content;margin: 0 auto 3rem;border-bottom: 1px dashed #333;padding: 0 0 10px;}
.tab03 .notice h4 span{font-size: 3.2rem;line-height: 1;padding-left: 1rem;}
.tab03 .notice h4 img{position: relative;top: -6px;}

.tab03 .title01{font-size: 4rem;line-height: 1.6; text-align: center;color: #1F5F87;}
.tab03 .title01 span{font-size: 1.34em;position: relative;}
.tab03 .title01 span::after{content: "";position: absolute;width: 0.194em;height: 0.194em;background: #1F5F87;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -20px;}

@media (min-width: 768px) and (max-width: 1200px) {
    .tab03 .notice h4 span{font-size: 2.62vw;}
    .tab03 .notice h4 img{width: 1.55em;}
    .tab03 .title01{font-size: 3.3vw;}
    .tab03 .title01 span::after{top: -1.5vw;}
}
@media (max-width: 767px) {
    .tab03 .box-intro{margin: 0 0 8rem;}
    
    .tab03 .title01 {font-size: min(6.25vw, 4rem);}
    .tab03 .title01 span{font-size: min(10.468vw, 6.7rem);}
    .tab03 .title01 span::after{top: -2.4vw;}
    
    .tab03 .notice h4 span{font-size: min(5vw, 3.2rem);}    
    .tab03 .notice h4 img{height: 5vw;}    
}
@media (max-width:480px) {
    .tab03 .notice h4 span{padding-left: 0;}
}

/*  */
.tab03 .tit-qa{text-align: center;}
.tab03 .tit-qa p{display: inline-block; position: relative; font-weight: bold;}
.tab03 .tit-qa img{position: absolute;right:0;bottom: 0;z-index: -1; transform: translateX(100%); width: min(13.6vw,164px);}

.tab03 .img-qa{text-align: center;padding: 4rem 0 8rem;position: relative;margin: 0 0 2.5rem;}
.tab03 .img-qa::after{content: "";position: absolute;width: 9rem;height: 3.3rem;background: #2B86BD;clip-path: polygon(100% 0, 0 0, 50% 100%);left: 50%;transform: translateX(-50%);bottom: 0;}
.tab03 .box-limited{margin: 0 0 6rem;border: 5px solid #1F5F87;position: relative;}
.tab03 .box-limited .title02{font-size: 2.2rem;line-height: 2;background: #1F5F87;color: #fff;}
.tab03 .box-limited p{padding: 3rem 0;text-align: center;font-size: 2.2rem;font-weight: bold;line-height: 1.8;}
.tab03 .box-limited p span{color: #C84F1B;}
.tab03 .box-cap{margin: 5rem 0 0 0;}
.tab03 .box-cap p a{display: inline-flex;align-items:center;}
.tab03 .box-cap p a img{margin: 0 3px;}
.tab03 .box-cap p:not(:last-child){margin: 0 0 2rem;}
@media (min-width: 768px) and (max-width: 1200px) {
    .tab03 .box-limited p{font-size: 2vw;}    
    .tab03 .box-limited .title02{font-size: 2vw;}    
    .tab03 .box-limited::after{width: 12vw;height: 12vw;top: -12vw;}
}
@media (max-width: 767px) {     
    .tab03 .tit-qa{text-align: left;}
    .tab03 .tit-qa p{font-size: 4.5vw;}
    .tab03 .tit-qa img{width: 20vw; right: 5%;}
    
    .tab03 .img-qa{padding: 3rem 10% 6rem;}
    .tab03 .img-qa::after {width: 6rem;height: 2.6rem;}
    .tab03 .box-limited .title02{font-size: min(4.6875vw , 3rem);line-height: 1.6;padding: 10px 0;}
    .tab03 .box-limited p{font-size: min(3.4375vw,2.2rem);padding: 2rem;text-align: left;}
    .tab03 .box-cap p:not(:last-child){margin: 0 0 1.5rem}
}
@media (max-width: 576px) {
    .tab03 .img-qa{padding: 3rem 10% 4rem;}
    .tab03 .img-qa::after {width: 4rem;height: 1.6rem;}
}
/*  */
.tab03 .box-step .step-detail{margin: 0 0 6rem;}
.tab03 .box-step .step-detail:last-child{margin: 0 0 4rem;}
.tab03 .box-step .step-detail .m-tit_22{margin: 0 0 3rem;}
.tab03 .box-step .step-detail .list-step{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tab03 .box-step .step-detail .list-step .step{width: 32%;border: 1px solid #ddd;padding: 3rem;position: relative;}
.tab03 .box-step .step-detail .list-step .step .num-step{font-size: 2.4rem;width: fit-content;margin: 0 auto 13px;line-height: 1;
color: #1F5F87;border-bottom: 2px solid #1F5F87;padding: 0 0 5px;text-transform: uppercase;font-family: "Lexend Zetta", sans-serif;font-weight: medium;}
.tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::after,
.tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::before{content: "";position: absolute;width: 10px;height: 22px;background: #2B86BD;clip-path: polygon(0 0, 0 100%, 100% 50%);top: 50%;transform: translateY(-50%);}
.tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::after{left: -4%;}
.tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::before{right: -5%;}
.tab03 .mw340{max-width: 340px;margin: 0 auto;}
@media (min-width: 768px) and (max-width: 1200px) {
.tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::after{left: -5%;}
.tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::before {right:-6% ;}
.tab03 .box-step .step-detail .list-step .step .num-step{font-size:1.968vw;}
}
@media (max-width: 767px) {
    .tab03 .box-step .step-detail .m-tit_22{text-align: center; font-size: min(4vw, 2.2rem);}
    .tab03 .box-step .step-detail{margin: 0 0 4rem;}
    .tab03 .box-step .step-detail:last-child{margin: 0 0 3rem;}
    .tab03 .box-step .step-detail .list-step .step .num-step{font-size: min(3.75vw,2.4rem);}
    .tab03 .box-step .step-detail .list-step .step{width: 100%;padding: 2rem;}
    .tab03 .box-step .step-detail .list-step .step:not(:last-child){margin: 0 0 3rem;}
    .tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::after,
    .tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::before{left: 50%;transform: translateY(-50%) rotate(90deg);}
    .tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::before{top: -13px;}
    .tab03 .box-step .step-detail .list-step .step:nth-of-type(2)::after{bottom: -34px;top: unset;}
}