@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 .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;
}

#cont1 .list_sec{
  margin-top:min(7%,70px);
  padding:min(6%,60px);
}
#cont1 .list_sec .disc_list{
  padding:1.5% 3%;
  text-align:left;
}
#cont1 .list_sec .disc_list li{
  margin:1% 0;
}
#cont1 .list_sec .disc_list li:before{
  color:#947A70;
}

#cont1 .flow_sec{
  margin-top:min(5%,50px);
  padding:min(6%,60px);
}
#cont1 .flow_sec .flow_list li{
  width:32.4%;
}
#cont1 .flow_sec .flow_list li:nth-child(4n+4){
  margin-right:1.3%;
}
#cont1 .flow_sec .flow_list li:nth-child(3n+3){
  margin-right:0;
}
#cont1 .flow_sec .flow_list li:nth-child(n+4){
  margin-top:min(4%,40px);
}
#cont1 .flow_sec + p{
  margin-top:1em;
}
#cont1 .flow_sec + p a{
  border-bottom:1px solid;
}

@media screen and (max-width:768px){
  #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;
  }
  
  #cont1 .list_sec{
    margin-top:9%;
    padding:6% 5%;
  }
  #cont1 .list_sec .disc_list{
    padding:5% 3%;
    text-align:left;
  }
  #cont1 .list_sec .disc_list li{
    margin:1% 2.5%;
  }
  
  #cont1 .flow_sec{
    padding:6% 5%;
  }
  #cont1 .flow_sec .flow_list li{
    width:auto;
  }
  #cont1 .flow_sec .flow_list li:nth-child(n+4){
    margin-top:9%;
  }
}


/* #cont2 */
#cont2{
}
#cont2 .cont_wrapper{
  margin-top:min(7%,70px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont2 .cont_wrapper figure{
  width:min(40%,450px);
}
#cont2 .cont_wrapper .sec{
  width:min(52%,590px);
  text-align:left;
}
#cont2 .cont_wrapper .sec p:nth-of-type(n+2){
  margin-top:1em;
}
#cont2 .cont_wrapper .sec ul{
  margin-top:1em;
}

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


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

#cont3 .sec{
  margin-top:min(7%,70px);
  padding:min(6%,60px);
}
#cont3 .sec:nth-of-type(n+2){
  margin-top:min(5%,50px);
}
#cont3 .sec .disc_list{
  padding:1.5% 3%;
  text-align:left;
}
#cont3 .sec .disc_list li{
  margin:1% 0;
}
#cont3 .sec .disc_list li:before{
  color:#947A70;
}

@media screen and (max-width:768px){
  #cont3 .lead{
    margin-top:9%;
    padding:0 6%;
    text-align:left;
  }
  #cont3 .sec{
    margin-top:9%;
    padding:6% 5%;
  }
  #cont3 .sec .disc_list{
    padding:5% 3%;
    text-align:left;
  }
  #cont3 .sec .disc_list li{
    margin:1% 2.5%;
  }
  #cont3 .sec .disc_list li:before{
    color:#947A70;
  }
}


/* #cont4 */
#cont4{
}
#cont4 .flow_list{
  margin-top:min(7%,70px);
}
#cont4 .flow_list li figure figcaption .small{
  display:block;
  font-size:min(1.6vw,16px);
  letter-spacing:0.1em;
}


@media screen and (max-width:768px){
  #cont4 .flow_list{
    margin-top:9%;
  }
  #cont4 .flow_list li figure figcaption .small{
    font-size:4vw;
  }
}


/* #cont5 */
#cont5 .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;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont5 .cont_wrapper .fig{
  width:min(35%,350px);
}
#cont5 .cont_wrapper .sec{
  width:min(60%,602px);
  text-align:left;
}
#cont5 .cont_wrapper .sec p{
  margin-top:1em;
}

@media screen and (max-width:768px){
  #cont5 .cont_wrapper{
    margin-top:9%;
    padding:9% 6%;
    display: block;
  }
  #cont5 .cont_wrapper:nth-of-type(n+2){
    margin-top:9%;
  }
  #cont5 .cont_wrapper .fig{
    width:auto;
  }
  #cont5 .cont_wrapper .sec{
    width:auto;
    margin-top:9%;
  }
}


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

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