/* color */
@media screen and (min-width: 768px) and (min-width: 768px) {
  #mv .main_title.sub .text {
    margin-top: -18.984375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .text {
    margin-top: -243px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #mv .main_title.sub .text .tt {
    width: 38.28125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .text .tt {
    width: 490px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #mv .main_title.sub .text .tx {
    width: 44.53125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .text .tx {
    width: 570px;
  }
}

#sec01 {
  position: relative;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 {
    margin-top: 12.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 {
    margin-top: 158px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 {
    padding-bottom: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 {
    margin-top: 15.3846153846vw;
    padding-bottom: 15.3846153846vw;
  }
}
#sec01 .hd01 {
  display: none;
}
#sec01 .block {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #sec01 .block {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .block {
    width: 86.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block {
    width: 1110px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .block {
    margin: 0 7.6923076923vw;
  }
}

#sec01_s01 h2 {
  color: #00A291;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #sec01_s01 h2 {
    font-size: 40px;
    font-size: 3.125vw;
    letter-spacing: 0.15em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 h2 {
    line-height: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 h2 {
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s01 h2 {
    font-size: 6.6666666667vw;
    line-height: 11.2820512821vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s01 h2 span {
    letter-spacing: 0.1em;
  }
}
#sec01_s01 .tx01 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #sec01_s01 .tx01 {
    font-size: 18px;
    font-size: 1.40625vw;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .tx01 {
    margin-top: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .tx01 {
    margin-top: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .tx01 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .tx01 {
    line-height: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .tx01 {
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s01 .tx01 {
    margin-top: 2.5641025641vw;
    font-size: 4.358974359vw;
    line-height: 8.7179487179vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .list {
    margin-top: 3.046875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list {
    margin-top: 39px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s01 .list {
    margin-top: 10.2564102564vw;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02,
  #sec01_s03 {
    margin-top: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02,
  #sec01_s03 {
    margin-top: 150px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02,
  #sec01_s03 {
    margin-top: 15.3846153846vw;
  }
}
#sec01_s02 h2,
#sec01_s03 h2 {
  color: #00A291;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #sec01_s02 h2,
  #sec01_s03 h2 {
    font-size: 36px;
    font-size: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 h2,
  #sec01_s03 h2 {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 h2,
  #sec01_s03 h2 {
    line-height: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 h2,
  #sec01_s03 h2 {
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 h2,
  #sec01_s03 h2 {
    font-size: 6.6666666667vw;
    line-height: 11.2820512821vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.40625vw;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    margin-top: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    width: 61.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    width: 790px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    line-height: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .tx01,
  #sec01_s03 .tx01 {
    margin-top: 2.5641025641vw;
    font-size: 4.358974359vw;
    line-height: 8.7179487179vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .list,
  #sec01_s03 .list {
    display: grid;
    grid: auto/1fr 1fr;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list,
  #sec01_s03 .list {
    margin-top: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list,
  #sec01_s03 .list {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list,
  #sec01_s03 .list {
    row-gap: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list,
  #sec01_s03 .list {
    row-gap: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list,
  #sec01_s03 .list {
    column-gap: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list,
  #sec01_s03 .list {
    column-gap: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .list,
  #sec01_s03 .list {
    margin-top: 7.6923076923vw;
    display: flex;
    flex-direction: column;
    row-gap: 10.2564102564vw;
  }
}
#sec01_s02 .list > li .ph,
#sec01_s03 .list > li .ph {
  overflow: hidden;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list > li .ph,
  #sec01_s03 .list > li .ph {
    border-radius: 0.46875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list > li .ph,
  #sec01_s03 .list > li .ph {
    border-radius: 6px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .list > li .ph,
  #sec01_s03 .list > li .ph {
    border-radius: 3.0769230769vw;
  }
}
#sec01_s02 .list > li .tt,
#sec01_s03 .list > li .tt {
  font-weight: 500;
  border-bottom: solid #DADFE1;
}
@media screen and (min-width: 768px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    font-size: 22px;
    font-size: 1.71875vw;
    border-bottom-width: 1px;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    margin-top: 1.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    margin-top: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    line-height: 2.65625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    line-height: 34px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    padding-bottom: 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .list > li .tt,
  #sec01_s03 .list > li .tt {
    margin-top: 5.1282051282vw;
    font-size: 4.6153846154vw;
    line-height: 7.1794871795vw;
    padding-bottom: 3.8461538462vw;
    border-bottom-width: 0.2564102564vw;
    letter-spacing: 0.07em;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .list > li .tx,
  #sec01_s03 .list > li .tx {
    font-size: 16px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list > li .tx,
  #sec01_s03 .list > li .tx {
    margin-top: 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list > li .tx,
  #sec01_s03 .list > li .tx {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list > li .tx,
  #sec01_s03 .list > li .tx {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .list > li .tx,
  #sec01_s03 .list > li .tx {
    line-height: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .list > li .tx,
  #sec01_s03 .list > li .tx {
    line-height: 36px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .list > li .tx,
  #sec01_s03 .list > li .tx {
    margin-top: 3.8461538462vw;
    font-size: 4.1025641026vw;
    line-height: 8.7179487179vw;
  }
}

@media screen and (min-width: 768px) {
  #sec01_s02 .tx01 {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  #sec01_s03 .tx01 {
    text-align: left;
  }
}
/*# sourceMappingURL=index.css.map */