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

/* QUICK */
.TE2S15_quick , .TE2S15_qLi  , .TE2S15_qLi a , .TE2S15_qLi b , .TE2S15_qLi p { display:block ; overflow:hidden }
.TE2S15_qLi.btn span , .TE2S15_qLi.btn a::before , .TE2S15_qLi.tel b ,  .TE2S15_qLi.tel span { display: inline-block }
.TE2S15_qLi { 
    text-align:center ; float:left ;
    box-sizing: border-box ; border:solid 1px rgba(0,0,0,0.1) ; border-bottom:solid 0.15rem #fdc239 } 
.TE2S15_qLi.btn { width:11.5rem ; margin-right:0.5rem }
.TE2S15_qLi.tel { width:19rem ; background-color:rgba(0,0,0,0.03) ; }
.TE2S15_qLi.btn span { font-size:1rem ; line-height:2.5rem ; font-weight:400 ; color:#111111 ; letter-spacing:-1px }
.TE2S15_qLi.btn a , .TE2S15_qLi.tel p { padding-top:0.75rem ; padding-bottom:0.6rem ; box-sizing:border-box ; width:100% }
.TE2S15_qLi.tel p { padding:0.825rem 0 }
.TE2S15_qLi.btn a::before {
    content:""; margin-right:0.2rem ;
    width:2.5rem ; height:2.5rem ; border-radius:5rem ; overflow: hidden ;
    background:url(../TE2_img_sub/TE15_icons1.png) no-repeat 0 0 rgba(0,0,0,0.05) ;
}
.TE2S15_qLi , .TE2S15_qLi.btn a::before { transition: 0.3s all }

.TE2S15_qLi.btn:nth-child(1) a::before { background-position:0 0 }
.TE2S15_qLi.btn:nth-child(2) a::before { background-position:-2.5rem 0 }
.TE2S15_qLi.btn:nth-child(3) a::before { background-position:-5rem 0 }
.TE2S15_qLi.btn:nth-child(1):hover a:before { background-position:0 -2.5rem }
.TE2S15_qLi.btn:nth-child(2):hover a:before { background-position:-2.5rem -2.5rem }
.TE2S15_qLi.btn:nth-child(3):hover a:before { background-position:-5rem -2.5rem }
.TE2S15_qLi.btn:hover { border-bottom:solid 0.15rem #62cdf6}

.TE2S15_qLi.tel b { 
    padding:0.55rem 0 ; padding-right:0.6rem ; border-right:solid 1px rgba(0,0,0,0.1) ;
    font-size:0.6rem ; line-height:0.7rem ; text-align:right ; margin-right:0.6rem  ;}
.TE2S15_qLi.tel span { 
    letter-spacing:-0.15rem ;
    font-size:2.4rem ; line-height:2.5rem ; font-family: 'Titillium Web', sans-serif; font-weight:500 ; color:#111111 }



/* TIME */
#TE2S15_img1 { max-width:27.5rem ; float:left }
#TE2S15_img1 img { box-sizing: border-box ; border:solid 1px rgba(0,0,0,0.1); border-radius:0.3rem }
#TE2S15_sub1 { width:24.5rem ; float:right}
.TE2S15_TB { font-size:0.8rem ; line-height:inherit ; color:#111111 ; font-weight:600 ;}



/* TABLE */
#TE2S15_table1 thead { display: block ; overflow: hidden ; width: 0 ; height:0 ; position: fixed ; left:-10px ; top:-10px }
#TE2S15_table1 table { border:0 }
#TE2S15_table1 tbody th { background-color:#fdc239 ; border-color:#b78c2a ; font-size:0.7rem ;}



/* MAP */
#TE2S15_map { 
    box-sizing: border-box ; padding-top:1rem ; 
    display:block ; position:relative; width:100% ; height:11rem ; background-color:#ededed ; margin-bottom:3rem }
#TE2S15_map_address { position: absolute }
#TE2S15_map_address { 
    display:inline-block ; right:2rem ; bottom:-2rem ; box-shadow:0 0 0.15rem rgba(0,0,0,0.3) ;
    padding:1.5rem 2.5rem ; background-color:#3347a4 }
#TE2S15_map_address strong , #TE2S15_map_address span ,  #TE2S15_map_address b { color:#ffffff ; display:block }
#TE2S15_map_address strong { font-size:1.8rem ; line-height:2rem ; font-weight:600 ; margin-bottom:0.75rem ; }
#TE2S15_map_address span { font-size:1.1rem ; line-height:1.5rem ; margin-bottom:0.5rem }
#TE2S15_map_address b { font-size:1rem ; line-height:1.1rem ; font-weight:600 }

#TE2S15_img_PC { width:100% ; max-width:48rem ; margin:auto }
#TE2S15_img_MB { display:none }
#TE2S15_img_PC .TE2S_img { max-width:none }

#TE2S15_map_guide { width:30rem ; position: absolute ; left:2.5rem ; bottom:0.5rem  }
#TE2S15_map_guide , #TE2S15_MG_txt , #TE2S15_MG_btn { display:block }
#TE2S15_MG_txt { margin-bottom:1.25rem }
#TE2S15_MG_txt li { 
    font-size:0.8rem ; line-height:1.3rem ; color:#111111 ; 
    margin-bottom:0.25rem ; padding-left:0.65rem ; position: relative;}
#TE2S15_MG_txt li:last-child { margin-bottom:0 }
#TE2S15_MG_txt li::before {
    position: absolute ; left:0 ; top:0.5rem ;
    content: ""; display: block ; overflow: hidden ; width:0.3rem ; height:0.3rem ;
    border:solid 1px rgba(0,0,0,0.1) ; background-color:#c9a754 ; border-radius:1rem ;
}
#TE2S15_MG_txt li:nth-child(2):before { background-color:#2db634 } 
#TE2S15_MG_btn , #TE2S15_MG_btn li , #TE2S15_MG_btn a { display:block ; overflow:hidden}
#TE2S15_MG_btn { width:100% ;}
#TE2S15_MG_btn li { width:49% }
#TE2S15_MG_btn li:nth-child(1) { float:left }
#TE2S15_MG_btn li:nth-child(2) { float:right }
#TE2S15_MG_btn a { 
    padding:0.5rem 1.5rem ; padding-bottom:0.3rem ; background-color: #ffffff ;
    width:100% ; box-sizing: border-box ; border:solid 1px rgba(0,0,0,0.1) ; text-align:center }
#TE2S15_MG_btn span { 
    display: inline-block ;  
    font-size:0.8rem ; line-height:1.5rem ; color:#444444 ; font-weight:400  }
#TE2S15_MG_btn a::before {
    content: ""; display: inline-block ; width: 1.5rem ; height:1.5rem ; opacity:0.3 ;
    background: url(../TE2_img_sub/TE15_icons2.png) no-repeat left top ;
}
#TE2S15_MG_btn li:nth-child(2) a::before { background-position:right top }
#TE2S15_MG_btn a:hover { border-color:#3347a4 }
#TE2S15_MG_btn a:hover span { color:#111111 }
#TE2S15_MG_btn a:hover:before { opacity:0.6 ;}
#TE2S15_MG_btn a , #TE2S15_MG_btn a span , #TE2S15_MG_btn a:before { transition: 0.3s all }



/* TRAN */
#TE2S15_section4 { margin-bottom:1rem }
#TE2S15_sub41 ,#TE2S15_sub42 { display:block ; overflow:hidden}
#TE2S15_sub41 { width:23.5rem ; float:left }
#TE2S15_sub42 { width:28.5rem ; float:right }

#TE2S15_sub42 { position: relative }
#TE2S15_sub42 .TE2S_p { position: absolute ; right:0 ; top:0.7rem ; text-align:right }

#TE2S15_table4 tbody td { text-align:left ; padding-left:1rem }
#TE2S15_sub42 .TE2S_sub_h4 { margin-bottom:1.1rem }



/* MAP POPUP */
#map_popup , #map_popup_inner { display:block ; overflow:hidden  ; position:fixed ; transition:0.3s all }
#map_popup { 
    width:100% ; height:0 ; opacity:0 ; background-color:rgba(0,0,0,0.6) ;
    left:0 ; top:50 ; z-index:110 }

#map_popup_inner , #map_popup figure { max-width:20rem }
#map_popup_inner { 
    display:none ;
    width:90% ; height:0 ; margin:auto ;
    left:50% ; top:50% ; transform: translate(-50%,-50%) ;
    background-color:#ffffff ; 
}


#map_popup.open  { height:100% ; top:0 ; opacity:1 ; }  
.open  #map_popup_inner { display:block ; height:auto }
#map_popup_box { position: relative ; width:100% }

#map_popup h6 { 
    width:100% ; padding:0.3rem 0.7rem ; box-sizing:border-box ;
    font-size:0.8rem ; line-height:1.4rem ; font-weight:500 ; color:#ffffff ;
    background-color:#3347a4 ;
}

#map_popup_close , #map_popup_close b , #map_popup_close b::after , #map_popup_close b::before , #map_popup form { display:block ; overflow:hidden }
#map_popup_close b::after , #map_popup_close b::before { content:"" }
#map_popup_close b { font-size:0 ; color:transparent }
#map_popup_close , #map_popup_close b { width:2rem ; height:2rem }
#map_popup_close { position: absolute; top:0 ; right:0 ; background-color:rgba(0,0,0,0.5) ; }
#map_popup_close b { position:relative ; opacity:0.7 ;}
#map_popup_close b { transition:0.3s all }
#map_popup_close b::after , #map_popup_close b::before { 
    position: absolute ; left:50% ; top:50% ; border-radius:1rem ;
    width:1.2rem ; height:0.1rem ; background-color:#ffffff ; }
#map_popup_close b::after { transform:translate(-50%,-50%) rotate(45deg) }
#map_popup_close b::before { transform:translate(-50%,-50%) rotate(-45deg) }
#map_popup_close:hover b { opacity:1 }

#map_popup form { 
    border-bottom:solid 1px #d7d7d7  ; background-color:#f7f7f7 ;
    width:100% ; padding:0.5rem ; box-sizing:border-box ; text-align:center }
#map_popup figure , #map_popup img { width:100% ; transition:0.3s all }
#map_popup figure { height:80vh ; overflow-y:scroll }

.map_popup_input , #map_popup_submit { 
    background-color:#fff ;
    box-sizing:border-box ; padding:0.3rem 0.5rem  ; 
    font-size:0.8rem ; line-height:1.2rem ; border-radius:0.2rem ; border:solid 1px #d7d7d7 ; 
 }
.map_popup_input {  width:9rem }
#map_popup_submit { 
    color:#ffffff ; font-weight:400 ; text-align:center ;
    padding-left:0 ; padding-right:0  ;
    width:3rem ; background-color:#111 ; border-color:#111 }






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

    /* QUICK */
    .TE2S15_quick { text-align:center ; box-sizing: border-box ; padding:0 1.5rem }
    .TE2S15_qLi { float:none }
    .TE2S15_qLi.btn ,  .TE2S15_qLi.tel { width:auto ; display: inline-block ; margin:0.25rem }
    .TE2S15_qLi.btn a , .TE2S15_qLi.tel p { padding:0.5rem 1rem }   
    .TE2S15_qLi.btn a { padding-top:0.85rem ;}
    .TE2S15_qLi.tel b , .TE2S15_qLi.tel span { display: block ; text-align:left ; padding:0 ; margin:0 ; border:0 }
    .TE2S15_qLi.tel b > br { display:none }
 


    /* TIME */
    #TE2S15_img1 { display:none }
    .TE2S_inner { padding:0 1.5rem ; box-sizing:border-box ; width:100% }
    #TE2S15_sub1 { width:100% ; float:none}

 

    /* MAP */
    #TE2S15_map , #TE2S15_map_address , #TE2S15_map_guide { position: static }
    #TE2S15_map { padding:0 ; height:auto ; margin:0 }
    #TE2S15_map_address { box-shadow:none ; width:100% ; padding:1rem 1.5rem ; box-sizing: border-box ; }
    #TE2S15_map_address strong , #TE2S15_map_address span ,  #TE2S15_map_address b { text-align:center }
    #TE2S15_map_address strong { font-size:1.4rem ; line-height:1.8rem }
    #TE2S15_map_address span , #TE2S15_map_address b { font-size:0.8rem ; line-height:1.2rem }
    #TE2S15_map_address span { word-break: keep-all }
    #TE2S15_map_address span > br { display:none }

    #TE2S15_img_MB , #TE2S15_map_guide { padding:1rem 1.5rem ; box-sizing: border-box ; width:100% }
 
    #TE2S15_img_PC { display:none }
    #TE2S15_img_MB { display:block ; max-width:30rem ; margin:auto ; padding:0.5rem 0}
    #TE2S15_img_MB .TE2S_img { max-width:none }


    #TE2S15_MG_btn { text-align:center }
    #TE2S15_MG_btn li:nth-child(1) , #TE2S15_MG_btn li:nth-child(2) { 
        width:92%  ; float:none ; display: inline-block ; margin:0.2rem auto }

 

    /* TRAN */
    #TE2S15_section4 { margin-bottom:0 }
    #TE2S15_sub41 ,  #TE2S15_map { margin-bottom:4rem }
    #TE2S15_sub41 , #TE2S15_sub42 { float:none ; width:100% }
    #TE2S15_sub42  { margin-bottom:0 }

    #TE2S15_sub42 .TE2S_p { position:static ; text-align:left } 
    #TE2S15_sub42 .TE2S_sub_h4 { margin-bottom:0.75rem }



    /* MAP POPUP */ 
    #map_popup figure { height:70vh }
    
    
}