@charset "utf-8";

/* .cont */
.cont{
}


/* #cont1 */
#cont1{
}
#cont1 .cont_wrapper{
  margin-top:min(7%,70px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#cont1 .cont_wrapper figure{
  width:min(40%,450px);
}
#cont1 .cont_wrapper section{
  width:min(53%,600px);
  text-align:left;
}
#cont1 .cont_wrapper section h3{
  margin-bottom:5%;
  font-size:min(2.5vw,28px);
  letter-spacing:0.1em;
}
#cont1 .cont_wrapper section p{
  margin-top:1em;
}

#cont1 .concept_list{
  margin-top:min(6%,60px);
  padding:min(3%,30px) min(6%,60px);
}
#cont1 .concept_list li{
  padding:min(3%,30px) 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont1 .concept_list li:nth-child(even){
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#cont1 .concept_list figure{
  width:35%;
}
#cont1 .concept_list section{
  width:60%;
  text-align:left;
}
#cont1 .concept_list section h4{
  margin-bottom:1.6em;
  padding-bottom:0.8em;
  font-size:min(2.2vw,22px);
  font-weight:800;
  letter-spacing:0.1em;
  border-bottom:1px solid #E0D6D6;
  white-space:nowrap;
}
#cont1 .concept_list section p{
  margin-top:1em;
}

@media screen and (max-width:768px){
  #cont1 .cont_wrapper{
    margin-top:9%;
    display: block;
  }
  #cont1 .cont_wrapper figure{
    width:auto;
  }
  #cont1 .cont_wrapper section{
    width:auto;
    margin-top:5%;
  }
  #cont1 .cont_wrapper section h3{
    font-size:6.8vw;
  }
  #cont1 .cont_wrapper section h3 br{
    display:none;
  }
  
  #cont1 .concept_list{
    margin-top:9%;
  }
  #cont1 .concept_list li{
    padding:7% 0;
    display: block;
  }
  #cont1 .concept_list figure{
    width:auto;
  }
  #cont1 .concept_list section{
    width:auto;
    margin-top:7%;
  }
  #cont1 .concept_list section h4{
    margin-bottom:0.8em;
    padding-bottom:0.5em;
    font-size:5.5vw;
    white-space:normal;
  }
  #cont1 .concept_list section h4 br{
    display:none;
  }
}


/* #cont2 */
#cont2{
  background:#FAF8F8 url(../images/concept/cont2_bg.webp)no-repeat center top;
  background-size:100% auto;
}
#cont2 .lead{
  margin-top:min(7%,70px);
}
#cont2 .lead p{
  margin-top:1em;
}
#cont2 .policy{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont2 .policy li{
  width:min(31%,347px);
  margin-top:min(7%,70px);
}
#cont2 .policy li section{
  margin-top:7%;
  text-align:left;
}
#cont2 .policy li section h3{
  font-size:min(2vw,22px);
  letter-spacing:0.1em;
  white-space:nowrap;
}
#cont2 .policy li section p{
  margin-top:1em;
}
#cont2 .policy li section p a{
  border-bottom:1px solid;
}

#cont2 .sec{
  margin-top:min(7%,70px);
  padding:min(5%,50px);
}
#cont2 .sec p{
  margin-top:1em;
  text-align:left;
}
#cont2 .sec section{
  margin-top:5%;
  padding:5%;
}
#cont2 .sec section figure{
  width:92%;
  margin:3% auto;
}

@media screen and (max-width:768px){
  #cont2{
    background:#FAF8F8 url(../images/concept/cont2_bg_s.webp)no-repeat center top;
    background-size:100% auto;
  }
  #cont2 .lead{
    margin-top:9%;
    padding:0 6%;
    text-align:left;
  }
  #cont2 .policy{
    display: block;
  }
  #cont2 .policy li{
    width:auto;
    margin-top:12%;
  }
  #cont2 .policy li section{
    margin-top:5%;
  }
  #cont2 .policy li section h3{
    font-size:5.5vw;
  }

  #cont2 .sec{
    margin-top:9%;
    padding:7% 5%;
  }
  #cont2 .sec section{
    margin-top:9%;
    padding:9% 6%;
  }
  #cont2 .sec section figure{
    width:94%;
    margin:5% auto;
  }
}


/* #cont3 */
#cont3{
}
#cont3 .map_wrapper{
  max-width:1040px;
  margin-top:min(7%,70px);
}
#cont3 .map_wrapper .address{
  margin-top:1em;
}
#cont3 .map_wrapper .address li{
  padding-left:1.5em;
  text-indent:-1.5em;
  text-align:left;
}
#cont3 .map_wrapper .address li img{
  width:0.9em;
  margin-right:0.5em;
  vertical-align:-0.1em;
}

#cont3 .schedule_wrapper{
  max-width:800px;
  margin-top:min(7%,70px);
}
#cont3 .schedule_wrapper .table_wrapper{
  padding:1em 0;
  border-top:1px solid #E0D6D6;
  border-bottom:1px solid #E0D6D6;
}

#cont3 .schedule_wrapper .table_wrapper .schedule{
  font-size:min(2vw,20px);
}
#cont3 .schedule_wrapper .table_wrapper .schedule th:first-child{
  padding-left:1em;
}
#cont3 .table_wrapper .schedule tr:first-child th:last-child,
#cont3 .table_wrapper .schedule td:last-child{
  padding-right:3em;
}
#cont3 .schedule_wrapper .caution{
  margin-top:1em;
  text-align:left;
}
#cont3 .schedule_wrapper .pr{
  margin-top:min(3%,30px);
  text-align:left;
}

@media screen and (max-width:1100px){
  #cont3 .map_wrapper .map{
    position:relative;
    padding-top:42%;
  }
  #cont3 .map_wrapper .map iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
  }
}

@media screen and (max-width:768px){
  #cont3 .map_wrapper{
    margin-top:12%;
  }
  #cont3 .map_wrapper .map{
    padding-top:148%;
  }

  #cont3 .schedule_wrapper .table_wrapper{
    padding:1em;
  }
  #cont3 .schedule_wrapper .table_wrapper .schedule{
    font-size:4vw;
  }
  #cont3 .schedule_wrapper .table_wrapper .schedule th:first-child{
    padding-left:0;
  }
  #cont3 .table_wrapper .schedule tr:first-child th:last-child,
  #cont3 .table_wrapper .schedule td:last-child{
    padding-right:0;
  }
  #cont3 .schedule_wrapper .pr{
    margin-top:min(3%,30px);
    text-align:left;
  }
}


/* #cont4 */
#cont4{
}
#cont4 .cont_wrapper{
  margin-top:min(7%,70px);
  padding:min(6%,60px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont4 .cont_wrapper .fig{
  width:min(35%,350px);
}
#cont4 .cont_wrapper .sec{
  width:min(60%,602px);
  text-align:left;
}
#cont4 .cont_wrapper .sec p{
  margin-top:1em;
}
#cont4 .cont_wrapper .sec .more_btn{
  width:16.5em;
  margin-top:1em;
}

@media screen and (max-width:768px){
  #cont4 .cont_wrapper{
    margin-top:9%;
    padding:9% 6%;
    display: block;
  }
  #cont4 .cont_wrapper .fig{
    width:auto;
  }
  #cont4 .cont_wrapper .sec{
    width:auto;
    margin-top:9%;
  }
  #cont4 .cont_wrapper .sec .more_btn{
    width:auto;
  }
}