@charset "utf-8"; 
/* RC3.php*/ 
 
.TE2S4_line_header { margin-bottom:5rem }
#TE2S43_img1 , #TE2S43_img2 { max-width:18rem } 
.TE2S3_RIB_tag { word-break:keep-all ; padding-left:1rem ; padding-right:1rem }   
.TE2S43_RIB_inner { background-color:#f2f2f2 ; padding:0 ; padding-bottom:2.5rem  ; width:100%  }
#TE2S43_section1 .TE2S3_RIB {  width:100% ; max-width:55rem ; margin:auto ; border:0 }
#TE2S43_section1 .TE2S3_RIB .TE2S3_RIB_img { background:none }



/* PHOTO LIST */
.TE2S43_photoList ,  .TE2S43_photoList li , .TE2S43_photoList figcaption { display: block ; overflow: hidden }
.TE2S43_photoList li {float:left ; width:100% ; margin-right:0.5rem }
.TE2S43_photoList li , .TE2S43_photoList li .TE2S_img {  max-width:18rem }
.TE2S43_photoList li:last-child { margin-right:0 }
.TE2S43_photoList figcaption { 
    font-size:0.8rem ; line-height:1rem ; text-align:center ; 
    padding:0.5rem 0 ; border-bottom:solid 1px rgba(0,0,0,0.1) ;}



/* CHK LIST */
.TE2S30_txtBox { padding:0 ; width:100% ; max-width:none ; background-color: rgba(0,0,0,0.6) ;}
.TE2S30_txtBox_inner { 
    position: relative ;
    width:100% ; max-width:55rem ; box-sizing: border-box ; padding: 4rem 0rem ; padding-bottom:6rem  ; margin:auto }
.TE2S30_txtBox_inner > h4 , .TE2S30_txtBox_inner > .TE2S_p { color:#ffffff ; text-align:center ; word-break: keep-all }
.TE2S30_txtBox_inner > h4 { font-size: 1.8rem ; line-height:2.2rem ; margin-bottom:1rem ; font-weight:400 ; letter-spacing:-1px }

.TE2S43_ol , .TE2S43_ol > li ,  .TE2S43_ol > li > b { display:block ; overflow:hidden  }
.TE2S43_ol { float:right ; width:100% ; max-width:31rem  }
.TE2S43_ol > li { position:relative ; width:100% ; box-sizing:border-box ; padding-left:1.5rem ; padding-bottom:0.6rem }
.TE2S43_ol > li > span { font-size:1rem ; line-height:1.4rem ; color:#ffffff ; font-weight:600 ; letter-spacing:-1px }
.TE2S43_ol > li > b { 
    width:1.2rem ; height:1.2rem ; padding-bottom:0.2rem ; background-color:#fdc239 ; border-radius:2rem ; box-sizing: border-box ;
    font-size:0.9rem ; line-height:1rem ; color:#111111 ; font-weight:600 ; text-align:center ;
    position: absolute ; left:0 ; top:0.15rem 
}
.TE2S43_ol > li:last-child > span { color:#fdc239 }

.TE2S43_box {  
    width:100% ; background:url(../TE2_img_sub/TE31_boxBg2.jpg) no-repeat center center ; background-size:cover }
.TE2S_chkList li { width:100% }

#TE2S43_img6 { width:100% ; max-width:22.5rem ; float:left } 
#TE2S43_img6 figcaption { width:100% ; text-align:center ; padding-top:0.4rem ; }
#TE2S43_img6_btn { 
    display: inline-block ; padding:0 1rem ; padding-bottom:0.2rem ; background-color:#111111 ; border-radius:2rem ;
    transition: 0.3s all ;
    font-size:0.7rem ; line-height:1.3rem ; color:#ffffff ; font-weight:500 }
#TE2S43_img6_btn:hover { background-color:#fdc239 ; color:#111111 }
.TE2S_chkList { width:100% ; margin-top:0.5rem }
#TE2S43_section3 .TE2S30_txtBox_inner { padding:4rem 0}
#TE2S43_section3 h4 { margin-bottom:1.5rem }



/* arrow */
.TE2S43_arrow , .TE2S43_arrow li { display:block ; overflow: hidden ; text-align:center }
.TE2S43_arrow li { 
    float:left ; width:14.5rem ;
    background: url(../TE2_img_sub/TE36_arrow.png) no-repeat 12.5rem 50%;
} 
.TE2S43_arrow li:last-child { background:none }
.TE2S43_arrow li:last-child , .TE2S43_arrow li > b { width:11.5rem }
.TE2S43_arrow li > b  { 
    display: block ; box-sizing: border-box ; border:solid 0.15rem #fdc239 ; padding:1rem 0.5rem   ;
    font-size:0.9rem ; line-height:1rem  ; text-align:center ; font-weight:500  ; color:#444444
} 



/* PROCESS */ 
#TE2S43_section5 .TE2S_h5 , #TE2S43_section5 .TE2S2_process { text-align:center }
#TE2S43_section5 .TE2S_h5 { font-weight:400 ; color:#111111 ; letter-spacing:-2px }
#TE2S43_section5 .TE2S_p { margin-bottom:1.5rem }
.TE2S2_process figcaption > span { 
    margin-bottom:0.2rem ;
    display:block ; text-align:center ; font-size:0.9rem ; line-height:1.2rem ; font-weight:500 ; color:#444444}



/* POPUP */
#TE2S43_img6_close , #TE2S43_img6_popup { transition:0.3s all }
#TE2S43_img6_popup , #TE2S43_img6_inner , #TE2S43_img6_close  {  display: block ; overflow: hidden ; position: fixed }
#TE2S43_img6_popup {
    width:0 ; height:0 ; box-sizing: border-box; padding:0 ; opacity:0 ;
    background-color: rgba(0,0,0,0.7);
    left:50% ; top:50% ; z-index:99 ;
} 
#TE2S43_img6_popup.open { width:100% ; height:100% ; padding:1.5rem ; opacity:1 ; left:0 ; top:0 } 
#TE2S43_img6_inner , #TE2S43_img6_popup img { width:100% ; max-width:28rem ;}
#TE2S43_img6_inner { left:50% ; top:50% ; transform: translate(-50%,-50%); width:0 ; height:0  }
.open #TE2S43_img6_inner { width:90%  ; height:auto }
#TE2S43_img6_popup img { margin-bottom:0.4rem }
#TE2S43_img6_close { position: relative ; width:1.5rem ; height:1.5rem ; margin:auto ; font-size:0 ; color:transparent ; opacity:0.6 ; }
#TE2S43_img6_close::before , #TE2S43_img6_close::after { 
    content:"" ; display: block ; width:1.2rem ; height:0.1rem ;
    background-color:#ffffff ; border-radius:1rem ; position: absolute ; top:50% ; left:50%
}
#TE2S43_img6_close::before { transform: translate(-50%,-50%) rotate(45deg) }
#TE2S43_img6_close::after { transform: translate(-50%,-50%) rotate(-45deg) }
#TE2S43_img6_close:hover { opacity:1 } 




/* MOBILE ****/
@media all and (max-width:1100px){

    /* PHOTO LIST */
    .TE2S43_photoList { text-align:center }
    .TE2S43_photoList li { display: inline-block ; margin:0.5rem ; margin-bottom:1.5rem ; float:none }
    .TE2S43_photoList img { border-radius:0.2rem }



    /* arrow */    
    .TE2S43_arrow li { 
        display:inline-block ; float:none ; margin:0.25rem ; width:11rem ;
        background-position: right center;
    }
    .TE2S43_arrow li > b { word-break:keep-all } 
    .TE2S43_arrow li:last-child , .TE2S43_arrow li > b { width:10rem }



    /* PROCESS */  
    #TE2S43_section5 .TE2S2_process > li { margin-bottom:2rem }


    /* CHK LIST */
    #TE2S43_img6 , .TE2S43_ol { float:none ; margin:auto } 
    #TE2S43_img6 { margin-bottom:1rem ;}
    .TE2S43_ol {width:100% ; max-width:none }
    /*

.TE2S30_txtBox { padding:0 ; width:100% ; max-width:none ; background-color: rgba(0,0,0,0.6) ;}
.TE2S30_txtBox_inner { 
    position: relative ;
    width:100% ; max-width:55rem ; box-sizing: border-box ; padding: 4rem 0rem ; padding-bottom:6rem  ; margin:auto }
.TE2S30_txtBox_inner > h4 , .TE2S30_txtBox_inner > .TE2S_p { color:#ffffff ; text-align:center ; word-break: keep-all }
.TE2S30_txtBox_inner > h4 { font-size: 1.8rem ; line-height:2.2rem ; margin-bottom:1rem ; font-weight:400 ; letter-spacing:-1px }

.TE2S43_ol , .TE2S43_ol > li ,  .TE2S43_ol > li > b { display:block ; overflow:hidden  }
.TE2S43_ol { float:right ; width:100% ; max-width:31rem  }
.TE2S43_ol > li { position:relative ; width:100% ; box-sizing:border-box ; padding-left:1.5rem ; padding-bottom:0.6rem }
.TE2S43_ol > li > span { font-size:1rem ; line-height:1.4rem ; color:#ffffff ; font-weight:600 ; letter-spacing:-1px }
.TE2S43_ol > li > b { 
    width:1.2rem ; height:1.2rem ; padding-bottom:0.2rem ; background-color:#fdc239 ; border-radius:2rem ; box-sizing: border-box ;
    font-size:0.9rem ; line-height:1rem ; color:#111111 ; font-weight:600 ; text-align:center ;
    position: absolute ; left:0 ; top:0.15rem 
}
.TE2S43_ol > li:last-child > span { color:#fdc239 }

.TE2S43_box {  
    width:100% ; background:url(../TE2_img_sub/TE31_boxBg2.jpg) no-repeat center center ; background-size:cover }
.TE2S_chkList li { width:100% }

#TE2S43_img6 { max-width:22.5rem ; float:left } 
#TE2S43_img6 figcaption { width:100% ; text-align:center ; padding-top:0.4rem ; }
#TE2S43_img6_btn { 
    display: inline-block ; padding:0 1rem ; padding-bottom:0.2rem ; background-color:#111111 ; border-radius:2rem ;
    transition: 0.3s all ;
    font-size:0.7rem ; line-height:1.3rem ; color:#ffffff ; font-weight:500 }
#TE2S43_img6_btn:hover { background-color:#fdc239 ; color:#111111 }
.TE2S_chkList { width:100% ; margin-top:0.5rem }
#TE2S43_section3 .TE2S30_txtBox_inner { padding:4rem 0}
#TE2S43_section3 h4 { margin-bottom:1.5rem }*/





}