@charset "utf-8";

/*-------------------------------
	メインタイトル
-------------------------------*/
.main_title{
	width:100%;
	min-height: 150px;
    height:11.718vw;
    background-repeat:no-repeat;
    background-position: 50% 100%;
    background-size:cover;
    background-image:url("../images/infant2_internship/mt.png");
    position: relative;
}
.main_title .title{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    min-height:48px;
    height:3.75vw;
    max-width:1000px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content:flex-start;
    letter-spacing: .1em;
    padding:0 20px;
}
.main_title .title span{
    color:#fff;
    font-size:2.1rem;
    font-weight:600;
}


/*-------------------------------
    見出し
-------------------------------*/

/*----- セクション タイトル */
.sec-ttl{
    text-align: center;
    position: relative;
    margin:0 auto 75px;
}
.sec-ttl::after{
    content: "";
    width:100%;
    height:1px;
    display:block;
    background:#AD5469;
    position:absolute;
    top:60%;
    left:0;
    z-index:-1;
}
.sec-ttl span{
    display:inline-block;
    position: relative;
    background:#fff;
    line-height: 1;
}
.sec-ttl span::before{
    content: "(";
    padding-right:1.4em;
    padding-left:.3em;
    color:#AD5469;
    font-size:2.5rem;
    font-weight:300;
}
.sec-ttl span::after{
    content: ")";
    padding-left:1.4em;
    padding-right:.3em;
    color:#AD5469;
    font-size:2.5rem;
    font-weight:300;
}
.sec-ttl em{
    font-style:normal;
    font-weight:600;
    font-size:2.5rem;
}


/*-------------------------------
    実習指導(.sec1)
-------------------------------*/
.sec1{
    padding-top:90px;
    padding-bottom:90px;
}

/*----- テキストボックス */
.sec1 .text_box .box:not(:last-child){
    margin-bottom:60px;
}
.sec1 .text_box .box .in{
    display: flex;
    justify-content: space-between;
}
.sec1 .text_box .in .conts{
    /*width:calc(100% - 340px);*/
}
.sec1 .text_box .ttl{
    margin-bottom:20px;
}
.sec1 .text_box .ttl span{
    font-size:2.5rem;
    color:#BE6E78;
    font-weight:500;
}
.sec1 .text_box .in .pic{
    width:320px;
    height:200px;
    position:relative;
    overflow:hidden;
    display:block;
}
.sec1 .text_box .in .pic img{
    width:100%;
    max-width:100%;
    height:auto;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
}
.sec1 .text_box .txt p{
    line-height:1.8;
}


/*----- スケジュールボックス */
.sec1 .schedule_box{
    padding-top:40px;
    padding-bottom:60px;
}
.sec1 .schedule_box .box:not(:last-child){
    margin-bottom:23px;
}
.sec1 .schedule_box .ttl{
    margin-bottom:15px;
}
.sec1 .schedule_box .ttl span{
    font-size:2rem;
    font-weight:500;    
}
.sec1 .schedule_box .infant1 .ttl span{
    color:#BE6E78;
}
.sec1 .schedule_box .infant2 .ttl span{
    color:#824187;
}
.sec1 .schedule_box .nursery .ttl span{
    color:#DB8D4A;
}
.sec1 .schedule_box .tbl img{
    width:100%;
    height:auto;
    max-width:1000px;
}

/*----- スケジュールボックス 新しい*/
.schedule_table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 15px;
 }
 /*色*/
 .schedule_table .pink{
    background-color: #ed9095;
    color: #fff;
}
.schedule_table .purple{
    background-color: #a4cadd;
    color: #fff;
}
.schedule_table .orange{
    background-color: #f4b16b;
    color: #fff;
}
.schedule_table tr.border_pink td{
    border:1px solid #ed9095;
}
.schedule_table tr.border_purple td{
    border:1px solid #a4cadd;
}
.schedule_table tr.border_orange td{
    border:1px solid #f4b16b;
}


 .schedule_table tr{

}
.schedule_table tr th:nth-child(1){
width: 15%;
}
.schedule_table tr th{
    width: calc(85% / 4);
    color: #ed9095;
    font-size: 16px;
    text-align: center;
    font-style: italic;
}
.schedule_table tr th span{
    font-size: 22px;
}
.schedule_table tr td{
    vertical-align: middle;
    padding: 15px;
    font-weight: 700;
}
.schedule_table tr td.tit{
    color: #fff;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    border-radius: 20px 0 0 20px;
}
.schedule_table tr td.radius{
    border-radius:0 20px 20px 0;
}
.schedule_table tr td p{
    font-size: 14px;
}
.schedule_table tr td p:not(:last-child){
    margin-bottom: 5px;
}
.schedule_table tr td span.month{
    font-size: 12px;
    padding: 5px;
    min-width: 60px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    border-radius: 5px;

}
.schedule_table{

}
.schedule_table{

}
.schedule_table{

}
.schedule_table{

}
@media screen and (max-width: 750px) {
    .sec1 .schedule_box {
   
        width: 1000px;
    }
}
/*----- ステップボックス */
.sec1 .step_box .box:not(:last-child){
    margin-bottom:90px;
}
.sec1 .step_box .ttl{
    margin-bottom:20px;
}
.sec1 .step_box .ttl span{
    border:#BE6E78 solid 1px;
    width:320px;
    height:40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(135deg, #BE6E78 13px, transparent 0);
    line-height:1;
}
.sec1 .step_box .ttl span em{
    font-size:2.3rem;
    font-weight:500;
    color:#BE6E78;
    display:inline-block;
    font-style: normal;
}
.sec1 .step_box .box:nth-child(1) .ttl span em::before{
    content: "STEP 1.";
    margin-right:.5em;
}
.sec1 .step_box .box:nth-child(2) .ttl span em::before{
    content: "STEP 2.";
    margin-right:.5em;
}
.sec1 .step_box .box:nth-child(3) .ttl span em::before{
    content: "STEP 3.";
    margin-right:.5em;
}
.sec1 .step_box .in{
    display: flex;
    justify-content: space-between;
}
.sec1 .step_box .in .txt{
    width:calc(100% - 510px);
}
.sec1 .step_box .txt p{
    line-height:1.85;
}
.sec1 .step_box .txt p:not(:last-child){
    margin-bottom:2em;
}
.sec1 .step_box .in .pic{
    display: flex;
    justify-content: space-between;
    width:490px;
}
.sec1 .step_box .in .pic li{
    width:235px;
    height:265px;
    position:relative;
    overflow:hidden;
}
.sec1 .step_box .in .pic li:not(:last-child){
    margin-right:20px;
}
.sec1 .step_box .in .pic li img{
    width:100%;
    max-width:100%;
    height:auto;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
}



/*-------------------------------
    先輩からのメッセージ(.sec2)
-------------------------------*/
.sec2{
    padding-bottom:170px;
}

/*----- タイトル */
.sec2 .ttl{
    margin-bottom:50px;
}
.sec2 .ttl span{
    font-weight:500;
    font-size:2.5rem;
    color:#BE6E78;
} 

/*----- メッセージボックス */
.sec2 .msg_box .box:nth-child(1){
    margin-bottom:60px;
}
.sec2 .msg_box .box:nth-child(2){
    margin-bottom:60px;
}
.sec2 .msg_box .box:nth-child(3){
    margin-bottom:40px;
}
.sec2 .msg_box .box:nth-child(4){
    margin-bottom:60px;
}  
.sec2 .msg_box .box_ttl{
    margin-bottom:30px; 
}
.sec2 .msg_box .box_ttl span{
    display: flex;
    justify-content: center;
    align-items: center;
    width:320px;
    height:40px;
    line-height:1;
    color:#fff;
    font-weight:600;
    font-size:2.3rem;
    border-radius: 20px;
    margin:0 auto;
}
.sec2 .msg_box .box:nth-child(1) .box_ttl span{
    background:#E6AA00;
}
.sec2 .msg_box .box:nth-child(2) .box_ttl span{
    background:#7DAAFF;
}
.sec2 .msg_box .box:nth-child(3) .box_ttl span{
    background:#AA91E1;
}
.sec2 .msg_box .box:nth-child(4) .box_ttl span{
    background:#96D22D;
}
.sec2 .msg_box .box:nth-child(5) .box_ttl span{
    background:#FFB4DC;
    width:360px;
}
.sec2 .msg_box .in{
    position:relative;
}
.sec2 .msg_box .txt li{
    border-radius: 23px;
    padding:7px;
    position: absolute;
}
.sec2 .msg_box .box:nth-child(1) .txt li{
    background:#FAEECC;
}
.sec2 .msg_box .box:nth-child(2) .txt li{
    background:#E5EEFF;
}
.sec2 .msg_box .box:nth-child(3) .txt li{
    background:#EEE9F9;
}
.sec2 .msg_box .box:nth-child(4) .txt li{
    background:#EAF6D5;
}  
.sec2 .msg_box .txt li span{
    border-radius: 20px;
    display:block;
    padding:25px 25px;
    font-size:1.75rem;
    border:#fff solid 2px;
    line-height:1.8;
}
.sec2 .msg_box .list{
    border-radius: 23px;
    padding:15px;
    max-width:870px;
    width:100%;
    margin:0 auto;
}
.sec2 .msg_box .list ul{
    border-radius: 15px;
    padding:5px 20px;
    font-size:1.8rem;
    border:#fff solid 3px;   
}
.sec2 .msg_box .box:nth-child(5) .list{
    background:#FFE8F4;  
}
.sec2 .msg_box .list ul li{
    padding:14px 0;
}
.sec2 .msg_box .list ul li:not(:last-child){
    border-bottom:#fff solid 2px;    
}
.sec2 .msg_box .list ul li span{
    font-size:1.8rem;
    line-height:1.6;
}
.sec2 .msg_box .pic{
    width:360px;
    height:240px;
    overflow:hidden;
    display:block;
    position: absolute;
}
.sec2 .msg_box .pic img{
    width:100%;
    max-width:100%;
    height:auto;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;	
}

/* 教育実習 */
.sec2 .msg_box .box:nth-child(1) .in{
    height:520px;
}
.sec2 .msg_box .box:nth-child(1) .txt li:nth-child(1){
    top:0;
    left:60px;
    width:360px;
}
.sec2 .msg_box .box:nth-child(1) .txt li:nth-child(2){
    top:30px;
    right:150px;
    width:340px;
}
.sec2 .msg_box .box:nth-child(1) .txt li:nth-child(3){
    top:250px;
    left:150px;
    width:340px;
}
.sec2 .msg_box .box:nth-child(1) .pic{
    top:310px;
    right:60px;
    height:220px;
}

/* 保育所実習 */
.sec2 .msg_box .box:nth-child(2) .in{
    height:430px;
}
.sec2 .msg_box .box:nth-child(2) .txt li:nth-child(1){
    top:70px;
    left:65px;
    width:446px;
}
.sec2 .msg_box .box:nth-child(2) .txt li:nth-child(2){
    top:0;
    right:65px;
    width:360px;
}
.sec2 .msg_box .box:nth-child(2) .txt li:nth-child(3){
    top:275px;
    right:165px;
    width:490px;
}

/* 施設実習 */
.sec2 .msg_box .box:nth-child(3) .in{
    height:500px;
}
.sec2 .msg_box .box:nth-child(3) .txt li:nth-child(1){
    top:0;
    left:65px;
    width:360px;
}
.sec2 .msg_box .box:nth-child(3) .txt li:nth-child(2){
    top:0;
    right:65px;
    width:445px;
}
.sec2 .msg_box .box:nth-child(3) .txt li:nth-child(3){
    top:190px;
    right:65px;
    width:360px;
}
.sec2 .msg_box .box:nth-child(3) .pic{
    top:260px;
    left:150px;
    height:240px;
}

/* 児童館実習 */
.sec2 .msg_box .box:nth-child(4) .in{
    height:465px;
}
.sec2 .msg_box .box:nth-child(4) .txt li:nth-child(1){
    top:0;
    left:65px;
    width:445px;
}
.sec2 .msg_box .box:nth-child(4) .txt li:nth-child(2){
    top:60px;
    right:65px;
    width:360px;
}
.sec2 .msg_box .box:nth-child(4) .txt li:nth-child(3){
    top:270px;
    left:170px;
    width:370px;
}


@media screen and (max-width:1000px){

    /*-------------------------------
        実習指導(.sec1)
    -------------------------------*/
    
    /*----- ステップボックス */
    .sec1 .step_box .in{
        display: block;
    }
    .sec1 .step_box .in .txt{
        width:100%;
    }
     .sec1 .step_box .in .pic{
        width:100%;
        margin-top:30px;
        justify-content: center;
    }

    /*-------------------------------
        先輩からのメッセージ(.sec2)
    -------------------------------*/

    /*----- メッセージボックス */
    .sec2 .msg_box .in{
        position:static;
    }
    .sec2 .msg_box .txt li{
        position:static;        
    }
    .sec2 .msg_box .txt li:not(:last-child){
        margin-bottom:30px;
    }
    .sec2 .msg_box .pic{
        position: static;
        margin-top:30px;
        text-align: center;
        width:100%;
    }
    .sec2 .msg_box .pic img{
        position: static;
        max-width:360px;
        width:100%;
        height:auto;
    }


    /* 教育実習 */
    .sec2 .msg_box .box:nth-child(1) .in{
        height:auto;
    }
    .sec2 .msg_box .box:nth-child(1) .txt li:nth-child(1),
    .sec2 .msg_box .box:nth-child(1) .txt li:nth-child(2),
    .sec2 .msg_box .box:nth-child(1) .txt li:nth-child(3){
        width:100%;
    }
    .sec2 .msg_box .box:nth-child(1) .pic{
        top:0;
        left:0;  
    }

    /* 保育所実習 */
    .sec2 .msg_box .box:nth-child(2) .in{
        height:auto;
    }
    .sec2 .msg_box .box:nth-child(2) .txt li:nth-child(1),
    .sec2 .msg_box .box:nth-child(2) .txt li:nth-child(2),
    .sec2 .msg_box .box:nth-child(2) .txt li:nth-child(3){
        width:100%;
    }

    /* 施設実習 */
    .sec2 .msg_box .box:nth-child(3) .in{
        height:auto;
    }
    .sec2 .msg_box .box:nth-child(3) .txt li:nth-child(1),
    .sec2 .msg_box .box:nth-child(3) .txt li:nth-child(2),
    .sec2 .msg_box .box:nth-child(3) .txt li:nth-child(3){
        width:100%;
    }
    .sec2 .msg_box .box:nth-child(3) .pic{
        top:0;
        left:0;
    }

    /* 児童館実習 */
    .sec2 .msg_box .box:nth-child(4) .in{
        height:auto;
    }
    .sec2 .msg_box .box:nth-child(4) .txt li:nth-child(1),
    .sec2 .msg_box .box:nth-child(4) .txt li:nth-child(2),
    .sec2 .msg_box .box:nth-child(4) .txt li:nth-child(3){
        width:100%;
    }
    
}


@media screen and (max-width:750px){
	
	/*-------------------------------
		メインタイトル
	-------------------------------*/
    .main_title{
        height:26.666vw;
        min-height:26.666vw;
        background-image:url("../images/infant2_internship/sp/mt.png");
    }
    .main_title .title{
        min-height:6.666vw;
        height:6.666vw;
        max-width:100%;
        padding:0 4vw;
        letter-spacing:normal;
    }
    .main_title .title span{
        font-size:3.4rem;
    }
	

    /*-------------------------------
        見出し
    -------------------------------*/

    /*----- セクション タイトル */
    .sec-ttl{
        margin:0 auto 10.666vw;
        max-width:calc(100% + 8vw);
        width:calc(100% + 8vw);
        margin-left:-4vw;
    }
    .sec-ttl span::before{
        font-size:3.4rem;
        padding-right:1.1em;
    }
    .sec-ttl span::after{
        font-size:3.4rem;
        padding-left:1.1em;
    }
    .sec-ttl em{
        font-size:3.4rem;
        font-weight:500;
    }

    
    /*-------------------------------
        実習指導(.sec1)
    -------------------------------*/
    .sec1{
        padding-top:10.666vw;
        padding-bottom:10vw;
    }

    /*----- テキストボックス */
    .sec1 .text_box .box:not(:last-child){
        margin-bottom:10.333vw;
    }
    .sec1 .text_box .box .in{
        display: block;
    }
    .sec1 .text_box .in .conts{
        width:100%;
    }
    .sec1 .text_box .ttl{
        margin-bottom:4vw;
    }
    .sec1 .text_box .ttl span{
        font-size:3.4rem;
    }
    .sec1 .text_box .in .pic{
        width:100%;
        height:57.333vw;
        margin-top:5.333vw;
    }
    .sec1 .text_box .txt p{
        line-height:1.85;
    }


    /*----- スケジュールボックス */
    .sec1 .schedule_box{
        padding-top:11.333vw;
        padding-bottom:13.333vw;
    }
    .sec1 .schedule_box .box:not(:last-child){
        margin-bottom:12vw;
    }
    .sec1 .schedule_box .ttl{
        margin-bottom:5.333vw;
    }
    .sec1 .schedule_box .ttl span{
        font-size:3.4rem;  
    }

    /*----- ステップボックス */
    .sec1 .step_box .box:not(:last-child){
        margin-bottom:12vw;
    }
    .sec1 .step_box .ttl{
        margin-bottom:5.333vw;
    }
    .sec1 .step_box .ttl span{
        width:60vw;
        height:8vw;
        background-image: linear-gradient(135deg, #BE6E78 2.4vw, transparent 0);
        margin:0 auto;
    }
    .sec1 .step_box .ttl span em{
        font-size:3.4rem;
    }
    .sec1 .step_box .box:nth-child(1) .ttl span em::before{
        margin-right:.3em;
    }
    .sec1 .step_box .box:nth-child(2) .ttl span em::before{
        margin-right:.3em;
    }
    .sec1 .step_box .box:nth-child(3) .ttl span em::before{
        margin-right:.3em;
    }
    .sec1 .step_box .txt p{
        line-height:1.85;
    }
    .sec1 .step_box .txt p:not(:last-child){
        margin-bottom:1.8em;
    }
    .sec1 .step_box .in .pic{
        margin-top:4.666vw;
        justify-content: space-between;
    }
    .sec1 .step_box .in .pic li{
        width:45.333vw;
        height:49.333vw;
        margin-bottom:1.333vw;
    }
    .sec1 .step_box .in .pic li:not(:last-child){
        margin-right:0;
    }


    /*-------------------------------
        先輩からのメッセージ(.sec2)
    -------------------------------*/
    .sec2{
        padding-bottom:12vw;
    }

    /*----- タイトル */
    .sec2 .ttl{
        margin-bottom:5vw;
    }
    .sec2 .ttl span{
        font-size:3.4rem;
    } 

    /*----- メッセージボックス */
    .sec2 .msg_box .box:nth-child(1){
        margin-bottom:13.333vw;
    }
    .sec2 .msg_box .box:nth-child(2){
        margin-bottom:13vw;
    }
    .sec2 .msg_box .box:nth-child(3){
        margin-bottom:13vw;
    }
    .sec2 .msg_box .box:nth-child(4){
        margin-bottom:14vw;
    }  
    .sec2 .msg_box .box_ttl{
        margin-bottom:4vw; 
    }
    .sec2 .msg_box .box_ttl span{
        width:100%;
        height:8vw;
        font-size:3.45rem;
        border-radius: 4vw;
        padding-right:.8em;
        font-weight:700;
    }
    .sec2 .msg_box .box:nth-child(5) .box_ttl span{
        width:100%;
    }
    .sec2 .msg_box .txt li{
        border-radius: 3.066vw;
        padding:.933vw;
        position:static;        
    }
    .sec2 .msg_box .txt li:not(:last-child){
        margin-bottom:4vw;
    }
    .sec2 .msg_box .txt li span{
        border-radius: 2.666vw;
        padding:1.333vw 1.333vw 1.333vw 2.333vw;
        font-size:2.6rem;
        line-height:1.8;
        letter-spacing: -.01em;
    }
    .sec2 .msg_box .list{
        border-radius: 3.066vw;
        padding:.933vw;
    }
    .sec2 .msg_box .list ul{
        border-radius: 2vw;
        padding:.2vw 2.333vw;   
    }
    .sec2 .msg_box .list ul li{
        padding:1.333vw 0;
    }
    .sec2 .msg_box .list ul li span{
        font-size:2.6rem;
        line-height:1.8;
    }
    .sec2 .msg_box .pic{
        width:100%;
        height:56vw;
        margin-top:4vw;
        position:relative;
    }
    .sec2 .msg_box .pic img{
        width:100%;
        max-width:100%;
        height:auto;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        margin:auto;	
    }
    
    /* 教育実習 */
    .sec2 .msg_box .box:nth-child(1) .pic{
        height:56vw;
    }

    /* 施設実習 */
    .sec2 .msg_box .box:nth-child(3) .pic{
        height:56vw;
    }

}