@charset "UTF-8";
/* ===============================
	about person
 =============================== */

/* common ----------------------------- */

figure img{
    width: 100%;
}

/* career_step  ----------------------------- */

.about-career_step{
    background: #F5F5F5;

}
.about-career_step .txt_box {
    margin: 2.6em auto 1em;
}

.about-career_step .txt_box p{
    line-height: 1.75;
}

.about-career_step .ttl{
    text-align: left;
    font-size: min(4.07vw,1.6rem);
}

.about-career_step .ttl:before {
    content: "";
    width: .76em;
    height: .76em;
    background: #E60213;
    border-radius: 100%;
    position: relative;
    /* left: -.2em; */
    display: inline-block;
    vertical-align: middle;
    margin: -.1em .4em 0 0;
}


/* about training ----------------------------- */

.about_training {
    padding: 12.5% 0 7%;
    overflow: hidden;
}

.sec-training{
    margin: 18% auto -1%;
}

.icn_jp {
    font-size: min(4.07vw,3rem);
    color: #fff;
    border-radius: 100%;
    background: url(../../../common/images/icn_jp@2x.png) no-repeat 50% 50%;
    background-size: contain;
    text-align: center;
    width: 8.93em;
    height: 8.93em;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-family: 'Michroma', sans-serif;
    margin: 0 auto;
}

.ttl_jp {
    background: #0376C1;
    color: #fff;
    font-size: 2.2rem;
    text-align: center;
    font-weight: 600;
    margin: 0;
    padding: 0.5em 0;
}

.training-list{
    margin: 5.5% auto 0;
}
.training-list .item:nth-child(odd) .icn_jp {
    margin: 0 auto 0 0;
}

.training-list .item:nth-child(even) .icn_jp {
    margin: 0 0 0 auto;
}

.training-list .item{
    width: 48%;
    margin: 0 0 4.5%;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

.training-list .item:nth-child(even){
    margin-left: 4%;
}

.training-list .item .curriculum{
    margin: 12% 0 0;
    flex-wrap: wrap;
}

.training-list .item .curriculum dt,
.training-list .item .curriculum dd{
    line-height: 1.9;
    /* font-size: min(3.56vw,1.4rem); */
}
.training-list .item .curriculum dt{
    color: #E60113;
    width: 3em;
    font-weight: bold;
}

.training-list .item .curriculum dd{
    width: calc(100% - 3.2em);
}

.training-02 .training-list:after{
    content: "Etc...";
    font-family: 'Michroma', sans-serif;
    color: #E60113;
    display: block;
    text-align: center;
    font-size: min(7.5vw,2.4rem);
    width: 100%;
    margin: 0 auto 0;
}

.training-02 figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    height: 75%;
    padding: 12.5% 0;
}

.training-02 figure img{
    width: auto;
    width: 50%;
}

.training-03{

}
.training-03 figure {
    margin: 8% 0 0;
    width: 100%;
    left: -4%;
    position: relative;
}

/* about career step ----------------------------- */

.about_cstep {
    padding: 12% 0 7%;
    overflow: hidden;
}

.sec-cstep {
    margin: 5% auto 16%;
}

.sec-cstep.cstep-01{
    margin: 16% auto 5%;
}

.training-list .item .box {
    margin: 12% 0 0;
}

.training-list .item .box .att-txt {
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.training-list .item .box .att-txt i{
    font-style: normal;
    color: #E60113;
}

.txt_box-02{
    margin: 1em auto;
}

.txt_box-02 span{
    color: #E60113;
}

.about_cstep figure{
    width: 73%;
    margin: -2% auto 14%;
}


/*PC Layout
===================================*/
@media screen and (min-width: 769px) {

    
	
	/* common -----------------------------pc */

    br.sp{
        display: none;
    }

	/* about career step -----------------------------pc */

    /* .about-career_step .txt_box p{
        font-size:  min(1.35vw,1.6rem);
    } */

    .about-career_step .ttl:before {
        width: 0.55em;
        height: .55em;
        margin: -.3em .4em 0 0;
    }

    .about-career_step .txt_box {
        width: 80%;
        max-width: 780px;
        margin: 2.2em 0 0;
        text-align: justify;
    }
	
	/* about training -----------------------------pc */
	
    .about_training{
        padding: 6.8% 0 3%;
        background: #F5F5F5 url(../images/bg_btm@2x.png) repeat-x bottom;
        background-size: auto 213px;
        position: relative;
    }

    .training_box-top figure {
        position: absolute;
        top: 12%;
        right: -18.3%;
        width: 28.5%;
        height: auto;
    }

    .icn_jp{
        font-size:  min(1.55vw,2.2rem);
        width: 10.7em;
        height: 10.7em;
    }

    .about-career_step .ttl{
        font-size:  min(1.55vw,2.2rem);
    }

    .training-list {
        margin: 4% auto 0;
    }

    .training-list .item {
        width: 48%;
    }

    .training-list .item:nth-child(odd),
    .training-list .item:nth-child(even) {
        margin: 0 0 4.5%;
    }

    .training-list .item:nth-child(odd){
        margin-right: 4%;
    }
    
    .training-list .item:nth-child(odd) .icn_jp,
    .training-list .item:nth-child(even)  .icn_jp{
        margin:0 auto;

    }
    .training-list .item .curriculum {
        margin: 5% auto 5%;
        flex-wrap: wrap;
        width: 92%;
    }

    /* .training-list .item .curriculum dt, .training-list .item .curriculum dd{
        font-size: min(1.35vw,1.6rem);
    } */

    .training_box-top{
        position: relative;
    }

    .sec-training {
        margin: 6% auto -1%;
    }

    .sec-training.training-02{
        margin: 1.5% auto 0;
    }
    .sec-training.training-03{
        margin: 12.5% auto 0;
    }

    .training-02 .training-list{
        position: relative;
    }

    .training-02 .training-list .item {
        margin: 0 2% 0 0;
        width: 23%;
    }

    .training-02 .training-list:after {
        font-size: min(2.5vw,3.9rem);
        width: auto;
        margin: 0;
        position: absolute;
        right: -2.9em;
        bottom: .5em;
        line-height: .5;
    }
    .training-03 figure {
        margin: 2% 0 0 0;
        width: 97.5%;
        left: 0;
        position: relative;
    }

    .about_cstep {
        padding: 4% 0;
    }
    .about_cstep .wrap-flex_box-pc{
        align-items: flex-start;
        align-content: flex-start;
    }
    .about_cstep .box-wrap {
        width: 65%;
        margin: 0 -5% 0 0;
    }

    .about_cstep figure {
        width: 40%;
        margin: 0 0 9%;
        position: relative;
        left: 6%;
    }
    
    .sec-cstep {
        margin: 5% auto 13%;
    }

    .sec-cstep.cstep-01 {
        margin: 10% auto 10%;
    }

    .about_cstep .training-list {
        margin: 6% 0 0;
    }
    
    .about_cstep .training-list .item{
        width: 48%;
        margin: 0 0 0 4%;
    }

    .about_cstep .training-list .item:first-child{
        margin-left: 0;
    }
    .training-list .item .box {
        margin: 7% auto;
        width: 86%;
    }

    .training-list .item .box p {
        font-size: min(1.35vw,1.6rem);
    }
    .txt_box-02 {
        margin: 1.8em auto;
        padding: 0 0 0 1.8em;
    }
    .txt_box-02 p{
        font-size: min(1.35vw,1.6rem);
    }
}
/*SP Layout
===================================*/
@media screen and (max-width: 768px) {
	
	/* about benefits -----------------------------sp */

    .training_box-top figure{
        display: none;
    }
    .benefits_list-wrap .item figure{
        right: 8%;
        bottom: 9%;
        width: 20vw;
        height: 24.8vw;
    }
    
    .benefits_list-wrap .item:nth-child(1) figure {
        bottom: inherit;
        top: 5%;
        right: 5%;
        width: 19vw;
        height: 18vw;
        max-width: 101px;
        max-height: 97px;
    }

    .benefits_list-wrap .item:nth-child(3) figure {
        bottom: 6%;
        width: 21.5vw;
        height: 32.5vw;
    }

    .benefits_list-wrap .item:nth-child(4) figure {
        width: 34vw;
        height: 19.8vw;
    }

    .benefits_list-wrap .item:nth-child(5) figure {
        bottom: 4%;
        width: 15vw;
        height: 29.6vw;
    }

    .benefits_list-wrap .item:nth-child(6) figure {
        bottom: 7%;
        width: 18vw;
        height: 15.6vw;
    }
    .training-list .item{
        width: 100%;
    }
    .ttl_jp{
        font-size: 1.6rem;
        padding: 1em 0;
    }
    .training-list .item:nth-child(even){
        margin-left: 0;
    }
    .training-list .item .curriculum{
        margin-top: 20px;
    }
    .training-list .item .curriculum{
        width: 90%;
        margin: 20px auto;
    }
    .training-02 .training-list{
        justify-content: space-between;
    }
    .training-02 .training-list .item{
        width: 48%;
    }
    .training-02 figure{
        padding-top: 0;
        justify-content: center;
    }
    .training-list .item .box {
        margin: 20px auto;
        width: 90%;
    }
    .about-career_step .ttl{
        font-size: 1.6rem;
    }
}

/* Layout customize
===================================*/
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 1750px) and (min-width: 769px) {
}