@charset "UTF-8";

.mainSection .secBox * {
    font-family: "Noto Sans JP", "sans-serif";
    font-feature-settings: "palt";
}

.mainSection  .btn {
    margin-top: 1.5em;
    padding: 0.3em 2.2em;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background: radial-gradient(rgb(255, 154, 131), rgb(255, 91, 131));
    box-shadow: 4px 4px #D1D1D1;
    border-radius: 3em;
    position: relative;
    display: inline-block;
}

.mainSection  .btn::after {
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 0.5em 0 0.5em 0.5em;
    border-color: transparent transparent transparent #fff;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 10%;
    border-radius: 3%;
    transform: translateY(-50%);
}

.mainSection  .serif {
    font-family: serif;
    font-weight: bold;
}

#fvSec img, 
#interviewSec img,
#inductionSec img {
    width: 100%;
}

.mainSection  a:hover {
    opacity: 0.6;
}

.tac{text-align: center;}


/* PC */
@media screen and (min-width:768px) {

    .pcNone{display: none;}
    .spNone{display: block;}
    .mainSection .secBox>.sectionInner {
        max-width: 1000px;
        margin: 4em auto;
    }

    .mainSection .secBox>.sectionInner .contentsBox {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .mainSection .secBox .inSec {
        width: auto;
        margin: 0 auto;
    }

    .mainSection .titleBox {
        margin: 0 auto 30px auto;
    }

    .mainSection .titleBox .ttl-h2 {
        color: #353535;
    }

    .mainSection .titleBox .txtTop {
        font-size: 22px;
        display: block;
        line-height: 1.2;
    }

    .mainSection .titleBox .txtBottom {
        font-size: 12px;
        display: block;
        line-height: 1.2;
    }

    .mainSection .titleBox .subTtl {
        font-size: 16px;
        line-height: 1.5;
        color: #000;
    }

    .mainSection .contentsBox {
        margin: 0 auto 20px;
        padding: 50px 70px 40px;
        background: #fff;
        /* overflow: hidden; */
        box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.1);
    }

    .mainSection .width-s {
        width: 69%;
        margin: 0 auto;
    }
    .mainSection .width-m {
        width: 85%;
        margin: 0 auto;
    }


    .mainSection .boxSubTtl {
        font-size: 1.4em;
        line-height: 0.5;
    }

    .mainSection .boxTtl {
        font-size: 1.7em;
    }

    .mainSection .boxImg {
        width: 32%;
    }
    .mainSection .br_sp {
        display: none;
    }

    /*fv*/

    #fvSec {
        background: url(/assets/img/ambassador/diary/fv_bgi01.jpg) no-repeat center/cover;
    }
    
    #fvSec .sectionInner{margin: 0 auto;padding: 4em;}

    #fvSec .fvBox {
        font-size: 22px;
    }
    #fvSec .fvBox .titleBox{margin: 0 auto;}
    
    #fvSec .fvBox .titleBox .subTtl .serif {
        font-family: serif;
    }
    
    #fvSec .fvBox .titleBox .subTtl {
        font-size: 1em;
        text-shadow: 0 0 10px #fff, 0 0 10px #fff;
        text-align: center;
        font-weight: 500;
    }
    
    #fvSec .fvBox .titleBox .fvTtl-h1 {
        font-weight: bold;
        font-size: 55px;
        line-height: 1.4em;
        text-align: center;
        text-shadow: 0 0 5px #fff, 0 0 2px #fff;
    }


    #fvSec .fvBox .titleBox .subTtl .text01 {
        margin-top: 0.4em;
    }

    #fvSec .fvBox .titleBox .subTtl .text02 {
        font-weight: bold;
    }

    #fvSec .fvBox .titleBox .subTtl .textS{
        font-size: 1.5em;
        font-weight: 300;
    }
    #fvSec .fvBox .titleBox .subTtl .textM {
        font-size: 0.8em;
        font-weight: bold;
    }

    #fvSec .fvBox .titleBox .subTtl .textL {
        color: #fff;
        font-size: 1.7em;
        font-style: italic;
        font-weight: bold;
        font-family: serif;
        text-shadow: 0 0 4px #666, 0 0 16px #666;
    }

    /*worriesSec*/
    #worriesSec{}
    #worriesSec .titleBox .subTtl{margin-top: 0;font-size: 2.3em;color: #000;font-weight: 100;line-height: 1.5;}
    #worriesSec .titleBox .Ttl-h2{font-size: 3.25em;font-weight: bold; color: #353535;line-height: 1;}
    #worriesSec .infoBox .subTtl{background: #ff7283;color: #fff;font-size: 2em;font-weight: 600;}
    #worriesSec .infoBox .subTtl span{font-weight: 400;}
    #worriesSec .infoBox .Ttl-h3{font-size: 2em;font-weight: bold;}
    #worriesSec .infoBox .Ttl-h3 .textS{font-size: 0.8em;}
    #worriesSec .infoBox .Ttl-h3 .textL{font-size: 1.2em;color: #ff7283;}
    #worriesSec .counselorBox{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin:2em 1em 0;}
    #worriesSec .counselorBox .textBox{width: 78%;}
    #worriesSec .counselorBox .textBox .text01{margin-bottom: 0.3em;font-size: 1.3em;}
    #worriesSec .counselorBox .textBox .text01 span{background: #353535;color: #FFFFFF;display: inline-block;padding: 0em 0.7em;margin-right: 0.5em;line-height: 1.5}
    #worriesSec .counselorBox .textBox .text02{line-height: 1.5;font-size: 1.2em;}
    
    /*resultSec*/
    #resultSec .resultBox{background: #fff;box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.1);padding: 3em 10em;}
    #resultSec .titleBox .subTtl{margin-top: 0;font-size: 2.3em;color: #000;font-weight: 100;line-height: 1.5;}
    #resultSec .titleBox .Ttl-h2{font-size: 3.25em;font-weight: bold; color: #353535;line-height: 1;}
    #resultSec .infoBox .Ttl-h3{background: #ff7283;color: #fff;font-size: 2em;font-weight: bold;border-radius: 50vw;width: 80%;margin: 0 auto 0.5em;}
    #resultSec .infoBox .Ttl-h3 .textS{font-size: 0.8em;}
    #resultSec .infoBox .Ttl-h3 .textL{font-size: 1.2em;}
    #resultSec .infoBox ul{display: flex;justify-content: space-between;align-items:stretch;width: 80%;margin: auto;position: relative;border-bottom: 2px dashed #dddddd;padding-bottom: 2em;}
    #resultSec .infoBox ul::after{content: "";display: block;background: url(/assets/img/ambassador/diary/special/counseling/result_contents01.png)no-repeat;width:56px;height: 37px;position: absolute;bottom: -1em;left: 0;right: 0;margin: auto;}
    
    #resultSec .infoBox ul li{background: #fff3f5;padding: 1em 0.5em 2em;border-radius: 80px;display: flex;flex-direction: column;align-items: center;width: calc(97% /3);}
    #resultSec .infoBox ul li .number{font-size:2em;text-align: center;color: #ff7283;font-weight: bold;line-height: 1.2;}
    #resultSec .infoBox ul li .text{line-height: 1.2;text-align: center;margin: auto;color: #3f352c;}
    #resultSec .infoBox ul li .text span{font-size: 1.7em;display: block;font-weight: bold;}
    #resultSec .infoBox .summaryBox{margin-top: 2em;}
    #resultSec .infoBox .summaryBox h4 span{font-size: 2em;font-weight: bold;background: linear-gradient(transparent 70%, #ffeea9 70%);margin-bottom: 1em;}
    #resultSec .infoBox .summaryBox .text01{font-size: 1.3em;font-weight: 500;line-height: 1.2;margin: 0.5em 0;}
	#resultSec .infoBox	.summaryBox .text01 .uline{background: linear-gradient(transparent 60%, #ffeeee 70%);}
    #resultSec .infoBox .summaryBox .text02{color: #ff7283;font-size: 1.3em;font-weight: 500;line-height: 1.2;}
    #resultSec .infoBox .menuBox{margin: 2em auto;max-width: 530px;}
    #resultSec .infoBox .menuBox .text01{background: #545454;color: #fff;font-size: 1.4em;margin: 0;padding: 0.2em 0;font-weight: 600;}
    #resultSec .infoBox .menuBox .img{margin: 0;position: relative;}
    #resultSec .infoBox .menuBox .img span.text02{position: absolute;bottom: 1em;left: 0;right: 0;padding: 0.2em 1em;color: #fff;background: #ff7283;font-size: 1.4em;font-weight: 400;margin: 0 2em;}
    #resultSec .infoBox .menuBox .text03{margin-top: 2em;}
    
    /*interview*/
    #interviewSec {
        margin: 6em auto;
    }
    #interviewSec h4{
        text-align: center;
        font-size: 2.5em;
        font-weight: normal;
    }

    #interviewSec .titleBox {
        background: none;
    }

    #interviewSec .titleBox .subTtl {
        margin-top: 0;
        font-size: 2.5em;
        color: #000;
        font-weight: 100;
        line-height: 1.5;
    }

    #interviewSec .titleBox .title {
        font-size: 3.25em;
        font-weight: bold;
        color: #353535;
        line-height: 1;
    }

    #interviewSec .infoBox {
        display: flex;
        justify-content: space-between;
        align-items: top;
    }

    #interviewSec .infoBox .infoImg {
        height: 100%;
        width: 60%;
    }


    #interviewSec .infoBox .infoText {
        margin-left: 3.6em;
        background: none;
    }

    #interviewSec .infoText .infoList {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 2.2em;
        position: relative;
    }

    #interviewSec .infoText .infoList .lineImg {
        content: "";
        width: 6%;
        position: absolute;
        top: 31%;
        left: 3.5%;

    }

    #interviewSec .infoText .infoList .listImg {
        width: 10%;
    }

    #interviewSec .infoText .infoList .listText {
        margin-left: 0.7em;
        text-align: left;
        font-size: 19px;
    }

    #interviewSec .infoText .infoList .listText .title {
        display: inline-block;
        font-size: 1.5em;
        line-height: 1.3;
        text-align: left;
        font-weight: bold;
    }
    #interviewSec .infoText .infoList .listText .title .marker {
        background: linear-gradient(transparent 60%, #ffeeee 70%);
    }


    #interviewSec .infoText .infoList .listText .text {
        margin-top: 0.8em;
        padding: 0.8em 1em;
        line-height: 1.2;
        border: #969696 1px solid;
    }
    
    /*induction*/
    #inductionSec {
        text-align: center;
    }

    #inductionSec .sectionInner {
        position: relative;
    }

    #inductionSec .sectionInner .titleBox {
        font-weight: bold;
        color: #564747;
        margin-bottom: 3.5em;
        transform: skewX(-7deg);
    }

    #inductionSec .titleBox .subTtl {
        font-size: 2.5em;
        color: #564747;
        font-weight:500;
        display: block;
    }

    #inductionSec .titleBox .title {
        font-size: 3.5em;
        line-height: 1em;
        display: block;
    }

    #inductionSec .titleBox .infoHeading {
        font-size: 1.6em;
        color: #fff;
        background: #FF7283;
    }


    #inductionSec .infoBox .infoBoxInner {
        text-align: left;
        font-size: 22px;
        position: relative;
        z-index: 2;
        background: url(/assets/img/ambassador/now_contents01.png?v250513) no-repeat right bottom 0px / 39% auto;
    }

    #inductionSec .contentsBox {
        padding: 0;
    }

    #inductionSec .infoBox .infoBoxInner .heading {
        background-color: #ff7283;
        color: #fff;
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
        position: relative;
    }

    #inductionSec .infoBox .infoBoxInner .heading::after {
        content: '';
        display: inline-block;
        border-style: solid;
        border-width: 1em 1em 1em 1em;
        border-color: transparent transparent transparent #ff7283;
        display: inline-block;
        width: 0;
        height: 0;
        position: absolute;
        bottom: -1.9em;
        left: 50%;
        transform: translateY(-50%);
        transform: rotate(90deg);
    }


    #inductionSec .infoBox .infoBoxInner .heading .text01 {
        font-size: 1.4em;
        font-weight: bold;

    }

    #inductionSec .infoBox .infoBoxInner .info {
        width: 73%;
        font-size: 1.4em;
        padding: 36px 70px 30px;
    }

    #inductionSec .infoBox .infoBoxInner .info .title {
        color: #443d3d;
        font-size: 1.6em;
        font-weight: bold;
        background: none;
        padding: 0;
    }

    #inductionSec .infoBox .infoBoxInner .info .text {
        padding: 0.6em 1em;
        font-size: 0.8em;
        color: #564747;
        line-height: 1.3;
        background: #FFF3F3;
    }

    #inductionSec .infoBox .infoBoxInner .info .text .text01 {
        font-size: 1.1em;
        font-weight: bold;
    }

    #inductionSec .infoBox .infoBoxInner .info .text .strong {
        font-size: 1.1em;
        font-weight: bold;
        background: linear-gradient(transparent 70%, #ffeea9 70%);
    }

    #inductionSec .infoBox .infoBoxInner .info .sub {
        margin: 1em 0 0em 0;
        padding: 0 1.4em 0;
        font-size: 0.9em;
        font-weight: bold;
        text-align: center;
        color: #635353;
        background: url(/assets/img/ambassador/induction_sub_bg.png) no-repeat 20% center / contain;
        display: inline-block;
    }

    #inductionSec .infoBox .infoBoxInner .info .textBtn {
        text-align: center;
        font-size: 1.3em;
        margin-top: 0;
    }
    
    /*profileSec*/
    #profileSec .sectionInner{margin: 0 auto 4em;}
    #profileSec .profileBox{border: 8px solid #efefef;padding:2em 4em 2em 3em;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
    
    #profileSec .profileBox .infoBox{width: 25%;margin: 0 auto 0 0;position: relative;}
    #profileSec .profileBox .infoBox::after{content: "";display: block;position: absolute;background: #efefef;width: 6px;height: 100%;right: -2em;top: 0;bottom: 0;margin: auto;transform: rotate(-15deg);}
    #profileSec .profileBox .infoBox p{text-align: center;line-height: 1;}
    #profileSec .profileBox .infoBox p .img{line-height: 1;}
    #profileSec .profileBox .infoBox p img{}
    #profileSec .profileBox .infoBox p.text02{font-size: 1.2em;font-weight: bold;margin: 0.2em 0;line-height: 1.2;}
    #profileSec .profileBox .infoBox p.text02 span{font-size: 0.7em;font-weight: 400;display: block;}
    #profileSec .profileBox .infoBox p.text03{font-size:2.2em;color: #ff7283;font-weight: bold;line-height: 1.2;margin-bottom: 0.2em;}
    
    #profileSec .profileBox .titleBox{width: 65%;margin: 0;}
    #profileSec .profileBox .titleBox .subTtl{color: #34d6c6;font-weight: 500;font-size: 1.5em;margin: 0em 0 0.3em;}
    #profileSec .profileBox .titleBox .text01{font-size: 1.2em;color: #545454;font-weight: 500;line-height: 1.5;}
    #profileSec .profileBox .titleBox p.text02{text-align: end;}
    #profileSec .profileBox .titleBox p.text02 a{background: #7c7c7c;color: #fff;font-size: 1.5em;padding: 0.5em 1em;display:inline-block;border-radius: 50vw;line-height: 1em;}

}


/* SP */
@media screen and (max-width:767px) {
    .pcNone{display: block;}
    .spNone{display: none;}
    .mainSection .secBox>.sectionInner {
        max-width: 93%;
        margin: 0 auto 1em;
        padding: 2em 0;
    }

    .mainSection .secBox>.sectionInner .contentsBox {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .mainSection .secBox .inSec {
        width: auto;
        margin: 0 auto;
    }

    .mainSection .titleBox {
        margin: 0 auto 1em auto;
    }

    .mainSection .titleBox .ttl-h2 {
        color: #353535;
    }

    .mainSection .titleBox .subTtl {
        font-size: 1em;
        line-height: 1.5;
        color: #000;
    }

    .mainSection .contentsBox {
        background: #fff;
        box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.1);
    }

    .mainSection .boxSubTtl {
        font-size: 1.4em;
        line-height: 0.5;
    }

    .mainSection .boxTtl {
        font-size: 1.7em;
    }

    .mainSection .boxImg {
        width: 32%;
    }

    .mainSection .u-pci {
        display: inline-block;
    }
    .mainSection h4{
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
}



    /*fv*/

    #fvSec {
        background: url(/assets/img/ambassador/diary/fv_bgi01_sp.jpg) no-repeat center/ cover;
    }
    
    #fvSec .sectionInner{margin: 0 auto;}
    
    #fvSec .fvBox {
        padding: 3em 0 2em;
        font-size: 1em;

    }

    #fvSec .fvBox .titleBox {
        margin: 0 auto 1em auto;
    }


    #fvSec .fvBox .titleBox .subTtl {
        font-size: 1em;
        text-shadow: 0 0 10px #fff, 0 0 10px #fff;
        text-align: center;
        line-height: 2;
        margin-bottom: 0.5em;
    }

    #fvSec .fvBox .titleBox .fvTtl-h1 {
        font-weight: bold;
        font-size: 2.3em;
        line-height: 1;
        text-align: center;
        text-shadow: 0 0 5px #fff, 0 0 2px #fff;
    }

    #fvSec .fvBox .titleBox .subTtl .serif {
        font-family: serif;
    }

    #fvSec .fvBox .titleBox .subTtl .text01 {
        margin-top: 0.4em;
        line-height: 0;
    }

    #fvSec .fvBox .titleBox .subTtl .text02 {
        font-weight: bold;
    }

    #fvSec .fvBox .titleBox .subTtl .textS {
        text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
        font-size: 1.5em;
        font-weight: normal;
    }

    #fvSec .fvBox .titleBox .subTtl .textM {
        font-size: 0.8em;
        font-weight: bold;
    }

    #fvSec .fvBox .titleBox .subTtl .textL {
        color: #fff;
        font-size: 1.5em;
        font-style: italic;
        font-weight: bold;
        font-family: serif;
        text-shadow: 0 0 4px #666, 0 0 16px #666;
    }
    
     /*worriesSec*/
    #worriesSec{}
    #worriesSec .titleBox .subTtl{margin-top: 0;font-size: 1.2em;color: #000;font-weight: 100;line-height: 1.5;}
    #worriesSec .titleBox .Ttl-h2{font-size: 1.6em;font-weight: bold;color: #353535;line-height: 1;}
    #worriesSec .infoBox .subTtl{background: #ff7283;color: #fff;font-size: 1.3em;font-weight: 600;}
    #worriesSec .infoBox .subTtl span{font-weight: 400;}
    #worriesSec .infoBox .Ttl-h3{font-size: 1.3em;font-weight: bold;}
    #worriesSec .infoBox .Ttl-h3 .textS{font-size: 0.8em;}
    #worriesSec .infoBox .Ttl-h3 .textL{font-size: 1.2em;color: #ff7283;}
    #worriesSec .counselorBox{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin:2em 1em 0;}
    #worriesSec .counselorBox .imgBox{width: 30%;}
    #worriesSec .counselorBox .textBox{width: 68%;}
    #worriesSec .counselorBox .textBox .text01{margin-bottom: 0em;font-size: 0.9em;}
    #worriesSec .counselorBox .textBox .text01 span{background: #353535;color: #FFFFFF;display: inline-block;padding: 0em 0.5em;margin-right: 0.5em;line-height: 1.5}
    #worriesSec .counselorBox .textBox .text02{line-height: 1.2;font-size: 0.9em;}
    
    /*resultSec*/
    #resultSec .resultBox{background: #fff;box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.1);padding: 1em 1em;}
    #resultSec .titleBox .subTtl{margin-top: 0;font-size: 1.2em;color: #000;font-weight: 100;line-height: 1.5;}
    #resultSec .titleBox .Ttl-h2{font-size: 1.6em;font-weight: bold;color: #353535;line-height: 1;}
    #resultSec .infoBox .Ttl-h3{background: #ff7283;color: #fff;font-size: 1.3em;font-weight: bold;border-radius: 50vw;width: 95%;margin: 0 auto 0.5em;}
    #resultSec .infoBox .Ttl-h3 .textS{font-size: 0.8em;}
    #resultSec .infoBox .Ttl-h3 .textL{font-size: 1.2em;}
    #resultSec .infoBox ul{display: flex;justify-content: space-between;align-items:stretch;width: 95%;margin: auto;position: relative;border-bottom: 2px dashed #dddddd;padding-bottom: 2em;}
    #resultSec .infoBox ul::after{content: "";display: block;background: url(/assets/img/ambassador/diary/special/counseling/result_contents01.png)no-repeat;width:56px;height: 37px;position: absolute;bottom: -1em;left: 0;right: 0;margin: auto;}
    
    #resultSec .infoBox ul li{background: #fff3f5;padding: 1em 0.5em 2em;border-radius: 80px;display: flex;flex-direction: column;align-items: center;width: calc(97% /3);}
    #resultSec .infoBox ul li .number{font-size:1.3em;text-align: center;color: #ff7283;font-weight: bold;line-height: 1.2;}
    #resultSec .infoBox ul li .text{line-height: 1.2;text-align: center;margin: auto;font-size: 0.8em;color: #3f352c;}
    #resultSec .infoBox ul li .text span{font-size: 1.5em;display: block;font-weight: bold;}
    #resultSec .infoBox .summaryBox{margin-top: 2em;}
    #resultSec .infoBox .summaryBox h4 span{font-size: 1em;font-weight: bold;background: linear-gradient(transparent 70%, #ffeea9 70%);margin-bottom: 1em;}
    #resultSec .infoBox .summaryBox .text01{font-size: 1em;font-weight: 400;line-height: 1.4;margin: 0.5em 0;text-align: left;}
	#resultSec .infoBox	.summaryBox .text01 .uline{background: linear-gradient(transparent 60%, #ffeeee 70%);}
    #resultSec .infoBox .summaryBox .text02{color: #ff7283;font-size: 1em;font-weight: 400;line-height: 1.4;text-align: left;}
    #resultSec .infoBox .menuBox{margin: 2em auto;max-width: 530px;}
    #resultSec .infoBox .menuBox .text01{background: #545454;color: #fff;font-size: 1.1em;margin: 0;padding: 0.2em 0;font-weight: 600;}
    #resultSec .infoBox .menuBox .img{margin: 0;position: relative;}
    #resultSec .infoBox .menuBox .img span.text02{position: absolute;bottom: 1em;left: 0;right: 0;padding: 0.2em 0.5em;color: #fff;background: #ff7283;font-size: 1em;font-weight: 400;margin: 0 2em;}
    #resultSec .infoBox .menuBox .text03{margin-top: 1em;font-size: 0.8em;}
   
    
    /*interview*/
    #interviewSec {
        margin: 0 auto 1.5em;
    }

    #interviewSec .titleBox {
        background: none;
        margin-bottom: 0.8em;
    }

    #interviewSec .titleBox .subTtl {
        margin-top: 0;
        font-size: 1.1em;
        color: #000;
        font-weight: 100;
        line-height: 1.5;
    }

    #interviewSec .titleBox .title {
        font-size: 1.5em;
        font-weight: bold;
        color: #353535;
        line-height: 1;
    }

    #interviewSec .infoBox .infoImg {
        height: 100%;
        width: 60%;
        height: 100%;
        margin: 0 auto;
        display: block;
    }


    #interviewSec .infoBox .infoText {
        margin-top: 2em;
        background: none;
    }

    #interviewSec .infoText .infoList {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 2.2em;
        position: relative;
    }

    #interviewSec .infoText .infoList .lineImg {
        content: "";
        width: 8%;
        position: absolute;
        top: 20%;
        left: 4%;
    }

    #interviewSec .infoText .infoList .listImg {
        width: 9%;
    }

    #interviewSec .infoText .infoList .listImg:last-child {
        margin-top: 0.4em;
    }

    #interviewSec .infoText .infoList .listText {
        margin-left: 0.7em;
        text-align: left;
    }

    #interviewSec .infoText .infoList .listText .title {
        display: inline-block;
        font-size: 1.2em;
        line-height: 1.3;
        text-align: left;
        font-weight: bold;
    }

    #interviewSec .infoText .infoList .listText .title .marker {
        background: linear-gradient(transparent 60%, #ffeeee 70%);
    }


    #interviewSec .infoText .infoList .listText .text {
        margin-top: 0.8em;
        padding: 0.6em 0.9em;
        line-height: 1.2;
        border: #969696 1px solid;
        font-size: 1em;
    }

    
    
    /*induction*/
    #inductionSec {
        text-align: center;
        margin: -1em auto 3em;
    }

    #inductionSec .sectionInner {
        position: relative;
        

    }

    #inductionSec .sectionInner .titleBox {
        font-weight: bold;
        color: #564747;
        margin-bottom: 1.3em;
        transform: skewX(-7deg);
    }

    #inductionSec .titleBox .subTtl {
        font-size: 1.4em;
        color: #564747;
        font-weight:500;
        display: block;
    }

    #inductionSec .titleBox .title {
        font-size: 2em;
        line-height: 1em;
        display: block;
    }

    #inductionSec .titleBox .infoHeading {
        font-size: 1.6em;
        color: #fff;
        background: #FF7283;
    }


    #inductionSec .infoBox .infoBoxInner {
        font-size: 1.6em;
        text-align: left;
        position: relative;
        z-index: 2;
        background: url(/assets/img/ambassador/now_contents01.png?v250513) no-repeat right bottom 0.4em / 44% auto;
    }

    #inductionSec .contentsBox {
        padding: 0;
    }

    #inductionSec .infoBox .infoBoxInner .heading {
        background-color: #ff7283;
        color: #fff;
        font-size: 0.65em;
        text-align: center;
        position: relative;
    }

    #inductionSec .infoBox .infoBoxInner .heading::after {
        content: '';
        display: inline-block;
        border-style: solid;
        border-width: 1em 1em 1em 1em;
        border-color: transparent transparent transparent #ff7283;
        display: inline-block;
        width: 0;
        height: 0;
        position: absolute;
        bottom: -1.9em;
        left: 50%;
        transform: translateY(-50%);
        transform: rotate(90deg);
    }


    #inductionSec .infoBox .infoBoxInner .heading .text01 {
        font-size: 1.3em;
        font-weight: bold;

    }

    #inductionSec .infoBox .infoBoxInner .info {
        width: 73%;
        font-size: 1.4em;
        padding: 0.4em 0.6em;
    }

    #inductionSec .infoBox .infoBoxInner .info .title {
        color: #443d3d;
        font-size: 0.64em;
        font-weight: bold;
        background: none;
        padding: 0;
    }

    #inductionSec .infoBox .infoBoxInner .info .text {
        padding: 0.6em 1em;
        font-size: 0.31em;
        color: #564747;
        line-height: 1.3;
        background: #FFF3F3;
    }

    #inductionSec .infoBox .infoBoxInner .info .text .text01 {
        font-size: 1.1em;
        line-height: 1;
        font-weight: bold;
    }

    #inductionSec .infoBox .infoBoxInner .info .text .text02 {
       font-size: 1.2em;
    }

    #inductionSec .infoBox .infoBoxInner .info .text .strong {
        font-size: 1.2em;
        font-weight: bold;
        background: linear-gradient(transparent 70%, #ffeea9 70%);
    }

    #inductionSec .infoBox .infoBoxInner .info .sub {
        margin: 1em 0 0.2em 0;
        font-size: 0.36em;
        font-weight: bold;
        text-align: center;
        color: #635353;
        padding: 0 1.1em;
        background: url(/assets/img/ambassador/induction_sub_bg.png) no-repeat left / contain;
    }
    

    #inductionSec .infoBox .infoBoxInner .info .textBtn {
        text-align: center;
        font-size: 0.5em;
        display: block;
        margin-top: 0;
    }
    /*profileSec*/
    #profileSec .sectionInner{margin: 0 auto 4em;}
    #profileSec .profileBox{border: 6px solid #efefef;padding:1em;}
    #profileSec .profileBox .infoBox{margin: 0;margin: 0 0 4em; position: relative;}
    #profileSec .profileBox .infoBox::after{content: "";display: block;position: absolute;background: #efefef;width: 100%;height: 4px;right: 0em;left: 0; bottom: -2em;margin: auto;transform: rotate(-4deg);}
    #profileSec .profileBox .infoBox p{text-align: center;line-height: 1;}
    #profileSec .profileBox .infoBox p.img01{width: 40%;margin: auto;}
    #profileSec .profileBox .infoBox p.img02{width: 45%;margin: auto;}
    #profileSec .profileBox .infoBox p.text02{font-size: 1em;font-weight: bold;margin: 0.2em 0;line-height: 1.2;}
    #profileSec .profileBox .infoBox p.text02 span{font-size: 0.7em;font-weight: 400;display: block;}
    #profileSec .profileBox .infoBox p.text03{font-size:1.7em;color: #ff7283;font-weight: bold;line-height: 1.2;margin-bottom: 0.2em;}
    
    #profileSec .profileBox .titleBox{margin: 0;}
    #profileSec .profileBox .titleBox .subTtl{color: #34d6c6;font-weight: 500;font-size: 1.2em;margin: 0em 0 0.5em;line-height: 1.2;}
    #profileSec .profileBox .titleBox .text01{font-size: 1em;color: #545454;font-weight: 500;line-height: 1.5;}
    #profileSec .profileBox .titleBox p.text02{text-align: end;margin-top: 1em;}
    #profileSec .profileBox .titleBox p.text02 a{background: #7c7c7c;color: #fff;font-size: 1.3em;padding: 0.5em 1em;display:inline-block;border-radius: 50vw;line-height: 1em;}


}