@charset "utf-8";
/* FCC6.php */ 

#TE2S36_section1 .TE2S2_bgImg_box { background-image: url(../TE2_img_sub/TE36_boxBg.jpg) }
#TE2S36_section1 .TE2S_p , #TE2S36_img1 figcaption { color:#ffffff }
#TE2S36_img1 { max-width:10rem ; float:right ; margin-left:3rem ; margin-top:0.4rem ; }
#TE2S36_img1 img { border-radius:0.2rem ;}
#TE2S36_img1 figcaption {
    display:block ; border-bottom:solid 1px rgba(255,255,255,0.2) ; padding:0.5rem 0 ;
    font-size:0.7rem ; line-height:1.2rem ; text-align:center;}

.TE2S36_arrow , .TE2S36_arrow li { display:block ; overflow: hidden ; text-align:center }
.TE2S36_arrow li { 
    float:left ; width:14.5rem ;
    background: url(../TE2_img_sub/TE36_arrow.png) no-repeat 12.5rem 50%;
} 
.TE2S36_arrow li:last-child { background:none }
.TE2S36_arrow li:last-child , .TE2S36_arrow li > b { width:11.5rem }
.TE2S36_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
} 
#TE2S36_section2 .TE2S_h5 { text-align:center ; margin-bottom:1rem }



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

    #TE2S36_img1 { float:none ; margin:1.5rem auto }  
    .TE2S36_arrow li { 
        display:inline-block ; float:none ; margin:0.25rem ; width:11rem ;
        background-position: right center;
    }
    .TE2S36_arrow li:last-child , .TE2S36_arrow li > b { width:10rem }
  
}