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

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


/* #cont2 */
#cont2{
}
#cont2 .cont_wrapper li{
  margin-top:min(7%,70px);
  padding:min(6%,60px);
}
#cont2 .cont_wrapper li h3{
  padding-left:1.1em;
  text-indent:-1.1em;
}
#cont2 .cont_wrapper li p{
  text-align:left;
}

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



/* #cont3 */
#cont3{
}
#cont3 .lead{
  margin-top:min(7%,70px);
}
#cont3 .tbl{
  margin-top:min(7%,70px);
  border-bottom:1px solid #947A70;
}
#cont3 .tbl td{
  background-color:#FAF8F8;
}

@media screen and (max-width:768px){
  #cont3 .lead{
    margin-top:9%;
    padding:0 6%;
    text-align:left;
  }
  #cont3 .tbl th{
    width:auto;
  }
  #cont3 .tbl th:first-of-type{
    width:2em;
    line-height:1;
    letter-spacing:0.1em;
    text-indent:0.1em;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright;
  }
}


/* #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;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#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 .tbl {
  width:100%;
  margin-top:min(3%,30px);
  border-bottom:1px solid #DB7E7E;
}
#cont4 .cont_wrapper .tbl tr {
  border-top:1px solid #DB7E7E;
}
#cont4 .cont_wrapper .tbl th {
  color:#DB7E7E;
  background-color:#FFF4F4;
}
#cont4 .cont_wrapper .tbl td {
  border-left:1px solid #DB7E7E;
  text-align:left;
}

#cont4 .cont_wrapper .tbl.merit th {
  width:300px;
}

#cont4 .cont_wrapper .tbl.maru{
  width:100%;
}
#cont4 .cont_wrapper .tbl.maru tbody{
  display: -webkit-flex;
  display: flex;
}
#cont4 .cont_wrapper .tbl.maru tr{
  width:25%;
  display: -webkit-flex;
  display: flex;
}
#cont4 .cont_wrapper .tbl.maru th{
  width:9em;
}
#cont4 .cont_wrapper .tbl.maru tr:nth-child(n+2) th{
  border-left:1px solid;
}
#cont4 .cont_wrapper .tbl.maru td{
  flex:1;
  padding:0;
  font-size:min(2.8vw,28px);
  color:#DB7E7E;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

@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 .tbl {
    width:100%;
    margin-top:9%;
  }
  #cont4 .cont_wrapper .tbl th {
    width:100%;
    display:block;
    border-bottom:1px solid #DB7E7E;
    padding:0.5em 0;
  }
  #cont4 .cont_wrapper .tbl td {
    display:block;
    border-left:none;
  }
  
  #cont4 .cont_wrapper .tbl.merit th {
    width:auto;
  }
  
  #cont4 .cont_wrapper .tbl.maru{
    border-top:1px solid #DB7E7E;
  }
  #cont4 .cont_wrapper .tbl.maru tbody{
    flex-direction: column;
  }
  #cont4 .cont_wrapper .tbl.maru tr{
    width:100%;
    display: -webkit-flex;
    display: flex;
    border:none;
  }
  #cont4 .cont_wrapper .tbl.maru tr th{
    width:12em;
    border:none !important;
  }
  #cont4 .cont_wrapper .tbl.maru tr td{
    font-size:5vw;
  }
}


/* #cont5 */
#cont5{
}
#cont5 .lead{
  margin-top:min(7%,70px);
  padding:0 6%;
}
#cont5 .lead p{
  margin-top:1em;
}
#cont5 .lead p a{
  border-bottom:1px solid;
}

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