@charset "UTF-8";
@media screen and (min-width: 835px) {
  .mbpc-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-0 {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-1 {
    margin-bottom: 1px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-1 {
    margin-bottom: 1px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-2 {
    margin-bottom: 2px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-2 {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-3 {
    margin-bottom: 3px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-3 {
    margin-bottom: 3px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-4 {
    margin-bottom: 4px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-4 {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-5 {
    margin-bottom: 5px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-5 {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-6 {
    margin-bottom: 6px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-6 {
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-7 {
    margin-bottom: 7px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-7 {
    margin-bottom: 7px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-8 {
    margin-bottom: 8px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-8 {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-9 {
    margin-bottom: 9px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-9 {
    margin-bottom: 9px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-11 {
    margin-bottom: 11px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-11 {
    margin-bottom: 11px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-12 {
    margin-bottom: 12px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-12 {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-13 {
    margin-bottom: 13px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-13 {
    margin-bottom: 13px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-14 {
    margin-bottom: 14px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-14 {
    margin-bottom: 14px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-16 {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-16 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-17 {
    margin-bottom: 17px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-17 {
    margin-bottom: 17px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-18 {
    margin-bottom: 18px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-18 {
    margin-bottom: 18px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-19 {
    margin-bottom: 19px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-19 {
    margin-bottom: 19px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-21 {
    margin-bottom: 21px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-21 {
    margin-bottom: 21px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-22 {
    margin-bottom: 22px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-22 {
    margin-bottom: 22px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-23 {
    margin-bottom: 23px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-23 {
    margin-bottom: 23px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-24 {
    margin-bottom: 24px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-24 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-26 {
    margin-bottom: 26px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-26 {
    margin-bottom: 26px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-27 {
    margin-bottom: 27px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-27 {
    margin-bottom: 27px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-28 {
    margin-bottom: 28px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-28 {
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-29 {
    margin-bottom: 29px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-29 {
    margin-bottom: 29px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-31 {
    margin-bottom: 31px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-31 {
    margin-bottom: 31px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-32 {
    margin-bottom: 32px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-32 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-33 {
    margin-bottom: 33px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-33 {
    margin-bottom: 33px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-34 {
    margin-bottom: 34px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-34 {
    margin-bottom: 34px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-35 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-35 {
    margin-bottom: 35px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-36 {
    margin-bottom: 36px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-36 {
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-37 {
    margin-bottom: 37px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-37 {
    margin-bottom: 37px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-38 {
    margin-bottom: 38px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-38 {
    margin-bottom: 38px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-39 {
    margin-bottom: 39px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-39 {
    margin-bottom: 39px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-41 {
    margin-bottom: 41px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-41 {
    margin-bottom: 41px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-42 {
    margin-bottom: 42px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-42 {
    margin-bottom: 42px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-43 {
    margin-bottom: 43px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-43 {
    margin-bottom: 43px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-44 {
    margin-bottom: 44px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-44 {
    margin-bottom: 44px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-46 {
    margin-bottom: 46px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-46 {
    margin-bottom: 46px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-47 {
    margin-bottom: 47px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-47 {
    margin-bottom: 47px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-48 {
    margin-bottom: 48px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-48 {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-49 {
    margin-bottom: 49px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-49 {
    margin-bottom: 49px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-51 {
    margin-bottom: 51px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-51 {
    margin-bottom: 51px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-52 {
    margin-bottom: 52px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-52 {
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-53 {
    margin-bottom: 53px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-53 {
    margin-bottom: 53px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-54 {
    margin-bottom: 54px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-54 {
    margin-bottom: 54px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-55 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-55 {
    margin-bottom: 55px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-56 {
    margin-bottom: 56px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-56 {
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-57 {
    margin-bottom: 57px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-57 {
    margin-bottom: 57px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-58 {
    margin-bottom: 58px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-58 {
    margin-bottom: 58px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-59 {
    margin-bottom: 59px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-59 {
    margin-bottom: 59px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-60 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-60 {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-61 {
    margin-bottom: 61px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-61 {
    margin-bottom: 61px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-62 {
    margin-bottom: 62px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-62 {
    margin-bottom: 62px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-63 {
    margin-bottom: 63px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-63 {
    margin-bottom: 63px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-64 {
    margin-bottom: 64px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-64 {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-65 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-65 {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-66 {
    margin-bottom: 66px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-66 {
    margin-bottom: 66px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-67 {
    margin-bottom: 67px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-67 {
    margin-bottom: 67px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-68 {
    margin-bottom: 68px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-68 {
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-69 {
    margin-bottom: 69px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-69 {
    margin-bottom: 69px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-70 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-70 {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-71 {
    margin-bottom: 71px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-71 {
    margin-bottom: 71px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-72 {
    margin-bottom: 72px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-72 {
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-73 {
    margin-bottom: 73px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-73 {
    margin-bottom: 73px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-74 {
    margin-bottom: 74px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-74 {
    margin-bottom: 74px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-75 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-75 {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-76 {
    margin-bottom: 76px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-76 {
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-77 {
    margin-bottom: 77px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-77 {
    margin-bottom: 77px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-78 {
    margin-bottom: 78px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-78 {
    margin-bottom: 78px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-79 {
    margin-bottom: 79px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-79 {
    margin-bottom: 79px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-80 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-80 {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-81 {
    margin-bottom: 81px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-81 {
    margin-bottom: 81px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-82 {
    margin-bottom: 82px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-82 {
    margin-bottom: 82px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-83 {
    margin-bottom: 83px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-83 {
    margin-bottom: 83px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-84 {
    margin-bottom: 84px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-84 {
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-85 {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-85 {
    margin-bottom: 85px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-86 {
    margin-bottom: 86px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-86 {
    margin-bottom: 86px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-87 {
    margin-bottom: 87px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-87 {
    margin-bottom: 87px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-88 {
    margin-bottom: 88px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-88 {
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-89 {
    margin-bottom: 89px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-89 {
    margin-bottom: 89px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-90 {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-90 {
    margin-bottom: 90px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-91 {
    margin-bottom: 91px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-91 {
    margin-bottom: 91px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-92 {
    margin-bottom: 92px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-92 {
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-93 {
    margin-bottom: 93px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-93 {
    margin-bottom: 93px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-94 {
    margin-bottom: 94px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-94 {
    margin-bottom: 94px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-95 {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-95 {
    margin-bottom: 95px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-96 {
    margin-bottom: 96px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-96 {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-97 {
    margin-bottom: 97px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-97 {
    margin-bottom: 97px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-98 {
    margin-bottom: 98px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-98 {
    margin-bottom: 98px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-99 {
    margin-bottom: 99px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-99 {
    margin-bottom: 99px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-100 {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-100 {
    margin-bottom: 100px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-101 {
    margin-bottom: 101px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-101 {
    margin-bottom: 101px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-102 {
    margin-bottom: 102px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-102 {
    margin-bottom: 102px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-103 {
    margin-bottom: 103px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-103 {
    margin-bottom: 103px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-104 {
    margin-bottom: 104px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-104 {
    margin-bottom: 104px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-105 {
    margin-bottom: 105px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-105 {
    margin-bottom: 105px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-106 {
    margin-bottom: 106px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-106 {
    margin-bottom: 106px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-107 {
    margin-bottom: 107px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-107 {
    margin-bottom: 107px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-108 {
    margin-bottom: 108px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-108 {
    margin-bottom: 108px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-109 {
    margin-bottom: 109px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-109 {
    margin-bottom: 109px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-110 {
    margin-bottom: 110px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-110 {
    margin-bottom: 110px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-111 {
    margin-bottom: 111px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-111 {
    margin-bottom: 111px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-112 {
    margin-bottom: 112px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-112 {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-113 {
    margin-bottom: 113px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-113 {
    margin-bottom: 113px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-114 {
    margin-bottom: 114px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-114 {
    margin-bottom: 114px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-115 {
    margin-bottom: 115px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-115 {
    margin-bottom: 115px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-116 {
    margin-bottom: 116px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-116 {
    margin-bottom: 116px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-117 {
    margin-bottom: 117px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-117 {
    margin-bottom: 117px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-118 {
    margin-bottom: 118px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-118 {
    margin-bottom: 118px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-119 {
    margin-bottom: 119px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-119 {
    margin-bottom: 119px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-120 {
    margin-bottom: 120px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-120 {
    margin-bottom: 120px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-121 {
    margin-bottom: 121px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-121 {
    margin-bottom: 121px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-122 {
    margin-bottom: 122px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-122 {
    margin-bottom: 122px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-123 {
    margin-bottom: 123px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-123 {
    margin-bottom: 123px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-124 {
    margin-bottom: 124px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-124 {
    margin-bottom: 124px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-125 {
    margin-bottom: 125px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-125 {
    margin-bottom: 125px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-126 {
    margin-bottom: 126px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-126 {
    margin-bottom: 126px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-127 {
    margin-bottom: 127px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-127 {
    margin-bottom: 127px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-128 {
    margin-bottom: 128px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-128 {
    margin-bottom: 128px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-129 {
    margin-bottom: 129px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-129 {
    margin-bottom: 129px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-130 {
    margin-bottom: 130px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-130 {
    margin-bottom: 130px !important;
  }
}
.mb0 {
  margin-bottom: 0 !important;
}

/* ====================================================
reset style
==================================================== */
html {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 10px; /* Base font size, change to 14px or 16px if needed */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select, button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

del, ins {
  text-decoration: none;
}

main {
  display: block;
}

section {
  position: relative;
}

/* ====================================================
HTML
==================================================== */
body {
  color: #010101;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a {
    display: inline-block;
  }
}
@media screen and (min-width: 835px) {
  a[href^=tel] {
    pointer-events: none;
  }
}
@media screen and (max-width: 834px) {
  a {
    -webkit-tap-highlight-color: transparent;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

/* ====================================================
Control
==================================================== */
.c-fc--white {
  color: white !important;
}
.c-fc--green {
  color: #3C9966 !important;
}
.c-fc--green02 {
  color: #74A256 !important;
}
.c-fc--grey {
  color: #475A63 !important;
}
.c-fc--grey02 {
  color: #445171 !important;
}
.c-fc--grey03 {
  color: #3E63A3 !important;
}
.c-fc--gray {
  color: #666666 !important;
}
.c-fc--blue {
  color: #3BB8BF !important;
}
.c-fc--orange {
  color: #EE941D !important;
}
.c-fc--orange02 {
  color: #AB9D29 !important;
}
.c-fc--orange03 {
  color: #A8A062 !important;
}
.c-fc--orange04 {
  color: #EEBA64 !important;
}
.c-fc--red {
  color: #F05B48 !important;
}
.c-fc--brown {
  color: #A4584A !important;
}
.c-fc--red {
  color: #E30009 !important;
}

.c-bg--ff {
  background: #fff !important;
}
.c-bg--green {
  background: #54B565 !important;
}
.c-bg--blue {
  background: #3BB8BF !important;
}
.c-bg--diff {
  background: url(../img/common/bg-diff.jpg) center/cover no-repeat !important;
}

.c-ft--jp {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}
.c-ft--en {
  font-family: "Ms Madi", cursive;
  font-weight: normal;
}
.c-ft--poppins {
  font-family: "Poppins", sans-serif;
}

.c-fw--lt {
  font-weight: 300 !important;
}
.c-fw--rg {
  font-weight: 400 !important;
}
.c-fw--md {
  font-weight: 500 !important;
}
.c-fw--sbd {
  font-weight: 600 !important;
}
.c-fw--bd {
  font-weight: 700 !important;
}
.c-fw--bk {
  font-weight: 900 !important;
}

.c-tx--v {
  writing-mode: vertical-rl;
}
@media screen and (min-width: 835px) {
  .c-tx--v-pc {
    writing-mode: vertical-rl;
  }
}

.c-al--c {
  text-align: center !important;
}
.c-al--r {
  text-align: right !important;
}
.c-al--l {
  text-align: left !important;
}

.c-val--md {
  vertical-align: middle;
}
.c-val--top {
  vertical-align: top;
}

/* ====================================================
Component
==================================================== */
.c-txt__basic {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6875;
}
.c-txt__01 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.1875;
  font-weight: 500;
}
.c-txt__02 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}

.c-ttl__01 {
  position: relative;
  text-align: center;
  margin-bottom: 99px;
}
@media screen and (max-width: 834px) {
  .c-ttl__01 {
    margin-bottom: 77px;
  }
}
.c-ttl__01::after {
  content: "";
  position: absolute;
  bottom: -44px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background: #3BB8BF;
  border-radius: 50%;
}
@media screen and (max-width: 834px) {
  .c-ttl__01::after {
    bottom: -37px;
  }
}
.c-ttl__01 .c-ft--en {
  display: block;
  text-transform: capitalize;
  color: #3C9966;
  font-size: 4rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 835px) {
  .c-ttl__01 .c-ft--en {
    margin-bottom: 11px;
  }
}
.c-ttl__01 .c-ft--jp {
  display: block;
  font-weight: bold;
  font-size: 4rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .c-ttl__01 .c-ft--jp {
    font-size: 3.5rem;
  }
}
.c-ttl__01 .c-ft--jp::before, .c-ttl__01 .c-ft--jp::after {
  content: "";
  position: absolute;
  bottom: -44px;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background: #54B565;
  border-radius: 50%;
}
@media screen and (max-width: 834px) {
  .c-ttl__01 .c-ft--jp::before, .c-ttl__01 .c-ft--jp::after {
    bottom: -37px;
  }
}
.c-ttl__01 .c-ft--jp::before {
  left: calc(50% - 23px);
  background: #3C9966;
}
.c-ttl__01 .c-ft--jp::after {
  left: calc(50% + 23px);
}
.c-ttl__01 .c-ft--jp > small {
  display: block;
  font-size: 2.4rem;
  margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
  .c-ttl__01 .c-ft--jp > small {
    line-height: 2.0416666667;
    letter-spacing: 0;
  }
}
.c-ttl__01 .c-ft--jp span {
  font-size: 3.5rem;
}
.c-ttl__01 .c-ft--jp strong {
  font-weight: bold;
}
@media screen and (min-width: 835px) {
  .c-ttl__01 .c-ft--jp strong {
    margin-right: 16px;
  }
}
@media screen and (max-width: 834px) {
  .c-ttl__01 .c-ft--jp:has(strong) {
    font-size: 2.5rem;
  }
  .c-ttl__01 .c-ft--jp:has(strong) > strong {
    display: block;
    margin-bottom: 4px;
    font-size: 3.5rem;
  }
}
.c-ttl__01--small {
  padding-bottom: 8px;
  margin-bottom: 126px;
}
@media screen and (max-width: 834px) {
  .c-ttl__01--small {
    margin-bottom: 96px;
  }
}
.c-ttl__01--small .c-ft--en {
  margin-bottom: 0;
}
.c-ttl__01--small .c-ft--jp {
  font-size: 3.5rem;
  margin-bottom: 14px;
}
@media screen and (max-width: 834px) {
  .c-ttl__01--small .c-ft--jp {
    margin-bottom: 3px;
  }
}
.c-ttl__01--small small {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 834px) {
  .c-ttl__01--small small {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
  }
}
.c-ttl__02 {
  margin-bottom: 26px;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
}
.c-ttl__02 strong {
  display: block;
  color: #3C9966;
  margin-bottom: 26px;
  font-weight: bold;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .c-ttl__02 strong {
    margin-bottom: 29px;
  }
}
.c-ttl__02 span {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right, #EEBA64 50%, #EEBA64 50%);
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-bottom: 8px;
}
.c-ttl__03 {
  font-weight: 600;
  line-height: 2;
  margin-bottom: 27px;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__03 {
    margin-bottom: 25px;
  }
}
.c-ttl__04 {
  text-align: center;
  font-size: 3.5rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #3C9966;
  margin-bottom: 78px;
}
@media screen and (max-width: 834px) {
  .c-ttl__04 {
    font-size: 2.5rem;
    margin-bottom: 33px;
  }
}
.c-ttl__04 span {
  display: inline-block;
  position: relative;
  padding: 0 82px;
}
@media screen and (max-width: 834px) {
  .c-ttl__04 span {
    padding: 0 44px;
  }
}
.c-ttl__04 span:before, .c-ttl__04 span:after {
  content: "";
  width: 54px;
  height: 9px;
  background: url("../img/common/dots.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .c-ttl__04 span:before, .c-ttl__04 span:after {
    width: 31px;
    height: 7px;
  }
}
.c-ttl__04 span:before {
  left: 0;
}
.c-ttl__04 span:after {
  right: 0;
}
.c-ttl__04--child {
  font-size: 2.7rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__04--child {
    font-size: 2.4rem;
  }
}

.c-btn__01 {
  position: relative;
  left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 245px;
  height: 54px;
  background: #3C9966;
  color: white;
  box-shadow: 0 0 0 #3C9966;
  border-radius: 70px;
  text-align: center;
  margin: 0 auto;
  padding: 10px 27px 10px 69px;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}
@media screen and (max-width: 834px) {
  .c-btn__01 {
    min-width: 264px;
    height: 49px;
    padding: 10px 35px 10px 73px;
    font-size: 1.7rem;
  }
}
.c-btn__01::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  background: url(../img/common/polygon-white.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .c-btn__01::before {
    width: 60px;
    height: 60px;
  }
}
.c-btn__01::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 16px;
  background: url(../img/common/ar-green.svg) center/contain no-repeat;
  transition: 0.3s ease;
}
@media screen and (max-width: 834px) {
  .c-btn__01::after {
    left: 17px;
  }
}
@media (any-hover: hover) {
  .c-btn__01:hover {
    opacity: 1;
    box-shadow: 0 0 20px #3C9966;
  }
  .c-btn__01:hover::after {
    left: 23px;
  }
}
.c-btn__01--grey {
  background: #475A63;
}
.c-btn__01--grey:before {
  background: url(../img/common/polygon-grey.svg) center/contain no-repeat;
}
.c-btn__01--grey:after {
  background: url(../img/common/ar-grey.svg) center/contain no-repeat;
}
.c-btn__01--green {
  background: #74A256;
}
.c-btn__01--green:before {
  background: url(../img/common/polygon-green02.svg) center/contain no-repeat;
}
.c-btn__01--green:after {
  background: url(../img/common/ar-green02.svg) center/contain no-repeat;
}
.c-btn__01--orange {
  background: #EE941D;
}
.c-btn__01--orange:before {
  background: url(../img/common/polygon-orange.svg) center/contain no-repeat;
}
.c-btn__01--orange:after {
  background: url(../img/common/ar-orange.svg) center/contain no-repeat;
}
.c-btn__01--brown {
  background: #A4584A;
}
.c-btn__01--brown:before {
  background: url(../img/common/polygon-brown.svg) center/contain no-repeat;
}
.c-btn__01--brown:after {
  background: url(../img/common/ar-brown.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .c-btn__01--smallsp {
    padding: 10px 29px 10px 59px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
  }
}
.c-btn__02 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 252px;
  height: 49px;
  background: #3C9966;
  box-shadow: 0 0 0 #3C9966;
  color: white;
  border-radius: 50px;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  transition: 0.3s ease;
}
.c-btn__02--blue {
  background: #3BB8BF;
}
@media (any-hover: hover) {
  .c-btn__02:hover {
    opacity: 1;
    box-shadow: 0 0 20px #3C9966;
    transform: scale(1.1);
  }
}
.c-btn__03 {
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  max-width: 120px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
  color: #20686F;
  font-weight: bold;
  letter-spacing: 1.4px;
  padding-right: 30px;
  transform: translateX(-50%);
  font-size: 1.4rem;
}
.c-btn__03:hover {
  opacity: 0.7;
  transition: all 0.3s;
}
.c-btn__03::after, .c-btn__03::before {
  content: "";
  width: 14px;
  height: 1px;
  background: #20686F;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.c-btn__03::after {
  transform: rotate(90deg) translateY(-50%);
}
.c-btn__04 {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #74A256;
  background: #FFF;
  max-width: 162px;
  width: 100%;
  padding: 5px 15px;
  color: #74A256;
  letter-spacing: 0.72px;
  font-weight: bold;
  font-size: 1.2rem;
}
.c-btn__04--brown {
  color: #A4584A;
  border-color: #A4584A;
}
.c-btn__05 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 5px 8px;
  background: #FFFFFF;
  border: 1px solid #3C9966;
  border-radius: 10px;
  color: #3C9966;
  text-align: center;
  border-radius: 10px;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
}
@media screen and (max-width: 1400px) {
  .c-btn__05 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 834px) {
  .c-btn__05 {
    font-size: 1.6rem;
  }
}
.c-btn__05 span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
.c-btn__05 span::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  margin: -6px 2px 0 -2px;
}
.c-btn__05--orange {
  border-color: #F05B48;
  background: #F05B48;
  color: white;
}
.c-btn__05--blue-s {
  border-color: #699AC1;
  background: #699AC1;
  color: white;
}
.c-btn__05--green {
  border-color: #58C485;
  background: #58C485;
  color: white;
}
.c-btn__05--yellow {
  border-color: #D0AE45;
  background: #D0AE45;
  color: white;
}
.c-btn__05--purple {
  border-color: #696DC2;
  background: #696DC2;
  color: white;
}
.c-btn__05--blue {
  border-color: #53B7E8;
  background: #53B7E8;
  color: white;
}
.c-btn__05--green-d {
  border-color: #59C2B1;
  background: #59C2B1;
  color: white;
}
.c-btn__05--l-blue {
  border-color: #96A7D9;
  color: #96A7D9;
}
.c-btn__05--l-purple {
  border-color: #7F1E7F;
  color: #7F1E7F;
}
.c-btn__06 {
  max-width: 724px;
  width: 100%;
  margin: 0 auto;
  background: #3C9966;
  border-radius: 50px;
  text-align: center;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  position: relative;
  font-size: 1.8rem;
}
.c-btn__06:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 23px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.c-btn__06--link::after {
  border: 0;
  width: 17px;
  height: 17px;
  background: url("../img/common/launch.svg") center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.c-btn__06--green {
  background: #74A256 !important;
}
.c-btn__06--grey02 {
  background: #445171 !important;
}
.c-btn__06--orange {
  background: #EE941D !important;
}
.c-btn__06--brown {
  background: #A4584A !important;
}
.c-btn__07 {
  background: #3C9966;
  color: #FFFFFF;
  border-radius: 900px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  max-width: 960px;
  margin: 0 auto;
  padding: 10px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  position: relative;
}
.c-btn__07::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  aspect-ratio: 1;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
.c-btn__07--green {
  background: #74A256;
}
.c-btn__07--orange {
  background: #EE941D;
}
.c-btn__07--blue-d {
  background: #445171;
}
.c-btn__07--red-d {
  background: #a4584a;
}
.c-btn__07--link::after {
  right: 20px;
  width: 15px;
  aspect-ratio: 1;
  background: url(../img/child/icon-link-white.svg) center/contain no-repeat;
  border: none;
  transform: translateY(-50%);
}

.js-scrollin {
  opacity: 0;
  transform: translate(0, 70px);
}
.js-scrollin.active {
  opacity: 1;
  transform: translate(0, 0);
  transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ====================================================
Layout
==================================================== */
@media screen and (max-width: 1024px) {
  .wrapper {
    padding-top: 70px;
  }
}

.inner {
  display: block;
  max-width: calc(1280px + 10.258%);
  padding: 0 5.129%;
  margin: 0 auto;
}
@media screen and (min-width: 835px) {
  .inner--1170 {
    max-width: calc(1170px + 10.258%);
  }
}
@media screen and (min-width: 835px) {
  .inner--1160 {
    max-width: calc(1160px + 10.258%);
  }
}
@media screen and (min-width: 835px) {
  .inner--1104 {
    max-width: calc(1104px + 10.258%);
  }
}
@media screen and (min-width: 835px) {
  .inner--800 {
    max-width: calc(800px + 10.256%);
  }
}

.mv-block {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .mv-block {
    padding: 0 0 70px;
  }
}
.mv-block .breadcrumb {
  position: absolute;
  top: 151px;
  left: 0;
  right: 0;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .mv-block .breadcrumb {
    top: 45px;
  }
}
@media screen and (max-width: 834px) {
  .mv-block .breadcrumb {
    color: white;
  }
  .mv-block .breadcrumb a, .mv-block .breadcrumb a:after {
    color: white;
  }
}
.mv-block__img {
  position: relative;
  width: 84.8%;
  z-index: 2;
  max-width: 1221px;
}
@media screen and (max-width: 834px) {
  .mv-block__img {
    width: 100%;
    max-width: 100%;
  }
}
.mv-block__img:after {
  content: "";
  width: 28%;
  max-width: 340px;
  height: 295px;
  background: url(../img/campuslife/mv-item-02.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: -60px;
  bottom: -149px;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .mv-block__img:after {
    max-width: 138px;
    height: 120px;
    background: url(../img/campuslife/mv-item-02.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: -19px;
    bottom: -101px;
  }
}
.mv-block__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv-block__ct {
  position: absolute;
  top: 49%;
  left: 0;
  right: 0;
  z-index: 3;
}
@media screen and (max-width: 834px) {
  .mv-block__ct {
    position: static;
    width: 100%;
  }
}
.mv-block__heading {
  position: relative;
  line-height: 1.2;
  padding: 0 0 36px;
}
.mv-block__heading:before {
  content: "";
  width: 93px;
  height: 98px;
  background: url(../img/campuslife/icon-heading.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -52px;
  left: -111px;
}
@media screen and (max-width: 1366px) {
  .mv-block__heading:before {
    width: 7%;
    height: 98px;
    top: -55px;
    left: -5.5%;
  }
}
@media screen and (max-width: 834px) {
  .mv-block__heading:before {
    width: 72px;
    height: 98px;
    top: -141px;
    left: -9px;
  }
}
.mv-block__heading:after {
  content: "";
  width: 54px;
  height: 8px;
  background: url("../img/common/dots.png") no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 834px) {
  .mv-block__heading:after {
    bottom: 6px;
  }
}
.mv-block__heading span {
  display: block;
}
.mv-block__heading .c-ft--en {
  color: #3C9966;
  font-size: 4rem;
  letter-spacing: 0.05em;
  margin-bottom: 17px;
}
@media screen and (max-width: 834px) {
  .mv-block__heading .c-ft--en {
    margin-bottom: 12px;
  }
}
.mv-block__heading .c-ft--jp {
  color: #010101;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.mv-block:before {
  content: "";
  width: 31%;
  max-width: 443px;
  height: 384px;
  background: url(../img/campuslife/mv-item-01.png) no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: -122px;
  left: -69px;
  z-index: 3;
}
@media screen and (max-width: 834px) {
  .mv-block:before {
    max-width: 180px;
    height: 156px;
    background: url(../img/campuslife/mv-item-01.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 216px;
    left: -66px;
    width: 50%;
  }
}
.mv-block:after {
  content: "";
  width: 91px;
  height: 96px;
  background: url(../img/campuslife/icon-heading.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 63px;
  bottom: -39px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .mv-block:after {
    width: 77px;
    height: 84px;
    background: url(../img/campuslife/icon-heading.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 21px;
    bottom: 0;
  }
}

.btn-intro {
  position: absolute;
  bottom: 148px;
  right: 79px;
  z-index: 9;
  display: block;
  width: 213px;
  height: 213px;
  color: white;
  border-radius: 50%;
  box-shadow: 2.26596px 2.26596px 4.53191px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: 0.3s ease;
}
@media screen and (max-width: 1200px) {
  .btn-intro {
    right: 50px;
    width: 134px;
    height: 134px;
  }
}
@media screen and (max-width: 1024px) {
  .btn-intro {
    right: -6px;
  }
}
@media screen and (max-width: 834px) {
  .btn-intro {
    bottom: 154px;
    right: -6px;
  }
}
.btn-intro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  background: url(../img/index/mv-circle.png) center/cover no-repeat;
  transition: 0.3s ease;
  pointer-events: none;
}
.btn-intro__ttl {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-bottom: 3px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 17.62px;
  font-size: 1.762rem;
  line-height: 1.2996594779;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1201px) {
  .btn-intro__ttl {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.4;
  }
}

.popup {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  overflow: auto;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: 0.3s ease;
}
.popup.on {
  opacity: 1;
  z-index: 99999;
  pointer-events: auto;
}
.popup-wrap {
  width: 100%;
  height: 80dvh;
  padding: 0 20px;
}
.popup-wrap__ct {
  padding-bottom: calc(10dvh + 60px);
}
.popup-wrap__close {
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.popup-wrap__close::before, .popup-wrap__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  background: white;
  border-radius: 5px;
}
.popup-wrap__close::before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.popup-wrap__close::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.popup-wrap__boxcenter {
  position: relative;
  height: 100%;
  padding-bottom: 45px;
}
.popup-wrap__content {
  height: 100%;
  align-content: center;
}
.popup-wrap__content:has(.popup-wrap__news) {
  width: 100%;
  max-width: 325px;
  margin: 0 auto;
}
.popup-wrap__content--interview img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-height: 75vh;
}
.popup-wrap__content-video {
  max-width: 800px;
  width: 70vw;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .popup-wrap__content-video {
    max-width: 500px;
    width: 80vw;
  }
}
.popup-wrap__content-video video {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.popup-wrap__news {
  position: relative;
  width: 100%;
  max-height: 100%;
}
.popup-wrap__news::before {
  content: "";
  display: block;
  padding-bottom: 177.8461538462%;
}
.popup-wrap__news img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.breadcrumb {
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.1875;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 834px) {
  .breadcrumb {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.5;
  }
}
.breadcrumb .inner {
  max-width: calc(1275px + 10.256%);
}
.breadcrumb-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.breadcrumb a {
  color: rgba(1, 1, 1, 0.6);
}
.breadcrumb a::after {
  content: ">";
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.9166666667;
  margin-left: 8px;
  position: relative;
  top: -2px;
}

.mv-page {
  padding: 151px 0 38px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .mv-page {
    padding-top: 84px;
    margin-bottom: 45px;
  }
}
.mv-page::before, .mv-page::after {
  content: "";
  position: absolute;
}
.mv-page::before {
  top: 0;
  left: 0;
  background: url(../img/news/mv-bg-01.png) no-repeat center/contain;
  aspect-ratio: 1236/982;
  width: 42.9166666667vw;
  max-width: 618px;
}
@media screen and (max-width: 834px) {
  .mv-page::before {
    background: url(../img/news/mv-bg-01-sp.png) no-repeat center/contain;
    max-width: 114px;
    aspect-ratio: 227/418;
    top: -45px;
  }
}
.mv-page::after {
  top: 93.2%;
  right: 0;
  background: url(../img/news/mv-bg-02.png) no-repeat center/contain;
  aspect-ratio: 1063/1044;
  width: 36.9444444444vw;
  max-width: 532px;
}
@media screen and (max-width: 834px) {
  .mv-page::after {
    background: url(../img/news/mv-bg-02-sp.png) no-repeat center/contain;
    max-width: 133px;
    aspect-ratio: 265/376;
    top: 55.1%;
  }
}
.mv-page .breadcrumb {
  margin-bottom: 84px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .mv-page .breadcrumb {
    margin-bottom: 9vh;
  }
}
.mv-page > .inner {
  max-width: calc(1000px + 10.256%);
  position: relative;
  z-index: 1;
}
.mv-page > .inner--1096 {
  max-width: calc(1096px + 10.256%);
}
.mv-page__ttl {
  display: grid;
  position: relative;
}
.mv-page__ttl:before {
  content: "";
  width: 80px;
  height: 98px;
  background: url(../img/common/item-mv.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -13px;
  left: -112px;
}
@media screen and (max-width: 1366px) {
  .mv-page__ttl:before {
    width: 7%;
    top: -50px;
    left: -5%;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__ttl:before {
    width: 48px;
    top: -58px;
    left: 0;
  }
}
.mv-page__ttl .c-ft--en {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.325;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: #3C9966;
}
.mv-page__ttl .c-ft--jp {
  font-size: 4.5rem;
  line-height: 1.9;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .mv-page__ttl .c-ft--jp {
    line-height: 1.45;
  }
}
.mv-page__btns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 29px 38px;
  margin: 172px 0 102px;
}
@media screen and (max-width: 1024px) {
  .mv-page__btns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media screen and (max-width: 834px) {
  .mv-page__btns {
    grid-template-columns: 1fr;
    margin: 190px auto -3px;
    width: 79.7vw;
    gap: 30px;
  }
}

@media screen and (min-width: 835px) {
  .post-container__inner {
    max-width: calc(1274px + 10.256%);
    padding: 0 3.6%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 63px;
  }
}
@media screen and (max-width: 834px) {
  .post-container__inner {
    display: grid;
    gap: 49px;
  }
}
@media screen and (min-width: 835px) {
  .post-sidebar {
    position: relative;
    z-index: 1;
    width: 27.25%;
    min-width: 320px;
    padding: clamp(30px, 30px + 56 * (100vw - 320px) / 1120, 86px) clamp(30px, 30px + 42 * (100vw - 320px) / 1120, 72px) clamp(30px, 30px + 85 * (100vw - 320px) / 1120, 115px) 0;
  }
  .post-sidebar::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background: #EEF7F4;
    border-radius: 0 80px 80px 0;
  }
}
@media screen and (max-width: 834px) and (min-width: 390px) {
  .post-sidebar {
    padding: 0 17px;
  }
}
.post-sidebar__ttl {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.325;
  letter-spacing: 0.05em;
  margin-bottom: 34px;
}
@media screen and (max-width: 834px) {
  .post-sidebar__block {
    background: #EEF7F4;
    border-radius: 10px;
    overflow: hidden;
  }
}
.post-sidebar__lable {
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.1em;
  position: relative;
  padding: 11px 55px 11px 20px;
  cursor: pointer;
  transition: 0.3s opacity ease;
}
@media (any-hover: hover) {
  .post-sidebar__lable:hover {
    opacity: 0.7;
  }
}
.post-sidebar__lable::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 27px;
  aspect-ratio: 1;
  background: url(../img/common/arrow-block-blue.svg) no-repeat center/contain;
  transform: translateY(-50%);
  transition: 0.3s transform ease;
}
.post-sidebar__lable--orange::after {
  background: url(../img/common/arrow-block-orange.svg) no-repeat center/contain;
}
.post-sidebar__lable.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.post-sidebar__list {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .post-sidebar__list {
    display: none;
    width: calc(100% - 40px);
    font-size: 1.4rem;
    border-top: 1px solid #C4C4C4;
    margin: 0 auto;
    padding: 10px 0 12px;
  }
}
@media screen and (min-width: 835px) {
  .post-sidebar__list-item:not(:last-child) {
    margin-bottom: 34px;
  }
}
.post-sidebar__list-item a {
  display: block;
  position: relative;
  padding: 0 50px 0 10px;
}
@media screen and (max-width: 834px) {
  .post-sidebar__list-item a {
    height: 100%;
    padding: 4px 30px 4px 10px;
  }
}
.post-sidebar__list-item a::after {
  content: "";
  position: absolute;
  top: 46%;
  right: 0;
  width: 36px;
  aspect-ratio: 1;
  background: url(../img/common/arrow-right-blue.svg) no-repeat center/contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .post-sidebar__list-item a::after {
    width: 24px;
    right: 6px;
    background: url(../img/common/arrow-blue.svg) no-repeat center/contain;
  }
}
.post-sidebar__list-item.active a {
  color: #3BB8BF;
}
.post-sidebar__list--orange .post-sidebar__list-item a::after {
  background: url(../img/common/arrow-right-orange.svg) no-repeat center/contain;
}
@media screen and (max-width: 834px) {
  .post-sidebar__list--orange .post-sidebar__list-item a::after {
    background: url(../img/common/arrow-orange.svg) no-repeat center/contain;
  }
}
.post-sidebar__list--orange .post-sidebar__list-item.active a {
  color: #EE941D;
}
.post-ct {
  flex: 1;
  max-width: 677px;
  margin: 142px auto 0;
}
@media screen and (max-width: 1024px) {
  .post-ct {
    margin-top: 70px;
  }
}
@media screen and (max-width: 834px) {
  .post-ct {
    margin-top: 0;
    padding: 0 20px;
  }
}
.post-list {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5625;
  font-weight: 500;
  margin-bottom: 68px;
}
@media screen and (max-width: 834px) {
  .post-list {
    margin-bottom: 38px;
  }
}
.post-list__item {
  border-bottom: 1px solid #C4C4C4;
}
.post-list__item:first-child {
  border-top: 1px solid #C4C4C4;
}
.post-list__link {
  display: grid;
  gap: 10px;
  position: relative;
  padding: 22px 130px 23px 10px;
}
@media screen and (max-width: 1024px) {
  .post-list__link {
    padding-right: 60px;
  }
}
@media screen and (max-width: 834px) {
  .post-list__link {
    padding: 17px 50px 15px 0;
  }
}
.post-list__link::after {
  content: "";
  position: absolute;
  top: calc(50% - 11px);
  right: 11px;
  width: 10px;
  aspect-ratio: 7/14;
  background: url(../img/common/arrow-black.svg) no-repeat center/contain;
}
@media screen and (max-width: 834px) {
  .post-list__link::after {
    top: calc(50% - 9px);
    right: -1px;
    width: 9px;
  }
}
.post-list__link.is-disabled {
  pointer-events: none;
  cursor: none;
}
.post-list__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 20px;
  margin-bottom: 11px;
  margin-right: -130px;
}
@media screen and (max-width: 1024px) {
  .post-list__meta {
    margin-right: -60px;
  }
}
@media screen and (max-width: 834px) {
  .post-list__meta {
    margin-bottom: 3px;
    margin-right: -50px;
  }
}
@media screen and (max-width: 389px) {
  .post-list__meta {
    flex-direction: column;
    align-items: flex-start;
  }
}
.post-list__meta time {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.post-list__category {
  background-color: var(--category-color);
  color: white;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  letter-spacing: 0.06em;
  padding: 5px 15px;
}
.post-list__ttl {
  display: block;
  display: -webkit-box;
  height: 50px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 834px) {
  .post-list__ttl {
    height: 75px;
    -webkit-line-clamp: 3;
  }
}

.nums-page .wp-pagenavi {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 11px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
}
.nums-page .wp-pagenavi a {
  border: 0 !important;
  transition: 0.3s color ease;
  color: #C4C4C4;
}
@media (any-hover: hover) {
  .nums-page .wp-pagenavi a:hover {
    opacity: 1;
    color: #010101;
  }
}
.nums-page .wp-pagenavi a,
.nums-page .wp-pagenavi span {
  padding: 5px;
  border: 0 !important;
}
.nums-page .wp-pagenavi .page {
  font-weight: normal;
  border: none;
}
.nums-page .wp-pagenavi span {
  pointer-events: none;
}
.nums-page .wp-pagenavi .previouspostslink,
.nums-page .wp-pagenavi .nextpostslink {
  text-decoration: underline;
  text-underline-position: under;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px 0;
}
.nums-page .wp-pagenavi .previouspostslink {
  left: 0;
}
.nums-page .wp-pagenavi .nextpostslink {
  right: 0;
}

.detail-ttl {
  font-weight: 700;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.48;
  margin-bottom: 35px;
}
.detail-links {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-decoration-line: underline;
  text-decoration-color: #eeba64;
  text-decoration-thickness: 4px;
  text-underline-offset: 6px;
  color: #3C9966;
  margin-bottom: 43px;
}
.detail-ct {
  margin-bottom: 78px;
}
@media screen and (max-width: 834px) {
  .detail-ct {
    margin-bottom: 68px;
  }
}
.detail-ct p:not(:last-child) {
  margin-bottom: 40px;
}
.detail-ct p + h2 {
  margin-top: 60px;
}
@media screen and (max-width: 834px) {
  .detail-ct p + h2 {
    margin-top: 32px;
  }
}
.detail-ct img:not(:last-child) {
  margin-bottom: 47px;
}
.detail-ct img + h2 {
  margin-top: 33px;
}
@media screen and (max-width: 834px) {
  .detail-ct img + h2 {
    margin-top: 11px;
  }
}
.detail-ct a {
  text-decoration: underline;
  text-underline-position: under;
}
.detail-ct a[href^=tel], .detail-ct a[href^=mailto] {
  text-decoration: none;
}
.detail-ct h1 {
  display: block;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.48;
  font-weight: bold;
}
.detail-ct h2 {
  padding: 19px 18px 17px;
  background: #FFFFFF;
  border: 2px solid #3C9966;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
  color: #3C9966;
  margin-bottom: 41px;
}
.detail-ct h2.has-small-font-size {
  font-size: 13px;
}
.detail-ct h2.has-medium-font-size {
  font-size: 20px;
}
.detail-ct h2.has-large-font-size {
  font-size: 36px;
}
.detail-ct h2.has-x-large-font-size {
  font-size: 42px;
}
.detail-ct h2 + h3 {
  margin-top: 47px;
}
.detail-ct h3 {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-decoration-line: underline;
  text-decoration-color: #eeba64;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
  color: #3C9966;
  margin: 0 0 15px 18px;
  position: relative;
}
.detail-ct h3::before {
  content: "";
  width: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #EEBA64;
  position: absolute;
  top: 7px;
  left: -18px;
}
.detail-ct h3 + p:not(:last-child) {
  margin-bottom: 46px;
}
.detail-ct h3 + p:not(:last-child) + p:not(:last-child) {
  margin-bottom: 0;
}
.detail-ct h4 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #1BA66A;
  padding-left: 12px;
  border-left: 4px solid #3c9966;
  margin-bottom: 14px;
}
.detail-ct h5 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #3c9966;
  position: relative;
  padding-left: 16px;
  margin-bottom: 12px;
}
.detail-ct h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  background: #eeba64;
  border-radius: 50%;
}
.detail-ct h6 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #6bbf98;
  letter-spacing: 0.05em;
  opacity: 0.9;
  margin-bottom: 10px;
}
.detail-ct h2 > span::before,
.detail-ct h3 > span::before,
.detail-ct h4 > span::before {
  content: "";
  display: block;
  height: 80px;
  margin-top: -80px;
}
@media screen and (max-width: 1024px) {
  .detail-ct h2 > span::before,
  .detail-ct h3 > span::before,
  .detail-ct h4 > span::before {
    height: 40px;
    margin-top: -40px;
  }
}
.detail-ct ul {
  display: block;
  margin-bottom: 39px;
  font-weight: bold;
}
.detail-ct ul li {
  position: relative;
  padding-left: 24px;
}
.detail-ct ul li::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #010101;
}
.detail-ct ul + p:not(:last-child) {
  margin-top: -32px;
  margin-bottom: 8px;
}
.detail-ct ul + p + p:not(:last-child) {
  margin-bottom: 7px;
}
.detail-ct ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}
.detail-ct ol li {
  list-style-type: decimal;
}
.detail-ct .wp-block-group:not(:last-of-type) {
  margin-bottom: 10px;
}
.detail-ct .wp-block-group p:not(:last-child) {
  margin-bottom: 10px;
}
.detail-ct .wp-block-group + h3 {
  margin-top: 46px;
}
.detail-ct table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: 834px) {
  .detail-ct table {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.75;
  }
}
.detail-ct table thead tr {
  background: #004567;
  color: white;
}
.detail-ct table th,
.detail-ct table td {
  border: 1px solid #cccccc;
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 834px) {
  .detail-ct table th,
  .detail-ct table td {
    padding: 8px 12px;
  }
}
.detail-ct table th {
  font-weight: bold;
  background: #004567;
  color: white;
}
.detail-ct table tbody tr:nth-child(even) {
  background: #f9f9f9;
}
.detail-ct table tbody tr:nth-child(odd) {
  background: white;
}
.detail-ct blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding: 20px 24px;
  border-left: 4px solid #004567;
  background: #f5f5f5;
}
@media screen and (max-width: 834px) {
  .detail-ct blockquote {
    padding: 16px 20px;
  }
}
.detail-ct blockquote p {
  margin-bottom: 0;
}
.detail-ct blockquote p:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 834px) {
  .detail-ct blockquote p:not(:last-child) {
    margin-bottom: 12px;
  }
}
.detail-ct code {
  display: inline;
  padding: 2px 8px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: 834px) {
  .detail-ct code {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.75;
  }
}
.detail-ct pre {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding: 20px 24px;
  background: #2d2d2d;
  color: #f8f8f2;
  border-radius: 4px;
  overflow-x: auto;
}
@media screen and (max-width: 834px) {
  .detail-ct pre {
    padding: 16px 20px;
  }
}
.detail-ct pre code {
  display: block;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  white-space: pre;
}
@media screen and (max-width: 834px) {
  .detail-ct pre code {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.75;
  }
}
.detail-ct del {
  display: inline;
  color: #dc3545;
  text-decoration: line-through;
  background: #ffe6e6;
  padding: 2px 4px;
  border-radius: 3px;
}
.detail-ct ins {
  display: inline;
  color: #28a745;
  text-decoration: none;
  background: #e6f9ec;
  padding: 2px 4px;
  border-radius: 3px;
  border-bottom: 2px solid #28a745;
}
.detail-ct .c-btn__01 {
  text-decoration: none;
}
.detail-nav {
  padding: 40px 0 0;
  position: relative;
}
.detail-nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  transform: translateX(-50%);
  background: #C4C4C4;
}
.detail-nav__pagination {
  display: flex;
  gap: 15px;
  margin-bottom: 72px;
}
@media screen and (max-width: 834px) {
  .detail-nav__pagination {
    margin-bottom: 24px;
  }
}
.detail-nav__link {
  text-decoration: none;
  transition: opacity 0.3s;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  text-decoration: underline;
  text-decoration-color: #C4C4C4;
  text-underline-offset: 2px;
}
.detail-nav__link--prev {
  margin-right: auto;
  color: #C4C4C4;
}
.detail-nav__link--prev::before {
  display: none;
}
.detail-nav__link--next {
  margin-left: auto;
  color: #010101;
}
.detail-nav__link--next::after {
  display: none;
}
.detail-relative {
  position: relative;
  margin-top: 154px;
  padding: 69px 0 119px;
}
@media screen and (max-width: 834px) {
  .detail-relative {
    margin-top: 70px;
    padding-bottom: 90px;
  }
}
.detail-relative::before {
  content: "";
  width: 100vw;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: -381px;
  transform: translateX(-50%);
  background: url(../img/common/bg-relative.png) no-repeat top center/cover;
}
.detail-relative .inner {
  max-width: calc(1245px + 10.258%);
}
.detail-relative__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  line-height: 1.5625;
}
@media screen and (max-width: 1024px) {
  .detail-relative__list {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .detail-relative__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 640px) and (min-width: 390px) {
  .detail-relative__list {
    padding: 0 15px;
  }
}
.detail-relative__list-link {
  display: grid;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #EEBA64;
  border-radius: 32px;
  padding: 37px 40px 36px;
}
@media screen and (max-width: 834px) {
  .detail-relative__list-link {
    padding: 19px 29px 18px;
  }
}
.detail-relative__list-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 21px;
}
.detail-relative__list-meta time {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.detail-relative__list-category {
  background: #3BB8BF;
  color: white;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  letter-spacing: 0.06em;
  padding: 5px 15px;
}

.form-control {
  display: block;
  width: 100%;
  height: 45px;
  background: white;
  border: 1px solid #ccc;
  font-weight: 500;
  padding: 5px 10px;
  font-size: 1.5rem;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.pure-list__input {
  position: relative;
}
.pure-list__input input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.pure-list__input input[type=checkbox] + span:after {
  background-color: transparent;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 3px;
  margin-top: -4px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 3px 3px;
  -o-border-image: none;
     border-image: none;
  transform: rotate(-45deg) scale(0);
}
.pure-list__input input[type=checkbox]:checked + span:after {
  content: "";
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}
.pure-list__input input[type=checkbox]:checked + span:before {
  animation: borderscale 200ms ease-in;
  background: #4F8196;
}
.pure-list__input input[type=radio] + span:after, .pure-list__input input[type=radio] + span:before {
  border-radius: 50%;
}
.pure-list__input input[type=radio]:checked + span:before {
  animation: borderscale 300ms ease-in;
  background-color: white;
}
.pure-list__input input[type=radio]:checked + span:after {
  transform: scale(1);
}
.pure-list__input span {
  display: block;
  position: relative;
  padding: 10px 0 10px 40px;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.pure-list__input span:before {
  box-sizing: content-box;
  content: "";
  color: #4F8196;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border: 2px solid #4F8196;
  text-align: center;
  transition: all 0.4s ease;
}
.pure-list__input span:after {
  box-sizing: content-box;
  content: "";
  background-color: #4F8196;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}

*:focus-visible {
  outline: none;
}

.detail-event .detail-ct h3:before {
  display: none;
}
.detail-event .detail-ct h4 {
  font-size: 2rem;
  font-weight: bold;
  background: #3BB8BF;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  margin-left: 0;
  font-size: 2rem;
}
.detail-event .detail-ct h4:before {
  display: none;
}

.detail-event {
  background: url("../img/event/details/bg.png") no-repeat;
  background-size: cover;
}
@media screen and (min-width: 835px) {
  .detail-event {
    padding-bottom: 64px;
  }
}
.detail-event .detail-ttl {
  margin-bottom: 46px;
}
.detail-event img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}

.event-article {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.1875;
  font-weight: 500;
}
.event-article a {
  display: inline-block;
  color: #3BB8BF;
  text-decoration: underline;
}
.event-article h3 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
  background: #54B565;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  margin-left: 0;
  width: 100%;
  padding: 17px 29px 14px;
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .event-article h3 {
    padding: 15px;
  }
}
.event-article h4 {
  font-weight: bold;
  background: #3BB8BF;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  margin-left: 0;
  font-size: 2rem;
  line-height: 1.4;
  padding: 17px 27px 14px;
  margin-bottom: 53px;
}
@media screen and (max-width: 834px) {
  .event-article h4 {
    padding: 15px;
    margin-bottom: 30px;
  }
}
.event-article h4:before {
  display: none;
}
.event-article h5 {
  display: inline-block;
  color: #54B565;
  position: relative;
  font-weight: bold;
  border-bottom: 2px solid #EEBA64;
  line-height: 1.3;
  margin: 0 0 14px 20px;
}
.event-article h5:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: -20px;
  background: #EEBA64;
}
.event-article hr {
  background: #C4C4C4;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .event-article hr {
    margin-bottom: 30px;
  }
}
.event-article .event-article__point {
  font-weight: bold;
  counter-reset: point;
  padding: 22px 58px 52px 0;
}
@media screen and (max-width: 834px) {
  .event-article .event-article__point {
    padding: 0;
    margin-bottom: 30px;
  }
}
.event-article .event-article__point li {
  padding: 0 !important;
  margin-bottom: 63px;
}
@media screen and (max-width: 834px) {
  .event-article .event-article__point li {
    margin-bottom: 40px;
  }
}
.event-article .event-article__point li:last-child {
  margin-bottom: 0;
}
.event-article .event-article__point li:before, .event-article .event-article__point li:after {
  display: none;
}
.event-article .event-article__point span {
  display: block;
  margin: 0 0 28px 81px;
  border-bottom: 2px solid #EEBA64;
  position: relative;
  font-size: 2.2rem;
  padding: 2px 0;
  line-height: 1.5;
  color: #3C9966;
}
@media screen and (max-width: 834px) {
  .event-article .event-article__point span {
    font-size: 2rem;
    margin: 0 0 15px 68px;
  }
}
.event-article .event-article__point span:before {
  content: "";
  width: 70px;
  height: 70px;
  background: url(../img/event/details/point.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -9px;
  left: -81px;
}
@media screen and (max-width: 834px) {
  .event-article .event-article__point span:before {
    width: 60px;
    height: 60px;
    top: 5px;
    left: -68px;
  }
}
.event-article .event-article__point span:after {
  counter-increment: point;
  content: counter(point);
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: 14px;
  left: -81px;
  width: 70px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .event-article .event-article__point span:after {
    top: 29px;
    width: 60px;
    left: -68px;
    font-size: 2.4rem;
  }
}
.event-article h6 a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  max-width: 724px;
  height: 70px;
  margin: 0 auto 41px;
  background: #3C9966;
  border-radius: 70px;
  color: white;
  line-height: 1.3;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 834px) {
  .event-article h6 a {
    font-size: 1.5rem;
  }
}
.event-article h6 a:after {
  content: "";
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 19px;
}
.event-article h6 a span span {
  background-image: linear-gradient(90deg, #EEBA64 50%, transparent 0);
  background-size: 200% 14px;
  background-repeat: no-repeat;
  background-position: 0 25px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 5px 0;
}
@media screen and (max-width: 834px) {
  .event-article h6 a span span {
    background-position: 0 21px;
  }
}
.event-article__note {
  text-align: center;
  color: #F05B48;
  margin-bottom: 41px;
}
.event-article ul {
  font-weight: bold;
  margin-bottom: 50px;
}
.event-article ul:last-child {
  margin-bottom: 0;
}
.event-article ul li {
  position: relative;
  padding: 0 0 0 23px;
  margin-bottom: 40px;
}
.event-article ul li:last-child {
  margin-bottom: 0;
}
.event-article ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.event-article__box {
  background: white;
  text-align: center;
  padding: 29px 22px;
  margin-bottom: 42px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}
@media screen and (max-width: 834px) {
  .event-article__box {
    padding: 20px 15px;
  }
}
.event-article__box > span {
  display: block;
  margin-bottom: 21px;
}
.event-article__box .event-article__box-ttl {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  padding: 0 74px;
  color: #3C9966;
}
@media screen and (max-width: 834px) {
  .event-article__box .event-article__box-ttl {
    font-size: 1.6rem;
    padding: 0 58px;
  }
}
.event-article__box .event-article__box-ttl--blue {
  color: #3BB8BF;
  font-size: 1.6rem;
}
.event-article__box .event-article__box-ttl:before, .event-article__box .event-article__box-ttl:after {
  content: "";
  width: 55px;
  height: 8px;
  background: url("../img/event/details/dots.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .event-article__box .event-article__box-ttl:before, .event-article__box .event-article__box-ttl:after {
    width: 45px;
    height: 7px;
  }
}
.event-article__box .event-article__box-ttl:before {
  left: 0;
}
.event-article__box .event-article__box-ttl:after {
  right: 0;
}
.event-article__box ul {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.event-article__box ul li {
  margin: 0 16px 10px 0;
  padding: 0 0 0 10px;
}
.event-article__box ul li:last-child {
  margin-right: 0;
}
.event-article__box ul li span {
  font-weight: 400;
}
.event-article__box p {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.ttl-link {
  display: block;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .ttl-link {
    margin-bottom: 35px;
  }
}
.ttl-link a {
  display: inline-block;
  text-decoration: underline;
  color: #8E3F58;
  font-weight: bold;
  line-height: 1.3;
  font-family: "Inter", sans-serif;
  font-size: 3.8rem;
}
@media screen and (max-width: 1200px) {
  .ttl-link a {
    font-size: 3rem;
  }
}
@media screen and (max-width: 834px) {
  .ttl-link a {
    font-size: 2.4rem;
  }
}

/* ====================================================
Utility
==================================================== */
@media screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  .pc-xl {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .pc-tb {
    display: none !important;
  }
}
@media screen and (max-width: 990px) {
  .pc-lg {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important;
  }
}
@media screen and (max-width: 389px) {
  .pc-xs {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}
@media screen and (min-width: 1201px) {
  .sp-xl {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .sp-tb {
    display: none !important;
  }
}
@media screen and (min-width: 991px) {
  .sp-lg {
    display: none !important;
  }
}
@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important;
  }
}

.u-pull--left {
  margin-left: calc((100vw - 100%) / 2 * -1);
}
.u-pull--right {
  margin-right: calc((100vw - 100%) / 2 * -1);
}

.u-img-of {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center", sans-serif;
}

.c-scroll-box {
  padding-bottom: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.c-scroll-box-y {
  padding-bottom: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media screen and (max-width: 834px) {
  .c-scroll-box-sp {
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

/* ====================================================
Module
==================================================== */
/* ====================================================
Header
==================================================== */
#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
}
#header .inner {
  max-width: 100%;
  background: white;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
}
@media screen and (min-width: 1025px) {
  #header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 22px;
    padding: 14px 35px 19px;
  }
}
#header .header-logo {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 213px;
}
@media screen and (min-width: 1025px) {
  #header .header-logo {
    max-width: 250px;
  }
}
@media screen and (min-width: 1201px) {
  #header .header-logo {
    max-width: 327px;
    margin-top: 7px;
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav {
    display: block !important;
    width: calc(100% - 190px);
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 70px);
    background: url(../img/common/bg-menu.jpg) top/cover no-repeat;
    padding: 44px 38px 60px;
    overflow-y: auto;
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav__menu {
    display: flex;
    justify-content: flex-end;
    gap: 29px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  #header .header-nav__menu {
    gap: 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav__menu {
    max-width: 500px;
    margin: 0 auto 34px;
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav__menu-item:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav__menu-item:has(.header-nav__sub) {
    position: relative;
  }
  #header .header-nav__menu-item:has(.header-nav__sub) > a {
    padding-right: 16px;
  }
  #header .header-nav__menu-item:has(.header-nav__sub) > a::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    width: 12px;
    height: 8px;
    background: url(../img/common/ar-black.svg) center/contain no-repeat;
    transition: 0.3s ease;
  }
}
@media screen and (min-width: 1025px) and (any-hover: hover) {
  #header .header-nav__menu-item:has(.header-nav__sub):hover .header-nav__sub {
    opacity: 1;
    pointer-events: auto;
    transform: scaleY(1);
  }
  #header .header-nav__menu-item:has(.header-nav__sub):hover > a::after {
    transform: rotate(180deg);
  }
}
#header .header-nav__menu-item > a {
  position: relative;
  display: inline-block;
  padding: 11px 0 11px 10px;
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  transition: transform 0.2s ease, color 0.2s ease;
}
@media screen and (max-width: 1200px) {
  #header .header-nav__menu-item > a {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav__menu-item > a {
    padding: 2px 45px 2px 0;
    font-size: 1.8rem;
  }
  #header .header-nav__menu-item > a::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 11px;
    width: 5px;
    height: 8px;
    background: url(../img/common/ar-white.svg) center/contain no-repeat;
  }
}
#header .header-nav__menu-item > a::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #3C9966;
  border-radius: 50%;
  transition: 0.2s ease;
}
@media screen and (max-width: 1024px) {
  #header .header-nav__menu-item > a::before {
    top: 0;
    left: auto;
    right: 0;
    transform: rotate(30deg);
    width: 27px;
    height: 27px;
    background: url(../img/common/polygon-green.svg) center/contain no-repeat;
    border-radius: 0;
  }
}
@media (any-hover: hover) {
  #header .header-nav__menu-item > a:hover {
    opacity: 1;
    transform: translateX(4px);
    color: #3C9966;
  }
  #header .header-nav__menu-item > a:hover:before {
    transform: translateX(-4px);
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav__sub {
    position: absolute;
    top: 100%;
    left: 55px;
    transform: scaleY(0);
    pointer-events: none;
    transform-origin: top;
    width: -moz-max-content;
    width: max-content;
    transition: 0.3s ease;
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav__sub {
    margin-top: 19px;
  }
}
#header .header-nav__sub-child {
  margin-top: 9px;
  margin-bottom: 4px;
}
@media screen and (min-width: 1025px) {
  #header .header-nav__sub-list {
    background: #3C9966;
    color: white;
    border-radius: 10px;
    padding: 8.5px 20px 7px;
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav__sub-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px 0;
  }
  #header .header-nav__sub-list:has(.header-nav__sub-ttl) {
    gap: 13px 0;
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav__sub-item:not(:last-child) {
    border-bottom: 2px dotted #EEBA64;
  }
  #header .header-nav__sub-item.no-border {
    border: none;
  }
  #header .header-nav__sub-item:has(.header-nav__sub-ttl):not(:last-child) {
    margin-bottom: 3px;
  }
  #header .header-nav__sub-item:has(.header-nav__sub-ttl) .header-nav__sub-link {
    position: relative;
    padding: 0 0 0 17px;
    margin-bottom: 4px;
  }
  #header .header-nav__sub-item:has(.header-nav__sub-ttl) .header-nav__sub-link::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 1px;
    background: #EEBA64;
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav__sub-item {
    width: calc(50% - 5px);
  }
  #header .header-nav__sub-item:has(.header-nav__sub-ttl) .header-nav__sub-link:not(:last-child) {
    margin-bottom: 7px;
  }
}
#header .header-nav__sub-link {
  display: block;
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1025px) {
  #header .header-nav__sub-link {
    min-width: 82px;
    padding: 6px 0 5.5px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav__sub-link {
    position: relative;
    margin-left: 10px;
    padding-right: 20px;
  }
  #header .header-nav__sub-link::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 11px;
    width: 6px;
    height: 10px;
    background: url(../img/common/ar-green.svg) center/contain no-repeat;
  }
}
#header .header-nav__sub-ttl {
  padding: 5px 0 0;
  font-weight: bold;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
  #header .header-nav__sub-ttl {
    padding: 0 0 7px;
    font-weight: 600;
  }
}
#header .header-nav__sub-link01 {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  #header .header-nav__sub-link01 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav__btn {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: -1px;
  }
}
#header .header-nav__btn .c-btn__02 {
  max-width: 121px;
  height: 35px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1024px) {
  #header .header-nav__btn .c-btn__02 {
    width: 100%;
    max-width: 350px;
    height: 52px;
    margin: 0 auto;
    font-size: 1.6rem;
  }
  #header .header-nav__btn .c-btn__02:not(:last-child) {
    margin-bottom: 15px;
  }
}
#header .header-nav__copy {
  margin-top: 26px;
  text-align: center;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.65;
}
@media screen and (min-width: 1025px) {
  #header .header-nav__copy {
    display: none;
  }
}
#header .header-nav .hidden {
  display: none;
}
#header .js-mobile {
  position: absolute;
  top: 17px;
  right: 20px;
  width: 90px;
  height: 35px;
  cursor: pointer;
  z-index: 12;
  display: none;
  background: #3C9966;
  color: white;
  border-radius: 50px;
}
@media screen and (max-width: 1024px) {
  #header .js-mobile {
    display: block;
  }
}
#header .js-mobile::before {
  content: "Menu";
  position: absolute;
  top: 13px;
  left: 16px;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
  transition: 0.3s ease;
}
#header .js-mobile span {
  position: absolute;
  top: 15px;
  right: 17px;
  display: block;
  width: 16px;
  height: 7px;
}
#header .js-mobile span:before, #header .js-mobile span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: white;
  border-radius: 5px;
  transition: 0.3s ease;
}
#header .js-mobile span:before {
  top: 0;
}
#header .js-mobile span:after {
  bottom: 0;
}
#header .js-mobile--close span:before {
  transform: rotate(20deg);
  top: 3px;
}
#header .js-mobile--close span:after {
  transform: rotate(-20deg);
  bottom: 3px;
}

.js-locked {
  overflow: hidden;
  touch-action: none;
}
.js-locked body {
  -webkit-overflow-scrolling: auto;
}

/* ====================================================
Footer
==================================================== */
.box-float {
  position: fixed;
  top: 167px;
  right: 0;
  z-index: 10;
  width: 49px;
}
@media screen and (max-width: 1024px) {
  .box-float {
    top: auto;
    right: auto;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    flex-direction: row-reverse;
    width: calc(100% - 50px);
    max-width: 500px;
    transition: 0.3s ease;
  }
  .box-float.on {
    bottom: 40px;
  }
}
.box-float > a {
  display: block;
  width: 100%;
  background: #3C9966;
  color: white;
  border-radius: 10px 0 0 10px;
  text-align: center;
  padding: 14px 13px 15px 10px;
  font-weight: bold;
  font-size: 1.6rem;
  writing-mode: tb;
}
@media screen and (max-width: 1024px) {
  .box-float > a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    height: 50px;
    border-radius: 50px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
    padding: 10px;
    font-size: 1.5rem;
    writing-mode: unset;
  }
}
@media screen and (min-width: 1025px) {
  .box-float > a:not(:last-child) {
    margin-bottom: 12px;
  }
}
.box-float > a:nth-child(even) {
  background: #E30009;
}
.box-float > a span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  margin: 0 auto 8px;
}
@media screen and (max-width: 1024px) {
  .box-float > a span {
    display: none;
  }
}
.box-float__nav {
  border-radius: 10px 0 0 10px;
  background: #3C9966;
  padding: 14px 5px;
  letter-spacing: 2px;
}
.box-float__nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-float__nav-item:not(:last-child) a {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 12px;
  line-height: 1.1;
}
.box-float__nav-item a {
  color: #fff;
  writing-mode: tb;
  font-weight: bold;
  font-size: 1.4rem;
}
@media (any-hover: hover) {
  .box-float__nav-item a:hover {
    color: #AACD06;
  }
}
.box-float__nav-item.active a {
  color: #AACD06;
}

#footer {
  position: relative;
  z-index: 3;
  padding: 1px 0 30px;
}
@media screen and (max-width: 834px) {
  #footer {
    padding: 1px 0 108px;
  }
}
#footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background: url(../img/common/footer-shape.png) bottom/contain no-repeat;
}
#footer .footer-intro {
  position: relative;
  z-index: 1;
  padding: 98px 10px 100px;
}
@media screen and (min-width: 835px) {
  #footer .footer-intro {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  #footer .footer-intro {
    padding: 62px 17px 61px;
    grid-template-columns: repeat(2, 1fr);
  }
}
#footer .footer-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 100dvw;
  height: 100%;
  background: url(../img/common/intro-bg-pc.jpg) center/cover no-repeat;
  border-radius: 80px 80px 0 0;
}
@media screen and (max-width: 1024px) {
  #footer .footer-intro::before {
    border-radius: 60px 60px 0 0;
  }
}
@media screen and (max-width: 640px) {
  #footer .footer-intro::before {
    background: url(../img/common/intro-bg-sp.jpg) center/cover no-repeat;
  }
}
@media screen and (max-width: 834px) {
  #footer .footer-intro__item {
    max-width: 400px;
    margin: 0 auto;
  }
  #footer .footer-intro__item:not(:last-child) {
    margin-bottom: 30px;
  }
}
#footer .footer-intro__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 170px;
  background: url(../img/common/intro-thumb.jpg) center/cover no-repeat;
  border-radius: 40px;
  border: 10px solid #EEBA64;
  padding: 20px 0;
  position: relative;
}
#footer .footer-intro__item a::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 43px;
  height: 43px;
  background: url(../img/common/intro-arrow.svg) center/contain no-repeat;
}
@media screen and (max-width: 1200px) {
  #footer .footer-intro__item a::after {
    width: 31px;
    height: 31px;
  }
}
@media screen and (max-width: 1024px) {
  #footer .footer-intro__item a {
    height: 115px;
    border-radius: 25px;
    border-width: 6px;
    padding: 3px 10px 3px;
  }
}
@media (any-hover: hover) {
  #footer .footer-intro__item a:hover {
    opacity: 1;
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1201px) {
  #footer .footer-intro__item:nth-child(3) .footer-intro__ttl .c-ft--jp {
    position: relative;
    left: -22px;
  }
}
#footer .footer-intro__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 107px;
}
@media screen and (max-width: 1024px) {
  #footer .footer-intro__img {
    width: 60px;
    height: 60px;
  }
  #footer .footer-intro__img img {
    max-height: 60px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
#footer .footer-intro__ttl {
  position: relative;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 834px) {
  #footer .footer-intro__ttl {
    text-align: center;
  }
}
#footer .footer-intro__ttl .c-ft--en {
  position: absolute;
  bottom: calc(100% - 14px);
  left: 19px;
  transform: rotate(-4deg);
  transform-origin: bottom left;
  width: -moz-max-content;
  width: max-content;
  color: #EEBA64;
  font-size: 2rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  #footer .footer-intro__ttl .c-ft--en {
    bottom: calc(100% - 11px);
    left: 7px;
    transform: rotate(-3deg);
    font-size: 1.819rem;
    letter-spacing: 0.01em;
  }
}
#footer .footer-intro__ttl .c-ft--jp {
  position: relative;
  display: inline-block;
  color: #3C9966;
  text-align: center;
  font-weight: bold;
  font-size: 2.3rem;
  line-height: 1.9;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 1300px) {
  #footer .footer-intro__ttl .c-ft--jp {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1200px) {
  #footer .footer-intro__ttl .c-ft--jp {
    padding-right: 0;
    font-size: 1.9rem;
    letter-spacing: 0.2em;
  }
}
#footer .footer-intro__ttl .c-ft--jp span {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right, #EEBA64 50%, #EEBA64 50%);
  background-size: 100% 7px;
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-bottom: 13px;
}
@media screen and (max-width: 1200px) {
  #footer .footer-intro__ttl .c-ft--jp span {
    background-size: 100% 5px;
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 835px) {
  #footer .footer-intro--subpage {
    grid-template-columns: repeat(3, 1fr);
  }
}
#footer .footer-wrap {
  position: relative;
  padding: 73px 10px 44px;
  margin-top: 13px;
}
@media screen and (min-width: 835px) {
  #footer .footer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    padding: 7.3% 3.1% 7.5%;
    margin-top: 27px;
  }
}
#footer .footer-wrap::before {
  content: "";
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
  pointer-events: none;
  width: 100dvw;
  height: calc(100% + 57px);
  background: url(../img/common/footer-bg-pc.jpg) center/cover no-repeat;
}
@media screen and (max-width: 834px) {
  #footer .footer-wrap::before {
    top: -13px;
    height: calc(100% + 30px);
  }
}
@media screen and (max-width: 640px) {
  #footer .footer-wrap::before {
    background: url(../img/common/footer-bg-sp.jpg) center/cover no-repeat;
  }
}
#footer .footer-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  width: calc(100dvw - 22px);
  max-width: 1390px;
  height: 100%;
  border: 2px solid #3C9966;
  border-radius: 80px;
}
@media screen and (max-width: 1024px) {
  #footer .footer-wrap::after {
    border-radius: 60px;
  }
}
@media screen and (min-width: 835px) {
  #footer .footer-wrap__menu {
    width: 320px;
  }
}
#footer .footer-wrap__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 25px 0;
}
@media screen and (max-width: 834px) {
  #footer .footer-wrap__list {
    max-width: 312px;
    margin: 0 auto 58px;
  }
}
#footer .footer-wrap__list-item {
  width: 160px;
  font-weight: bold;
  font-size: 1.6rem;
}
#footer .footer-wrap__list-item:nth-child(even) {
  width: 128px;
}
#footer .footer-wrap__list-item a {
  display: block;
  white-space: nowrap;
}
@media (any-hover: hover) {
  #footer .footer-wrap__list-item a:hover {
    opacity: 1;
    transform: translateX(4px);
    color: #3C9966;
    transition: transform 0.2s ease, color 0.2s ease;
  }
}
#footer .footer-wrap__list-item.hidden {
  display: none;
}
@media screen and (min-width: 835px) {
  #footer .footer-wrap__info {
    width: calc(100% - 350px);
  }
}
@media screen and (max-width: 834px) {
  #footer .footer-wrap__info {
    max-width: 307px;
    margin: 0 auto 15px;
    text-align: center;
  }
}
#footer .footer-wrap__info-logo {
  display: block;
  max-width: 367px;
  margin: 5px 0 22px;
}
@media screen and (max-width: 834px) {
  #footer .footer-wrap__info-logo {
    margin: 5px -31px 14px 0;
  }
}
#footer .footer-wrap__info-txt {
  margin-bottom: 21px;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  #footer .footer-wrap__info-txt {
    margin-bottom: 22px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 834px) {
  #footer .footer-wrap .c-btn__02 {
    max-width: 320px;
  }
}
#footer .footer-wrap__copy {
  font-weight: 600;
  font-size: 1.2rem;
}
@media screen and (min-width: 835px) {
  #footer .footer-wrap__copy {
    position: absolute;
    bottom: 22%;
    right: 3%;
    width: -moz-max-content;
    width: max-content;
    letter-spacing: -0.018em;
  }
}
@media screen and (max-width: 834px) {
  #footer .footer-wrap__copy {
    max-width: 230px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.7;
  }
}

/* ====================================================
Pages
==================================================== */
/* ====================================================
PAGE INDEX
==================================================== */
#page-index {
  background: url(../img/index/bg-main.jpg) center/cover no-repeat;
  overflow: hidden;
}

.sec-mv {
  position: relative;
  z-index: 1;
}
.sec-mv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 90%;
  background: url(../img/index/mv-bg-pc.jpg) center/cover no-repeat;
}
@media screen and (min-width: 1025px) {
  .sec-mv::before {
    top: 91px;
    width: 89.5%;
    height: 81.2%;
    border-bottom-right-radius: 80px;
  }
}
.sec-mv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
  width: 100%;
  max-width: 1345px;
  height: calc(100% + 60px);
  background: url(../img/index/mv-main-pc.jpg) center/cover no-repeat;
}
@media screen and (min-width: 1025px) {
  .sec-mv::after {
    width: 96%;
    height: calc(100% + min(63px, 4.4dvw));
    border-radius: 0 0 80px 80px;
  }
}
.sec-mv__wrap {
  position: relative;
  padding: 0 0 70px 40px;
}
@media screen and (max-width: 1024px) {
  .sec-mv__wrap {
    height: calc(100vh - 90px);
    padding: 0 0 38px 20px;
  }
}
.sec-mv__wrap-img {
  border-bottom-left-radius: 100px;
  overflow: hidden;
}
.sec-mv__wrap-img img, .sec-mv__wrap-img video, .sec-mv__wrap-img iframe {
  width: 100%;
  height: 698px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .sec-mv__wrap-img img, .sec-mv__wrap-img video, .sec-mv__wrap-img iframe {
    height: calc(100vh - 128px);
  }
}
.sec-mv__wrap-img-item {
  box-shadow: none !important;
}
.sec-mv__wrap-ttl {
  position: absolute;
  top: 37%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 77.7%;
  font-weight: bold;
  font-size: 45.09px;
  font-size: 4.509rem;
  line-height: 1.3750277223;
  letter-spacing: 0.12em;
  color: white;
  text-shadow: 0px 0px 15.045px #666666;
}
@media screen and (max-width: 1024px) {
  .sec-mv__wrap-ttl {
    top: 15.8%;
  }
}
@media screen and (max-width: 834px) {
  .sec-mv__wrap-ttl {
    width: 71.7%;
    font-size: 26.97px;
    font-size: 2.697rem;
    line-height: 1.375231739;
  }
}
.sec-mv__wrap-ttl small {
  font-size: 39.45px;
  font-size: 3.945rem;
  line-height: 1.5716096324;
}
@media screen and (max-width: 834px) {
  .sec-mv__wrap-ttl small {
    font-size: 23.6px;
    font-size: 2.36rem;
    line-height: 1.5716101695;
  }
}
.sec-mv__list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 21px;
  max-width: 1316px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .sec-mv__list {
    gap: 11.25px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 640px) {
  .sec-mv__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sec-mv__list-item a {
  position: relative;
  display: block;
}
.sec-mv__list-item a::before {
  content: "";
  display: block;
  padding-bottom: 34.1296928328%;
}
.sec-mv__list-item a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sec-event {
  position: relative;
  z-index: 2;
  padding: 171px 0 114px;
}
@media screen and (max-width: 834px) {
  .sec-event {
    padding: 154px 0 136px;
  }
  .sec-event .c-ttl__01 .c-ft--jp {
    font-size: 4rem;
  }
}
.sec-event::before {
  content: "";
  position: absolute;
  top: 251px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 367px);
  background: url(../img/index/event-bg.png) center/cover no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-event::before {
    top: 225px;
    height: calc(100% - 379px);
  }
}

@media screen and (min-width: 835px) {
  .event-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 982px;
    margin: 35px auto 0;
  }
}
.event-wrap::before {
  content: "";
  position: absolute;
  top: 301px;
  left: 8.8%;
  width: 37px;
  height: 65px;
  background: url(../img/index/event-shape1.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .event-wrap::before {
    top: 226px;
    left: 11px;
    width: 25px;
    height: 40px;
  }
}
.event-wrap::after {
  content: "";
  position: absolute;
  top: 280px;
  right: 10.3%;
  width: 38px;
  height: 66px;
  background: url(../img/index/event-shape2.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .event-wrap::after {
    top: 208px;
    right: 0;
    width: 26px;
    height: 42px;
  }
}
.event-wrap__calendar {
  position: relative;
  background: #EEF7F4;
  border-radius: 17px;
  padding: 11px 12px 6px;
  margin: -3px 14px 46px;
}
@media screen and (min-width: 835px) {
  .event-wrap__calendar {
    width: calc(100% - 320px);
    max-width: 548px;
    padding: 31px 28px 12px;
    margin: 0 32px;
  }
}
.event-wrap__calendar-ttl {
  position: absolute;
  top: 31px;
  left: 30px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  font-size: 1.929rem;
  line-height: 1;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 640px) {
  .event-wrap__calendar-ttl {
    top: 18px;
    left: 18px;
    width: 55px;
    font-size: 1.2rem;
    line-height: 0.84;
  }
}
.event-wrap__calendar-ttl strong {
  font-weight: bold;
  font-size: 2.411rem;
}
@media screen and (max-width: 640px) {
  .event-wrap__calendar-ttl strong {
    font-size: 1.2rem;
  }
}
.event-wrap__calendar-ttl .year {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 2.411rem;
}
@media screen and (max-width: 640px) {
  .event-wrap__calendar-ttl .year {
    font-size: 1.2rem;
  }
}
.event-wrap__calendar-ttl .month {
  margin-left: 5px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 6.029rem;
}
@media screen and (max-width: 640px) {
  .event-wrap__calendar-ttl .month {
    position: relative;
    top: 3px;
    margin-left: 0;
    font-size: 2.5rem;
  }
}
.event-wrap__calendar-note {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 1px 5px;
  color: #9B3658;
  padding-left: 200px;
  margin-bottom: 9px;
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 990px) {
  .event-wrap__calendar-note {
    padding-left: 155px;
    font-size: 1.2rem;
    line-height: 1.1;
  }
}
@media screen and (max-width: 640px) {
  .event-wrap__calendar-note {
    padding-left: 56px;
    margin-bottom: 8px;
  }
}
.event-wrap__calendar-note span {
  position: relative;
  padding-left: 17px;
}
@media screen and (max-width: 990px) {
  .event-wrap__calendar-note span {
    padding-left: 12px;
  }
}
.event-wrap__calendar-note span::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 13px;
  height: 13px;
  background: #9B3658;
  border-radius: 50%;
}
@media screen and (max-width: 990px) {
  .event-wrap__calendar-note span::before {
    top: 1px;
    width: 8px;
    height: 8px;
  }
}
.event-wrap__calendar-note span.orange {
  color: #EEBA64;
}
.event-wrap__calendar-note span.orange::before {
  background: #EEBA64;
}
.event-wrap__calendar-table {
  width: 100%;
  max-width: 430px;
  color: #010101;
  table-layout: fixed;
  margin: 0 auto;
  border-collapse: unset;
  border-spacing: 10px;
}
@media screen and (max-width: 834px) {
  .event-wrap__calendar-table {
    width: calc(100% - 20px);
    border-spacing: 8.3px;
  }
}
.event-wrap__calendar-table th {
  text-align: center;
  font-weight: 600;
  font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
  .event-wrap__calendar-table th {
    font-size: 1.2rem;
    line-height: 0.5;
  }
}
.event-wrap__calendar-table th.holiday {
  color: #DA0F13;
}
.event-wrap__calendar-table td {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
}
@media screen and (max-width: 640px) {
  .event-wrap__calendar-table td {
    font-size: 1.4rem;
  }
}
.event-wrap__calendar-table td::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.event-wrap__calendar-table td p, .event-wrap__calendar-table td a {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.event-wrap__calendar-table td p {
  background: white;
}
.event-wrap__calendar-table td a {
  color: #fff;
  background-color: var(--event-color);
}
.event-wrap__calendar-prev, .event-wrap__calendar-next {
  position: absolute;
  top: 50.7%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: url(../img/common/polygon-green.svg) center/contain no-repeat;
  cursor: pointer;
  transition: 0.3s ease;
}
@media screen and (max-width: 834px) {
  .event-wrap__calendar-prev, .event-wrap__calendar-next {
    top: 53.7%;
    width: 36px;
    height: 36px;
  }
}
.event-wrap__calendar-prev::before, .event-wrap__calendar-next::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 26px;
  width: 11px;
  height: 19px;
  background: url(../img/common/ar-white.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .event-wrap__calendar-prev::before, .event-wrap__calendar-next::before {
    top: 12px;
    left: 16px;
    width: 6px;
    height: 12px;
  }
}
@media (any-hover: hover) {
  .event-wrap__calendar-prev:hover, .event-wrap__calendar-next:hover {
    opacity: 0.4;
  }
}
.event-wrap__calendar-prev {
  left: -29px;
  transform: translateY(-50%) scaleX(-1);
}
@media screen and (max-width: 834px) {
  .event-wrap__calendar-prev {
    left: -17px;
  }
}
.event-wrap__calendar-next {
  right: -29px;
}
@media screen and (max-width: 834px) {
  .event-wrap__calendar-next {
    right: -17px;
  }
}
@media screen and (min-width: 835px) {
  .event-wrap__ct {
    max-width: 312px;
  }
}
.event-wrap__ct-ttl {
  color: #3C9966;
  margin-bottom: 19px;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .event-wrap__ct-ttl {
    text-align: center;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 834px) {
  .event-wrap__ct .c-btn__01 {
    padding: 10px 24px 10px 62px;
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 641px) {
  .event-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 641px) and (max-width: 834px) {
  .event-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .event-list {
    margin: 0 12px 52px;
  }
  .event-list .slick-list {
    overflow: unset;
  }
}
@media screen and (max-width: 640px) {
  .event-list__item {
    padding: 0 7.5px;
  }
}
.event-list__item a {
  display: block;
  background: #9B3658;
  color: white;
  border-radius: 20px;
  padding: 13px 10px 10px;
  text-align: center;
  font-weight: 600;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 834px) {
  .event-list__item a {
    padding: 13px 10px 11px;
  }
}
.event-list__item--orange a {
  background: #EEBA64;
}
.event-list__item--orange a .event-list__ttl span {
  color: #EEBA64;
}
.event-list__item--disabled {
  pointer-events: none;
  cursor: default;
}
.event-list__ttl {
  position: relative;
  padding-top: 21px;
  margin: 0 -5px 3px;
  letter-spacing: 0.04em;
  font-weight: bold;
  font-size: 1.2rem;
}
.event-list__ttl span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 17px;
  background: white;
  color: #9B3658;
  border-radius: 40px;
  font-weight: 600;
}
.event-list__img {
  position: relative;
  display: block;
  margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
  .event-list__img {
    margin: 4px 0 7px;
  }
}
.event-list__img::before {
  content: "";
  display: block;
  padding-bottom: 50%;
}
.event-list__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.event-list__day {
  margin-top: 4px;
  font-weight: bold;
  font-size: 1.577rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 834px) {
  .event-list__day {
    margin-top: 3px;
    letter-spacing: 0.08em;
  }
}
.event-list__day span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
}
.event-list__time {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0;
}

.sec-news {
  position: relative;
  z-index: 1;
  padding-bottom: 95px;
}
@media screen and (max-width: 834px) {
  .sec-news {
    padding-bottom: 74px;
  }
}
.sec-news::before {
  content: "";
  position: absolute;
  top: -220px;
  right: -200px;
  z-index: -1;
  width: 615px;
  height: 444px;
  background: url(../img/index/news-shape1.png) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-news::before {
    top: -174px;
    right: -200px;
    width: 397px;
    height: 285px;
  }
}
.sec-news::after {
  content: "";
  position: absolute;
  top: 124px;
  left: -200px;
  z-index: -1;
  width: 668px;
  height: 580px;
  background: url(../img/index/news-shape2.png) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-news::after {
    top: 29.1%;
    left: -351px;
    width: 450px;
    height: 395px;
  }
}

.news-wrap {
  margin-bottom: 50px;
}
@media screen and (min-width: 835px) {
  .news-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1040px;
    margin: 0 auto 150px;
  }
  .news-wrap .c-ttl__01 {
    width: 170px;
    text-align: left;
  }
  .news-wrap .c-ttl__01::after {
    left: 23px;
    transform: unset;
  }
  .news-wrap .c-ttl__01 .c-ft--jp {
    margin-top: -10px;
    font-size: 3.5rem;
  }
  .news-wrap .c-ttl__01 .c-ft--jp::before, .news-wrap .c-ttl__01 .c-ft--jp::after {
    transform: unset;
  }
  .news-wrap .c-ttl__01 .c-ft--jp::before {
    left: 0;
  }
  .news-wrap .c-ttl__01 .c-ft--jp::after {
    left: 46px;
  }
}
.news-wrap__ct {
  margin: -1px 20px 0;
}
@media screen and (min-width: 835px) {
  .news-wrap__ct {
    width: calc(100% - 190px);
    max-width: 676px;
    margin: 66px 0 0;
  }
}
.news-wrap__ct .c-btn__01 {
  margin-top: 55px;
}
@media screen and (min-width: 835px) {
  .news-wrap__ct .c-btn__01 {
    margin: 54px 0 0 6px;
  }
}

.news-list__item {
  border-top: 1px solid #C4C4C4;
}
.news-list__item:last-child {
  border-bottom: 1px solid #C4C4C4;
}
.news-list__item > a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px 20px;
  padding: 24px 30px 23px 12px;
  font-weight: 500;
  line-height: 1.53;
}
@media screen and (max-width: 640px) {
  .news-list__item > a {
    flex-wrap: wrap;
    padding: 17px 40px 15px 0;
  }
}
.news-list__item > a::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  width: 15px;
  height: 10px;
  background: url(../img/common/ar-black.svg) center/contain no-repeat;
}
@media screen and (max-width: 640px) {
  .news-list__item > a::after {
    right: -5px;
    width: 18px;
    height: 12px;
  }
}
.news-list__item > a time {
  min-width: 109px;
  letter-spacing: 0.05em;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem;
  margin-top: 5px;
}
@media screen and (max-width: 640px) {
  .news-list__item > a time {
    top: 22px;
    left: 0;
  }
}
.news-list__item > a span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  background: #3BB8BF;
  color: white;
  border-radius: 40px;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  padding: 5px 15px;
  line-height: 22px;
  white-space: nowrap;
}
@media screen and (max-width: 640px) {
  .news-list__item > a span {
    top: 17px;
    left: 128px;
  }
}
.news-list__item > a span.green {
  background: #54B565;
}
.news-list__item > a p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 49px;
}
@media screen and (min-width: 835px) {
  .news-list__item > a p {
    max-width: 345px;
  }
}
@media screen and (max-width: 640px) {
  .news-list__item > a p {
    -webkit-line-clamp: 3;
    max-height: 74px;
    width: 100%;
  }
}

.news-slider {
  margin: 100px -25px 62px;
}
@media screen and (max-width: 990px) {
  .news-slider {
    margin: 105px 0 11px -10px;
  }
  .news-slider .slick-list {
    overflow: unset;
  }
}
@media screen and (max-width: 640px) {
  .news-slider {
    padding-right: 41%;
  }
}
.news-slider .slick-arrow {
  width: 80px;
  height: 80px;
  z-index: 1;
  top: 41%;
}
@media screen and (max-width: 834px) {
  .news-slider .slick-arrow {
    display: none !important;
  }
}
.news-slider .slick-arrow:before {
  display: none;
}
.news-slider .slick-arrow.slick-disabled {
  opacity: 0.5;
}
.news-slider .slick-arrow.slick-prev {
  background: url("../img/gakkaichiran/prev.png") no-repeat;
  background-size: 100%;
  left: -36px;
}
.news-slider .slick-arrow.slick-next {
  background: url("../img/gakkaichiran/next.png") no-repeat;
  background-size: 100%;
  right: -36px;
}
.news-slider__item {
  padding: 0 20px;
}
@media screen and (max-width: 1200px) {
  .news-slider__item {
    padding: 0 10px;
  }
}
.news-slider__item:nth-child(even) {
  margin-top: 71px;
}
.news-slider__item > a {
  display: block;
}
@media (any-hover: hover) {
  .news-slider__item > a:hover {
    opacity: 1;
  }
  .news-slider__item > a:hover .news-slider__img img {
    transform: scale(1.05);
  }
}
.news-slider__item > a p {
  margin-top: 17px;
}
.news-slider__item > a .popup-content {
  display: none;
}
.news-slider__img {
  position: relative;
  border-radius: 80px;
  margin-bottom: 32px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .news-slider__img {
    border-radius: 50px;
  }
}
.news-slider__img::before {
  content: "";
  display: block;
  padding-bottom: 177.4744027304%;
}
.news-slider__img::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 59px;
  height: 59px;
  background: url(../img/common/icon-play.svg) center/contain no-repeat;
}
@media screen and (max-width: 1024px) {
  .news-slider__img::after {
    width: 48px;
    height: 48px;
  }
}
.news-slider__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease;
}
.news-slider__ttl {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right, #EEBA64 50%, #EEBA64 50%);
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-bottom: 6px;
  color: #3C9966;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .news-slider__ttl {
    background-size: 100% 4px;
    padding-bottom: 4px;
  }
}

.sec-learning {
  background: url(../img/index/learning-bg.jpg) center/cover no-repeat;
  border-radius: 80px;
  padding: 100px 0 280px;
}
@media screen and (max-width: 834px) {
  .sec-learning {
    border-radius: 60px;
    padding: 73px 0 212px;
  }
}

.learning-list {
  max-width: 87%;
  margin: 0 auto 17px;
}
@media screen and (min-width: 641px) {
  .learning-list {
    display: flex;
    justify-content: space-between;
    max-width: 1190px;
    margin: -5px auto 54px;
  }
}
@media screen and (max-width: 640px) {
  .learning-list .slick-prev, .learning-list .slick-next {
    z-index: 1;
    top: 45.4%;
    width: 52px;
    height: 52px;
    background: url(../img/common/polygon-green.svg) center/contain no-repeat;
  }
  .learning-list .slick-prev::before, .learning-list .slick-next::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 23px;
    opacity: 1;
    width: 9px;
    height: 16px;
    background: url(../img/common/ar-white.svg) center/contain no-repeat;
  }
  .learning-list .slick-prev.slick-disabled, .learning-list .slick-next.slick-disabled {
    opacity: 0.4;
  }
  .learning-list .slick-prev {
    left: -31px;
    transform: translateY(-50%) scaleX(-1);
  }
  .learning-list .slick-next {
    right: -31px;
  }
}
.learning-list__item {
  position: relative;
  text-align: center;
  padding-top: 82px;
}
@media screen and (min-width: 641px) {
  .learning-list__item {
    width: 31%;
    padding-top: 78px;
  }
  .learning-list__item:nth-child(2) {
    width: 32.3%;
  }
  .learning-list__item:nth-child(3) {
    width: 30%;
  }
}
@media screen and (min-width: 641px) and (min-width: 835px) {
  .learning-list__item:nth-child(3) .learning-list__ttl {
    max-width: 267px;
    padding: 46px 15px 35px 30px;
  }
}
.learning-list__ttl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  max-width: 220px;
  background: url(../img/index/learning-shape.png) center/100% 100% no-repeat;
  color: #3C9966;
  padding: 38px 5px 43px;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .learning-list__ttl {
    top: 2px;
    left: 4px;
    padding: 37px 5px 44px 15px;
  }
}
.learning-list__ttl span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 6px solid #EEBA64;
  margin: 7px auto 0;
  font-size: 2.5rem;
  line-height: 1.35;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .learning-list__ttl span {
    letter-spacing: 0.1em;
  }
}
.learning-list__img {
  margin-bottom: 23px;
}
@media screen and (min-width: 641px) {
  .learning-list__img {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}
@media screen and (max-width: 640px) {
  .learning-list__img {
    position: relative;
    margin: 0 3px 23px;
  }
  .learning-list__img::before {
    content: "";
    display: block;
    padding-bottom: 100.3344481605%;
  }
}
.learning-list__img img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .learning-list__img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.learning-list__tag {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  font-weight: 600;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .learning-list__tag {
    margin-top: 13px;
  }
}
@media screen and (max-width: 834px) and (min-width: 641px) {
  .learning-list__tag {
    gap: 5px;
    font-size: 1.2rem;
  }
}
.learning-list__tag span {
  background: white;
  color: #54B565;
  border-radius: 10px;
  padding: 6px 10px;
}

.sec-life {
  position: relative;
  z-index: 1;
  padding: 106px 0 83px;
  margin-top: -120px;
  margin-bottom: 180px;
}
@media screen and (max-width: 834px) {
  .sec-life {
    padding: 70px 0 74px;
    margin-bottom: 80px;
  }
}
.sec-life::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 95dvw;
  max-width: 1280px;
  height: 100%;
  background: url(../img/index/life-bg.jpg) center/cover no-repeat;
  border-radius: 80px;
}
@media screen and (max-width: 1024px) {
  .sec-life::before {
    border-radius: 50px;
  }
}
.sec-life::after {
  content: "";
  position: absolute;
  top: -69px;
  right: 14.1%;
  width: 103px;
  height: 104px;
  background: url(../img/index/life-shape1.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-life::after {
    top: -27px;
    right: 33px;
    width: 68px;
    height: 68px;
  }
}

.life-list {
  max-width: 1088px;
  margin: 160px auto 0;
}
@media screen and (max-width: 834px) {
  .life-list {
    margin-top: 87px;
  }
}
.life-list__item:not(:last-child) {
  margin-bottom: 226px;
}
@media screen and (max-width: 834px) {
  .life-list__item:not(:last-child) {
    margin-bottom: 69px;
  }
}
.life-list__item .c-btn__01 {
  margin: 55px 0 0 5px;
}
@media screen and (max-width: 834px) {
  .life-list__item .c-btn__01 {
    margin: 43px 0 0 2px;
  }
}
@media screen and (min-width: 835px) {
  .life-list__item {
    display: flex;
    justify-content: space-between;
  }
  .life-list__item:nth-child(odd) {
    flex-direction: row-reverse;
    text-align: right;
  }
  .life-list__item:nth-child(odd) .life-list__ct .c-ttl__02::before {
    left: auto;
    right: 229px;
    transform: unset;
  }
  .life-list__item:nth-child(odd) .life-list__img-thumb {
    right: auto;
    left: 0;
    top: 55%;
    width: 143.26%;
    height: 153.12%;
  }
  .life-list__item:nth-child(odd) .c-btn__01 {
    margin-left: auto;
    margin-right: 5px;
  }
}
@media screen and (max-width: 834px) {
  .life-list__item:nth-child(odd) .life-list__img {
    margin-right: -10dvw;
    margin-left: 0;
  }
}
.life-list__img {
  position: relative;
}
@media screen and (min-width: 835px) {
  .life-list__img {
    width: 44.4%;
  }
}
@media screen and (max-width: 834px) {
  .life-list__img {
    margin: 0 0 30px -10dvw;
  }
}
@media only screen and (min-width: 641px) and (max-width: 834px) {
  .life-list__img {
    margin-left: 0;
  }
}
@media screen and (min-width: 835px) {
  .life-list__img-thumb {
    position: absolute;
    right: 0;
    top: 51%;
    transform: translateY(-50%);
    width: 146.16%;
    height: 144.5%;
  }
}
.life-list__img-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 641px) and (max-width: 834px) {
  .life-list__img-thumb img {
    width: 70%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (min-width: 835px) {
  .life-list__ct {
    width: 44.7%;
  }
  .life-list__ct .c-ttl__02 {
    position: relative;
  }
  .life-list__ct .c-ttl__02::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 188px;
    width: 25px;
    height: 47px;
    transform: rotate(-50deg);
    background: url(../img/index/life-shape2.svg) center/contain no-repeat;
  }
}

.sec-admissions {
  padding: 171px 0 109px;
}
@media screen and (max-width: 834px) {
  .sec-admissions {
    padding: 89px 0 82px;
  }
}

.admissions-main {
  position: relative;
}
@media screen and (max-width: 834px) {
  .admissions-main {
    margin: 0 -5.129dvw;
  }
}
.admissions-main::before {
  content: "";
  position: absolute;
  top: -61px;
  left: 6.9%;
  width: 142px;
  height: 123px;
  background: url(../img/index/admissions-shape.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .admissions-main::before {
    display: none;
  }
}
.admissions-main img {
  width: 100%;
  height: 417px;
  border-radius: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .admissions-main img {
    height: 314px;
    border-radius: 45px;
  }
}

.admissions-wrap {
  position: relative;
  max-width: 634px;
  background: white;
  border-radius: 80px;
  padding: 44px 66px;
  margin: -150px 68px 0 auto;
}
@media screen and (max-width: 834px) {
  .admissions-wrap {
    width: 101.715%;
    border-radius: 50px 0 0 50px;
    padding: 27px 24px 22px 26px;
    margin: -51px -5.129dvw 0 auto;
  }
  .admissions-wrap .c-ttl__02 {
    line-height: 1.666;
  }
}
.admissions-wrap .c-btn__01 {
  margin: 55px 0 0 5px;
}
@media screen and (max-width: 834px) {
  .admissions-wrap .c-btn__01 {
    margin: 34px 0 0 3px;
  }
}

#page-news,
#page-news_details,
#page-event,
#page-event_details {
  padding: 0;
}
@media screen and (max-width: 834px) {
  #page-news .news-page .post-ct,
  #page-news_details .news-page .post-ct,
  #page-event .news-page .post-ct,
  #page-event_details .news-page .post-ct {
    display: block;
    width: 100%;
    padding: 0 5.129%;
  }
}

.news-page {
  padding: 0 0 135px;
}
@media screen and (max-width: 834px) {
  .news-page {
    padding: 0 0 86px;
  }
}

.news-page-details {
  padding: 151px 0 150px;
}
@media screen and (max-width: 834px) {
  .news-page-details {
    padding: 84px 0 100px;
  }
}
.news-page-details .breadcrumb {
  margin-bottom: 112px;
}
@media screen and (max-width: 834px) {
  .news-page-details .breadcrumb {
    margin-bottom: 66px;
  }
}

#page-campuslife {
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  #page-campuslife {
    padding-top: 39px;
  }
}
@media (any-hover: hover) {
  #page-campuslife .c-btn__01:hover {
    box-shadow: 0 0 20px #475A63;
  }
}

.sec-campuslife {
  padding: 87px 0 213px;
  z-index: 3;
}
@media screen and (max-width: 834px) {
  .sec-campuslife {
    padding: 33px 0 104px;
  }
}
.sec-campuslife .inner {
  max-width: calc(1194px + 10.258%);
}
.sec-campuslife:after {
  content: "";
  width: 723px;
  height: 522px;
  background: url(../img/campuslife/bg-item-03.png) no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: -36px;
  right: -236px;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .sec-campuslife:after {
    width: 423px;
    height: 306px;
    right: auto;
    left: -217px;
    bottom: 373px;
  }
}

.campuslife-block {
  max-width: 1298px;
  margin: 0 auto 190px;
  border-radius: 40px;
  background: url("../img/campuslife/bg-01.jpg") no-repeat;
  background-size: cover;
  padding: 90px 6.7% 60px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .campuslife-block {
    padding: 86px 20px 67px;
    margin: 0 auto 79px;
  }
  .campuslife-block .c-ttl__01--small .c-ft--en {
    margin-bottom: 5px;
    line-height: 1.1;
  }
}
.campuslife-block:after {
  content: "";
  width: 128px;
  height: 121px;
  background: url(../img/campuslife/icon-heading.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: 32px;
  bottom: -55px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .campuslife-block:after {
    width: 78px;
    height: 121px;
    left: 28px;
    bottom: -85px;
  }
}
.campuslife-block__heading {
  text-align: center;
}
.campuslife-block__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 51px 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 990px) {
  .campuslife-block__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 834px) {
  .campuslife-block__list {
    grid-template-columns: 1fr;
    gap: 42px;
    max-width: 500px;
    margin: 0 auto 30px;
  }
}
.campuslife-block__list-item {
  position: relative;
}
.campuslife-block__list-ttl {
  font-size: 2rem;
  line-height: 1.4;
  color: #3c9966;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  width: 171px;
  height: 116px;
  background: url(../img/campuslife/bg-note.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 1;
  text-align: center;
  padding: 0 9px 4px 0;
}
.campuslife-block__list-ttl span {
  display: block;
  width: 100%;
  position: relative;
  left: 10px;
}
@media screen and (max-width: 834px) {
  .campuslife-block__list-ttl span {
    left: 5px;
  }
}
.campuslife-block__list-ttl span sup {
  font-size: 0.9rem;
}
.campuslife-block__list-img {
  border: 1px solid #EEBA64;
  border-radius: 31px;
  overflow: hidden;
  margin-bottom: 16px;
  background: white;
}
.campuslife-block__list-img img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.campuslife-block__list-ct {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 600;
}
.campuslife-block__list-ct-note {
  border: 2px dashed #54B565;
  border-radius: 10px;
  padding: 11px 10px;
  margin-bottom: 12px;
  background: white;
}
@media screen and (max-width: 834px) {
  .campuslife-block__list-ct-note {
    margin-bottom: 14px;
  }
}
.campuslife-block__list-ct-note p {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (max-width: 834px) {
  .campuslife-block__list-ct-note p {
    margin-bottom: 5px;
  }
}
.campuslife-block__list-ct-show {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.1;
  color: #54B565;
  margin-bottom: 7px;
}
.campuslife-block__list-ct-show:last-child {
  margin-bottom: 0;
}
.campuslife-block__list-ct-show-num {
  display: block;
  font-size: 3.5rem;
}
.campuslife-block__list-ct-show-num small {
  font-size: 1.9rem;
}
.campuslife-block__list-ct-show-ttl {
  display: block;
  margin: 0 10px 0 0;
}
.campuslife-block__list-ct-show--other {
  justify-content: space-between;
  max-width: 260px;
  margin: 0 auto;
}
.campuslife-block__note {
  font-weight: 500;
  color: #666666;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6428571429;
}

.campuslife-list {
  margin-bottom: -69px;
}
@media screen and (max-width: 834px) {
  .campuslife-list {
    max-width: 500px;
    margin: 0 auto 19px;
  }
}
.campuslife-list__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 9.2% 0 4.5%;
  margin-bottom: 159px;
}
@media screen and (min-width: 835px) {
  .campuslife-list__item:nth-child(even) {
    align-items: center;
    padding: 0;
    margin-bottom: 209px;
  }
  .campuslife-list__item:nth-child(even) .campuslife-list__ct {
    order: 2;
    padding: 0 0 45px 0;
    width: 40.5%;
    max-width: 100%;
  }
  .campuslife-list__item:nth-child(even) .campuslife-list__ct:before {
    background: url(../img/campuslife/bg-item-02.png) no-repeat;
    background-size: 100%;
    right: auto;
    top: -131px;
    left: 60px;
  }
  .campuslife-list__item:nth-child(even) .campuslife-list__img {
    order: 1;
    width: 49.7%;
  }
  .campuslife-list__item:nth-child(3) {
    margin-bottom: 177px;
  }
}
@media screen and (max-width: 834px) {
  .campuslife-list__item {
    padding: 0;
    margin-bottom: 55px;
  }
  .campuslife-list__item:nth-child(even) .campuslife-list__ct:before {
    background: url(../img/campuslife/bg-item-02.png) no-repeat;
    background-size: 100%;
    right: auto;
    top: -28px;
    left: 164px;
  }
}
.campuslife-list__item:last-child {
  margin-bottom: 0;
}
.campuslife-list__ct {
  width: 50%;
  max-width: 451px;
  padding: 28px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6875;
  position: relative;
}
@media screen and (max-width: 834px) {
  .campuslife-list__ct {
    order: 2;
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
  }
}
.campuslife-list__ct:before {
  content: "";
  width: 723px;
  height: 522px;
  background: url("../img/campuslife/bg-item-01.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: -52px;
  right: 28px;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .campuslife-list__ct:before {
    width: 424px;
    height: 306px;
    left: auto;
    top: -43px;
    right: 205px;
  }
}
.campuslife-list__ct-ttl {
  position: relative;
  color: #3c9966;
  font-size: 2.4rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-bottom: 36px;
}
.campuslife-list__ct-ttl:before {
  content: "";
  width: 24px;
  height: 41px;
  background: url(../img/campuslife/item-01.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -24px;
  left: -34px;
}
@media screen and (max-width: 834px) {
  .campuslife-list__ct-ttl:before {
    left: -26px;
  }
}
.campuslife-list__ct-ttl span {
  display: inline-block;
  position: relative;
  border-bottom: 5px solid #EEBA64;
}
.campuslife-list__ct p {
  margin-bottom: 41px;
}
.campuslife-list__ct p:last-child {
  margin-bottom: 0;
}
.campuslife-list__ct .c-btn__01 {
  line-height: 1.2;
}
@media screen and (min-width: 835px) {
  .campuslife-list__ct .c-btn__01 {
    margin-left: 0;
    left: 13px;
  }
}
@media screen and (max-width: 834px) {
  .campuslife-list__ct .c-btn__01 {
    padding-left: 68px;
    text-align: center;
  }
}
.campuslife-list__img {
  width: 47.5%;
}
@media screen and (max-width: 834px) {
  .campuslife-list__img {
    width: 100%;
    order: 1;
    margin-bottom: 44px;
  }
}

.campuslife-show {
  border: 1px solid #54b565;
  border-radius: 32px;
  padding: 123px 6.5% 83px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 43px;
  background: #fff;
  max-width: 1159px;
  margin: 0 auto 159px;
}
@media screen and (max-width: 834px) {
  .campuslife-show {
    padding: 24px 20px 21px;
    gap: 10px;
    margin-bottom: 91px;
  }
}
.campuslife-show__img {
  margin-bottom: 28px;
}
@media screen and (max-width: 834px) {
  .campuslife-show__img {
    margin-bottom: 21px;
  }
}
.campuslife-show__ct {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.499375;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .campuslife-show__ct {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.campuslife-show__ct-ttl {
  position: relative;
  color: #3c9966;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .campuslife-show__ct-ttl {
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 17px;
  }
}
.campuslife-show__ct-ttl span {
  display: inline-block;
  position: relative;
  border-bottom: 5px solid #EEBA64;
}

.campuslife-voice {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1044px;
  margin: 0 auto;
  padding: 0 0 0 22px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .campuslife-voice {
    padding: 0;
  }
}
.campuslife-voice__ct {
  width: 53.4%;
  padding: 0 0 0 11%;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .campuslife-voice__ct {
    width: 100%;
    padding: 0;
  }
}
.campuslife-voice__ct-ttl {
  font-size: 2.5rem;
  font-weight: bold;
  color: #475A63;
  margin-bottom: 16px;
}
.campuslife-voice__ct .c-btn__01 {
  line-height: 1.2;
}
@media screen and (min-width: 835px) {
  .campuslife-voice__ct .c-btn__01 {
    margin-left: 0;
    max-width: 100%;
    left: 11px;
  }
}
@media screen and (max-width: 834px) {
  .campuslife-voice__ct .c-btn__01 {
    font-size: 1.6rem;
    padding-left: 60px;
  }
}
.campuslife-voice__ct p {
  margin-bottom: 32px;
}
@media screen and (max-width: 834px) {
  .campuslife-voice__ct p {
    margin-bottom: 48px;
  }
}
.campuslife-voice__img {
  width: 44.6%;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 834px) {
  .campuslife-voice__img {
    width: 100%;
    margin-bottom: 49px;
  }
}
.campuslife-voice__img:before {
  content: "";
  display: block;
  padding: 79% 0 0;
}
.campuslife-voice__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

#page-course .mv-page {
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #page-course .mv-page {
    padding-top: 14px;
  }
}
#page-course .mv-page__ttl {
  position: relative;
}
#page-course .mv-page__ttl:after {
  content: "";
  width: 80px;
  height: 78px;
  background: url(../img/campuslife/icon-heading.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -53px;
  left: -112px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  #page-course .mv-page__ttl:after {
    background-size: contain;
    top: -58px;
    left: 0;
    z-index: 2;
    width: 54px;
    height: 52px;
  }
}
@media screen and (max-width: 834px) {
  #page-course .mv-page__ttl .c-ft--jp {
    line-height: 1.3;
    margin-top: 3px;
  }
}
@media screen and (min-width: 1201px) {
  #page-course .mv-page .breadcrumb {
    margin-bottom: 126px;
  }
}

.career-page {
  padding: clamp(13.3rem, 11.331rem + 5.048vw, 18.6rem) 0 clamp(19.1rem, 16.166rem + 7.524vw, 27rem);
}
.career-page__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1167px;
  margin: 0 auto;
  width: 100%;
}
.career-page__flex .c-ttl__01 {
  text-align: left;
  width: 300px;
}
@media screen and (max-width: 1200px) {
  .career-page__flex .c-ttl__01 {
    width: 200px;
  }
}
@media screen and (max-width: 834px) {
  .career-page__flex .c-ttl__01 {
    margin-bottom: 74px;
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
  }
}
@media screen and (min-width: 835px) {
  .career-page__flex .c-ttl__01 .c-ft--en {
    margin-bottom: -4px;
  }
  .career-page__flex .c-ttl__01 .c-ft--jp::before {
    left: 28px;
  }
  .career-page__flex .c-ttl__01 .c-ft--jp::after {
    left: 51px;
  }
  .career-page__flex .c-ttl__01::after {
    left: 0;
    transform: translateX(0);
  }
}
.career-page__box {
  width: calc(100% - 333px);
  padding-top: 49px;
}
@media screen and (max-width: 1200px) {
  .career-page__box {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 834px) {
  .career-page__box {
    width: 100%;
    padding-top: 0;
  }
}
.career-page__box-item:not(:last-child) {
  padding-bottom: 39px;
  margin-bottom: 38px;
  border-bottom: 1px solid #C4C4C4;
}
.career-page__box-item .c-ttl__02 {
  font-weight: bold;
  color: #3C9966;
  letter-spacing: 0.9px;
  margin-bottom: 17px;
}
.career-page__box-item:nth-child(2n) .c-ttl__02 {
  color: #3BB8BF;
}
.career-page__box-item:nth-child(2n) .career-page__list-item span,
.career-page__box-item:nth-child(2n) .career-page__list-item a {
  color: #3BB8BF;
  border-color: #3BB8BF;
}
.career-page__box-item:nth-child(2n) .career-page__list-item span::after,
.career-page__box-item:nth-child(2n) .career-page__list-item a::after {
  border-color: #3BB8BF;
}
.career-page__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding-right: 74px;
}
@media screen and (max-width: 1200px) {
  .career-page__list {
    padding-right: 0;
    gap: 10px;
  }
}
@media screen and (max-width: 834px) {
  .career-page__list {
    grid-template-columns: 1fr 1fr;
  }
}
.career-page__list-item span,
.career-page__list-item a {
  border-radius: 10px;
  border: 1.5px solid #3C9966;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  color: #3C9966;
  font-weight: 600;
  padding: 10px 30px 10px 9px;
  position: relative;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .career-page__list-item span,
  .career-page__list-item a {
    justify-content: flex-start;
  }
}
.career-page__list-item span:after,
.career-page__list-item a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-right: 1.5px solid #3C9966;
  border-top: 1.5px solid #3C9966;
}
@media screen and (max-width: 1200px) {
  .career-page__list-item span:after,
  .career-page__list-item a:after {
    right: 10px;
  }
}
@media screen and (max-width: 834px) {
  .career-page__list-item span:after,
  .career-page__list-item a:after {
    right: 15px;
    width: 7px;
    height: 7px;
  }
}

.sec-licenses {
  padding: 38px 0 71px;
  position: relative;
  background: #FBF7F4;
}
.sec-licenses .inner {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 834px) {
  .sec-licenses {
    padding: 20px 0 21px;
  }
}
.sec-licenses:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1000px;
  background: url(../img/career/before.jpg) no-repeat top center/100%;
  left: 50%;
  top: -107px;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .sec-licenses:before {
    height: 260px;
    background: url(../img/career/before-sp.jpg) no-repeat top center/100%;
  }
}
.sec-licenses:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 127px;
  height: 142px;
  background: url("../img/career/icon-after-top.png") center no-repeat;
  background-size: contain;
  right: 18px;
  top: -64px;
  z-index: 3;
}
@media screen and (max-width: 834px) {
  .sec-licenses:after {
    right: -13px;
    top: -125px;
    width: 85px;
    height: 85px;
  }
}

.licenses-block {
  text-align: center;
  margin-bottom: 38px;
}
@media screen and (max-width: 834px) {
  .licenses-block {
    text-align: left;
  }
}
.licenses-block__heading {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  position: relative;
  padding-bottom: 30px;
  font-size: 3.2rem;
}
.licenses-block__heading:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 53px;
  height: 11px;
  background: url("../img/career/icon-ttl-01.png") center no-repeat;
  background-size: contain;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.licenses-block__heading > span {
  display: block;
  margin-bottom: 3px;
}
.licenses-block__heading > span span {
  line-height: 1.2;
  display: inline-block;
  color: #000;
  border-bottom: 2px solid #EEBA64;
  padding-bottom: 1px;
  font-size: 2rem;
}
.licenses-block__heading > strong {
  font-weight: bold;
  font-size: 4rem;
  position: relative;
  letter-spacing: 2px;
  margin-left: 2px;
  display: inline-block;
}
.licenses-block__heading > strong:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 159px;
  height: 15px;
  background: url("../img/career/icon-ttl-02.png") center no-repeat;
  background-size: contain;
  right: -86px;
  bottom: -5px;
}
.licenses-block__heading > strong span {
  font-size: 2.4rem;
}
.licenses-block .c-txt__basic {
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 834px) {
  .licenses-block .c-txt__basic {
    line-height: 1.26;
  }
}

.licenses-box {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  border-radius: 22px;
  border: 1px solid #EEBA64;
  background: #FFF;
  padding: 60px 60px 57px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .licenses-box {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 834px) {
  .licenses-box {
    padding: 39px 18px 36px;
  }
}
.licenses-box:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 143px;
  height: 143px;
  background: url("../img/career/icon-after-top.png") center no-repeat;
  background-size: contain;
  left: -76px;
  bottom: -83px;
}
@media screen and (max-width: 834px) {
  .licenses-box:before {
    display: none;
  }
}
.licenses-box:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 69px;
  background: url(../img/career/icon-before-top.png) no-repeat center/100%;
  bottom: 0;
  left: 0;
  transform: translate(-14px, 70%);
}
@media screen and (min-width: 835px) {
  .licenses-box:after {
    display: none;
  }
}
.licenses-box__table {
  max-width: 1030px;
  width: 100%;
  margin: 0 auto 17px;
}
@media screen and (max-width: 834px) {
  .licenses-box__table {
    overflow-x: auto;
  }
}
.licenses-box__table table {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .licenses-box__table table {
    width: 660px;
  }
}
.licenses-box__table th {
  border-top: 0 !important;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .licenses-box__table th {
    padding: 0;
  }
}
.licenses-box__table th:nth-child(2) {
  color: #74A256;
}
.licenses-box__table th:nth-child(3) {
  color: #A4584A;
}
.licenses-box__table th:nth-child(4) {
  color: #445171;
}
.licenses-box__table th:nth-child(5) {
  color: #EE941D;
  border-right: 0;
}
.licenses-box__table th,
.licenses-box__table td {
  border: 1px solid #CCCCCC;
}
.licenses-box__table th:nth-child(1),
.licenses-box__table td:nth-child(1) {
  width: 220px;
  border-left: 0;
}
.licenses-box__table th:nth-child(2), .licenses-box__table th:nth-child(3), .licenses-box__table th:nth-child(4), .licenses-box__table th:nth-child(5),
.licenses-box__table td:nth-child(2),
.licenses-box__table td:nth-child(3),
.licenses-box__table td:nth-child(4),
.licenses-box__table td:nth-child(5) {
  width: 180px;
}
@media screen and (max-width: 834px) {
  .licenses-box__table th:nth-child(2), .licenses-box__table th:nth-child(3), .licenses-box__table th:nth-child(4), .licenses-box__table th:nth-child(5),
  .licenses-box__table td:nth-child(2),
  .licenses-box__table td:nth-child(3),
  .licenses-box__table td:nth-child(4),
  .licenses-box__table td:nth-child(5) {
    width: 110px;
  }
}
.licenses-box__table td {
  text-align: center;
  padding: 10px;
  color: #000;
  font-weight: 600;
  height: 60px;
  font-size: 1.5rem;
}
.licenses-box__table td span {
  font-size: 1.2rem;
}
.licenses-box__table td span sup {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
}
.licenses-box__table td > strong {
  width: 14px;
  height: 14px;
  background: #A4584A;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.licenses-box__table td > strong sup {
  position: absolute;
  top: -8px;
  right: -16px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1rem;
}
.licenses-box__table td:nth-child(1) {
  text-align: left;
}
.licenses-box__table td:nth-child(2) > strong {
  background: #74A256;
}
.licenses-box__table td:nth-child(3) > strong {
  background: #A4584A;
}
.licenses-box__table td:nth-child(4) > strong {
  background: #445171;
}
.licenses-box__table td:nth-child(5) > strong {
  background: #EE941D;
}
.licenses-box__note {
  font-weight: 600;
  line-height: 1.6;
  font-size: 1.4rem;
}

.sec-paths {
  padding: 90px 0 250px;
  background: #fbf7f4;
  margin-bottom: -100px;
}
@media screen and (max-width: 1200px) {
  .sec-paths {
    padding: 90px 0 200px;
  }
}
@media screen and (max-width: 834px) {
  .sec-paths {
    padding: 38px 0 200px;
  }
}
.sec-paths .c-ttl__01 {
  margin-bottom: 125px;
}
@media screen and (max-width: 834px) {
  .sec-paths .c-ttl__01 {
    margin-bottom: 78px;
    padding-bottom: 12px;
  }
}
.sec-paths .c-ttl__01 .c-ft--en {
  margin-bottom: -5px;
}

.paths-box {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  padding: 60px 65px 60px 66px;
  background: #fff;
  border-radius: 40px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .paths-box {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 834px) {
  .paths-box {
    padding: 61px 20px;
    border-radius: 20px;
  }
}
.paths-box.mbpc-118 {
  margin-bottom: 118px;
}
@media screen and (max-width: 834px) {
  .paths-box.mbpc-118 {
    margin-bottom: 76px !important;
  }
}
.paths-box--02 {
  padding: 60px 73px;
}
@media screen and (max-width: 1200px) {
  .paths-box--02 {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 834px) {
  .paths-box--02 {
    padding: 62px 20px;
  }
  .paths-box--02:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 31px;
    height: 53px;
    background: url("../img/career/icon-after-bottom.png") center no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    transform: translate(8px, -80%);
  }
}
.paths-box--after:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 70px;
  height: 118px;
  background: url("../img/career/icon-after-bottom.png") center no-repeat;
  background-size: contain;
  bottom: 33.4%;
  right: -41px;
}
@media screen and (max-width: 834px) {
  .paths-box--after:before {
    display: none;
  }
}
.paths-box__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 55px;
}
@media screen and (max-width: 834px) {
  .paths-box__flex {
    margin-bottom: 25px;
  }
}
.paths-box__flex-ct {
  width: 55%;
}
@media screen and (max-width: 834px) {
  .paths-box__flex-ct {
    margin-bottom: 30px;
    width: 100%;
  }
}
.paths-box__flex-ct .c-ttl__02 {
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .paths-box__flex-ct .c-ttl__02 {
    margin-bottom: 9px;
    text-align: center;
  }
}
.paths-box__flex-ct .c-ttl__02 strong {
  margin-bottom: 5px;
}
.paths-box__flex-ct .c-ttl__02 span {
  padding-bottom: 12px;
}
.paths-box__flex-ttl {
  font-weight: 600;
  margin-bottom: 33px;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .paths-box__flex-ttl {
    line-height: 1.8;
    margin-bottom: 41px;
  }
}
.paths-box__flex-img {
  width: 41.9%;
}
@media screen and (max-width: 834px) {
  .paths-box__flex-img {
    width: 100%;
    margin-bottom: 41px;
  }
}
.paths-box__flex-img img {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .paths-box__flex-img img {
    display: block;
    max-width: 400px;
    margin: 0 auto;
  }
}
.paths-box__step {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.paths-box__step-heading {
  text-align: center;
  margin-bottom: 33px;
  font-weight: bold;
}
.paths-box__step-heading > span {
  display: inline-block;
  padding: 0 83px;
  color: #3C9966;
  position: relative;
  letter-spacing: 2px;
  font-size: 2rem;
}
.paths-box__step-heading > span span {
  display: block;
  font-size: 1.6rem;
}
.paths-box__step-heading > span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 54px;
  height: 11px;
  background: url("../img/career/icon-ttl-01.png") center no-repeat;
  background-size: contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.paths-box__step-heading > span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 50px;
  height: 10px;
  background: url("../img/career/icon-ttl-01.png") center no-repeat;
  background-size: contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.paths-box__step-ct {
  display: none;
}
.paths-box__step-item {
  border-bottom: 2px solid #3C9966;
}
.paths-box__step-item:first-child {
  border-top: 2px solid #3C9966;
}
.paths-box__step-ttl {
  cursor: pointer;
  padding: 25px 60px 25px 20px;
  color: #000;
  font-weight: bold;
  position: relative;
  transition: all 0.3s;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .paths-box__step-ttl {
    padding: 25px 50px 25px 16px;
  }
}
.paths-box__step-ttl:hover {
  transition: all 0.3s;
  opacity: 0.7;
}
.paths-box__step-ttl:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  background: url("../img/career/icon-arrow.png") center no-repeat;
  background-size: contain;
  right: 20px;
  top: 50%;
  transition: all 0.3s;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .paths-box__step-ttl:after {
    right: 11px;
  }
}
.paths-box__step-ttl.on::after {
  transition: all 0.3s;
  transform: translateY(-50%) rotate(180deg);
}
.paths-box__map {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 64px;
  margin-bottom: 60px;
  position: relative;
  padding: 0 28px 64px;
}
@media screen and (max-width: 1200px) {
  .paths-box__map {
    padding: 0 0 50px;
  }
}
@media screen and (max-width: 834px) {
  .paths-box__map {
    padding: 0 0 18px;
    margin-bottom: 51px;
  }
}
.paths-box__map:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 4px;
  background: url("../img/career/icon-border.png") center repeat-x;
  background-size: cover;
  bottom: 0;
  left: 0;
}
.paths-box__map-ct {
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .paths-box__map-ct {
    width: 52%;
  }
}
@media screen and (max-width: 834px) {
  .paths-box__map-ct {
    width: 100%;
    margin-bottom: 30px;
  }
}
.paths-box__map-ct .c-txt__basic {
  font-weight: 600;
  margin-bottom: 54px;
}
@media screen and (max-width: 834px) {
  .paths-box__map-ct .c-txt__basic {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 834px) {
  .paths-box__map-ct .c-ttl__02 {
    text-align: center;
  }
  .paths-box__map-ct .c-ttl__02 strong {
    margin-bottom: 24px;
  }
}
.paths-box__map-ct .c-ttl__02 span {
  padding-bottom: 12px;
}
.paths-box__map-ct .c-btn__01 {
  margin: 0;
}
@media screen and (max-width: 834px) {
  .paths-box__map-ct .c-btn__01 {
    margin: 0 auto;
    min-width: 248px;
    height: 53px;
  }
}
.paths-box__map-img {
  width: 44.8%;
}
@media screen and (max-width: 834px) {
  .paths-box__map-img {
    width: 100%;
    margin-bottom: 25px;
  }
}
.paths-box__map-img img {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .paths-box__map-img img {
    display: block;
    max-width: 400px;
    margin: 0 auto;
  }
}
.paths-box__attend {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 0 14px;
}
@media screen and (max-width: 1200px) {
  .paths-box__attend {
    padding: 0;
  }
}
.paths-box__attend-heading {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .paths-box__attend-heading {
    width: 100%;
    margin-bottom: 28px;
  }
}
.paths-box__attend-heading .c-ttl__02 {
  margin-bottom: 23px;
}
.paths-box__attend-heading .c-ttl__02 strong {
  margin-bottom: 0;
}
.paths-box__attend-heading .c-ttl__03 {
  margin-bottom: 0;
}
.paths-box__attend-list {
  width: 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}
@media screen and (max-width: 834px) {
  .paths-box__attend-list {
    width: 100%;
    gap: 10px;
  }
}
.paths-box__attend-list-item > span,
.paths-box__attend-list-item > a {
  border: 1px solid #3C9966;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53px;
  font-size: 1.35rem;
}
@media screen and (max-width: 834px) {
  .paths-box__attend-list-item > span,
  .paths-box__attend-list-item > a {
    text-align: center;
  }
}

.list-tags {
  background: #F4FAF8;
  padding: 30px 49px 28px;
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .list-tags {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 834px) {
  .list-tags {
    padding: 30px 29px;
  }
}
.list-tags__item span,
.list-tags__item a {
  padding: 10px 24px 8px;
  display: block;
  border-radius: 75px;
  border: 0.75px solid #000;
  color: #000;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
}

.sec-introduction {
  padding: 90px 0 58px;
  background: #FBF7F4;
}
@media screen and (max-width: 834px) {
  .sec-introduction {
    padding: 50px 0 20px;
  }
}
.sec-introduction__heading {
  padding-bottom: 34px;
  margin-bottom: 24px;
}
@media screen and (max-width: 834px) {
  .sec-introduction__heading {
    margin-bottom: 39px;
  }
}
.sec-introduction__heading strong {
  font-size: 3.2rem;
}
.sec-introduction__heading strong:after {
  left: -25px;
  width: 112px;
  bottom: -7px;
  height: 13px;
  background: url("../img/career/icon-after-top-02.png") center no-repeat;
  background-size: contain;
}

.introduction-bg {
  position: relative;
}
.introduction-bg:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 68px;
  height: 118px;
  background: url("../img/career/icon-before-top.png") center no-repeat;
  background-size: contain;
  top: 117px;
  left: -39px;
  z-index: 1;
}

.introduction-box {
  z-index: 2;
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  padding: 79px 120px;
  border-radius: 22px;
  border: 1px solid #20686F;
  background: #fff;
  overflow: hidden;
  transition: all 0.3s;
  position: relative;
  max-height: 800px;
}
@media screen and (max-width: 1200px) {
  .introduction-box {
    padding: 60px 20px;
  }
}
@media screen and (max-width: 834px) {
  .introduction-box {
    padding: 49px 29px;
    max-height: 1077px;
  }
}
.introduction-box:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 259px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 35.45%, #FFF 100%);
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media screen and (max-width: 834px) {
  .introduction-box:before {
    height: 348px;
  }
}
.introduction-box.on {
  max-height: -moz-max-content;
  max-height: max-content;
  transition: all 0.3s;
}
.introduction-box.on::before {
  display: none;
}

.introduction-list__item:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .introduction-list__item:not(:last-child) {
    margin-bottom: 32px;
  }
}
.introduction-list__ttl {
  border-left: 4px solid #20686F;
  background: #F7F7F7;
  padding: 7px 7px;
  color: #20686F;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 2.2rem;
}
.introduction-list__ttl span {
  font-weight: normal;
  font-size: 1.4rem;
}
.introduction-list__ttl sup {
  font-size: 1.1rem;
  position: relative;
  top: 3px;
}
.introduction-list__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-bottom: 10px;
}
.introduction-list__tags span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  background: #204068;
  font-size: 1.2rem;
}
.introduction-list__tags span.green {
  background: #86B16A;
}
.introduction-list__tags span.red {
  background: #AC3230;
}
.introduction-list__tags span.orange {
  background: #FFA400;
}
.introduction-list__tags span.yellow {
  background: #FDC900;
}
.introduction-list__desc {
  line-height: 1.75;
  font-weight: 500;
  color: #010101;
  font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
  .introduction-list__desc {
    line-height: 1.7;
  }
}
.introduction-list__btn {
  position: absolute;
  left: 50.2%;
  bottom: 104px;
  z-index: 11;
}
@media screen and (max-width: 834px) {
  .introduction-list__btn {
    bottom: 34px;
    left: 52%;
  }
}
.introduction-list__btn.hide {
  display: none;
}

.mv-banner img {
  height: auto;
  width: 100%;
  border-radius: 0 0 92px 92px;
  max-height: 734px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .mv-banner img {
    border-radius: 0 0 53px 53px;
  }
}
.mv-banner .breadcrumb {
  position: absolute;
  top: 153px;
  left: 0;
  right: 0;
  color: white;
}
@media screen and (max-width: 1024px) {
  .mv-banner .breadcrumb {
    top: 14px;
  }
}

.sec-interview {
  padding: 103px 0 262px;
}
@media screen and (max-width: 834px) {
  .sec-interview {
    padding: 61px 0 97px;
  }
}
.sec-interview .c-ttl__01 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec-interview .c-ttl__01 .c-ft--en {
  width: 100%;
}
.sec-interview .c-ttl__01 .c-ft--jp {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6666666667;
  text-align: left;
}
@media screen and (max-width: 834px) {
  .sec-interview .c-ttl__01 .c-ft--jp {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.6;
  }
}
.sec-interview .c-ttl__01 .c-ft--jp:after, .sec-interview .c-ttl__01 .c-ft--jp:before {
  bottom: -12px;
}
.sec-interview .c-ttl__01:after {
  bottom: -12px;
}

.interview-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto 106px;
}
@media screen and (max-width: 834px) {
  .interview-block {
    padding: 0 17px;
    margin-bottom: 100px;
  }
}
.interview-block__img {
  width: 330px;
}
@media screen and (max-width: 834px) {
  .interview-block__img {
    width: 100%;
    max-width: 330px;
    margin: 0 auto 32px;
  }
}
.interview-block__img img {
  width: 100%;
}
.interview-block__img-fill {
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 80px;
  overflow: hidden;
}
.interview-block__img-fill:before {
  content: "";
  width: 59px;
  height: 59px;
  background: url("../img/interview/details/play.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .interview-block__img-fill:before {
    width: 48px;
    height: 48px;
  }
}
.interview-block__ct {
  width: calc(100% - 330px);
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 500;
  padding: 0 0 0 12%;
}
@media screen and (max-width: 834px) {
  .interview-block__ct {
    width: 100%;
    padding: 0;
  }
}
.interview-block__ct-ttl {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  color: #3C9966;
  margin-bottom: 23px;
}
@media screen and (max-width: 834px) {
  .interview-block__ct-ttl {
    margin-bottom: 19px;
  }
}
.interview-block__ct table {
  width: 100%;
}
.interview-block__ct table tr {
  border-bottom: 2px dashed #CCCCCC;
}
.interview-block__ct table tr:nth-child(1) {
  border-top: 2px dashed #CCCCCC;
}
.interview-block__ct table tr th, .interview-block__ct table tr td {
  padding: 19px 0;
}
@media screen and (max-width: 834px) {
  .interview-block__ct table tr th, .interview-block__ct table tr td {
    padding: 14px 0;
  }
}
.interview-block__ct table tr th {
  font-size: 1.4rem;
  color: #969696;
  font-weight: bold;
  width: 150px;
}

.interview-show {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.1875;
  font-weight: 500;
  max-width: 850px;
  margin: 0 auto;
}
.interview-show h3 {
  color: #3C9966;
  font-size: 2rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin-bottom: 40px;
}
@media screen and (max-width: 834px) {
  .interview-show h3 {
    margin: 0 -3px 24px 0;
  }
}
.interview-show h3 span {
  background-image: linear-gradient(90deg, #eeba64 50%, transparent 0);
  background-size: 200% 13px;
  background-repeat: no-repeat;
  background-position: 0 32px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 5px 0;
}
.interview-show img {
  border-radius: 80px;
  overflow: hidden;
  margin-bottom: 74px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  .interview-show img {
    border-radius: 30px;
    margin-bottom: 51px;
  }
}
.interview-show p {
  margin-bottom: 75px;
}
@media screen and (max-width: 834px) {
  .interview-show p {
    margin-bottom: 50px;
  }
}

.interview-note {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.1875;
  font-weight: 500;
  max-width: 950px;
  margin: 0 auto 165px;
}
@media screen and (max-width: 834px) {
  .interview-note {
    margin: 0 auto 94px;
  }
}
.interview-note dl {
  background: #fbf7f4;
  border-radius: 50px;
  margin-bottom: 72px;
  padding: 68px 5.3%;
}
@media screen and (max-width: 834px) {
  .interview-note dl {
    padding: 41px 20px;
    margin-bottom: 49px;
  }
  .interview-note dl:nth-child(2) {
    padding: 39px 29px 25px;
  }
}
.interview-note dl:last-child {
  margin-bottom: 0;
}
.interview-note dl dt {
  font-size: 2rem;
  color: #3C9966;
  font-weight: bold;
  margin-bottom: 37px;
}
@media screen and (max-width: 834px) {
  .interview-note dl dt {
    margin-bottom: 8px;
  }
}
.interview-note ul li {
  position: relative;
  padding: 0 0 0 16px;
}
.interview-note ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.interview-ttl {
  text-align: center;
  font-size: 3.5rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #3C9966;
  margin-bottom: 78px;
}
@media screen and (max-width: 834px) {
  .interview-ttl {
    font-size: 2.5rem;
    margin-bottom: 33px;
  }
}
.interview-ttl span {
  display: inline-block;
  position: relative;
  padding: 0 82px;
}
@media screen and (max-width: 834px) {
  .interview-ttl span {
    padding: 0 44px;
  }
}
.interview-ttl span:before, .interview-ttl span:after {
  content: "";
  width: 54px;
  height: 9px;
  background: url("../img/common/dots.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .interview-ttl span:before, .interview-ttl span:after {
    width: 31px;
    height: 7px;
  }
}
.interview-ttl span:before {
  left: 0;
}
.interview-ttl span:after {
  right: 0;
}

.interview-other {
  max-width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .interview-other {
    padding: 0 0 0 26px;
    margin: 0 -5.129% 0 0;
  }
}
.interview-other .js-interview-other {
  margin: 0 -33px;
}
@media screen and (max-width: 834px) {
  .interview-other .js-interview-other {
    margin: 0 -10px;
  }
  .interview-other .js-interview-other .slick-list {
    padding: 0 12% 0 0 !important;
  }
}
.interview-other .js-interview-other .slick-arrow {
  width: 47px;
  height: 47px;
  z-index: 1;
  top: 22vw;
}
.interview-other .js-interview-other .slick-arrow:before {
  display: none;
}
.interview-other .js-interview-other .slick-arrow.slick-disabled {
  opacity: 0.5;
}
.interview-other .js-interview-other .slick-prev {
  background: url("../img/interview/details/prev.png") no-repeat;
  background-size: 100%;
  left: -15px;
}
.interview-other .js-interview-other .slick-next {
  background: url("../img/interview/details/next.png") no-repeat;
  background-size: 100%;
  right: 28px;
}
.interview-other__item {
  padding: 0 33px;
}
@media screen and (max-width: 834px) {
  .interview-other__item {
    padding: 0 10px;
  }
}
.interview-other__img {
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  margin-bottom: 34px;
}
@media screen and (max-width: 834px) {
  .interview-other__img {
    border-radius: 20px;
  }
}
.interview-other__img:before {
  content: "";
  display: block;
  padding: 56% 0 0;
}
.interview-other__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interview-other__ct {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 500;
}
.interview-other__ct-ttl {
  margin-bottom: 22px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 1.75;
  font-weight: bold;
  color: #3C9966;
}
@media screen and (max-width: 834px) {
  .interview-other__ct-ttl {
    line-height: 2;
    margin-bottom: 15px;
  }
}
.interview-other__ct-ttl span {
  background-image: linear-gradient(90deg, #eeba64 50%, transparent 0);
  background-size: 200% 13px;
  background-repeat: no-repeat;
  background-position: 0 29px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 5px 0;
}
.interview-other__ct p {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .interview-other__ct p {
    margin-bottom: 51px;
  }
}
.interview-other__ct a {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  color: #3C9966;
  border-bottom: 1px solid;
  position: relative;
  padding: 0 20px 3px 0;
}
.interview-other__ct a:after {
  content: "";
  border: solid #3C9966;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  position: absolute;
  top: 7px;
  right: 12px;
}

#page-interview_details .breadcrumb a {
  color: #fff;
}

@media screen and (min-width: 835px) {
  #page-child .mv-block::before {
    display: none;
  }
}
#page-child .sec-campuslife {
  padding-bottom: 138px;
}
@media screen and (max-width: 834px) {
  #page-child .sec-campuslife {
    padding: 29px 0 104px;
  }
}
@media screen and (max-width: 834px) {
  #page-child {
    padding-top: 41px;
  }
  #page-child .breadcrumb {
    color: #010101;
  }
  #page-child .breadcrumb a, #page-child .breadcrumb span {
    color: #010101;
  }
  #page-child .breadcrumb a::after, #page-child .breadcrumb span::after {
    color: #010101;
  }
  #page-child .mv-block__img {
    margin-bottom: -3px;
  }
  #page-child .mv-block__heading .c-ft--en {
    margin-bottom: 5px;
  }
  #page-child .mv-block {
    padding: 0 0 30px;
  }
  #page-child .mv-block::before {
    bottom: 394px;
  }
  #page-child .mv-block::after {
    right: 17px;
    bottom: 261px;
  }
}
#page-child .sec-campuslife .campuslife-voice__ct-ttl {
  color: #74A256;
}
#page-child .sec-campuslife::after {
  background: url("../img/child/bg-item-03.png") no-repeat;
  background-size: 100%;
}
@media (any-hover: hover) {
  #page-child .c-btn__01:hover {
    box-shadow: 0 0 20px #74A256;
  }
}

.mv-block__box {
  max-width: 485px;
  width: 100%;
  background: url("../img/child/bg.png") no-repeat;
  background-size: cover;
  border-radius: 15px;
  padding: 38px 54px 33px;
  position: absolute;
  left: 10.5%;
  bottom: -133px;
  z-index: 3;
}
@media screen and (max-width: 1200px) {
  .mv-block__box {
    padding: 20px 20px;
    bottom: -220px;
    max-width: 400px;
  }
}
@media screen and (max-width: 834px) {
  .mv-block__box {
    margin: 0 20px;
    position: static;
    margin-top: 74px;
    padding: 20px 33px;
    max-width: 100%;
  }
}
.mv-block__box-heading {
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 834px) {
  .mv-block__box-heading {
    margin-bottom: 20px;
  }
}
.mv-block__box-heading > span {
  color: #000;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0.48px;
  padding: 0 10px;
  position: relative;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .mv-block__box-heading > span {
    padding: 0 5px;
    font-size: 1.4rem;
  }
}
.mv-block__box-heading > span:after, .mv-block__box-heading > span:before {
  content: "";
  height: 20px;
  width: 1px;
  background: #74A256;
  top: 50%;
  left: 0;
  transform: rotate(-31deg) translateY(-50%);
  position: absolute;
}
@media screen and (max-width: 834px) {
  .mv-block__box-heading > span:after, .mv-block__box-heading > span:before {
    transform: rotate(-39deg) translateY(-50%);
    height: 17px;
  }
}
.mv-block__box-heading > span:after {
  right: 0;
  left: auto;
  transform: rotate(31deg) translateY(-50%);
}
@media screen and (max-width: 834px) {
  .mv-block__box-heading > span:after {
    transform: rotate(39deg) translateY(-50%);
  }
}
.mv-block__box-heading > span span {
  color: #74A256;
  font-weight: bold;
  letter-spacing: 0.72px;
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .mv-block__box-heading > span span {
    font-size: 1.8rem;
  }
}
.mv-block__box-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px 15px;
  margin-bottom: 9px;
}
@media screen and (max-width: 834px) {
  .mv-block__box-list {
    gap: 16px 12px;
  }
}
.mv-block__box-list-item > span, .mv-block__box-list-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #74A256;
  background: #74A256;
  height: 47px;
  text-align: center;
  color: #fff;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 1.7rem;
}
@media screen and (max-width: 834px) {
  .mv-block__box-list-item > span, .mv-block__box-list-item a {
    border-radius: 5px;
    letter-spacing: 0;
    height: 34px;
    font-size: 1.6rem;
  }
}
.mv-block__box-list-item > span span, .mv-block__box-list-item a span {
  margin-bottom: -12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .mv-block__box-list-item > span span, .mv-block__box-list-item a span {
    font-size: 0.8rem;
  }
}
.mv-block__box-note {
  color: #585858;
  letter-spacing: 0.3px;
  font-weight: bold;
  line-height: 1.2;
  font-size: 1rem;
}
@media screen and (max-width: 834px) {
  .mv-block__box-note {
    padding-left: 6px;
    font-size: 0.72rem;
  }
}

.sec-child {
  padding: 189px 0 120px;
}
@media screen and (max-width: 1200px) {
  .sec-child {
    padding: 250px 0 120px;
  }
}
@media screen and (max-width: 834px) {
  .sec-child {
    padding: 34px 0 80px;
  }
}
.sec-child .c-ttl__04 {
  letter-spacing: 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 834px) {
  .sec-child .c-ttl__04 {
    margin-bottom: 26px;
  }
}
.sec-child .c-ttl__04 > span {
  padding: 0 74px;
}
@media screen and (max-width: 834px) {
  .sec-child .c-ttl__04 > span {
    padding: 0 41px;
  }
  .sec-child .c-ttl__04 > span::before, .sec-child .c-ttl__04 > span::after {
    width: 53px;
    height: 10px;
    left: -22px;
  }
  .sec-child .c-ttl__04 > span::after {
    left: auto;
    right: -22px;
  }
}

@media screen and (max-width: 834px) {
  .child-scroll {
    overflow-x: auto;
    margin: 0 -20px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 834px) {
  .child-scroll .child-tags {
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.child-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 26px 25px;
}
@media screen and (max-width: 834px) {
  .child-tags {
    gap: 20px;
  }
}
.child-tags:not(:last-child) {
  margin-bottom: 26px;
}
@media screen and (max-width: 834px) {
  .child-tags:not(:last-child) {
    margin-bottom: 20px;
  }
}
.child-tags__item span {
  border-radius: 10px;
  border: 1px solid #3C9966;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  color: #3C9966;
  font-weight: 600;
  padding: 5px 19px;
  font-size: 1.6rem;
}
.child-tags__item span.blue {
  color: #3AB8BF;
  border-color: #3AB8BF;
}
.child-tags__item span.green {
  color: #54B565;
  border-color: #54B565;
}

.sec-license {
  padding: 90px 0 280px;
  background: url("../img/graduate/mp/bg-03.png") #EEF7F4 center no-repeat;
  background-size: cover;
  border-radius: 80px 80px 0 0;
  position: relative;
}
@media screen and (max-width: 834px) {
  .sec-license {
    padding: 92px 0 141px;
    border-radius: 40px 40px 0 0;
    background: url("../img/graduate/mp/bg-03-sp.png") #EEF7F4 center no-repeat;
    background-size: cover;
  }
}
.sec-license::after, .sec-license::before {
  content: "";
  width: 78px;
  height: 69px;
  background: url("../img/child/icon-after.png") center no-repeat;
  background-size: contain;
  position: absolute;
  right: 8.8%;
  top: 10.5%;
}
@media screen and (max-width: 1200px) {
  .sec-license::after, .sec-license::before {
    right: 5%;
  }
}
@media screen and (max-width: 834px) {
  .sec-license::after, .sec-license::before {
    right: 5.5%;
    width: 40px;
    height: 40px;
    top: 3.7%;
  }
}
.sec-license::before {
  right: auto;
  left: 6.1%;
  bottom: 33.7%;
  top: auto;
}
@media screen and (max-width: 1200px) {
  .sec-license::before {
    left: 2%;
    bottom: 12.8%;
  }
}
@media screen and (max-width: 834px) {
  .sec-license::before {
    left: 5%;
    bottom: 5%;
  }
}
@media screen and (max-width: 834px) {
  .sec-license .c-ttl__01 .c-ft--en {
    line-height: 1.2;
    margin-bottom: 17px;
  }
  .sec-license .c-ttl__01 .c-ft--jp small {
    margin-bottom: 1px;
  }
}

.license-block {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
}

.license-box__ttl {
  text-align: center;
  margin-bottom: 35px;
  color: #000;
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .license-box__ttl {
    margin-bottom: 38px;
    line-height: 1.2;
  }
}
.license-box__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 73px;
}
@media screen and (max-width: 834px) {
  .license-box__list {
    gap: 9px;
    margin-bottom: 35px;
  }
}
.license-box__list-item {
  border-radius: 138px;
  border: 1px solid #74A256;
  background: #FFF;
  color: #74A256;
  line-height: 1.35;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .license-box__list-item {
    width: 150px;
    height: 150px;
    font-size: 1.6rem;
  }
}
.license-box__list-item > span {
  display: block;
  text-align: center;
}
.license-box__list-item > span span {
  display: inline-block;
  margin-top: 5px;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .license-box__list-item > span span {
    font-size: 1.2rem;
  }
}
.license-box__list-item > span span sup {
  font-size: 1rem;
}
.license-box__main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 753px;
  width: 100%;
  margin: 0 auto;
}
.license-box__main-left {
  width: 180px;
}
@media screen and (max-width: 834px) {
  .license-box__main-left {
    width: 100%;
    margin-bottom: 43px;
  }
}
.license-box__main-left .license-box__list {
  margin-bottom: 0;
}
.license-box__main-left .license-box__list-item {
  border-color: #A8A062;
  color: #A8A062;
}
@media screen and (max-width: 834px) {
  .license-box__main-left .license-box__list-item {
    width: 180px;
    height: 180px;
  }
  .license-box__main-left .license-box__list-item > span {
    font-size: 2rem;
  }
  .license-box__main-left .license-box__list-item > span span {
    font-size: 1.6rem;
  }
}
.license-box__main-right {
  width: calc(100% - 180px);
  color: #A8A062;
  padding-left: 41px;
}
@media screen and (max-width: 834px) {
  .license-box__main-right {
    width: 100%;
    padding-left: 0;
  }
}
.license-box__main-right .c-txt__basic {
  font-weight: 600;
}
.license-box__main-ttl {
  color: #A8A062;
  font-weight: bold;
  padding-left: 18px;
  margin-bottom: 10px;
  position: relative;
  font-size: 1.6rem;
}
.license-box__main-ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #A8A062;
  left: 0;
  top: 4px;
}

.license-other {
  border: 1px solid #74A256;
  padding: 51px 20px 48px;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .license-other {
    padding: 40px 23px 38px 23px;
  }
}
.license-other__ttl {
  text-align: center;
  color: #000;
  font-weight: bold;
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  font-size: 2rem;
}
.license-other__ttl span {
  display: inline-block;
  padding: 0 20px;
  background: #EEF7F4;
}
.license-other__flex {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 780px;
  margin: 0 auto;
}
.license-other__dots:nth-child(1) {
  width: 65%;
  padding-right: 20px;
}
@media screen and (max-width: 834px) {
  .license-other__dots:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.license-other__dots:nth-child(2) {
  width: 35%;
}
@media screen and (max-width: 834px) {
  .license-other__dots:nth-child(2) {
    width: 100%;
  }
}
.license-other__dots-item {
  position: relative;
  color: #000;
  font-weight: 600;
  line-height: 1.6875;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .license-other__dots-item {
    padding: 0 0 0 20px;
  }
}
.license-other__dots-item > span {
  color: #74A256;
}
@media screen and (max-width: 834px) {
  .license-other__dots-item > span {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.license-other__dots-item small {
  transform: translateY(-7px);
  display: inline-block;
  font-size: 1rem;
}
.license-other__dots-item p {
  font-weight: 600;
  display: block;
  margin-top: 4px;
  max-width: 440px;
  line-height: 1.5;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .license-other__dots-item p {
    margin: 3px 0 0 -17px;
  }
}
.license-other__dots-item:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .license-other__dots-item:not(:last-child) {
    margin-bottom: 11.5px;
  }
}

.license-note {
  font-weight: 500;
  line-height: 1.4;
  color: #000;
  letter-spacing: 0.6px;
  font-size: 1.2rem;
}

.sec-careers {
  padding: 91px 0 40px;
  position: relative;
  z-index: 2;
  background: url("../img/graduate/mp/bg-01.png") #fbf7f4 center no-repeat;
  background-size: cover;
  border-radius: 80px;
  width: 89%;
  margin: -140px auto 0;
}
@media screen and (max-width: 834px) {
  .sec-careers {
    background: url("../img/graduate/mp/bg-01-sp.png") #fbf7f4 center no-repeat;
    background-size: cover;
    border-radius: 40px;
    padding: 69px 0 40px;
    margin: -59px auto 0;
  }
}
.sec-careers::after, .sec-careers::before {
  content: "";
  background: url("../img/child/icon-after-02.png") center no-repeat;
  width: 68px;
  height: 122px;
  background-size: contain;
  position: absolute;
  right: 4.5%;
  top: 3.34%;
}
@media screen and (max-width: 834px) {
  .sec-careers::after, .sec-careers::before {
    right: -2.5%;
    top: 12px;
    width: 40px;
    height: 100px;
  }
}
.sec-careers::before {
  background: url("../img/child/icon-before-02.png") center no-repeat;
  background-size: contain;
  right: auto;
  left: -12px;
  top: 40.2%;
}
@media screen and (max-width: 834px) {
  .sec-careers::before {
    top: auto;
    bottom: -47px;
  }
}
@media screen and (max-width: 834px) {
  .sec-careers .c-ttl__01 {
    margin-bottom: 87px;
  }
  .sec-careers .c-ttl__01::after {
    bottom: -47px;
  }
  .sec-careers .c-ttl__01 .c-ft--en {
    margin-bottom: 14px;
  }
  .sec-careers .c-ttl__01 .c-ft--jp small {
    margin-bottom: 2px;
  }
  .sec-careers .c-ttl__01 .c-ft--jp::after, .sec-careers .c-ttl__01 .c-ft--jp::before {
    bottom: -47px;
  }
}

.careers-block {
  margin-bottom: 100px;
}
@media screen and (max-width: 834px) {
  .careers-block {
    margin-bottom: 40px;
  }
}
.careers-block__map {
  text-align: center;
}
@media screen and (max-width: 834px) {
  .careers-block__map {
    margin: 0 -9px;
  }
}
.careers-block__map img {
  max-width: 503px;
  width: 100%;
}
.careers-block p {
  max-width: 493px;
  color: #3C9966;
  margin: 16px auto 0;
  text-align: right;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .careers-block p {
    margin: 17px 4px 0 auto;
    font-size: 1.4rem;
  }
}

.careers-box {
  background: #fff;
  padding: 28px 30px 0;
  max-width: 1007px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .careers-box {
    width: calc(100% + 20px);
    margin: 0 -10px;
    padding: 12px 12px 0;
    max-width: calc(100% + 20px);
  }
}
.careers-box__heading {
  color: #74A256;
  letter-spacing: 1px;
  transition: all 0.3s;
  font-weight: bold;
  position: relative;
  padding-bottom: 18px;
  cursor: pointer;
  border-bottom: 1px solid #666;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .careers-box__heading {
    padding-left: 7px;
    padding-bottom: 10px;
    font-size: 1.6rem;
  }
}
.careers-box__heading:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  border-bottom: 2px solid #74A256;
  border-right: 2px solid #74A256;
  right: 23px;
  top: 20%;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s;
  transform-origin: center;
}
@media screen and (max-width: 834px) {
  .careers-box__heading:before {
    width: 7px;
    height: 7px;
    right: 0;
  }
}
.careers-box__heading:hover {
  opacity: 0.7;
  transition: all 0.3s;
}
.careers-box__heading.on::before {
  top: 42%;
  transition: all 0.3s;
  transform: translateY(-50%) rotate(225deg);
}
.careers-box__ct {
  display: none;
  padding: 46px 43px 67px;
}
@media screen and (max-width: 1200px) {
  .careers-box__ct {
    padding: 46px 20px 67px;
  }
}
@media screen and (max-width: 834px) {
  .careers-box__ct {
    padding: 30px 4px 67px;
  }
}
.careers-box__list-item {
  padding-bottom: 18.5px;
  border-bottom: 1px solid #C4C4C4;
}
@media screen and (max-width: 834px) {
  .careers-box__list-item {
    padding-bottom: 18px;
  }
}
.careers-box__list-item:not(:last-child) {
  margin-bottom: 18px;
}
.careers-box__list-ttl {
  margin-bottom: 25px;
  color: #74A256;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: #EEBA64;
  text-decoration-thickness: 5px;
  text-underline-offset: 7px;
}
.careers-box__list-desc {
  letter-spacing: 0.8px;
  font-weight: 500;
  line-height: 1.5;
  font-size: 1.6rem;
}

.sec-voice {
  padding: 99px 0 0;
}
@media screen and (max-width: 834px) {
  .sec-voice {
    padding: 69px 0 0;
  }
  .sec-voice .c-ttl__01 {
    margin-bottom: 81px;
  }
}

.voice-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.voice-list__item {
  max-width: 281px;
  margin: 0 20px;
  padding-top: 30px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .voice-list__item {
    margin: 0 10px;
  }
}
.voice-list__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 48px;
  height: 49px;
  background: url("../img/child/icon-gim.png") center no-repeat;
  background-size: contain;
  left: 34.2%;
  top: 10px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .voice-list__item:before {
    width: 42px;
    height: 40px;
    left: 42.2%;
    top: 9px;
  }
}
.voice-list__link {
  border-radius: 24px;
  border: 1px solid #EEBA64;
  background: #FFF;
  display: block;
  padding: 39px 23px;
}
.voice-list__img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 15px;
  position: relative;
  overflow: hidden;
}
.voice-list__img:before {
  display: block;
  content: "";
  padding-top: 100%;
}
.voice-list__img > :first-child,
.voice-list__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voice-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voice-list__ttl {
  color: #74A256;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.6px;
  padding-bottom: 15px;
  margin-bottom: 21px;
  border-bottom: 1px solid #BABABA;
  font-size: 1.6rem;
}
.voice-list__ttl span {
  margin-bottom: 4px;
  display: block;
  font-size: 2rem;
}
.voice-list__ttl small {
  font-size: 1.6rem;
}
.voice-list__desc {
  color: #000;
  line-height: 1.6875;
  margin-bottom: 21px;
  font-weight: 600;
  font-size: 1.6rem;
}
.voice-list__txt {
  display: none;
}
.voice-list__date {
  font-weight: 600;
  color: #000;
  line-height: 1.4;
  margin-bottom: 21px;
  font-size: 1.2rem;
}
.voice-list__date span {
  display: none;
}
.voice-list .slick-prev, .voice-list .slick-next {
  width: 80px;
  height: 80px;
  background: url("../img/child/icon-next.png") center no-repeat;
  background-size: contain;
  top: 45.5%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
  right: 3%;
  transition: all 0.3s;
}
@media screen and (max-width: 1200px) {
  .voice-list .slick-prev, .voice-list .slick-next {
    right: 25px;
    width: 60px;
    height: 60px;
    top: 50%;
  }
}
@media screen and (max-width: 834px) {
  .voice-list .slick-prev, .voice-list .slick-next {
    width: 40px;
    height: 40px;
    right: 3%;
    top: 52.5%;
  }
}
.voice-list .slick-prev::before, .voice-list .slick-next::before {
  display: none;
}
.voice-list .slick-prev:hover, .voice-list .slick-next:hover {
  opacity: 0.7;
  transition: all 0.3s;
}
.voice-list .slick-prev {
  background: url("../img/child/icon-prev.png") center no-repeat;
  background-size: contain;
  left: 3%;
  right: auto;
}
@media screen and (max-width: 1200px) {
  .voice-list .slick-prev {
    left: 25px;
  }
}
@media screen and (max-width: 834px) {
  .voice-list .slick-prev {
    left: 3%;
  }
}
.voice-list .slick-dots {
  bottom: -50px;
  z-index: 3;
}
.voice-list .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-radius: 50%;
  margin: 0 7px;
  background: rgba(238, 186, 100, 0.3);
}
.voice-list .slick-dots li button {
  display: none;
}
.voice-list .slick-dots li.slick-active {
  background: #EEBA64;
}

.voice-note {
  line-height: 1.9285714286;
  width: -moz-fit-content;
  width: fit-content;
  margin: 60px 0 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 834px) {
  .voice-note {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0 0 0 9px;
    margin: 77px 0 0;
  }
}

.sec-learningchild {
  padding: 149px 0 70px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .sec-learningchild {
    padding: 72px 0 70px;
  }
  .sec-learningchild .c-ttl__01 {
    margin-bottom: 89px;
  }
  .sec-learningchild .c-ttl__01 .c-ft--en {
    margin-bottom: 14px;
  }
  .sec-learningchild .c-ttl__01 .c-ft--jp::after, .sec-learningchild .c-ttl__01 .c-ft--jp::before {
    bottom: -47px;
  }
  .sec-learningchild .c-ttl__01::after {
    bottom: -47px;
  }
}
.sec-learningchild::after, .sec-learningchild::before {
  content: "";
  width: 668px;
  height: 580px;
  background: url(../img/child/icon-before-03.png) center no-repeat;
  background-size: contain;
  left: -200px;
  bottom: 55px;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .sec-learningchild::after, .sec-learningchild::before {
    width: 383px;
    height: 333px;
    left: -180px;
    bottom: -65px;
  }
}
.sec-learningchild::after {
  background: url(../img/child/icon-after-03.png) center no-repeat;
  background-size: contain;
  right: -142px;
  left: auto;
  top: 175px;
  bottom: 0;
  width: 615px;
  height: 444px;
}
@media screen and (max-width: 834px) {
  .sec-learningchild::after {
    right: -144px;
    left: auto;
    top: -21px;
    bottom: 0;
    width: 341px;
    height: 246px;
  }
}

.learningchild-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1250px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .learningchild-list {
    margin-right: -5.129%;
    margin-left: -5px;
  }
}
.learningchild-list__item {
  width: calc(50% - 15px);
  border-radius: 30px;
  border: 1px solid #EEBA64;
  padding: 51px 28px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  min-height: 288px;
  padding: 26px 28px 26px;
}
@media screen and (max-width: 1024px) {
  .learningchild-list__item {
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .learningchild-list__item {
    margin: 0 5px;
    padding: 38px 18px;
  }
}
.learningchild-list__img {
  width: 160px;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .learningchild-list__img {
    width: 100%;
    margin-bottom: 33px;
  }
}
.learningchild-list__img img {
  width: auto;
  max-width: 100%;
  max-height: 218px;
  display: inline-block;
}
@media screen and (max-width: 834px) {
  .learningchild-list__img img {
    max-height: 152px;
  }
}
.learningchild-list__ct {
  width: calc(100% - 160px);
  padding-left: 32px;
}
@media screen and (max-width: 834px) {
  .learningchild-list__ct {
    width: 100%;
    padding-left: 0;
  }
}
.learningchild-list__ct .c-txt__basic {
  line-height: 2;
}
.learningchild-list__ct .c-txt__basic span {
  display: block;
  font-size: 1.2rem;
}
.learningchild-list__ttl {
  color: #74A256;
  font-weight: bold;
  padding-bottom: 13px;
  margin-bottom: 16px;
  letter-spacing: 1px;
  font-size: 2rem;
  position: relative;
}
@media screen and (max-width: 834px) {
  .learningchild-list__ttl {
    text-align: center;
  }
}
.learningchild-list__ttl:before {
  content: "";
  width: 54px;
  height: 9px;
  background: url("../img/common/dots.png") no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 834px) {
  .learningchild-list__ttl:before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.learningchild-list .slick-list {
  padding-left: 0 !important;
}
.learningchild-list .slick-dots {
  bottom: -63px;
  z-index: 3;
}
.learningchild-list .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-radius: 50%;
  margin: 0 7px;
  background: rgba(238, 186, 100, 0.3);
}
.learningchild-list .slick-dots li button {
  display: none;
}
.learningchild-list .slick-dots li.slick-active {
  background: #EEBA64;
}

.sec-practicum {
  padding: 78px 0 148px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .sec-practicum {
    padding: 86px 0 81px;
  }
  .sec-practicum .c-ttl__01 .c-ft--en {
    margin-bottom: 13px;
  }
  .sec-practicum .c-ttl__01 .c-ft--jp small {
    margin-bottom: 4px;
  }
}
.sec-practicum::after, .sec-practicum::before {
  content: "";
  width: 26%;
  height: 25.5%;
  background: url("../img/child/schedule-before.png") center no-repeat;
  background-size: contain;
  left: -0.3%;
  top: 15.5%;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .sec-practicum::after, .sec-practicum::before {
    width: 215px;
    height: 215px;
    top: 13%;
    left: 3%;
  }
}
.sec-practicum::after {
  right: -3.7%;
  left: auto;
  top: auto;
  bottom: 9.5%;
}
@media screen and (max-width: 834px) {
  .sec-practicum::after {
    width: 270px;
    height: 210px;
    bottom: -2.7%;
    right: -13%;
  }
}

.practicum-box {
  position: relative;
}
.practicum-box__main {
  margin-left: auto;
  width: 334px;
  padding: 61px 58px 59px 58px;
  background: url("../img/child/bg-sidebar.png") center no-repeat;
  background-size: 100% 100%;
  margin-right: 32px;
}
@media screen and (max-width: 834px) {
  .practicum-box__main {
    margin-right: 0;
    z-index: 4;
    position: relative;
    width: 58%;
    max-width: 300px;
    padding: 29px 37px;
  }
}
.practicum-box__main .c-ttl__02 {
  color: #3C9966;
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 29px;
  letter-spacing: 2px;
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .practicum-box__main .c-ttl__02 {
    letter-spacing: 1px;
    margin-bottom: 18px;
    font-size: 1.4rem;
  }
}
.practicum-box__main .c-ttl__02 span {
  padding-bottom: 11px;
}
@media screen and (max-width: 834px) {
  .practicum-box__main .c-ttl__02 span {
    padding-bottom: 6px;
    background-size: 100% 3px;
  }
}
@media screen and (max-width: 834px) {
  .practicum-box__dots {
    padding-left: 18%;
  }
}
.practicum-box__dots-item {
  font-weight: 600;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .practicum-box__dots-item {
    font-size: 1.4rem;
  }
}
.practicum-box__dots-item:not(:last-child) {
  margin-bottom: 21px;
}
@media screen and (max-width: 834px) {
  .practicum-box__dots-item:not(:last-child) {
    margin-bottom: 9px;
  }
}
.practicum-box__dots-item span {
  margin-right: 4px;
  color: #F091A0;
}
.practicum-box__dots-item span.orange {
  color: #F39800;
}
.practicum-box__dots-item span.blue {
  color: #3AB8BF;
}
.practicum-box__dots-item span.green {
  color: #AACD06;
}
.practicum-box__dots-item span.purple {
  color: #9975D5;
}
.practicum-box__dots-item span.brown {
  color: #956234;
}

.practicum-list {
  max-width: 910px;
  width: 100%;
  margin: -200px auto 0;
}
@media screen and (max-width: 1200px) {
  .practicum-list {
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 834px) {
  .practicum-list {
    margin: -55px auto 0;
  }
}
.practicum-list__item {
  background: #FBF7F4;
  border-radius: 30px;
  padding: 37px 47px 22px;
  max-width: 612px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .practicum-list__item {
    max-width: 480px;
    padding: 25px 20px;
  }
}
@media screen and (max-width: 834px) {
  .practicum-list__item {
    padding: 34px 20px 21px;
    border-radius: 20px;
    max-width: 100%;
  }
}
.practicum-list__item:not(:last-child) {
  margin-bottom: 72px;
}
@media screen and (max-width: 834px) {
  .practicum-list__item:not(:last-child) {
    margin-bottom: 95px;
  }
}
.practicum-list__item:not(:last-child)::before {
  content: "";
  width: 53px;
  height: 53px;
  background: url("../img/child/schedule-dots-01.png") center no-repeat;
  background-size: contain;
  bottom: -62px;
  right: 21.5%;
  position: absolute;
}
@media screen and (max-width: 834px) {
  .practicum-list__item:not(:last-child)::before {
    width: 8px;
    bottom: -71px;
    height: 54px;
    background: url("../img/child/schedule-dots-01-sp.png") center no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 835px) {
  .practicum-list__item:nth-child(2) {
    margin-left: auto;
    margin-right: -40px;
  }
}
@media screen and (min-width: 835px) and (max-width: 834px) {
  .practicum-list__item:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 835px) {
  .practicum-list__item:nth-child(2)::before {
    background: url("../img/child/schedule-dots-02.png") center no-repeat;
    background-size: contain;
    right: 78.7%;
  }
}
.practicum-list__post {
  position: absolute;
  top: -27vw;
  left: -11.3vw;
  width: 31.7vw;
  max-width: 457px;
}
@media screen and (max-width: 1680px) {
  .practicum-list__post {
    width: 29vw;
    top: -30vw;
  }
}
@media screen and (max-width: 1500px) {
  .practicum-list__post {
    top: -35vw;
  }
}
@media screen and (max-width: 1200px) {
  .practicum-list__post {
    top: -41vw;
    left: -3.3vw;
    width: 37.7vw;
  }
}
@media screen and (max-width: 834px) {
  .practicum-list__post {
    display: none;
  }
}
.practicum-list__post img {
  width: 100%;
}
.practicum-list__ttl {
  color: #74A256;
  padding-bottom: 17px;
  margin-bottom: 4px;
  font-size: 2.4rem;
  position: relative;
  font-weight: bold;
  line-height: 1;
}
.practicum-list__ttl:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 4px;
  background: url("../img/career/icon-border.png") center repeat-x;
  background-size: cover;
  bottom: 0;
  left: 0;
}
.practicum-list__ttl span {
  font-size: 4rem;
}
.practicum-list__date-item {
  padding: 15px 0 20px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .practicum-list__date-item {
    padding: 19px 0 21px;
  }
}
.practicum-list__date-item:not(:last-child) {
  border-bottom: 4px solid #fff;
}
.practicum-list__date-day {
  width: 100px;
  padding-right: 5px;
  color: #74A256;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .practicum-list__date-day {
    width: 100%;
    margin-bottom: 12px;
    font-size: 1.6rem;
  }
}
.practicum-list__date-ct {
  width: calc(100% - 100px);
  color: #000;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .practicum-list__date-ct {
    width: 100%;
    font-size: 1.6rem;
  }
}
.practicum-list__date-ct p:not(:last-child) {
  margin-bottom: 5px;
}
.practicum-list__date-ct span {
  color: #F091A0;
  margin-left: 12px;
}
@media screen and (max-width: 834px) {
  .practicum-list__date-ct span {
    margin-left: 5px;
    margin-right: 10px;
  }
}
.practicum-list__date-ct span.orange {
  color: #F39800;
}
.practicum-list__date-ct span.blue {
  color: #3AB8BF;
}
.practicum-list__date-ct span.green {
  color: #AACD06;
}
.practicum-list__date-ct span.purple {
  color: #9975D5;
}
.practicum-list__date-ct span.brown {
  color: #956234;
}
.practicum-list__date-ct small {
  display: inline-block;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .practicum-list__date-ct small {
    font-size: 1.4rem;
  }
}

.sec-lemi {
  padding: 120px 0 300px;
  background: url("../img/graduate/mp/bg-03.png") #EEF7F4 center no-repeat;
  background-size: cover;
  border-radius: 80px 80px 0 0;
}
@media screen and (max-width: 834px) {
  .sec-lemi {
    padding: 86px 0 130px;
    background: url("../img/graduate/mp/bg-03-sp.png") #EEF7F4 center no-repeat;
    background-size: cover;
  }
  .sec-lemi .c-ttl__01 .c-ft--en {
    margin-bottom: 15px;
  }
}
.sec-lemi .c-btn__07 {
  max-width: 724px;
}

.lemi-main {
  border-radius: 32px;
  border: 1px solid #54B565;
  background: #FFF;
  padding: 63px 49px 73px;
  margin: 0 -10px;
}
@media screen and (max-width: 1200px) {
  .lemi-main {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 834px) {
  .lemi-main {
    padding: 31px 9px 38px;
  }
}
.lemi-main--02 {
  padding-top: 55px;
  padding-bottom: 64px;
  margin-bottom: 50px !important;
}
@media screen and (max-width: 834px) {
  .lemi-main--02 {
    margin-bottom: 25px !important;
    padding-top: 30px;
    padding-bottom: 12px;
  }
  .lemi-main--02 .lemi-main__heading {
    margin-bottom: 31px;
  }
}
.lemi-main:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .lemi-main:not(:last-child) {
    margin-bottom: 19px;
  }
}
.lemi-main__heading {
  text-align: center;
  color: #74A256;
  font-weight: bold;
  margin-bottom: 54px;
  letter-spacing: 3px;
  font-size: 3rem;
}
@media screen and (max-width: 834px) {
  .lemi-main__heading {
    margin-bottom: 58px;
    font-size: 2.5rem;
  }
}
.lemi-main__pickup {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px 60px;
  max-width: 1141px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .lemi-main__pickup {
    gap: 30px 20px;
  }
}
@media screen and (max-width: 834px) {
  .lemi-main__pickup {
    gap: 62px 0;
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }
}
.lemi-main__pickup-item .c-txt__basic {
  line-height: 1.62;
}
.lemi-main__pickup-img {
  margin-bottom: 41px;
}
@media screen and (max-width: 834px) {
  .lemi-main__pickup-img {
    max-width: 350px;
    margin: 0 auto 43px;
    padding-right: 10px;
  }
}
.lemi-main__pickup-img img {
  width: 100%;
}
.lemi-main__pickup-ttl {
  margin-bottom: 25px;
  line-height: 2;
  color: #74A256;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 2.5px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: #EEBA64;
  text-decoration-thickness: 5px;
  text-underline-offset: 9px;
}

.lemi-flex {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media screen and (max-width: 834px) {
  .lemi-flex {
    margin-bottom: 40px;
  }
}
.lemi-flex__left {
  width: 49.5%;
  padding-right: 30px;
}
@media screen and (max-width: 1200px) {
  .lemi-flex__left {
    padding-right: 20px;
    width: 55%;
  }
}
@media screen and (max-width: 834px) {
  .lemi-flex__left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 39px;
  }
}
.lemi-flex__user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 37px;
  margin-top: -25px;
}
@media screen and (max-width: 834px) {
  .lemi-flex__user {
    margin-bottom: 35px;
  }
}
.lemi-flex__user-img {
  width: 49.2%;
}
@media screen and (max-width: 1200px) {
  .lemi-flex__user-img {
    width: 45.5%;
  }
}
.lemi-flex__user-img img {
  width: 100%;
}
.lemi-flex__user-ct {
  width: 43.6%;
}
@media screen and (max-width: 1200px) {
  .lemi-flex__user-ct {
    width: 51.5%;
  }
}
@media screen and (max-width: 834px) {
  .lemi-flex__user-ct {
    padding-bottom: 16px;
  }
}
.lemi-flex__user-ttl {
  color: #74A256;
  font-weight: bold;
  margin-bottom: 18px;
  letter-spacing: 2.5px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1200px) {
  .lemi-flex__user-ttl {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 834px) {
  .lemi-flex__user-ttl {
    margin-bottom: 25px;
    font-size: 1.4rem;
  }
}
.lemi-flex__user-ttl span {
  margin-right: 6px;
  font-size: 2.5rem;
}
@media screen and (max-width: 834px) {
  .lemi-flex__user-ttl span {
    letter-spacing: 2px;
    font-size: 2rem;
  }
}
.lemi-flex__user-desc {
  color: #000;
  line-height: 1.6875;
  font-weight: 600;
  font-size: 1.6rem;
}
.lemi-flex__user-desc span {
  display: block;
}
.lemi-flex__box-ttl {
  color: #000;
  font-weight: bold;
  letter-spacing: 4.56px;
  margin-bottom: 15px;
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .lemi-flex__box-ttl {
    letter-spacing: 4.25px;
    margin-bottom: 17px;
    font-size: 2rem;
  }
}
.lemi-flex__box .c-txt__basic {
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 2px;
}
@media screen and (max-width: 834px) {
  .lemi-flex__box .c-txt__basic {
    line-height: 1.63;
    letter-spacing: 1px;
  }
}
.lemi-flex__img {
  width: 50.5%;
}
@media screen and (max-width: 1200px) {
  .lemi-flex__img {
    width: 45%;
  }
}
@media screen and (max-width: 834px) {
  .lemi-flex__img {
    width: 100%;
  }
}
.lemi-flex__img img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}

.lemi-box {
  max-height: 259px;
  overflow: hidden;
  position: relative;
  border-bottom: 3px solid #74A256;
}
@media screen and (max-width: 834px) {
  .lemi-box {
    max-height: 402px;
  }
}
.lemi-box.on {
  max-height: -moz-max-content;
  max-height: max-content;
  transition: all 0.3s;
}
.lemi-box.on::before {
  display: none;
}
.lemi-box:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 177px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 35.45%, #FFF 100%);
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .lemi-box:before {
    height: 120px;
  }
}
.lemi-box__ttl {
  border-top: 3px solid #74A256;
  margin-bottom: 44px;
}
@media screen and (max-width: 834px) {
  .lemi-box__ttl {
    margin-bottom: 24px;
  }
}
.lemi-box__ttl span {
  display: inline-block;
  background: #74A256;
  padding: 4px 25px 4px 11px;
  color: #fff;
  letter-spacing: 1.6px;
  font-weight: bold;
  line-height: 1.6;
  position: relative;
  font-size: 1.6rem;
}
.lemi-box__ttl span:before {
  content: "";
  position: absolute;
  border: 34px solid transparent;
  border-left: 20px solid #74a256;
  right: -53px;
  top: -34px;
}
.lemi-box__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  padding: 0 40px 40px;
}
@media screen and (max-width: 1200px) {
  .lemi-box__flex {
    padding: 0 20px 40px;
  }
}
.lemi-box__flex .list-dots {
  width: 48%;
}
@media screen and (max-width: 834px) {
  .lemi-box__flex .list-dots {
    width: 100%;
  }
}
.lemi-box__btn {
  position: absolute;
  left: 50.5%;
  bottom: 20px;
  z-index: 3;
  color: #74A256;
}
@media screen and (max-width: 834px) {
  .lemi-box__btn {
    bottom: 24px;
    left: 52%;
  }
}
.lemi-box__btn:before, .lemi-box__btn::after {
  background: #74A256;
}
.lemi-box__btn.hide {
  display: none;
}

.list-dots {
  letter-spacing: 1.3px;
}
.list-dots__item {
  font-weight: 500;
  line-height: 1.4;
  color: #000;
  text-align: justify;
  padding-left: 23px;
  position: relative;
  font-size: 1.4rem;
}
.list-dots__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #74A256;
  top: 2px;
  left: 0;
}
.list-dots__item:not(:last-child) {
  margin-bottom: 11px;
}

.sec-success {
  margin-top: -163px;
  padding: 70px 0 100px;
  margin-bottom: 50px;
  background: url("../img/child/bg2.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
@media screen and (max-width: 834px) {
  .sec-success {
    padding: 80px 0 99px;
    margin-top: -50px;
    background: url("../img/child/bg2-sp.png") no-repeat;
    background-size: cover;
  }
  .sec-success .c-ttl__01 {
    margin-bottom: 93px;
  }
  .sec-success .c-ttl__01::after {
    bottom: -49px;
  }
  .sec-success .c-ttl__01 .c-ft--en {
    margin-bottom: 14px;
  }
  .sec-success .c-ttl__01 .c-ft--jp::after, .sec-success .c-ttl__01 .c-ft--jp::before {
    bottom: -49px;
  }
}
.sec-success:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 140px;
  height: 140px;
  background: url("../img/career/icon-after-top.png") center no-repeat;
  background-size: contain;
  left: 5px;
  top: 30px;
}
@media screen and (max-width: 834px) {
  .sec-success:after {
    width: 80px;
    height: 82px;
    left: 6px;
    top: -12px;
  }
}
.sec-success:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 144px;
  height: 144px;
  background: url("../img/career/icon-after-top.png") center no-repeat;
  background-size: contain;
  right: -22px;
  bottom: 26px;
}
@media screen and (max-width: 834px) {
  .sec-success:before {
    right: 6px;
    bottom: -53px;
    width: 84px;
    height: 84px;
  }
}
.sec-success .slick-list {
  padding-left: 0 !important;
}
.sec-success .slick-track {
  padding-top: 30px;
}
.sec-success .slick-dots {
  bottom: -37px;
  z-index: 3;
}
.sec-success .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-radius: 50%;
  margin: 0 7px;
  background: rgba(238, 186, 100, 0.3);
}
.sec-success .slick-dots li button {
  display: none;
}
.sec-success .slick-dots li.slick-active {
  background: #EEBA64;
}
.sec-success .slick-prev, .sec-success .slick-next {
  width: 36px;
  height: 36px;
  top: 49.6%;
  background: url("../img/child/icon-next.png") center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 3;
  right: 3.8%;
  transition: all 0.3s;
}
.sec-success .slick-prev::before, .sec-success .slick-next::before {
  display: none;
}
.sec-success .slick-prev:hover, .sec-success .slick-next:hover {
  opacity: 0.7;
  transition: all 0.3s;
}
.sec-success .slick-prev {
  background: url("../img/child/icon-prev.png") center no-repeat;
  background-size: contain;
  left: 0.4%;
  right: auto;
}

.success-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  max-width: 1224px;
  margin: 0 auto;
  margin-right: 50px;
}
@media screen and (max-width: 1200px) {
  .success-list {
    margin-right: 0;
    gap: 30px 20px;
  }
}
@media screen and (max-width: 834px) {
  .success-list {
    margin-left: -5px;
    margin-right: -5.129%;
    grid-template-columns: 1fr;
  }
}
.success-list__item {
  border-radius: 24px;
  border: 1px solid #EEBA64;
  background: #FFF;
  padding: 30px 24px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .success-list__item {
    padding: 30px 15px;
  }
}
@media screen and (max-width: 834px) {
  .success-list__item {
    margin: 0 5px;
    padding: 30px 19px;
  }
}
.success-list__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 50px;
  height: 49px;
  background: url("../img/child/icon-gim.png") center no-repeat;
  background-size: contain;
  left: 45%;
  top: -26px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .success-list__item:before {
    width: 41px;
    height: 41px;
    left: 46%;
    top: -24px;
  }
}
@media screen and (min-width: 835px) {
  .success-list__item .c-btn__04 {
    padding: 5px 15px 6px;
  }
}
.success-list__txt {
  display: none;
  line-height: 1.4;
}
.success-list__img {
  max-width: 200px;
  width: 100%;
  margin: 0 auto 22px;
}
@media screen and (max-width: 834px) {
  .success-list__img {
    margin: 0 auto 23px;
  }
}
.success-list__img img {
  height: auto;
  width: 100%;
}
.success-list__heading {
  margin-bottom: 18px;
  color: #74A256;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 2px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: #EEBA64;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
  text-underline-position: from-font;
}
@media screen and (max-width: 1200px) {
  .success-list__heading {
    letter-spacing: 0;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 834px) {
  .success-list__heading {
    letter-spacing: 2px;
    font-size: 2rem;
  }
}
.success-list__desc {
  color: #000;
  font-weight: 500;
  margin-bottom: 8px;
  letter-spacing: 1.2px;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .success-list__desc {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 834px) {
  .success-list__desc {
    margin-bottom: 11px;
    letter-spacing: 1.3px;
  }
}
.success-list__desc span, .success-list__desc small {
  color: #F39800;
  margin-left: 5px;
}
.success-list__desc span.pink, .success-list__desc small.pink {
  color: #DF6C9C;
}
.success-list__desc span.orange02, .success-list__desc small.orange02 {
  color: #EF9276;
}
.success-list__desc span.green, .success-list__desc small.green {
  color: #82AF96;
}
.success-list__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 8px;
}
.success-list__tags-item span {
  display: inline-block;
  padding: 7px 15px;
  border-radius: 5px;
  background: #74A256;
  font-weight: bold;
  letter-spacing: 0.72px;
  color: #fff;
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .success-list__tags-item span {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 834px) {
  .success-list__tags-item span {
    padding: 7px 16.5px;
  }
}
.success-list__tags--brown .success-list__tags-item span {
  background: #A4584A;
}
.success-list__name {
  color: #74A256;
  font-weight: 600;
  margin-bottom: 10px;
  margin-right: -20px;
  font-size: 2.2rem;
}
@media screen and (max-width: 1200px) {
  .success-list__name {
    margin-right: 0;
    font-size: 2rem;
  }
}
@media screen and (max-width: 834px) {
  .success-list__name {
    margin-right: -10px;
    font-size: 2.2rem;
    height: auto !important;
  }
}
.success-list__name span, .success-list__name small {
  font-weight: 500;
  display: inline-block;
  font-size: 1.4rem;
}
.success-list__name span {
  line-height: 1.2;
  position: relative;
  padding-right: 15px;
}
.success-list__name span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  border: 6px solid transparent;
  border-left: 9px solid #74a256;
  right: -4px;
  top: 4px;
}
.success-list__name.c-fc--brown span::after {
  border-left-color: #A4584A;
}
.success-list__ttl {
  margin-bottom: 22px;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 3.2rem;
  gap: 0 20px;
}
@media screen and (max-width: 1200px) {
  .success-list__ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 834px) {
  .success-list__ttl {
    margin-bottom: 24px;
    font-size: 3.2rem;
  }
}
.success-list__ttl span, .success-list__ttl small {
  font-weight: 500;
  letter-spacing: 1.2px;
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .success-list__ttl span, .success-list__ttl small {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 834px) {
  .success-list__ttl span, .success-list__ttl small {
    letter-spacing: 1.1px;
  }
}
.success-list__ttl sup {
  font-size: 0.7rem;
}
.success-list__ttl strong {
  font-weight: 600;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .success-list__ttl strong {
    font-size: 1.8rem;
  }
}
.success-list__ttl-span, .success-list__ttl-small {
  font-weight: 500;
  letter-spacing: 1.2px;
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .success-list__ttl-span, .success-list__ttl-small {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 834px) {
  .success-list__ttl-span, .success-list__ttl-small {
    letter-spacing: 1.1px;
  }
}
.success-list__ttl small {
  display: none;
  width: 100%;
}
.success-list__ttl-small {
  display: none;
  width: 100%;
}

.success-note {
  color: #666666;
  font-weight: 600;
  margin-top: 23px;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .success-note {
    margin-top: 12px;
  }
}

.popup-wrap__boxcenter--icon {
  position: relative;
}
.popup-wrap__boxcenter--icon:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 48px;
  height: 49px;
  background: url("../img/child/icon-gim.png") center no-repeat;
  background-size: contain;
  left: 48.5%;
  top: -20px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .popup-wrap__boxcenter--icon:before {
    width: 41px;
    height: 41px;
    left: 44.5%;
    top: -23px;
  }
}

.popup-child {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 24px;
  border: 1px solid #EEBA64;
  padding: 40px 60px;
  overflow-y: auto;
}
@media screen and (max-width: 834px) {
  .popup-child {
    padding: 38px 20px;
  }
}
.popup-child .voice-list__flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 444px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 834px) {
  .popup-child .voice-list__flex {
    margin: 0 auto 18px;
  }
}
.popup-child .voice-list__flex .voice-list__img {
  width: 190px;
  height: 190px;
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  .popup-child .voice-list__flex .voice-list__img {
    width: 45%;
    height: 45%;
    max-width: 200px;
    margin: 0 auto 17px;
  }
}
.popup-child .voice-list__flex .voice-list__ttl {
  width: calc(100% - 190px);
  padding-left: 27px;
  border-bottom: 0;
  padding-bottom: 0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
@media screen and (max-width: 834px) {
  .popup-child .voice-list__flex .voice-list__ttl {
    white-space: wrap;
    padding-left: 40px;
    width: 100%;
  }
}
.popup-child .voice-list__flex .voice-list__ttl span {
  margin-bottom: 3px;
}
.popup-child .voice-list__desc {
  line-height: 1.6;
  letter-spacing: 2px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: #EEBA64;
  text-decoration-thickness: 4px;
  text-underline-offset: 4px;
  margin-bottom: 31px;
  font-size: 2rem;
  height: auto !important;
}
@media screen and (max-width: 834px) {
  .popup-child .voice-list__desc {
    text-decoration-thickness: 3px;
    text-underline-offset: 3px;
    margin-bottom: 17px;
    font-size: 1.6rem;
  }
}
.popup-child .voice-list__txt {
  display: block;
  margin-bottom: 19px;
  line-height: 1.39;
}
@media screen and (max-width: 834px) {
  .popup-child .voice-list__txt {
    line-height: 1.425;
    font-size: 1.4rem;
  }
}
.popup-child .voice-list__date {
  text-align: right;
  height: auto !important;
}
.popup-child .voice-list__date span {
  display: block;
}
.popup-child .success-list__flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 540px;
  margin: 0 auto 16px;
}
@media screen and (max-width: 834px) {
  .popup-child .success-list__flex {
    margin: 0 auto 20px;
  }
}
.popup-child .success-list__flex .success-list__img {
  margin: 0;
  width: 38%;
  max-width: 100%;
}
@media screen and (max-width: 834px) {
  .popup-child .success-list__flex .success-list__img {
    width: 66%;
    margin: 0 auto 20px;
    max-width: 250px;
  }
}
.popup-child .success-list__flex .success-list__heading {
  width: 62%;
  padding-left: 19px;
  text-align: left;
  margin-bottom: 0;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .popup-child .success-list__flex .success-list__heading {
    width: 100%;
    padding-left: 0;
  }
}
.popup-child .success-list__ttl {
  margin-bottom: 16px;
}
@media screen and (max-width: 834px) {
  .popup-child .success-list__ttl {
    margin-bottom: 19px;
  }
}
.popup-child .success-list__ttl small {
  display: block;
}
.popup-child .success-list__ttl-small {
  display: block;
}
@media screen and (max-width: 834px) {
  .popup-child .success-list__ttl span, .popup-child .success-list__ttl-span {
    margin-top: 10px;
    margin-bottom: 5px;
  }
}
.popup-child .success-list__ttl span br, .popup-child .success-list__ttl-span br {
  display: none;
}
.popup-child .success-list__txt {
  display: block;
}
@media screen and (max-width: 1200px) {
  .popup-child .success-list__desc {
    letter-spacing: 1.2px;
  }
}
.popup-child .success-list__desc br {
  display: none !important;
}
.popup-child .success-list__name {
  font-size: 2.2rem;
}
.popup-child .success-list__ttl {
  font-size: 3.2rem;
}

.sec-voice .voice-list__desc span br {
  display: none;
}

.sec-facility {
  padding: 15px 0 153px;
}
@media screen and (max-width: 834px) {
  .sec-facility {
    padding: 0 0 100px;
  }
}

.facility-heading {
  max-width: 1121px;
  margin: 0 auto 92px;
}
@media screen and (max-width: 834px) {
  .facility-heading {
    margin: 0 -7px 49px -12px;
  }
}

.facility-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 58px 5.2%;
  max-width: 1138px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .facility-list {
    grid-template-columns: 1fr 1fr;
    gap: 28px 5.2%;
  }
}
.facility-list__img {
  margin-bottom: 48px;
}
@media screen and (max-width: 834px) {
  .facility-list__img {
    margin-bottom: 16px;
  }
}
.facility-list__img img {
  width: 100%;
}
.facility-list__ct {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .facility-list__ct {
    font-size: 1.4rem;
  }
}
.facility-list__ct-ttl {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #3C9966;
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .facility-list__ct-ttl {
    font-size: 2rem;
    margin: 0 -5px 17px;
  }
}
.facility-list__ct-ttl span {
  background-image: linear-gradient(90deg, #eeba64 50%, transparent 0);
  background-size: 200% 13px;
  background-repeat: no-repeat;
  background-position: 0 42px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 7px 0;
}
@media screen and (max-width: 834px) {
  .facility-list__ct-ttl span {
    background-position: 0 35px;
  }
}

.mv-campus {
  margin-bottom: 48px;
}
@media screen and (max-width: 834px) {
  .mv-campus {
    margin-bottom: 21px;
  }
}
.mv-campus img {
  width: 100%;
}

.campus-banner {
  display: block;
  position: relative;
}
.campus-banner img {
  width: 100%;
}

.sec-open-campus {
  padding: 130px 0 0;
}
@media screen and (min-width: 835px) {
  .sec-open-campus .inner {
    max-width: calc(1283px + 10.258%);
  }
}
@media screen and (max-width: 834px) {
  .sec-open-campus {
    padding: 96px 0 0;
  }
}
.sec-open-campus .c-ttl__01 {
  padding-bottom: 0;
}
.sec-open-campus .c-ttl__01 .c-ft--en {
  color: #EEBA64;
}
.sec-open-campus .c-ttl__01 .c-ft--jp:before {
  background: #FFCE57;
}
.sec-open-campus .c-ttl__01 .c-ft--jp:after {
  background: #FBCDD4;
}
.sec-open-campus .c-ttl__01:after {
  background: #3BB8BF;
}

.campus-event {
  background: url("../img/open_campus/bg.png") no-repeat;
  background-size: cover;
  border-radius: 53px;
  padding: 70px 18px 96px;
  position: relative;
  max-width: 1263px;
  margin: 0 auto 234px;
}
@media screen and (max-width: 1200px) {
  .campus-event {
    margin: 0 -5.5% 234px;
  }
}
@media screen and (max-width: 834px) {
  .campus-event {
    border-radius: 40px;
    background: url(../img/open_campus/bg-sp.png) no-repeat;
    background-size: cover;
    padding: 70px 18px 119px;
    margin-bottom: 164px;
  }
}
.campus-event:before {
  content: "";
  width: 60px;
  height: 78px;
  background: url("../img/open_campus/item-01.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: -37px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .campus-event:before {
    width: 30px;
    height: 38px;
    transform: translateY(50%);
    left: -12px;
  }
}
.campus-event__ttl {
  display: block;
  text-align: center;
  margin-bottom: 19px;
}
.campus-event__ttl span {
  display: inline-block;
  color: white;
  background: #FFCE57;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 5px 28px;
  border-radius: 10px;
}
@media screen and (max-width: 834px) {
  .campus-event__ttl span {
    color: #010101;
  }
}
.campus-event__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  max-width: 862px;
  margin: 0 auto 72px;
}
@media screen and (max-width: 834px) {
  .campus-event__list {
    gap: 11px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 59px;
  }
}
@media screen and (max-width: 640px) {
  .campus-event__list {
    grid-template-columns: 1fr 1fr;
  }
}
.campus-event__list:last-child {
  margin-bottom: 0;
}
.campus-event__list-item {
  background: #3BB8BF;
  border-radius: 20px;
  color: white;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding: 13px 10px 6px;
  min-height: 230px;
}
@media screen and (max-width: 834px) {
  .campus-event__list-item {
    padding: 20px 10px 6px;
    min-height: 216px;
  }
}
.campus-event__list-item--orange {
  background: #FFBC51;
}
.campus-event__list-item--gray {
  background: #A0A0A0;
}
.campus-event__list-note {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 5px;
  font-feature-settings: "palt" 1;
}
.campus-event__list-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 9px;
}
.campus-event__list-img:before {
  content: "";
  display: block;
  padding: 61% 0 0;
}
@media screen and (max-width: 834px) {
  .campus-event__list-img:before {
    padding: 63% 0 0;
  }
}
.campus-event__list-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.campus-event__list-ttl {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  font-feature-settings: "palt" 1;
  letter-spacing: 1px;
}
.campus-event__list-date {
  display: block;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.05em;
  font-size: 2.4rem;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .campus-event__list-date {
    font-size: 2rem;
    letter-spacing: -0.03em;
  }
}
.campus-event__list-date small {
  display: inline-block;
  font-size: 1.577rem;
  font-weight: 700;
}
@media screen and (max-width: 834px) {
  .campus-event__list-date small {
    font-size: 1.4rem;
  }
}
.campus-event__list-time {
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.campus-event__list--disabled {
  pointer-events: none;
  cursor: default;
}
.campus-event__note-item {
  position: absolute;
  z-index: 1;
}
.campus-event__note-item--01 {
  width: 28.6%;
  top: -50px;
  left: -4%;
}
@media screen and (max-width: 834px) {
  .campus-event__note-item--01 {
    width: 150px;
    top: -32px;
    left: -1%;
  }
}
.campus-event__note-item--02 {
  width: 22.25%;
  bottom: 21%;
  right: -2%;
}
@media screen and (max-width: 834px) {
  .campus-event__note-item--02 {
    width: 140px;
    bottom: -64px;
    right: 4px;
  }
}
.campus-event__note-item--03 {
  width: 9.55%;
  top: 49.5%;
  left: -6px;
}
@media screen and (max-width: 834px) {
  .campus-event__note-item--03 {
    width: 68px;
    top: auto;
    bottom: -61px;
    left: 9px;
  }
}
.campus-event__note-item--04 {
  width: 12.6%;
  top: 26.2%;
  right: -34px;
}
@media screen and (max-width: 834px) {
  .campus-event__note-item--04 {
    display: none;
  }
}

.campus-overview {
  background: url(../img/open_campus/bg-overview.jpg) no-repeat center/cover;
  border-radius: 80px 80px 0 0;
  position: relative;
  padding: 94px 0 302px;
}
@media screen and (max-width: 834px) {
  .campus-overview {
    padding: 90px 0 188px;
    border-radius: 40px 40px 0 0;
  }
}
.campus-overview:before {
  content: "";
  width: 226px;
  height: 113px;
  background: url("../img/open_campus/item-02.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: -68px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .campus-overview:before {
    width: 140px;
    top: -49px;
  }
}
.campus-overview .c-ttl__01 {
  margin-bottom: 148px;
}
@media screen and (max-width: 834px) {
  .campus-overview .c-ttl__01 {
    margin-bottom: 117px;
    padding-bottom: 3px;
  }
}
.campus-overview__item {
  position: absolute;
  top: 0;
}
.campus-overview__item--left {
  top: -46px;
  left: 17.7%;
  width: 14%;
  max-width: 194px;
}
.campus-overview__item--right {
  width: 10%;
  max-width: 129px;
  top: -42px;
  right: 5%;
}
.campus-overview__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 63px 30px;
}
@media screen and (max-width: 834px) {
  .campus-overview__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 640px) {
  .campus-overview__list {
    grid-template-columns: 1fr;
  }
}
.campus-overview__list-item {
  background: white;
  border: 1px solid #EEBA64;
  border-radius: 43px;
  position: relative;
  padding: 32px 10%;
}
@media screen and (max-width: 834px) {
  .campus-overview__list-item {
    padding: 32px 24px;
    border-radius: 32px;
  }
}
.campus-overview__list-item:before {
  content: "";
  width: 32px;
  height: 41px;
  background: url("../img/open_campus/item-01.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.campus-overview__list-note {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5625;
  margin-bottom: 7px;
}
@media screen and (max-width: 834px) {
  .campus-overview__list-note {
    margin-bottom: 9px;
  }
}
.campus-overview__list-ttl {
  text-align: center;
  font-size: 2.5rem;
  color: #3BB8BF;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin-bottom: 27px;
}
.campus-overview__list-ttl span {
  background-image: linear-gradient(90deg, #eeba64 50%, transparent 0);
  background-size: 200% 13px;
  background-repeat: no-repeat;
  background-position: 0 42px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 7px 0;
}
.campus-overview__list-img {
  position: relative;
  border-radius: 23px;
  overflow: hidden;
  margin-bottom: 30px;
}
.campus-overview__list-img:before {
  content: "";
  display: block;
  padding: 67% 0 0;
}
.campus-overview__list-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.campus-overview__list-ct {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 600;
  margin: 0 -3.5%;
}
@media screen and (max-width: 834px) {
  .campus-overview__list-ct {
    margin: 0 -4px;
  }
}
.campus-overview__list-ct ul li {
  position: relative;
  padding: 0 0 0 23px;
  margin-bottom: 10px;
}
.campus-overview__list-ct ul li:last-child {
  margin-bottom: 0;
}
.campus-overview__list-ct ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #010101;
  position: absolute;
  top: 11px;
  left: 10px;
}
.campus-overview__list-point {
  display: inline-block;
  background: #3BB8BF;
  color: white;
  border-radius: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 2px 20px;
  margin-bottom: 12px;
}

.campus-galeery {
  position: relative;
  height: 532px;
  margin: -139px 0 158px;
}
@media screen and (max-width: 834px) {
  .campus-galeery {
    height: 234px;
    margin: -88px 0 100px;
  }
}
.campus-galeery__list {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  white-space: nowrap;
  animation: campus-galeery 30s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
}
.campus-galeery__list-item {
  padding: 0 13px;
}
.campus-galeery__list-item img {
  max-width: none;
  height: 532px;
}
@media screen and (max-width: 834px) {
  .campus-galeery__list-item img {
    height: 234px;
  }
}

@keyframes campus-galeery {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-50%);
  }
}
.campus-access {
  background: url("../img/open_campus/bg-02.jpg") no-repeat;
  background-size: cover;
  border-radius: 80px;
  position: relative;
  padding: 92px 20px 55px;
  margin-bottom: 108px;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .campus-access {
    margin: 0 -5.5% 91px;
    padding: 49px 18px 55px;
    background: url("../img/open_campus/bg-02-sp.png") no-repeat;
    background-size: cover;
    border-radius: 40px;
  }
}
.campus-access .c-ttl__01 .c-ft--en {
  color: #FF798E;
}
.campus-access__item {
  position: absolute;
}
.campus-access__item--01 {
  top: -79px;
  left: 4.8%;
  max-width: 130px;
  width: 15%;
}
@media screen and (max-width: 834px) {
  .campus-access__item--01 {
    top: -58px;
    left: 8.8%;
    width: 59px;
  }
}
.campus-access__item--02 {
  top: -38px;
  right: 6.4%;
  max-width: 170px;
  width: 17%;
}
@media screen and (max-width: 834px) {
  .campus-access__item--02 {
    top: -22px;
    right: 17px;
    width: 82px;
  }
}
.campus-access__item--03 {
  bottom: 114px;
  left: -4.1%;
  max-width: 180px;
  width: 14%;
}
@media screen and (max-width: 834px) {
  .campus-access__item--03 {
    bottom: -41px;
    left: 1px;
    width: 62px;
  }
}
.campus-access__item--04 {
  bottom: -37px;
  right: 2.5%;
  max-width: 160px;
  width: 14%;
}
@media screen and (max-width: 834px) {
  .campus-access__item--04 {
    bottom: 17px;
    right: -4px;
    width: 80px;
  }
}
.campus-access__map {
  max-width: 1012px;
  margin: 0 auto 76px;
}
@media screen and (max-width: 834px) {
  .campus-access__map {
    margin-bottom: 61px;
  }
}
.campus-access__note {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 500;
  max-width: 920px;
  margin: 0 auto 54px;
}
@media screen and (max-width: 834px) {
  .campus-access__note {
    grid-template-columns: 1fr;
    margin-bottom: 42px;
  }
}
.campus-access__note-item {
  border-right: 1px solid #C4C4C4;
  padding: 0 20px;
}
@media screen and (max-width: 834px) {
  .campus-access__note-item {
    border-right: none;
    border-bottom: 1px solid #C4C4C4;
    padding: 0 0 30px;
    margin-bottom: 35px;
  }
}
.campus-access__note-item:last-child {
  border: none;
}
@media screen and (max-width: 834px) {
  .campus-access__note-item:last-child {
    padding: 0;
    margin: 0;
  }
}
.campus-access__note-ttl {
  display: inline-block;
  font-size: 2rem;
  color: #3AB8BF;
  font-weight: bold;
  border-bottom: 5px solid #EEBA64;
  letter-spacing: 0.1em;
  margin-bottom: 21px;
}
.campus-access__note ul {
  margin-bottom: 19px;
}
.campus-access__note ul:last-child {
  margin-bottom: 0;
}
.campus-access__note ul li {
  position: relative;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 834px) {
  .campus-access__note ul li {
    padding: 0 0 0 26px;
  }
}
.campus-access__note ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #010101;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 7px;
}
@media screen and (max-width: 834px) {
  .campus-access__note ul li:before {
    left: 11px;
  }
}
.campus-access__note a {
  display: inline-block;
  position: relative;
  padding: 0 20px 0 0;
  margin-bottom: 22px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  text-decoration: underline;
}
.campus-access__note a:last-child {
  margin-bottom: 0;
}
.campus-access__note a:after {
  content: "";
  width: 17px;
  height: 17px;
  background: url("../img/open_campus/link.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media screen and (min-width: 835px) {
  .campus-access .c-btn__01 {
    min-width: 322px;
  }
}
@media screen and (max-width: 834px) {
  .campus-access .c-btn__01 {
    padding: 10px 22px 10px 70px;
  }
}

.campus-map {
  position: relative;
  max-width: 1244px;
  margin: 0 auto 276px;
}
.campus-map:before {
  content: "";
  width: 668px;
  height: 580px;
  background: url(../img/open_campus/item-03.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -80px;
  right: -286px;
}
.campus-map:after {
  content: "";
  width: 615px;
  height: 444px;
  background: url(../img/open_campus/item-04.png) no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: -82px;
  left: -293px;
}
.campus-map img {
  position: relative;
  z-index: 1;
}

.campus-question {
  background: url(../img/open_campus/bg-03.png) no-repeat;
  background-size: cover;
  background-position: top;
  position: relative;
  padding: 149px 0 252px;
  margin-bottom: -50px;
  counter-reset: question;
}
@media screen and (max-width: 834px) {
  .campus-question {
    padding: 91px 0 221px;
    background: url(../img/open_campus/bg-03-sp.png) no-repeat;
    background-size: cover;
    background-position: top;
  }
}
.campus-question--custom {
  position: relative;
  z-index: 4;
}
.campus-question .c-ttl__01 .c-ft--en {
  color: #3AB8BF;
}
.campus-question__show {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.campus-question__item {
  position: absolute;
}
.campus-question__item--01 {
  top: -111px;
  left: 4%;
  max-width: 390px;
  width: 29%;
}
@media screen and (max-width: 1500px) {
  .campus-question__item--01 {
    top: -150px;
  }
}
@media screen and (max-width: 1200px) {
  .campus-question__item--01 {
    top: -12vw;
  }
}
@media screen and (max-width: 834px) {
  .campus-question__item--01 {
    width: 114px;
    left: 3%;
    top: -1.5%;
  }
}
.campus-question__item--02 {
  top: -28px;
  right: 7.8%;
  max-width: 210px;
  width: 17%;
}
@media screen and (max-width: 1500px) {
  .campus-question__item--02 {
    top: -61px;
  }
}
@media screen and (max-width: 1200px) {
  .campus-question__item--02 {
    top: -6vw;
  }
}
@media screen and (max-width: 834px) {
  .campus-question__item--02 {
    width: 87px;
    top: -1.7%;
    right: 2.2%;
  }
}
.campus-question__item--03 {
  bottom: -36px;
  left: 3.5%;
  max-width: 180px;
  width: 13%;
}
@media screen and (max-width: 834px) {
  .campus-question__item--03 {
    bottom: -59px;
    left: 7px;
    width: 100px;
  }
}
.campus-question__item--04 {
  bottom: -36px;
  right: 2%;
  max-width: 180px;
  width: 14%;
}
@media screen and (max-width: 834px) {
  .campus-question__item--04 {
    bottom: -16px;
    right: 9px;
    width: 80px;
  }
}
.campus-question dl {
  border-bottom: 2px solid #3C9966;
}
.campus-question dl:nth-child(1) {
  border-top: 2px solid #3C9966;
}
.campus-question dl dt {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  color: #3C9966;
  background: white;
  padding: 28px 50px 28px 66px;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  .campus-question dl dt {
    font-size: 2rem;
    line-height: 1.4;
    padding: 21px 45px 19px 57px;
  }
}
.campus-question dl dt:before {
  counter-increment: question;
  content: "Q" counter(question) ".";
  font-weight: 500;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 19px;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 834px) {
  .campus-question dl dt:before {
    left: 13px;
  }
}
.campus-question dl dt:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("../img/open_campus/arrow-dow.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
@media screen and (max-width: 834px) {
  .campus-question dl dt:after {
    width: 22px;
    height: 22px;
    right: 9px;
  }
}
.campus-question dl dt.active:after {
  background: url("../img/open_campus/arrow-up.png") no-repeat;
  background-size: 100%;
}
.campus-question dl dd {
  background: #C6E3CB;
  font-size: 2.4rem;
  line-height: 2;
  font-weight: 500;
  padding: 29px 50px;
  display: none;
}
@media screen and (max-width: 834px) {
  .campus-question dl dd {
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 32px 20px 27px;
  }
}

#page-community .mv-block::after {
  display: none;
}
@media screen and (max-width: 834px) {
  #page-community .mv-block {
    margin-top: -10px;
    padding-bottom: 89px;
  }
  #page-community .mv-block::before {
    bottom: 213px;
    left: -74px;
  }
  #page-community .mv-block .breadcrumb {
    color: #010101;
    top: 24px;
  }
  #page-community .mv-block .breadcrumb a {
    color: rgba(1, 1, 1, 0.3);
  }
  #page-community .mv-block .breadcrumb a::after {
    color: rgba(1, 1, 1, 0.3);
  }
  #page-community .mv-block__img::before {
    width: 138px;
    right: -51px;
    bottom: -73px;
  }
  #page-community .mv-block__heading .c-ft--en {
    margin-bottom: 15px;
    line-height: 1;
  }
}

.sec-community {
  position: relative;
  z-index: 3;
  padding: 81px 0 203px;
  margin-top: 63px;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .sec-community {
    padding: 78px 0 33px;
    margin-top: 33px;
  }
}
.sec-community::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 121.25%;
  height: 100%;
  background: url(../img/community/community-bg.jpg) center/cover no-repeat;
  border-radius: 500px;
}
@media screen and (max-width: 1024px) {
  .sec-community::before {
    width: 100%;
    border-radius: 130px;
  }
}
@media screen and (max-width: 834px) {
  .sec-community .c-ttl__01 .c-ft--jp {
    padding-bottom: 7px;
    font-size: 4rem;
  }
}
.sec-community .c-ttl__01 .c-ft--jp > small {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .sec-community .c-ttl__01 .c-ft--jp > small {
    margin-bottom: 10px;
  }
}
.sec-community .c-ttl__01--small::after {
  bottom: -25px;
}
@media screen and (max-width: 834px) {
  .sec-community .c-ttl__01--small .c-ft--jp {
    padding-bottom: 0;
    font-size: 3.5rem;
  }
}
.sec-community .c-ttl__01--small .c-ft--jp::before, .sec-community .c-ttl__01--small .c-ft--jp::after {
  bottom: -25px;
}
@media screen and (max-width: 834px) {
  .sec-community .c-ttl__01--small .c-ft--jp > small {
    margin: 5px 0 10px;
    font-size: 1.4rem;
  }
}

.community-wrap {
  position: relative;
  color: black;
  margin: -31px -2px 91px;
}
.community-wrap::before {
  content: "";
  position: absolute;
  top: -37px;
  left: -85px;
  width: 102px;
  height: 102px;
  background: url(../img//community/community-shape.svg) center/contain no-repeat;
}
@media screen and (max-width: 1200px) {
  .community-wrap::before {
    left: -20px;
  }
}
@media screen and (max-width: 640px) {
  .community-wrap::before {
    display: none;
  }
}
@media screen and (min-width: 641px) {
  .community-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1022px;
    margin: -81px auto 97px;
  }
  .community-wrap .c-txt__basic {
    width: 46.4%;
    padding-right: 20px;
  }
}
@media screen and (min-width: 641px) {
  .community-wrap__img {
    width: 45.2%;
  }
}
@media screen and (max-width: 640px) {
  .community-wrap__img {
    margin-bottom: 41px;
  }
}

.community-note {
  margin: -18px -5px 245px;
}
@media screen and (min-width: 835px) {
  .community-note {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    max-width: 1154px;
    margin: 126px auto 210px;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) {
  .community-note {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 834px) {
  .community-note .slick-list {
    overflow: unset;
  }
  .community-note .slick-track {
    display: flex !important;
  }
  .community-note .slick-slide {
    height: inherit !important;
  }
  .community-note .slick-dots {
    bottom: -43px;
  }
  .community-note .slick-dots li {
    margin: 0 7.5px;
  }
  .community-note .slick-dots li button {
    width: 12px;
    height: 12px;
    background: #EEBA64;
    border-radius: 50%;
    padding: 0;
    opacity: 0.4;
    transition: 0.3s ease;
    cursor: pointer;
  }
  .community-note .slick-dots li button::before {
    display: none;
  }
  .community-note .slick-dots li.slick-active button {
    opacity: 1;
  }
}
.community-note__item {
  position: relative;
  z-index: 1;
  padding: 44px 23px 29px;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .community-note__item {
    padding: 58px 17px 18px;
  }
}
.community-note__item::before {
  content: "";
  position: absolute;
  top: -19px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 49px;
  height: 48px;
  background: url(../img/community/icon-pin.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .community-note__item::before {
    top: 0;
  }
}
.community-note__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: white;
  border: 1px solid #EEBA64;
  border-radius: 24px;
}
@media screen and (max-width: 834px) {
  .community-note__item::after {
    width: calc(100% - 12px);
    height: calc(100% - 21px);
  }
}
.community-note__ttl {
  color: #3C9966;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.1em;
}
.community-note__ttl span {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right, #EEBA64 50%, #EEBA64 50%);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-bottom: 5px;
}

.community-list {
  max-width: 1245px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .community-list {
    margin: 0 -8px;
  }
}
.community-list__item {
  position: relative;
  background: white;
  border: 1px solid #54B565;
  border-radius: 32px;
  padding: 252px 20px 113px;
}
@media screen and (max-width: 834px) {
  .community-list__item {
    padding: 168px 29px 49px;
  }
}
.community-list__item::before {
  content: "";
  position: absolute;
  top: -66px;
  right: 9%;
  width: 103px;
  height: 103px;
  background: url(../img/community/community-shape.svg) center/contain no-repeat;
}
@media screen and (max-width: 1024px) {
  .community-list__item::before {
    top: -135px;
    z-index: 1;
    transform: scaleX(-1);
    width: 57px;
    height: 57px;
  }
}
.community-list__item:nth-child(even)::before {
  top: -44px;
  left: 11.1%;
  right: auto;
}
@media screen and (max-width: 1024px) {
  .community-list__item:nth-child(even)::before {
    top: -137px;
    left: 10.1%;
  }
}
@media screen and (max-width: 834px) {
  .community-list__item:nth-child(even) {
    padding-bottom: 53px;
  }
  .community-list__item:nth-child(even) .c-ttl__01 {
    padding-left: 19px;
  }
  .community-list__item:nth-child(even) .c-ttl__01 .c-ft--jp {
    line-height: 1.3;
    margin-top: 11px;
  }
  .community-list__item:nth-child(even) .community-list__wrap-box {
    padding: 30px 30px 26px;
  }
}
.community-list__item:not(:last-child) {
  margin-bottom: 168px;
}
@media screen and (max-width: 834px) {
  .community-list__item:not(:last-child) {
    margin-bottom: 175px;
  }
}
.community-list__item .c-ttl__01 {
  position: absolute;
  top: -104px;
  left: 49.2%;
  transform: translateX(-50%);
  width: calc(100% - 10px);
  max-width: 414px;
  min-height: 282px;
  background: url(../img/community/community-cmt.png) center/100% 100% no-repeat;
  padding: 45px 15px 15px 28px;
}
@media screen and (max-width: 834px) {
  .community-list__item .c-ttl__01 {
    top: -116px;
    min-height: 243px;
    padding: 38px 11px 15px 28px;
  }
}
.community-list__item .c-ttl__01::after {
  display: none;
}
.community-list__item .c-ttl__01 .c-ft--jp::before, .community-list__item .c-ttl__01 .c-ft--jp::after {
  display: none;
}
.community-list__item .c-ttl__01 .c-ft--jp > small {
  margin: 14px 0 6px;
}
@media screen and (min-width: 1025px) {
  .community-list__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 7.6%;
  }
  .community-list__wrap--last {
    padding: 0 8.34%;
  }
  .community-list__wrap--last .community-list__wrap-img {
    width: 45.2%;
  }
  .community-list__wrap--last .community-list__wrap-ct {
    width: 46.1%;
  }
}
@media screen and (max-width: 1024px) {
  .community-list__wrap--last {
    margin: 0 -2px;
  }
}
.community-list__wrap:not(:last-child) {
  margin-bottom: 95px;
}
@media screen and (max-width: 1024px) {
  .community-list__wrap:not(:last-child) {
    margin-bottom: 76px;
  }
}
.community-list__wrap-img {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .community-list__wrap-img {
    width: 44.3%;
  }
}
@media screen and (max-width: 1024px) {
  .community-list__wrap-img {
    margin-bottom: 31px;
  }
}
.community-list__wrap-img::before {
  content: "";
  display: block;
  padding-bottom: 79.6909492274%;
}
.community-list__wrap-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}
.community-list__wrap-ct {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (min-width: 1025px) {
  .community-list__wrap-ct {
    width: 47.1%;
  }
  .community-list__wrap-ct p {
    max-width: 460px;
  }
}
.community-list__wrap-ttl {
  color: #3C9966;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 3rem;
  letter-spacing: 0.1em;
}
.community-list__wrap-ttl span {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right, #EEBA64 50%, #EEBA64 50%);
  background-size: 100% 8px;
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-bottom: 10px;
}
.community-list__wrap-accor {
  margin-top: 27px;
}
@media screen and (min-width: 1025px) {
  .community-list__wrap-accor {
    max-width: 457px;
  }
}
.community-list__wrap-accorTtl {
  position: relative;
  color: #3C9966;
  border-bottom: 1px solid #3C9966;
  padding: 2px 35px 2px 2px;
  font-weight: 600;
  font-size: 1.4rem;
  cursor: pointer;
}
.community-list__wrap-accorTtl::after {
  content: "";
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border: solid #3C9966;
  border-width: 0 1px 1px 0;
  transition: 0.3s ease;
}
.community-list__wrap-accorTtl.on::after {
  transform: translateY(-50%) rotate(-135deg);
}
.community-list__wrap-accorCt {
  display: none;
  padding-top: 30px;
}
.community-list__wrap-note {
  border: 1px solid #EEBA64;
  border-radius: 20px;
  padding: 15px 19px 18px;
}
@media screen and (min-width: 1025px) {
  .community-list__wrap-note {
    max-width: 408px;
  }
}
.community-list__wrap-note dl:not(:last-child) {
  border-bottom: 1px solid #C4C4C4;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.community-list__wrap-note dt {
  display: inline-block;
  background: #3C9966;
  color: white;
  border-radius: 40px;
  padding: 8px 15px;
  margin-bottom: 11px;
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1;
}
.community-list__wrap-note dt.blue {
  background: #3BB8BF;
}
.community-list__wrap-note dt.orange {
  background: #EEBA64;
}
.community-list__wrap-note dt.green {
  background: #54B565;
}
.community-list__wrap-note dd {
  color: black;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6875;
}
.community-list__wrap-box {
  background: #FCF9F6;
  border-radius: 32px;
  padding: 30px 30px 26px;
  margin-bottom: 51px;
}
@media screen and (max-width: 834px) {
  .community-list__wrap-box {
    padding: 19px 30px 17px;
    margin-bottom: 31px;
  }
}
.community-list__wrap-boxTtl {
  color: black;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.6rem;
}
.community-list__wrap-boxTtl strong {
  margin-right: 5px;
  font-weight: bold;
  font-size: 2rem;
}
.community-list__wrap-boxTtl span {
  display: block;
  color: #EEBA64;
  margin-bottom: -1px;
  font-weight: 600;
  font-size: 1.3rem;
}
.community-list__wrap-boxTtl small {
  display: block;
  font-weight: 600;
  font-size: 1.2rem;
}
.community-list__wrap-boxTxt {
  color: #3C9966;
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}
.community-list__wrap-boxTxt span {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right, #EEBA64 50%, #EEBA64 50%);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-bottom: 5px;
}
.community-list__wrap-desc {
  color: #3C9966;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .community-list__wrap-desc {
    margin-bottom: 12px;
  }
}
.community-list__wrap .c-txt__basic {
  color: black;
  line-height: 1.8;
}
.community-list__wrap .c-txt__basic small {
  display: block;
  margin-top: 11px;
  font-size: 1.2rem;
}
.community-list__img {
  position: relative;
  height: 297px;
  margin: 0 -20px 80px;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .community-list__img {
    height: 149px;
    margin: 0 -29px 77px;
  }
}
.community-list__img-slider {
  display: flex;
  flex-direction: row;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  animation: slider-move 50s linear infinite;
}
.community-list__img-item {
  position: relative;
  width: 320px;
  height: 297px;
  margin: 0 13.7px;
}
@media screen and (max-width: 834px) {
  .community-list__img-item {
    width: 161px;
    height: 149px;
    margin: 0 6.87px;
  }
}
.community-list__img-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes slider-move {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-50%);
  }
}
.sec-network {
  position: relative;
  z-index: 1;
  padding-top: 128px;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .sec-network {
    padding-top: 97px;
  }
}
.sec-network::before {
  content: "";
  position: absolute;
  top: 92px;
  left: -191px;
  z-index: -1;
  width: 559px;
  height: 485px;
  background: url(../img/community/network-shape1.png) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-network::before {
    top: 17px;
    left: -195px;
    width: 313px;
    height: 272px;
  }
}
.sec-network::after {
  content: "";
  position: absolute;
  top: 427px;
  right: -243px;
  z-index: -1;
  width: 605px;
  height: 437px;
  background: url(../img/community/network-shape2.png) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-network::after {
    top: 638px;
    right: -196px;
    width: 339px;
    height: 245px;
  }
}
@media screen and (max-width: 834px) {
  .sec-network .c-ttl__01 {
    margin: 0 -8px 84px;
  }
}
.sec-network .c-ttl__01 .c-ft--jp > small {
  margin: 14px 0 6px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .sec-network .c-ttl__01 .c-ft--jp > small {
    margin: 4px 0 5px;
  }
}
@media screen and (max-width: 834px) {
  .sec-network .c-ttl__01 .c-ft--jp {
    font-size: 4rem;
  }
}

.network-img {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px 0;
  max-width: 1000px;
  margin: 114px auto 52px;
}
@media screen and (max-width: 834px) {
  .network-img {
    margin: 84px auto 32px;
  }
}
.network-img + .c-txt__basic {
  max-width: 1000px;
  color: black;
  margin: 0 auto;
  font-weight: 500;
  line-height: 1.8;
}
.network-img__item {
  position: relative;
  width: calc(50% - 20px);
}
@media screen and (max-width: 834px) {
  .network-img__item {
    width: calc(50% - 5px);
  }
}
.network-img__item::before {
  content: "";
  display: block;
  padding-bottom: 52.0833333333%;
}
@media screen and (max-width: 834px) {
  .network-img__item::before {
    padding-bottom: 88.2352941176%;
  }
}
.network-img__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .network-img__item img {
    border-radius: 12px;
  }
}

.network-block {
  position: relative;
  z-index: 1;
  padding: 110px 0 111px;
  margin-top: 138px;
}
@media screen and (max-width: 834px) {
  .network-block {
    padding: 77px 0 67px;
    margin-top: 84px;
  }
}
.network-block::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 100dvw;
  height: 100%;
  border-radius: 80px;
  background: url(../img/community/network-bg.jpg) center/cover no-repeat;
}

.network-list {
  margin-bottom: 31px;
}
@media screen and (min-width: 835px) {
  .network-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 58.5px;
    max-width: 1175px;
    margin: 0 auto 50px;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) {
  .network-list {
    gap: 20px;
  }
}
@media screen and (max-width: 834px) {
  .network-list .slick-next, .network-list .slick-prev {
    position: absolute;
    z-index: 1;
    top: 32.6%;
    width: 51px;
    height: 51px;
    background: url(../img/common/polygon-green.svg) center/contain no-repeat;
  }
  .network-list .slick-next.slick-disabled, .network-list .slick-prev.slick-disabled {
    opacity: 0.4;
  }
  .network-list .slick-next::before, .network-list .slick-prev::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 23px;
    width: 9px;
    height: 16px;
    background: url(../img/common/ar-white.svg) center/contain no-repeat;
    font-size: 0;
    opacity: 1;
  }
  .network-list .slick-next {
    right: -5px;
  }
  .network-list .slick-prev {
    left: -5px;
    transform: translateY(-50%) scaleX(-1);
  }
}
.network-list__img {
  position: relative;
  margin-bottom: 36px;
}
@media screen and (max-width: 834px) {
  .network-list__img {
    max-width: 500px;
    margin: 0 auto 36px;
  }
}
.network-list__img::before {
  content: "";
  display: block;
  padding-bottom: 96.5909090909%;
}
.network-list__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.network-list__ttl {
  color: #3C9966;
  margin-bottom: 23px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.network-list__ttl strong {
  display: block;
  margin-top: -3px;
  font-weight: bold;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
}
.network-list__ttl strong span {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right, #EEBA64 50%, #EEBA64 50%);
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: 0% bottom;
  padding-bottom: 8px;
}

.network-wrap {
  position: relative;
  max-width: 1200px;
  background: white;
  border: solid #3C9966;
  border-width: 3px 0;
  padding: 80px 0 81px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .network-wrap {
    max-width: 300px;
    padding: 60px 10px 23px 28px;
  }
}
.network-wrap__ttl {
  position: absolute;
  top: 0;
  left: 0;
  background: #3C9966;
  color: white;
  padding: 7px 27px 5px 11px;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  clip-path: polygon(0 0, 100% 0, calc(100% - 21px) 100%, 0% 100%);
}
@media screen and (min-width: 641px) {
  .network-wrap__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    max-width: 990px;
    margin: 0 auto;
  }
}
.network-wrap__list-item {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 641px) {
  .network-wrap__list-item {
    width: 33.333%;
    padding: 0 20px;
  }
}
@media screen and (min-width: 641px) and (max-width: 834px) {
  .network-wrap__list-item {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .network-wrap__list-item:not(:last-child) {
    margin-bottom: 11px;
  }
}
.network-wrap__list-item p {
  position: relative;
  padding-left: 23px;
}
@media screen and (max-width: 834px) and (min-width: 641px) {
  .network-wrap__list-item p {
    padding-left: 16px;
  }
}
.network-wrap__list-item p:not(:last-child) {
  margin-bottom: 10px;
}
.network-wrap__list-item p::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 13px;
  height: 13px;
  background: #3C9966;
  border-radius: 50%;
}

.sec-partnerships {
  position: relative;
  z-index: 1;
  padding: 136px 0 150px;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .sec-partnerships {
    padding: 89px 0 100px;
  }
}
.sec-partnerships::before {
  content: "";
  position: absolute;
  bottom: 50px;
  right: -110px;
  z-index: -1;
  width: 723px;
  height: 522px;
  background: url(../img/community/partnerships-shape.png) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .sec-partnerships::before {
    top: 313px;
    left: -218px;
    bottom: auto;
    right: auto;
    width: 423px;
    height: 306px;
  }
}
@media screen and (max-width: 834px) {
  .sec-partnerships .c-ttl__01 {
    margin: 0 -19px 74px;
  }
}
.sec-partnerships .c-ttl__01 .c-ft--jp > small {
  margin: 14px 0 6px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .sec-partnerships .c-ttl__01 .c-ft--jp > small {
    margin: 4px 0 5px;
  }
}
@media screen and (max-width: 834px) {
  .sec-partnerships .c-ttl__01 .c-ft--jp {
    font-size: 4rem;
  }
}

@media screen and (min-width: 641px) {
  .partnerships-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    max-width: 1000px;
    margin: 116px auto 0;
  }
}
@media screen and (min-width: 641px) {
  .partnerships-wrap__img {
    width: 45.3%;
  }
}
@media screen and (max-width: 640px) {
  .partnerships-wrap__img {
    margin-bottom: 42px;
  }
}
.partnerships-wrap__img img {
  width: 100%;
  border-radius: 32px;
}
.partnerships-wrap .c-txt__basic {
  line-height: 1.6;
}
@media screen and (min-width: 641px) {
  .partnerships-wrap .c-txt__basic {
    width: 43%;
  }
}

.sec-examination {
  position: relative;
  z-index: 1;
  padding: 151px 0 150px;
  background: url(../img/examination/examination-bg-pc.jpg) top/cover no-repeat;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .sec-examination {
    padding: 14px 0 99px;
  }
}
@media screen and (max-width: 640px) {
  .sec-examination {
    background: url(../img/examination/examination-bg-sp.jpg) center -70px/cover no-repeat;
  }
}
.sec-examination:after {
  content: "";
  position: absolute;
  bottom: 157px;
  right: 47px;
  z-index: -1;
  width: 103px;
  height: 103px;
  background: url(../img/examination/examination-shape1.svg) center/contain no-repeat;
}
@media screen and (max-width: 1200px) {
  .sec-examination:after {
    bottom: 40px;
    right: 44px;
    width: 42px;
    height: 42px;
  }
}
@media screen and (max-width: 834px) {
  .sec-examination:after {
    bottom: 178px;
  }
}

.sec-examination__detail {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5625;
  line-height: 2.3;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail {
    line-height: 2.15;
    letter-spacing: -0.1px;
  }
}
.sec-examination__detail::before, .sec-examination__detail::after {
  content: "";
  position: absolute;
  width: 66px;
  height: 106px;
  background: url(../img/examination/examination-shape2.svg) center/contain no-repeat;
}
@media screen and (max-width: 1200px) {
  .sec-examination__detail::before, .sec-examination__detail::after {
    width: 24px;
    height: 38px;
  }
}
.sec-examination__detail::before {
  top: 13.4%;
  right: -256px;
}
@media screen and (max-width: 1200px) {
  .sec-examination__detail::before {
    top: 7.7%;
    right: -8px;
  }
}
.sec-examination__detail::after {
  top: 54.3%;
  left: -277px;
  transform: scaleX(-1);
}
.sec-examination__detail h1 {
  position: relative;
  max-width: 1002px;
  margin: 133px -7.1vw 163px;
  line-height: 1.1;
}
@media screen and (max-width: 1024px) {
  .sec-examination__detail h1 {
    line-height: 1.2;
    margin: 83px auto 188px;
  }
}
.sec-examination__detail h1::before {
  content: "";
  position: absolute;
  top: -51px;
  left: -107px;
  width: 64px;
  height: 64px;
  background: url(../img/examination/examination-shape1.svg) center/contain no-repeat;
}
@media screen and (max-width: 1200px) {
  .sec-examination__detail h1::before {
    top: -60px;
    left: 3px;
    width: 38px;
    height: 38px;
  }
}
.sec-examination__detail h1 small {
  display: block;
  color: #3C9966;
  margin-bottom: 17px;
  font-size: 4rem;
  line-height: 1;
  font-family: "Ms Madi", cursive;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail h1 small {
    margin-bottom: 8px;
  }
}
.sec-examination__detail h1 > b {
  display: block;
  font-weight: bold;
  font-size: 4.5rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail h1 > b {
    line-height: 1.4;
    margin-right: -16px;
    font-size: 4rem;
  }
}
.sec-examination__detail h1 > b b {
  display: block;
  margin-top: 17px;
  font-size: 3.5rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail h1 > b b {
    margin-top: -2px;
  }
}
.sec-examination__detail h2 {
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1.48;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail h2 {
    margin-bottom: 27px;
  }
}
.sec-examination__detail h3 {
  background: #F05B48;
  color: white;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 38px;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail h3 {
    margin-bottom: 42px;
    padding: 14px 10px 15px;
  }
}
.sec-examination__detail h4 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 2rem;
}
.sec-examination__detail h5 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.8rem;
}
.sec-examination__detail h6 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.7rem;
}
.sec-examination__detail p:not(:last-child) {
  margin-bottom: 1px;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail p:not(:last-child) {
    margin-bottom: 3px;
  }
}
.sec-examination__detail p small {
  display: block;
  font-size: 1.4rem;
}
.sec-examination__detail p.lh-165 {
  line-height: 1.65;
  font-size: 1.5rem;
}
.sec-examination__detail a {
  margin-bottom: 7px;
  position: relative;
  display: inline-block;
  color: #F05B48;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: #EEBA64;
  text-decoration-thickness: 3px;
  text-underline-offset: 3px;
  text-underline-position: from-font;
}
.sec-examination__detail a::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img/examination/examination-link.png) center/contain no-repeat;
  margin: 0 0 -2px 1px;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail a::after {
    margin-left: 3px;
  }
}
.sec-examination__detail img {
  max-width: 494px;
  margin-bottom: 80px;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail img {
    margin-bottom: 40px;
  }
}
.sec-examination__detail img {
  width: 100%;
  display: block;
  height: auto;
}
.sec-examination__detail ul, .sec-examination__detail ol {
  margin-bottom: 78px;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail ul, .sec-examination__detail ol {
    margin-bottom: 41px;
  }
}
.sec-examination__detail ul li, .sec-examination__detail ol li {
  line-height: 2.05;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail ul li, .sec-examination__detail ol li {
    line-height: 2.1;
  }
}
.sec-examination__detail ul li:not(:last-child), .sec-examination__detail ol li:not(:last-child) {
  margin-bottom: 44px;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail ul li:not(:last-child), .sec-examination__detail ol li:not(:last-child) {
    margin-bottom: 41px;
  }
}
.sec-examination__detail ul li, .sec-examination__detail ol li {
  padding-left: 24px;
  position: relative;
  letter-spacing: 1px;
}
.sec-examination__detail ul li::before, .sec-examination__detail ol li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: -11px;
  font-size: 25px;
}
@media screen and (min-width: 835px) {
  .sec-examination__detail ul.mb02, .sec-examination__detail ol.mb02 {
    margin-top: 47px;
  }
}
.sec-examination__detail ul.mb02 li:not(:last-child), .sec-examination__detail ol.mb02 li:not(:last-child) {
  margin-bottom: 14.5px;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail ul.mb02 li:not(:last-child), .sec-examination__detail ol.mb02 li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.sec-examination__detail ol {
  margin-bottom: 83px;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail ol {
    margin-bottom: 49px;
  }
}
.sec-examination__detail ol li {
  padding-left: 20px;
}
.sec-examination__detail ol li:not(:last-child) {
  margin-bottom: 17px;
}
.sec-examination__detail ol li::before {
  top: -1px;
  content: "★";
  font-size: 15px;
}
.sec-examination__detail .table {
  max-width: 560px;
  background: #F2F2F2;
  padding: 20px;
  margin: 5px 0 11px;
}
@media screen and (max-width: 640px) {
  .sec-examination__detail .table {
    margin: 1px 0 11px;
    margin-right: -5.129vw;
    overflow-x: auto;
  }
}
.sec-examination__detail .table table {
  width: 100%;
  table-layout: fixed;
}
@media screen and (max-width: 640px) {
  .sec-examination__detail .table table {
    width: 518px;
  }
}
.sec-examination__detail .table table th {
  height: 50px;
  background: #F05B48;
  color: white;
  border: 1px solid #F05B48;
  border-right: 1px solid white;
  border-bottom: 0;
  text-align: center;
  font-weight: bold;
}
.sec-examination__detail .table table td {
  height: 34px;
  background: white;
  color: #F05B48;
  border: 1px solid #CCCCCC;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.4;
}
.sec-examination__detail .table table td.note {
  color: black;
  font-weight: 500;
  font-size: 1.6rem;
}
.sec-examination__detail__txt {
  padding-bottom: 6px;
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6666666667;
}
.sec-examination__detail .box {
  color: #3C9966;
  border-radius: 5px;
  border: 2px solid #3C9966;
  padding: 17px 18px 18px;
  margin-top: 68px;
  font-weight: bold;
  line-height: 1.875;
}
@media screen and (max-width: 834px) {
  .sec-examination__detail .box {
    padding: 20px 18px 19px;
    margin-top: 38px;
  }
}
@media screen and (max-width: 834px) {
  .sec-examination__detail__txtright {
    margin-right: -16px;
  }
}
.sec-examination__detail .wp-block-image a {
  max-width: 494px;
  display: block;
}
.sec-examination__detail .wp-block-image a:after {
  display: none;
}

.sec-reserve {
  padding: 91px 0 148px;
}
@media screen and (max-width: 834px) {
  .sec-reserve {
    padding: 43px 0 98px;
  }
}

.reserve-box {
  border: 1px solid #74A256;
  padding: 0 79px 33px;
}
@media screen and (max-width: 834px) {
  .reserve-box {
    padding: 0 38px 18px;
  }
}
@media screen and (max-width: 389px) {
  .reserve-box {
    padding: 0 10px 18px;
  }
}
.reserve-ttl {
  width: -moz-fit-content;
  width: fit-content;
  background: white;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.35;
  text-align: center;
  color: #74A256;
  margin: -14px auto 28px;
  padding: 0 20px;
}
@media screen and (max-width: 834px) {
  .reserve-ttl {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 834px) {
  .reserve-list {
    line-height: 1.875;
  }
}
.reserve-list > * {
  position: relative;
  padding-left: 14px;
}
@media screen and (max-width: 834px) {
  .reserve-list > * {
    padding-left: 21px;
  }
}
@media screen and (max-width: 389px) {
  .reserve-list > * {
    padding-left: 10px;
  }
}
.reserve-list > *::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #010101;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 15px;
}
@media screen and (max-width: 834px) {
  .reserve-list > *::before {
    top: 12px;
    left: 7px;
  }
}
@media screen and (max-width: 389px) {
  .reserve-list > *::before {
    left: 0;
  }
}

.page-interview {
  padding: 90px 0 136px;
}
@media screen and (max-width: 834px) {
  .page-interview {
    padding: 48px 0 88px;
  }
}
.page-interview .nums-page {
  max-width: 677px;
  margin: 0 auto;
}

.interview-list {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(30px, 5vw, 71px) clamp(30px, 5vw, 70px);
  line-height: 1.75;
  margin-bottom: 66px;
}
@media screen and (max-width: 1024px) {
  .interview-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 834px) {
  .interview-list {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 640px) {
  .interview-list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 640px) and (min-width: 390px) {
  .interview-list {
    padding: 0 25px;
  }
}
.interview-list__link {
  display: block;
}
@media (any-hover: hover) {
  .interview-list__link:hover {
    opacity: 1;
  }
  .interview-list__link:hover .interview-list__ttl, .interview-list__link:hover .interview-list__desc {
    opacity: 0.7;
  }
  .interview-list__link:hover .interview-list__img img {
    transform: scale(1.05);
  }
  .interview-list__link:hover .interview-list__btn::after {
    margin-right: 3px;
  }
}
.interview-list__img {
  aspect-ratio: 340/191;
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 31px;
}
@media screen and (max-width: 834px) {
  .interview-list__img {
    aspect-ratio: 300/169;
    border-radius: 20px;
  }
}
.interview-list__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: 0.3s transform ease;
}
.interview-list__ttl {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #3C9966;
  margin-bottom: 18px;
  transition: opacity 0.3s ease;
}
.interview-list__ttl span {
  background-image: linear-gradient(90deg, #eeba64 50%, transparent 0);
  background-size: 200% 5px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-bottom: 6px;
}
.interview-list__desc {
  margin-bottom: 30px;
  letter-spacing: -0.25px;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 834px) {
  .interview-list__desc {
    margin-bottom: 49px;
  }
}
.interview-list__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #3C9966;
  color: #3C9966;
  padding-bottom: 3px;
}
@media screen and (max-width: 834px) {
  .interview-list__btn {
    padding-bottom: 4px;
  }
}
.interview-list__btn::after {
  content: "";
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #3C9966;
  border-right: 1px solid #3C9966;
  margin: -3px 13px 0 0;
  transition: margin-right 0.3s ease;
}
@media screen and (max-width: 834px) {
  .interview-list__btn::after {
    margin: -2px 11px 0 0;
  }
}

@media screen and (max-width: 834px) {
  #page-gakkaichiran .mv-page {
    padding-top: 15px;
    margin-bottom: 45px;
  }
  #page-gakkaichiran .mv-page .breadcrumb a:after {
    margin-left: 3px;
  }
  #page-gakkaichiran .mv-page .mv-page__ttl .c-ft--jp {
    line-height: 1.6;
    font-size: 3.6rem;
  }
  #page-gakkaichiran .mv-page:after {
    top: 49.1%;
  }
}

.sec-gakkaichiran {
  padding: 96px 0 152px;
}
@media screen and (max-width: 834px) {
  .sec-gakkaichiran {
    padding: 111px 0 86px;
  }
}
.sec-gakkaichiran:before {
  content: "";
  width: 146px;
  height: 167px;
  background: url(../img/gakkaichiran/item-02.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 60px;
  right: 5%;
}
@media screen and (max-width: 834px) {
  .sec-gakkaichiran:before {
    display: none;
  }
}
.sec-gakkaichiran .inner {
  max-width: calc(1084px + 10.258%);
}

.gakkaichiran-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding: 0 9px 0 43px;
  margin-bottom: 89px;
}
@media screen and (max-width: 1024px) {
  .gakkaichiran-block {
    padding: 0;
  }
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block {
    justify-content: center;
    max-width: 550px;
    margin: 0 auto 59px;
  }
}
.gakkaichiran-block#block-02 {
  margin-bottom: 234px;
}
@media screen and (min-width: 1025px) {
  .gakkaichiran-block#block-02 {
    padding: 0 53px 0 0;
  }
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block#block-02 {
    margin-bottom: 106px;
  }
}
.gakkaichiran-block#block-02:before {
  content: "";
  width: 723px;
  height: 522px;
  background: url(../img/gakkaichiran/item-03.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -39px;
  left: -301px;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block#block-02:before {
    width: 392px;
    height: 283px;
    top: -46px;
    left: -150px;
  }
}
@media screen and (min-width: 835px) {
  .gakkaichiran-block#block-02 .gakkaichiran-block__img {
    order: 2;
    width: 44.8%;
  }
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block#block-02 .gakkaichiran-block__img {
    width: 100%;
    left: 0;
  }
}
.gakkaichiran-block#block-02 .gakkaichiran-block__note {
  left: auto;
  right: -52px;
  bottom: -71px;
  width: 240px;
  padding: 11px 19px 0;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block#block-02 .gakkaichiran-block__note {
    left: auto;
    right: 0;
    bottom: -45px;
    width: 194px;
    height: 133px;
  }
}
@media screen and (min-width: 835px) {
  .gakkaichiran-block#block-02 .gakkaichiran-block__ct {
    order: 1;
    padding: 65px 20px 0 0;
    max-width: 480px;
  }
}
.gakkaichiran-block#block-03 {
  margin-bottom: 94px;
}
@media screen and (min-width: 1025px) {
  .gakkaichiran-block#block-03 {
    padding: 0 10px 0 70px;
  }
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block#block-03 {
    padding: 0;
    margin-bottom: 60px;
  }
}
.gakkaichiran-block#block-03:before {
  content: "";
  width: 668px;
  height: 580px;
  background: url(../img/gakkaichiran/item-04.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 164px;
  right: -299px;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block#block-03:before {
    width: 334px;
    height: 290px;
    top: -77px;
    right: -153px;
  }
}
@media screen and (min-width: 835px) {
  .gakkaichiran-block#block-03 .gakkaichiran-block__img {
    width: 48.5%;
  }
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block#block-03 .gakkaichiran-block__img {
    width: 96%;
    left: 0;
  }
}
.gakkaichiran-block#block-03 .gakkaichiran-block__note {
  width: 241px;
  height: 173px;
  background: url(../img/gakkaichiran/note-02.png) no-repeat;
  background-size: 100% 100%;
  bottom: -54px;
  left: -60px;
  padding: 3px 20px 0;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block#block-03 .gakkaichiran-block__note {
    width: 201px;
    height: 143px;
    bottom: -30px;
    left: 0;
    padding: 18px 0 0 6px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 835px) {
  .gakkaichiran-block#block-03 .gakkaichiran-block__ct {
    width: 51.5%;
    padding: 49px 0 0 6.3%;
  }
}
.gakkaichiran-block__img {
  width: 47.3%;
  position: relative;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block__img {
    width: 93%;
    left: 4px;
    margin-bottom: 53px;
  }
}
.gakkaichiran-block__img img {
  width: 100%;
}
.gakkaichiran-block__note {
  width: 223px;
  height: 164px;
  background: url("../img/gakkaichiran/note-01.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: -49px;
  left: -36px;
  padding: 12px 34px 0;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block__note {
    font-size: 1.4rem;
    width: 182px;
    height: 134px;
    bottom: -14px;
    left: -8px;
    padding: 15px 18px 0;
  }
}
.gakkaichiran-block__ct {
  width: 52.7%;
  padding: 47px 0 0 9%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6875;
  position: relative;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block__ct {
    width: 100%;
    padding: 0;
  }
}
.gakkaichiran-block__ct-ttl {
  line-height: 1.4;
  font-weight: bold;
  color: #3C9966;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  position: relative;
  margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block__ct-ttl {
    text-align: center;
    margin-bottom: 35px;
  }
}
.gakkaichiran-block__ct-ttl:before {
  content: "";
  width: 24px;
  height: 41px;
  background: url("../img/gakkaichiran/item-05.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: -20px;
  left: -39px;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-block__ct-ttl:before {
    top: -19px;
    left: -35px;
  }
}
.gakkaichiran-block__ct-ttl small {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.gakkaichiran-block__ct-ttl span {
  display: inline-block;
  border-bottom: 5px solid #EEBA64;
}
.gakkaichiran-block__ct p {
  margin-bottom: 40px;
}
.gakkaichiran-block__ct p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 835px) {
  .gakkaichiran-block__ct .c-btn__01 {
    margin-left: 0;
    min-width: 295px;
  }
}

.gakkaichiran-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  max-width: 920px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 640px) {
  .gakkaichiran-list {
    grid-template-columns: 1fr;
  }
}
.gakkaichiran-list:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 641px) {
  .gakkaichiran-list--other {
    max-width: 840px;
    grid-template-columns: 1fr 1fr;
  }
  .gakkaichiran-list--other .gakkaichiran-list__img:before {
    padding: 49.5% 0 0;
  }
}
.gakkaichiran-list__img {
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
}
.gakkaichiran-list__img:before {
  content: "";
  display: block;
  padding: 71% 0 0;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-list__img:before {
    padding: 57% 0 0;
  }
}
.gakkaichiran-list__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.gakkaichiran-list__ct {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}
.gakkaichiran-list__ct-ttl {
  font-weight: bold;
  margin-bottom: 21px;
}
.gakkaichiran-list__ct p {
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-list__ct p {
    margin-bottom: 23px;
  }
}
.gakkaichiran-list__ct a {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  color: #3C9966;
  border-bottom: 1px solid;
  position: relative;
  padding: 0 20px 4px 0;
}
.gakkaichiran-list__ct a:after {
  content: "";
  border: solid #3C9966;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  position: absolute;
  top: 7px;
  right: 12px;
}

.gakkaichiran-note {
  max-width: 920px;
  margin: 0 auto 169px;
  font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
  .gakkaichiran-note {
    margin-bottom: 109px;
    text-align: center;
  }
}

.sec-gakkaichiran-news {
  padding: 0 0 139px;
}
@media screen and (max-width: 834px) {
  .sec-gakkaichiran-news {
    padding: 0 0 33px;
  }
}
@media screen and (max-width: 990px) {
  .sec-gakkaichiran-news .news-slider {
    margin-top: 80px;
  }
}
@media screen and (min-width: 835px) {
  .sec-gakkaichiran-news .c-ttl__01 {
    margin-bottom: 141px;
  }
}
.sec-gakkaichiran-news:before {
  content: "";
  width: 2150px;
  height: 752px;
  border-radius: 50%;
  background: url(../img/gakkaichiran/bg-gakkaichiran-news.png) no-repeat center/100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 99px;
}
@media screen and (max-width: 834px) {
  .sec-gakkaichiran-news:before {
    width: 1016px;
    height: 360px;
    bottom: 26px;
  }
}
@media screen and (min-width: 835px) {
  .sec-gakkaichiran-news .news-slider__ttl {
    margin: 0 -4px;
  }
}

@media screen and (max-width: 834px) {
  #page-educational .practicum-list__date-ct span {
    margin-left: 1px;
    margin-right: 5px;
  }
}
@media screen and (min-width: 1201px) {
  #page-educational .mv-block:after {
    right: 118px;
  }
  #page-educational .sec-license::after {
    right: 13.8%;
    top: 9.2%;
  }
  #page-educational .sec-license::before {
    left: 6.9%;
    bottom: 24.8%;
  }
  #page-educational .sec-careers::before {
    top: 64.7%;
  }
  #page-educational .voice-list__link {
    padding-bottom: 24px;
  }
  #page-educational .practicum-box__main {
    padding: 61px 46px 59px 70px;
  }
  #page-educational .sec-practicum::after {
    right: 1%;
    left: auto;
    top: auto;
    bottom: 7%;
    width: 28%;
    height: 35%;
  }
  #page-educational .sec-campuslife:after {
    bottom: -95px;
  }
}
#page-educational .mv-block:before {
  display: none;
}
#page-educational .sec-child {
  padding-top: 115px;
}
#page-educational .voice-list__ttl {
  color: #445171 !important;
}
#page-educational .success-list__heading, #page-educational .success-list__name {
  color: #445171 !important;
}
#page-educational .success-list__heading, #page-educational .success-list__name {
  color: #445171 !important;
}
#page-educational .sec-careers {
  padding: 86px 0 75px;
}
@media screen and (max-width: 834px) {
  #page-educational .sec-careers {
    padding: 71px 0 72px;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  #page-educational .sec-careers::after {
    right: -4.5%;
  }
  #page-educational .sec-careers::before {
    bottom: -37px;
    left: -1%;
  }
}
@media screen and (max-width: 834px) {
  #page-educational .sec-careers .careers-block__map {
    margin: 0 -2px;
  }
}
#page-educational .sec-careers .careers-block__map img {
  max-width: 469px;
}
#page-educational .sec-careers .careers-block {
  margin-bottom: 78px;
}
@media screen and (max-width: 834px) {
  #page-educational .sec-careers .careers-block {
    margin-bottom: 39px;
  }
}
#page-educational .sec-careers .careers-box__heading::before {
  border-color: #445171;
}
#page-educational .sec-learningchild {
  padding: 136px 0 49px;
}
@media screen and (max-width: 834px) {
  #page-educational .sec-learningchild {
    padding: 58px 0 49px;
  }
}
#page-educational .sec-practicum {
  padding: 78px 0 130px;
}
@media screen and (max-width: 834px) {
  #page-educational .sec-practicum {
    padding: 110px 0 119px;
  }
  #page-educational .sec-practicum .practicum-box__dots {
    padding-left: 3%;
  }
  #page-educational .sec-practicum .practicum-box__main {
    padding: 29px 13px 29px 37px;
  }
  #page-educational .sec-practicum:before {
    top: 23%;
    left: 1%;
  }
}
#page-educational .sec-practicum .c-ttl__01 {
  margin-bottom: -8px !important;
}
@media screen and (max-width: 1200px) {
  #page-educational .sec-practicum .c-ttl__01 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 834px) {
  #page-educational .sec-practicum .c-ttl__01 {
    margin-bottom: 78px !important;
  }
}
@media screen and (max-width: 834px) {
  #page-educational .sec-voice {
    padding: 50px 0 0;
  }
}
#page-educational .license-box__list-item {
  border-color: #445171;
}
#page-educational .license-box__list-item > span, #page-educational .license-box__list-item a {
  color: #445171;
}
#page-educational .license-other {
  border-color: #445171;
}
#page-educational .license-other__dots {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-educational .license-other__dots-item span {
  color: #445171;
}
#page-educational .practicum-list__item:not(:last-child) {
  margin-bottom: 101px;
}
@media screen and (max-width: 834px) {
  #page-educational .practicum-list__item:not(:last-child) {
    margin-bottom: 92px;
  }
}
#page-educational .practicum-list__ttl {
  color: #445171;
}
#page-educational .practicum-list__date-day {
  color: #445171;
}
#page-educational .practicum-list__date-ct strong {
  font-weight: 500;
  margin-top: 9px;
  display: block;
}
@media screen and (max-width: 834px) {
  #page-educational .practicum-list__date-ct strong {
    letter-spacing: -0.5px;
  }
}
#page-educational .sec-lemi {
  padding: 110px 0 278px;
}
@media screen and (max-width: 834px) {
  #page-educational .sec-lemi {
    padding: 68px 0 114px;
  }
  #page-educational .sec-lemi .c-ttl__01 .c-ft--jp small {
    margin-bottom: 1px;
  }
}
#page-educational .lemi-main {
  border-color: #445171;
}
@media screen and (min-width: 1201px) {
  #page-educational .lemi-main {
    padding-top: 46px;
    padding-bottom: 76px;
  }
}
@media screen and (max-width: 834px) {
  #page-educational .lemi-main {
    padding-top: 42px;
    padding-bottom: 46px;
  }
  #page-educational .lemi-main__heading {
    margin-bottom: 63px;
  }
  #page-educational .lemi-main .lemi-flex__user-ttl {
    margin-bottom: 17px;
  }
  #page-educational .lemi-main .lemi-flex__user-img {
    margin-top: -20px;
  }
  #page-educational .lemi-main .lemi-flex__user {
    margin-bottom: 20px;
  }
  #page-educational .lemi-main--02 {
    padding-top: 34px !important;
  }
}
@media screen and (min-width: 1201px) {
  #page-educational .lemi-flex__user-ct {
    padding-top: 54px;
  }
}
#page-educational .sec-success {
  padding-bottom: 27px;
}
@media screen and (max-width: 834px) {
  #page-educational .sec-success {
    padding: 71px 0 92px;
  }
  #page-educational .sec-success .slick-dots {
    bottom: -73px;
  }
}
#page-educational .lemi-box__ttl {
  border-color: #445171;
}
#page-educational .lemi-box__ttl span {
  background: #445171;
}
#page-educational .lemi-box__ttl span::before {
  border-left-color: #445171;
}
#page-educational .lemi-box {
  border-color: #445171;
}
#page-educational .lemi-box::before {
  display: none;
}
#page-educational .list-dots__item::before {
  background: #445171;
}
#page-educational .success-list__name span:after {
  border-left-color: #445171;
}
#page-educational .success-list__tags-item span, #page-educational .success-list__tags-item a {
  background: #445171;
}
#page-educational .c-btn__04 {
  border-color: #445171;
  color: #445171;
}
#page-educational .sec-campuslife {
  padding-bottom: 159px;
}
@media screen and (max-width: 834px) {
  #page-educational .sec-campuslife {
    padding-bottom: 135px;
    padding-top: 24px;
  }
}
@media screen and (max-width: 834px) {
  #page-educational .breadcrumb span {
    color: #010101;
  }
}
@media screen and (max-width: 1024px) {
  #page-educational {
    padding-top: 41px;
  }
}
@media screen and (max-width: 834px) {
  #page-educational .mv-block::after {
    bottom: -44px;
  }
  #page-educational .mv-block__img {
    margin-bottom: -3px;
  }
  #page-educational .mv-block__heading .c-ft--en {
    margin-bottom: 5px;
  }
  #page-educational .sec-child {
    padding-bottom: 99px;
  }
  #page-educational .sec-license {
    padding: 74px 0 141px;
  }
  #page-educational .license-box__list {
    margin-bottom: 71px;
  }
  #page-educational .sec-license {
    padding: 74px 0 145px;
  }
  #page-educational .sec-license::after {
    right: 8.1%;
    top: 3.7%;
  }
  #page-educational .sec-license::before {
    left: 4.9%;
    bottom: 6.6%;
  }
}
#page-educational .sec-campuslife .c-ttl__01 .c-ft--en {
  color: #445171 !important;
}
#page-educational .campuslife-voice__ct-ttl {
  color: #475A63 !important;
}
#page-educational .c-btn__01 {
  background: #475A63;
}
@media (any-hover: hover) {
  #page-educational .c-btn__01:hover {
    box-shadow: 0 0 20px #475A63;
  }
}
#page-educational .c-btn__01:before {
  background: url(../img/common/polygon-grey.svg) center/contain no-repeat;
}
#page-educational .c-btn__01:after {
  background: url(../img/common/ar-grey.svg) center/contain no-repeat;
}
#page-educational .box-float__nav {
  background: #445171 !important;
}

@media screen and (min-width: 1201px) {
  #page-childcare .mv-block:after {
    right: 118px;
  }
  #page-childcare .sec-license::after {
    right: 7%;
    top: 18.8%;
  }
  #page-childcare .sec-license::before {
    left: 2%;
    bottom: 33.3%;
  }
}
#page-childcare .practicum-box__main .c-ttl__02 span {
  background-image: linear-gradient(to right, #AACD06, #AACD06);
}
#page-childcare .sec-child {
  padding-top: 115px;
}
#page-childcare .sec-careers {
  padding: 90px 0 70px;
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-careers {
    padding: 71px 0 85px;
    margin: -80px auto 0;
  }
  #page-childcare .sec-careers::after {
    right: 2.9%;
    top: 9.34%;
  }
  #page-childcare .sec-careers::before {
    left: -32px;
    top: auto;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  #page-childcare .sec-careers::after {
    right: -4.6%;
    top: 0.7%;
  }
  #page-childcare .sec-careers::before {
    bottom: -32px;
    left: -1%;
  }
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-careers .careers-block__map {
    margin: 0 -9px;
  }
}
#page-childcare .sec-careers .careers-block {
  margin-bottom: 78px;
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-careers .careers-block {
    margin-bottom: 39px;
  }
}
#page-childcare .sec-careers .careers-box__heading::before {
  border-color: #EE941D;
}
#page-childcare .sec-learningchild {
  padding: 25px 0 49px;
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-learningchild {
    padding: 90px 0 49px;
  }
  #page-childcare .sec-learningchild::after {
    top: 6%;
  }
}
#page-childcare .sec-practicum {
  padding: 60px 0 141px;
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-practicum {
    padding: 91px 0 90px;
  }
  #page-childcare .sec-practicum .practicum-box__dots {
    padding-left: 20%;
  }
  #page-childcare .sec-practicum .practicum-box__main {
    padding: 42px 23px 36px 35px;
  }
  #page-childcare .sec-practicum::before {
    top: 22.5%;
    left: 0%;
  }
  #page-childcare .sec-practicum::after {
    bottom: -1%;
    right: -8%;
  }
}
#page-childcare .sec-practicum .c-ttl__01 {
  margin-bottom: -8px !important;
}
@media screen and (max-width: 1200px) {
  #page-childcare .sec-practicum .c-ttl__01 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-practicum .c-ttl__01 {
    margin-bottom: 78px !important;
  }
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-voice {
    padding: 50px 0 0;
  }
}
#page-childcare .license-box__list-item {
  border-color: #EE941D;
}
#page-childcare .license-box__list-item > span, #page-childcare .license-box__list-item a {
  color: #EE941D;
}
#page-childcare .license-other {
  border-color: #EE941D;
}
#page-childcare .license-other__dots {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-childcare .license-other__dots-item span {
  color: #EE941D;
}
@media screen and (min-width: 1201px) {
  #page-childcare .practicum-list {
    margin: -156px auto 0;
  }
}
@media screen and (max-width: 834px) {
  #page-childcare .practicum-list {
    margin: -48px auto 0;
  }
}
#page-childcare .practicum-list__item:not(:last-child) {
  margin-bottom: 69px;
}
@media screen and (max-width: 834px) {
  #page-childcare .practicum-list__item:not(:last-child) {
    margin-bottom: 92px;
  }
}
#page-childcare .practicum-list__ttl {
  color: #EE941D;
}
#page-childcare .practicum-list__ttl:before {
  background: url(../img/career/icon-border02.png) center repeat-x;
  background-size: cover;
}
#page-childcare .practicum-list__date-day {
  color: #EE941D;
}
#page-childcare .practicum-list__date-ct strong {
  font-weight: 500;
  margin-top: 9px;
  display: block;
}
@media screen and (max-width: 834px) {
  #page-childcare .practicum-list__date-ct strong {
    letter-spacing: -0.5px;
  }
}
#page-childcare .sec-lemi {
  padding: 110px 0 293px;
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-lemi {
    padding: 49px 0 157px;
  }
  #page-childcare .sec-lemi .c-ttl__01 .c-ft--jp small {
    margin-bottom: 1px;
  }
}
#page-childcare .lemi-main {
  border-color: #EE941D;
}
@media screen and (min-width: 1201px) {
  #page-childcare .lemi-main {
    padding-top: 54px;
    padding-bottom: 64px;
  }
  #page-childcare .lemi-main--02 {
    padding-top: 63px !important;
    padding-bottom: 77px !important;
  }
}
@media screen and (max-width: 834px) {
  #page-childcare .lemi-main {
    padding-top: 33px;
    padding-bottom: 58px;
  }
  #page-childcare .lemi-main:not(:last-child) {
    margin-bottom: 27px;
  }
  #page-childcare .lemi-main__heading {
    margin-bottom: 63px;
  }
  #page-childcare .lemi-main .lemi-flex__user-ttl {
    margin-bottom: 17px;
  }
  #page-childcare .lemi-main .lemi-flex__user-img {
    margin-top: -20px;
  }
  #page-childcare .lemi-main .lemi-flex__user {
    margin-bottom: 26px;
  }
  #page-childcare .lemi-main .lemi-flex {
    margin-bottom: 32px;
  }
  #page-childcare .lemi-main .lemi-box {
    max-height: 100%;
  }
  #page-childcare .lemi-main .list-dots:not(:last-child) {
    margin-bottom: 9px;
  }
  #page-childcare .lemi-main--02 {
    padding-bottom: 26px !important;
    padding-top: 42px !important;
  }
}
#page-childcare .success-list__item:before {
  background: url(../img/child/icon-gim02.png) center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1201px) {
  #page-childcare .lemi-flex__user-ct {
    padding-top: 54px;
  }
}
#page-childcare .sec-success {
  padding-bottom: 83px;
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-success {
    padding: 71px 0 157px;
  }
  #page-childcare .sec-success .slick-dots {
    bottom: -60px;
  }
  #page-childcare .sec-success::after {
    top: -30px;
  }
  #page-childcare .sec-success::before {
    right: -2px;
  }
}
#page-childcare .lemi-box__ttl {
  border-color: #EE941D;
}
#page-childcare .lemi-box__ttl span {
  background: #EE941D;
}
#page-childcare .lemi-box__ttl span::before {
  border-left-color: #EE941D;
}
#page-childcare .lemi-box {
  border-color: #EE941D;
  max-height: none;
}
#page-childcare .lemi-box::before {
  display: none;
}
@media screen and (min-width: 1201px) {
  #page-childcare .lemi-box__flex {
    padding: 0 40px 23px;
  }
}
#page-childcare .list-dots__item::before {
  background: #EE941D;
}
#page-childcare .success-list__name span:after {
  border-left-color: #EE941D;
}
#page-childcare .success-list__tags-item span, #page-childcare .success-list__tags-item a {
  background: #EE941D;
}
#page-childcare .success-list__item {
  border-color: #54B565;
}
#page-childcare .success-list__heading, #page-childcare .success-list__name {
  color: #EE941D !important;
}
#page-childcare .success-list__heading, #page-childcare .success-list__name {
  color: #EE941D !important;
}
#page-childcare .success-list__heading, #page-childcare .lemi-main__pickup-ttl {
  text-decoration-color: #AACD06;
}
#page-childcare .c-btn__04 {
  border-color: #EE941D;
  color: #EE941D;
}
#page-childcare .sec-campuslife {
  padding-bottom: 159px;
}
@media screen and (max-width: 834px) {
  #page-childcare .sec-campuslife {
    padding-bottom: 100px;
    padding-top: 24px;
  }
}
@media screen and (max-width: 834px) {
  #page-childcare .breadcrumb span {
    color: #010101;
  }
}
@media screen and (max-width: 1024px) {
  #page-childcare {
    padding-top: 41px;
  }
}
#page-childcare .sec-license {
  padding: 90px 0 256px;
}
@media screen and (max-width: 834px) {
  #page-childcare .mv-block {
    padding: 0 0 8px;
  }
  #page-childcare .mv-block::after {
    bottom: -44px;
  }
  #page-childcare .mv-block__img {
    margin-bottom: -3px;
  }
  #page-childcare .mv-block__heading .c-ft--en {
    margin-bottom: 5px;
    letter-spacing: -0.5px;
  }
  #page-childcare .mv-block__heading .c-ft--jp {
    line-height: 1.3;
  }
  #page-childcare .sec-child {
    padding-bottom: 99px;
  }
  #page-childcare .license-box__list {
    margin-bottom: 49px;
  }
  #page-childcare .sec-license {
    padding: 74px 0 151px;
  }
  #page-childcare .sec-license::after {
    right: 8.1%;
    top: 4.2%;
  }
  #page-childcare .sec-license::before {
    left: 2.9%;
    bottom: 10.3%;
  }
  #page-childcare .learningchild-list__img img {
    max-height: 169px;
  }
  #page-childcare .learningchild-list .slick-dots {
    bottom: -45px;
  }
  #page-childcare .success-list__heading {
    letter-spacing: 0;
  }
}
#page-childcare .sec-campuslife .c-ttl__01 .c-ft--en {
  color: #EE941D !important;
}
#page-childcare .campuslife-voice__ct-ttl {
  color: #EE941D !important;
}
#page-childcare .c-btn__01 {
  background: #EE941D;
}
@media (any-hover: hover) {
  #page-childcare .c-btn__01:hover {
    box-shadow: 0 0 20px #EE941D;
  }
}
#page-childcare .c-btn__01:before {
  background: url(../img/common/polygon-orange.svg) center/contain no-repeat;
}
#page-childcare .c-btn__01:after {
  background: url(../img/common/ar-orange.svg) center/contain no-repeat;
}
#page-childcare .box-float__nav {
  background: #EE941D !important;
}

#page-graduate_mp .mv-block, #page-mp .mv-block {
  padding-bottom: 119px;
}
@media screen and (max-width: 834px) {
  #page-graduate_mp .mv-block, #page-mp .mv-block {
    padding-bottom: 115px;
  }
}
#page-graduate_mp .mv-block::after, #page-mp .mv-block::after {
  bottom: 80px;
}
@media screen and (max-width: 834px) {
  #page-graduate_mp .mv-block::after, #page-mp .mv-block::after {
    bottom: 63px;
  }
}
#page-graduate_mp .mv-block__ct, #page-mp .mv-block__ct {
  top: 41.4%;
}
#page-graduate_mp .sec-learningchild, #page-mp .sec-learningchild {
  padding: 148px 0 200px;
}
@media screen and (max-width: 834px) {
  #page-graduate_mp .sec-learningchild, #page-mp .sec-learningchild {
    padding: 75px 0 137px;
  }
  #page-graduate_mp .sec-learningchild::after, #page-mp .sec-learningchild::after {
    top: 2.5%;
  }
  #page-graduate_mp .sec-learningchild::before, #page-mp .sec-learningchild::before {
    bottom: 2%;
  }
  #page-graduate_mp .sec-learningchild .learningchild-list .slick-dots, #page-mp .sec-learningchild .learningchild-list .slick-dots {
    bottom: -39px;
  }
}
#page-graduate_mp .sec-learningchild::before, #page-mp .sec-learningchild::before {
  bottom: 12%;
}
#page-graduate_mp .sec-learningchild::after, #page-mp .sec-learningchild::after {
  top: 24%;
}
@media screen and (min-width: 1201px) {
  #page-graduate_mp .learningchild-list__ct, #page-mp .learningchild-list__ct {
    padding-left: 22px;
  }
  #page-graduate_mp .learningchild-list__item, #page-mp .learningchild-list__item {
    padding: 30px 28px;
    min-height: 360px;
  }
}
@media screen and (max-width: 834px) {
  #page-graduate_mp, #page-mp {
    padding-top: 40px !important;
  }
  #page-graduate_mp .breadcrumb span, #page-mp .breadcrumb span {
    color: #010101;
  }
  #page-graduate_mp .sec-learningchild::after, #page-mp .sec-learningchild::after {
    top: 11.5%;
  }
  #page-graduate_mp .sec-learningchild::before, #page-mp .sec-learningchild::before {
    bottom: 3%;
  }
}
#page-graduate_mp .box-float__nav, #page-mp .box-float__nav {
  background: #3E63A3 !important;
}

.license-box__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -11px;
}
@media screen and (max-width: 834px) {
  .license-box__flex {
    margin: 0;
  }
}
.license-box__flex:not(:last-child) {
  margin-bottom: 61px;
}
@media screen and (max-width: 834px) {
  .license-box__flex:not(:last-child) {
    margin-bottom: 38px;
  }
}
.license-box__flex--02 {
  align-items: flex-start;
}
@media screen and (max-width: 834px) {
  .license-box__flex--02 {
    flex-wrap: wrap-reverse;
  }
}
.license-box__flex .license-box__list {
  width: 390px;
  margin-bottom: 0;
  justify-content: flex-start;
}
@media screen and (max-width: 834px) {
  .license-box__flex .license-box__list {
    width: 100%;
    justify-content: center;
    margin-bottom: 41px;
  }
}
.license-box__flex .license-box__list-item {
  border-color: #3E63A3;
  color: #3E63A3;
}
.license-box__flex-desc {
  width: calc(100% - 430px);
  color: #3E63A3;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .license-box__flex-desc {
    width: 100%;
  }
}

.sec-license--02 {
  z-index: 2;
  padding: 90px 0 140px;
}
@media screen and (max-width: 834px) {
  .sec-license--02 {
    padding: 72px 0 99px;
  }
  .sec-license--02::after {
    right: 7.6%;
    top: 2.9%;
  }
  .sec-license--02::before {
    bottom: 1.5%;
  }
}
@media screen and (min-width: 835px) {
  .sec-license--02::after {
    display: none;
  }
  .sec-license--02::before {
    width: 100%;
    height: 100%;
    background: url("../img/graduate/mp/bg-icon.png") center no-repeat;
    background-size: 100%;
    top: 58%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
  }
}

.sec-license--03 {
  z-index: 2;
  padding: 90px 0 140px;
}
@media screen and (max-width: 834px) {
  .sec-license--03 {
    padding: 72px 0 99px;
  }
  .sec-license--03::after {
    right: 7.6%;
    top: 4.9%;
  }
  .sec-license--03::before {
    bottom: 3.7%;
  }
}
@media screen and (min-width: 835px) {
  .sec-license--03::after {
    display: none;
  }
  .sec-license--03::before {
    width: 100%;
    height: 100%;
    background: url("../img/graduate/dp/bg-icon.png") center no-repeat;
    background-size: 111%;
    top: 55%;
    left: -0.67%;
    transform: translateY(-50%);
    z-index: -1;
  }
}

.sec-curriculum {
  padding: 139px 0;
  background: url("../img/graduate/mp/bg-01.png") top center no-repeat;
  background-size: cover;
  margin-bottom: 187px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .sec-curriculum {
    margin-bottom: 100px;
    padding: 68px 0 81px;
  }
  .sec-curriculum::after, .sec-curriculum::before {
    content: "";
    background: url("../img/child/icon-after-02.png") center no-repeat;
    background-size: contain;
    position: absolute;
    right: 4.9%;
    top: 79px;
    width: 40px;
    height: 100px;
  }
  .sec-curriculum::before {
    background: url("../img/child/icon-before-02.png") center no-repeat;
    background-size: contain;
    left: 8px;
    right: auto;
    top: auto;
    bottom: -14px;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .sec-curriculum .c-ttl__01 .c-ft--en {
    margin-bottom: 14px;
  }
  .sec-curriculum .c-ttl__01 .c-ft--jp small {
    margin-bottom: 3px;
  }
}

.curriculum-table {
  max-width: 948px;
  margin: 0 auto 80px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  .curriculum-table {
    margin: 0 auto 82px;
  }
}
.curriculum-table__txt {
  text-align: right;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.curriculum-table__main {
  position: relative;
}
@media screen and (max-width: 834px) {
  .curriculum-table__main {
    overflow-x: auto;
    margin-right: -5.129%;
  }
}
.curriculum-table__main-scroll {
  overflow: hidden;
  border-bottom: 1px solid #3E63A3;
  max-height: 800px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .curriculum-table__main-scroll {
    min-width: 552px;
    max-height: 831px;
  }
}
.curriculum-table__main-scroll:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 259px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 35.45%, #FFF 100%);
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .curriculum-table__main-scroll:before {
    height: 120px;
  }
}
.curriculum-table__main-scroll.on {
  max-height: -moz-max-content;
  max-height: max-content;
  transition: all 0.3s;
}
.curriculum-table__main-scroll.on::before {
  display: none;
}
.curriculum-table__main-img img {
  width: 100%;
}
.curriculum-table__main-btn {
  position: absolute;
  left: 53.5%;
  bottom: 34px;
  z-index: 3;
  color: #3E63A3;
}
@media screen and (max-width: 834px) {
  .curriculum-table__main-btn {
    bottom: 18px;
    left: 52%;
  }
}
.curriculum-table__main-btn:before, .curriculum-table__main-btn::after {
  background: #3E63A3;
}
.curriculum-table__main-btn.hide {
  display: none;
}
.curriculum-table__note {
  margin-top: 23px;
  color: #000;
  text-align: right;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .curriculum-table__note {
    margin-top: 26px;
    letter-spacing: 0.25px;
    text-align: left;
    font-size: 1.4rem;
  }
}

.curriculum-box {
  border-radius: 32px;
  border: 3px solid #CCC;
  background: #FFF;
  padding: 37px 71px;
  max-width: 925px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .curriculum-box {
    padding: 35px 20px;
  }
}
@media screen and (max-width: 834px) {
  .curriculum-box {
    padding: 36px 17px;
  }
}
.curriculum-box__ttl {
  color: #3E63A3;
  margin-bottom: 22px;
  font-weight: bold;
  font-size: 2rem;
}
.curriculum-box__ttl span {
  font-size: 1.6rem;
}
.curriculum-box .c-txt__basic {
  line-height: 1.6;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .curriculum-box .c-txt__basic {
    line-height: 1.62;
  }
}
.curriculum-box .c-txt__basic span {
  margin-top: -1px;
  display: block;
  font-size: 1.4rem;
}

.sec-thesis {
  padding: 128px 0 140px;
  background: url("../img/graduate/mp/bg-02.png") top center no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 80px;
}
@media screen and (max-width: 834px) {
  .sec-thesis {
    padding: 69px 0 100px;
    border-radius: 40px;
  }
}
.sec-thesis .c-ttl__01 {
  margin-bottom: 152px !important;
}
@media screen and (max-width: 834px) {
  .sec-thesis .c-ttl__01 {
    margin-bottom: 98px !important;
  }
}
.sec-thesis:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 140px;
  height: 140px;
  background: url("../img/career/icon-after-top.png") center no-repeat;
  background-size: contain;
  left: -18px;
  top: -24px;
}
@media screen and (max-width: 834px) {
  .sec-thesis:after {
    width: 80px;
    height: 82px;
    left: 3px;
    top: -28px;
  }
}
.sec-thesis:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 144px;
  height: 144px;
  background: url("../img/career/icon-after-top.png") center no-repeat;
  background-size: contain;
  right: 33px;
  bottom: -45px;
}
@media screen and (max-width: 834px) {
  .sec-thesis:before {
    right: 6px;
    bottom: -30px;
    width: 69px;
    height: 69px;
    z-index: 2;
  }
}

.thesis-box {
  max-width: 1102px;
  width: 100%;
  margin: 0 auto;
  padding: 56px 127px 57px 102px;
  border-radius: 37px;
  border: 3px solid #EEBA64;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .thesis-box {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 834px) {
  .thesis-box {
    border-radius: 30px;
    border-width: 2px;
    padding: 58px 19px 38px;
  }
}
.thesis-box:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 50px;
  height: 49px;
  background: url("../img/child/icon-gim.png") center no-repeat;
  background-size: contain;
  left: 45.5%;
  top: -31px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .thesis-box:before {
    width: 41px;
    height: 41px;
    left: 44.5%;
    top: -24px;
  }
}
.thesis-box .list-dots__item {
  line-height: 2;
  padding-left: 26px;
  letter-spacing: 1.6px;
  font-weight: bold;
  font-size: 1.6rem;
}
.thesis-box .list-dots__item:not(:last-child) {
  margin-bottom: 20px;
}
.thesis-box .list-dots__item::before {
  width: 14px;
  height: 14px;
  top: 9px;
  background: #3E63A3;
}
.thesis-box__note {
  margin-top: 46px;
  max-width: 478px;
  width: 100%;
  margin-left: auto;
}
@media screen and (max-width: 834px) {
  .thesis-box__note {
    margin-top: 42px;
    line-height: 2;
  }
}
.thesis-box__note p {
  margin-bottom: 19px;
  font-weight: bold;
  color: #A8A062;
  letter-spacing: 1.6px;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .thesis-box__note p {
    margin-bottom: 9px;
  }
}
.thesis-box__note a {
  padding-left: 28px;
  letter-spacing: 1.6px;
  text-decoration: underline;
  display: inline-block;
  font-weight: bold;
  position: relative;
  font-size: 1.6rem;
}
.thesis-box__note a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("../img/graduate/dp/icon-link.svg") center no-repeat;
  background-size: contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.sec-interviews {
  padding: 190px 0 239px;
  background: url("../img/graduate/mp/bg-interview.png") no-repeat;
  background-size: 100%;
  background-position: center 88%;
}
@media screen and (max-width: 834px) {
  .sec-interviews {
    padding: 98px 0 119px;
    background: url("../img/graduate/mp/bg-interview-sp.png") no-repeat;
    background-size: 100%;
    background-position: center 28%;
  }
}
.sec-interviews .c-ttl__01 {
  margin-bottom: 205px;
}
@media screen and (max-width: 834px) {
  .sec-interviews .c-ttl__01 {
    margin-bottom: 129px;
  }
  .sec-interviews .c-ttl__01::after {
    bottom: -49px;
  }
  .sec-interviews .c-ttl__01 .c-ft--en {
    margin-bottom: 14px;
  }
  .sec-interviews .c-ttl__01 .c-ft--jp::after, .sec-interviews .c-ttl__01 .c-ft--jp::before {
    bottom: -49px;
  }
}

.interviews-list {
  max-width: 796px;
  width: 100%;
  margin: 0 auto;
}
.interviews-list__item {
  position: relative;
}
.interviews-list__item:not(:last-child) {
  margin-bottom: 215px;
}
@media screen and (max-width: 834px) {
  .interviews-list__item:not(:last-child) {
    margin-bottom: 113px;
  }
}
.interviews-list__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 294px;
  height: 133px;
  background: url("../img/graduate/mp/icon-before.png") center no-repeat;
  background-size: contain;
  left: -59px;
  top: -82px;
}
@media screen and (max-width: 1200px) {
  .interviews-list__item:before {
    left: -20px;
  }
}
@media screen and (max-width: 834px) {
  .interviews-list__item:before {
    width: 136px;
    height: 60px;
    left: -13px;
    top: -40px;
  }
}
.interviews-list__item:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 280px;
  height: 62px;
  background: url("../img/graduate/mp/icon-after.png") center no-repeat;
  background-size: contain;
  right: -131px;
  bottom: -38px;
}
@media screen and (max-width: 1200px) {
  .interviews-list__item:after {
    right: -20px;
  }
}
@media screen and (max-width: 834px) {
  .interviews-list__item:after {
    width: 125px;
    height: 50px;
    background: url("../img/graduate/mp/icon-after-sp.png") center no-repeat;
    background-size: contain;
    right: -1px;
    bottom: -14px;
  }
}
.interviews-list__item:nth-child(1) .interviews-list__ct {
  z-index: 2;
}
.interviews-list__item:nth-child(1) .interviews-list__ct:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 38px;
  height: 65px;
  background: url("../img/graduate/mp/icon-interview.png") center no-repeat;
  background-size: contain;
  right: -18px;
  top: -32px;
  z-index: -1;
}
@media screen and (min-width: 835px) {
  .interviews-list__item:nth-child(2n) .interviews-list__main {
    padding: 0 67px;
  }
  .interviews-list__item:nth-child(2n) .interviews-list__main .interviews-list__img {
    margin-left: auto;
    width: 56.9%;
  }
  .interviews-list__item:nth-child(2n) .interviews-list__main .interviews-list__img .interviews-list__img-voice {
    left: auto;
    right: -81px;
    bottom: -37px;
  }
  .interviews-list__item:nth-child(2n) .interviews-list__main .interviews-list__ct {
    left: 14px;
    right: auto;
    top: 54%;
  }
  .interviews-list__item:nth-child(2n) .interviews-list__box .c-txt__basic {
    margin-right: -95px;
  }
}
@media screen and (min-width: 835px) and (max-width: 1200px) {
  .interviews-list__item:nth-child(2n) .interviews-list__box .c-txt__basic {
    margin-right: 0;
  }
}
@media screen and (max-width: 834px) {
  .interviews-list__item:nth-child(2) .interviews-list__img-thumb {
    border-radius: 30px;
  }
  .interviews-list__item:nth-child(2) .interviews-list__ct {
    margin: -86px auto 0;
    padding: 32px 19px 29px;
  }
  .interviews-list__item:nth-child(2) .interviews-list__ct::before {
    width: 250px;
    height: 143px;
    left: auto;
    right: 0;
    top: -101px;
    right: -71px;
  }
  .interviews-list__item:nth-child(2) .interviews-list__main {
    margin-bottom: 29px;
  }
  .interviews-list__item:nth-child(2) .interviews-list__img-voice {
    right: -22px;
    left: auto;
    bottom: 46px;
    padding: 68px 38px 44px;
    font-size: 2rem;
  }
  .interviews-list__item:nth-child(2) .interviews-list__img-voice::before {
    top: 29px;
    left: 46%;
    width: 31px;
    height: 30px;
  }
}
.interviews-list__main {
  margin-bottom: 68px;
  padding: 0 115px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .interviews-list__main {
    padding: 0;
    margin-bottom: 49px;
  }
}
.interviews-list__img {
  position: relative;
  width: 66.7%;
}
@media screen and (max-width: 834px) {
  .interviews-list__img {
    width: 88.2%;
    margin: 0 auto;
    max-width: 450px;
  }
}
.interviews-list__img-thumb {
  border-radius: 80px;
  overflow: hidden;
}
.interviews-list__img-thumb img {
  width: 100%;
}
.interviews-list__img-voice {
  background: url("../img/graduate/mp/bg-voice.png") center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: -14px;
  left: -81px;
  padding: 69px 37px 45px;
  font-weight: 700;
  color: #3e63a3;
  transform: rotate(-4deg);
  font-size: 2rem;
  z-index: 3;
}
@media screen and (max-width: 834px) {
  .interviews-list__img-voice {
    bottom: 10px;
    left: 16px;
    padding: 55px 30px 34px;
    font-size: 1.6rem;
  }
}
.interviews-list__img-voice:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url("../img/graduate/mp/icon-voice-02.svg") center no-repeat;
  background-size: contain;
  top: 30px;
  left: 46%;
  transform: rotate(4deg) translateX(-50%);
}
@media screen and (max-width: 834px) {
  .interviews-list__img-voice:before {
    width: 23px;
    height: 23px;
    top: 24px;
    left: 47%;
  }
}
.interviews-list__img-voice span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.interviews-list__ct {
  padding: 31px 30px 29px;
  position: absolute;
  width: 100%;
  top: 59%;
  right: -34px;
  transform: translateY(-50%);
  max-width: 410px;
  border-radius: 32px;
  background: #fff;
}
@media screen and (max-width: 834px) {
  .interviews-list__ct {
    position: relative;
    margin-top: -42px;
    right: auto;
    top: auto;
    transform: translateY(0);
    width: 78%;
    margin: -42px auto 0;
  }
}
.interviews-list__ttl {
  line-height: 2;
  margin-bottom: 15px;
  color: #3E63A3;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-color: #EEBA64;
  text-decoration-thickness: 4px;
  text-underline-offset: 5px;
  text-underline-position: from-font;
  font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
  .interviews-list__ttl {
    margin-bottom: 17px;
  }
}
.interviews-list__name {
  color: #010101;
  font-weight: bold;
  margin-bottom: 17px;
  font-size: 2rem;
}
.interviews-list__name span {
  margin-left: 4px;
  font-size: 1.6rem;
}
.interviews-list__desc {
  color: #010101;
  line-height: 1.4;
  font-weight: 600;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .interviews-list__box {
    padding: 0 21px;
  }
}
.interviews-list__box-item:not(:last-child) {
  margin-bottom: 54px;
}
@media screen and (max-width: 834px) {
  .interviews-list__box-item:not(:last-child) {
    margin-bottom: 49px;
  }
}
.interviews-list__box-item .c-txt__basic {
  line-height: 1.8;
  font-weight: 500;
  text-align: justify;
}
.interviews-list__box-ttl {
  color: #3E63A3;
  font-weight: bold;
  margin-bottom: 27px;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .interviews-list__box-ttl {
    line-height: 2;
    margin-bottom: 21px;
  }
}

@media screen and (max-width: 834px) {
  #page-graduate_dp, #page-dp {
    padding-top: 40px;
  }
  #page-graduate_dp .sec-license .c-ttl__01 .c-ft--en, #page-dp .sec-license .c-ttl__01 .c-ft--en {
    margin-bottom: 19px;
  }
}
#page-graduate_dp .mv-block, #page-dp .mv-block {
  padding-bottom: 119px;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .mv-block, #page-dp .mv-block {
    padding-bottom: 115px;
  }
}
#page-graduate_dp .mv-block::before, #page-dp .mv-block::before {
  display: none;
}
#page-graduate_dp .mv-block::after, #page-dp .mv-block::after {
  bottom: 80px;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .mv-block::after, #page-dp .mv-block::after {
    bottom: 63px;
  }
}
#page-graduate_dp .mv-block__ct, #page-dp .mv-block__ct {
  top: 41.4%;
}
#page-graduate_dp .thesis-box .list-dots__item::before, #page-dp .thesis-box .list-dots__item::before {
  background: #A8A062;
}
#page-graduate_dp .interviews-list__ttl, #page-graduate_dp .interviews-list__img-voice, #page-graduate_dp .interviews-list__box-ttl, #page-dp .interviews-list__ttl, #page-dp .interviews-list__img-voice, #page-dp .interviews-list__box-ttl {
  color: #A8A062;
}
#page-graduate_dp .interviews-list__img-voice:before, #page-dp .interviews-list__img-voice:before {
  background: url("../img/graduate/dp/icon-voice-02.svg") 50% no-repeat;
  background-size: contain;
}
#page-graduate_dp .sec-learningchild, #page-dp .sec-learningchild {
  padding: 149px 0 161px;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-learningchild, #page-dp .sec-learningchild {
    padding: 87px 0 75px;
  }
}
#page-graduate_dp .sec-learningchild .c-ttl__01, #page-dp .sec-learningchild .c-ttl__01 {
  margin-bottom: 132px !important;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-learningchild .c-ttl__01, #page-dp .sec-learningchild .c-ttl__01 {
    margin-bottom: 89px !important;
  }
  #page-graduate_dp .sec-learningchild .c-ttl__01::after, #page-dp .sec-learningchild .c-ttl__01::after {
    bottom: -37px;
  }
  #page-graduate_dp .sec-learningchild .c-ttl__01 .c-ft--jp small, #page-dp .sec-learningchild .c-ttl__01 .c-ft--jp small {
    margin-bottom: 4px;
  }
  #page-graduate_dp .sec-learningchild .c-ttl__01 .c-ft--jp::before, #page-graduate_dp .sec-learningchild .c-ttl__01 .c-ft--jp::after, #page-dp .sec-learningchild .c-ttl__01 .c-ft--jp::before, #page-dp .sec-learningchild .c-ttl__01 .c-ft--jp::after {
    bottom: -37px;
  }
}
@media screen and (min-width: 835px) {
  #page-graduate_dp .sec-learningchild::after, #page-dp .sec-learningchild::after {
    right: -3%;
    left: auto;
    top: 17.5%;
    bottom: 0;
    width: 38vw;
    height: 31vw;
  }
}
#page-graduate_dp .sec-learningchild::before, #page-dp .sec-learningchild::before {
  background: url("../img/graduate/dp/icon-before.png") 50% no-repeat;
  background-size: contain;
}
@media screen and (min-width: 835px) {
  #page-graduate_dp .sec-learningchild::before, #page-dp .sec-learningchild::before {
    left: -1.5%;
    bottom: 4%;
    width: 31vw;
    height: 31vw;
  }
}
#page-graduate_dp .curriculum-table, #page-dp .curriculum-table {
  margin: 0 auto 77px;
  max-width: 846px;
}
#page-graduate_dp .curriculum-table__note, #page-dp .curriculum-table__note {
  margin-top: 16px;
}
#page-graduate_dp .curriculum-table .curriculum-table__main-scroll, #page-dp .curriculum-table .curriculum-table__main-scroll {
  border-bottom: 0;
  max-height: -moz-max-content;
  max-height: max-content;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .curriculum-table .curriculum-table__main-scroll, #page-dp .curriculum-table .curriculum-table__main-scroll {
    min-width: 471px;
  }
}
#page-graduate_dp .curriculum-table .curriculum-table__main-scroll::before, #page-dp .curriculum-table .curriculum-table__main-scroll::before {
  display: none;
}
#page-graduate_dp .sec-curriculum, #page-dp .sec-curriculum {
  padding-bottom: 100px;
  margin-bottom: 160px;
  position: relative;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-curriculum, #page-dp .sec-curriculum {
    padding-bottom: 81px;
    margin-bottom: 100px;
  }
}
#page-graduate_dp .sec-curriculum::after, #page-graduate_dp .sec-curriculum::before, #page-dp .sec-curriculum::after, #page-dp .sec-curriculum::before {
  content: "";
  background: url("../img/child/icon-after-02.png") center no-repeat;
  width: 68px;
  height: 122px;
  background-size: contain;
  position: absolute;
  right: 12%;
  top: 16.7%;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-curriculum::after, #page-graduate_dp .sec-curriculum::before, #page-dp .sec-curriculum::after, #page-dp .sec-curriculum::before {
    right: 4.6%;
    top: 79px;
    width: 40px;
    height: 100px;
  }
}
#page-graduate_dp .sec-curriculum::before, #page-dp .sec-curriculum::before {
  background: url("../img/child/icon-before-02.png") center no-repeat;
  background-size: contain;
  right: auto;
  left: 7.3%;
  top: 66.2%;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-curriculum::before, #page-dp .sec-curriculum::before {
    top: auto;
    bottom: -39px;
    left: 2px;
  }
}
#page-graduate_dp .sec-thesis, #page-dp .sec-thesis {
  padding: 128px 0 127px;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-thesis, #page-dp .sec-thesis {
    padding: 66px 0 81px;
  }
}
#page-graduate_dp .sec-thesis::after, #page-dp .sec-thesis::after {
  left: 1px;
  top: 50px;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-thesis::after, #page-dp .sec-thesis::after {
    left: -6px;
    top: -13px;
  }
}
#page-graduate_dp .sec-thesis::before, #page-dp .sec-thesis::before {
  right: 28px;
  bottom: -2px;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-thesis::before, #page-dp .sec-thesis::before {
    right: 6px;
  }
}
#page-graduate_dp .thesis-box, #page-dp .thesis-box {
  padding-bottom: 76px;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .thesis-box, #page-dp .thesis-box {
    padding-bottom: 37px;
  }
}
#page-graduate_dp .sec-interviews, #page-dp .sec-interviews {
  padding: 109px 0 239px;
}
@media screen and (max-width: 834px) {
  #page-graduate_dp .sec-interviews, #page-dp .sec-interviews {
    padding: 92px 0 129px;
  }
}
#page-graduate_dp .box-float__nav, #page-dp .box-float__nav {
  background: #AB9D29 !important;
}

.learningchild-step {
  max-width: 1096px;
  width: 100%;
  margin: 0 auto;
}
.learningchild-step__item {
  display: flex;
  flex-wrap: wrap;
}
.learningchild-step__item:not(:last-child) {
  margin-bottom: 60px;
  padding-bottom: 52px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .learningchild-step__item:not(:last-child) {
    margin-bottom: 54px;
    padding-bottom: 46px;
  }
}
.learningchild-step__item:not(:last-child):after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  border: 30px solid transparent;
  border-top: 33px solid #CDC47F;
  left: 50%;
  bottom: -51px;
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .learningchild-step__item:not(:last-child):after {
    border: 26px solid transparent;
    border-top: 27px solid #cdc47f;
    bottom: -41px;
  }
}
.learningchild-step__heading {
  width: 312px;
  background: #CDC47F;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 192px;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 3.6rem;
}
@media screen and (max-width: 834px) {
  .learningchild-step__heading {
    width: 100%;
    margin-bottom: 24px;
    height: 96px;
    font-size: 2.4rem;
  }
}
.learningchild-step__ct {
  width: calc(100% - 312px);
  padding-left: 40px;
  padding-top: 31px;
}
@media screen and (max-width: 834px) {
  .learningchild-step__ct {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }
}
.learningchild-step__ttl {
  color: #000;
  margin-bottom: 23px;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .learningchild-step__ttl {
    margin-bottom: 20px;
  }
}
.learningchild-step__txt {
  font-weight: 600;
  margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
  .learningchild-step__txt {
    line-height: 2;
    margin-bottom: 19px;
  }
}
.learningchild-step__btn {
  transition: all 0.3s;
  cursor: pointer;
  color: #CDC47F;
  font-weight: bold;
  border: 1px solid #CDC47F;
  max-width: 162px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 22px 3px 3px;
  letter-spacing: 1px;
  text-align: center;
  position: relative;
  border-radius: 30px;
  font-size: 1.2rem;
}
.learningchild-step__btn:hover {
  opacity: 0.7;
  transition: all 0.3s;
}
.learningchild-step__btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #CDC47F;
  border-right: 2px solid #CDC47F;
  right: 40px;
  top: 47%;
  transition: all 0.3s;
  transform: translateY(-50%) rotate(45deg);
}
.learningchild-step__btn.on::after {
  transition: all 0.3s;
  top: 56%;
  transform: translateY(-50%) rotate(225deg);
}
.learningchild-step__desc {
  font-weight: 600;
  margin-top: 30px;
  display: none;
}
@media screen and (max-width: 834px) {
  .learningchild-step__desc {
    line-height: 2;
  }
}

@media screen and (max-width: 1024px) {
  #page-clinical {
    padding-top: 40px;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .mv-block::before {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .mv-block {
    padding-bottom: 111px;
  }
  #page-clinical .mv-block__heading .c-ft--en {
    margin-bottom: 6px;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .sec-child .inner {
    max-width: calc(1320px + 8.258%);
    padding: 0 4.129%;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-child {
    padding: 71px 0 92px;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .child-tags {
    gap: 26px 28px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .child-tags:not(:last-child) {
    margin-bottom: 28px;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .sec-license {
    padding-bottom: 260px;
  }
  #page-clinical .sec-license::before {
    left: 5.9%;
    bottom: 33%;
  }
  #page-clinical .sec-license::after {
    top: 12.5%;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-license {
    padding: 72px 0 119px;
  }
  #page-clinical .sec-license::after {
    right: 7.9%;
  }
  #page-clinical .sec-license::before {
    left: 2.9%;
    bottom: 5.7%;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .license-box__list {
    margin-bottom: 53px;
  }
}
#page-clinical .license-box__list-item {
  color: #A4584A;
  border-color: #A4584A;
}
#page-clinical .license-other {
  border-color: #A4584A;
  padding-bottom: 34px;
}
@media screen and (max-width: 834px) {
  #page-clinical .license-other {
    padding-bottom: 31px;
  }
}
#page-clinical .license-other__flex {
  justify-content: center;
}
#page-clinical .license-other__dots {
  padding-right: 0;
}
@media screen and (min-width: 641px) {
  #page-clinical .license-other__dots {
    display: flex;
    justify-content: center;
    gap: 0 50px;
    width: auto;
  }
}
@media screen and (max-width: 640px) {
  #page-clinical .license-other__dots {
    max-width: 208px;
  }
}
#page-clinical .license-other__dots-item span {
  color: #A4584A;
}
@media screen and (min-width: 835px) {
  #page-clinical .sec-careers {
    padding-bottom: 66px;
  }
  #page-clinical .sec-careers::before {
    left: -33px;
    top: 66.1%;
  }
  #page-clinical .sec-careers::after {
    right: 2.9%;
    top: 3.2%;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-careers {
    padding-bottom: 63px;
  }
  #page-clinical .sec-careers::before {
    left: -4px;
  }
  #page-clinical .sec-careers::after {
    right: -17px;
    top: 5px;
  }
}
#page-clinical .careers-box__heading:before {
  border-color: #A4584A;
}
#page-clinical .sec-voice {
  padding-top: 68px;
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-voice {
    padding: 48px 0 40px;
    overflow: hidden;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .voice-list__link {
    padding-bottom: 23px;
  }
  #page-clinical .voice-list__img {
    margin-bottom: 21px;
  }
  #page-clinical .voice-list__ttl {
    padding-bottom: 18px;
    line-height: 1;
  }
  #page-clinical .voice-list__ttl span {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .voice-list {
    display: block;
    max-width: 87%;
    margin: 0 auto;
  }
  #page-clinical .voice-list .slick-list {
    overflow: unset;
  }
  #page-clinical .voice-list .slick-prev, #page-clinical .voice-list .slick-next {
    top: 54%;
  }
  #page-clinical .voice-list .slick-prev {
    left: -12px;
  }
  #page-clinical .voice-list .slick-next {
    right: -12px;
  }
  #page-clinical .voice-list .slick-dots {
    bottom: -40px;
  }
  #page-clinical .voice-list__item {
    max-width: unset;
    margin: 0;
    padding: 30px 10px 0;
  }
  #page-clinical .voice-list__item::before {
    width: 49px;
    height: 48px;
    left: 36%;
    top: 10px;
  }
  #page-clinical .voice-list__link {
    padding-bottom: 17px;
  }
  #page-clinical .voice-list__ttl {
    height: auto !important;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .sec-learningchild {
    padding-top: 119px;
  }
  #page-clinical .sec-learningchild::before {
    left: -223px;
    bottom: 39px;
  }
  #page-clinical .sec-learningchild::after {
    right: -149px;
    top: 143px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-learningchild {
    padding: 89px 0 44px;
  }
  #page-clinical .sec-learningchild::after {
    top: 30px;
  }
  #page-clinical .sec-learningchild .c-ttl__01 {
    margin-bottom: 81px;
  }
  #page-clinical .sec-learningchild .c-ttl__01::after {
    bottom: -41px;
  }
  #page-clinical .sec-learningchild .c-ttl__01 .c-ft--jp {
    font-size: 4rem;
  }
  #page-clinical .sec-learningchild .c-ttl__01 .c-ft--jp::before, #page-clinical .sec-learningchild .c-ttl__01 .c-ft--jp::after {
    bottom: -41px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .learningchild-list .slick-dots {
    bottom: -44px;
  }
  #page-clinical .learningchild-list__img img {
    max-height: 172px;
  }
  #page-clinical .learningchild-list__item {
    padding-bottom: 38px;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .sec-practicum {
    padding-bottom: 132px;
  }
  #page-clinical .sec-practicum::before {
    height: 27.3%;
    top: 15.9%;
  }
  #page-clinical .sec-practicum::after {
    height: 27.3%;
    bottom: 8%;
    transform: rotate(-4deg);
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-practicum {
    padding-bottom: 98px;
  }
  #page-clinical .sec-practicum::before {
    top: 24%;
    left: -2px;
    transform: rotate(3deg);
  }
  #page-clinical .sec-practicum::after {
    bottom: -12px;
    right: -26px;
    transform: rotate(-4deg);
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .practicum-box {
    margin-top: -112px;
  }
  #page-clinical .practicum-box .c-ttl__02 span {
    padding-bottom: 7px;
  }
  #page-clinical .practicum-box__main {
    width: 344px;
    padding: 64px 43px 64px 68px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .practicum-box__main {
    max-width: 200px;
    padding: 39px 39px 46px;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .practicum-list {
    margin-top: -162px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .practicum-list__item {
    padding: 21px 28px 11px;
  }
  #page-clinical .practicum-list__ttl {
    padding-bottom: 9px;
    margin-bottom: 2px;
  }
  #page-clinical .practicum-list__ttl::before {
    height: 2px;
  }
  #page-clinical .practicum-list__date-item {
    padding: 8px 0 7px;
  }
  #page-clinical .practicum-list__date-item:not(:last-child) {
    border-bottom-width: 2px;
  }
  #page-clinical .practicum-list__date-day {
    width: 57px;
    margin-bottom: 0;
  }
  #page-clinical .practicum-list__date-ct {
    width: calc(100% - 57px);
    padding-top: 3px;
    line-height: 1;
  }
  #page-clinical .practicum-list__date-ct span {
    margin-right: 6px;
  }
}
#page-clinical .sec-lemi {
  padding: 117px 0 280px;
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-lemi {
    padding: 49px 0 156px;
  }
}
#page-clinical .lemi-main {
  border-color: #A4584A;
}
@media screen and (min-width: 835px) {
  #page-clinical .lemi-main {
    padding: 45px 49px 54px;
  }
  #page-clinical .lemi-main--02 {
    padding: 54px 49px 68px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-main {
    margin: 0 -12px;
    padding: 35px 11px 29px;
  }
  #page-clinical .lemi-main:not(:last-child) {
    margin-bottom: 19px;
  }
  #page-clinical .lemi-main--02 .lemi-main__heading {
    margin: 8px 0 28px;
    font-size: 3rem;
  }
  #page-clinical .lemi-main__heading {
    margin-bottom: 57px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-flex {
    margin-bottom: 38px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-flex__user {
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-flex__user-ttl {
    margin: 6px 0 16px;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .lemi-flex__user-ct {
    padding-top: 25px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-flex__left {
    margin-bottom: 39px;
  }
}
#page-clinical .lemi-box {
  border-bottom-color: #A4584A;
}
#page-clinical .lemi-box::before {
  display: none;
}
#page-clinical .lemi-box__flex {
  padding-bottom: 60px;
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-box__flex {
    padding-bottom: 25px;
  }
}
#page-clinical .lemi-box__ttl {
  border-top-color: #A4584A;
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-box__ttl {
    margin-bottom: 30px;
  }
}
#page-clinical .lemi-box__ttl span {
  background: #A4584A;
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-box__ttl span {
    padding-bottom: 0;
  }
}
#page-clinical .lemi-box__ttl span::before {
  border-left-color: #A4584A;
}
@media screen and (max-width: 834px) {
  #page-clinical .lemi-box__ttl span::before {
    border-width: 32px;
    border-left-width: 22px;
    right: -54px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .list-dots:not(:last-child) {
    margin-bottom: 11px;
  }
}
#page-clinical .list-dots__item::before {
  background: #A4584A;
}
@media screen and (min-width: 835px) {
  #page-clinical .sec-success {
    padding-bottom: 26px;
    margin-bottom: 42px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-success {
    padding: 70px 0 140px;
  }
  #page-clinical .sec-success::after {
    top: -30px;
  }
  #page-clinical .sec-success::before {
    right: -1px;
  }
  #page-clinical .sec-success .c-ttl__01::after {
    bottom: -41px;
  }
  #page-clinical .sec-success .c-ttl__01 .c-ft--jp {
    font-size: 4rem;
  }
  #page-clinical .sec-success .c-ttl__01 .c-ft--jp::after, #page-clinical .sec-success .c-ttl__01 .c-ft--jp::before {
    bottom: -41px;
  }
  #page-clinical .sec-success .slick-dots {
    bottom: -98px;
  }
  #page-clinical .sec-success .slick-next, #page-clinical .sec-success .slick-prev {
    top: 52%;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .success-list__item {
    padding: 30px 23px;
  }
  #page-clinical .success-list__desc {
    margin-bottom: 7px;
  }
  #page-clinical .success-list__ttl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .success-note {
    margin-top: 22px;
  }
}
@media screen and (min-width: 835px) {
  #page-clinical .sec-campuslife {
    padding-bottom: 149px;
  }
  #page-clinical .sec-campuslife::after {
    bottom: -108px;
    right: -240px;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .sec-campuslife {
    padding: 27px 0 100px;
  }
  #page-clinical .sec-campuslife::after {
    width: 326px;
    height: 236px;
    right: -92px;
    left: auto;
    bottom: -39px;
  }
  #page-clinical .sec-campuslife .c-ttl__01 {
    margin: 0 -15px 74px;
  }
  #page-clinical .sec-campuslife .c-ttl__01 .c-ft--jp {
    font-size: 4rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 834px) {
  #page-clinical .campuslife-voice__img {
    margin-bottom: 44px;
  }
}
#page-clinical .voice-list__ttl {
  color: #A4584A !important;
}
#page-clinical .voice-list__link .c-btn__04 {
  color: #A4584A;
  border-color: #A4584A;
}
#page-clinical .success-list__item .c-btn__04 {
  color: #A4584A;
  border-color: #A4584A;
}
#page-clinical .success-list__heading, #page-clinical .success-list__name {
  color: #A4584A !important;
}
#page-clinical .success-list__heading span:after, #page-clinical .success-list__name span:after {
  border-left-color: #A4584A;
}
#page-clinical .success-list__tags span {
  background: #A4584A;
}
#page-clinical .sec-campuslife .c-ttl__01 .c-ft--en {
  color: #A4584A !important;
}
#page-clinical .campuslife-voice__ct-ttl {
  color: #A4584A !important;
}
#page-clinical .c-btn__01 {
  background: #A4584A;
}
@media (any-hover: hover) {
  #page-clinical .c-btn__01:hover {
    box-shadow: 0 0 20px #A4584A;
  }
}
#page-clinical .c-btn__01:before {
  background: url(../img/common/polygon-brown.svg) center/contain no-repeat;
}
#page-clinical .c-btn__01:after {
  background: url(../img/common/ar-brown.svg) center/contain no-repeat;
}
#page-clinical .box-float__nav {
  background: #A4584A !important;
}

@media screen and (max-width: 834px) {
  #page-examination .mv-page {
    padding-top: 14px;
  }
}
@media screen and (max-width: 834px) {
  #page-examination .mv-page::before {
    top: -30px;
  }
}
#page-examination .mv-page::after {
  top: 54.3%;
  background: url(../img/examination/mv-bg-02.png) no-repeat center/contain;
}
@media screen and (max-width: 834px) {
  #page-examination .mv-page::after {
    top: 14%;
    background: url(../img/examination/mv-bg-02-sp.png) no-repeat center/contain;
  }
}
@media screen and (max-width: 834px) {
  #page-examination .mv-page .breadcrumb {
    margin-bottom: 6.6vh;
  }
}
@media screen and (max-width: 834px) {
  #page-examination .mv-page .mv-page__ttl .c-ft--jp {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.6666666667;
  }
}
#page-examination .sec-news {
  background: url(../img/examination/news-bg.jpg) no-repeat center/cover;
  padding: 69px 0 85px;
}
#page-examination .sec-news::before, #page-examination .sec-news::after {
  display: none;
}
@media screen and (min-width: 835px) {
  #page-examination .sec-news .c-btn__01 {
    min-width: 211px;
  }
}
@media screen and (max-width: 834px) {
  #page-examination .sec-news .c-btn__01 {
    min-width: 206px;
  }
}

.sec-methods {
  padding: 88px 0 110px;
  background: url(../img/examination/methods-bg.jpg) no-repeat center/cover;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .sec-methods {
    padding: 68px 0 60px;
  }
}
.sec-methods .c-ttl__01 {
  margin-bottom: 104px;
}
@media screen and (max-width: 834px) {
  .sec-methods .c-ttl__01 {
    margin-bottom: 97px;
  }
}

.methods-btns {
  max-width: 1156px;
  margin: 0 auto 158px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .methods-btns {
    margin: 0 auto 120px;
  }
}
@media screen and (max-width: 834px) and (min-width: 390px) {
  .methods-btns {
    width: 79.7vw;
  }
}
.methods-btns::before, .methods-btns::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 69px;
  aspect-ratio: 69/118;
  background: url(../img/examination/bg-mothods.svg) no-repeat center/contain;
}
@media screen and (max-width: 834px) {
  .methods-btns::before, .methods-btns::after {
    width: 40px;
  }
}
.methods-btns::before {
  top: -25px;
  right: calc(100% + 56px);
}
@media screen and (max-width: 834px) {
  .methods-btns::before {
    top: -315px;
    right: 98%;
  }
}
.methods-btns::after {
  transform: scaleX(-1);
  bottom: -96px;
  left: calc(100% + 52px);
}
@media screen and (max-width: 834px) {
  .methods-btns::after {
    width: 31px;
    bottom: -77px;
    left: 100.9%;
  }
}
.methods-btns__rows {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 29px 38px;
}
@media screen and (max-width: 1200px) {
  .methods-btns__rows {
    gap: 15px 30px;
  }
}
@media screen and (max-width: 834px) {
  .methods-btns__rows {
    gap: 30px;
  }
}
.methods-btns__rows:not(:last-child) {
  margin-bottom: 80px;
}
@media screen and (max-width: 834px) {
  .methods-btns__rows:not(:last-child) {
    margin-bottom: 60px;
  }
}
.methods-btns__rows > * {
  width: calc(33.33% - 26px);
}
@media screen and (max-width: 1200px) {
  .methods-btns__rows > * {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 834px) {
  .methods-btns__rows > * {
    width: 100%;
  }
}
@media screen and (max-width: 834px) and (min-width: 390px) {
  .methods-btns__rows > * {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
  }
}

.methods-blocks {
  margin-bottom: 120px;
}
@media screen and (max-width: 834px) {
  .methods-blocks {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 834px) {
  .methods-block {
    margin: 0 calc((100% - 100vw) / 2);
  }
}
.methods-block:not(:last-child) {
  margin-bottom: 80px;
}
.methods-block--orange .methods-block__card {
  border-top-color: #F05B48;
}
.methods-block--orange .methods-block__card::before {
  background-image: url("../img/examination/icon-01.svg");
}
.methods-block--orange .methods-block__tag, .methods-block--orange .methods-block__desc-list li::before {
  background: #F05B48;
}
.methods-block--orange .methods-block__school-item {
  border-color: #F05B48;
  color: #F05B48;
}
.methods-block--orange .methods-block__link, .methods-block--orange .methods-block__lead-txt, .methods-block--orange .methods-block__web, .methods-block--orange .methods-block__point-ttl, .methods-block--orange .methods-block__sub-ttl, .methods-block--orange .methods-block__extras-lead, .methods-block--orange .methods-block__schedule-lead {
  color: #F05B48;
}
.methods-block--orange .methods-block__link::after {
  background-image: url("../img/examination/icon-link-01.svg");
}
.methods-block--orange .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-01.svg");
}
.methods-block--orange .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-01.svg");
}
.methods-block--orange .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-01.svg");
}
.methods-block--orange .methods-block__table thead th {
  background: #F05B48;
}
.methods-block--orange .methods-block__table thead th:last-child {
  border-right-color: #F05B48;
}
.methods-block--orange .methods-block__table tbody th[scope=row] {
  color: #F05B48;
}
.methods-block--orange .methods-block__table--criteria tbody th {
  background: #F05B48;
}
.methods-block--orange .methods-block__table .c-fc--inherit {
  color: #F05B48;
}
.methods-block--orange .methods-block__select-item {
  border-color: #F05B48;
}
.methods-block--orange .methods-block__select-ttl strong {
  background: #F05B48;
}
@media screen and (max-width: 834px) {
  .methods-block--orange .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--orange .methods-block__title::after {
  border-right-color: #F05B48;
  border-bottom-color: #F05B48;
}
@media screen and (max-width: 834px) {
  .methods-block--orange .methods-block__title::after {
    right: -25px;
  }
}
.methods-block--blue-s .methods-block__card {
  border-top-color: #699AC1;
}
.methods-block--blue-s .methods-block__card::before {
  background-image: url("../img/examination/icon-02.svg");
}
.methods-block--blue-s .methods-block__tag, .methods-block--blue-s .methods-block__desc-list li::before {
  background: #699AC1;
}
.methods-block--blue-s .methods-block__school-item {
  border-color: #699AC1;
  color: #699AC1;
}
.methods-block--blue-s .methods-block__link, .methods-block--blue-s .methods-block__lead-txt, .methods-block--blue-s .methods-block__web, .methods-block--blue-s .methods-block__point-ttl, .methods-block--blue-s .methods-block__sub-ttl, .methods-block--blue-s .methods-block__extras-lead, .methods-block--blue-s .methods-block__schedule-lead {
  color: #699AC1;
}
.methods-block--blue-s .methods-block__link::after {
  background-image: url("../img/examination/icon-link-02.svg");
}
.methods-block--blue-s .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-02.svg");
}
.methods-block--blue-s .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-02.svg");
}
.methods-block--blue-s .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-02.svg");
}
.methods-block--blue-s .methods-block__table thead th {
  background: #699AC1;
}
.methods-block--blue-s .methods-block__table thead th:last-child {
  border-right-color: #699AC1;
}
.methods-block--blue-s .methods-block__table tbody th[scope=row] {
  color: #699AC1;
}
.methods-block--blue-s .methods-block__table--criteria tbody th {
  background: #699AC1;
}
.methods-block--blue-s .methods-block__table .c-fc--inherit {
  color: #699AC1;
}
.methods-block--blue-s .methods-block__select-item {
  border-color: #699AC1;
}
.methods-block--blue-s .methods-block__select-ttl strong {
  background: #699AC1;
}
@media screen and (max-width: 834px) {
  .methods-block--blue-s .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--blue-s .methods-block__title::after {
  border-right-color: #699AC1;
  border-bottom-color: #699AC1;
}
@media screen and (max-width: 834px) {
  .methods-block--blue-s .methods-block__title::after {
    right: -25px;
  }
}
.methods-block--green .methods-block__card {
  border-top-color: #58C485;
}
.methods-block--green .methods-block__card::before {
  background-image: url("../img/examination/icon-03.svg");
}
.methods-block--green .methods-block__tag, .methods-block--green .methods-block__desc-list li::before {
  background: #58C485;
}
.methods-block--green .methods-block__school-item {
  border-color: #58C485;
  color: #58C485;
}
.methods-block--green .methods-block__link, .methods-block--green .methods-block__lead-txt, .methods-block--green .methods-block__web, .methods-block--green .methods-block__point-ttl, .methods-block--green .methods-block__sub-ttl, .methods-block--green .methods-block__extras-lead, .methods-block--green .methods-block__schedule-lead {
  color: #58C485;
}
.methods-block--green .methods-block__link::after {
  background-image: url("../img/examination/icon-link-03.svg");
}
.methods-block--green .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-03.svg");
}
.methods-block--green .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-03.svg");
}
.methods-block--green .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-03.svg");
}
.methods-block--green .methods-block__table thead th {
  background: #58C485;
}
.methods-block--green .methods-block__table thead th:last-child {
  border-right-color: #58C485;
}
.methods-block--green .methods-block__table tbody th[scope=row] {
  color: #58C485;
}
.methods-block--green .methods-block__table--criteria tbody th {
  background: #58C485;
}
.methods-block--green .methods-block__table .c-fc--inherit {
  color: #58C485;
}
.methods-block--green .methods-block__select-item {
  border-color: #58C485;
}
.methods-block--green .methods-block__select-ttl strong {
  background: #58C485;
}
@media screen and (max-width: 834px) {
  .methods-block--green .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--green .methods-block__title::after {
  border-right-color: #58C485;
  border-bottom-color: #58C485;
}
@media screen and (max-width: 834px) {
  .methods-block--green .methods-block__title::after {
    right: -25px;
  }
}
.methods-block--yellow .methods-block__card {
  border-top-color: #D0AE45;
}
.methods-block--yellow .methods-block__card::before {
  background-image: url("../img/examination/icon-04.svg");
}
.methods-block--yellow .methods-block__tag, .methods-block--yellow .methods-block__desc-list li::before {
  background: #D0AE45;
}
.methods-block--yellow .methods-block__school-item {
  border-color: #D0AE45;
  color: #D0AE45;
}
.methods-block--yellow .methods-block__link, .methods-block--yellow .methods-block__lead-txt, .methods-block--yellow .methods-block__web, .methods-block--yellow .methods-block__point-ttl, .methods-block--yellow .methods-block__sub-ttl, .methods-block--yellow .methods-block__extras-lead, .methods-block--yellow .methods-block__schedule-lead {
  color: #D0AE45;
}
.methods-block--yellow .methods-block__link::after {
  background-image: url("../img/examination/icon-link-04.svg");
}
.methods-block--yellow .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-04.svg");
}
.methods-block--yellow .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-04.svg");
}
.methods-block--yellow .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-04.svg");
}
.methods-block--yellow .methods-block__table thead th {
  background: #D0AE45;
}
.methods-block--yellow .methods-block__table thead th:last-child {
  border-right-color: #D0AE45;
}
.methods-block--yellow .methods-block__table tbody th[scope=row] {
  color: #D0AE45;
}
.methods-block--yellow .methods-block__table--criteria tbody th {
  background: #D0AE45;
}
.methods-block--yellow .methods-block__table .c-fc--inherit {
  color: #D0AE45;
}
.methods-block--yellow .methods-block__select-item {
  border-color: #D0AE45;
}
.methods-block--yellow .methods-block__select-ttl strong {
  background: #D0AE45;
}
@media screen and (max-width: 834px) {
  .methods-block--yellow .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--yellow .methods-block__title::after {
  border-right-color: #D0AE45;
  border-bottom-color: #D0AE45;
}
@media screen and (max-width: 834px) {
  .methods-block--yellow .methods-block__title::after {
    right: -25px;
  }
}
.methods-block--purple .methods-block__card {
  border-top-color: #9169C2;
}
.methods-block--purple .methods-block__card::before {
  background-image: url("../img/examination/icon-05.svg");
}
.methods-block--purple .methods-block__tag, .methods-block--purple .methods-block__desc-list li::before {
  background: #9169C2;
}
.methods-block--purple .methods-block__school-item {
  border-color: #9169C2;
  color: #9169C2;
}
.methods-block--purple .methods-block__link, .methods-block--purple .methods-block__lead-txt, .methods-block--purple .methods-block__web, .methods-block--purple .methods-block__point-ttl, .methods-block--purple .methods-block__sub-ttl, .methods-block--purple .methods-block__extras-lead, .methods-block--purple .methods-block__schedule-lead {
  color: #9169C2;
}
.methods-block--purple .methods-block__link::after {
  background-image: url("../img/examination/icon-link-05.svg");
}
.methods-block--purple .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-05.svg");
}
.methods-block--purple .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-05.svg");
}
.methods-block--purple .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-05.svg");
}
.methods-block--purple .methods-block__table thead th {
  background: #9169C2;
}
.methods-block--purple .methods-block__table thead th:last-child {
  border-right-color: #9169C2;
}
.methods-block--purple .methods-block__table tbody th[scope=row] {
  color: #9169C2;
}
.methods-block--purple .methods-block__table--criteria tbody th {
  background: #9169C2;
}
.methods-block--purple .methods-block__table .c-fc--inherit {
  color: #9169C2;
}
.methods-block--purple .methods-block__select-item {
  border-color: #9169C2;
}
.methods-block--purple .methods-block__select-ttl strong {
  background: #9169C2;
}
@media screen and (max-width: 834px) {
  .methods-block--purple .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--purple .methods-block__title::after {
  border-right-color: #9169C2;
  border-bottom-color: #9169C2;
}
@media screen and (max-width: 834px) {
  .methods-block--purple .methods-block__title::after {
    right: -25px;
  }
}
.methods-block--blue .methods-block__card {
  border-top-color: #53B7E8;
}
.methods-block--blue .methods-block__card::before {
  background-image: url("../img/examination/icon-06.svg");
}
.methods-block--blue .methods-block__tag, .methods-block--blue .methods-block__desc-list li::before {
  background: #53B7E8;
}
.methods-block--blue .methods-block__school-item {
  border-color: #53B7E8;
  color: #53B7E8;
}
.methods-block--blue .methods-block__link, .methods-block--blue .methods-block__lead-txt, .methods-block--blue .methods-block__web, .methods-block--blue .methods-block__point-ttl, .methods-block--blue .methods-block__sub-ttl, .methods-block--blue .methods-block__extras-lead, .methods-block--blue .methods-block__schedule-lead {
  color: #53B7E8;
}
.methods-block--blue .methods-block__link::after {
  background-image: url("../img/examination/icon-link-06.svg");
}
.methods-block--blue .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-06.svg");
}
.methods-block--blue .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-06.svg");
}
.methods-block--blue .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-06.svg");
}
.methods-block--blue .methods-block__table thead th {
  background: #53B7E8;
}
.methods-block--blue .methods-block__table thead th:last-child {
  border-right-color: #53B7E8;
}
.methods-block--blue .methods-block__table tbody th[scope=row] {
  color: #53B7E8;
}
.methods-block--blue .methods-block__table--criteria tbody th {
  background: #53B7E8;
}
.methods-block--blue .methods-block__table .c-fc--inherit {
  color: #53B7E8;
}
.methods-block--blue .methods-block__select-item {
  border-color: #53B7E8;
}
.methods-block--blue .methods-block__select-ttl strong {
  background: #53B7E8;
}
@media screen and (max-width: 834px) {
  .methods-block--blue .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--blue .methods-block__title::after {
  border-right-color: #53B7E8;
  border-bottom-color: #53B7E8;
}
@media screen and (max-width: 834px) {
  .methods-block--blue .methods-block__title::after {
    right: -25px;
  }
}
.methods-block--green-d .methods-block__card {
  border-top-color: #59C2B1;
}
.methods-block--green-d .methods-block__card::before {
  background-image: url("../img/examination/icon-07.svg");
}
.methods-block--green-d .methods-block__tag, .methods-block--green-d .methods-block__desc-list li::before {
  background: #59C2B1;
}
.methods-block--green-d .methods-block__school-item {
  border-color: #59C2B1;
  color: #59C2B1;
}
.methods-block--green-d .methods-block__link, .methods-block--green-d .methods-block__lead-txt, .methods-block--green-d .methods-block__web, .methods-block--green-d .methods-block__point-ttl, .methods-block--green-d .methods-block__sub-ttl, .methods-block--green-d .methods-block__extras-lead, .methods-block--green-d .methods-block__schedule-lead {
  color: #59C2B1;
}
.methods-block--green-d .methods-block__link::after {
  background-image: url("../img/examination/icon-link-07.svg");
}
.methods-block--green-d .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-07.svg");
}
.methods-block--green-d .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-07.svg");
}
.methods-block--green-d .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-07.svg");
}
.methods-block--green-d .methods-block__table thead th {
  background: #59C2B1;
}
.methods-block--green-d .methods-block__table thead th:last-child {
  border-right-color: #59C2B1;
}
.methods-block--green-d .methods-block__table tbody th[scope=row] {
  color: #59C2B1;
}
.methods-block--green-d .methods-block__table--criteria tbody th {
  background: #59C2B1;
}
.methods-block--green-d .methods-block__table .c-fc--inherit {
  color: #59C2B1;
}
.methods-block--green-d .methods-block__select-item {
  border-color: #59C2B1;
}
.methods-block--green-d .methods-block__select-ttl strong {
  background: #59C2B1;
}
@media screen and (max-width: 834px) {
  .methods-block--green-d .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--green-d .methods-block__title::after {
  border-right-color: #59C2B1;
  border-bottom-color: #59C2B1;
}
@media screen and (max-width: 834px) {
  .methods-block--green-d .methods-block__title::after {
    right: -25px;
  }
}
.methods-block--l-blue .methods-block__card {
  border-top-color: #96A7D9;
}
.methods-block--l-blue .methods-block__card::before {
  background-image: url("../img/examination/icon-08.svg");
}
.methods-block--l-blue .methods-block__tag, .methods-block--l-blue .methods-block__desc-list li::before {
  background: #96A7D9;
}
.methods-block--l-blue .methods-block__school-item {
  border-color: #96A7D9;
  color: #96A7D9;
}
.methods-block--l-blue .methods-block__link, .methods-block--l-blue .methods-block__lead-txt, .methods-block--l-blue .methods-block__web, .methods-block--l-blue .methods-block__point-ttl, .methods-block--l-blue .methods-block__sub-ttl, .methods-block--l-blue .methods-block__extras-lead, .methods-block--l-blue .methods-block__schedule-lead {
  color: #96A7D9;
}
.methods-block--l-blue .methods-block__link::after {
  background-image: url("../img/examination/icon-link-08.svg");
}
.methods-block--l-blue .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-08.svg");
}
.methods-block--l-blue .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-08.svg");
}
.methods-block--l-blue .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-08.svg");
}
.methods-block--l-blue .methods-block__table thead th {
  background: #96A7D9;
}
.methods-block--l-blue .methods-block__table thead th:last-child {
  border-right-color: #96A7D9;
}
.methods-block--l-blue .methods-block__table tbody th[scope=row] {
  color: #96A7D9;
}
.methods-block--l-blue .methods-block__table--criteria tbody th {
  background: #96A7D9;
}
.methods-block--l-blue .methods-block__table .c-fc--inherit {
  color: #96A7D9;
}
.methods-block--l-blue .methods-block__select-item {
  border-color: #96A7D9;
}
.methods-block--l-blue .methods-block__select-ttl strong {
  background: #96A7D9;
}
@media screen and (max-width: 834px) {
  .methods-block--l-blue .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--l-blue .methods-block__title::after {
  border-right-color: #96A7D9;
  border-bottom-color: #96A7D9;
}
@media screen and (max-width: 834px) {
  .methods-block--l-blue .methods-block__title::after {
    right: -25px;
  }
}
.methods-block--l-purple .methods-block__card {
  border-top-color: #7F1E7F;
}
.methods-block--l-purple .methods-block__card::before {
  background-image: url("../img/examination/icon-09.svg");
}
.methods-block--l-purple .methods-block__tag, .methods-block--l-purple .methods-block__desc-list li::before {
  background: #7F1E7F;
}
.methods-block--l-purple .methods-block__school-item {
  border-color: #7F1E7F;
  color: #7F1E7F;
}
.methods-block--l-purple .methods-block__link, .methods-block--l-purple .methods-block__lead-txt, .methods-block--l-purple .methods-block__web, .methods-block--l-purple .methods-block__point-ttl, .methods-block--l-purple .methods-block__sub-ttl, .methods-block--l-purple .methods-block__extras-lead, .methods-block--l-purple .methods-block__schedule-lead {
  color: #7F1E7F;
}
.methods-block--l-purple .methods-block__link::after {
  background-image: url("../img/examination/icon-link-09.svg");
}
.methods-block--l-purple .methods-block__web::before {
  background-image: url("../img/examination/icon-feature-09.svg");
}
.methods-block--l-purple .methods-block__point-badge {
  background-image: url("../img/examination/icon-hexagonal-09.svg");
}
.methods-block--l-purple .methods-block__check-item::before {
  background-image: url("../img/examination/icon-check-09.svg");
}
.methods-block--l-purple .methods-block__table thead th {
  background: #7F1E7F;
}
.methods-block--l-purple .methods-block__table thead th:last-child {
  border-right-color: #7F1E7F;
}
.methods-block--l-purple .methods-block__table tbody th[scope=row] {
  color: #7F1E7F;
}
.methods-block--l-purple .methods-block__table--criteria tbody th {
  background: #7F1E7F;
}
.methods-block--l-purple .methods-block__table .c-fc--inherit {
  color: #7F1E7F;
}
.methods-block--l-purple .methods-block__select-item {
  border-color: #7F1E7F;
}
.methods-block--l-purple .methods-block__select-ttl strong {
  background: #7F1E7F;
}
@media screen and (max-width: 834px) {
  .methods-block--l-purple .methods-block__title {
    min-width: 240px;
  }
}
.methods-block--l-purple .methods-block__title::after {
  border-right-color: #7F1E7F;
  border-bottom-color: #7F1E7F;
}
@media screen and (max-width: 834px) {
  .methods-block--l-purple .methods-block__title::after {
    right: -25px;
  }
}
.methods-block__card {
  position: relative;
  background: #F2F2F2;
  border-top: 5px solid;
}
.methods-block__card::before {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 60px;
  aspect-ratio: 60/59;
  top: -30px;
  left: 48.7%;
  transform: translateX(-50%);
  background: center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .methods-block__card::before {
    width: 41px;
    top: -17px;
    left: 50%;
  }
}
.methods-block__header {
  position: relative;
  padding: 35px 18px 23px;
  background: #fff;
}
@media screen and (max-width: 834px) {
  .methods-block__header {
    padding: 36px 20px 35px;
  }
}
.methods-block__header-inner {
  display: flex;
  justify-content: center;
  gap: 16px 24px;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .methods-block__header-inner {
    flex-direction: column;
    align-items: center;
    gap: 19px;
  }
}
.methods-block__header-inner::before {
  content: "";
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1400px) {
  .methods-block__header-inner::before {
    display: none;
  }
}
.methods-block__tag {
  position: absolute;
  top: 0;
  left: 24.8%;
  min-width: 90px;
  height: 40px;
  padding: 1px 5px 5px;
  border-radius: 0 0 4px 4px;
  color: #fff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
}
@media screen and (max-width: 834px) {
  .methods-block__tag {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    left: 20px;
    min-width: 68px;
    height: 33px;
    padding-bottom: 3px;
  }
}
.methods-block__title {
  flex: 0 1 auto;
  max-width: 52%;
  font-weight: 700;
  text-align: center;
  font-size: 3.2rem;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 1025px) {
  .methods-block__title {
    min-height: 66px;
  }
}
@media screen and (max-width: 1024px) {
  .methods-block__title {
    max-width: 100%;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 834px) {
  .methods-block__title {
    font-size: 2rem;
    position: relative;
  }
  .methods-block__title::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    top: calc(50% - 8px);
    right: -65px;
    transform: rotate(45deg);
    transition: 0.3s transform;
  }
}
.methods-block__title small {
  font-size: 62.5%;
  line-height: 1.6;
  font-weight: 600;
  display: block;
}
.methods-block__meta {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 28px;
}
@media screen and (max-width: 1400px) {
  .methods-block__meta {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }
}
.methods-block__school {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-self: center;
  gap: 16px;
  min-width: 186px;
}
@media screen and (min-width: 1401px) {
  .methods-block__school {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .methods-block__school {
    justify-content: center;
  }
}
.methods-block__school-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 27px;
  padding: 0 19px;
  border: 1px solid currentColor;
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
}
@media screen and (min-width: 1401px) {
  .methods-block__school--second {
    margin-right: -48px;
  }
}
.methods-block__links {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  flex-direction: column;
  align-items: flex-end;
  align-self: flex-end;
  gap: 9px;
  width: 170px;
  min-width: 170px;
}
@media screen and (max-width: 1024px) {
  .methods-block__links {
    align-items: center;
    align-self: center;
  }
}
.methods-block__links li {
  line-height: 1.4;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .methods-block__links li {
    text-align: center;
  }
}
@media screen and (min-width: 1401px) {
  .methods-block__links--second {
    margin: 0 3px 0 -58px;
  }
}
.methods-block__link {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 3px;
  text-decoration-color: #EEBA64;
}
.methods-block__link::after {
  content: "";
  width: 15px;
  aspect-ratio: 1;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 2px;
  background: center/contain no-repeat;
}
.methods-block__lead {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px 10px;
  padding: 40px 25px 40px 15px;
  background: #F2F2F2;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .methods-block__lead {
    padding: 40px 33px;
    gap: 10px;
    text-align: left;
  }
}
.methods-block__lead-txt {
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}
.methods-block__lead-desc {
  line-height: 1.75;
}
@media screen and (max-width: 834px) {
  .methods-block__lead-desc {
    line-height: 1.625;
  }
}
.methods-block__lead-desc:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 1400px) {
  .methods-block__lead-links {
    text-align: center;
    margin-right: -70px;
  }
}
.methods-block__lead-links li {
  margin-bottom: 8px;
}
.methods-block__lead-links li:last-child {
  margin-bottom: 0;
}
.methods-block__lead--desc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 41px 15px 18px 15px;
  gap: 19px 10px;
}
@media screen and (max-width: 834px) {
  .methods-block__lead--desc {
    padding: 41px 20px 19px;
  }
}
.methods-block__lead--desc .methods-block__lead-txt {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}
@media screen and (max-width: 834px) {
  .methods-block__lead--desc .methods-block__lead-txt {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .methods-block__lead--other .methods-block__lead {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 640px) {
  .methods-block__lead--other .methods-block__lead-txt {
    text-align: center;
  }
}
@media screen and (max-width: 834px) {
  .methods-block__lead--other + .methods-block__lead-desc {
    text-align: center;
    margin-bottom: 40px;
  }
}
.methods-block__web::before {
  content: "";
  display: block;
  width: 60px;
  aspect-ratio: 60/51;
  background: center/contain no-repeat;
}
.methods-block__body {
  padding: 0 32px 40px 20px;
}
@media screen and (max-width: 834px) {
  .methods-block__body {
    padding: 0 20px 40px;
  }
}
.methods-block__flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.methods-block__flex:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (min-width: 835px) {
  .methods-block__flex--second {
    margin: 0 -4px 0 -3px;
  }
}
@media screen and (min-width: 835px) {
  .methods-block__flex--three {
    margin: 0 -1px 0 0px;
  }
}
.methods-block__main {
  flex: 1;
  min-width: 0;
  width: calc(100% - 304px);
}
@media screen and (max-width: 1024px) {
  .methods-block__main {
    width: 100%;
  }
}
.methods-block__aside {
  width: 298px;
  flex-shrink: 0;
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .methods-block__aside {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .methods-block__aside--second {
    width: 400px;
  }
}
.methods-block__points {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
  counter-reset: point;
}
@media screen and (max-width: 834px) {
  .methods-block__points {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 835px) {
  .methods-block__points--second {
    grid-template-columns: repeat(2, 1fr);
  }
}
.methods-block__point {
  flex: 1;
  min-width: 280px;
  padding: 20px 30px 16px;
  background: #fff;
}
@media screen and (max-width: 834px) {
  .methods-block__point {
    min-width: 100%;
    padding: 20px 19px 21px;
  }
}
.methods-block__point-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;
}
@media screen and (max-width: 834px) {
  .methods-block__point-head {
    gap: 10px;
    margin-bottom: 20px;
  }
}
.methods-block__point-badge {
  font-family: "Poppins", sans-serif;
  width: 71px;
  aspect-ratio: 1;
  padding: 9px 4px 4px;
  gap: 1px;
  color: #fff;
  text-align: center;
  line-height: 1.1;
  background: center/contain no-repeat;
  font-weight: 600;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.methods-block__point-badge::after {
  counter-increment: point;
  content: counter(point);
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
}
.methods-block__point-ttl {
  flex: 1;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  border-bottom: 2px solid #EEBA64;
  padding-bottom: 7px;
}
.methods-block__point-txt {
  font-weight: 500;
  line-height: 1.6;
}
.methods-block__box {
  padding: 30px 30px 24px;
}
@media screen and (max-width: 834px) {
  .methods-block__box {
    padding: 38px 56px 59px;
  }
}
.methods-block__box--conditions {
  background: #fff;
  padding: 22px 31px 20px;
}
@media screen and (max-width: 834px) {
  .methods-block__box--conditions {
    padding: 30px 31px 21px;
  }
}
@media screen and (max-width: 834px) {
  .methods-block__box--selection {
    padding: 38px 20px 31px;
  }
}
@media screen and (max-width: 640px) {
  .methods-block__box--selection ol {
    padding-left: 60px;
  }
}
.methods-block__sub-ttl {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 19px;
}
@media screen and (max-width: 834px) {
  .methods-block__sub-ttl {
    margin-bottom: 27px;
    line-height: 1.2;
  }
}
.methods-block__sub-ttl span {
  display: inline-block;
  position: relative;
  padding: 0 20px;
}
@media screen and (max-width: 834px) {
  .methods-block__sub-ttl span {
    padding: 0 53px;
  }
}
.methods-block__sub-ttl span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 54px;
  height: 8px;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  top: 48%;
  background: url(../img/common/dots.png) no-repeat center/contain;
}
@media screen and (max-width: 640px) {
  .methods-block__sub-ttl span:before {
    width: 48px;
    height: 6px;
    right: 0;
  }
}
.methods-block__sub-ttl span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 54px;
  height: 8px;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  top: 48%;
  background: url(../img/common/dots.png) no-repeat center/contain;
}
@media screen and (max-width: 640px) {
  .methods-block__sub-ttl span:after {
    width: 48px;
    height: 6px;
    left: 0;
  }
}
.methods-block__check {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 11px;
  line-height: 1.6;
}
@media screen and (max-width: 834px) {
  .methods-block__check {
    margin-right: -8px;
  }
}
.methods-block__check-item {
  position: relative;
  padding-left: 23px;
}
.methods-block__check-item::before {
  content: "";
  width: 22px;
  aspect-ratio: 1;
  background: center/contain no-repeat;
  position: absolute;
  left: -1px;
  top: 1px;
}
.methods-block__conditions-txt {
  line-height: 1.6;
}
.methods-block__conditions-note {
  padding-top: 13px;
  margin-top: 10px;
  line-height: 1.6;
  background: url(../img/examination/border-horizontal.png) repeat-x top left;
}
@media screen and (max-width: 834px) {
  .methods-block__conditions-note {
    margin-top: 9px;
  }
}
.methods-block__select-list, .methods-block__select-txt {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}
@media screen and (max-width: 640px) {
  .methods-block__select-list {
    padding-left: 60px;
  }
}
.methods-block__select-list li {
  padding-left: 15px;
  text-indent: -15px;
}
.methods-block__select-list li:not(:last-child) {
  margin-bottom: 15px;
}
.methods-block__select-detail {
  display: grid;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .methods-block__select-detail {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 640px) {
  .methods-block__select-detail .methods-block__select-list {
    padding-left: 0;
  }
}
.methods-block__select-item {
  border: 1px solid;
}
.methods-block__select-ttl {
  display: flex;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  color: #FFFFFF;
}
.methods-block__select-ttl strong {
  border-radius: 0 0 4px 0;
  min-width: 72px;
  text-align: center;
  padding: 8px 5px;
}
@media screen and (max-width: 834px) {
  .methods-block__select-ttl strong {
    min-width: 66px;
  }
}
.methods-block__select-ct {
  padding: 18px 30px 21px;
}
@media screen and (max-width: 834px) {
  .methods-block__select-ct {
    padding: 18px 27px 21px;
  }
}
.methods-block__select-txt {
  margin: -12px 0 -5px;
}
@media screen and (min-width: 1025px) {
  .methods-block__select-txt {
    padding: 0 30px;
  }
}
@media screen and (max-width: 834px) {
  .methods-block__select-txt {
    padding: 0 28px;
  }
}
.methods-block__promo {
  background: #fff;
  padding: 31px 30px 30px;
}
@media screen and (max-width: 834px) {
  .methods-block__promo {
    padding: 31px 20px 29px;
    text-align: left;
  }
}
.methods-block__promo-ttl {
  margin-bottom: 30px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #3C9966;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 3px;
  text-decoration-color: #EEBA64;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .methods-block__promo-ttl {
    line-height: 1.6;
  }
}
.methods-block__promo-ttl--lg {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0909090909;
  text-decoration-thickness: 4px;
}
@media screen and (max-width: 834px) {
  .methods-block__promo-ttl--lg {
    line-height: 1.4;
  }
}
.methods-block__promo-txt {
  line-height: 1.75;
}
.methods-block__promo-txt u {
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  text-decoration-color: #EEBA64;
}
@media screen and (min-width: 835px) {
  .methods-block__promo-txt--c {
    text-align: center;
  }
}
.methods-block__schedule-lead {
  margin-bottom: 8px;
  font-weight: 700;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
}
.methods-block__schedule-note {
  margin-bottom: 20px;
  text-align: center;
  font-weight: 500;
}
.methods-block__body--wide .methods-block__main {
  width: 100%;
}
.methods-block__criteria {
  padding: 31px 29px 30px;
  background: #fff;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .methods-block__criteria {
    padding: 30px 15px;
    margin-bottom: 15px;
  }
}
.methods-block__criteria-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px 20px;
  padding: 14px 0;
  border-bottom: 1px dashed #E5E5E5;
}
@media screen and (max-width: 834px) {
  .methods-block__criteria-item {
    flex-direction: column;
    gap: 8px;
  }
}
.methods-block__criteria-item:last-child {
  border-bottom: 0;
}
.methods-block__criteria-item dt {
  flex-shrink: 0;
  min-width: 120px;
  font-weight: 700;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
}
.methods-block__criteria-item dd {
  flex: 1;
  font-weight: 500;
  line-height: 1.8;
}
.methods-block__criteria-table-wrap {
  overflow-x: auto;
}
.methods-block__note {
  min-width: 720px;
  margin-top: 5px;
}
.methods-block--simple .methods-block__simple-body {
  padding: 0 40px 40px;
}
@media screen and (max-width: 834px) {
  .methods-block--simple .methods-block__simple-body {
    padding: 0 20px 32px;
  }
}
@media screen and (min-width: 835px) {
  .methods-block--simple .methods-block__simple-body .methods-block__schedule {
    padding: 20px 23px 20px 21px;
    margin: 0 -10px 0 -20px;
  }
}
.methods-block__simple-body .methods-block__schedule {
  padding: 0 40px 40px;
}
@media screen and (max-width: 834px) {
  .methods-block__simple-body .methods-block__schedule {
    padding: 21px 20px 18px;
  }
}
.methods-block__desc-list {
  display: grid;
  gap: 12px;
  margin-bottom: 39px;
  line-height: 1.7;
}
@media screen and (max-width: 834px) {
  .methods-block__desc-list {
    line-height: 1.65;
    margin-bottom: 37px;
  }
}
.methods-block__desc-list li {
  position: relative;
  padding-left: 15px;
}
@media screen and (max-width: 834px) {
  .methods-block__desc-list li {
    padding: 0 5px 0 24px;
  }
}
.methods-block__desc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
@media screen and (max-width: 834px) {
  .methods-block__desc-list li::before {
    left: 8px;
  }
}
.methods-block__desc-list li u {
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
  text-decoration-color: #EEBA64;
}
@media screen and (max-width: 1024px) {
  .methods-block--graduate .methods-block__header-inner {
    padding-top: 8px;
  }
}
.methods-block__transfer-methods {
  overflow-x: auto;
}
.methods-block__transfer-methods tbody th[scope=row] {
  text-align: left;
  white-space: nowrap;
}
.methods-block__transfer-methods tbody td {
  text-align: left;
}
.methods-block__schedule {
  padding: 21px 30px 16px 31px;
  background: #fff;
}
@media screen and (max-width: 834px) {
  .methods-block__schedule {
    padding: 21px 15px 15px;
  }
}
.methods-block__schedule--first {
  width: calc(31.1% - 20px);
  padding: 31px 29px 29px;
}
@media screen and (max-width: 1200px) {
  .methods-block__schedule--first {
    width: 100%;
  }
}
.methods-block__schedule--second {
  width: 68.9%;
  padding: 31px 30px 29px 29px;
}
@media screen and (max-width: 1200px) {
  .methods-block__schedule--second {
    width: 100%;
  }
}
.methods-block__schedule--three {
  width: calc(36.1% - 20px);
  padding: 31px 30px 29px;
}
@media screen and (max-width: 1200px) {
  .methods-block__schedule--three {
    width: 100%;
  }
}
.methods-block__schedule--four {
  width: 63.9%;
  padding: 31px 30px 29px 29px;
}
@media screen and (max-width: 1200px) {
  .methods-block__schedule--four {
    width: 100%;
  }
}
.methods-block__schedule + .methods-block__promo {
  margin-top: 50px;
}
.methods-block__schedule--diff {
  padding: 21px 19px 16px 19px;
}
.methods-block__schedule--diff02 {
  padding: 21px 24px 16px 24px;
}
.methods-block__schedule--diff02:not(:last-child) {
  margin-bottom: 20px;
}
.methods-block__table-wrap {
  overflow-x: auto;
}
.methods-block__table-wrap:not(:last-child) {
  margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
  .methods-block__table-wrap:not(:last-child) {
    margin-bottom: 5px;
  }
}
.methods-block__table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  table-layout: fixed;
}
.methods-block__table th,
.methods-block__table td {
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
.methods-block__table th {
  font-weight: bold;
}
@media screen and (max-width: 834px) {
  .methods-block__table th {
    padding: 6px 5px;
  }
}
@media screen and (max-width: 834px) {
  .methods-block__table td {
    padding: 6px 5px 5px;
  }
}
.methods-block__table thead th {
  color: #fff;
  border: 1px solid #fff;
  line-height: 1.2;
}
.methods-block__table thead th small {
  font-size: 87.5%;
  line-height: 1.2;
  display: block;
}
.methods-block__table tbody {
  line-height: 1.4;
}
.methods-block__table tbody th, .methods-block__table tbody td {
  border: 1px solid #ccc;
}
.methods-block__table tbody th {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.28;
}
.methods-block__table tbody td sup {
  font-size: 62.5%;
  line-height: 1.6;
}
.methods-block__table tbody td small {
  display: block;
  font-size: 87.5%;
  line-height: 1.4;
}
.methods-block__table tbody td > p:not(:last-child) {
  margin-bottom: 12px;
}
.methods-block__table tbody td.c-al--l {
  padding: 6px 28px 5px;
}
.methods-block__table tbody .c-txt__02 {
  line-height: 1.4;
}
.methods-block__table tbody u {
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
  text-decoration-color: #EEBA64;
}
.methods-block__table tbody ol {
  display: grid;
  gap: 21px;
}
@media screen and (min-width: 1025px) {
  .methods-block__table tbody ol {
    padding: 10px 0 29px;
    margin: 0 -5px 0 -7px;
  }
}
@media screen and (max-width: 834px) {
  .methods-block__table tbody ol {
    gap: 15px;
  }
}
.methods-block__table tbody ol > li p {
  line-height: 1.2;
  margin-bottom: 10px;
}
.methods-block__table tbody ul > li {
  padding-left: 22px;
  position: relative;
}
.methods-block__table tbody ul > li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 9px;
  width: 3px;
  height: 3px;
  background: #010101;
  border-radius: 50%;
}
.methods-block__table .col-01 {
  width: 199px;
}
.methods-block__table .col-02 {
  width: 59px;
}
.methods-block__table .col-03 {
  width: 260px;
}
.methods-block__table .col-04 {
  width: 170px;
}
.methods-block__table .col-05 {
  width: 198px;
}
.methods-block__table .col-06 {
  width: 149px;
}
.methods-block__table .col-07 {
  width: 119px;
}
.methods-block__table .col-08 {
  width: 104px;
}
.methods-block__table .col-09 {
  width: 161px;
}
.methods-block__table .col-10 {
  width: 351px;
}
.methods-block__table .col-12 {
  width: 365px;
}
.methods-block__table .col-13 {
  width: 545px;
}
.methods-block__table .col-14 {
  width: 90px;
}
.methods-block__table .col-15 {
  width: 148px;
}
.methods-block__table .col-16 {
  width: 99px;
}
.methods-block__table .col-17 {
  width: 159px;
}
.methods-block__table .col-18 {
  width: 220px;
}
.methods-block__table .col-19 {
  width: 70px;
}
.methods-block__table .col-20 {
  width: 128px;
}
.methods-block__table .col-21 {
  width: 510px;
}
.methods-block__table .col-22 {
  width: 232px;
}
.methods-block__table .col-23 {
  width: 193px;
}
.methods-block__table--cols-2 {
  min-width: 270px;
}
.methods-block__table--cols-5 {
  min-width: 175px;
}
.methods-block__table--cols-6 {
  min-width: 680px;
}
.methods-block__table--wide {
  min-width: 860px;
}
.methods-block__table--criteria {
  min-width: 640px;
}
.methods-block__table--criteria td {
  font-size: 1.5rem;
  text-align: left;
}
@media screen and (min-width: 835px) {
  .methods-block__table--criteria td {
    padding: 15px 27px 20px;
  }
}
.methods-block__table--criteria tbody th {
  color: white;
  border-color: white;
}
.methods-block__table--second {
  max-width: 1048px;
  margin: 0 auto;
}
.js-accordion-head.active .methods-block__title::after {
  transform: rotate(-135deg);
  top: calc(50% - 2px);
}
@media screen and (max-width: 834px) {
  .js-accordion-body {
    display: none;
  }
}

.sec-guideline {
  position: relative;
  z-index: 1;
  padding: 188px 0 200px;
}
@media screen and (max-width: 834px) {
  .sec-guideline {
    padding: 99px 0;
  }
}
.sec-guideline::before, .sec-guideline::after {
  content: "";
  position: absolute;
  z-index: -1;
}
.sec-guideline::before {
  background: url(../img/examination/guideline-bf.png) no-repeat center/contain;
  bottom: 0;
  left: 0;
  aspect-ratio: 818/1044;
  width: 60%;
  max-width: 409px;
}
@media screen and (max-width: 834px) {
  .sec-guideline::before {
    bottom: -21px;
    left: -14px;
  }
}
.sec-guideline::after {
  background: url(../img/examination/guideline-af.png) no-repeat center/contain;
  top: 9.8%;
  right: 0;
  aspect-ratio: 994/1044;
  width: 77%;
  max-width: 497px;
}
@media screen and (max-width: 834px) {
  .sec-guideline::after {
    top: 3.3%;
    right: -20px;
  }
}
@media screen and (min-width: 835px) {
  .sec-guideline .inner {
    max-width: calc(1256px + 10.258%);
  }
}

@media screen and (max-width: 834px) {
  .guideline-ttl {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.guideline-note {
  font-weight: 600;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  color: #000000;
  margin: 142px 0 177px;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .guideline-note {
    margin: 135px 0 95px;
  }
}

.guideline-box {
  border: 1px solid #EEBA64;
  background: white;
  border-radius: 30px;
  padding: 66px 69px 60px;
  line-height: 1.6;
}
@media screen and (max-width: 834px) {
  .guideline-box {
    padding: 60px 19px 60px;
    line-height: 1.62;
  }
}
@media screen and (min-width: 835px) {
  .guideline-box .c-ttl__01::after {
    bottom: -21px;
  }
}
@media screen and (max-width: 834px) {
  .guideline-box .c-ttl__01::after {
    bottom: -17px;
  }
}
@media screen and (min-width: 835px) {
  .guideline-box .c-ttl__01 .c-ft--jp::before, .guideline-box .c-ttl__01 .c-ft--jp::after {
    bottom: -21px;
  }
}
@media screen and (max-width: 834px) {
  .guideline-box .c-ttl__01 .c-ft--jp::before, .guideline-box .c-ttl__01 .c-ft--jp::after {
    bottom: -17px;
  }
}
.guideline-box strong {
  background-image: linear-gradient(to right, #eeba64 50%, transparent 50%);
  background-size: 200% 3px;
  background-repeat: no-repeat;
  background-position: left 0 bottom 0;
}

#page-topics .breadcrumb {
  margin-bottom: 95px;
}

.sec-topics {
  padding: 150px 0 267px;
  background: url(../img/graduate/mp/bg-03.png) #EEF7F4 center no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .sec-topics {
    padding: 10px 0 230px;
  }
}
@media screen and (max-width: 834px) {
  .sec-topics {
    padding: 10px 0 150px;
  }
}
.sec-topics::after, .sec-topics::before {
  content: "";
  width: 78px;
  height: 69px;
  background: url("../img/child/icon-after.png") center no-repeat;
  background-size: contain;
  position: absolute;
  left: 9.8%;
  top: 22.5%;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  .sec-topics::after, .sec-topics::before {
    left: 5%;
  }
}
@media screen and (max-width: 834px) {
  .sec-topics::after, .sec-topics::before {
    left: 5.5%;
    width: 40px;
    height: 40px;
    top: 10%;
  }
}
.sec-topics::before {
  left: auto;
  right: 8.8%;
  bottom: 33.7%;
  top: auto;
}
@media screen and (max-width: 834px) {
  .sec-topics::before {
    right: 5%;
    bottom: 10%;
  }
}
.sec-topics .c-ttl__01 {
  margin-bottom: 106px;
}
.sec-topics .c-ttl__01 .c-ft--en {
  margin-bottom: -5px;
}

.topics-menu {
  max-width: 513px;
  width: 100%;
  margin: 0 auto;
  counter-reset: item;
}
.topics-menu__item {
  counter-increment: item;
}
.topics-menu__item:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.topics-menu__item:not(:last-child):before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: url("../img/topics/border.png") center repeat-x;
  background-size: contain;
}
.topics-menu__item > a {
  padding-right: 35px;
}
@media screen and (max-width: 834px) {
  .topics-menu__item > a {
    padding-right: 30px;
  }
}
.topics-menu__item > a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 32px;
  height: 32px;
  background: url("../img/topics/arrow.svg") center no-repeat;
  background-size: contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .topics-menu__item > a:after {
    width: 26px;
    height: 26px;
  }
}

.step-title {
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  font-size: 2.2rem;
}
@media screen and (max-width: 834px) {
  .step-title {
    font-size: 1.8rem;
  }
}
.step-title small {
  text-align: center;
  width: 70px;
  height: 70px;
  padding: 14px;
  background: url("../img/topics/bg-step.svg") center no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  display: block;
  position: relative;
}
@media screen and (max-width: 834px) {
  .step-title small {
    width: 60px;
    height: 60px;
    padding: 12px 10px;
    font-size: 1.1rem;
  }
}
.step-title small:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  content: counter(item);
  position: absolute;
  bottom: 5px;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 3.2rem;
}
@media screen and (max-width: 834px) {
  .step-title small:before {
    bottom: 7px;
    font-size: 2.4rem;
  }
}
.step-title span {
  padding-left: 18px;
  display: block;
  width: calc(100% - 70px);
}
@media screen and (max-width: 834px) {
  .step-title span {
    padding-left: 10px;
    width: calc(100% - 60px);
  }
}

.sec-point {
  padding: 147px 0 105px;
  background: url(../img/community/network-bg.jpg) center center/cover no-repeat;
  border-radius: 80px;
  width: 89%;
  margin: -148px auto 150px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .sec-point {
    margin-top: -80px;
    border-radius: 40px;
    padding: 70px 0;
    margin-bottom: 70px;
  }
}
.sec-point::after, .sec-point::before {
  content: "";
  width: 68px;
  background: url("../img/child/icon-before-02.png") center no-repeat;
  height: 122px;
  background-size: contain;
  position: absolute;
  left: 0.3%;
  top: 5.9%;
}
@media screen and (max-width: 834px) {
  .sec-point::after, .sec-point::before {
    right: -2.5%;
    top: 12px;
    width: 40px;
    height: 100px;
  }
}
.sec-point::before {
  background: url("../img/child/icon-after-02.png") center no-repeat;
  background-size: contain;
  left: auto;
  right: -33px;
  top: auto;
  bottom: 2.3%;
}
@media screen and (max-width: 834px) {
  .sec-point::before {
    top: auto;
    bottom: -47px;
    right: -15px;
  }
}

.point-list {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  counter-reset: item02;
}
.point-list__item {
  counter-increment: item02;
  background: #fff;
  padding: 40px 100px;
}
@media screen and (max-width: 1024px) {
  .point-list__item {
    padding: 40px;
  }
}
@media screen and (max-width: 834px) {
  .point-list__item {
    padding: 35px 15px;
  }
}
.point-list__item .step-title {
  margin-bottom: 41px;
}
@media screen and (max-width: 834px) {
  .point-list__item .step-title {
    margin-bottom: 20px;
  }
}
.point-list__item .step-title small::before {
  content: counter(item02);
}
.point-list__item:not(:last-child) {
  margin-bottom: 80px;
}
@media screen and (max-width: 834px) {
  .point-list__item:not(:last-child) {
    margin-bottom: 50px;
  }
}
.point-list__ct {
  margin-bottom: 39px;
}
@media screen and (max-width: 834px) {
  .point-list__ct {
    margin-bottom: 20px;
  }
}
.point-list__ct p {
  font-weight: 500;
  line-height: 1.6;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .point-list__ct p {
    font-size: 1.4rem;
  }
}
.point-list__ct p:not(:last-child) {
  margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
  .point-list__ct p:not(:last-child) {
    margin-bottom: 15px;
  }
}
.point-list__ct p a {
  color: #20686F;
  text-decoration: underline;
}
.point-list__price {
  padding-top: 2px;
}
.point-list__price-item:not(:last-child) {
  padding-bottom: 41px;
  margin-bottom: 40px;
  position: relative;
}
.point-list__price-item:not(:last-child):before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background: url("../img/topics/border-02.png") center repeat-x;
  background-size: contain;
}
.point-list__price-item > p {
  margin-bottom: 19px;
  font-weight: bold;
  line-height: 1.6;
  display: flex;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .point-list__price-item > p {
    font-size: 1.4rem;
  }
}
.point-list__price-ttl {
  margin-bottom: 16px;
}
.point-list__price-ttl span {
  display: inline-block;
  background: #3C9966;
  padding: 6px 18px;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .point-list__price-ttl span {
    font-size: 1.4rem;
  }
}
.point-list__price-img {
  max-width: 749px;
}
.point-list__price-img.mw-690 {
  max-width: 690px;
}
@media screen and (max-width: 834px) {
  .point-list__price-img {
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
  }
  .point-list__price-img picture, .point-list__price-img img {
    width: 600px;
    display: block;
  }
}
.point-list__price-img img {
  width: 100%;
}
.point-list__img {
  text-align: center;
}
.point-list__img img {
  width: 100%;
  max-width: 459px;
  display: inline-block;
}
/*# sourceMappingURL=maps/styles.css.map */