@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fd02-fc {
  color: #89c122;
}

.fd03-fc {
  color: #e2b527;
}

.fd04-fc {
  color: #f4afab;
}

.fd05-fc {
  color: #ef7f4d;
}

/*　inview
----------------------------------------------- */
.view01 {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  position: relative;
  opacity: 0;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.view01.view-on {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.view02 {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  position: relative;
  opacity: 0;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.view02.view-on {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.view03 {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  position: relative;
  opacity: 0;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.view03.view-on {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.view04 {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  position: relative;
  opacity: 0;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.view04.view-on {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.view05 {
  position: relative;
  opacity: 0;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.view05.view-on {
  opacity: 1;
  -webkit-transition: all 550ms ease;
  transition: all 550ms ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

#illustrated-book {
  margin-top: 81px;
  padding: 0 0 205px;
  overflow: hidden;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#illustrated-book .pc {
  display: block;
}
#illustrated-book .sp {
  display: none;
}

.book-header {
  padding-bottom: 20px;
  padding-top: 30px;
}

.book-header__inner {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

.book-header__inner > picture img {
  width: 100%;
  height: auto;
  display: block;
}

.book-header__btn {
  width: 11.38%;
  position: absolute;
  right: 4.62%;
  bottom: 11.15%;
}
.book-header__btn a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .book-header__btn a:hover {
    opacity: 0.7;
  }
}

.book-description {
  padding: 83px 15px 165px;
  position: relative;
}
.book-description::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(../img/book/scription_arrow.svg) no-repeat center bottom/cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.book-description__inner {
  max-width: 1060px;
  margin: 0 auto;
  padding: 70px 60px 70px;
  background: #FFF;
  border-radius: 50px;
}

.book-description__img {
  max-width: 920px;
  margin: 0 auto;
}

.book-description__text {
  margin-top: 70px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}

.book-description__text-bold {
  padding-bottom: 30px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
  position: relative;
}
.book-description__text-bold::after {
  content: "";
  width: 70px;
  height: 2px;
  display: block;
  background: #231815;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.book-description__text02 {
  margin-top: 17px;
  font-size: 17px;
  letter-spacing: 0.09em;
  text-align: center;
}

.book-form {
  max-width: 844px;
  margin: 45px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px 0;
}

.book-form__box {
  padding: 38px 35px 38px 0;
  border-radius: 15px;
  position: relative;
}

.book-form__box--pink {
  background: #fdeceb;
}

.book-form__box--blue {
  background: #e5f0fa;
}

.book-form__ttl {
  width: 21.98%;
  height: calc(100% - 40px);
  font-size: 33px;
  font-weight: 700;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  left: -15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 5px 35px 35px 5px;
}

.book-form__ttl--pink {
  background: #f09399;
}

.book-form__ttl--blue {
  background: #65b1e3;
}

.book-form__wrap {
  width: 75.28%;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px 0;
}

.book-form__deco {
  width: 180px;
  position: absolute;
  top: -15px;
  left: 21.2%;
}

.book-form__item {
  padding-left: 13px;
  font-size: 20px;
  font-weight: 500;
  background: #FFF;
  border-radius: 15px;
}
.book-form__item input {
  display: none;
}

.radio01,
.radio02 {
  cursor: pointer;
  display: block;
  padding: 8px 5px 8px 50px;
  position: relative;
  width: auto;
}

.radio01::before,
.radio02::before {
  background: #fff;
  border: 2px solid #b5b5b6;
  content: "";
  display: block;
  height: 29px;
  left: 1px;
  position: absolute;
  top: 12px;
  width: 29px;
}

.radio01::after,
.radio02::after {
  width: 19px;
  height: 9px;
  content: "";
  display: block;
  left: 6px;
  border-left: 3px solid #efefef;
  border-bottom: 3px solid #efefef;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 20px;
}

input[type=radio]:checked + .radio01::after {
  border-color: #f09399;
}

input[type=radio]:checked + .radio02::after {
  border-color: #65b1e3;
}

.book-form__icon {
  margin-right: 18px;
  display: inline-block;
  vertical-align: sub;
}

.book-form__icon--a {
  width: 22px;
}

.book-form__icon--b {
  width: 19px;
}

.book-form__icon--c {
  width: 20px;
}

.book-form__icon--1 {
  width: 9px;
}

.book-form__icon--2 {
  width: 16px;
}

.book-form__icon--3 {
  width: 16px;
}

.book-form__btn {
  width: 337px;
  margin: 5px auto 0;
  padding: 28px 0;
  font-size: 21px;
  font-weight: 700;
  color: #231815;
  letter-spacing: 0.14em;
  background: #eee4ca;
  border-radius: 5px;
  border: none;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
@media screen and (min-width: 768px) {
  .book-form__btn:hover {
    opacity: 0.7;
  }
}
.book-form__btn::before {
  content: "";
  width: 27px;
  height: 32px;
  display: block;
  background: url(../img/book/btn_icon01.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  left: 37px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.book-form__btn::after {
  content: "";
  width: 17px;
  height: 10px;
  display: block;
  background: url(../img/book/btn_icon02.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  right: 31px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.book-form__btn.js-no-click {
  pointer-events: none;
  opacity: 0.5;
}

.book-main {
  padding-top: 95px;
}

.book-inner {
  max-width: 1030px;
  margin: 0 auto;
  padding: 0 15px;
}

@-webkit-keyframes lineAnime {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(27px, 0, 0);
            transform: translate3d(27px, 0, 0);
  }
}

@keyframes lineAnime {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(27px, 0, 0);
            transform: translate3d(27px, 0, 0);
  }
}
.book-load {
  max-width: 844px;
  margin: 30px auto 0;
  padding: 65px 5px;
  overflow: hidden;
  border-radius: 15px;
  position: relative;
}
.book-load::after {
  content: "";
  width: calc(100% + 28px);
  height: 100%;
  display: block;
  background-image: linear-gradient(-45deg, #f7f7f7 25%, #f2f2f2 25%, #f2f2f2 50%, #f7f7f7 50%, #f7f7f7 75%, #f2f2f2 75%, #f2f2f2);
  background-size: 15px 15px;
  position: absolute;
  top: 0;
  left: -27px;
  -webkit-animation: lineAnime 0.7s infinite linear;
          animation: lineAnime 0.7s infinite linear;
}
.book-load p {
  font-size: 24px;
  font-weight: 700;
  color: #898989;
  text-align: center;
  line-height: 1.63;
  letter-spacing: 0.14em;
  text-shadow: 2px 2px 0 #FFF, -2px 2px 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF;
  position: relative;
  z-index: 1;
}

.book-load__ttl {
  width: 206px;
  margin: 0 auto;
}

.book-result {
  max-width: 844px;
  margin: 28px auto 0;
  position: relative;
}
.book-result .a1 .book-result__wrap {
  background: #fbeff0;
}
.book-result .a1 .book-result__ttl {
  color: #f199b2;
}
.book-result .a1 .book-result__point-l {
  background: #f199b2;
}
.book-result .a1 .book-result__img {
  width: 20.15%;
  right: 3%;
}

.book-select {
  margin-top: 75px;
  display: none;
}
.book-select.active {
  display: block;
}

.field__contents {
  margin-top: 70px;
}

#js-book-active .field__contents {
  display: block !important;
}
#js-book-active .field__contents:first-of-type {
  margin-top: 20px;
}

.a1,
.a2,
.a3,
.b1,
.b2,
.b3,
.c1,
.c2,
.c3 {
  display: none;
}
.a1.active,
.a2.active,
.a3.active,
.b1.active,
.b2.active,
.b3.active,
.c1.active,
.c2.active,
.c3.active {
  display: block;
}

.book-select__ttl {
  padding-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-align: center;
  position: relative;
}
.book-select__ttl::after {
  content: "";
  width: 70px;
  height: 2px;
  display: block;
  background: #231815;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.book-select__text {
  margin: 25px 0;
  font-size: 17px;
  letter-spacing: 0.16em;
  text-align: center;
}

.book-select__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.book-select__list--01 .book-select__item {
  width: 32%;
}

.book-select__list--02 {
  gap: 0 1.5%;
}
.book-select__list--02 .book-select__item {
  width: 32%;
}

.book-select__list--03 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.book-select__list--03 .book-select__item {
  width: 32%;
}

.book-select__list--04 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.book-select__list--04 .book-select__item {
  width: 23.7%;
}

.book-select__item a {
  display: block;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .book-select__item a:hover {
    opacity: 0.7;
  }
}
.book-select__item a::before {
  content: "";
  width: 14px;
  height: 9px;
  display: block;
  background: url(../img/book/btn_arrow.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.book-select__item a::after {
  content: "";
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  display: block;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.book-select__item span {
  width: 100%;
  height: 100%;
  padding: 25px 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.11em;
  line-height: 1.2;
  color: #FFF;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
}

.book-select__item--01 a span {
  background: #f199b2;
}
.book-select__item--01 a::after {
  background: #c67f93;
}

.book-select__item--02 a span {
  padding: 10px 0;
  background: #89c122;
}
.book-select__item--02 a::after {
  background: #6c9831;
}

.book-select__item--03 a span {
  background: #e2b527;
}
.book-select__item--03 a::after {
  background: #b99525;
}

.book-select__item--04 a span {
  background: #f4afab;
}
.book-select__item--04 a::after {
  background: #d59996;
}

.book-select__item--05 a span {
  background: #ef7f4d;
}
.book-select__item--05 a::after {
  background: #b55f38;
}

.book-select__item--06 a span {
  background: #40bccb;
}
.book-select__item--06 a::after {
  background: #288a96;
}

.book-select__item--07 a span {
  background: #00b4ed;
}
.book-select__item--07 a::after {
  background: #1276a8;
}

.book-select__item--08 a span {
  background: #a398c8;
}
.book-select__item--08 a::after {
  background: #786f95;
}

.book-oc {
  margin-top: 100px;
}

.book-oc__text {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: #5dc2d0;
  text-align: center;
}

.book-oc__btn {
  width: 542px;
  margin: 20px auto 0;
}
.book-oc__btn a {
  padding: 33px 0;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-align: center;
  color: #FFF;
  background: #ea941f;
  border-radius: 60px;
  display: block;
  position: relative;
}
.book-oc__btn a::after {
  content: "";
  width: 12px;
  height: 20px;
  display: block;
  background: url(../img/book/oc_arrow.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  right: 36px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__section {
  margin-top: 70px;
  background: #f9f9f3;
}

.field__ttl {
  padding: 2px 5px;
  font-size: 32px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  border-radius: 10px 10px 0 0;
}

.field__ttl--fd01 {
  background: #f199b2;
}

.field__ttl--fd02 {
  background: #89c122;
}

.field__ttl--fd03 {
  background: #e2b527;
}

.field__ttl--fd04 {
  background: #f4afab;
}

.field__ttl--fd05 {
  background: #ef7f4d;
}

.field__ttl--fd06 {
  background: #40bccb;
}

.field__ttl--fd07 {
  background: #00b4ed;
}

.field__ttl--fd08 {
  background: #a398c8;
}

.field__content {
  padding: 60px 83px 100px;
  overflow: hidden;
}

.field__header {
  position: relative;
}

.field__header-ttl {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.57;
}

.field__header-ttl--fd01 {
  width: 61.71%;
  color: #f199b2;
}

.field__header-ttl--fd02 {
  width: 70.71%;
  color: #89c122;
}

.field__header-ttl--fd03 {
  width: 51.71%;
  color: #e2b527;
}

.field__header-ttl--fd04 {
  width: 70.71%;
  color: #f4afab;
}

.field__header-ttl--fd05 {
  width: 77.71%;
  color: #ef7f4d;
}

.field__header-ttl--fd06 {
  width: 61.71%;
  color: #40bccb;
}

.field__header-ttl--fd07 {
  width: 56.71%;
  color: #00b4ed;
}

.field__header-ttl--fd08 {
  width: 68.71%;
  color: #a398c8;
}

.field__header-img {
  position: absolute;
}

.field__header-img--fd01 {
  width: 30.92%;
  top: 47%;
  right: 3%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__header-img--fd02 {
  width: 28.92%;
  top: 57%;
  right: 1.5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__header-img--fd03 {
  width: 36.92%;
  top: 37%;
  right: 6.4%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__header-img--fd04 {
  width: 38%;
  top: 61%;
  right: -1%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__header-img--fd05 {
  width: 34.92%;
  top: 49%;
  right: 0%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__header-img--fd06 {
  width: 39.92%;
  top: 56%;
  right: 0%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__header-img--fd07 {
  width: 35.92%;
  top: 58%;
  right: 1%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__header-img--fd08 {
  width: 46.92%;
  top: 50%;
  right: -1%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__header-text {
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.72;
  letter-spacing: 0.05em;
}

.field__header-text--fd01 {
  width: 61.71%;
}

.field__header-text--fd02 {
  width: 64.71%;
}

.field__header-text--fd03 {
  width: 51.71%;
}

.field__header-text--fd04 {
  width: 58.71%;
}

.field__header-text--fd05 {
  width: 60.71%;
}

.field__header-text--fd06 {
  width: 55.71%;
}

.field__header-text--fd07 {
  width: 56.71%;
}

.field__header-text--fd08 {
  width: 50.71%;
}

.field__works {
  margin-top: 54px;
}

.field__bd-ttl {
  padding-bottom: 4px;
  font-size: 23px;
  font-weight: 700;
  font-feature-settings: normal;
  letter-spacing: 0.14em;
  border-bottom: 2px solid #231815;
}

.field__bd-ttl--fd01 {
  color: #f199b2;
  border-color: #f199b2;
}

.field__bd-ttl--fd02 {
  color: #89c122;
  border-color: #89c122;
}

.field__bd-ttl--fd03 {
  color: #e2b527;
  border-color: #e2b527;
}

.field__bd-ttl--fd04 {
  color: #f4afab;
  border-color: #f4afab;
}

.field__bd-ttl--fd05 {
  color: #ef7f4d;
  border-color: #ef7f4d;
}

.field__bd-ttl--fd06 {
  color: #40bccb;
  border-color: #40bccb;
}

.field__bd-ttl--fd07 {
  color: #00b4ed;
  border-color: #00b4ed;
}

.field__bd-ttl--fd08 {
  color: #a398c8;
  border-color: #a398c8;
}

.field__works-flex {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 0;
}

.field__works-item {
  width: 49.29%;
  padding: 25px 30px;
  background: #FFF;
  border-radius: 15px;
}

.field__works-item--no-bg {
  background: none;
}

.field__works-item-ttl {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.4;
}

.field__works-item-ttl--fd01 {
  color: #f199b2;
}

.field__works-item-ttl--fd02 {
  color: #89c122;
}

.field__works-item-ttl--fd03 {
  color: #e2b527;
}

.field__works-item-ttl--fd04 {
  color: #f4afab;
}

.field__works-item-ttl--fd05 {
  color: #ef7f4d;
}

.field__works-item-ttl--fd06 {
  color: #40bccb;
}

.field__works-item-ttl--fd07 {
  color: #00b4ed;
}

.field__works-item-ttl--fd08 {
  color: #a398c8;
}

.field__works-item-text {
  margin-top: 12px;
  font-size: 17px;
  line-height: 1.58;
}

.field__works-sbox {
  margin-top: 15px;
}

.field__works-item-sttl {
  font-size: 17px;
  letter-spacing: 0.02em;
}

.field__works-item-sttl--fd05 {
  color: #ef7f4d;
}

.field__works-sflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.field__works-sitem {
  width: 49%;
}

.field__others {
  margin-top: 20px;
}

.field__others-ttl {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.field__others-ttl--fd01 {
  color: #f199b2;
}

.field__others-ttl--fd02 {
  color: #89c122;
}

.field__others-ttl--fd03 {
  color: #e2b527;
}

.field__others-ttl--fd04 {
  color: #f4afab;
}

.field__others-ttl--fd05 {
  color: #ef7f4d;
}

.field__others-ttl--fd06 {
  color: #40bccb;
}

.field__others-ttl--fd07 {
  color: #00b4ed;
}

.field__others-ttl--fd08 {
  color: #a398c8;
}

.field__accordion {
  margin-top: 55px;
}

.field__accordion-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0 0 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  text-align: left;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.14em;
  border-bottom: 2px solid #231815;
  position: relative;
}
.field__accordion-btn.is-active .field__accordion-icon svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.field__accordion-btn--fd01 {
  color: #f199b2;
  border-color: #f199b2;
}
.field__accordion-btn--fd01 .field__accordion-icon .cls-1 {
  stroke: #f199b2;
}

.field__accordion-btn--fd02 {
  color: #89c122;
  border-color: #89c122;
}
.field__accordion-btn--fd02 .field__accordion-icon .cls-1 {
  stroke: #89c122;
}

.field__accordion-btn--fd03 {
  color: #e2b527;
  border-color: #e2b527;
}
.field__accordion-btn--fd03 .field__accordion-icon .cls-1 {
  stroke: #e2b527;
}

.field__accordion-btn--fd04 {
  color: #f4afab;
  border-color: #f4afab;
}
.field__accordion-btn--fd04 .field__accordion-icon .cls-1 {
  stroke: #f4afab;
}

.field__accordion-btn--fd05 {
  color: #ef7f4d;
  border-color: #ef7f4d;
}
.field__accordion-btn--fd05 .field__accordion-icon .cls-1 {
  stroke: #ef7f4d;
}

.field__accordion-btn--fd06 {
  color: #40bccb;
  border-color: #40bccb;
}
.field__accordion-btn--fd06 .field__accordion-icon .cls-1 {
  stroke: #40bccb;
}

.field__accordion-btn--fd07 {
  color: #00b4ed;
  border-color: #00b4ed;
}
.field__accordion-btn--fd07 .field__accordion-icon .cls-1 {
  stroke: #00b4ed;
}

.field__accordion-btn--fd08 {
  color: #a398c8;
  border-color: #a398c8;
}
.field__accordion-btn--fd08 .field__accordion-icon .cls-1 {
  stroke: #a398c8;
}

.field__accordion-icon {
  width: 16px;
  height: 8px;
  display: block;
  position: absolute;
  top: 0;
  right: 13px;
}
.field__accordion-icon .cls-1 {
  fill: none;
  stroke: #f199b2;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.field__accordion-icon svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.field__accordion-content {
  padding: 20px 0 0;
  display: none;
}

.field__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.field__flex-l01 {
  width: 41.97%;
}

.field__flex-r01 {
  width: 55.77%;
  font-size: 18px;
  line-height: 1.72;
  letter-spacing: 0.05em;
}

.field-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.field-list--row02 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.field-list--row02 .field-list_l,
.field-list--row02 .field-list_r {
  width: 49%;
}

.field-list--row02-02 .field-list__item {
  min-width: 225px;
}
.field-list--row02-02 .field-list__item:nth-child(2n) {
  margin-right: 100px;
}

.field-list--fd01.field-list--min-no {
  gap: 0 30px;
}
.field-list--fd01.field-list--min-no .field-list__item {
  min-width: 0;
}
.field-list--fd01 .field-list__item {
  min-width: 242px;
}
.field-list--fd01 .field-list__item span {
  color: #f199b2;
}

.field-list--fd02 .field-list__item {
  min-width: 288px;
}
.field-list--fd02 .field-list__item span {
  color: #89c122;
}

.field-list--fd03 {
  gap: 0 30px;
}
.field-list--fd03.field-list--row02 {
  gap: 0 0;
}
.field-list--fd03 .field-list_l,
.field-list--fd03 .field-list_r {
  width: 49%;
}
.field-list--fd03 .field-list__item span {
  color: #e2b527;
}

.field-list--fd04 {
  gap: 0 30px;
}
.field-list--fd04.field-list02 {
  gap: 0 0;
}
.field-list--fd04.field-list02 .field-list__item {
  min-width: 255px;
}
.field-list--fd04.field-list--row02 {
  gap: 0 0;
}
.field-list--fd04 .field-list_l {
  width: 38%;
}
.field-list--fd04 .field-list_r {
  width: 60%;
}
.field-list--fd04 .field-list__item span {
  color: #f4afab;
}

.field-list--fd05 .field-list__item {
  min-width: 255px;
}
.field-list--fd05 .field-list__item span {
  color: #ef7f4d;
}

.field-list--fd06 {
  gap: 0 30px;
}
.field-list--fd06.field-list--row02 {
  gap: 0 0;
}
.field-list--fd06 .field-list_l,
.field-list--fd06 .field-list_r {
  width: 49%;
}
.field-list--fd06 .field-list__item span {
  color: #40bccb;
}

.field-list--fd07 {
  gap: 0 20px;
}
.field-list--fd07.field-list--row02 {
  gap: 0 0;
}
.field-list--fd07 .field-list_l,
.field-list--fd07 .field-list_r {
  width: 49%;
}
.field-list--fd07 .field-list__item span {
  color: #00b4ed;
}

.field-list--fd08 {
  gap: 0 30px;
}
.field-list--fd08.field-list--row02 {
  gap: 0 0;
}
.field-list--fd08 .field-list_l,
.field-list--fd08 .field-list_r {
  width: 49%;
}
.field-list--fd08 .field-list__item span {
  color: #a398c8;
}

.field-list--row01 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.field-list__item {
  font-size: 17px;
  letter-spacing: 0.02em;
}

.field-list__item--mr {
  margin-right: 155px;
}

.field__img-full {
  margin-top: 20px;
  text-align: center;
}

.field__graduate {
  margin-top: 60px;
}

.field__graduate-flex {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.field__graduate-r {
  width: 64.92%;
  padding: 32px 45px;
  border-radius: 25px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px 0;
  position: relative;
}

.field__graduate-r--fd01 {
  background: #f3adc2;
}

.field__graduate-r--fd02 {
  background: #a0ce4e;
}
.field__graduate-r--fd02 .field__graduate-deco .cls-1 {
  fill: #a0ce4e;
}

.field__graduate-r--fd03 {
  background: #e9c557;
}
.field__graduate-r--fd03 .field__graduate-deco .cls-1 {
  fill: #e9c557;
}

.field__graduate-r--fd04 {
  background: #f7c1bd;
}
.field__graduate-r--fd04 .field__graduate-deco .cls-1 {
  fill: #f7c1bd;
}

.field__graduate-r--fd05 {
  background: #f29c74;
}
.field__graduate-r--fd05 .field__graduate-deco .cls-1 {
  fill: #f29c74;
}

.field__graduate-r--fd06 {
  background: #6ccbd7;
}
.field__graduate-r--fd06 .field__graduate-deco .cls-1 {
  fill: #6ccbd7;
}

.field__graduate-r--fd07 {
  background: #61d0f4;
}
.field__graduate-r--fd07 .field__graduate-deco .cls-1 {
  fill: #61d0f4;
}

.field__graduate-r--fd08 {
  background: #d0cae3;
}
.field__graduate-r--fd08 .field__graduate-deco .cls-1 {
  fill: #d0cae3;
}

.field__graduate-deco {
  width: 90px;
  height: 62px;
  position: absolute;
  top: 160px;
  left: -57px;
}
.field__graduate-deco .cls-1 {
  fill: #f3adc2;
  fill-rule: evenodd;
  stroke-width: 0px;
}

.field__graduate-ttl {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #FFF;
}

.field__graduate-text {
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.66;
}

.field__graduate-l {
  width: 31.99%;
  text-align: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.field__graduate-textarea {
  margin-top: 14px;
}

.field__graduate-name {
  margin-top: 15px;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.72;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, rgba(241, 153, 178, 0.3)));
  background: linear-gradient(transparent 65%, rgba(241, 153, 178, 0.3) 0%);
  display: inline;
  padding: 0 1px 0px;
}

.field__graduate-name--fd02 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, rgba(137, 193, 34, 0.3)));
  background: linear-gradient(transparent 65%, rgba(137, 193, 34, 0.3) 0%);
}

.field__graduate-name--fd03 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, rgba(226, 181, 39, 0.3)));
  background: linear-gradient(transparent 65%, rgba(226, 181, 39, 0.3) 0%);
}

.field__graduate-name--fd04 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, rgba(244, 175, 171, 0.3)));
  background: linear-gradient(transparent 65%, rgba(244, 175, 171, 0.3) 0%);
}

.field__graduate-name--fd05 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, rgba(251, 127, 77, 0.3)));
  background: linear-gradient(transparent 65%, rgba(251, 127, 77, 0.3) 0%);
}

.field__graduate-name--fd06 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, rgba(64, 188, 203, 0.3)));
  background: linear-gradient(transparent 65%, rgba(64, 188, 203, 0.3) 0%);
}

.field__graduate-name--fd07 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, rgba(0, 180, 237, 0.3)));
  background: linear-gradient(transparent 65%, rgba(0, 180, 237, 0.3) 0%);
}

.field__graduate-name--fd08 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, rgba(163, 152, 200, 0.3)));
  background: linear-gradient(transparent 65%, rgba(163, 152, 200, 0.3) 0%);
}

.field__graduate-department {
  margin-top: 11px;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.56;
}

.field__graduate-others {
  margin-top: 55px;
  position: relative;
}

.field__graduate-others-ttl {
  width: 23.19%;
  height: 155px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.33;
  text-align: center;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.field__graduate-others-ttl--fd01 {
  background: #f199b2;
}

.field__graduate-others-ttl--fd02 {
  background: #89c122;
}

.field__graduate-others-ttl--fd03-01 {
  background: #e2b527;
}

.field__graduate-others-ttl--fd03-02 {
  background: #00a9b2;
}

.field__graduate-others-ttl--fd04-01 {
  background: #ec727a;
}

.field__graduate-others-ttl--fd04-02 {
  background: #f0844a;
}

.field__graduate-others-ttl--fd05 {
  background: #e94746;
}

.field__graduate-others-ttl--fd06-01 {
  background: #00a69a;
}

.field__graduate-others-ttl--fd06-02 {
  background: #00a478;
}

.field__graduate-others-ttl--fd07-01 {
  background: #0081bd;
}

.field__graduate-others-ttl--fd07-02 {
  background: #00aaca;
}

.field__graduate-others-ttl--fd08-01 {
  background: #ac8fc1;
}

.field__graduate-others-ttl--fd08-02 {
  background: #00a69a;
}

.slick__position {
  width: calc(76.81% + 63px);
  position: absolute;
  top: 0;
  right: -83px;
}

.slick__container {
  width: 100%;
  position: relative;
}
.slick__container::after {
  content: "";
  width: 100px;
  height: 100%;
  display: block;
  background: -webkit-gradient(linear, right top, left top, from(#f9f9f3), to(transparent));
  background: linear-gradient(to left, #f9f9f3, transparent);
  position: absolute;
  top: 0;
  right: 0;
}

.field__graduate-others-wrap {
  position: relative;
}

.slick-slide {
  width: 194px;
  margin-right: 20px;
}

.slick__prev,
.slick__next {
  position: absolute;
  top: 77px;
  z-index: 1;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  z-index: 10;
}

.slick__prev {
  left: -14px;
}

.slick__next {
  right: 30px;
}

.slick__prev:before,
.slick__next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border-top: 3px solid #18212b;
  border-right: 3px solid #18212b;
  opacity: 1;
  content: "";
}

.fd01 .slick__prev:before,
.fd01 .slick__next:before {
  border-color: #f199b2;
}

.fd02 .slick__prev:before,
.fd02 .slick__next:before {
  border-color: #89c122;
}

.fd03-01 .slick__prev:before,
.fd03-01 .slick__next:before {
  border-color: #e2b527;
}

.fd03-02 .slick__prev:before,
.fd03-02 .slick__next:before {
  border-color: #00a9b2;
}

.fd04-01 .slick__prev:before,
.fd04-01 .slick__next:before {
  border-color: #ec727a;
}

.fd04-02 .slick__prev:before,
.fd04-02 .slick__next:before {
  border-color: #f0844a;
}

.fd05 .slick__prev:before,
.fd05 .slick__next:before {
  border-color: #e94746;
}

.fd06-01 .slick__prev:before,
.fd06-01 .slick__next:before {
  border-color: #00a69a;
}

.fd06-02 .slick__prev:before,
.fd06-02 .slick__next:before {
  border-color: #00a478;
}

.fd07-01 .slick__prev:before,
.fd07-01 .slick__next:before {
  border-color: #0081bd;
}

.fd07-02 .slick__prev:before,
.fd07-02 .slick__next:before {
  border-color: #00aaca;
}

.fd08-01 .slick__prev:before,
.fd08-01 .slick__next:before {
  border-color: #a398c8;
}

.fd08-02 .slick__prev:before,
.fd08-02 .slick__next:before {
  border-color: #00a69a;
}

.slick__prev:before {
  -webkit-transform: translate(-25%, -50%) rotate(-135deg);
          transform: translate(-25%, -50%) rotate(-135deg);
}

.slick__next:before {
  -webkit-transform: translate(-75%, -50%) rotate(45deg);
          transform: translate(-75%, -50%) rotate(45deg);
}

.field__graduate-others-item {
  text-align: center;
}

.field__graduate-others-img {
  aspect-ratio: 196 / 157;
}

.field__graduate-others-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.field__graduate-others-textarea {
  margin-top: 10px;
}

.field__graduate-others-sttl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.33;
  text-align: left;
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.field__graduate-others-sttl--fd01 {
  color: #f199b2;
}

.field__graduate-others-sttl--fd02 {
  color: #89c122;
}

.field__graduate-others-sttl--fd03 {
  color: #e2b527;
}

.field__graduate-others-sttl--fd03-02 {
  color: #00a9b2;
}

.field__graduate-others-sttl--fd04 {
  color: #ec727a;
}

.field__graduate-others-sttl--fd04-02 {
  color: #f0844a;
}

.field__graduate-others-sttl--fd05 {
  color: #e94746;
}

.field__graduate-others-sttl--fd06 {
  color: #00a69a;
}

.field__graduate-others-sttl--fd06-02 {
  color: #00a478;
}

.field__graduate-others-sttl--fd07 {
  color: #0081bd;
}

.field__graduate-others-sttl--fd07-02 {
  color: #00aaca;
}

.field__graduate-others-sttl--fd08 {
  color: #a398c8;
}

.field__graduate-others-sttl--fd08-02 {
  color: #00a69a;
}

.field__graduate-others-text {
  font-size: 14px;
  text-align: left;
  color: #231815;
}

.modaal-container {
  max-width: 1140px;
  border-radius: 25px;
}

.modaal-content-container {
  padding: 88px 77px 55px;
}

.modaal-overlay {
  background: rgba(166, 166, 166, 0.7) !important;
}

.modaal-close {
  display: none;
}

.modal-close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -48px;
  right: -42px;
}
.modal-close span {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal-close span::before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background: #9fa0a0;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
}
.modal-close span::after {
  content: "";
  width: 2px;
  height: 100%;
  display: block;
  background: #9fa0a0;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
}

.modal__item {
  display: none;
}

.modal__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.modal__l {
  width: 46.52%;
  flex-shrink: 0;
}

.modal__l img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.modal__r {
  width: 49.18%;
}

.modal-content > *:first-child {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.68;
  letter-spacing: 0.06em;
}

.modal-content--fd01 > *:first-child {
  color: #ef8ba5;
}

.modal-content--fd02 > *:first-child {
  color: #74bb2a;
}

.modal-content--fd03 > *:first-child {
  color: #e8b045;
}

.modal-content--fd04 > *:first-child {
  color: #00a9b2;
}

.modal-content--fd05 > *:first-child {
  color: #ec727a;
}

.modal-content--fd06 > *:first-child {
  color: #f0844a;
}

.modal-content--fd07 > *:first-child {
  color: #e94746;
}

.modal-content--fd08 > *:first-child {
  color: #00a69a;
}

.modal-content--fd09 > *:first-child {
  color: #00a478;
}

.modal-content--fd10 > *:first-child {
  color: #0081bd;
}

.modal-content--fd11 > *:first-child {
  color: #00aaca;
}

.modal-content--fd12 > *:first-child {
  color: #ac8fc1;
}

.modal-content > *:nth-child(2) {
  margin-top: 25px;
  padding-bottom: 35px;
  font-size: 18px;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #b5b5b6;
}

.modal__job {
  margin-top: 35px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.modal__name {
  font-size: 17px;
  line-height: 1.76;
  letter-spacing: 0.06em;
  color: #b5b5b6;
}

.field__best {
  margin-top: 68px;
  clear: both;
}

.field__best-ttl {
  padding-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  position: relative;
}
.field__best-ttl::after {
  content: "";
  width: 70px;
  height: 2px;
  display: block;
  background: #231815;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.field__best-btn {
  max-width: 500px;
  margin: 34px auto 0;
}
.field__best-btn a {
  padding: 29px 5px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  color: #FFF;
  display: block;
  border-radius: 20px;
  position: relative;
}
.field__best-btn a::after {
  content: "";
  width: 14px;
  height: 18px;
  display: block;
  background: url(../img/book/best-btn.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__best-btn--fd01 a {
  background: #f199b2;
}

.field__best-btn--fd02 a {
  background: #89c122;
}

.field__best-btn--fd03 a {
  background: #e2b527;
}

.field__best-btn--fd03-02 a {
  background: #00a9b2;
}

.field__best-btn--fd04 a {
  background: #ec727a;
}

.field__best-btn--fd04-02 a {
  background: #f0844a;
}

.field__best-btn--fd06-02 a {
  background: #00a478;
}

.field__best-btn--fd07 a {
  background: #0081bd;
}

.field__best-btn--fd07-02 a {
  background: #00aaca;
}

.field__best-btn--fd07-03 a {
  background: #88a0aa;
}

.field__best-btn--fd08 a {
  background: #a398c8;
}

.field__best-btn02 {
  max-width: 500px;
  margin: 30px auto 0;
}
.field__best-btn02 a {
  padding: 18px 5px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  display: block;
  border-radius: 20px;
  position: relative;
}
.field__best-btn02 a::after {
  content: "";
  width: 14px;
  height: 18px;
  display: block;
  background: url(../img/book/best-btn.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.field__best-btn02 a span {
  font-size: 20px;
}

.field__best-btn02--fd06 a {
  background: #00a69a;
}

.field__best-btn02--fd08 a {
  background: #a398c8;
}

.field__best-btn02--fd08-02 a {
  background: #00a69a;
}

.field__best-btn03 {
  max-width: 500px;
  margin: 30px auto 0;
}
.field__best-btn03 a {
  padding: 17px 5px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.49;
  text-align: center;
  color: #FFF;
  display: block;
  border-radius: 20px;
  position: relative;
}
.field__best-btn03 a::after {
  content: "";
  width: 11px;
  height: 18px;
  display: block;
  background: url(../img/book/best-btn.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.field__best-btn03--fd05 a {
  background: #e94746;
}

.course__ttl {
  margin-bottom: 45px;
  font-size: 46px;
  font-weight: 900;
  color: #5dc2d0;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .js-sp-more {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  #illustrated-book {
    margin-top: 44px;
    padding: 0px 0 46px;
  }
  #illustrated-book .pc {
    display: none;
  }
  #illustrated-book .sp {
    display: block;
  }
  .book-header {
    padding-top: 15px;
    padding-bottom: 9px;
  }
  .book-header__inner {
    max-width: 100%;
    margin: 0;
    padding: 0 23px;
  }
  .book-header__inner > picture img {
    width: 100%;
    height: auto;
    display: block;
  }
  .book-header__btn {
    width: 64vw;
    max-width: 320px;
    right: auto;
    left: 50%;
    bottom: 6vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .book-header__btn a {
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .book-header__btn img {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
  .book-header__btn a:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .book-description {
    padding: 30px 24px 61px;
  }
  .book-description::after {
    background: url(../img/book/scription_arrow_sp.svg) no-repeat center bottom/cover;
  }
  .book-description__inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 24px 18px 37px;
    border-radius: 25px;
    overflow: hidden;
  }
  .book-description__img {
    max-width: 100%;
    margin: 0 auto;
  }
  .book-description__img img {
    width: 100%;
    height: auto;
    display: block;
  }
  .book-description__text {
    margin-top: 47px;
    padding-top: 46px;
    font-size: 13px;
    border-top: 3px solid #d0b1d3;
    letter-spacing: 0.14em;
    line-height: 1.4;
  }
  .book-description__text-bold {
    padding-top: 3px;
    padding-bottom: 18px;
    font-size: 18px;
    letter-spacing: 0.14em;
    line-height: 1.26;
  }
  .book-description__text-bold::after {
    width: 42px;
    height: 2px;
  }
  .book-description__text02 {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.95;
    letter-spacing: 0.13em;
  }
  .book-form {
    max-width: 844px;
    margin: 39px auto 0;
    padding-right: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 0;
  }
  .book-form__box {
    width: 71.85vw;
    margin: 0 0 0 auto;
    padding: 20px 17px 20px 0;
    border-radius: 15px;
    position: relative;
  }
  .book-form__ttl {
    width: 45px;
    height: calc(100% - 30px);
    font-size: 18px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    left: -11px;
    border-radius: 5px 15px 15px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .book-form__wrap {
    width: 53.6vw;
    margin: 0 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px 0;
  }
  .book-form__deco {
    width: 142px;
    top: -16px;
    left: 11.5%;
  }
  .book-form__item {
    padding-left: 9px;
    font-size: 12px;
    line-height: 1.53;
    border-radius: 5px;
  }
  .radio01,
  .radio02 {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 50px;
    font-size: 12px;
    position: relative;
    width: auto;
  }
  .radio01::before,
  .radio02::before {
    border: 1px solid #b5b5b6;
    height: 18px;
    left: 1px;
    top: 12px;
    width: 18px;
  }
  .radio01::after,
  .radio02::after {
    width: 11px;
    height: 8px;
    left: 5px;
    border-left: 3px solid #efefef;
    border-bottom: 3px solid #efefef;
    top: 16px;
  }
  .book-form__icon {
    margin-right: 0;
    position: absolute;
    top: 12px;
    left: 25px;
  }
  .book-form__icon--a {
    width: 15px;
    top: 14px;
    left: 28px;
  }
  .book-form__icon--b {
    width: 13px;
    top: 11px;
    left: 30px;
  }
  .book-form__icon--c {
    width: 12px;
    top: 11px;
    left: 30px;
  }
  .book-form__icon--1 {
    width: 6px;
    top: 14px;
    left: 30px;
  }
  .book-form__icon--2 {
    width: 10px;
    top: 14px;
    left: 30px;
  }
  .book-form__icon--3 {
    width: 10px;
    top: 14px;
    left: 30px;
  }
  .book-form__btn {
    width: 202px;
    margin: -5px auto 0;
    padding: 16px 0 16px 20px;
    font-size: 13px;
    border-radius: 5px;
    -webkit-transition: 0s;
    transition: 0s;
  }
  .book-form__btn::before {
    width: 18px;
    height: 22px;
    left: 27px;
  }
  .book-form__btn::after {
    width: 8px;
    height: 10px;
    right: 15px;
  }
  .book-main {
    padding-top: 38px;
  }
  .book-inner {
    max-width: 100%;
    margin: 0;
    padding: 0 30px;
  }
  @-webkit-keyframes lineAnime {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(27px, 0, 0);
              transform: translate3d(27px, 0, 0);
    }
  }
  @keyframes lineAnime {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(27px, 0, 0);
              transform: translate3d(27px, 0, 0);
    }
  }
  .book-load {
    max-width: 100%;
    margin: 30px 24px 0;
    padding: 65px 5px;
    border-radius: 15px;
    overflow: hidden;
  }
  .book-load::after {
    content: "";
    width: calc(100% + 28px);
    height: 100%;
    display: block;
    background-image: linear-gradient(-45deg, #f7f7f7 25%, #f2f2f2 25%, #f2f2f2 50%, #f7f7f7 50%, #f7f7f7 75%, #f2f2f2 75%, #f2f2f2);
    background-size: 15px 15px;
    position: absolute;
    top: 0;
    left: -27px;
    -webkit-animation: lineAnime 0.7s infinite linear;
            animation: lineAnime 0.7s infinite linear;
  }
  .book-load p {
    font-size: 14px;
    line-height: 1.71;
    text-shadow: 2px 2px 0 #FFF, -2px 2px 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF;
  }
  .book-load__ttl {
    width: 125px;
    margin: 0 auto;
  }
  .book-result {
    max-width: 100%;
    margin: 22px auto 0;
    padding: 0 20px;
  }
  .book-result .a1 .book-result__wrap {
    background: #fbeff0;
  }
  .book-result .a1 .book-result__img {
    width: 20.15%;
    right: 3%;
  }
  .book-select {
    margin-top: 51px;
  }
  .field__contents {
    margin-top: 36px;
  }
  .field__contents:first-child .field__section {
    margin-top: 52px;
  }
  .field__contents:first-of-type .field__section {
    margin-top: 52px;
  }
  .book-select__ttl {
    padding-bottom: 17px;
    font-size: 15px;
  }
  .book-select__ttl::after {
    width: 43px;
    height: 2px;
  }
  .book-select__text {
    margin: 16px 0;
    font-size: 12px;
    line-height: 1.95;
  }
  .book-select__list {
    margin: 0 20px;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px 0;
  }
  .book-select__list--01 .book-select__item {
    width: 46.8%;
  }
  .book-select__list--02 {
    gap: 10px 0;
  }
  .book-select__list--02 .book-select__item {
    width: 46.8%;
  }
  .book-select__list--03 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .book-select__list--03 .book-select__item {
    width: 46.8%;
  }
  .book-select__list--04 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .book-select__list--04 .book-select__item {
    width: 46.8%;
  }
  .book-select__item {
    width: 46.8%;
  }
  .book-select__item a::before {
    width: 8px;
    height: 4px;
    right: 7px;
  }
  .book-select__item a::after {
    content: "";
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    display: block;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .book-select__item span {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    font-size: 12px;
    line-height: 1.3;
    border-radius: 5px;
  }
  .book-oc {
    margin-top: 50px;
  }
  .book-oc__text {
    font-size: 15px;
    letter-spacing: 0.14em;
  }
  .book-oc__btn {
    width: 292px;
    margin: 8px auto 0;
  }
  .book-oc__btn a {
    padding: 19px 0;
    font-size: 14px;
    border-radius: 30px;
  }
  .book-oc__btn a::after {
    width: 6px;
    height: 10px;
    right: 17px;
  }
  .field__section {
    margin-top: 17px;
    margin-bottom: 30px;
    border-radius: 0 0 15px 15px;
  }
  .field__section:first-child {
    margin-top: 52px;
  }
  .field__section:first-of-type {
    margin-top: 52px;
  }
  .field__ttl {
    padding: 2px 5px 5px;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
    letter-spacing: 0.09em;
  }
  .field__content {
    padding: 20px 26px 35px;
    overflow: hidden;
  }
  .field__header {
    position: relative;
  }
  .field__header-ttl {
    font-size: 18px;
    line-height: 1.66;
    letter-spacing: 0.16em;
  }
  .field__header-ttl--fd01 {
    width: 100%;
  }
  .field__header-ttl--fd02 {
    width: 100%;
  }
  .field__header-ttl--fd03 {
    width: 100%;
  }
  .field__header-ttl--fd04 {
    width: 100%;
  }
  .field__header-ttl--fd05 {
    width: 100%;
  }
  .field__header-ttl--fd06 {
    width: 100%;
  }
  .field__header-ttl--fd07 {
    width: 100%;
  }
  .field__header-ttl--fd08 {
    width: 100%;
  }
  .field__header-img {
    position: static;
  }
  .field__header-img--fd01 {
    width: 51.88%;
    margin: -5px auto 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .field__header-img--fd02 {
    width: 54.88%;
    margin: 15px auto 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .field__header-img--fd03 {
    width: 54.88%;
    margin: 15px auto 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .field__header-img--fd04 {
    width: 54.88%;
    margin: 15px auto 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .field__header-img--fd05 {
    width: 54.88%;
    margin: 15px auto 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .field__header-img--fd06 {
    width: 54.88%;
    margin: 15px auto 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .field__header-img--fd07 {
    width: 65.88%;
    margin: -16px auto 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .field__header-img--fd08 {
    width: 64.88%;
    margin: 15px auto 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .field__header-text {
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.85;
    letter-spacing: 0.09em;
  }
  .field__header-text--fd01 {
    width: 100%;
  }
  .field__header-text--fd02 {
    width: 100%;
  }
  .field__header-text--fd03 {
    width: 100%;
  }
  .field__header-text--fd04 {
    width: 100%;
  }
  .field__header-text--fd05 {
    width: 100%;
  }
  .field__header-text--fd06 {
    width: 100%;
  }
  .field__header-text--fd07 {
    width: 100%;
  }
  .field__header-text--fd08 {
    width: 100%;
  }
  .field__works {
    margin-top: 36px;
  }
  .field__bd-ttl {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.44;
    letter-spacing: 0.14em;
    border-style: 1px;
  }
  .field__works-flex {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px 0;
  }
  .field__works-item {
    width: 100%;
    padding: 15px 21px;
    border-radius: 10px;
  }
  .field__works-item--no-bg {
    background: none;
  }
  .field__works-item-ttl {
    font-size: 14px;
    letter-spacing: 0.12em;
  }
  .field__works-item-text {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.55;
    letter-spacing: 0.03em;
  }
  .field__works-sbox {
    margin-top: 10px;
  }
  .field__works-item-sttl {
    font-size: 11px;
  }
  .field__works-sflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .field__works-sitem {
    width: 49%;
    font-size: 12px;
  }
  .field__others {
    margin-top: 20px;
  }
  .field__others-ttl {
    font-size: 14px;
  }
  .field__accordion {
    margin-top: 32px;
  }
  .field__accordion-btn {
    padding: 0 0 7px;
    font-size: 14px;
    line-height: 1.44;
    letter-spacing: 0.16em;
    border-style: 1px;
  }
  .field__accordion-icon {
    width: 10px;
    height: 4px;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .field__accordion-icon .cls-1 {
    fill: none;
    stroke: #f199b2;
    stroke-miterlimit: 10;
    stroke-width: 2px;
  }
  .field__accordion-icon svg {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .field__accordion-content {
    padding: 20px 0 0;
  }
  .field__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px 0;
  }
  .field__flex-l01 {
    width: 100%;
  }
  .field__flex-r01 {
    width: 100%;
    font-size: 12px;
  }
  .field-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .field-list--row02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .field-list--row02 .field-list_l,
  .field-list--row02 .field-list_r {
    width: 100%;
  }
  .field-list--row02-02 .field-list__item {
    min-width: 0;
  }
  .field-list--row02-02 .field-list__item:nth-child(2n) {
    margin-right: 0;
  }
  .field-list--fd01 {
    gap: 0 11px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .field-list--fd01.field-list--min-no {
    gap: 0 11px;
  }
  .field-list--fd01 .field-list__item {
    min-width: 0;
  }
  .field-list--fd02 {
    gap: 0 11px;
  }
  .field-list--fd02 .field-list__item {
    min-width: 0;
  }
  .field-list--fd03 {
    gap: 0 11px;
  }
  .field-list--fd03.field-list--row02 {
    gap: 0 0;
  }
  .field-list--fd03 .field-list_l,
  .field-list--fd03 .field-list_r {
    width: 100%;
  }
  .field-list--fd04 {
    gap: 0 11px;
  }
  .field-list--fd04.field-list02 {
    gap: 0 11px;
  }
  .field-list--fd04.field-list02 .field-list__item {
    min-width: 0;
  }
  .field-list--fd04.field-list--row02 {
    gap: 0 0;
  }
  .field-list--fd04 .field-list_l,
  .field-list--fd04 .field-list_r {
    width: 100%;
  }
  .field-list--fd05 {
    gap: 0 11px;
  }
  .field-list--fd05 .field-list__item {
    min-width: 0;
  }
  .field-list--fd06 {
    gap: 0 11px;
  }
  .field-list--fd06.field-list--row02 {
    gap: 0 0;
  }
  .field-list--fd06 .field-list_l,
  .field-list--fd06 .field-list_r {
    width: 100%;
  }
  .field-list--fd07 {
    gap: 0 11px;
  }
  .field-list--fd07.field-list--row02 {
    gap: 0 0;
  }
  .field-list--fd07 .field-list_l,
  .field-list--fd07 .field-list_r {
    width: 100%;
  }
  .field-list--fd08 {
    gap: 0 11px;
  }
  .field-list--fd08.field-list--row02 {
    gap: 0 0;
  }
  .field-list--fd08 .field-list_l,
  .field-list--fd08 .field-list_r {
    width: 100%;
  }
  .field-list--row01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .field-list__item {
    font-size: 12px;
    line-height: 1.35;
  }
  .field-list__item--mr {
    margin-right: 0;
  }
  .field__img-full {
    margin-top: 20px;
    text-align: center;
  }
  .field__graduate {
    margin-top: 30px;
  }
  .field__graduate-flex {
    margin-top: 12px;
    padding-bottom: 15px;
    display: block;
  }
  .field__graduate-r {
    width: 100%;
    padding: 20px 23px 28px;
    border-radius: 19px;
    gap: 10px 0;
  }
  .field__graduate-deco {
    width: 30px;
    height: 42px;
    top: auto;
    bottom: -24px;
    left: 32%;
  }
  .field__graduate-deco .cls-1 {
    fill: #f3adc2;
    fill-rule: evenodd;
    stroke-width: 0px;
  }
  .field__graduate-ttl {
    font-size: 13px;
    letter-spacing: 0.12em;
  }
  .field__graduate-text {
    font-size: 12px;
    line-height: 1.65;
  }
  .field__graduate-l {
    width: 100%;
    margin-top: 10px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .field__graduate-img {
    width: 48.16%;
  }
  .field__graduate-textarea {
    width: 44.25%;
    margin-top: 0;
  }
  .field__graduate-name {
    margin-top: 0;
    font-size: 11px;
    letter-spacing: 0.04em;
    line-height: 1.67;
  }
  .field__graduate-department {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.51;
    letter-spacing: 0.1em;
  }
  .field__graduate-others {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px 0;
  }
  .field__graduate-others-ttl {
    width: 100%;
    height: auto;
    padding: 9px 0;
    font-size: 14px;
    letter-spacing: 0.09em;
  }
  .slick__position {
    width: 100%;
    position: static;
  }
  .slick__container {
    width: 100%;
    position: relative;
  }
  .slick__container::after {
    display: none;
  }
  .field__graduate-others-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px 0;
  }
  .field__graduate-others-item {
    width: 100%;
    text-align: left;
  }
  .field__graduate-others-item.active {
    display: block !important;
  }
  .field__graduate-others-item:nth-child(n+4) {
    position: static;
    display: none;
  }
  .field__graduate-others-item:nth-child(n+4).active {
    position: static;
  }
  .field__graduate-others-item:nth-child(n+4).active::after {
    display: none;
  }
  .field__graduate-others-item:nth-child(n+4)::after {
    display: none;
  }
  .field__graduate-others-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sp-more {
    display: block;
    position: relative;
    width: 60px;
    margin: 17px auto 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 19px 0 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .sp-more span {
    width: 36px;
    height: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .sp-more .cls-1 {
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 3px;
  }
  .sp-more--fd01 {
    color: #f199b2;
  }
  .sp-more--fd01 .cls-1 {
    stroke: #f199b2;
  }
  .sp-more--fd02 {
    color: #89c122;
  }
  .sp-more--fd02 .cls-1 {
    stroke: #89c122;
  }
  .sp-more--fd03-01 {
    color: #e2b527;
  }
  .sp-more--fd03-01 .cls-1 {
    stroke: #e2b527;
  }
  .sp-more--fd03-02 {
    color: #00a9b2;
  }
  .sp-more--fd03-02 .cls-1 {
    stroke: #00a9b2;
  }
  .sp-more--fd04-01 {
    color: #ec727a;
  }
  .sp-more--fd04-01 .cls-1 {
    stroke: #ec727a;
  }
  .sp-more--fd04-02 {
    color: #f0844a;
  }
  .sp-more--fd04-02 .cls-1 {
    stroke: #f0844a;
  }
  .sp-more--fd05 {
    color: #e94746;
  }
  .sp-more--fd05 .cls-1 {
    stroke: #e94746;
  }
  .sp-more--fd06-01 {
    color: #00a69a;
  }
  .sp-more--fd06-01 .cls-1 {
    stroke: #00a69a;
  }
  .sp-more--fd06-02 {
    color: #00a478;
  }
  .sp-more--fd06-02 .cls-1 {
    stroke: #00a478;
  }
  .sp-more--fd07-01 {
    color: #0081bd;
  }
  .sp-more--fd07-01 .cls-1 {
    stroke: #0081bd;
  }
  .sp-more--fd07-02 {
    color: #00aaca;
  }
  .sp-more--fd07-02 .cls-1 {
    stroke: #00aaca;
  }
  .sp-more--fd08-01 {
    color: #a398c8;
  }
  .sp-more--fd08-01 .cls-1 {
    stroke: #a398c8;
  }
  .sp-more--fd08-02 {
    color: #00a69a;
  }
  .sp-more--fd08-02 .cls-1 {
    stroke: #00a69a;
  }
  .field__graduate-others-img {
    width: 42.3%;
  }
  .field__graduate-others-textarea {
    width: 54.23%;
    margin-top: 0;
  }
  .field__graduate-others-sttl {
    font-size: 13px;
    letter-spacing: 0.04em;
  }
  .field__graduate-others-text {
    margin-top: 4px;
    font-size: 11px;
  }
  .modaal-container {
    max-width: 100%;
    border-radius: 15px;
  }
  .modaal-content-container {
    padding: 45px 20px 25px;
  }
  .modal-close {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -2px;
  }
  .modal__item {
    display: none;
  }
  .modal__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px 0;
  }
  .modal__l {
    width: 100%;
  }
  .modal__r {
    width: 100%;
  }
  .modal__ttl {
    font-size: 12px;
  }
  .modal__text {
    margin-top: 5px;
    padding-bottom: 20px;
    font-size: 11px;
  }
  .modal__job {
    margin-top: 15px;
    font-size: 12px;
  }
  .modal__name {
    font-size: 12px;
  }
  .field__best {
    margin-top: 40px;
  }
  .field__best-ttl {
    margin-bottom: 20px;
    padding-bottom: 14px;
    font-size: 18px;
    letter-spacing: 0.14em;
  }
  .field__best-ttl::after {
    width: 41px;
  }
  .field__best-btn {
    max-width: 100%;
    margin: 12px auto 0;
    padding: 0 6px;
  }
  .field__best-btn a {
    padding: 19px 5px;
    font-size: 14px;
    letter-spacing: 0.14em;
    border-radius: 15px;
  }
  .field__best-btn a::after {
    width: 10px;
    height: 9px;
    right: 18px;
  }
  .field__best-btn--fd06-02 a {
    padding-right: 20px;
  }
  .field__best-btn02 {
    max-width: 100%;
    margin: 16px auto 0;
    padding: 0 6px;
  }
  .field__best-btn02 a {
    padding: 11px 5px;
    font-size: 13px;
    border-radius: 15px;
  }
  .field__best-btn02 a::after {
    width: 10px;
    height: 9px;
    right: 18px;
  }
  .field__best-btn02 a span {
    font-size: 11px;
  }
  .field__best-btn03 {
    max-width: 100%;
    margin: 16px auto 0;
  }
  .field__best-btn03 a {
    padding: 10px 5px;
    font-size: 13px;
    border-radius: 15px;
  }
  .field__best-btn03 a::after {
    width: 6px;
    height: 9px;
    right: 15px;
  }
  .course__ttl {
    margin-bottom: 20px;
    font-size: 26px;
    letter-spacing: 0.14em;
  }
  .course__list__sub.column--wide {
    margin-right: 0;
  }
  .course__list__sub.column--wide > li {
    width: 100%;
    margin-right: 0;
  }
  .course__list__sub .block.block--sp {
    display: block;
  }
  .course__list__sub .block.block--sp > dt {
    width: 100%;
    margin-bottom: 12px;
  }
  .course__list__sub .block.block--sp > dd {
    width: 100%;
  }
}