/* color */
@media screen and (min-width: 768px) {
  #mv .main_title.sub .im {
    padding-top: 46.875%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .im {
    padding-top: 600px;
  }
}
@media screen and (max-width: 767px) {
  #mv .main_title.sub .im {
    height: 66.6666666667vw;
  }
}
#mv .main_title.sub .im img {
  object-position: center 60%;
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 {
    margin-top: 14.0625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 {
    margin-top: 180px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 {
    padding-bottom: 10.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 {
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 {
    margin-top: 15.3846153846vw;
    padding-bottom: 15.3846153846vw;
  }
}
#sec01 .hd01 {
  display: none;
}
@media screen and (min-width: 768px) {
  #sec01 .list {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 17.1875vw auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list {
    width: 57.03125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list {
    width: 730px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list {
    grid-template-columns: 220px auto;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .list {
    margin: 0 12.8205128205vw;
  }
}
#sec01 .list > dt {
  font-weight: 500;
  position: relative;
}
@media screen and (min-width: 768px) {
  #sec01 .list > dt {
    font-size: 18px;
    font-size: 1.40625vw;
    line-height: 1.6666666667;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dt {
    padding-top: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dt {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dt {
    padding-bottom: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dt {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dt {
    width: 17.1875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dt {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dt {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .list > dt {
    padding: 10.2564102564vw 0 0;
    font-size: 4.1025641026vw;
    line-height: 6.6666666667vw;
    letter-spacing: 0.07em;
  }
}
#sec01 .list > dt:before, #sec01 .list > dt:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: solid;
}
@media screen and (min-width: 768px) {
  #sec01 .list > dt:before, #sec01 .list > dt:after {
    border-top-width: 1px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .list > dt:before, #sec01 .list > dt:after {
    border-top-width: 0.2564102564vw;
  }
}
#sec01 .list > dt:before {
  width: 100%;
  border-top-color: #DADFE1;
}
#sec01 .list > dt:after {
  border-top-color: #D9032D;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dt:after {
    width: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dt:after {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .list > dt:after {
    width: 20.5128205128vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .list > dd {
    position: relative;
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 2.25;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dd {
    padding-top: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dd {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dd {
    padding-bottom: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dd {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dd {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .list > dd {
    padding: 3.0769230769vw 0 10.2564102564vw;
    font-size: 3.8461538462vw;
    line-height: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .list > dd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #DADFE1;
  }
}
#sec01 .list > dd .im01 {
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  #sec01 .list > dd .im01 {
    position: relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dd .im01 {
    width: 10.625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dd .im01 {
    width: 136px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dd .im01 {
    margin-right: 2.96875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dd .im01 {
    margin-right: 38px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .list > dd .im01 {
    top: 0.234375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .list > dd .im01 {
    top: 3px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .list > dd .im01 {
    display: block;
    width: 40.2564102564vw;
    margin-bottom: 5.1282051282vw;
  }
}
#sec01 .list > dd.yakuin dl {
  display: grid;
  justify-self: flex-start;
  grid-template-columns: auto auto;
}
@media screen and (min-width: 768px) {
  #sec01 .list > dd.yakuin dl {
    grid-column-gap: 3em;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .list > dd.yakuin dl {
    grid-column-gap: 2em;
  }
}
/*# sourceMappingURL=index.css.map */