@charset "UTF-8";

/* fv */
.service-fv::before {
    background: url(../img/service/fv-bg.jpg) no-repeat center center/cover;
}

/* service */
.sec-service {
    padding-bottom: 100px;
}
.service-list-item__txt {
    font-size: 20px;
    font-weight: 800;
    text-align: left;
    line-height: 170%;
}
.service-wrapper {
    padding: 0 30px;
    margin-top: min(12.72264631043257vw, 110px);
}
.service-wrapper img {
    width: 100%;
}
.service-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -17.5px;
    margin-right: -17.5px;
    row-gap: 100px;
}
.service-list-item {
    width: 50%;
    padding: 0 17.5px;
}
.service-list-item__img {
    position: relative;
    margin-bottom: 23px;
}
.area-list-item .area-list-item-inner-detail{text-align: left;line-height: 180%;padding: 20px 10px;font-size: 14px;}
@media screen and (min-width: 992px) {
    .service-list {
        margin-left: -53.5px;
        margin-right: -53.5px;
    }
    .service-list-item {
        width: 33.3333333%;
        padding: 0 53.5px;
    }
}
@media screen and (min-width: 1200px) {
    .service-wrapper {
        padding: 0;
    }
    .sec-service-inner {
        width: 81.25vw;
        margin: 0 auto;
        padding: 0 35px;
    }
}
@media screen and (min-width: 1400px) {
    .service-list-item__txt {
        width: 83%;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1920px) {
    .service-list-item__txt {
        width: 56%;
    }
}

/* step */
.sec-step {
    padding-bottom: 100px;
}
.step-wrapper {
    padding-top: 40px;
    max-width: 1189px;
    margin: 0 auto;
}
.step-list {
    display: flex;
    row-gap: 100px;
    flex-wrap: wrap;
}
.step-list-item__img {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
.step-list-item__img img {
    border-radius: 50px;
}
.step-list-item__img span {
    font-size: 32px;
    color: #FF6262;
    font-weight: 700;
    position: absolute;
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
}
.step-list-item__ttl {
    background-color: #FF8484;
    font-size: 24px;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 8px 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}
.step-list-item__txt {
    line-height: calc(48 / 20);
    font-size: 20px;
}
@media screen and (min-width: 768px) {
    .step-list-item-inner {
        display: flex;
        margin-left: -20px;
        margin-right: -20px;
    }
    .step-list-item__img,
    .step-list-item-txt-wrapper {
        padding: 0 20px;
    }
    .step-list-item__img {
        width: 33.4%;
    }
    .step-list-item-txt-wrapper {
        width: calc(100% - 33.4%);
    }
    .step-list-item__ttl {
        padding: 8px 10px 8px 40px;
        text-align: left;
    }
}
@media screen and (min-width: 992px) {
    .sec-step {
        padding-bottom: 270px;
    }
    .step-list-item__ttl {
        font-size: 32px;
    }
}

/* area */
.area-wrapper {
    max-width: 1272px;
    margin: 0 auto;
}
.area-inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
}
.area__txt {
    font-size: 24px;
    font-weight: 600;
    line-height: calc(48 / 24);
    margin-bottom: 40px;
}
.area-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -21px;
    margin-right: -21px;
    row-gap: 22px;
}
.area-list-item {
    padding: 0 21px;
    width: auto;
    max-width: 211px;
    text-align: center;
}
.area-list-item-inner {
    font-size: 32px;
    background-color: #89C48B;
    color: #FFFFFF;
    font-weight: 600;
    border-radius: 10px;
    padding: 21px 20px;
}
.area-list-wrapper {
    max-width: 591px;
}
.area-img-wrapper {
    margin: 0 auto;
}
@media screen and (min-width: 992px) {
    .area-list {
        row-gap: 44px;
    }
    .area__txt {
        margin-bottom: 80px;
    }
    .area-inner {
        margin-left: -19px;
        margin-right: -19px;
    }
    .area-txt-wrapper,
    .area-img-wrapper {
        padding: 0 19px;
    }
    .area-txt-wrapper {
        width: calc(100% - 43.95%);
    }
    .area-img-wrapper {
        width: 43.95%;
        margin: 0;
    }
    .area-list-item-inner {
        width: 169px;
    }
}

/* top */
.requirement-message {
    color: #F358A2;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 35px;
    text-align: center;
}
.requirement-wrapper {
    max-width: 1140px;
    margin: 0 auto 50px;
}
.requirement-wrapper dl {
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
.requirement-wrapper dl:last-of-type {
    border-bottom: 1px solid #000000;
}
.requirement-wrapper dl dt {
    font-weight: 400;
    border-bottom: 1px dashed #000000;
}
.requirement-wrapper dl dt,
.requirement-wrapper dl dd {
    font-size: 20px;
    padding: 20px;
    line-height: 1.6;
}
.requirement-wrapper dl dt .small-txt,
.requirement-wrapper dl dd .small-txt {
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}
.requirement-wrapper dl .dd-wrapper dd {
    padding: 0;
}
.requirement-wrapper dl dd .dd-ttl {
    background-color: #FFF1F1;
}
.requirement-wrapper dl dd .dd-ttl,
.requirement-wrapper dl dd .dd-cont {
    padding: 20px;
}
.entry-btn-wrapper {
    width: 380px;
    max-width: 100%;
    margin: 0 auto;
}
.entry-btn-wrapper a {
    font-weight: 700;
}
@media screen and (min-width: 768px) {
    .requirement-wrapper dl {
        display: flex;
    }
    .requirement-wrapper dl dt {
        border-bottom: none;
        width: 200px;
        border-right: 1px solid #000000;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .dt-inner {
        text-align: center;
    }
    .requirement-wrapper dl dd {
        width: calc(100% - 200px);
    }
    .dd-wrapper {
        width: calc(100% - 200px);
    }
    .requirement-wrapper dl .dd-wrapper dd {
        width: 100%;
    }
    .requirement-wrapper dl .dd-wrapper dd:not(:last-of-type) {
        border-bottom: 1px solid #000000;
    }
    .dd-inner {
        display: flex;
    }
    .requirement-wrapper dl dd .dd-ttl {
        width: 193px;
        border-right: 1px solid #000000;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .requirement-wrapper dl dd .dd-cont {
        width: calc(100% - 193px);
    }
}
@media screen and (min-width: 992px) {
    .requirement-message {
        font-size: 32px;
        margin-bottom: 70px;
    }
    .requirement-wrapper {
        margin-bottom: 100px;
    }
    .requirement-wrapper dl dt,
    .requirement-wrapper dl dd {
        padding: 29px 20px;
    }
    .requirement-wrapper dl dt {
        width: 264px;
    }
    .requirement-wrapper dl dd {
        width: calc(100% - 264px);
    }
    .dd-wrapper {
        width: calc(100% - 264px);
    }
    .requirement-wrapper dl dt .small-txt,
    .requirement-wrapper dl dd .small-txt {
        display: block;
    }
    .requirement-wrapper dl dd .dd-ttl,
    .requirement-wrapper dl dd .dd-cont {
        padding: 40px 20px;
    }
}
@media screen and (min-width: 1200px) {
}