@charset "utf-8";

/* .cont */
.cont{
}


/* #cont1 */
#cont1{
  margin-top:min(9%,90px);
}
#cont1 .cont_wrapper{
  margin-top:min(7%,70px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont1 .cont_wrapper:nth-of-type(odd){
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#cont1 .cont_wrapper figure{
  width:min(40%,450px);
}
#cont1 .cont_wrapper .sec{
  width:min(52%,590px);
  text-align:left;
}
#cont1 .cont_wrapper .sec h3{
  margin-bottom:1.5em;
  font-size:min(2.8vw,28px);
  letter-spacing:0.1em;
}
#cont1 .cont_wrapper .sec p{
  margin-top:1em;
}

@media screen and (max-width:768px){
  #cont1{
    margin-top:15%;
  }
  #cont1 .cont_wrapper{
    margin-top:9%;
    display: block;
  }
  #cont1 .cont_wrapper figure{
    width:auto;
  }
  #cont1 .cont_wrapper .sec{
    width:auto;
    margin-top:9%;
  }

  #cont1 .cont_wrapper .sec h3{
    margin-bottom:1em;
    font-size:7vw;
  }
}


/* #cont2 */
#cont2{
}
#cont2 .lead{
  margin-top:min(7%,70px);
}
#cont2 .lead p{
  margin-top:1em;
}
#cont2 .tour{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont2 .tour li{
  width:min(31%,347px);
  margin-top:min(7%,70px);
}
#cont2 .tour li section{
  margin-top:7%;
  text-align:left;
}
#cont2 .tour li section h3{
  font-size:min(2vw,22px);
  letter-spacing:0.1em;
  white-space:nowrap;
}
#cont2 .tour li section p{
  margin-top:1em;
}
#cont2 .tour li section p a{
  border-bottom:1px solid;
}

#cont2 .cont_wrapper{
  margin-top:min(7%,70px);
  padding:min(5%,50px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#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;
}

@media screen and (max-width:768px){
  #cont2{
  }
  #cont2 .lead{
    margin-top:9%;
    padding:0 6%;
    text-align:left;
  }
  #cont2 .tour{
    display: block;
  }
  #cont2 .tour li{
    width:auto;
    margin-top:12%;
  }
  #cont2 .tour li section{
    margin-top:5%;
  }
  #cont2 .tour li section h3{
    font-size:5.5vw;
  }

  #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 .lead p{
  margin-top:1em;
}
#cont3 .lead p a{
  border-bottom:1px solid;
}

@media screen and (max-width:1200px){
}