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

/* FCC7_1.php */
#TE2S371_section1 .TE2S_imgBox_li:nth-child(1) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE371_boxBg1.jpg) } 
#TE2S371_section1 .TE2S_imgBox_li:nth-child(2) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE231_boxBg1.jpg) }
#TE2S371_section1 .TE2S_imgBox_li:nth-child(3) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE371_boxBg3.jpg) } 
#TE2S371_section1 .TE2S_imgBox_li:nth-child(4) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE231_boxBg3.jpg) } 



/* FCC7_2.php */
#TE2S372_section1 .TE2S_imgBox_li:nth-child(1) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE371_boxBg3.jpg) } 
#TE2S372_section1 .TE2S_imgBox_li:nth-child(2) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE371_boxBg1.jpg) }
#TE2S372_section1 .TE2S_imgBox_li:nth-child(3) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE231_boxBg4.jpg) } 
#TE2S372_section1 .TE2S_imgBox_li:nth-child(4) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE231_boxBg2.jpg) } 



/* FCC7_3.php */
#TE2S373_section1 .TE2S_p { color:#ffffff ; margin-bottom:2rem ;}
.TE2S373_imgBox , .TE2S373_imgBox_inner , .TE2S373_imgBox ul { width:100% }
.TE2S373_imgBox { background: url(../TE2_img_sub/TE232_boxBg.jpg) no-repeat center center ; background-size: cover }
.TE2S373_imgBox_inner { background-color: rgba(0,0,0,0.7) ; padding:4rem 0 }
.TE2S373_imgBox ul , .TE2S373_imgBox ul , .TE2S373_imgBox span { display: block ; overflow: hidden  ; text-align:center }
.TE2S373_imgBox ul { max-width:55rem ; margin:auto }
.TE2S373_imgBox li { 
    transition:0.3s all ;
    position: relative ; float:left ; width:26.5rem ; padding:1.25rem 0.5rem ;  margin-right:2rem ; margin-bottom:1rem ;
    box-sizing: border-box ; border:solid 2px #fdc239 } 
.TE2S373_imgBox li:last-child { width:100% ;}
.TE2S373_imgBox li:nth-child(2n) { margin-right:0 }
.TE2S373_imgBox li:nth-child(5) ,  .TE2S373_imgBox li:nth-child(6)  { margin-bottom:0 }
.TE2S373_imgBox span { font-size: 1rem ; line-height:1.6rem ; color:#ffffff ; font-weight:500 ; text-align:center }
.TE2S373_imgBox li:hover { background-color:rgba(0,0,0,0.3) ;}

.TE2S373_icons , .TE2S373_icons li , .TE2S373_icons strong , .TE2S373_icons span , .TE2S373_icons p { display: block ; overflow: hidden ; text-align: center; }
.TE2S373_icons { width:100% ; margin-bottom:2rem ; text-align:center ; }
.TE2S373_icons li { display:inline-block ; width:33% ; margin-bottom:3rem ; background:url(../TE2_img/dot_b10.png) no-repeat right center ; background-size:1px 4rem } 
.TE2S373_icons li:nth-child(3n) ,.TE2S373_icons li:last-child { background:none } 
.TE2S373_icons strong { font-size:1.3rem ; line-height:1.5rem ; color:#111111 ; font-weight:500 }
.TE2S373_icons span { 
    font-size:0 ; color:transparent ; width:7rem ; height:7rem ; border-radius:6rem ; margin:auto ; 
    background: url(../TE2_img_sub/TE373_icons.png) no-repeat 0 0 #f7f7f7 }
    .TE2S373_icons strong , .TE2S373_icons span { margin-bottom:0.7rem }
.TE2S373_icons li:nth-child(1) span { background-position:0 0 }
.TE2S373_icons li:nth-child(2) span { background-position:-7rem 0 }
.TE2S373_icons li:nth-child(3) span { background-position:-14rem 0 }
.TE2S373_icons li:nth-child(4) span { background-position:-21rem 0 }
.TE2S373_icons li:nth-child(5) span { background-position:-28rem 0 }
.TE2S373_icons li:nth-child(6) span { background-position:-35rem 0 }
.TE2S373_icons p { font-size:0.8rem ; line-height:1.3rem ; letter-spacing:-0.5px } 

#TE2S373_img1 { max-width:53rem ; margin:auto }


 
/* MOBILE ****/
@media all and (max-width:1100px){
 
     /* FCC7_3.php */
     .TE2S373_imgBox_inner { padding:2rem 0.5rem ; box-sizing: border-box } 
     .TE2S373_imgBox ul { text-align:center ; max-width:none }
     .TE2S373_imgBox li {  width:100% ; max-width:310px ; display: inline-block ; height:auto ; padding: 0.7rem 1rem ; float:none }
     .TE2S373_imgBox li , .TE2S373_imgBox li:nth-child(2n) , .TE2S373_imgBox li:nth-child(5) ,  .TE2S373_imgBox li:nth-child(6) { margin:0.5rem}
     .TE2S373_imgBox li , .TE2S373_imgBox span { position: static } 
     .TE2S373_imgBox span { transform:none ; width:auto ;}
     .TE2S373_imgBox span > br { display:none }
     .TE2S373_imgBox span { word-break: keep-all } 
 
     .TE2S373_icons { box-sizing: border-box ; padding:0 0.5rem ; text-align:center ; } 
     .TE2S373_icons li , .TE2S373_icons li:nth-child(2) , .TE2S373_icons li:nth-child(4) , .TE2S373_icons li:nth-child(3n) { 
         background:none ; width:100% ; max-width:14rem ; display: inline-block ; float: none ; margin:0.5rem ; margin-bottom:1.5rem ; }
     .TE2S373_icons p > br { display:none  }
     .TE2S373_icons p { word-break: keep-all }
}
