/* color */
@media screen and (min-width: 768px) {
  #mv .main_title.sub .hd01 span {
    letter-spacing: 0.15em;
  }
}

#sec01 {
  position: relative;
}
@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 {
    padding-bottom: 15.3846153846vw;
  }
}
#sec01 .hd01 {
  display: none;
}
#sec01 .block {
  display: flex;
  flex-direction: column;
}
@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 (min-width: 768px) and (min-width: 768px) {
  #sec01 .block {
    row-gap: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block {
    row-gap: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .block {
    margin: 0 7.6923076923vw;
    row-gap: 7.6923076923vw;
  }
}
#sec01 .block > section {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .block > section {
    row-gap: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section {
    row-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .block > section {
    row-gap: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .block > section:first-child {
    margin-top: 4.453125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section:first-child {
    margin-top: 57px;
  }
}
#sec01 .block > section:not(:first-child) {
  border-top: solid #DADFE1;
}
@media screen and (min-width: 768px) {
  #sec01 .block > section:not(:first-child) {
    border-top-width: 1px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .block > section:not(:first-child) {
    padding-top: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section:not(:first-child) {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .block > section:not(:first-child) {
    padding-top: 7.6923076923vw;
    border-top-width: 0.2564102564vw;
  }
}
#sec01 .block > section h2 {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #sec01 .block > section h2 {
    font-size: 32px;
    font-size: 2.5vw;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .block > section h2 {
    line-height: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section h2 {
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .block > section h2 {
    font-size: 6.6666666667vw;
    line-height: 11.2820512821vw;
  }
}
#sec01 .block > section .tx {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  #sec01 .block > section .tx {
    font-size: 15px;
    font-size: 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section .tx {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .block > section .tx {
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section .tx {
    line-height: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .block > section .tx {
    row-gap: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section .tx {
    row-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .block > section .tx {
    font-size: 3.3333333333vw;
    line-height: 5.8974358974vw;
    row-gap: 2.5641025641vw;
  }
}
#sec01 .block > section .tx a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
#sec01 .block > section h4 {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #sec01 .block > section h4 {
    font-size: 18px;
    font-size: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .block > section h4 {
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .block > section h4 {
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .block > section h4 {
    font-size: 4.1025641026vw;
    line-height: 6.6666666667vw;
  }
}
/*# sourceMappingURL=index.css.map */