@charset "UTF-8";
.wrap-content {
  padding: 0;
  background: #efe9f3;
}
@media (min-width: 768px) {
  .wrap-content {
    padding: 0 50px 50px;
    background: #e6e7ed;
  }
}
@media (min-width: 1024px) {
  .wrap-content {
    padding: 0 50px 50px;
  }
}

.about-wrap {
  padding: 12vw 0 0;
}
@media (min-width: 768px) {
  .about-wrap {
    padding: 2.19619vw 0 0;
  }
}
@media (min-width: 1024px) {
  .about-wrap {
    padding: 30px 0 0;
  }
}

.sect-ttl {
  text-align: center;
  letter-spacing: -1px; 
  color: #5f268c;
  font-family: "Noto Sans JP","メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 7.2vw;
  font-weight: bold;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .sect-ttl {
    font-size: 3.29429vw;
  }
}
@media (min-width: 1024px) {
  .sect-ttl {
    font-size: 45px;
  }
}
.sect-ttl span {
  display: block;
  font-size: 5.33333vw;
}
@media (min-width: 768px) {
  .sect-ttl span {
    font-size: 2.63543vw;
  }
}
@media (min-width: 1024px) {
  .sect-ttl span {
    font-size: 36px;
  }
}

.sect-sub_ttl {
  margin: 3.73333vw 0 7.2vw; 
  text-align: center;
  color: #333;
  font-size: 3.73333vw;
}
@media (min-width: 768px) {
  .sect-sub_ttl {
    margin: 1.83016vw 0 2.78184vw; 
    font-size: 1.1713vw;
  }
}
@media (min-width: 1024px) {
  .sect-sub_ttl {
    margin: 25px 0 38px; 
    font-size: 16px;
  }
}

.about-inner {
  background-color: #fff;
}
@media (min-width: 768px) {
  .about-inner {
    margin: 0 auto; 
    width: 100%;
    max-width: 94.14348vw;
  }
}
@media (min-width: 1024px) {
  .about-inner {
    max-width: 1286px;
  }
}

.about-box {
  padding: 9.86667vw 8vw 8vw;
}
@media (min-width: 768px) {
  .about-box {
    margin: 0 auto;
    padding: 4.39239vw 0 6.00293vw;
    width: 100%; 
    max-width: 57.10102vw;
  }
}
@media (min-width: 1024px) {
  .about-box {
    padding: 60px 0 82px;
    max-width: 780px;
  }
}

.txt {
  margin-bottom: 0; 
  text-align: left;
  font-family: "Noto Sans JP","メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 3.73333vw;
}
@media (min-width: 768px) {
  .txt {
    font-size: 1.31772vw;
  }
}
@media (min-width: 1024px) {
  .txt {
    font-size: 18px;
  }
}
.txt span {
  color: #60268d; 
  font-weight: bold;
}
.txt.-bold {
  font-weight: bold;
}
.txt.-lead {
  text-align: center;
  letter-spacing: -1.6px;
}
@media (min-width: 768px) {
  .txt.-lead {
    font-size: 1.46413vw;
  }
}
@media (min-width: 1024px) {
  .txt.-lead {
    font-size: 20px;
  }
}
.txt + .inner-ttl {
  margin-top: 6.66667vw;
}
@media (min-width: 768px) {
  .txt + .inner-ttl {
    margin-top: 3.00146vw;
  }
}
@media (min-width: 1024px) {
  .txt + .inner-ttl {
    margin-top: 41px;
  }
}
.txt + .about-img {
  margin-top: 6.66667vw;
}
@media (min-width: 768px) {
  .txt + .about-img {
    margin-top: 1.97657vw;
  }
}
@media (min-width: 1024px) {
  .txt + .about-img {
    margin-top: 27px;
  }
}
.txt + .small-ttl {
  margin-top: 8vw;
}
@media (min-width: 768px) {
  .txt + .small-ttl {
    margin-top: 1.90337vw;
  }
}
@media (min-width: 1024px) {
  .txt + .small-ttl {
    margin-top: 26px;
  }
}
.txt + .btn-wrap {
  margin-top: 8.8vw;
}
@media (min-width: 768px) {
  .txt + .btn-wrap {
    margin-top: 2.48902vw;
  }
}
@media (min-width: 1024px) {
  .txt + .btn-wrap {
    margin-top: 34px;
  }
}
.txt + .accordion-wrap {
  margin-top: 9.86667vw;
}
@media (min-width: 768px) {
  .txt + .accordion-wrap {
    margin-top: 2.34261vw;
  }
}
@media (min-width: 1024px) {
  .txt + .accordion-wrap {
    margin-top: 32px;
  }
}

.about-list-wrap {
  margin-top: 4vw; 
  padding: 4vw;
  background-color: #c1abe5;
  background-image: linear-gradient(to bottom, #dfd8f2 0%, #c0abe1 100%);
}
@media (min-width: 768px) {
  .about-list-wrap {
    margin-top: 2.19619vw; 
    padding: 2.19619vw;
  }
}
@media (min-width: 1024px) {
  .about-list-wrap {
    margin-top: 30px; 
    padding: 30px;
  }
}
.about-list-wrap .about-list {
  background-color: #fff;
}
@media (min-width: 768px) {
  .about-list-wrap .about-list {
    display: flex;
    padding: 2.2694vw 2.04978vw 3.00146vw;

    flex-wrap: wrap;
    align-items: baseline;
  }
}
@media (min-width: 1024px) {
  .about-list-wrap .about-list {
    padding: 31px 28px 41px;
  }
}
@media (min-width: 768px) {
  .about-list-wrap .about-list li {
    border-right: 2px solid #efecf4; 
    width: 33.3333%;
  }
}
.about-list-wrap .about-list li a {
  display: flex;
  position: relative;
  padding: 2.26667vw 5.33333vw;
  transition: all 0.2s ease-in; 
  text-decoration: none;
  color: #60268d;
  font-size: 3.73333vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .about-list-wrap .about-list li a {
    padding: 0.36603vw 1.39092vw; 
    font-size: 1.1713vw;

    align-items: baseline;
  }
}
@media (min-width: 1024px) {
  .about-list-wrap .about-list li a {
    padding: 5px 19px; 
    font-size: 16px;
  }
}
.about-list-wrap .about-list li a .list-txt {
  margin-left: 2.66667vw;
}
@media (min-width: 768px) {
  .about-list-wrap .about-list li a .list-txt {
    margin-left: 0.43924vw;
    text-align: left;
    text-decoration: underline; 
    line-height: 1.3;
  }
}
@media (min-width: 1024px) {
  .about-list-wrap .about-list li a .list-txt {
    margin-left: 6px;
  }
}
.about-list-wrap .about-list li a:hover {
  opacity: 0.8; 
  transition: all 0.2s ease-in;
}
.about-list-wrap .about-list li a:hover .list-txt {
  text-decoration: none;
}
.about-list-wrap .about-list li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 5.33333vw;
  bottom: 0;
  margin: auto;
  width: 5.33333vw;
  height: auto;
  background: url(../../../assets/img/common/icon_purple_btm-arw.png) no-repeat center;
  background-size: 5.33333vw auto;
}
@media (min-width: 768px) {
  .about-list-wrap .about-list li a::after {
    right: 0.51245vw; 
    width: 1.4218vw;
    background-size: 1.4218vw auto;
  }
}
@media (min-width: 1024px) {
  .about-list-wrap .about-list li a::after {
    right: 7px; 
    width: 18px;
    background-size: 18px auto;
  }
}
.about-list-wrap .about-list li + li {
  border-top: 0.26667vw solid #d0d0d0;
}
@media (min-width: 768px) {
  .about-list-wrap .about-list li + li {
    border-top: none;
  }
}
@media (min-width: 768px) {
  .about-list-wrap .about-list li:nth-child(3n) {
    border-right: none;
  }
}
@media (min-width: 768px) {
  .about-list-wrap .about-list li:nth-child(n + 4) {
    margin-top: 0.73206vw;
  }
}
@media (min-width: 1024px) {
  .about-list-wrap .about-list li:nth-child(n + 4) {
    margin-top: 10px;
  }
}

.sect-wrap {
  padding-top: 18.66667vw;
}
@media (min-width: 768px) {
  .sect-wrap {
    padding-top: 5.85652vw;
  }
}
@media (min-width: 1024px) {
  .sect-wrap {
    padding-top: 80px;
  }
}

/* title overwright */
.main-ttl + .sect-inner {
  margin-top: 6.93333vw;
}
@media (min-width: 768px) {
  .main-ttl + .sect-inner {
    margin-top: 2.56223vw;
  }
}
@media (min-width: 1024px) {
  .main-ttl + .sect-inner {
    margin-top: 35px;
  }
}

.main-ttl + .txt {
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .main-ttl + .txt {
    margin-top: 0.95168vw;
  }
}
@media (min-width: 1024px) {
  .main-ttl + .txt {
    margin-top: 13px;
  }
}

.inner-ttl {
  position: relative;
  padding-left: 4.8vw; 
  text-align: left;
  color: #60268d;
  font-size: 4.8vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .inner-ttl {
    padding-left: 2.19619vw; 
    font-size: 1.90337vw;
  }
}
@media (min-width: 1024px) {
  .inner-ttl {
    padding-left: 30px; 
    font-size: 26px;
  }
}
.inner-ttl::before {
  content: "●";
  display: block;
  position: absolute;
  left: 0; 
  margin: auto;
  color: #e67f12;
}
.inner-ttl span {
  color: #e67f12;
}
.inner-ttl + .txt {
  margin-top: 0.53333vw;
}
@media (min-width: 768px) {
  .inner-ttl + .txt {
    margin-top: 1.1713vw;
  }
}
@media (min-width: 1024px) {
  .inner-ttl + .txt {
    margin-top: 16px;
  }
}
.inner-ttl + .about-img {
  margin-top: 2.93333vw;
}
@media (min-width: 768px) {
  .inner-ttl + .about-img {
    margin-top: 0.95168vw;
  }
}
@media (min-width: 1024px) {
  .inner-ttl + .about-img {
    margin-top: 13px;
  }
}

.about-img + .inner-ttl {
  margin-top: 9.6vw;
}
@media (min-width: 768px) {
  .about-img + .inner-ttl {
    margin-top: 3.4407vw;
  }
}
@media (min-width: 1024px) {
  .about-img + .inner-ttl {
    margin-top: 47px;
  }
}

.about-img + .txt {
  margin-top: 5.33333vw;
}
@media (min-width: 768px) {
  .about-img + .txt {
    margin-top: 2.19619vw;
  }
}
@media (min-width: 1024px) {
  .about-img + .txt {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .about-img.-float_l {
    float: left;
    margin-right: 1.46413vw;
  }
}

@media (min-width: 1024px) {
  .about-img.-float_l {
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .about-img.-float_l + .-txt {
    margin-top: 1.02489vw;
  }
}

@media (min-width: 1024px) {
  .about-img.-float_l + .-txt {
    margin-top: 14px;
  }
}

.table-wrap {
  border: 0.26667vw solid #8061a0; 
  border-collapse: collapse;
}
@media (min-width: 768px) {
  .table-wrap {
    border-width: 2px;
  }
}
.table-wrap thead th,
.table-wrap thead td {
  padding: 2.66667vw 0;
  border: 0.26667vw solid #8061a0;
  width: 50%; 
  background-color: #8061a0;
  text-align: center;
  color: #fff;
  font-size: 2.66667vw;
}
@media (min-width: 768px) {
  .table-wrap thead th,
  .table-wrap thead td {
    padding: 1.75695vw 0; 
    border-width: 2px;
    font-size: 1.1713vw;
  }
}
@media (min-width: 1024px) {
  .table-wrap thead th,
  .table-wrap thead td {
    padding: 10px 0; 
    font-size: 16px;
  }
}
.table-wrap thead th {
  border-right: 0.26667vw solid #fff;
}
@media (min-width: 768px) {
  .table-wrap thead th {
    border-width: 2px;
    width: 57%;
  }
}
.table-wrap thead td {
  font-weight: bold;
}
@media (min-width: 768px) {
  .table-wrap thead td {
    width: 43%;
  }
}
.table-wrap tbody th {
  padding: 0 1.33333vw;
  border: 0.26667vw solid #8061a0;
  background-color: #eae7ef;
  text-align: left;
  color: #8061a0;
  font-size: 2.66667vw;
  font-weight: normal;
}
@media (min-width: 768px) {
  .table-wrap tbody th {
    padding: 0.58565vw;
    border-width: 2px;
    text-align: center;
    font-size: 1.02489vw;
    font-weight: normal;
  }
}
@media (min-width: 1024px) {
  .table-wrap tbody th {
    padding: 8px; 
    font-size: 14px;
  }
}
.table-wrap tbody td {
  padding: 2.66667vw;
  border: 0.26667vw solid #8061a0;
  background-color: #fff;
  text-align: left;
  vertical-align: top; 
  color: #333;
  font-size: 2.66667vw;
}
@media (min-width: 768px) {
  .table-wrap tbody td {
    padding: 0.58565vw; 
    border-width: 2px;
    font-size: 1.02489vw;
  }
}
@media (min-width: 1024px) {
  .table-wrap tbody td {
    padding: 8px; 
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .table-wrap + .about-img {
    margin-top: 4vw;
  }
}

.-oas {
  position: absolute;
  right: 5.33333vw; 
  bottom: 11.2vw;
  width: 40.53333vw;
}
@media (min-width: 768px) {
  .-oas {
    right: 2.19619vw;
    bottom: 2.04978vw; 
    width: 16.83748vw;
  }
}
@media (min-width: 1024px) {
  .-oas {
    right: 30px;
    bottom: 28px; 
    width: 230px;
  }
}

.small-ttl {
  position: relative;
  padding-left: 4.8vw; 
  text-align: left;
  color: #60268d;
  font-size: 4.26667vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .small-ttl {
    padding-left: 2.19619vw; 
    font-size: 1.61054vw;
  }
}
@media (min-width: 1024px) {
  .small-ttl {
    padding-left: 30px; 
    font-size: 22px;
  }
}
.small-ttl span {
  display: block;
}
@media (min-width: 768px) {
  .small-ttl span {
    display: inline;
    font-size: 1.31772vw;
  }
}
@media (min-width: 1024px) {
  .small-ttl span {
    font-size: 18px;
  }
}
.small-ttl::before {
  content: "■";
  display: block;
  position: absolute;
  top: 1.06667vw;
  left: 0;
  margin: auto;
  color: #e67f12;
  font-size: 2.66667vw;
}
@media (min-width: 768px) {
  .small-ttl::before {
    top: 0.51245vw;
    left: 0.14641vw;
    font-size: 0.87848vw;
  }
}
@media (min-width: 1024px) {
  .small-ttl::before {
    top: 7px;
    left: 2px;
    font-size: 12px;
  }
}
.small-ttl + .about-img {
  margin-top: 3.73333vw;
}
@media (min-width: 768px) {
  .small-ttl + .about-img {
    margin-top: 0.73206vw;
  }
}
@media (min-width: 1024px) {
  .small-ttl + .about-img {
    margin-top: 10px;
  }
}
.small-ttl + .table-wrap {
  margin-top: 2.66667vw;
}
@media (min-width: 768px) {
  .small-ttl + .table-wrap {
    margin-top: 1.61054vw;
  }
}
@media (min-width: 1024px) {
  .small-ttl + .table-wrap {
    margin-top: 22px;
  }
}

.note {
  margin-top: 2.93333vw;
  margin-bottom: 0; 
  text-align: left;
  font-size: 2.66667vw;
}
@media (min-width: 768px) {
  .note {
    margin-top: 1.46413vw; 
    font-size: 1.02489vw;
  }
}
@media (min-width: 1024px) {
  .note {
    margin-top: 20px; 
    font-size: 14px;
  }
}
.note a {
  text-decoration: none;
  color: #333;
}
.note a:hover {
  text-decoration: underline;
}
.note span {
  display: block; 
  font-weight: bold;
}
.note + .inner-ttl {
  margin-top: 7.2vw;
}
@media (min-width: 768px) {
  .note + .inner-ttl {
    margin-top: 2.92826vw;
  }
}
@media (min-width: 1024px) {
  .note + .inner-ttl {
    margin-top: 40px;
  }
}
.note + .btn-wrap {
  margin-top: 5.33333vw;
}
@media (min-width: 768px) {
  .note + .btn-wrap {
    margin-top: 2.41581vw;
  }
}
@media (min-width: 1024px) {
  .note + .btn-wrap {
    margin-top: 33px;
  }
}
.note + .txt {
  margin-top: 2.66667vw;
}

.caption {
  margin-top: 2.66667vw;
  padding-left: 1rem; 
  text-align: left;
  text-indent: -1rem;
  color: #333;
  font-size: 4.26667vw;
  font-weight: 900;
}
@media (min-width: 768px) {
  .caption {
    margin-top: 1.46413vw; 
    font-size: 1.31772vw;
  }
}
@media (min-width: 1024px) {
  .caption {
    margin-top: 20px; 
    font-size: 22px;
  }
}

.area-list {
  text-align: left; 
  font-size: 3.73333vw;
}
@media (min-width: 768px) {
  .area-list {
    font-size: 1.31772vw;
  }
}
@media (min-width: 1024px) {
  .area-list {
    font-size: 18px;
  }
}
.area-list dt {
  display: inline-block; 
  color: #592a83;
  font-weight: bold;
}
.area-list dd {
  display: inline;
}
.area-list + .small-ttl {
  margin-top: 8.53333vw;
}
@media (min-width: 768px) {
  .area-list + .small-ttl {
    margin-top: 1.75695vw;
  }
}
@media (min-width: 1024px) {
  .area-list + .small-ttl {
    margin-top: 24px;
  }
}

.btn-wrap.-list {
  margin-top: 4.26667vw;
}
@media (min-width: 768px) {
  .btn-wrap.-list {
    display: flex;
    margin-top: 1.02489vw;

    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .btn-wrap.-list {
    margin-top: 14px;
  }
}
@media (min-width: 768px) {
  .btn-wrap.-list .txt-btn {
    width: 32.5%;
  }
}
@media (min-width: 768px) {
  .btn-wrap.-list .txt-btn:nth-child(n+4) {
    margin-top: 10px;
  }
}

.btn-wrap .txt-btn + .txt-btn {
  margin-top: 2.66667vw;
}
@media (min-width: 768px) {
  .btn-wrap .txt-btn + .txt-btn {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .btn-wrap .txt-btn.-lg {
    margin: 0 auto; 
    width: 33.67496vw;
  }
}

@media (min-width: 1024px) {
  .btn-wrap .txt-btn.-lg {
    width: 460px;
  }
}

.btn-wrap .txt-btn.-lg a {
  font-size: 3.73333vw;
}
@media (min-width: 768px) {
  .btn-wrap .txt-btn.-lg a {
    font-size: 1.31772vw;
  }
}
@media (min-width: 1024px) {
  .btn-wrap .txt-btn.-lg a {
    font-size: 18px;
  }
}

.btn-wrap .txt-btn.-lg span {
  display: block;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .btn-wrap .txt-btn.-lg span {
    font-size: 1.75695vw;
  }
}
@media (min-width: 1024px) {
  .btn-wrap .txt-btn.-lg span {
    font-size: 24px;
  }
}

.btn-wrap + .inner-ttl {
  margin-top: 9.06667vw;
}
@media (min-width: 768px) {
  .btn-wrap + .inner-ttl {
    margin-top: 3.3675vw;
  }
}
@media (min-width: 1024px) {
  .btn-wrap + .inner-ttl {
    margin-top: 46px;
  }
}

@media (min-width: 1024px) {
  .link {
    padding-top: 160px;
  }
}

.link-wrap {
  margin-top: -21.33333vw; 
  padding-top: 18.66667vw;
}
@media (min-width: 768px) {
  .link-wrap {
    margin-top: -11.71303vw; 
    padding-top: 10.2489vw;
  }
}
@media (min-width: 1024px) {
  .link-wrap {
    margin-top: -160px; 
    padding-top: 140px;
  }
}

.column-wrap {
  margin-top: 10.66667vw; 
  padding: 6.93333vw 5.33333vw 8vw 5.33333vw;
  background-color: #ebe8f0;
}
@media (min-width: 768px) {
  .column-wrap {
    margin-top: 4.02635vw;
    padding: 3.95315vw 3.66032vw 3.95315vw;
  }
}
@media (min-width: 1024px) {
  .column-wrap {
    margin-top: 55px;
    padding: 54px 50px 54px;
  }
}
.column-wrap.-icon {
  position: relative;
  padding-bottom: 26.66667vw;
}
@media (min-width: 768px) {
  .column-wrap.-icon {
    padding-bottom: 8.78477vw;
  }
}
@media (min-width: 1024px) {
  .column-wrap.-icon {
    padding-bottom: 120px;
  }
}

.column-ttl {
  position: relative;
  padding-left: 4.8vw; 
  text-align: left;
  color: #60268d;
  font-size: 4.8vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .column-ttl {
    padding-left: 2.19619vw; 
    font-size: 1.75695vw;
  }
}
@media (min-width: 1024px) {
  .column-ttl {
    padding-left: 30px; 
    font-size: 24px;
  }
}
.column-ttl::before {
  content: "■";
  display: block;
  position: absolute;
  top: 1.06667vw;
  left: 0;
  margin: auto;
  color: #60268d;
  font-size: 2.66667vw;
}
@media (min-width: 768px) {
  .column-ttl::before {
    top: 0.51245vw;
    left: 0.14641vw;
    font-size: 0.87848vw;
  }
}
@media (min-width: 1024px) {
  .column-ttl::before {
    top: 7px;
    left: 2px;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .column-ttl + .txt {
    margin-top: 1.02489vw;
  }
}
@media (min-width: 1024px) {
  .column-ttl + .txt {
    margin-top: 14px;
  }
}
.column-ttl + .about-img {
  margin-top: 2.66667vw;
}
@media (min-width: 768px) {
  .column-ttl + .about-img {
    margin-top: 1.68375vw;
  }
}
@media (min-width: 1024px) {
  .column-ttl + .about-img {
    margin-top: 23px;
  }
}

.main-list-wrap.-main {
  margin-top: 4.26667vw;
}
@media (min-width: 768px) {
  .main-list-wrap.-main {
    margin-top: 1.75695vw;
  }
}
@media (min-width: 1024px) {
  .main-list-wrap.-main {
    margin-top: 24px;
  }
}

.main-list-wrap.-sub {
  margin-top: 2.66667vw;
}
@media (min-width: 768px) {
  .main-list-wrap.-sub {
    display: flex;
    margin-top: 0.58565vw; 

    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media (min-width: 1024px) {
  .main-list-wrap.-sub {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  .main-list-wrap.-sub .accordion-wrap {
    width: 32.333%;
  }
}
.main-list-wrap.-sub .accordion-wrap + .accordion-wrap {
  margin-top: 2.13333vw;
}
@media (min-width: 768px) {
  .main-list-wrap.-sub .accordion-wrap + .accordion-wrap {
    margin-top: 0;
    margin-left: 0.80527vw;
  }
}
@media (min-width: 1024px) {
  .main-list-wrap.-sub .accordion-wrap + .accordion-wrap {
    margin-left: 11px;
  }
}
.main-list-wrap.-sub + .-sub {
  margin-top: 2.13333vw;
}
@media (min-width: 768px) {
  .main-list-wrap.-sub + .-sub {
    margin-top: 0.58565vw;
  }
}
@media (min-width: 1024px) {
  .main-list-wrap.-sub + .-sub {
    margin-top: 8px;
  }
}

.main-list-wrap .btn-accordion p {
  padding-left: 0; 
  text-align: center;
}

@media (min-width: 768px) {
  .main-list {
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .main-list li {
    width: 32.333%;
  }
}

.main-list li + li {
  margin-top: 2.66667vw;
}
@media (min-width: 768px) {
  .main-list li + li {
    margin-top: 0;
  }
}

.main-list-inner .main-list-ttl {
  margin-bottom: 0;
  padding: 2.66667vw 0 2.66667vw;
  background-color: #ebe8f0; 
  text-align: center;
  color: #60268d;
  font-size: 4.26667vw;
  font-weight: 900;
}
@media (min-width: 768px) {
  .main-list-inner .main-list-ttl {
    padding: 0.87848vw 0 0.65886vw; 
    font-size: 1.31772vw;
  }
}
@media (min-width: 1024px) {
  .main-list-inner .main-list-ttl {
    padding: 12px 0 9px; 
    font-size: 22px;
  }
}
.main-list-inner .main-list-ttl p {
  margin-bottom: 0;
}

.main-list-inner .main-list-box {
  border-right: 0.26667vw solid #ebe8f0;
  border-bottom: 0.26667vw solid #ebe8f0; 
  border-left: 0.26667vw solid #ebe8f0;
}
@media (min-width: 768px) {
  .main-list-inner .main-list-box {
    border-width: 2px;
  }
}

.main-list-inner .main-list-txt {
  padding: 3.73333vw 5.33333vw;
}
@media (min-width: 768px) {
  .main-list-inner .main-list-txt {
    padding: 1.68375vw 1.90337vw;
    height: 28.55051vw;
  }
}
@media (min-width: 1024px) {
  .main-list-inner .main-list-txt {
    padding: 23px 26px;
    height: 390px;
  }
}

.supervision-wrap {
  margin-top: 8.53333vw; 
  border: 2px solid #4d1f63;
}
@media (min-width: 768px) {
  .supervision-wrap {
    margin-top: 5.34407vw;
  }
}
@media (min-width: 1024px) {
  .supervision-wrap {
    margin-top: 73px;
  }
}
.supervision-wrap p {
  margin-bottom: 0;
}
.supervision-wrap .supervision-ttl {
  padding: 2.13333vw 0; 
  background-color: #4d1f63;
  text-align: center;
  color: #fff;
  font-size: 4.26667vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .supervision-wrap .supervision-ttl {
    padding: 0.87848vw 0; 
    font-size: 1.90337vw;
  }
}
@media (min-width: 1024px) {
  .supervision-wrap .supervision-ttl {
    padding: 12px 0; 
    font-size: 26px;
  }
}
.supervision-wrap .supervision-inner {
  padding: 5.33333vw 4.26667vw 3.46667vw;
}
@media (min-width: 768px) {
  .supervision-wrap .supervision-inner {
    position: relative; 
    padding: 2.78184vw 3.66032vw 2.34261vw;
  }
}
@media (min-width: 1024px) {
  .supervision-wrap .supervision-inner {
    padding: 38px 50px 32px;
  }
}
.supervision-wrap .supervision-box {
  display: flex;

  align-items: flex-end;
}
@media (min-width: 768px) {
  .supervision-wrap .supervision-box {
    align-items: flex-start;
  }
}
.supervision-wrap .supervision-img {
  flex: 0 1 32%;
}
@media (min-width: 768px) {
  .supervision-wrap .supervision-img {
    flex-basis: 7.9795vw;
  }
}
@media (min-width: 1024px) {
  .supervision-wrap .supervision-img {
    flex-basis: 109px;
  }
}
.supervision-wrap .supervision-name {
  margin-left: 4vw;
  color: #4d1f63;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .supervision-wrap .supervision-name {
    margin-left: 1.31772vw; 
    font-size: 1.90337vw;
  }
}
@media (min-width: 1024px) {
  .supervision-wrap .supervision-name {
    margin-left: 18px; 
    font-size: 26px;
  }
}
.supervision-wrap .supervision-name span {
  display: block;
}
@media (min-width: 768px) {
  .supervision-wrap .supervision-name span {
    display: inline-block;
    margin-right: 0.8rem;
  }
}
.supervision-wrap .supervision-position {
  margin-top: 4.26667vw;
  text-align: left; 
  letter-spacing: -0.7px;
}
@media (min-width: 768px) {
  .supervision-wrap .supervision-position {
    position: absolute;
    top: 5.85652vw;
    left: 12.88433vw; 
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .supervision-wrap .supervision-position {
    top: 80px;
    left: 176px;
  }
}
.supervision-wrap .supervision-txt {
  margin-top: 1.6vw;
}
@media (min-width: 768px) {
  .supervision-wrap .supervision-txt {
    margin-top: 1.31772vw;
    font-size: 1.1713vw;
  }
}
@media (min-width: 1024px) {
  .supervision-wrap .supervision-txt {
    margin-top: 18px;
    font-size: 16px;
  }
}

.accordion-wrap + .inner-ttl {
  margin-top: 9.86667vw;
}
@media (min-width: 768px) {
  .accordion-wrap + .inner-ttl {
    margin-top: 1.97657vw;
  }
}
@media (min-width: 1024px) {
  .accordion-wrap + .inner-ttl {
    margin-top: 27px;
  }
}

.accordion-wrap_01 {
  margin-top: 10.66667vw;
}
@media (min-width: 768px) {
  .accordion-wrap_01 {
    margin-top: 2.92826vw;
  }
}
@media (min-width: 1024px) {
  .accordion-wrap_01 {
    margin-top: 40px;
  }
}

.accordion-wrap_02 {
  margin-top: 2.66667vw;
}
@media (min-width: 768px) {
  .accordion-wrap_02 {
    margin-top: 2.92826vw;
  }
}
@media (min-width: 1024px) {
  .accordion-wrap_02 {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .accordion-inner .txt + .note {
    margin-top: 0.73206vw;
  }
}

@media (min-width: 1024px) {
  .accordion-inner .txt + .note {
    margin-top: 10px;
  }
}