@charset "utf-8";

/* VISUAL */
#TE2S_visual , #TE2S_visual_inner , #TE2S_visual_inner > h2 , #TE2S_visual_inner > p , 
#TE2S_visual_tab li , #TE2S_visual_tab a { display: block ; overflow: hidden }
#TE2S_visual { 
    width:100% ; height:33rem ; position:relative ; margin-bottom:4.5rem ;
    background:url(../TE2_img_sub/sub_visual10.jpg) no-repeat center center #444444 ; background-size: cover }
.TE_M2 #TE2S_visual { background-image: url(../TE2_img_sub/sub_visual20.jpg) }   
.TE_M3 #TE2S_visual { background-image: url(../TE2_img_sub/sub_visual30.jpg) } 
.TE_M4 #TE2S_visual { background-image: url(../TE2_img_sub/sub_visual40.jpg) } 
.TE_M5 #TE2S_visual { background-image: url(../TE2_img_sub/sub_visual50.jpg) } 
.TE_M6 #TE2S_visual { background-image: url(../TE2_img_sub/sub_visual60.jpg) } 
.TE_M7 #TE2S_visual { background-image: url(../TE2_img_sub/sub_visual70.jpg) } 
  

#TE2S_visual_inner { position: absolute }
#TE2S_visual_inner { width:90% ; left:50% ; top:50% ; transform: translate(-50%,-50%) ;  text-align:center}
 
#TE2S_visual_inner > h2 , #TE2S_visual_inner > p { color:#ffffff }
#TE2S_visual_inner > h2 { 
    font-size:2.3rem ; line-height:2.5rem ; font-weight: 600 ; letter-spacing: -1px ;
    padding-bottom: 3rem ; margin-bottom:0.75rem ;
    background: url(../TE2_img_sub/visual_icon_eye.png) no-repeat center bottom ;
 }
#TE2S_visual_inner > p  { font-size: 0.9rem ; line-height:1.5rem ; font-weight: 300 ; opacity:0.7 }

#TE2S_visual_tab  , #TE2S_visual_tab > ul  { display: block ; overflow: hidden }
#TE2S_visual_tab { 
    width:100% ; position: absolute ; left:0 ; bottom:0 ;
    background: url(../TE2_img/dot_w10.png) repeat-x left top;}
#TE2S_visual_tab > ul { 
    width:55rem ; margin:auto ; background-color: #ffffff ; padding-top: 1rem; height:2.5rem ; text-align:center }

#TE2S_visual_tab li { 
    float:left ; 
    background:url(../TE2_img/dot_b10.png) no-repeat right center ; background-size:1px 0.5rem  ; }
#TE2S_visual_tab li:last-child { background:none } 
#TE2S_visual_tab span { 
    display:inline-block ; padding-bottom:0.2rem  ; position: relative ; 
    font-size:0.8rem ; line-height:2.3rem ; font-weight:500 ; color:#555555 ;}
#TE2S_visual_tab span::after {
    content:"";  display:block ; position: absolute ; left:50% ; bottom: 0 ; height:0.1rem ; 
    width: 0% ; background-color:#eee ; opacity:0 } 

#TE2S_visual_tab li , #TE2S_visual_tab a , #TE2S_visual_tab span , #TE2S_visual_tab span::after { transition:0.3s all }
#TE2S_visual_tab a:hover span { color:#000000 } 
#TE2S_visual_tab a:hover span::after { width: 100% ; opacity:1 ; left:0% } 

.TE_S1 #TE2S_visual_tab li:nth-child(1) span::after ,
.TE_S2 #TE2S_visual_tab li:nth-child(2) span::after , 
.TE_S3 #TE2S_visual_tab li:nth-child(3) span::after ,
.TE_S4 #TE2S_visual_tab li:nth-child(4) span::after ,
.TE_S5 #TE2S_visual_tab li:nth-child(5) span::after ,
.TE_S6 #TE2S_visual_tab li:nth-child(6) span::after ,
.TE_S7 #TE2S_visual_tab li:nth-child(7) span::after ,
.TE_S8 #TE2S_visual_tab li:nth-child(8) span::after ,
.TE_S9 #TE2S_visual_tab li:nth-child(9) span::after { width: 100% ; opacity:1 ; left:0%  ; background-color:#62cdf6 } 



/* SUB1 WIDTH */
.TE_M1 #TE2S_visual_tab li:nth-child(1) { width: 15% }
.TE_M1 #TE2S_visual_tab li:nth-child(2) { width: 7% }
.TE_M1 #TE2S_visual_tab li:nth-child(3) { width: 16% }
.TE_M1 #TE2S_visual_tab li:nth-child(4) { width: 9% }
.TE_M1 #TE2S_visual_tab li:nth-child(5) { width: 13% }
.TE_M1 #TE2S_visual_tab li:nth-child(6) { width: 13% }
.TE_M1 #TE2S_visual_tab li:nth-child(7) { width: 12% }
.TE_M1 #TE2S_visual_tab li:nth-child(8) { width: 15% }



/* SUB2 WIDTH */
.TE_M2 #TE2S_visual_tab li { width: 16.5% } 



/* SUB3 WIDTH */
.TE_M3 #TE2S_visual_tab li:nth-child(1),
.TE_M3 #TE2S_visual_tab li:nth-child(4),
.TE_M3 #TE2S_visual_tab li:nth-child(5) { width:14.5% }
.TE_M3 #TE2S_visual_tab li:nth-child(2),
.TE_M3 #TE2S_visual_tab li:nth-child(3),
.TE_M3 #TE2S_visual_tab li:nth-child(7) { width:9.5% }
.TE_M3 #TE2S_visual_tab li:nth-child(6),
.TE_M3 #TE2S_visual_tab li:nth-child(8) { width:14% }



/* SUB4 WIDTH */
/*.TE_M4 #TE2S_visual_tab li { width:25% }*/
.TE_M4 #TE2S_visual_tab li { width:20% }


/* SUB5 WIDTH */
.TE_M5 #TE2S_visual_tab li { width: 16%;}
.TE_M5 #TE2S_visual_tab li:nth-child(4) { width: 20%; }

/* SUB6 WIDTH */
.TE_M6 #TE2S_visual_tab li { width:50% }



/* SUB7 WIDTH */
.TE_M7 #TE2S_visual_tab li:nth-child(1),
.TE_M7 #TE2S_visual_tab li:nth-child(2) { width:14.9% }
.TE_M7 #TE2S_visual_tab li:nth-child(3),
.TE_M7 #TE2S_visual_tab li:nth-child(4) { width:17% }
.TE_M7 #TE2S_visual_tab li:nth-child(5),
.TE_M7 #TE2S_visual_tab li:nth-child(7) { width:12.8% }
.TE_M7 #TE2S_visual_tab li:nth-child(6) { width:10.6% }



/* SUB7 WIDTH */
.TE_M8 #TE2S_visual_tab li:nth-child(1) , .TE_M8 #TE2S_visual_tab li:nth-child(4) { width:14.8% }
.TE_M8 #TE2S_visual_tab li:nth-child(2) { width:26.7% }
.TE_M8 #TE2S_visual_tab li:nth-child(3) { width:24.3% } 
.TE_M8 #TE2S_visual_tab li:nth-child(5) { width:19.4% }



#TE2S_visual_tab .TE2_n3_br { display:block }
.TE_M3 #TE2S_visual_tab > ul { padding:0 ; height:auto } 
.TE_M3 #TE2S_visual_tab span { line-height:1.1rem ; padding:0.6rem 0  }  



/* Yellow BOX */
.TE2S5_yBox , .TE2S5_yBox li ,.TE2S5_yBox b , .TE2S5_yBox strong , .TE2S5_yBox p { display:block ; overflow:hidden ; text-align:center }
.TE2S5_yBox li { 
    width:100% ; max-width:13rem ; box-sizing:border-box ; float:left ; margin-right:1rem ; margin-bottom:1rem ;
    border:solid 0.25rem #fec139 ; padding:1.5rem 0.3rem }
.TE2S5_yBox b { font-size:1.5rem ; line-height:1.6rem ; font-weight:600 ; color:#cccccc ; margin-bottom:0.5rem }
.TE2S5_yBox strong { font-size:1.2rem ; line-height:1.5rem ; font-weight:600 ; color:#111111 ; margin-bottom:0.5rem ; letter-spacing:-2px ; } 
.TE2S5_yBox p { font-size:0.8rem ; line-height:1.1rem ; word-break:keep-all ; letter-spacing:-0.5px }
.TE2S5_yBox li:nth-child(4n) { margin-right:0 } 



/* MAIN */
#TE2_main { margin-bottom:5rem }



/* MAIN+HEADER */
#TE2_main_header { display:block ; width:100% ; max-width:55rem ; margin:auto ; margin-bottom:2.5rem }
#TE2_main_header > h3 { 
    letter-spacing:-0.2rem ;
    font-size:2.5rem ; line-height: 2.6rem ; font-weight:300 ; color:#111111 ;  text-align:center}



/* SUB SECTION */    
.TE2S_section , .TE2S_inner { width:100% ; display:block ; overflow:hidden }
.TE2S_section { margin-bottom: 4rem;}
.TE2S_section:last-child { margin-bottom:0 } 
.TE2S_inner { max-width:55rem ; margin:auto }



/* SCROLL SHOW */
#TE2_main .js_SS { opacity:0 }
#TE2_main .js_SS.js_SS_show { opacity:1 ; transition:0.4s all }



/* SUB TAB */
#TE2S_tab , #TE2S_tab ul , .TE2S_tab_li , .TE2S_tab_li  a { display: block ; overflow: hidden } 
#TE2S_tab , #TE2S_tab ul   { width:100% }
#TE2S_tab { margin-bottom:4rem }
#TE2S_tab ul { max-width:55rem ; margin:auto ; border-left:solid 1px rgba(0,0,0,0.1)   }
#TE2S_tab ul , .TE2S_tab_li  a  {  box-sizing: border-box }
.TE2S_tab_li { float:left }
#TE2S_tab.cell2 .TE2S_tab_li { width:50% }
#TE2S_tab.cell3 .TE2S_tab_li { width:33.33% }
#TE2S_tab.cell3 .TE2S_tab_li:nth-child(2) { width:33.34% }
#TE2S_tab.cell4 .TE2S_tab_li { width:25% }
#TE2S_tab.cell5 .TE2S_tab_li { width:20% }
#TE2S_tab.cell6 .TE2S_tab_li { width:16.7% }
#TE2S_tab.cell6 .TE2S_tab_li:first-child ,  #TE2S_tab.cell6 .TE2S_tab_li:last-child { width:16.6% }
#TE2S_tab.cell7 .TE2S_tab_li { width:14.3% } 
#TE2S_tab.cell7 .TE2S_tab_li:last-child { width:14.2% } 

.TE2S_tab_li  a { 
    transition: 0.3s all ;
    width:100% ; padding:0 0.5rem ; background-color:#ffffff ; 
    border:solid 1px rgba(0,0,0,0.1) ; border-left:0 ; 
     font-size:0.8rem ; line-height:3rem ; text-align:center ; color:#595959 ; font-weight: 500 ;}

.TE2S_tab_li  a:hover   { background-color: rgba(0,0,0,0.05); color:#111111 } 
.TE_SS1 .TE2S_tab_li  a.ST1 , .TE_SS1 .TE2S_tab_li  a.ST1:hover ,  
.TE_SS2 .TE2S_tab_li  a.ST2 , .TE_SS2 .TE2S_tab_li  a.ST2:hover ,
.TE_SS3 .TE2S_tab_li  a.ST3 , .TE_SS3 .TE2S_tab_li  a.ST3:hover ,
.TE_SS4 .TE2S_tab_li  a.ST4 , .TE_SS4 .TE2S_tab_li  a.ST4:hover ,
.TE_SS5 .TE2S_tab_li  a.ST5 , .TE_SS5 .TE2S_tab_li  a.ST5:hover ,
.TE_SS6 .TE2S_tab_li  a.ST6 , .TE_SS6 .TE2S_tab_li  a.ST6:hover ,
.TE_SS7 .TE2S_tab_li  a.ST7 , .TE_SS7 .TE2S_tab_li  a.ST7:hover { background-color:#32569a; color:#ffffff ; border-color:#32569a } 
 


/* SUB */
.TE2S_h4 { font-size:2rem ; line-height:2.2rem ; color:#111111 ; font-weight:600 ; text-align:center ; margin-bottom:2rem ; letter-spacing:-0.1rem ; }
.TE2S_h4 > span { 
    display:block ; padding-top:0.5rem ;
    font-size:1rem ; line-height:1.5rem ; color:#111111 ; font-weight:500 ;text-align:center ; letter-spacing:-1px;
 }

.TE2S_h5 { font-size:1.3rem ; line-height:1.8rem ; color:#254480 ; font-weight:600 ; text-align:left ; margin-bottom:0.75rem ; letter-spacing:-1px ; }
.TE2S_h6 { 
    font-size:1.1rem ; line-height:1.4rem ; color:#111111 ; font-weight:500 ; text-align:left ; 
    margin-bottom:0.6rem ; letter-spacing:-1.5px ; }
.TE2S_h6::after { 
    content:"" ; display: inline-block; ; width:0.5rem ; height:0.5rem ;
    margin-left:0.3rem ; margin-top:0.3rem ; vertical-align:top  ; 
    background:url(../TE2_img/TE2_title_point.png) no-repeat center center ;
}
.TE2S_sub_h4 { font-size:1.8rem ; line-height:2rem ; color:#111111 ; font-weight:600 ; text-align:left ; margin-bottom:0.75rem ; letter-spacing:-1px ; }

.TE2S_p { 
    font-size:0.8rem ; line-height:1.4rem ; color:#444444 ; font-weight:300 ; text-align: justify ;
    margin-bottom:1rem  }
.TE2S_p.TC { text-align:center ; word-break: keep-all }
.TE2S_sub { margin-bottom:3rem }
.TE2S_p:last-child , .TE2S_sub:last-child { margin-bottom:0 }

.TE2S_img , .TE2S_img img { width:100% }
.TE2S_img { max-width:15rem } 
.TE2S_imgs , .TE2S_imgs .TE2S_img { display:block ; overflow:hidden }

.TE2S_lead { 
    margin-bottom:2.5rem ; padding:0 1.5rem ; word-break: keep-all ;
    font-size:0.9rem ; line-height:1.5rem ; text-align:center ; font-weight:300 ; color:#444444 }



/* MOIVE */
.TE2S_movie , .TE2S_movie a , .TE2S_movie span { display:block ; overflow:hidden }
.TE2S_movie a , .TE2S_movie span ,  .movie_popup_close > span , #movie_popup { transition:0.3s all }
.TE2S_movie { 
    width:100% ; max-width:23rem ; height:13rem ; margin:auto ; border-radius:0.3rem ;
    background-repeat: no-repeat ; background-position: center center ;
 }
.TE2S_movie a { width:100% ; height:100% ; background-color:rgba(0,0,0,0.4) ; position:relative }
.TE2S_movie span { 
    position: absolute; left:50% ; top:50% ; transform:translate(-50%,-50%);
    width:5rem ; height:5rem ; background:url(../TE2_img_sub/TE12_icon_YT_play.png) no-repeat center center rgba(255,255,255,0.1) ;
    font-size: 0 ; color:transparent ; border-radius:4rem ;
}
.TE2S_movie a:hover { background-color:rgba(0,0,0,0.7) }
.TE2S_movie a:hover span { background-color:rgba(255,255,255,0.3) }

#movie_popup , #movie_popup_inner , .movie_popup_box , .movie_popup_close , .movie_popup_close > span ,
.movie_popup_close > span::before , .movie_popup_close > span::after { display: block ; overflow: hidden }
#movie_popup {  
    position:fixed ; left:0 ; top:50%; z-index: 99 ;
    width:100% ; height:0 ; 
}
#movie_popup.open { height:100% ; top:0 }
#movie_popup_inner { width:100% ; height:100% ; background-color:rgba(0,0,0,0.7) ; position:relative }
.movie_popup_box { 
    position:absolute ; left:50% ; top:50% ; width:70% ; transform: translate(-50%,-50%);
} 
.movie_popup_box > iframe { 
    border-radius:0.3rem ;
    width:100% ; min-width:15rem ; min-height:8.5rem ; border:0 ; margin-bottom:0.5rem ; background-color:rgba(0,0,0,0.5) }
.movie_popup_close , .movie_popup_close > span  { width:1.5rem ; height:1.5rem }
.movie_popup_close { margin:auto }
.movie_popup_close > span { position: relative; font-size: 0; color:transparent ; opacity:0.6 }
.movie_popup_close > span::before , .movie_popup_close > span::after { 
    content: ""; width:1.2rem ; height:0.1rem ; background-color:#ffffff ; border-radius:1rem ;
    position: absolute ; left:50% ; top:50% }
.movie_popup_close > span::before { transform: translate(-50%,-50%) rotate(45deg); }
.movie_popup_close > span::after { transform: translate(-50%,-50%) rotate(-45deg); }
.movie_popup_close:hover > span { opacity:1 ;}



/* TABLE */
.TE2S_table , .TE2S_table table { width:100% }
.TE2S_table table { border:0 ; border-collapse: collapse ; border-spacing: 0 }
.TE2S_table td , .TE2S_table th { 
    vertical-align:middle ;
    font-size:0.8rem ; line-height:1.2rem ; text-align:center ; padding:0.5rem ; border:solid 1px #d7d7d7 }
.TE2S_table table { border-top:solid 1px #b78c2a }
.TE2S_table thead th { 
    font-size:0.7rem ; line-height:0.9rem  ; color:#111111 ; font-weight:400 ; padding:0.5rem 0.5rem ; padding-bottom:0.6rem ; 
    border-top:0 ; border-left:0 ; border-color:#b78c2a ; background-color:#fdc239 }
.TE2S_table thead th:last-child , .TE2S_table tbody td:last-child { border-right:0}
.TE2S_table tbody th:first-child , .TE2S_table tbody td:first-child { border-left:0 }
.TE2S_table tbody th { font-weight:500 ; color:#111111}



/* BG IMG BOX : ID2* */
.TE2S2_bgImg_box , .TE2S2_BIB_inner { width:100% }
.TE2S2_bgImg_box { background-position:center center ; background-repeat:no-repeat ; background-size:cover }
.TE2S2_BIB_inner { background-color:rgba(0,0,0,0.7) ; padding:3.5rem 0 }
.TE2S2_bgImg_box h6 , .TE2S2_BIB_list { width:100% ; max-width:55rem ; box-sizing:border-box ; margin:auto ; text-align:center }
.TE2S2_bgImg_box h6 { font-size:1.8rem ; line-height:2.3rem ; color:#ffffff ; font-weight:300 ; letter-spacing:-1px ; margin-bottom:2rem ; word-break:keep-all }
.TE2S2_BIB_list , .TE2S2_BIB_li , .TE2S2_BIB_li > strong , .TE2S2_BIB_li > p { display:block ; overflow:hidden }
.TE2S2_BIB_li { width:100% ; float:left }
.TE2S2_BIB_li > strong , .TE2S2_BIB_li > p { color:#ffffff ; text-align:center ; width:100% ; box-sizing:border-box ; word-break:keep-all }
.TE2S2_BIB_li > strong { 
    border:solid 0.1rem #fdc239 ; padding:1.2rem 0.5rem ; margin-bottom:0.75rem ; transition: 0.3s all ;
    font-size:1rem ; line-height:1.5rem ; font-weight:600 ;
} 
.TE2S2_BIB_li:hover > strong { background-color:rgba(0,0,0,0.3) ;}
.TE2S2_BIB_li > p , .TE2S2_BIB_ul li  { font-size:0.8rem ; line-height:1.4rem ; font-weight:300 }
.TE2S2_BIB_ul { display:block ; text-align:left }
.TE2S2_BIB_ul li {  
    color:#ffffff ; text-align: left; padding-left:0.5rem ; display: inline-block ; margin-right:1.5rem ; margin-bottom:0.15rem ;
    background: url(../TE2_img/dot_w30.png) no-repeat 0 0.7rem  ; background-size:0.15rem 0.15rem }
.TE2S2_BIB_ul li:last-child { margin:0 }



/* PROCESS : ID2* */
.TE2S2_process , .TE2S2_process li , .TE2S2_process b  { display:block ; overflow:hidden }
.TE2S2_process , .TE2S2_process li  .TE2S2_process { text-align:center }
.TE2S2_process { padding-top:0.5rem }
.TE2S2_process li { position:relative ; float:left ; margin-right:2rem }
.TE2S2_process li:last-child { margin-right:0 } 
.TE2S2_prcs_img , .TE2S2_prcs_img img , .TE2S2_process li { width:12.25rem }
.TE2S2_prcs_img img { border-radius:10rem ; margin-bottom:1.75rem ; }
.TE2S2_prcs_img figcaption { font-size:0.8rem ; line-height:1.3rem ; text-align:center ; letter-spacing:-1px}
.TE2S2_process b { 
    position: absolute ; left:50% ; top:12.25rem ; transform: translate(-50%,-50%); border-radius:4rem ; background-color:#fdc239 ;
    width:2.5rem ; height:2.5rem ; font-size:1.2rem ; line-height:2.5rem ; font-weight:800 ; color:#111111 ; text-align:center }



/* FT ICONS : ID2* */
.TE2S2_FT , .TE2S2_FT li , .TE2S2_FT strong , .TE2S2_FT li::before { display:block ; overflow:hidden }
.TE2S2_FT { width:100% ; border:solid 5px #f5f5f5 ; box-sizing:border-box ; padding:1rem 0rem }
.TE2S2_FT li { float:left ; width:25% ; background:url(../TE2_img/dot_b10.png) no-repeat right center ; background-size:1px 3rem }
.TE2S2_FT li:last-child { background:none }
.TE2S2_FT strong , .TE2S2_FT li::before { margin:auto}
.TE2S2_FT li::before { width:6rem ; height:5rem ; content:"" ; background-position: 0 0 ; background-repeat: no-repeat ; }
.TE2S2_FT strong { width:9rem ; font-size:0.8rem ; line-height:1.2rem ; text-align:center ; word-break:keep-all }
.TE2S2_FT li:nth-child(1):before { background-position:0 0 }
.TE2S2_FT li:nth-child(2):before { background-position:-6rem 0 }
.TE2S2_FT li:nth-child(3):before { background-position:-12rem 0 }
.TE2S2_FT li:nth-child(4):before { background-position:-18rem 0 }
.TE2S2_FT li:nth-child(5):before { background-position:-24rem 0 }
.TE2S2_FT li:nth-child(6):before { background-position:-30rem 0 }
.TE2S2_FT li:nth-child(7):before { background-position:-36rem 0 }
.TE2S2_FT li:nth-child(8):before { background-position:-42rem 0 }
 


/* IMG BOX */
.TE2S_imgBox , .TE2S_imgBox ul , .TE2S_imgBox_li , .TE2S_imgBox_box , .TE2S_imgBox_inner ,
.TE2S_imgBox_box strong , .TE2S_imgBox_inner p { display:block ; overflow: hidden;}
.TE2S_imgBox ul , .TE2S_imgBox_li , .TE2S_imgBox_box , .TE2S_imgBox_inner { width:100% }
.TE2S_imgBox_li { max-width: 26.5rem ; float:left; margin-right:2rem }
.TE2S_imgBox_li:nth-child(2n) { margin-right:0 }
.TE2S_imgBox_li:nth-child(1) , .TE2S_imgBox_li:nth-child(2) { margin-bottom:3rem ;}
.TE2S_imgBox_box { position:relative ; background-position: center center ; background-repeat: no-repeat ; background-size: cover }
.TE2S_imgBox_inner { box-sizing:border-box ; padding:3rem 2.5rem ; background-color:rgba(0,0,0,0.6) ; transition:0.3s all }
.TE2S_imgBox_box strong { 
    font-size:1.1rem ; line-height:1.2rem ; color:#ffffff ; font-weight:500 ; text-align:center ; 
    border:solid 2px #fdc239 ; padding:0.7rem 0.5rem }
.TE2S_imgBox_inner p { 
    padding:0 0.5rem ; position: absolute ; left:0 ; bottom:0.5rem ; width: 100% ; box-sizing: border-box ;
    font-size:0.8rem ; line-height:1.3rem ; color:#ffffff ; font-weight:300 ; text-align:center } 
.TE2S_imgBox_li .TE2S_p { text-align:center ; border-bottom:solid 1px #d7d7d7 ; letter-spacing:-0.5px ; padding:1rem 0 }
.TE2S_imgBox_li:hover .TE2S_imgBox_inner { background-color:rgba(0,0,0,0.8) }



/* LINE HEADER */
.TE2S3_line_header { width:100% ; max-width:55rem ; padding:0px 1.5rem ; margin-bottom:1.5rem ; box-sizing: border-box; }
.TE2S30_sTitle , .TE2S3_line_header p { word-break:keep-all ; text-align:center ; letter-spacing:-1px }
.TE2S30_sTitle { font-size:2rem ; line-height:2.5rem  ; font-weight:600 ; color:#111111 ; margin-bottom:1.3rem }
.TE2S3_line_header p { font-size:1rem ; line-height:1.8rem ; color:#444444 }
.TE2S30_sTitle small { font-size:inherit ; line-height: inherit ; color:inherit ; font-weight:300 ;}


/* ROUND TAG IMG */
.TE2S3_RIB , .TE2S3_RIB li { display:block ; text-align:center  ; position: relative }
.TE2S3_RIB { width:100% ; border-bottom:solid 1px rgba(0,0,0,0.1) ; margin-top:3rem }
.TE2S3_RIB::before  { 
    content:"" ; display:block ; 
    width:1px ; height:60% ; position: absolute ; left:50% ; bottom:10% ; z-index:80 ; 
    background-color:rgba(0,0,0,0.1)}
.TE2S3_RIB::after { content:"" ; display:block ; clear:both }
.TE2S3_RIB li { width:50% ; float:left }
 
.TE2S3_RIB_img , .TE2S3_RIB_img img { width:100% }
.TE2S3_RIB_img { text-align:center ; background-color:rgba(0,0,0,0.05); padding:1rem 0 ; padding-top:2rem }
.TE2S3_RIB .TE2S_p { width:100% ; box-sizing: border-box ; padding:0.5rem 1.5rem ; margin:auto }
.TE2S3_RIB_tag { 
    position: absolute ; left:50% ; top:-1.5rem ; transform: translateX(-50%);
    display: inline-block ; overflow:hidden ; margin:auto ; padding:0px 2rem ; padding-bottom: 0.2rem ; border-radius:5rem ;
    font-size:1.2rem ; line-height:2.3rem ; background-color:#111111 ; color:#ffffff ; letter-spacing:-1px ; font-weight:600 }
.TE2S3_RIB_tag.point { background-color:#fdc239 ; color:#111111 }



/* CHK LIST */
.TE2S_chkList , .TE2S_chkList li , #TE2S31_section2 .TE2S_inner { display:block ; overflow:hidden }
.TE2S_chkList li {
     padding-left:1.35rem ; margin-bottom:0.5rem ; box-sizing: border-box ; 
     background:url(../TE2_img_sub/yellow_chk.png) no-repeat 0 0.25rem }
.TE2S_chkList li > span { 
    display: inline ; padding-bottom:0.15rem ;
    font-size:1rem ; line-height:1.6rem ; color:#ffffff ;  letter-spacing:-1px ;
    background:url(../TE2_img_sub/yellow_line.png) no-repeat left bottom ; background-size:100% 0.15rem ;
 }


 
/* N2 SMART */
#TE2S2_smart , #TE2S2_smart > h6  , #TE2S2_smart_ul ,
#TE2S3_guid , #TE2S3_guid > h6  , #TE2S3_guid > ul  { width:100% ; text-align:center }
#TE2S2_smart , #TE2S3_guid { background-color:#111111 }
#TE2S2_smart > h6 , #TE2S2_smart > h6 > b , #TE2S3_guid > h6 , #TE2S3_guid > h6 > b  { word-break: keep-all }
#TE2S2_smart > h6 , #TE2S3_guid > h6 { font-size:1.2rem ; line-height:1.5rem ; color:#ffffff ; font-weight:300 ; padding:0.75rem 0.5rem ; box-sizing:border-box }
#TE2S2_smart > h6 > b  , #TE2S3_guid > h6 > b { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:600 }
#TE2S2_smart_ul , .TE2S2_smart_li , .TE2S2_smart_box , .TE2S2_smart_inner ,
.TE2S2_smart_box span , .TE2S2_smart_box b , .TE2S2_smart_box strong ,
#TE2S3_guid > ul , .TE2S3_guid_li , .TE2S3_guid_box , .TE2S3_guid_box strong , .TE2S3_guid_box span { display:block ; overflow:hidden }
.TE2S2_smart_li , .TE2S3_guid_li { width:20% ; float:left ; background-repeat: no-repeat ; background-position: center center ; background-size: cover; }
.TE2S2_smart_li , .TE2S2_smart_box , .TE2S3_guid_li , .TE2S3_guid_box { height:11.5rem }
.TE2S2_smart_box , .TE2S2_smart_inner , .TE2S3_guid_box { width:100% }
.TE2S2_smart_box span , .TE2S2_smart_box b , .TE2S2_smart_box strong { text-align:center ; color:#ffffff ; margin:auto }
.TE2S2_smart_box , .TE2S3_guid_box { position: relative ; background-color:rgba(0,0,0,0.6) ; }
.TE2S2_smart_inner { width:90% ; position: absolute ; margin:auto ; top:50% ; left:50% ; transform:translate(-50%,-50%) }
.TE2S2_smart_box span { font-size:0.6rem ; line-height:1em ; margin-bottom:0.5rem ; opacity:0.6 }
.TE2S2_smart_box b { 
    width:3rem ; height:3rem ; background-color:#fdc239 ; border-radius:5rem ; margin-bottom:1rem ;
    font-size:2rem ; line-height:2.8rem ; color:#111111 ; font-weight:600
 }
.TE2S2_smart_box strong { font-size:0.9rem ; line-height: 1.2rem ; font-weight:400 }
.TE2S2_smart_li:nth-child(1) { background-image:url(../TE2_img/TE2S20_smart_bg1.jpg) }
.TE2S2_smart_li:nth-child(2) { background-image:url(../TE2_img/TE2S20_smart_bg2.jpg) }
.TE2S2_smart_li:nth-child(3) { background-image:url(../TE2_img/TE2S20_smart_bg3.jpg) }
.TE2S2_smart_li:nth-child(4) { background-image:url(../TE2_img/TE2S20_smart_bg4.jpg) }
.TE2S2_smart_li:nth-child(5) { background-image:url(../TE2_img/TE2S20_smart_bg5.jpg) }


 
/* N3 GUIDE */
.TE2S3_guid_box strong , .TE2S3_guid_box span { position: absolute ; left:50% ; top:50% ; transform: translate(-50%,-50%) }
.TE2S3_guid_box strong , .TE2S3_guid_box span { text-align:center ; width:5rem }
.TE2S3_guid_box strong { background-color:#fdc239 ; border-radius:7rem ; height:5rem }
.TE2S3_guid_box span { font-size:0.9rem ; line-height:1.1rem ; color:#111111 ; font-weight:500 }
.TE2S3_guid_li:nth-child(1) { background-image:url(../TE2_img/TE2S30_guide_bg1.jpg) }
.TE2S3_guid_li:nth-child(2) { background-image:url(../TE2_img/TE2S30_guide_bg2.jpg) }
.TE2S3_guid_li:nth-child(3) { background-image:url(../TE2_img/TE2S30_guide_bg3.jpg) }
.TE2S3_guid_li:nth-child(4) { background-image:url(../TE2_img/TE2S30_guide_bg4.jpg) }
.TE2S3_guid_li:nth-child(5) { background-image:url(../TE2_img/TE2S30_guide_bg5.jpg) }



/* S4 + LINE HEADER */
.TE2S4_line_header , .TE2S4_line_header > strong { display:block ; overflow:hidden }
.TE2S4_line_header > strong { 
    width:100% ; text-align:center ;
    font-size:1.1rem ; line-height:1.7rem ; font-weight:500 ; color:#111111 }
.TE2S4_line_point { 
    display: block ; overflow: hidden ; font-size:0 ; color: transparent ;
    width:0.1rem ; height:1.5rem ; background-color:#fdc239 ; margin:auto  }
.TE2S4_line_header > strong , .TE2S4_line_point { margin-bottom:1rem }
.TE2S4_line_header > ul { display:block ; overflow:hidden ; text-align:center ; margin-bottom:1.5rem }
.TE2S4_line_header > ul > li { 
    margin:0.1rem ;
    display: inline-block ; padding:0.4rem 1.4rem ; padding-bottom:0.5rem  ; background-color:#fdc239 ; border-radius:6rem ; letter-spacing:-2px ;
    font-size:1.1rem ; line-height:1.5rem ; color:#111111 ; font-weight:400 ;
}



/* INFOR INDEX */
#TE2S_index , #TE2S_index > ul , #TE2S_index > h4 , #TE2S_index a { box-sizing:border-box  }
#TE2S_index , #TE2S_index > ul { display:block ; overflow:hidden }
#TE2S_index { border:solid 1px rgba(0,0,0,0.1) ; padding:1rem ; border-radius:0.4rem ; }
#TE2S_index > h4 { 
    background: url(../TE2_img_sub/bbs_icon_index.gif) no-repeat 0 0.3rem ; padding-left:1.4rem ;
    font-size:1.2rem ; line-height:1.5rem ; font-weight:600 ; color:#111111 ; border-bottom:solid 2px #fdc239 ; 
    padding-bottom:0.7rem ; margin-bottom:0.25rem ; letter-spacing:-1px }
#TE2S_index > ul { text-align:center }
#TE2S_index li { width:50% ; display:block ; float:left}
#TE2S_index a { 
    transition:0.3s all ;
    font-size:0.8rem ; line-height:1.2rem ; padding:0.6rem 0.2rem ;  
    display:block ; text-align:left ; width:96% ; margin:auto ; border-bottom:solid 1px rgba(0,0,0,0.05) }
#TE2S_index a:hover { color:#111111 ; border-color:rgba(0,0,0,0.2) }



/* ADMIN LIST */
.admin_list_table { width:100% ; border-spacing:0 ; border-collapse: collapse ; margin-bottom:1.5rem }
.admin_list_table th , .admin_list_table td { font-size:0.8rem ; line-height:1.2rem ; padding:0.3rem ; border:solid 1px #d7d7d7 }
.admin_list_table thead th { background-color:#f7f7f7 ; text-align:center ; font-weight:500 ; word-break: keep-all  }


.PC_br { display:block }
.MB_br { display:none }





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

    /* VISUAL */
    #TE2S_visual { 
        padding:0 ; padding-top:3rem ; margin-bottom:2rem ; box-sizing:border-box ;
        background:none ; height:auto }
    #TE2S_visual_inner { 
        position:relative ; width:100% ; left:auto ; top:auto ; transform:none ;
        height:11rem ; box-sizing:border-box ; 
        background-image: url(../TE2_img_sub/sub_visual10_MB.jpg) ; background-size:cover }
    .TE_M2 #TE2S_visual_inner { background-image: url(../TE2_img_sub/sub_visual20_MB.jpg) }
    .TE_M3 #TE2S_visual_inner { background-image: url(../TE2_img_sub/sub_visual30_MB.jpg) }
    .TE_M4 #TE2S_visual_inner { background-image: url(../TE2_img_sub/sub_visual40_MB.jpg) }
    .TE_M5 #TE2S_visual_inner { background-image: url(../TE2_img_sub/sub_visual50_MB.jpg) }
    .TE_M6 #TE2S_visual_inner { background-image: url(../TE2_img_sub/sub_visual60_MB.jpg) }
    .TE_M7 #TE2S_visual_inner { background-image: url(../TE2_img_sub/sub_visual70_MB.jpg) }

    #TE2S_visual_inner > h2 , #TE2S_visual_inner > p { word-break: keep-all; padding:0 1.5rem }
    #TE2S_visual_inner > h2 {  
        padding-top:3rem ;
        font-size:2rem ; line-height:2.2rem ; background:none ; margin-bottom:0.75rem }


    /* SUB TAB */
    #TE2S_visual_tab  , #TE2S_visual_tab > ul { box-sizing:border-box }
    #TE2S_visual_tab { 
        position:static ; border-bottom:solid 1px rgba(0,0,0,0.1) ; padding:0.5rem ; 
        background:#ffffff ;
    }
    #TE2S_visual_tab > ul { width:auto ; height:auto ; padding:0 ; text-align:center }
    #TE2S_visual_tab li { float:none ; display:inline-block ; margin:0 ; padding:0rem 0.75rem ; padding-top:0.2rem }
    #TE2S_visual_tab span { line-height: 1rem ; color:#555 ; padding-bottom:0.3rem }
    

    
    /* SUB1 WIDTH */
    .TE_M1 #TE2S_visual_tab li:nth-child(1) , .TE_M1 #TE2S_visual_tab li:nth-child(2) ,
    .TE_M1 #TE2S_visual_tab li:nth-child(3) , .TE_M1 #TE2S_visual_tab li:nth-child(4) ,
    .TE_M1 #TE2S_visual_tab li:nth-child(5) , .TE_M1 #TE2S_visual_tab li:nth-child(6) ,
    .TE_M1 #TE2S_visual_tab li:nth-child(7) , .TE_M1 #TE2S_visual_tab li:nth-child(8) { width:auto }


    /* SUB2 WIDTH + SUB5 WIDTH */
    .TE_M2 #TE2S_visual_tab li ,  .TE_M5 #TE2S_visual_tab li ,
    .TE_M2 #TE2S_visual_tab li:nth-child(2) , .TE_M5 #TE2S_visual_tab li:nth-child(2)  { width:auto }


    /* SUB3 WIDTH */
    .TE_M3 #TE2S_visual_tab li:nth-child(1) , .TE_M3 #TE2S_visual_tab li:nth-child(2) ,
    .TE_M3 #TE2S_visual_tab li:nth-child(3) , .TE_M3 #TE2S_visual_tab li:nth-child(4) ,
    .TE_M3 #TE2S_visual_tab li:nth-child(5) , .TE_M3 #TE2S_visual_tab li:nth-child(6) ,
    .TE_M3 #TE2S_visual_tab li:nth-child(7) { width:auto }


    /* SUB4 WIDTH + SUB6 WIDTH */
    .TE_M4 #TE2S_visual_tab li , .TE_M6 #TE2S_visual_tab li { width:auto }


    /* SUB7 WIDTH */
    .TE_M7 #TE2S_visual_tab li:nth-child(1) , .TE_M7 #TE2S_visual_tab li:nth-child(2) ,
    .TE_M7 #TE2S_visual_tab li:nth-child(3) , .TE_M7 #TE2S_visual_tab li:nth-child(4) ,
    .TE_M7 #TE2S_visual_tab li:nth-child(5) , .TE_M7 #TE2S_visual_tab li:nth-child(6) ,
    .TE_M7 #TE2S_visual_tab li:nth-child(7) { width:auto }


    /* SUB8 WIDTH */
    .TE_M8 #TE2S_visual_tab li:nth-child(1) , .TE_M8 #TE2S_visual_tab li:nth-child(2) , 
    .TE_M8 #TE2S_visual_tab li:nth-child(3) , .TE_M8 #TE2S_visual_tab li:nth-child(4) , 
    .TE_M8 #TE2S_visual_tab li:nth-child(5) { width:auto }


    
    /* SCROLL SHOW */
    #TE2_main .js_SS , #TE2_main .js_SS.js_SS_show { opacity:1 }
    #TE2_main .js_SS.js_SS_show { transition:none }



    /* MAIN+HEADER */ 
    #TE2S_visual_inner > h2 { font-size:1.8rem }
    #TE2_main_header > h3 { letter-spacing:-0.1rem ; font-size:2.1rem ; line-height: 2.3rem ; padding:0 0.5rem ; box-sizing:border-box }
    #TE2S_visual_inner > p { font-size:0.8rem ; line-height:1.1rem ; opacity:0.9 ; font-weight:300 ; }



    /* SUB TAB */
    #TE2S_tab { box-sizing: border-box ; padding:0 1rem ; }
    #TE2_main #TE2S_tab > ul { text-align:center ; border:0 }
    #TE2_main #TE2S_tab > ul > .TE2S_tab_li:nth-child(1) ,
    #TE2_main #TE2S_tab > ul > .TE2S_tab_li:nth-child(2) ,
    #TE2_main #TE2S_tab > ul > .TE2S_tab_li:nth-child(3) ,
    #TE2_main #TE2S_tab > ul > .TE2S_tab_li:nth-child(4) ,
    #TE2_main #TE2S_tab > ul > .TE2S_tab_li:nth-child(5) ,
    #TE2_main #TE2S_tab > ul > .TE2S_tab_li:nth-child(6) ,
    #TE2_main #TE2S_tab > ul > .TE2S_tab_li:nth-child(7) { width:auto ; display: inline-block ; margin:0.25rem ; border:0 ; float:none }
    .TE2S_tab_li a { border:solid 1px rgba(0,0,0,0.1) ; line-height:1rem ; padding:0.5rem 1rem ; border-radius:5rem   ; }
     


    /* SUB */
    .TE2S_h4 , .TE2S_h5 { word-break: keep-all }
    .TE2S_h4  { padding:0 1rem }
 


    /* SUB SECTION */     
    .TE2S_inner { max-width:none ; box-sizing:border-box ; padding:0 1.5rem }
    


    /* BG IMG BOX:ID2* */ 
    #TE2_main div.TE2S2_bgImg_box , #TE2_main div.TE2S2_BIB_inner { box-sizing:border-box } 
    #TE2_main div.TE2S2_BIB_inner { padding:3rem 1.5rem  } 
    #TE2_main li.TE2S2_BIB_li {
        width:90% ; min-width:10rem ; max-width:17rem  ; display: inline-block ; box-sizing: border-box ;
        float:none ; margin:0.25rem ; margin-bottom:2rem ; }
    #TE2_main li.TE2S2_BIB_li:last-child { margin-bottom:0rem }
    #TE2_main li.TE2S2_BIB_li > p > br { display:none } 

     

    /* PROCESS : ID2* */
    .TE2S2_process { width:100% ; padding:0.5rem }
    .TE2S2_process li , .TE2S2_process li:last-child  { 
        float:none ; margin:0.25rem ; display: inline-block ; margin-bottom:1.5rem }
    .TE2S2_process li:last-child { margin-bottom:0 } 

    /* FT ICONS : ID2* */
    .TE2S2_FT { text-align:center ;}
    .TE2S2_FT li , .TE2S2_FT li:last-child  { display:inline-block ; margin:0.5rem ; background:none ; float:none }
    .TE2S2_FT li { width:9rem }



    /* SMART */
    .TE2S2_smart_li , .TE2S2_smart_box { height:15rem } 
    .TE2S2_smart_box strong br { display:none }
    .TE2S2_smart_inner { position: static  }
    .TE2S2_smart_inner { transform:none ; margin:auto ; margin-top:1rem } 
    .TE2S2_smart_box b { width:2.5rem ; height:2.5rem ; font-size:1.5rem ; line-height:2.3rem }
    .TE2S2_smart_box span { position: absolute ; left:0 ; top:0.5rem ; width:100% ; box-sizing: border-box ; padding:0 5%  ; }
    .TE2S2_smart_box b { margin-top:2rem ; margin-bottom:0.5rem ;}
    


    /* IMG BOX */
    .TE2S_imgBox ul { text-align:center ;}
    .TE2S_imgBox_li { width:15rem ; max-width:none ; float:none ; display: inline-block ;}
    .TE2S_imgBox_li .TE2S_p {  padding:0.5rem 0   } 
    .TE2S_imgBox_li .TE2S_p > br { display:none }
    .TE2S_imgBox_inner { padding:2rem 1.5rem }  
    .TE2S_imgBox_li , .TE2S_imgBox_li:nth-child(2n) , 
    .TE2S_imgBox_li:nth-child(1) , .TE2S_imgBox_li:nth-child(2) { margin:0.25rem ; margin-bottom:1.5rem ; }



    /* ROUND TAG IMG */
    .TE2S3_RIB , .TE2S3_RIB li , .TE2S3_RIB_tag { position:static }
    .TE2S3_RIB::before  , .TE2S3_RIB::after { display:none }
    .TE2S3_RIB { text-align:align ; border:0 }
    .TE2S3_RIB li { 
        float:none ; display: inline-block ; width:15rem ; margin:0.5rem }
    .TE2S3_RIB_tag { 
        transform:none ; display: block ; width:100% ; box-sizing: border-box ; ; border-radius:0 ;
        font-size:1rem ; line-height:1.4rem ;  padding:0.3rem 0.5rem ; padding-bottom: 0.4rem ; margin-bottom:0.5rem ;
     }
    .TE2S3_RIB_img { padding:0 ; padding-bottom:0.5rem }
    .TE2S3_RIB .TE2S_p { padding:0.5rem ; border-bottom:solid 1px rgba(0,0,0,0.1)  ;}
    .TE2S3_RIB .TE2S_p > br { display:none }
 


    /* N3 GUIDE */ 
    .TE2S3_guid_li:nth-child(1) , .TE2S3_guid_li:nth-child(2) , .TE2S3_guid_li:nth-child(3) ,
    .TE2S3_guid_li:nth-child(4) , .TE2S3_guid_li:nth-child(5) { display:inline-block ; margin:0.7rem ; background:none }
    .TE2S3_guid_box , .TE2S3_guid_li { background:none ; width:5rem ; height:5rem }
    #TE2S3_guid_ul { text-align:center ; background-color:#333333 }
    .TE2S3_guid_li { float:none }



    /* ETC */
    .TE2S_lead > br { display:none }



    /* Yellow BOX */
    .TE2S5_yBox li , .TE2S5_yBox li:nth-child(2n) , .TE2S5_yBox li:nth-child(3n) , .TE2S5_yBox li:nth-child(4n) { display: inline-block ; margin:0.25rem ; float:none } 


    .PC_br { display:none }
    .MB_br { display:block }

}