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

/* LOC3_1.php */
.TE2S_imgBox_li:nth-child(1) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE231_boxBg1.jpg) } 
.TE2S_imgBox_li:nth-child(2) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE231_boxBg2.jpg) } 
.TE2S_imgBox_li:nth-child(3) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE231_boxBg3.jpg) } 
.TE2S_imgBox_li:nth-child(4) .TE2S_imgBox_box { background-image: url(../TE2_img_sub/TE231_boxBg4.jpg) } 

 

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

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

#TE2S232_img1 { max-width:51rem ; margin:auto }



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

    /* LOC3_2.php */
    .TE2S232_imgBox_inner { padding:2rem 0.5rem ; box-sizing: border-box } 
    .TE2S232_imgBox ul { text-align:center ; max-width:none }
    .TE2S232_imgBox li {  width:100% ; max-width:310px ; display: inline-block ; height:auto ; padding: 0.7rem 1rem ; float:none }
    .TE2S232_imgBox li , .TE2S232_imgBox li:nth-child(2n) , .TE2S232_imgBox li:nth-child(5) ,  .TE2S232_imgBox li:nth-child(6) { margin:0.5rem}
    .TE2S232_imgBox li , .TE2S232_imgBox span { position: static } 
    .TE2S232_imgBox span { transform:none ; width:auto ;}
    .TE2S232_imgBox span > br { display:none }
    .TE2S232_imgBox span { word-break: keep-all } 

    .TE2S232_icons { box-sizing: border-box ; padding:0 0.5rem ; text-align:center ; } 
    .TE2S232_icons li , .TE2S232_icons li:nth-child(2) , .TE2S232_icons li:nth-child(4) , .TE2S232_icons li:nth-child(3n) { 
        background:none ; width:100% ; max-width:14rem ; display: inline-block ; float: none ; margin:0.5rem ; margin-bottom:1.5rem ; }
    .TE2S232_icons p > br { display:none  }
    .TE2S232_icons p { word-break: keep-all }

    #TE2S231_section1 .TE2S_imgBox ul > .TE2S_imgBox_li:first-child .TE2S_imgBox_inner {
        padding-bottom:3.5rem
    }


     
 
}