@charset "UTF-8";

.internal {
    margin-bottom: 0px;
}

.internal-box {
    position: relative;
    padding-top: 50px;
}

.internal__body {
    position: relative;
    width: 60%;
    min-height: calc(26.1vw - 120px);
    margin-left: auto;
    padding: 55px 68px 0px 200px;
    border-top-right-radius: 20px;
}

.internal__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.internal__title {
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .1em;
    color: #fb9426;
}


@media screen and (max-width: 992px){
.way {
    margin-top: 330px!important;
	margin-bottom: 0px!important;
	}
}


.internal--service .internal__title {
    color: #000;
}

.internal__inner {
    max-width: 642px;
    letter-spacing: .15em;
}

@media screen and (max-width: 992px) {
    .internal-box {
        padding-top: 0;
    }
    .internal__img {
        position: relative;
    }
    .internal__body {
        width: 100%;
        min-height: 0;
        max-width: 500px;
        margin: 0 auto;
        padding: 25px;
    }
    .internal__title {
        font-size: 24px;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .internal {
        margin-bottom: 70px;
    }
}

.internal__body .internal__list{
    margin-top: 20px;
    width: 60%;
}
.internal__body .internal__list li{
    display: flex;
    flex-flow: wrap;
    margin-bottom: 10px;
}
.internal__body .internal__list .title_name,
.internal__body .internal__list .title_cat{
    padding: 3px 5px;
}
.internal__body .internal__list .title_name{
    width: 35%;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background-color: #9ed654;
    
}
.internal__body .internal__list .title_cat{
    width: 65%;
    border: 2px solid #9ed654;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .internal__body .internal__list{
        margin-top: 40px;
        width: 100%;
    }
    .internal__body .internal__list .title_name,
    .internal__body .internal__list .title_cat{
        width: 100%;
        text-align: center;
        font-weight: bold;
    }
    .internal__body .internal__list .title_name{
        padding: 5;
    }
}

/* .health_exposition */
.health_exposition{
    position: relative;
}
.health_exposition::before{
    position: absolute;
    content: "";
    top: -20px;
    left: 0;
    width: 75%;
    height: 500px;
    border-radius: 0px 30px 30px 0px ;
    background-color: #f3ffe9;
}
.health_exposition .content_inner{
    position: relative;
    width: 90%;
    max-width: 1200px;
    margin: 100px auto 0;

}
.health_exposition .health_exposition_title{
    margin-bottom: 10px;
    padding: 20px 0;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: #86c22a;
}
.health_exposition .content_wrap{
    position: relative;
    margin-bottom: 100px;
    padding: 30px;
    min-height: 600px;
    font-size: 34px;
    border-radius: 30px;
    background-color: #ffffff;
}
.health_exposition .content_wrap::before{
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 590px;
    height: 450px;
    background-image: url(../img/recruit_health_check/health_exposition_bg_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.health_exposition .health_content_text{
    margin-bottom: 30px;
    font-size: 34px;
}
.health_exposition p{
    width: 50%;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .health_exposition .sp_line{
        display: none;
    }
    .health_exposition::before{
        width: 100%;
        height: 400px;
    }
    .health_exposition .health_exposition_title{
        text-align: left;
    }
    .health_exposition .health_content_text{
        font-size: 20px;
    }
    .health_exposition .content_wrap{
        margin-bottom: 200px;
        padding-bottom: 500px;
    }
    .health_exposition .content_wrap::before{
        right: 0;
        bottom: -100px;
        width: 570px;
        height: 600px;
        background-image: url(../img/recruit_health_check/health_exposition_bg_sp.png);
    }
    .health_exposition p{
        width: 100%;
    }
}

/* .health_feature */
.health_feature{
    position: relative;
    margin-bottom: 100px;
}
.health_feature::before{
    position: absolute;
    content: "";
    top: -20px;
    right: 0;
    width: 65%;
    height: 1200px;
    border-radius: 30px 0px 0px 30px;
    background-color: #f3ffe9;
}
.health_feature .content_inner{
    position: relative;
    width: 90%;
    max-width: 1000px;
    margin: 100px auto 0;
}
.health_feature .health_feature_title{
    margin-bottom: 40px;
    padding: 20px 0;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
}
.health_feature .health_feature_box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.health_feature .health_feature_box:nth-child(odd){
    flex-direction: row-reverse;
}
.health_feature .health_feature_box .img_box{
    width: 32%;
}
.health_feature .health_feature_box .text_box{
    width: 63%;
}
.health_feature .health_feature_box .health_feature_box_title{
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #8ace48;
}
.health_feature .health_feature_box .health_feature_box_title span{
    margin-top: 10px;
    display: block;
    color: #000000;
}
.health_feature .health_feature_box .text_box p{
    line-height: 1.8em;
}
@media screen and (max-width: 767px) {
    .health_feature .health_feature_box{
        display: block;
    }
    .health_feature .health_feature_box .img_box,
    .health_feature .health_feature_box .text_box{
        width: 100%;
    }
    .health_feature .health_feature_box .img_box{
        margin-bottom: 20px;
    }
}

/* health_area */
.health_area{
    position: relative;
    margin-bottom: 100px;
}
.health_area .sp_line{
    display: none;
}
.health_feature::before{
    position: absolute;
    content: "";
    top: -20px;
    right: 0;
    width: 65%;
    height: 1200px;
    border-radius: 30px 0px 0px 30px;
    background-color: #f7fde8;
}
.health_area .content_inner{
    position: relative;
    width: 90%;
    max-width: 1000px;
    margin: 100px auto 0;
}
.health_area .health_area_title{
    margin-bottom: 40px;
    padding: 20px 0;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
}
.health_area .img_box{
    position: relative;
    width: 100%;
    min-height: 750px;
    background-image: url(../img/recruit_health_check/health_area_map_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.health_area .img_box .text_box{
    position: absolute;
    top: 0;
    left: 0;
}
.health_area .text_box .health_area_box_title{
    padding: 10px 30px;
    max-width: fit-content;
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #a1ce26;
}
.health_area .text_box p{
    margin-top: 10px;
    font-size: 20px;
}
.health_area .text_box span{
    display: block;
    margin-top: 5px;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .health_area .sp_line{
        display: block;
    }
    .health_feature::before{
        height: 3000px;
    }
    .health_area .health_area_title{
        color: #86c22a;
        margin-bottom: 0;
    }
    .health_area .img_box .text_box{
        position: relative;      
    }
    .health_area .text_box .health_area_box_title{
        margin: 0 auto;
    }
    .health_area .text_box p,
    .health_area .text_box span{
        margin: 20px auto 0 auto;
        width: fit-content;
        text-align: center;
        font-weight: bold;
    }
    .health_area .img_box{
        min-height: 900px;
        background-size: contain;
        background-position: bottom;
        background-image: url(../img/recruit_health_check/health_area_map_sp.png);
    }
}

/* health_area */
.health_graph{
    position: relative;
    margin-bottom: 100px;
    padding: 100px 0;
    background-color: #f7f7f7;
}
.health_graph.first{

    margin-bottom: -10px  0;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    margin: 0 auto;

}
.health_graph .content_inner{
    position: relative;
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 0;
}
.health_graph .health_graph_title{
    margin: 0 auto 10px auto;
    padding: 2px 0;
    max-width: 1000px;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    background-color: #17b15b;
}
.health_graph .content_wrap > span{
    display: block;
    text-align: center;
    font-size: 14px;
}
.health_graph .health_graph_sub_title{
    margin-top: 40px;
    padding: 2px 0;
    text-align: center;
    color: #ffffff;
    border-radius: 70px;
    font-size: 30px;
    font-weight: bold;
    background-color: #40c145;
}
.health_graph .sub_box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.health_graph img{
    width: 70%;
    margin: 40px auto;
    text-align: center;
    display: block;
    }
    
.content_wrap_img {
    width:85%!important;
}
    
.content_wrap_imgSP {
    width:100%!important;
}
    



@media screen and (max-width: 767px) {
    .health_graph{
        background-color: initial;
    }
    .health_graph .health_graph_title{
        padding: 5px 0;
    }
    .health_graph span.sp{
        margin: 20px auto 0 auto;
        padding: 10px;
        width: fit-content;
        text-align: center;
        color: #ffffff;
        font-size: 14px;
        background-color: #17b15b;
    }
}