@charset "utf-8";

/* .cont */
.cont{
}


/* #cont1 */
#cont1{
}
#cont1 .lead{
  margin:min(7%,70px) 0 min(3%,30px);
}
#cont1 .lead p{
  margin-top:1em;
}
#cont1 .sec{
  padding:min(3%,30px) 0;
}
#cont1 .sec:last-of-type{
  padding-bottom:0;
}
#cont1 .sec .menu_list li{
  width:49%;
  margin-top:0;
}
#cont1 .sec .menu_list li:nth-child(n+3){
  margin-top:2%;
}
#cont1 .sec .menu_list li a{
  padding:1.5%;
  font-size:min(2vw,20px);
  background:#F5E3DC url(../images/icon_more_btn.svg)no-repeat right 1em bottom 0.6em;
  background-size:1.2em auto;
}
#cont1 .sec .menu_list li a:hover{
  background-color:#fff;
}
#cont1 .sec .menu_list li a figure{
  width:24%;
  background-color:#fff;
}
#cont1 .sec .menu_list li a:hover figure{
  background-color:#F5E3DC;
}

@media screen and (max-width:768px){
  #cont1 .lead{
    margin:9% 6% 5%;
    text-align:left;
  }
  #cont1 .sec{
    padding:5% 0;
  }
  #cont1 .sec .menu_list li{
    width:auto;
  }
  #cont1 .sec .menu_list li:nth-child(n+2){
    margin-top:3%;
  }
  #cont1 .sec .menu_list li a{
    padding:2%;
    font-size:5vw;
    background:#F5E3DC url(../images/icon_more_btn.svg)no-repeat right 1em bottom 0.6em;
    background-size:1em auto;
  }
  #cont1 .sec .menu_list li a figure{
    width:36%;
  }
}


/* #cont2 */
#cont2{
}
#cont2 .lead{
  margin-top:min(7%,70px);
  padding:0 3%;
}
#cont2 .cont_wrapper{
  margin-top:min(4%,40px);
  padding:min(5%,50px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont2 .cont_wrapper:first-of-type{
  margin-top:min(7%,70px);
}
#cont2 .cont_wrapper figure{
  width:min(37%,368px);
}
#cont2 .cont_wrapper .sec{
  width:min(61%,602px);
  text-align:left;
}
#cont2 .cont_wrapper .sec p{
  margin-top:1em;
}
#cont2 .cont_wrapper .sec.w100{
  width:100%;
}
#cont2 .cont_wrapper .sec .text_right{
  margin-top:1.5em;
}
#cont2 .cont_wrapper .sec .text_right a{
  border-bottom:1px solid;
}

@media screen and (max-width:768px){
  #cont2 .lead{
    margin-top:9%;
    padding:0 6%;
    text-align:left;
  }
  #cont2 .cont_wrapper{
    margin-top:9%;
    padding:7% 5%;
    display: block;
  }
  #cont2 .cont_wrapper:first-of-type{
    margin-top:9%;
  }
  #cont2 .cont_wrapper figure{
    width:auto;
  }
  #cont2 .cont_wrapper .sec{
    width:auto;
    margin-top:7%;
  }
}


/* #cont3 */
#cont3{
}
#cont3 .lead{
  margin-top:min(7%,70px);
}
#cont3 .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;
}
#cont3 .cont_wrapper figure{
  width:min(40%,450px);
}
#cont3 .cont_wrapper .sec{
  width:min(52%,590px);
  text-align:left;
}
#cont3 .cont_wrapper .sec p{
  margin-top:1em;
}
#cont3 .cont_wrapper .sec .text_right{
  margin-top:1.5em;
}
#cont3 .cont_wrapper .sec .text_right a{
  border-bottom:1px solid;
}

@media screen and (max-width:768px){
  #cont3 .lead{
    margin-top:9%;
    padding: 0 6%;
    text-align:left;
  }
  #cont3 .cont_wrapper{
    margin-top:9%;
    display: block;
  }
  #cont3 .cont_wrapper figure{
    width:auto;
  }
  #cont3 .cont_wrapper .sec{
    width:auto;
    margin-top:7%;
  }
}


/* #cont4 */
#cont4{
}
#cont4 .lead{
  margin-top:min(7%,70px);
}
#cont4 .lead p{
  margin-top:1em;
}


@media screen and (max-width:768px){
  #cont4 .lead{
    margin-top:9%;
    padding:0 6%;
    text-align:left;
  }
}