@charset "utf-8";

#def{text-align: center; font-size: 2.0rem; font-weight: 500;}

#oxList{display: flex; justify-content: center; gap: 8%;}
#oxList ul{display: flex; flex-direction: column; gap: 3px; width: 100%; }
#oxList ul .tit{text-align: center; font-size: 2.4rem; margin-bottom: 1em;}
#oxList ul.o .tit{color: #14588f;}
#oxList ul.x .tit{color: #f74444;}
#oxList ul li{position: relative; padding: 1.4em; padding-left:55px; border-radius: 50px; font-size: 1.7rem; font-weight: 500;}
#oxList ul.o li{background-color: #f6fafe;}
#oxList ul.x li{background-color: #fff5f5;}
#oxList ul li:before{content: ''; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; }
#oxList ul.o li:before{background: url('/images/sub/ico_o_bl.png')no-repeat 100% center;}
#oxList ul.x li:before{background: url('/images/sub/ico_x_rd.png')no-repeat 100% center;}
@media all and (max-width:480px){
    #oxList{gap:5px;}
    #oxList ul .tit{font-size: 2.0rem;}
    #oxList ul li{font-size: 1.5rem;}
}

#intro3{display: flex; gap: 30px; flex-wrap: wrap; background:url('/images/sub/intro1-symbol.png')no-repeat right bottom;}
#intro3 li{width: calc((100% - 90px)/4); text-align: center; }
#intro3 li .img{position: relative; border:1px solid #dddddd70; background: #dddddd21; margin-bottom: 6px;}
#intro3 li .img img{max-width: 100%;}
#intro3 li .type{position: relative; z-index: 30; font-size: 1.7rem; width: 90%; margin: -20px auto 0; background: linear-gradient(to right, #55a234, #14588f); color: #fff; padding: 0.6em 0; }
#intro3 li p:not(.type){font-size: 1.8rem; color: #222; padding: 0.5em 0; }
@media all and (max-width:1280px){
    #intro3 li{width: calc((100% - 60px)/3);}
}
@media all and (max-width:768px){
    #intro3 li{width: calc((100% - 30px)/2);}
}
@media all and (max-width:568px){
    #intro3{gap: 10px;}
    #intro3 li{width: calc((100% - 10px)/2);}
    #intro3 li .type{padding: 0.7em 1em; font-size: 1.5rem;}
    #intro3 li p:not(.type){font-size: 1.6rem;}
}



.d-table { position: relative; width: 100%; margin-left:auto;	margin-right:auto; display: table; table-layout: fixed; }
.d-table > div { display: table-cell; vertical-align: middle; width: 50%; }
.d-table .img img { max-width: 100%; }
.d-table .cont { padding: 3% 4%; direction: ltr; }
.d-table .cont h4 { font-weight: 400; margin: 0.8em 0 1.2em; }

@media all and (max-width:1280px) {
    .d-table > div { vertical-align: top; }
  }
  
  @media all and (max-width:880px) {
    .d-table { display: block; }
    .d-table > div { display: block; width: 100%; }
    .d-table .img { text-align: center; }
    .d-table .cont { padding: 5% 3% !important; }
  }
  
  @media all and (max-width:568px) {
    .d-table .cont .stxt1 br { display: none; }
  }

#sContact .cont{background:url('/images/sub/intro1-symbol.png')no-repeat right top}
  #sContact .cont .in { max-width: 700px; width: 100%; padding-left: 3%; }
#sContact .cont .in .t1 { margin: 1em 0; font-size: 2.2rem; font-weight: 500; color: #222;}
#sContact .cont .in .t2 {font-size: 1.8rem;}
#sContact .cont .in .t2 span.fz{font-size: 2.6rem;}
#sContact .cont .in .CSinfo { padding: 5% 7%; background-color: #f9f9f977;}
#sContact .cont .in .CSinfo dl { font-size:0; margin: 1.5rem 0; }
#sContact .cont .in .CSinfo dl dt,
#sContact .cont .in .CSinfo dl dd { display: inline-block; vertical-align: middle; }
#sContact .cont .in .CSinfo dl dt { width: 25%; font-size: 2.4rem; font-weight: 600; color:#346791; }
#sContact .cont .in .CSinfo dl dd { width: 75%; }
#sContact .cont .in .CSinfo .hour dd { vertical-align: top; }
#sContact .cont .in .CSinfo .hour dd p { font-size: 1.6rem; color:#2a2a3b; display: inline-block; font-weight: 400; margin-bottom: 0.5em;  }
#sContact .cont .in .CSinfo .hour dd .day { color:#3f3f46; display: inline-block; margin-right: 1em; min-width: 50px; font-weight: bold;}
#sContact .cont .in .CSinfo .tel dt { line-height: 1.8em; }
#sContact .cont .in .CSinfo .tel dd { font-size: 3rem; font-weight: 800; color:#14588f; line-height: 1.0em;}
#sContact .cont .in .CSinfo .kakao { width: 100%; max-width: 500px; overflow: hidden; background: #fff;
                                                      border: 1px solid #402521; margin-top: 4rem; }
#sContact .cont .in .CSinfo .kakao dt,
#sContact .cont .in .CSinfo .kakao dd { width: 50%; text-align: center; box-sizing: border-box; line-height: 2.5em; font-size: 1.7rem;  }
#sContact .cont .in .CSinfo .kakao dt { color:#ffe500; background: #402521; font-weight: 500; max-width: 100%;  }
#sContact .cont .in .CSinfo .kakao dd { color:#402521; }


@media all and (max-width:1480px) {
  #sContact .cont .in .stxt2 { font-size: 1.6rem; }
  #sContact .cont .in .typo1 { font-size: 2.8rem; }
  #sContact .cont .in .CSinfo { padding: 4% 7%; }
  #sContact .cont .in .CSinfo dl dt { font-size: 2rem; }
  #sContact .cont .in .CSinfo .kakao dt,
  #sContact .cont .in .CSinfo .kakao dd { font-size: 1.5rem; }
}

@media all and (max-width:1280px) {
  #sContact .cont { padding-top:0; }
  #sContact .cont .in .typo1 { font-size: 2.6rem; }
}

@media all and (max-width:976px) {
  #sContact .cont .in .typo1 { font-size: 2.4rem; }
  #sContact .cont .in .CSinfo .hour dd p { font-size: 1.4rem; }
  #sContact .cont .in .CSinfo dl dt { width: 32%; max-width: 150px;  }
  #sContact .cont .in .CSinfo dl dd { width: 68%; }
}

@media all and (max-width:880px) {
  #sContact { padding: 0 4%; }
  #sContact .cont .in { max-width: 100%; padding-left:0; padding-top: 3%;  }
  #sContact .cont .in .stxt2 { font-size: 1.8rem; }
  #sContact .cont .in .typo1 { font-size: 3rem; }
  #sContact .cont .in .CSinfo { padding: 4% 5%; }
}

@media all and (max-width:568px) {
  #sContact .cont .in .stxt2 { font-size: 1.7rem; }
  #sContact .cont .in .typo1 { font-size: 2.8rem; }
  #sContact .cont .in .CSinfo dl dt { width: 26%;  }
  #sContact .cont .in .CSinfo dl dd { width: 74%; }
}

#sMap{position: relative;}
#sMap .name{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 999; padding: 30px ; font-size: 3.0rem;}
.sloca{font-size: 2.0rem; padding: 30px; background-color: #fff; border-top: 3px solid #14588f; display: flex; justify-content: center; margin: -60px auto 0; position: relative; z-index: 99; width: 80%; box-shadow: 0 1px 1px #ddd;}
.sloca p{margin: 3%;}
.sloca strong{margin-inline: 1em; color: #2a2a3b;}
.sloca img{vertical-align: middle; margin-right: 1em;}
@media all and (max-width:976px){
    .sloca{flex-direction: column; align-items: center;}
}
@media all and (max-width:568px){
    #sMap .wrap_map{height: 400px !important;}
    .sloca{padding: 15px;}
    .sloca p{text-align: center; font-size: 1.6rem;}
    .sloca p img.logo{max-width: 80%;}
    .sloca p img.icon{max-width: 20px;}
    .sloca strong{margin-inline: 0.5em;}
}