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

/* SECTION */
#TE2S11_section1 > .TE2S_inner { max-width:65rem}  



/* VISUAL */
.TE2S11_visual { 
    height:25rem ; position: relative ;  min-width:60rem ; 
    background: url(../TE2_img_sub/TE11_bg_20250806.jpg) no-repeat center top ; background-size: cover ; margin-bottom:3rem }
.TE2S11_visual_inner { position: absolute ; left:5rem ; top:50% ; transform: translateY(-50%);}
.TE2S11_visual strong , .TE2S11_visual p { display: block  ; color:#111111 ; text-align:left }
.TE2S11_visual strong { font-size:3rem ; line-height:3.3rem ; margin-bottom:1.5rem ; letter-spacing: -0.2rem ; font-weight:600 ; }
.TE2S11_visual p { font-size:1rem ; line-height:1.5rem ; opacity:0.7 }


/* WHY */
.TE2S11_why , .TE2S11_why_li , .TE2S11_why_box , .TE2S11_why_box figcaption { display: block ; overflow: hidden }
.TE2S11_why { width:100% ; max-width:55rem  ; margin:auto ; text-align:center }
.TE2S11_why_li { width:50% ; float:left ; position: relative }
.TE2S11_why_li:nth-child(1) , .TE2S11_why_li:nth-child(2) , .TE2S11_why_li:nth-child(3) { margin-bottom: 4rem} 
.TE2S11_why_li:nth-child(3) { width:100% ;}
.TE2S11_why_box { text-align:center;}
.TE2S11_why_box figure { width:100% }
.TE2S11_why_box figcaption { 
    font-size:1.3rem ; line-height:1.5rem ; font-weight:600 ; color:#111111 ; letter-spacing:-1px ;
    margin-bottom:1rem ;}
.TE2S11_why_box img  {  margin:auto; margin-bottom:1rem; }  
.TE2S11_why_box p { font-size:0.8rem ; line-height:1.3rem ; word-break: keep-all ; letter-spacing:-1px  ;}
.TE2S11_why_box figure::before { 
    content: ""; display: block ; overflow: hidden ; width:0.5rem ; height:0.5rem ; border-radius:1rem ;
    background-color: #1c96dc ; position: absolute ; left:50%; top:2.3rem ; transform: translateX(-50%);
     }

.TE2S11_why_box img ,
.TE2S11_why_li:nth-child(3) .TE2S11_why_box:before , .TE2S11_why_li:nth-child(3) .TE2S11_why_box:after ,
.TE2S11_why_li:nth-child(3):before , .TE2S11_why_li:nth-child(3):after { width:14rem ; height:14rem ; border-radius: 8rem }

.TE2S11_why_li:nth-child(3) .TE2S11_why_box:before , .TE2S11_why_li:nth-child(3) .TE2S11_why_box:after ,
.TE2S11_why_li:nth-child(3):before , .TE2S11_why_li:nth-child(3):after {
    content: ""; display: block ; overflow: hidden ;  position: absolute ; top:2.5rem ; z-index: -1;
    background-repeat: no-repeat ; background-position: center center;
}

.TE2S11_why_li:nth-child(3) img { box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.5)}
.TE2S11_why_li:nth-child(3) .TE2S11_why_box:before { background-image: url(../TE2_img_sub/TE11_why3_1.jpg); left:0 }   
.TE2S11_why_li:nth-child(3) .TE2S11_why_box:after   { background-image: url(../TE2_img_sub/TE11_why3_2.jpg); left:10rem } 
.TE2S11_why_li:nth-child(3):before { background-image: url(../TE2_img_sub/TE11_why3_4.jpg); right:0 }   
.TE2S11_why_li:nth-child(3):after  { background-image: url(../TE2_img_sub/TE11_why3_3.jpg); right:10rem } 


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

    /* VISUAL */
    .TE2S11_visual { 
        height:20rem ;  margin-bottom: 6rem ;min-width:auto ; 
        background: url(../TE2_img_sub/TE11_bg_MB_20250806.jpg) no-repeat center top ; background-size: 100% auto;}

    .TE2S11_visual_inner , .TE2S11_visual strong , .TE2S11_visual p { width:100% }
    .TE2S11_visual_inner { position: static ; transform: none; }   
    .TE2S11_visual strong , .TE2S11_visual p {  
        margin:0; position: absolute;  left:0 ;
        text-align:center ; box-sizing: border-box ; padding: 0 1.5rem ; word-break: keep-all; }
    .TE2S11_visual strong { 
        font-size:1.7em ; line-height:2rem ; bottom:0rem ; background-color: rgba(255,255,255,0.5) ; padding:0.7rem 1.5rem }
    .TE2S11_visual p { font-size:0.7rem ; line-height:1.2rem ; bottom:-3rem ;}
    .TE2S11_visual p > br { display:none ;}

 
    /* WHY */ 
    .TE2S11_why_li , .TE2S11_why_li:nth-child(1) , .TE2S11_why_li:nth-child(2) , .TE2S11_why_li:nth-child(3) { 
        display:inline-block ; width:15rem ; float:none ; margin-left:0.5rem ; margin-right:0.5rem ; margin-bottom:3rem }
    .TE2S11_why_box p > br { display: none} 
    .TE2S11_why_box figcaption {   font-size:1.2rem } 
    .TE2S11_why_li:nth-child(3) .TE2S11_why_box:before , .TE2S11_why_li:nth-child(3) .TE2S11_why_box:after ,
    .TE2S11_why_li:nth-child(3):before , .TE2S11_why_li:nth-child(3):after { display:none ;}
    .TE2S11_why_li:nth-child(3) img { box-shadow:none }

    .TE2S11_why_li:nth-child(5) { margin-bottom:0 } 
}
/* TE2S11_visual */
@media all and (max-width:720px){
    .TE2S11_visual {
        height:11rem ;
        background: url(../TE2_img_sub/TE11_bg_MB2_20250806.jpg) no-repeat center top ; background-size: contain;
    }
}