/* color */
@media screen and (min-width: 768px) {
  #mv .main_title.sub .hd01 span {
    letter-spacing: 0.15em;
  }
}
@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: 17.1875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .text .tt {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #mv .main_title.sub .text .tx {
    width: 66.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .text .tx {
    width: 852px;
  }
}

#sec01 {
  position: relative;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 {
    margin-top: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 {
    margin-top: 150px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 {
    padding-bottom: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 {
    margin-top: 15.3846153846vw;
    padding-bottom: 17.9487179487vw;
  }
}
#sec01 .hd01 {
  display: none;
}
@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: 36px;
    font-size: 2.8125vw;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 h2 {
    font-size: 36px;
  }
}
@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 .list {
    display: grid;
    grid-template: auto/auto auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .list {
    margin-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .list {
    row-gap: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list {
    row-gap: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .list {
    column-gap: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list {
    column-gap: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s01 .list {
    margin-top: 7.6923076923vw;
    display: flex;
    flex-direction: column;
    row-gap: 10.2564102564vw;
  }
}
#sec01_s01 .list > li .ph {
  overflow: hidden;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .list > li .ph {
    border-radius: 0.46875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list > li .ph {
    border-radius: 6px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s01 .list > li .ph {
    border-radius: 1.5384615385vw;
  }
}
#sec01_s01 .list > li h3 {
  font-weight: 500;
  border-bottom: solid #DADFE1;
}
@media screen and (min-width: 768px) {
  #sec01_s01 .list > li h3 {
    text-align: center;
    color: #00A291;
    font-size: 22px;
    font-size: 1.71875vw;
    line-height: 1.5454545455;
    border-bottom-width: 1px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .list > li h3 {
    margin-top: 2.734375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list > li h3 {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list > li h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .list > li h3 {
    padding-bottom: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list > li h3 {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s01 .list > li h3 {
    margin-top: 5.1282051282vw;
    font-size: 4.6153846154vw;
    line-height: 7.1794871795vw;
    padding-bottom: 3.8461538462vw;
    border-bottom-width: 0.2564102564vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s01 .list > li .tx {
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 2.25;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s01 .list > li .tx {
    padding-top: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list > li .tx {
    padding-top: 25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s01 .list > li .tx {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s01 .list > li .tx {
    padding-top: 3.8461538462vw;
    font-size: 4.1025641026vw;
    line-height: 8.7179487179vw;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 {
    margin-top: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 {
    margin-top: 150px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 {
    margin: 15.3846153846vw 7.6923076923vw 0;
  }
}
#sec01_s02 h2 {
  color: #00A291;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #sec01_s02 h2 {
    font-size: 36px;
    font-size: 2.8125vw;
    line-height: 1.6666666667;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 h2 {
    font-size: 6.1538461538vw;
    line-height: 9.2307692308vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .tx01 {
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 2.25;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .tx01 {
    margin-top: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .tx01 {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .tx01 {
    width: 61.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .tx01 {
    width: 790px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .tx01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .tx01 {
    margin-top: 5.1282051282vw;
    font-size: 4.1025641026vw;
    line-height: 8.7179487179vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .table {
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
    display: flex;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .table {
    margin-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .table {
    column-gap: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table {
    column-gap: 80px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .table {
    margin-top: 7.6923076923vw;
    display: flex;
    flex-direction: column;
    row-gap: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .table > li:nth-child(1) {
    width: calc(50% - 7.421875vw);
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table > li:nth-child(1) {
    width: calc(50% - 95px);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .table > li:nth-child(2) {
    width: 47.578125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table > li:nth-child(2) {
    width: 609px;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .table > li .im img {
    object-fit: cover;
    object-position: left center;
    border-radius: 0 0.9375vw 0.9375vw 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .table > li .im img {
    height: 52.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table > li .im img {
    height: 670px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table > li .im img {
    border-radius: 0 12px 12px 0;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .table > li .im img {
    border-radius: 1.5384615385vw;
  }
}
#sec01_s02 .table > li > ul {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .table > li > ul {
    row-gap: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table > li > ul {
    row-gap: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .table > li > ul {
    row-gap: 7.6923076923vw;
  }
}
#sec01_s02 .table > li h3 {
  font-weight: 500;
  color: #00A291;
}
@media screen and (min-width: 768px) {
  #sec01_s02 .table > li h3 {
    font-size: 22px;
    font-size: 1.71875vw;
    line-height: 1.5454545455;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table > li h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .table > li h3 {
    font-size: 4.6153846154vw;
    line-height: 7.1794871795vw;
    letter-spacing: 0.07em;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .table > li .tx {
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 2.25;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .table > li .tx {
    margin-top: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table > li .tx {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .table > li .tx {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .table > li .tx {
    margin-top: 3.8461538462vw;
    font-size: 3.8461538462vw;
    line-height: 7.6923076923vw;
  }
}
/*# sourceMappingURL=index.css.map */