/* 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;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #sec01_s01 h2 {
    font-size: 36px;
    font-size: 2.8125vw;
    line-height: 1.6666666667;
  }
}
@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;
    letter-spacing: 0.1em;
  }
}
@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;
    letter-spacing: 0.07em;
  }
}
@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: 9.375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 {
    margin-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 {
    margin-top: 15.3846153846vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .ita {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: -1.5625vw 1.5625vw 3.125vw rgba(14, 42, 122, 0.02);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .ita {
    padding-top: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita {
    padding-top: 56px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .ita {
    padding-bottom: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita {
    padding-bottom: 56px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .ita {
    border-radius: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita {
    border-radius: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita {
    box-shadow: -20px 20px 40px rgba(14, 42, 122, 0.02);
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .ita {
    margin: 0 7.6923076923vw;
    background: #FFFFFF;
    border-radius: 1.5384615385vw;
    padding: 11.5384615385vw;
  }
}
#sec01_s02 .ita .table {
  display: flex;
}
@media screen and (max-width: 767px) {
  #sec01_s02 .ita .table {
    flex-direction: column;
    row-gap: 15.3846153846vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .ita .table li {
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .ita .table li:not(:first-child) {
    border-left: 1px solid #DADFE1;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .ita .table li:not(:first-child) {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .ita .table li:not(:first-child):after {
    content: "";
    position: absolute;
    top: -7.6923076923vw;
    left: 0;
    right: 0;
    border-top: 0.2564102564vw solid #DADFE1;
  }
}
#sec01_s02 .ita .table li h2 {
  color: #00A291;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #sec01_s02 .ita .table li h2 {
    font-size: 36px;
    font-size: 2.8125vw;
    line-height: 1.6666666667;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita .table li h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .ita .table li h2 {
    font-size: 6.1538461538vw;
    line-height: 9.2307692308vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .ita .table li h2 img {
    width: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita .table li h2 img {
    width: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .ita .table li h2 img {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita .table li h2 img {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .ita .table li h2 img {
    margin-right: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita .table li h2 img {
    margin-right: 12px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .ita .table li h2 img {
    width: 7.6923076923vw;
    margin-top: 1.0256410256vw;
    margin-right: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01_s02 .ita .table li .tx {
    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 .ita .table li .tx {
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita .table li .tx {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01_s02 .ita .table li .tx {
    width: 29.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita .table li .tx {
    width: 380px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01_s02 .ita .table li .tx {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #sec01_s02 .ita .table li .tx {
    margin-top: 3.8461538462vw;
    font-size: 4.1025641026vw;
    line-height: 8.7179487179vw;
  }
}
/*# sourceMappingURL=index.css.map */