@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@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;
  }
}
.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 {
  background: #F5F5F5;
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
}

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;
}

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

.inner {
  display: block;
  max-width: 1140px;
  padding: 0 30px;
  margin: 0 auto;
}
@media screen and (max-width: 359px) {
  .inner {
    padding: 0 15px;
  }
}
.inner--960 {
  max-width: 1020px;
}
.inner--720 {
  max-width: 780px;
}

@media screen and (max-width: 834px) {
  .mv-page .inner {
    padding: 0 15px;
  }
}
.mv-page__img {
  margin: 0 min(-30px, (100% - 100vw) / 2);
}
@media screen and (max-width: 834px) {
  .mv-page__img {
    margin: 0 -15px;
  }
}
.mv-page__img img {
  width: 100%;
}
.mv-page__ttl {
  position: relative;
  margin-top: -83px;
}
@media screen and (max-width: 834px) {
  .mv-page__ttl {
    margin-top: -52px;
  }
}
.mv-page__ttl .c-ft--en {
  display: inline-block;
  background: #61c8c8;
  color: white;
  padding: 10px 20px 8px;
  margin-bottom: -1px;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 834px) {
  .mv-page__ttl .c-ft--en {
    padding: 6px 10px 6px 15px;
    margin-bottom: -2px;
    font-size: 1.2rem;
  }
}
.mv-page__ttl .c-ft--serif {
  display: block;
  font-weight: 500;
  font-size: 7.2rem;
  line-height: 1.1666;
}
@media screen and (max-width: 834px) {
  .mv-page__ttl .c-ft--serif {
    font-size: 4.8rem;
    letter-spacing: -0.08em;
  }
}
@media screen and (max-width: 390px) {
  .mv-page__ttl .c-ft--serif {
    font-size: 3.5rem;
    letter-spacing: 0;
  }
}
.mv-page__ttl .c-ft--serif > span {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right, white 50%, white 50%);
  background-size: 100% 88px;
  background-repeat: no-repeat;
  background-position: 0 11px;
  padding: 0 10px;
}
@media screen and (max-width: 834px) {
  .mv-page__ttl .c-ft--serif > span {
    padding: 0 5px;
    background-size: 100% 56px;
    background-position: 0 9px;
  }
}
@media screen and (max-width: 390px) {
  .mv-page__ttl .c-ft--serif > span {
    background-position: 0 7px;
  }
}
.mv-page__ttl .c-ft--serif > span span {
  padding: 0;
  font-family: "Noto Serif JP", serif;
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .mv-page__ttl .c-ft--serif > span span {
    letter-spacing: 0;
    font-size: 1.8rem;
  }
}
.mv-page__ttl-img {
  display: block;
}
.mv-page__ttl-img img {
  width: 444px;
}
@media screen and (max-width: 834px) {
  .mv-page__ttl-img img {
    width: 296px;
  }
}
.mv-page__ttl--white .c-ft--en {
  background: white;
  color: #e83f80;
}
.mv-page__ttl--green .c-ft--en {
  background: #a7d671;
}
.mv-page__ttl--orange .c-ft--en {
  background: #ffc441;
}
.mv-page__ttl--blue .c-ft--en {
  background: #3eb7ed;
}
.mv-page__ttl--dark .c-ft--en {
  background: #5a5a5a;
}
.mv-page__ttl--pink .c-ft--en {
  background: linear-gradient(90deg, #e83f80, #ff7b9c);
}
.mv-page__ttl--purple .c-ft--en {
  background: #a09be2;
}
.mv-page__ttl--blue2 .c-ft--en {
  background: #4788e2;
}
.mv-page__ttl--red .c-ft--en {
  background: #ed3450;
}

.breadcrumb {
  margin-top: 14px;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 835px) {
  .breadcrumb {
    margin-top: -15px;
    text-align: right;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 834px) {
  .breadcrumb .inner {
    padding: 0 15px;
  }
}
.breadcrumb .inner > span {
  display: block;
}
@media screen and (min-width: 835px) {
  .breadcrumb .inner > span {
    margin-right: -3px;
  }
}
.breadcrumb .inner > span a {
  position: relative;
  margin-right: 27px;
}
@media screen and (max-width: 834px) {
  .breadcrumb .inner > span a {
    margin-right: 24px;
  }
}
.breadcrumb .inner > span a::after {
  content: ">";
  position: absolute;
  top: 1px;
  right: -18px;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .breadcrumb .inner > span a::after {
    right: -16px;
  }
}

.form-control {
  display: block;
  width: 100%;
  height: 56px;
  background: white;
  border-radius: 8px;
  border: 1px solid #d0d0d0;
  padding: 15px 19px;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 834px) {
  .form-control {
    height: 48px;
    padding: 13px 19px;
    font-size: 1.4rem;
  }
}
.form-control::placeholder {
  color: #acacac;
}

.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;
  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;
  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;
}

.wp-pagenavi {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 75px;
}
@media screen and (max-width: 834px) {
  .wp-pagenavi {
    margin-top: 48px;
  }
}
.wp-pagenavi span,
.wp-pagenavi a {
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 50%;
  font-weight: 500;
  color: #333333;
  padding-bottom: 2px;
  transition: all 0.3s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 !important;
  border: 0 !important;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .wp-pagenavi span,
  .wp-pagenavi a {
    font-size: 1.4rem;
    height: 46px;
    width: 46px;
  }
}
.wp-pagenavi span.current,
.wp-pagenavi a.current {
  background: #e83f80;
  color: #fff;
}
.wp-pagenavi span:hover,
.wp-pagenavi a:hover {
  opacity: 1;
  background: #e83f80;
  color: #fff;
  transition: all 0.3s;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .prevtpostslink {
  padding-bottom: 6px;
}

/* ====================================================
Control
==================================================== */
.c-fc--white {
  color: white !important;
}
.c-fc--pink {
  color: #E83F80 !important;
}

.c-ft--jp {
  font-family: "Noto Sans JP", sans-serif;
}
.c-ft--en {
  font-family: "Sofia Sans", sans-serif;
}
.c-ft--serif {
  font-family: "Noto Serif JP", 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 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 835px) {
  .c-tx--v-pc {
    -ms-writing-mode: tb-rl;
    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-weight: 500;
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 834px) {
  .c-txt__basic {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}

.c-ttl__01 {
  margin-bottom: 31px;
}
.c-ttl__01 .c-ft--en {
  display: inline-block;
  background: #E83F80;
  color: white;
  padding: 8px 14px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 834px) {
  .c-ttl__01 .c-ft--en {
    padding: 5px 11px;
    font-size: 0.9rem;
  }
}
.c-ttl__01 .c-ft--serif {
  display: block;
  width: max-content;
  max-width: 100%;
  background: white;
  padding: 0 16px 4px;
  font-weight: 500;
  font-size: 5.6rem;
  line-height: 1.2;
}
@media screen and (max-width: 834px) {
  .c-ttl__01 .c-ft--serif {
    padding: 0 7px 3px;
    font-size: 4.2rem;
  }
}
.c-ttl__01--red .c-ft--en {
  background: #ED3450;
}
.c-ttl__01--orange .c-ft--en {
  background: #FF9840;
}
.c-ttl__01--lg .c-ft--en {
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__01--lg .c-ft--en {
    font-size: 1.2rem;
  }
}
.c-ttl__01--lg .c-ft--serif {
  font-size: 6.4rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__01--lg .c-ft--serif {
    font-size: 4rem;
  }
}
.c-ttl__01--other .c-ft--en {
  padding: 11px 17px;
  margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
  .c-ttl__01--other .c-ft--en {
    padding: 6px 11px;
    margin-bottom: 8px;
  }
}
.c-ttl__01--other .c-ft--serif {
  background: none;
  padding: 0;
}
@media screen and (max-width: 834px) {
  .c-ttl__01--other .c-ft--serif {
    font-size: 4.8rem;
  }
}
.c-ttl__02 {
  font-weight: 500;
  line-height: 1.4667;
  margin-bottom: 46px;
  padding-bottom: 16px;
  padding-left: 28px;
  position: relative;
  letter-spacing: 1px;
  border-bottom: 1px solid #D0D0D0;
  font-size: 3rem;
}
@media screen and (max-width: 834px) {
  .c-ttl__02 {
    margin-bottom: 23px;
    padding-bottom: 8px;
    padding-left: 20px;
    font-size: 2.4rem;
  }
}
.c-ttl__02:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 40px;
  background: #E83F80;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 834px) {
  .c-ttl__02:before {
    width: 6px;
    height: 32px;
    top: 1px;
  }
}
.c-ttl__02--blue::before {
  background: #1D9CE0;
}

.c-btn__01 {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: max-content;
  height: 70px;
  margin-left: auto;
  padding-right: 79px;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .c-btn__01 {
    height: 56px;
    padding-right: 65px;
    font-size: 1.4rem;
  }
}
.c-btn__01::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background: #E83F80 url(../img/common/ar-white.svg) center/15px 14px no-repeat;
  border-radius: 50%;
  transition: 0.3s ease;
}
@media screen and (max-width: 834px) {
  .c-btn__01::after {
    width: 56px;
    height: 56px;
    background-size: 12px 11px;
  }
}
@media (any-hover: hover) {
  .c-btn__01:hover {
    opacity: 1;
  }
  .c-btn__01:hover::after {
    background-color: white;
    background-image: url(../img/common/ar-pink.svg);
  }
}
.c-btn__02 {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 343px;
  height: 64px;
  background: #E83F80;
  color: white;
  border-radius: 60px;
  border: 0;
  padding: 5px 30px;
  margin: 0 auto;
  font-weight: 500;
  font-size: 1.6rem;
  cursor: pointer;
  transition: 0.3s ease;
}
@media screen and (max-width: 834px) {
  .c-btn__02 {
    max-width: 300px;
    height: 56px;
    font-size: 1.4rem;
  }
}
.c-btn__02::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url(../img/common/ar-white.svg) center no-repeat;
}
@media screen and (max-width: 834px) {
  .c-btn__02::after {
    right: 17px;
  }
}
@media (any-hover: hover) {
  .c-btn__02:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 835px) {
  .c-btn__02--bigger {
    max-width: 428px;
    height: 80px;
    font-size: 1.9rem;
  }
  .c-btn__02--bigger::after {
    right: 24px;
    width: 15px;
    height: 14px;
  }
}
.c-btn__02--white {
  background: #fff;
  color: #E83F80;
}
.c-btn__02--white::after {
  background: url(../img/common/ar-pink.svg) center no-repeat;
}
.c-btn__02--lg {
  height: 80px;
  max-width: 465px;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .c-btn__02--lg {
    max-width: 340px;
    width: 100%;
    height: 69px;
    margin: 0 auto 20px;
    font-size: 1.6rem;
  }
}
.c-btn__02--lg::after {
  right: 30px;
  width: 18px;
  height: 20px;
}
@media screen and (max-width: 834px) {
  .c-btn__02--lg::after {
    width: 14px;
    height: 14px;
    right: 23px;
  }
}
.c-btn__02--blue {
  background: #6DC4F3;
}

.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);
}

/* ====================================================
Utility
==================================================== */
@media screen and (max-width: 834px) {
  .pc {
    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: 359px) {
  .pc-xs {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp {
    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%;
  object-fit: cover;
  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;
  width: 100%;
  background: white;
  padding: 23px 20px;
  z-index: 999;
}
@media screen and (max-width: 1024px) {
  #header {
    padding: 16px 15px 15px;
  }
}
#header .header-logo {
  display: block;
  max-width: 193px;
}
@media screen and (max-width: 1024px) {
  #header .header-logo {
    margin: 0 auto;
  }
}
#header .header-btn {
  position: absolute;
  top: 0;
  right: 80px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  #header .header-btn {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: calc(100% - 100px);
  }
}
#header .header-btn a {
  position: relative;
  flex: 1 1;
  display: block;
  height: 65px;
  background: #E83F80;
  color: white;
  padding-top: 44px;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
}
@media screen and (max-width: 1024px) {
  #header .header-btn a {
    height: 60px;
    padding-top: 39px;
    letter-spacing: 0.05em;
  }
  #header .header-btn a:last-child img {
    width: 29px;
  }
}
#header .header-btn a:nth-child(2) {
  background: #9ED958;
}
#header .header-btn a:nth-child(3) {
  background: #FFC441;
}
#header .header-btn a img {
  position: absolute;
  top: 37%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 834px) {
  #header .header-btn a img {
    width: 25px;
  }
}
#header .header-nav {
  position: absolute;
  top: 65px;
  left: 0;
  display: none;
  width: 100%;
  height: calc(100vh - 65px);
  background: rgb(255, 255, 255);
  padding: 57px 30px 60px;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  #header .header-nav {
    top: 0;
    height: 100vh;
    padding: 40px 30px 100px;
  }
}
@media screen and (max-width: 359px) {
  #header .header-nav {
    padding: 40px 15px 100px;
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav__menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 139px;
    max-width: 1080px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 1024px) {
  #header .header-nav__sub-item {
    border-bottom: 1px solid #E8E8E8;
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav__sub-item:not(:last-child) {
    margin-bottom: 17.5px;
  }
}
#header .header-nav__sub-item > a {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  #header .header-nav__sub-item > a {
    position: relative;
    padding: 21.4px 40px 20px 0;
    font-size: 1.4rem;
  }
  #header .header-nav__sub-item > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: url(../img/common/ar-pink.svg) center/9px 8px no-repeat;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
  }
}
#header .header-nav__btn {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  height: 56px;
  background: #E83F80;
  color: white;
  border-radius: 28px;
  padding: 15px 30px;
  margin: 56px auto 32px;
  font-family: "Sofia Sans", sans-serif;
  font-size: 1.6rem;
}
@media screen and (min-width: 1025px) {
  #header .header-nav__btn {
    display: none;
  }
}
#header .header-nav__btn::after {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url(../img/common/ar-white.svg) center no-repeat;
}
#header .header-nav__sns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 19px;
}
@media screen and (min-width: 1025px) {
  #header .header-nav__sns {
    position: absolute;
    bottom: 64px;
    right: 114px;
    gap: 22px;
  }
}
#header .header-nav__sns a {
  display: block;
}
@media screen and (max-width: 1024px) {
  #header .header-nav__sns a img {
    width: auto;
    height: 30px;
  }
}
#header .header-nav__info {
  margin-top: 17.5px;
}
@media screen and (max-width: 1024px) {
  #header .header-nav__info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin: 41px 0 22px;
  }
}
@media screen and (min-width: 1025px) {
  #header .header-nav__info-item:not(:last-child) {
    margin-bottom: 17.5px;
  }
}
#header .header-nav__info-item > a {
  display: block;
  font-weight: 600;
  font-size: 1.2rem;
}
@media screen and (min-width: 1025px) {
  #header .header-nav__info-item > a {
    color: #A8A8A8;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
  }
}
#header .header-nav__copy {
  text-align: center;
  color: #C4C4C4;
  font-family: "Sofia Sans", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 1025px) {
  #header .header-nav__copy {
    display: none;
  }
}
@media screen and (max-width: 359px) {
  #header .header-nav__copy {
    letter-spacing: -0.01em;
  }
}
#header .js-mobile {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12;
  width: 80px;
  height: 65px;
  background: #61C8C8;
  color: white;
  padding-top: 44px;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.3s ease;
}
@media screen and (max-width: 1024px) {
  #header .js-mobile {
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100px;
    height: 60px;
    padding-top: 39px;
    letter-spacing: 0.05em;
  }
}
#header .js-mobile span {
  position: absolute;
  top: 23px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 1.5px;
  background: white;
  transition: 0.3s ease;
}
@media screen and (max-width: 1024px) {
  #header .js-mobile span {
    top: 21px;
    width: 24px;
  }
}
#header .js-mobile span:before, #header .js-mobile span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  transition: 0.3s ease;
}
#header .js-mobile span:before {
  top: -8px;
}
#header .js-mobile span:after {
  bottom: -8px;
}
@media screen and (max-width: 1024px) {
  #header .js-mobile--close {
    background: white;
    color: #61C8C8;
  }
}
#header .js-mobile--close span {
  background-color: transparent;
}
@media screen and (max-width: 1024px) {
  #header .js-mobile--close span::before, #header .js-mobile--close span::after {
    background: #61C8C8;
  }
}
#header .js-mobile--close span:before {
  transform: rotate(45deg);
  top: 2px;
}
#header .js-mobile--close span:after {
  transform: rotate(-45deg);
  bottom: -2px;
}

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

/* ====================================================
Footer
==================================================== */
#footer {
  background: white;
  padding-bottom: 87px;
}
#footer .footer-banner img {
  width: 100%;
}
#footer .footer-btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 960px;
  margin: -88px auto 65px;
  background: #fff;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 834px) {
  #footer .footer-btn {
    margin: 0 -30px 33px;
  }
}
@media screen and (max-width: 359px) {
  #footer .footer-btn {
    margin: 0 -15px 33px;
  }
}
#footer .footer-btn a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: 180px;
  background: #E83F80;
  color: white;
  text-align: center;
}
@media screen and (max-width: 834px) {
  #footer .footer-btn a {
    height: 117px;
  }
}
#footer .footer-btn a:nth-child(even) {
  background: linear-gradient(90deg, #91CC4F, #DAE373);
}
#footer .footer-btn a .c-ft--serif {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 4rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  #footer .footer-btn a .c-ft--serif {
    margin: -2px 0 2px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 359px) {
  #footer .footer-btn a .c-ft--serif {
    font-size: 2rem;
  }
}
#footer .footer-btn a .c-ft--en {
  display: block;
  font-size: 2.2rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  #footer .footer-btn a .c-ft--en {
    font-size: 0.9rem;
  }
}
#footer .footer-nav {
  position: relative;
}
@media screen and (min-width: 641px) {
  #footer .footer-nav {
    margin-bottom: 256px;
  }
}
@media screen and (min-width: 641px) {
  #footer .footer-nav__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 743px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  #footer .footer-nav__list {
    max-width: 600px;
  }
}
@media screen and (min-width: 641px) and (max-width: 834px) {
  #footer .footer-nav__list {
    max-width: 460px;
  }
}
@media screen and (min-width: 641px) {
  #footer .footer-nav__sub-item:not(:last-child) {
    margin-bottom: 17.5px;
  }
}
@media screen and (max-width: 640px) {
  #footer .footer-nav__sub-item {
    border-bottom: 1px solid #E8E8E8;
  }
}
#footer .footer-nav__sub-item > a {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  #footer .footer-nav__sub-item > a {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 640px) {
  #footer .footer-nav__sub-item > a {
    position: relative;
    padding: 21.3px 30px 20px 0;
  }
  #footer .footer-nav__sub-item > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url(../img/common/ar-pink.svg) center/9px 8px no-repeat;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
  }
}
#footer .footer-nav__btn {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 320px;
  height: 72px;
  background: #E83F80;
  color: white;
  border-radius: 36px;
  padding: 15px 55px 15px 36px;
  margin: 60px auto 48px;
  font-family: "Sofia Sans", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 834px) {
  #footer .footer-nav__btn {
    max-width: 210px;
    height: 56px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 640px) {
  #footer .footer-nav__btn {
    max-width: 300px;
  }
}
@media screen and (min-width: 641px) {
  #footer .footer-nav__btn {
    position: absolute;
    bottom: -373px;
    right: 0;
  }
}
#footer .footer-nav__btn::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: url(../img/common/ar-white.svg) center no-repeat;
}
@media screen and (max-width: 834px) {
  #footer .footer-nav__btn::after {
    width: 10px;
    height: 10px;
    right: 17px;
  }
}
#footer .footer-nav__sns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 22px;
}
@media screen and (max-width: 834px) {
  #footer .footer-nav__sns {
    gap: 10px;
  }
}
@media screen and (max-width: 640px) {
  #footer .footer-nav__sns {
    gap: 20px;
  }
}
@media screen and (min-width: 641px) {
  #footer .footer-nav__sns {
    position: absolute;
    top: -1px;
    right: 0;
  }
}
@media screen and (max-width: 834px) {
  #footer .footer-nav__sns img {
    width: auto;
    height: 22px;
  }
}
@media screen and (max-width: 640px) {
  #footer .footer-nav__sns img {
    height: 30px;
  }
}
#footer .footer-nav__info {
  margin-top: 17.5px;
}
@media screen and (max-width: 640px) {
  #footer .footer-nav__info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin: 33px 0 31px;
  }
}
@media screen and (min-width: 641px) {
  #footer .footer-nav__info-item:not(:last-child) {
    margin-bottom: 17.5px;
  }
}
#footer .footer-nav__info-item > a {
  display: block;
  font-weight: 600;
  font-size: 1.2rem;
}
@media screen and (min-width: 835px) {
  #footer .footer-nav__info-item > a {
    color: #A8A8A8;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
  }
}
#footer .footer-logo {
  display: block;
  max-width: 337px;
  margin-bottom: 23px;
}
@media screen and (max-width: 640px) {
  #footer .footer-logo {
    display: none;
  }
}
#footer .footer-copy {
  color: #C4C4C4;
  font-family: "Sofia Sans", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 640px) {
  #footer .footer-copy {
    text-align: center;
  }
}
@media screen and (max-width: 359px) {
  #footer .footer-copy {
    letter-spacing: -0.01em;
  }
}

/* ====================================================
Pages
==================================================== */
/* ====================================================
PAGE INDEX
==================================================== */
.sec-mv {
  position: relative;
}
.sec-mv__img {
  width: 100%;
  height: calc(100vh - 65px);
}
@media screen and (max-width: 1024px) {
  .sec-mv__img {
    height: calc(100vh - 50px);
  }
}
.sec-mv__img img {
  width: 100%;
  height: calc(100vh - 65px);
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .sec-mv__img img {
    height: calc(100vh - 50px);
  }
}
.sec-mv__slider .slick-list,
.sec-mv__slider .slick-track {
  height: 100%;
}
.sec-mv__slider .slick-slide {
  height: calc(100vh - 65px);
}
@media screen and (max-width: 1024px) {
  .sec-mv__slider .slick-slide {
    height: calc(100vh - 50px);
  }
}
.sec-mv__slider-item {
  height: 100%;
  position: relative;
}
.sec-mv__slider-item picture,
.sec-mv__slider-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.sec-mv__slider-item img {
  height: calc(100vh - 65px);
}
@media screen and (max-width: 1024px) {
  .sec-mv__slider-item img {
    height: calc(100vh - 50px);
  }
}
.sec-mv__ttl {
  position: absolute;
  width: calc(100% - 60px);
  max-width: 435px;
  bottom: 7%;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 640px) {
  .sec-mv__ttl {
    max-width: 64.6%;
    bottom: 36%;
  }
}

.mv-news {
  padding: 0 40px;
}
@media screen and (min-width: 641px) {
  .mv-news {
    position: absolute;
    bottom: 48px;
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .mv-news {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 359px) {
  .mv-news {
    padding: 40px 15px;
  }
}
.mv-news__tag {
  display: inline-block;
  background: #E83E80;
  color: white;
  padding: 6px 24px 5px;
  font-family: "Sofia Sans", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 834px) {
  .mv-news__tag {
    padding: 4px 22px;
    font-size: 1.4rem;
  }
}
.mv-news a {
  position: relative;
  display: block;
  max-width: 400px;
  background: white;
  padding: 16px 15px 14px 118px;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .mv-news a {
    padding: 17px 25px 15px 118px;
  }
}
.mv-news a time {
  position: absolute;
  top: 14px;
  left: 13px;
  width: max-content;
  color: #ACACAC;
  font-family: "Sofia Sans", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .mv-news a time {
    top: 16px;
  }
}
.mv-news a p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 19px;
}

.about-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 640px) {
  .about-list {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 30px;
  }
}
@media screen and (max-width: 359px) {
  .about-list {
    padding: 0 15px;
  }
}
@media screen and (min-width: 641px) {
  .about-list__item:first-child, .about-list__item:nth-child(5) {
    grid-row: span 2;
  }
}
@media screen and (max-width: 640px) {
  .about-list__item:first-child a::before, .about-list__item:nth-child(5) a::before {
    padding-bottom: 94.1176470588%;
  }
}
@media screen and (max-width: 640px) {
  .about-list__item:nth-child(4) {
    order: 2;
  }
  .about-list__item:nth-child(5) {
    order: 1;
  }
  .about-list__item:nth-child(6) {
    order: 3;
  }
  .about-list__item:nth-child(7) {
    order: 4;
  }
  .about-list__item:nth-child(8) {
    display: none;
  }
}
.about-list__item a {
  position: relative;
  display: block;
  height: 100%;
}
.about-list__item a::before {
  content: "";
  display: block;
  padding-bottom: 47.0769230769%;
}
.about-list__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-list__wrap {
  display: flex !important;
}
.about-list__wrap .about-list__wrap-txt {
  position: relative;
  width: 50%;
}
.about-list__wrap .about-list__wrap-txt::before {
  padding-bottom: 94.1538461538%;
}
.about-list__wrap-img {
  position: relative;
  width: 50%;
}
.about-list__wrap-img::before {
  content: "";
  display: block;
  padding-bottom: 94.1538461538%;
}

@media screen and (min-width: 835px) {
  .box-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .box-flex .sec-interview, .box-flex .sec-youtube {
    width: 50%;
    border-bottom: 1px solid #D0D0D0;
    padding: 48px 0;
  }
  .box-flex .c-ttl__01 {
    margin-left: 18px;
  }
}

@media screen and (max-width: 834px) {
  .sec-interview {
    padding: 48px 0;
    overflow: hidden;
  }
}
.sec-interview .c-btn__01 {
  margin: -80px 18px 0 auto;
}
@media screen and (max-width: 640px) {
  .sec-interview .c-btn__01 {
    margin: -65px 0px 0 auto;
  }
}

.interview-list {
  margin: 0 -7px 0;
}
@media screen and (max-width: 640px) {
  .interview-list {
    margin: 0 -36px 0 -42px;
  }
}
.interview-list__item a {
  position: relative;
  display: block;
}
.interview-list__img {
  position: relative;
}
.interview-list__img::before {
  content: "";
  display: block;
  padding-bottom: 132.4503311258%;
}
.interview-list__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.interview-list__wrap {
  position: absolute;
  top: 52.2%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 544px;
  padding: 0 30px;
}
@media screen and (max-width: 640px) {
  .interview-list__wrap {
    padding: 0 42px;
  }
}
.interview-list__wrap-txt {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 2.4rem;
  letter-spacing: 0.08em;
  line-height: 2.33;
}
@media screen and (max-width: 834px) {
  .interview-list__wrap-txt {
    font-size: 1.8rem;
    line-height: 2.15;
  }
}
.interview-list__wrap-txt span {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: white;
  padding: 5px 15px 5px 10px;
}
@media screen and (max-width: 834px) {
  .interview-list__wrap-txt span {
    padding: 1px 6px 4px 7px;
  }
}
.interview-list__wrap-ttl {
  width: max-content;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin: 22px 33px 0 auto;
}
@media screen and (max-width: 834px) {
  .interview-list__wrap-ttl {
    margin: 17px 14px 0 auto;
  }
}
.interview-list__wrap-ttl small {
  display: inline-block;
  background: white;
  color: #E83F80;
  padding: 5px 12px 4px;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .interview-list__wrap-ttl small {
    padding: 2px 8px;
    font-size: 1.1rem;
  }
}
.interview-list__wrap-ttl span {
  display: block;
  width: max-content;
  max-width: 100%;
  background: #E83F80;
  color: white;
  padding: 0 13px 5px;
  font-size: 4rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .interview-list__wrap-ttl span {
    padding: 0 11px 2px;
    font-size: 2.9rem;
  }
}
.interview-list__wrap-ttl--green small {
  color: #0BBABA;
}
.interview-list__wrap-ttl--green span {
  background: #0BBABA;
}
.interview-list__wrap-ttl--blue small {
  color: #0079E0;
}
.interview-list__wrap-ttl--blue span {
  background: #0079E0;
}
.interview-list__wrap-ttl--orange small {
  color: #FF8D08;
}
.interview-list__wrap-ttl--orange span {
  background: #FF8D08;
}

.sec-youtube {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .sec-youtube .c-ttl__01 .c-ft--en {
    font-size: 1rem;
    padding: 7px 12px;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 359px) {
  .sec-youtube .c-ttl__01 .c-ft--serif {
    font-size: 3.5rem;
  }
}

.youtube-list {
  margin: 0 -7.5px 16px;
}
@media screen and (min-width: 641px) {
  .youtube-list {
    max-width: 374px;
    margin: 16px auto;
  }
}
.youtube-list .slick-list {
  overflow: unset;
}
.youtube-list__item {
  padding: 0 21px;
}
@media screen and (max-width: 640px) {
  .youtube-list__item {
    padding: 0 7.5px;
  }
}
.youtube-list__img {
  position: relative;
  display: block;
}
.youtube-list__img::before {
  content: "";
  display: block;
  padding-bottom: 217.1686746988%;
}
@media screen and (max-width: 640px) {
  .youtube-list__img::before {
    padding-bottom: 177.9411764706%;
  }
}
.youtube-list__img img, .youtube-list__img iframe, .youtube-list__img video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.sec-intro {
  position: relative;
}
@media screen and (max-width: 640px) {
  .sec-intro {
    padding: 48px 0 64px;
  }
}

.intro-wrap {
  position: relative;
  display: flex;
  flex-flow: column;
  padding: 52px 0 46px;
}
@media screen and (min-width: 835px) {
  .intro-wrap {
    flex-flow: row;
  }
  .intro-wrap .news-list {
    max-width: 674px;
    margin-left: auto;
  }
}
.intro-wrap .c-ttl__00 {
  display: flex;
  flex-flow: row;
  margin-top: 1em;
  margin-left: 0;
}
@media screen and (min-width: 835px) {
  .intro-wrap .c-ttl__00 {
    flex-flow: column;
    align-items: flex-end;
  }
}
@media screen and (max-width: 834px) {
  .intro-wrap .c-ttl__01 {
    margin-bottom: 9px;
  }
}
.intro-wrap .c-ttl__01 .c-ft--en {
  padding: 9px 21px;
}
@media screen and (max-width: 834px) {
  .intro-wrap .c-ttl__01 .c-ft--en {
    padding: 7px 15px 6px;
    font-size: 1.2rem;
  }
}
.intro-wrap .c-ttl__01 .c-ft--serif {
  padding: 0 13px 4px 6px;
  font-size: 5.4rem;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 834px) {
  .intro-wrap .c-ttl__01 .c-ft--serif {
    padding: 0 8px 3px 5px;
    font-size: 4rem;
  }
}
.news-list__item {
  border-bottom: 1px solid #D0D0D0;
}
@media screen and (min-width: 835px) {
  .news-list__item:last-child {
    border-bottom: 0;
  }
}
.news-list__item a {
  position: relative;
  display: block;
  padding: 30px 100px 35px 0;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.625;
}
@media screen and (max-width: 834px) {
  .news-list__item a {
    padding: 23px 50px 16px 0;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.news-list__item a::after {
  content: "";
  position: absolute;
  top: 60%;
  right: 0;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  background: white url(../img/common/ar-pink.svg) center/12px 11px no-repeat;
  border-radius: 50%;
  transition: 0.3s ease;
}
@media screen and (max-width: 834px) {
  .news-list__item a::after {
    top: 68%;
    width: 40px;
    height: 40px;
    background-size: 9px 8px;
  }
}
.news-list__item a p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 52px;
}
.news-list__info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.news-list__info span {
  background: #E83F80;
  color: white;
  padding: 3px 11px;
  font-size: 1.4rem;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 834px) {
  .news-list__info span {
    padding: 4px 11px;
    font-weight: 600;
    font-size: 1rem;
  }
}
.news-list__info span.green {
  background: #61C8C8;
}
.news-list__info span.purple {
  background: #A09BE2;
}
.news-list__info time {
  color: #ACACAC;
  font-weight: 500;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .news-list__info time {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 641px) {
  .intro-link {
    width: 50%;
    margin-left: auto;
  }
}
@media screen and (max-width: 640px) {
  .intro-link {
    width: calc(100% - 60px);
    margin: 0 auto;
  }
}
.intro-link a {
  position: relative;
  display: block;
}
.intro-link a::before {
  content: "";
  display: block;
  padding-bottom: 47.0769230769%;
}
.intro-link a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (any-hover: hover) {
  .intro-link a:hover {
    opacity: 0.7 !important;
  }
}
@media screen and (min-width: 641px) {
  .intro-link--sns {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.intro-link:not(.intro-link--sns) a:first-child::before {
  padding-bottom: 94.1538461538%;
}

.sec-support {
  padding: 64px 0 96px;
}
@media screen and (max-width: 834px) {
  .sec-support {
    padding: 34px 0 64px;
  }
}

.support-intro {
  position: relative;
  margin-bottom: 39px;
}
@media screen and (min-width: 835px) {
  .support-intro {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 136px;
  }
  .support-intro::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background: #D0D0D0;
  }
}
@media screen and (min-width: 835px) {
  .support-intro__ct {
    width: 44%;
    align-self: center;
  }
  .support-intro__ct p {
    letter-spacing: 0.06em;
  }
}
.support-intro__ct-ttl {
  margin-bottom: 20px;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1.2;
  font-size: clamp(4rem, 4.3vw, 5.6rem);
}
@media screen and (max-width: 834px) {
  .support-intro__ct-ttl {
    margin-bottom: 18px;
    font-size: 4.6rem;
    line-height: 1.2173913043;
  }
}
@media screen and (max-width: 399px) {
  .support-intro__ct-ttl {
    font-size: 3.5rem;
  }
}
.support-intro__ct-ttl small {
  display: block;
  font-size: 3.2rem;
  margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
  .support-intro__ct-ttl small {
    margin-bottom: 4px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 834px) {
  .support-intro__ct p {
    line-height: 1.857;
  }
}
@media screen and (min-width: 835px) {
  .support-intro__img {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .support-intro__img {
    margin: 30px -30px 0;
  }
}
@media screen and (max-width: 359px) {
  .support-intro__img {
    margin: 30px -15px 0;
  }
}

.support-list {
  max-width: 1020px;
  margin: 0 auto;
}
.support-list__item:not(:last-child) {
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 54px;
  margin-bottom: 55px;
}
@media screen and (max-width: 834px) {
  .support-list__item:not(:last-child) {
    padding-bottom: 32px;
    margin-bottom: 31px;
  }
}
@media screen and (min-width: 991px) {
  .support-list__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .support-list__item:nth-child(2) {
    margin-bottom: 57px;
  }
  .support-list__item:nth-child(2) p {
    margin-top: 7px;
  }
  .support-list__item:nth-child(3) .support-list__box:nth-child(2) {
    margin-top: -16px;
  }
  .support-list__item:nth-child(3) .support-list__box:nth-child(2) p {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
  .support-list__item:nth-child(4) .support-list__ttl {
    margin: 1px 0 28px;
  }
  .support-list__item:nth-child(4) .support-list__img {
    margin: -4px 0 22px;
  }
}
@media screen and (max-width: 834px) {
  .support-list__item:nth-child(2) .support-list__box p {
    margin: -6px 0 -2px;
  }
  .support-list__item:nth-child(3) {
    padding-bottom: 41px;
  }
  .support-list__item:nth-child(4) {
    padding-bottom: 18px;
  }
  .support-list__item:nth-child(5) .support-list__img {
    margin: 24px 0 8px;
  }
  .support-list__item:nth-child(6) {
    padding-bottom: 41px;
  }
  .support-list__item:nth-child(6) .support-list__ttl {
    font-size: 4.5rem;
    line-height: 1.26;
  }
}
@media screen and (max-width: 834px) and (max-width: 390px) {
  .support-list__item:nth-child(6) .support-list__ttl {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 834px) {
  .support-list__item:nth-child(7) .support-list__ttl {
    line-height: 1.25;
  }
}
.support-list__item p:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 834px) {
  .support-list__item p:not(:last-child) {
    margin-bottom: 22px;
  }
}
@media screen and (min-width: 991px) {
  .support-list__box {
    width: 47.1%;
  }
}
@media screen and (max-width: 990px) {
  .support-list__box:not(:last-child) {
    margin-bottom: 22px;
  }
}
.support-list__box p {
  letter-spacing: 0.04em;
}
.support-list__ttl {
  width: calc(100% + 25px);
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 1.25;
  font-size: clamp(4rem, 4.3vw, 5.6rem);
}
@media screen and (max-width: 834px) {
  .support-list__ttl {
    letter-spacing: -0.06em;
    font-size: 4.8rem;
    line-height: 1.27;
  }
}
@media screen and (max-width: 399px) {
  .support-list__ttl {
    width: 100%;
    font-size: 3.5rem;
    letter-spacing: 0;
  }
}
.support-list__ttl:not(:last-child) {
  margin-bottom: 19px;
}
@media screen and (max-width: 834px) {
  .support-list__ttl:not(:last-child) {
    margin-bottom: 16px;
  }
}
.support-list__ttl-count {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 102px;
  height: 40px;
  background: #E83F80;
  color: white;
  margin-bottom: 11px;
  padding-top: 4px;
  font-family: "Sofia Sans", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 834px) {
  .support-list__ttl-count {
    max-width: 66px;
    height: 25px;
    margin-bottom: 9px;
    padding-top: 0;
    font-size: 1.2rem;
  }
}
.support-list__ttl small {
  display: block;
  margin: 13px 0 2px;
  font-size: 2.4rem;
}
@media screen and (min-width: 835px) {
  .support-list__ttl small {
    margin: 20px 0 5px;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 359px) {
  .support-list__ttl small {
    font-size: 2rem;
  }
}
.support-list__img {
  position: relative;
}
.support-list__img:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .support-list__img:not(:last-child) {
    margin-bottom: 22px;
  }
}
.support-list__img::before {
  content: "";
  display: block;
  padding-bottom: 66.6666666667%;
}
@media screen and (max-width: 834px) {
  .support-list__img::before {
    padding-bottom: 58.8235294118%;
  }
}
.support-list__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.support-list__check {
  margin: 36px 0 2px;
}
@media screen and (max-width: 834px) {
  .support-list__check {
    margin: 32px 0 2px;
  }
}
.support-list__check-item {
  position: relative;
  background: white;
  text-align: center;
  padding: 20px 30px;
  margin-left: 14px;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .support-list__check-item {
    padding: 11px 20px 13px;
    margin-left: 10px;
  }
}
.support-list__check-item:not(:last-child) {
  margin-bottom: 14px;
}
@media screen and (max-width: 834px) {
  .support-list__check-item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.support-list__check-item::before {
  content: "";
  position: absolute;
  top: -14px;
  left: -14px;
  width: 39px;
  height: 38px;
  background: url(../img/support/icon-check.svg) center/contain no-repeat;
}
@media screen and (max-width: 834px) {
  .support-list__check-item::before {
    top: -10px;
    left: -10px;
    width: 28px;
    height: 27px;
  }
}

@media screen and (max-width: 834px) {
  #page-contact .mv-page__ttl {
    margin-top: -49px;
  }
  #page-contact .mv-page__ttl .c-ft--en {
    padding: 7px 10px 6px 11px;
  }
}

.sec-contact {
  padding: 80px 0 103px;
}
@media screen and (max-width: 834px) {
  .sec-contact {
    padding: 40px 0 72px;
  }
}
.sec-contact form {
  width: 100%;
}

.contact-list {
  max-width: 720px;
  margin: 0 auto 72px;
}
@media screen and (max-width: 834px) {
  .contact-list {
    margin-bottom: 40px;
  }
}
.contact-list__item.multiselect-open {
  position: relative;
  z-index: 1001;
}
.contact-list__item {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 834px) {
  .contact-list__item {
    font-size: 1.4rem;
  }
}
.contact-list__item:not(:last-child) {
  margin-bottom: 24.45px;
}
@media screen and (max-width: 834px) {
  .contact-list__item:not(:last-child) {
    margin-bottom: 18.9px;
  }
}
.contact-list__item textarea {
  height: 320px;
  resize: none;
}
@media screen and (max-width: 834px) {
  .contact-list__item textarea {
    height: 281px;
  }
}
.contact-list__ttl {
  position: relative;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .contact-list__ttl {
    font-size: 1.6rem;
  }
}
.contact-list__ttl--required::after {
  content: "必須";
  position: relative;
  top: -2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 24px;
  background: #E83F80;
  color: white;
  margin-left: 10px;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .contact-list__ttl--required::after {
    top: -1px;
    height: 20px;
    margin-left: 7px;
    font-size: 1.2rem;
  }
}
.contact-list__ttl span {
  display: inline-block;
  color: #ACACAC;
  margin-left: 10px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 835px) {
  .contact-list__ttl span {
    position: absolute;
    top: 7px;
    right: 0;
    width: max-content;
  }
}
.contact-list__select {
  position: relative;
}
.contact-list__select::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 21px;
  width: 9px;
  height: 9px;
  border: solid #ACACAC;
  border-width: 0 1px 1px 0;
  pointer-events: none;
  transform: rotate(45deg);
}
@media screen and (max-width: 834px) {
  .contact-list__select::after {
    top: 16px;
    width: 7px;
    height: 7px;
  }
}
.contact-list__select select {
  appearance: none;
  width: 100%;
  height: 56px;
  background: white;
  color: #ACACAC;
  border-radius: 8px;
  border: 1px solid #D0D0D0;
  padding: 15px 19px;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-size: 1.6rem;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  .contact-list__select select {
    height: 48px;
    padding: 13px 19px;
    font-size: 1.4rem;
  }
}
.contact-list__select select::-ms-expand {
  display: none;
}
.contact-list__select select:invalid {
  color: #ACACAC;
}
.contact-list__select option[value=""][disabled] {
  display: none;
}
.contact-list__select option {
  color: #333333;
}
.contact-list__select.multiselect-wrap {
  position: relative;
}
.contact-list__select.multiselect-wrap::after {
  display: none;
}
.contact-list__select.multiselect-wrap.is-open, .contact-list__select.multiselect-wrap:has(.multiselect-trigger[aria-expanded=true]) {
  z-index: 1000;
}
.contact-list__select.multiselect-wrap .multiselect-trigger {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: auto;
  min-height: 56px;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  .contact-list__select.multiselect-wrap .multiselect-trigger {
    min-height: 48px;
  }
}
.contact-list__select.multiselect-wrap .multiselect-placeholder {
  color: #ACACAC;
}
.contact-list__select.multiselect-wrap .multiselect-selected {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.contact-list__select.multiselect-wrap .multiselect-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #D0D0D0;
  color: #ACACAC;
  border-radius: 9999px;
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (max-width: 834px) {
  .contact-list__select.multiselect-wrap .multiselect-badge {
    font-size: 12px;
    padding: 3px 8px;
  }
}
.contact-list__select.multiselect-wrap .multiselect-badge .multiselect-badge-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  border-radius: 50%;
  color: #ACACAC;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  transition: background 0.2s;
}
.contact-list__select.multiselect-wrap .multiselect-badge .multiselect-badge-remove:hover {
  background: #D0D0D0;
}
.contact-list__select.multiselect-wrap .multiselect-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 4px 0 0;
  padding: 8px 0;
  background: white;
  border: 1px solid #D0D0D0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  max-height: 240px;
  overflow-y: auto;
}
.contact-list__select.multiselect-wrap .multiselect-dropdown[hidden] {
  display: none !important;
}
.contact-list__select.multiselect-wrap .multiselect-dropdown li {
  margin: 0;
  list-style: none;
}
.contact-list__select.multiselect-wrap .multiselect-dropdown li:hover {
  background: #f8f9fa;
}
.contact-list__select.multiselect-wrap .multiselect-dropdown li label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 19px;
  margin: 0;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-size: 1.4rem;
}
.contact-list__select.multiselect-wrap .multiselect-dropdown li label input[type=checkbox] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  accent-color: #D0D0D0;
}
.contact-list .wpcf7-not-valid-tip {
  display: block;
  color: red;
  font-weight: 400;
  font-size: 1.2rem;
  margin-top: 5px;
}

.sec-thanks {
  padding: 40px 0 92px;
}
@media screen and (max-width: 834px) {
  .sec-thanks {
    padding: 7px 0 66px;
  }
}
.sec-thanks .c-txt__basic {
  margin-bottom: 46px;
  line-height: 1.571;
}
@media screen and (min-width: 641px) {
  .sec-thanks .c-txt__basic {
    margin-bottom: 70px;
    text-align: center;
    line-height: 1.875;
  }
}

.thanks-ttl {
  margin: 55px 0 29px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 6.4rem;
}
@media screen and (max-width: 834px) {
  .thanks-ttl {
    letter-spacing: -0.08em;
    font-size: 4.6rem;
    line-height: 1.1666666667;
    margin: 39px 0 22px;
  }
}
@media screen and (max-width: 640px) {
  .thanks-ttl {
    text-align: left;
  }
}
.thanks-ttl small {
  display: block;
  max-width: 212px;
  background: #E83F80;
  color: white;
  margin: 0 auto 10px;
  padding: 5px;
  text-align: center;
  font-family: "Sofia Sans", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 834px) {
  .thanks-ttl small {
    max-width: 155px;
    padding: 6px 5px 5px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .thanks-ttl small {
    margin: 0 0 11px;
  }
}

.sec-beginners {
  padding: 53px 0 123px;
}
@media screen and (max-width: 834px) {
  .sec-beginners {
    padding: 36px 0 66px;
  }
}

.beginners-ttl {
  margin-bottom: 19px;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: clamp(3rem, 9.8vw, 4.4rem);
  line-height: 1.25;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 834px) {
  .beginners-ttl {
    line-height: 1.2272727273;
  }
}
.beginners-ttl small {
  display: block;
  margin-bottom: 8px;
  font-size: 3.2rem;
}
@media screen and (max-width: 834px) {
  .beginners-ttl small {
    font-size: 2.4rem;
  }
}

.beginners-txt {
  max-width: 640px;
  margin-bottom: 46px;
}
@media screen and (max-width: 834px) {
  .beginners-txt {
    margin-bottom: 39px;
  }
}

.beginners-main {
  margin-bottom: 43px;
}
@media screen and (max-width: 834px) {
  .beginners-main {
    margin: 0 -30px 35px;
  }
}
@media screen and (max-width: 359px) {
  .beginners-main {
    margin: 0 -15px 35px;
  }
}
.beginners-main img {
  width: 100%;
}

.beginners-intro {
  margin-bottom: 39px;
}
@media screen and (min-width: 1025px) {
  .beginners-intro {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 67px;
  }
}
@media screen and (min-width: 1025px) {
  .beginners-intro .beginners-ttl {
    width: 510px;
  }
}
@media screen and (max-width: 1024px) {
  .beginners-intro .beginners-ttl {
    margin-bottom: 17px;
  }
}
@media screen and (min-width: 1025px) {
  .beginners-intro .c-txt__basic {
    width: calc(100% - 560px);
    margin-top: 20px;
    line-height: 1.875;
  }
}

@media screen and (min-width: 835px) {
  .beginners-list {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .beginners-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: #D0D0D0;
  }
}
@media screen and (min-width: 835px) {
  .beginners-list__item {
    width: 44.4%;
  }
}
@media screen and (max-width: 834px) {
  .beginners-list__item:not(:last-child) {
    margin-bottom: 42px;
  }
}
.beginners-list__wrap:not(:last-child) {
  margin-bottom: 65px;
}
@media screen and (max-width: 834px) {
  .beginners-list__wrap:not(:last-child) {
    margin-bottom: 39px;
  }
}
.beginners-list__wrap .beginners-ttl {
  margin: 94px 0 37px;
}
@media screen and (max-width: 834px) {
  .beginners-list__wrap .beginners-ttl {
    margin: 51px 0 30px;
    letter-spacing: -0.14em;
  }
  .beginners-list__wrap .beginners-ttl small {
    margin-bottom: 5px;
    letter-spacing: 0;
  }
}
.beginners-list__wrap p {
  letter-spacing: 0.036em;
}
.beginners-list__wrap p:not(:last-child) {
  margin-bottom: 31px;
}
@media screen and (max-width: 834px) {
  .beginners-list__wrap p:not(:last-child) {
    margin-bottom: 21px;
  }
}
.beginners-list__ttl {
  background: white;
  padding: 14px 28px 15px;
  margin-bottom: 22px;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 834px) {
  .beginners-list__ttl {
    padding: 7px 15px 5px;
    margin-bottom: 14px;
    text-align: center;
    font-size: 1.6rem;
  }
}
.beginners-list__img {
  position: relative;
}
.beginners-list__img:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .beginners-list__img:not(:last-child) {
    margin-bottom: 23px;
  }
}
.beginners-list__img--s2:not(:last-child) {
  margin: -31px 0 64px;
}
@media screen and (max-width: 834px) {
  .beginners-list__img--s2:not(:last-child) {
    margin: -17px 0 40px;
  }
}
@media screen and (max-width: 834px) {
  .beginners-list__img--s3 {
    margin: 23px 0 49px;
  }
}
.beginners-list__img::before {
  content: "";
  display: block;
  padding-bottom: 58.3333333333%;
}
@media screen and (max-width: 834px) {
  .beginners-list__img::before {
    padding-bottom: 58.8235294118%;
  }
}
.beginners-list__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 834px) {
  #page-about .breadcrumb {
    font-size: 1rem;
  }
}

.sec-about {
  padding: 23px 0 48px;
  overflow-x: hidden;
}
@media screen and (max-width: 834px) {
  .sec-about {
    padding: 7px 0 28px;
  }
}

.heading-note {
  position: relative;
  padding-bottom: 82px;
  margin-bottom: 46px;
}
@media screen and (max-width: 834px) {
  .heading-note {
    padding-bottom: 0;
    margin-bottom: 40px;
  }
}
.heading-note:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 5000px;
  height: 1px;
  background: #D0D0D0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .heading-note:after {
    display: none;
  }
}
.heading-note__ct {
  max-width: 715px;
  letter-spacing: 0.5px;
  margin-bottom: 53px;
}
@media screen and (max-width: 834px) {
  .heading-note__ct {
    margin-bottom: 39px;
  }
}
.heading-note__ttl {
  display: block;
  line-height: 1.4;
  font-size: 6.5rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 17px;
}
@media screen and (max-width: 834px) {
  .heading-note__ttl {
    font-size: 3.8rem;
    margin-bottom: 20px;
  }
}
.heading-note__ttl small {
  display: inline-block;
  background: white;
  font-size: 3.1rem;
  padding: 3px 19px;
  letter-spacing: 1px;
}
@media screen and (max-width: 834px) {
  .heading-note__ttl small {
    font-size: 2rem;
    padding: 2px 9px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 834px) {
  .heading-note__img {
    margin: 0 -30px;
  }
}

.about-point {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 65px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
@media screen and (min-width: 835px) {
  .about-point {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 834px) {
  .about-point {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.about-point__item {
  position: relative;
  padding: 0 0 48px;
}
@media screen and (min-width: 835px) {
  .about-point__item:nth-child(even):after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 5000px;
    height: 1px;
    background: #D0D0D0;
    left: 50%;
    transform: translateX(-50%);
  }
  .about-point__item:last-child:after, .about-point__item:nth-last-child(2):after {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .about-point__item {
    border-bottom: 1px solid #D0D0D0;
    padding: 0 0 32px;
  }
  .about-point__item:last-child {
    border-bottom: none;
  }
}
.about-point__count {
  display: inline-block;
  background: #E83F80;
  color: white;
  font-family: "Sofia Sans", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  padding: 8px 17px;
  margin-bottom: 14px;
}
@media screen and (max-width: 834px) {
  .about-point__count {
    font-size: 1.2rem;
    padding: 6px 12px;
    margin-bottom: 10px;
  }
}
.about-point__ct {
  margin-bottom: 29px;
}
@media screen and (max-width: 834px) {
  .about-point__ct p {
    letter-spacing: 0.5px;
  }
}
.about-point__ct-ttl {
  display: block;
  font-size: 5rem;
  line-height: 1.1428571429;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .about-point__ct-ttl {
    font-size: 4.2rem;
  }
}
.about-point__ct-ttl small {
  display: inline-block;
  background: white;
  font-size: 2.6rem;
  padding: 8px 12px;
}
@media screen and (max-width: 834px) {
  .about-point__ct-ttl small {
    font-size: 2rem;
    padding: 5px 12px;
  }
}
.about-point__img {
  margin-bottom: 27px;
}
@media screen and (max-width: 834px) {
  .about-point__img {
    margin-bottom: 24px;
  }
}
.about-point__img img {
  width: 100%;
}
.about-point .support-list__check {
  margin: 0;
}
.about-point .support-list__check-item {
  padding: 18px 30px;
}
@media screen and (max-width: 834px) {
  .about-point .support-list__check-item {
    padding: 12px 20px 14px;
  }
}
.about-point .support-list__check-item:before {
  top: -11px;
  left: -14px;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 834px) {
  .about-point .support-list__check-item:before {
    top: -10px;
    left: -10px;
    width: 28px;
    height: 28px;
  }
}

@media screen and (max-width: 834px) {
  #page-company .breadcrumb {
    font-size: 1rem;
  }
}

.sec-company {
  padding: 37px 0 125px;
  overflow-x: hidden;
}
@media screen and (max-width: 834px) {
  .sec-company {
    padding: 23px 0 67px;
  }
}

.company-note {
  max-width: 960px;
  margin: 0 auto 63px;
  position: relative;
  padding: 0 0 66px;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .company-note {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    padding: 0;
    margin-bottom: 42px;
  }
}
.company-note table {
  width: 100%;
}
.company-note table tr {
  border-top: 1px solid #D0D0D0;
}
.company-note table tr:nth-child(1) {
  border-top: none;
}
.company-note table tr th, .company-note table tr td {
  padding: 20px 0;
  vertical-align: top;
}
@media screen and (max-width: 834px) {
  .company-note table tr th, .company-note table tr td {
    padding: 16px 0;
  }
}
.company-note table tr th {
  font-weight: 600;
  width: 215px;
}
@media screen and (max-width: 834px) {
  .company-note table tr th {
    width: 178px;
  }
}
.company-note table tr td ul li {
  position: relative;
  padding: 0 0 0 16px;
}
.company-note table tr td ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.company-note:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 5000px;
  height: 1px;
  background: #D0D0D0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .company-note:after {
    display: none;
  }
}

.company-show {
  position: relative;
  padding: 0 0 94px;
  margin-bottom: 80px;
}
@media screen and (max-width: 834px) {
  .company-show {
    padding: 0;
    margin-bottom: 56px;
  }
}
.company-show:after {
  content: "";
  height: 1px;
  width: 5000px;
  background: #D0D0D0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .company-show:after {
    display: none;
  }
}
.company-show:last-child {
  padding: 0;
  margin: 0;
}
.company-show:last-child:after {
  display: none;
}
.company-show__item {
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .company-show__item {
    margin-bottom: 34px;
  }
}
.company-show__item:last-child {
  margin-bottom: 0;
}
.company-show__ttl {
  display: block;
  line-height: 1.4;
  font-size: 2.4rem;
  font-weight: 500;
  border-bottom: 1px solid #D0D0D0;
  padding: 0 0 9px;
  margin-bottom: 24px;
}
@media screen and (max-width: 834px) {
  .company-show__ttl {
    font-size: 2rem;
    padding: 0 0 4px;
    margin-bottom: 20px;
  }
}
.company-show__col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.company-show__col-left {
  width: 49%;
}
@media screen and (max-width: 834px) {
  .company-show__col-left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.company-show__col-right {
  width: 23%;
}
@media screen and (max-width: 834px) {
  .company-show__col-right {
    width: 100%;
  }
}
.company-show__logo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px 20px;
  font-size: 1.6rem;
  line-height: 1.125;
  font-weight: 500;
}
@media screen and (min-width: 835px) {
  .company-show__logo--col2 {
    grid-template-columns: 1fr 1fr;
  }
  .company-show__logo--full {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 834px) {
  .company-show__logo {
    grid-template-columns: 1fr 1fr;
    font-size: 1.4rem;
    line-height: 1.2857142857;
  }
}
.company-show__logo-item img {
  width: 100%;
  margin-bottom: 10px;
}
.company-show__logo-item span {
  display: block;
}

#page-interview_atsumi {
  margin-top: 39px;
}
@media screen and (max-width: 834px) {
  #page-interview_atsumi {
    margin-top: 7px;
  }
}
#page-interview_atsumi .breadcrumb {
  margin-bottom: 24px;
}
@media screen and (max-width: 834px) {
  #page-interview_atsumi .breadcrumb {
    margin-bottom: 19px;
  }
}
#page-interview_atsumi .mv-page {
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 834px) {
  #page-interview_atsumi .mv-page {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1201px) {
  #page-interview_atsumi .mv-page .inner {
    padding: 0;
  }
}
#page-interview_atsumi .mv-page__img {
  margin: 0;
}
@media screen and (max-width: 834px) {
  #page-interview_atsumi .mv-page__ttl {
    margin-top: -47px;
  }
}
#page-interview_atsumi .mv-page__ttl .c-ft--en {
  padding: 9px 13px 8px;
  background: #E83F80;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 834px) {
  #page-interview_atsumi .mv-page__ttl .c-ft--en {
    padding: 6px 7px 7px;
  }
}
@media screen and (max-width: 834px) {
  #page-interview_atsumi .mv-page__ttl .c-ft--serif {
    font-size: 4rem;
  }
}

.sec-fqa {
  padding: 85px 0 132px;
}
@media screen and (max-width: 834px) {
  .sec-fqa {
    padding: 44px 0 62px;
  }
}

.fqa-list {
  max-width: 720px;
  width: 100%;
  margin: 0 auto 99px;
  counter-reset: item;
}
@media screen and (max-width: 834px) {
  .fqa-list {
    margin: 0 auto 50px;
  }
}
.fqa-list__item {
  counter-increment: item;
}
.fqa-list__item:not(:last-child) {
  margin-bottom: 46px;
}
@media screen and (max-width: 834px) {
  .fqa-list__item:not(:last-child) {
    margin-bottom: 31px;
  }
}
.fqa-list__question {
  padding: 20.5px 21px;
  background: #fff;
  display: block;
  font-weight: 500;
  color: #333;
  line-height: 1.375;
  margin-bottom: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .fqa-list__question {
    padding: 10px 15px;
    min-height: 64px;
    margin-bottom: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.fqa-list__question span {
  display: block;
  padding-left: 49px;
  position: relative;
  letter-spacing: 1.5px;
}
.fqa-list__question span:before {
  content: "Q" counter(item);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #E83F80;
  font-family: "Sofia Sans", sans-serif;
  font-size: 2.2rem;
}
@media screen and (max-width: 834px) {
  .fqa-list__question span:before {
    left: 6px;
  }
}
.fqa-list__answer {
  font-weight: 500;
  line-height: 1.75;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .fqa-list__answer {
    line-height: 1.71428;
    font-size: 1.4rem;
  }
}
.fqa-list__img {
  margin-top: 30px;
}
@media screen and (max-width: 834px) {
  .fqa-list__img {
    margin-top: 15px;
  }
}
.fqa-list__img img {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .fqa-list__img img {
    min-height: 200px;
    object-fit: cover;
  }
}

.interview-box {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}
.interview-box .c-ttl__01 {
  margin-bottom: 55px;
}
@media screen and (max-width: 834px) {
  .interview-box .c-ttl__01 {
    margin-bottom: 30px;
  }
}
.interview-box__img {
  margin-bottom: 72px;
}
@media screen and (max-width: 834px) {
  .interview-box__img {
    margin-bottom: 40px;
  }
}
.interview-box__img img {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .interview-box__img img {
    min-height: 200px;
    object-fit: cover;
  }
}

.sec-shoplist {
  padding: 79px 0;
}
@media screen and (max-width: 834px) {
  .sec-shoplist {
    padding: 39px 0 62px;
  }
}

.shoplist-nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin-bottom: 57px;
}
@media screen and (max-width: 834px) {
  .shoplist-nav {
    gap: 11px;
    margin-bottom: 32px;
    grid-template-columns: 1fr 1fr;
  }
}
.shoplist-nav__item a, .shoplist-nav__item span {
  background: #fff;
  padding: 13px;
  color: #333;
  display: block;
  text-align: center;
  transition: all 0.3s;
  font-weight: 500;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .shoplist-nav__item a, .shoplist-nav__item span {
    padding: 8px;
    font-size: 1.4rem;
  }
}
.shoplist-nav__item a:hover, .shoplist-nav__item span:hover {
  color: #fff;
  opacity: 1;
  background: #E83F80;
  transition: all 0.3s;
}
.shoplist-nav__item.active a, .shoplist-nav__item.active span {
  color: #fff;
  opacity: 1;
  background: #E83F80;
  transition: all 0.3s;
}
.shoplist-nav--blue .shoplist-nav__item a:hover {
  background: #6DC4F3;
}
.shoplist-nav--blue .shoplist-nav__item.active a, .shoplist-nav--blue .shoplist-nav__item.active span {
  background: #6DC4F3;
}

.shoplist-box {
  background: #fff;
  padding: 40px 40px 47px;
  margin-bottom: 81px;
}
@media screen and (max-width: 834px) {
  .shoplist-box {
    margin-bottom: 40px;
    padding: 32px 20px 33px;
  }
}
.shoplist-box__ttl {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 2.8rem;
}
@media screen and (max-width: 834px) {
  .shoplist-box__ttl {
    margin-bottom: 11px;
  }
}
.shoplist-box__ttl span {
  display: block;
  margin-bottom: 16px;
  background: #E83F80;
  padding: 11px 20px;
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .shoplist-box__ttl span {
    margin-bottom: 7px;
    padding: 5px 10px;
    font-size: 1.4rem;
  }
}
.shoplist-box__ttl--blue span {
  background: #6DC4F3;
}
.shoplist-box__img {
  margin-bottom: 33px;
}
@media screen and (max-width: 834px) {
  .shoplist-box__img {
    margin-bottom: 24px;
  }
}
.shoplist-box__img img {
  width: 100%;
}
.shoplist-box__option {
  margin-bottom: 33px;
}
@media screen and (max-width: 834px) {
  .shoplist-box__option {
    margin-bottom: 32px;
  }
}
.shoplist-box__option-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.shoplist-box__option-item:not(:last-child) {
  padding-bottom: 17px;
  margin-bottom: 15.5px;
  border-bottom: 1px solid #D0D0D0;
}
@media screen and (max-width: 834px) {
  .shoplist-box__option-item:not(:last-child) {
    padding-bottom: 16px;
  }
}
.shoplist-box__option-ttl, .shoplist-box__option-desc {
  color: #333;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .shoplist-box__option-ttl, .shoplist-box__option-desc {
    font-size: 1.4rem;
  }
}
.shoplist-box__tags {
  margin-bottom: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 11px;
}
@media screen and (max-width: 834px) {
  .shoplist-box__tags {
    margin-bottom: 33px;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
}
.shoplist-box__tags-item {
  display: block;
  background: #E83F80;
  padding: 9px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .shoplist-box__tags-item {
    padding: 5px;
    font-size: 1.4rem;
  }
}
.shoplist-box__tags-item:nth-child(2) {
  background: #FF9840;
}
.shoplist-box__tags-item:nth-child(3) {
  background: #61ABF1;
}
.shoplist-box__tags-item:nth-child(4) {
  background: #61C8C8;
}
.shoplist-box__tags-item:nth-child(5) {
  background: #A09BE2;
}
.shoplist-box .c-btn__02 {
  max-width: 100%;
}
@media screen and (max-width: 834px) {
  .shoplist-box .c-btn__02 {
    height: 60px;
  }
}
.shoplist-box .c-btn__02:after {
  right: 30px;
  width: 13px;
  height: 22px;
}
@media screen and (max-width: 834px) {
  .shoplist-box .c-btn__02:after {
    right: 20px;
  }
}

.shoplist-staff {
  display: block;
  position: relative;
}
.shoplist-staff:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 74px;
  height: 74px;
  background: url("../img/shoplist/icon-link.png") center no-repeat;
  background-size: contain;
  right: 24px;
  bottom: 24px;
}
@media screen and (max-width: 834px) {
  .shoplist-staff:after {
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: 10px;
  }
}
.shoplist-staff__img img {
  width: 100%;
}
.shoplist-staff .c-ttl__01 {
  position: absolute;
  width: 100%;
  padding: 1px 32px;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 834px) {
  .shoplist-staff .c-ttl__01 {
    padding: 0 15px;
    bottom: -16px;
  }
}
.shoplist-staff .c-ttl__01 .c-ft--en {
  background: #61ABF1;
}
@media screen and (max-width: 834px) {
  .shoplist-staff .c-ttl__01 .c-ft--en {
    font-size: 0.8rem;
  }
}
.shoplist-staff .c-ttl__01 .c-ft--serif {
  font-size: 5.4rem;
}
@media screen and (max-width: 834px) {
  .shoplist-staff .c-ttl__01 .c-ft--serif {
    letter-spacing: -3px;
    font-size: 2.6rem;
  }
}
.shoplist-staff--pink .c-ttl__01 .c-ft--en {
  background: #FF84A4;
}
.shoplist-staff--pink:after {
  background: url("../img/girlstaff/ico-link.png") center no-repeat;
  background-size: contain;
}

#page-news .news-list {
  padding-left: 64px;
}
@media screen and (max-width: 834px) {
  #page-news .news-list {
    padding: 0;
  }
}
#page-news .news-list__info {
  gap: 21px;
  margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
  #page-news .news-list__info {
    margin-bottom: 10px;
    gap: 11px;
  }
}
#page-news .news-list__info span {
  font-size: 16px;
  padding: 3px 18px;
  width: max-content;
}
@media screen and (max-width: 834px) {
  #page-news .news-list__info span {
    font-size: 10px;
    padding: 4px 10px;
  }
}
#page-news .news-list__info time {
  font-size: 22px;
}
@media screen and (max-width: 834px) {
  #page-news .news-list__info time {
    font-size: 14px;
  }
}
#page-news .news-list__item:not(:first-of-type) {
  margin-top: 10px;
}
@media screen and (max-width: 834px) {
  #page-news .news-list__item:not(:first-of-type) {
    margin: 0;
  }
}
@media screen and (min-width: 835px) {
  #page-news .news-list__item:last-child {
    border-bottom: 1px solid #d0d0d0;
  }
}
#page-news .news-list__item a::after {
  width: 65px;
  height: 65px;
}
@media screen and (max-width: 834px) {
  #page-news .news-list__item a::after {
    width: 40px;
    height: 40px;
  }
}
#page-news .news-list__item a::after {
  top: 68%;
  right: 4px;
}

.sec-news-page {
  padding: 32px 0 120px;
}
@media screen and (max-width: 834px) {
  .sec-news-page {
    padding: 42px 0 64px;
  }
}
.sec-news-page .inner {
  max-width: calc(898px + 10%);
}

.menu-list__btn {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0;
  margin-top: 38px;
  margin-bottom: 42px;
}
@media screen and (max-width: 834px) {
  .menu-list__btn {
    gap: 5px;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.menu-list__btn-item a,
.menu-list__btn-item span {
  background: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: 0;
  font-weight: 600;
  text-align: center;
  transition: 0.2s ease-in-out;
  padding: 10px;
  text-align: center;
  width: 173px;
  height: 44px;
  color: #333333;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .menu-list__btn-item a,
  .menu-list__btn-item span {
    height: 50px;
    letter-spacing: -0.5px;
    font-size: 1.2rem;
    width: 110px;
    padding: 6px;
    height: 28px;
  }
}
.menu-list__btn-item a:hover,
.menu-list__btn-item span:hover {
  opacity: 1;
  transition: all 0.3s;
  background: #e83f80;
  color: #fff;
}
.menu-list__btn-item.active a,
.menu-list__btn-item.active span {
  pointer-events: none;
  background: #e83f80;
  color: #fff;
}

.news-meta {
  margin-bottom: 9px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news-meta__time {
  font-weight: 500;
  display: inline-block;
  margin-left: 17px;
  color: #acacac;
  font-size: 2.2rem;
}
.news-meta__cate {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: inline-flex;
  background: #9395d7;
  color: #fff;
  font-weight: 500;
  min-width: 65px;
  padding: 5px 19px;
  height: 32px;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .news-meta__cate {
    font-size: 1.4rem;
  }
}
.news-meta__cate.pink {
  background: #e83f80;
}
.news-meta__cate.aqua {
  background: #61c8c8;
}
.news-meta__cate.violet {
  background: #a09be2;
}

#page-shoplist_shopname,
#page-girlstaff_name {
  margin-top: 39px;
}
@media screen and (max-width: 834px) {
  #page-shoplist_shopname,
  #page-girlstaff_name {
    margin-top: 7px;
  }
}

.sec-shopname {
  padding: 4px 0 112px;
}
@media screen and (max-width: 834px) {
  .sec-shopname {
    padding: 31px 0 62px;
  }
}

.shopname-block__tags {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.shopname-block__tags span {
  display: inline-block;
  background: #fff;
  padding: 7px 24px;
  border-radius: 40px;
  color: #E83F80;
  font-weight: 500;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .shopname-block__tags span {
    padding: 5px 17px;
    font-size: 1.2rem;
  }
}
.shopname-block__ttl {
  color: #333;
  font-weight: 500;
  margin-bottom: 28px;
  font-size: 4rem;
}
@media screen and (max-width: 834px) {
  .shopname-block__ttl {
    margin-bottom: 16px;
    font-size: 3.2rem;
  }
}

.shopname-slider {
  max-width: 760px;
  width: 100%;
  margin: 0 auto 38px;
}
@media screen and (max-width: 834px) {
  .shopname-slider {
    max-width: calc(100% + 16px);
    width: calc(100% + 16px);
    margin: 0 -8px 34px;
  }
}
.shopname-slider .slick-list {
  overflow: visible !important;
}
.shopname-slider__item {
  box-shadow: none;
  padding: 0 20px;
}
@media screen and (max-width: 834px) {
  .shopname-slider__item {
    padding: 0 8px;
  }
}
.shopname-slider__img {
  position: relative;
  overflow: hidden;
}
.shopname-slider__img:before {
  display: block;
  content: "";
  padding-top: 42.8571428571%;
}
.shopname-slider__img > :first-child,
.shopname-slider__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shopname-slider .slick-next::before,
.shopname-slider .slick-prev::before {
  display: none;
}
.shopname-slider .slick-next,
.shopname-slider .slick-prev {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #fff;
  left: -12px;
  top: 48%;
  border: 1px solid #E8E8E8;
  transform: translateY(-50%);
  transition: all 0.3s;
  z-index: 5;
}
@media screen and (max-width: 834px) {
  .shopname-slider .slick-next,
  .shopname-slider .slick-prev {
    width: 32px;
    height: 32px;
    top: 50%;
    left: -9px;
  }
}
.shopname-slider .slick-next:before,
.shopname-slider .slick-prev:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 14px;
  background: url("../img/shoplist/shopname/prev.png") center no-repeat;
  background-size: contain;
  top: 23px;
  left: 24px;
}
@media screen and (max-width: 834px) {
  .shopname-slider .slick-next:before,
  .shopname-slider .slick-prev:before {
    width: 9px;
    height: 8px;
    top: 11px;
    left: 11px;
  }
}
.shopname-slider .slick-next:hover,
.shopname-slider .slick-prev:hover {
  opacity: 1;
  background: #E83F80;
  border-color: #E83F80;
  transition: all 0.3s;
}
.shopname-slider .slick-next:hover:before,
.shopname-slider .slick-prev:hover:before {
  background: url("../img/common/ar-white.svg") center no-repeat;
  background-size: contain;
}
.shopname-slider .slick-prev:hover::before {
  transform: rotate(180deg);
}
.shopname-slider .slick-next {
  right: -12px;
  left: auto;
}
@media screen and (max-width: 834px) {
  .shopname-slider .slick-next {
    right: -9px;
  }
}
.shopname-slider .slick-next:before {
  background: url("../img/shoplist/shopname/next.png") center no-repeat;
  background-size: contain;
}

.shopname-number {
  max-width: 720px;
  width: 100%;
  margin: 0 auto 66px;
  padding: 13px 15px 21px;
  background: #fff;
  text-align: center;
  color: #333;
  font-weight: 500;
  line-height: 1.2;
  font-size: 2.6rem;
}
@media screen and (max-width: 834px) {
  .shopname-number {
    margin: 0 auto 32px;
    padding: 8px 5px 11px;
    font-size: 1.4rem;
  }
}
.shopname-number span {
  margin-left: 15px;
  color: #E83F80;
  font-size: 4.5rem;
}
@media screen and (max-width: 834px) {
  .shopname-number span {
    font-size: 2.4rem;
  }
}

.shopname-list {
  margin-bottom: 101px;
}
@media screen and (max-width: 834px) {
  .shopname-list {
    margin-bottom: 49px;
  }
}
.shopname-list .dt {
  width: 6em;
}
.shopname-list__item:not(:last-child) {
  margin-bottom: 81px;
}
@media screen and (max-width: 834px) {
  .shopname-list__item:not(:last-child) {
    margin-bottom: 50px;
  }
}
.shopname-list__salary-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .shopname-list__salary-item {
    gap: 10px 0;
  }
}
.shopname-list__salary-item:not(:last-child) {
  margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
  .shopname-list__salary-item:not(:last-child) {
    margin-bottom: 14px;
  }
}
.shopname-list__salary-item--green .shopname-list__salary-ttl {
  background: #61C8C8;
}
.shopname-list__salary-item--green .shopname-list__salary-price {
  color: #61C8C8;
}
.shopname-list__salary-item--purple .shopname-list__salary-ttl {
  background: #A09BE2;
}
.shopname-list__salary-item--purple .shopname-list__salary-price {
  color: #A09BE2;
}
.shopname-list__salary-ttl {
  width: 420px;
  background: #E83F80;
  color: #fff;
  padding: 11.5px;
  font-weight: 500;
  font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .shopname-list__salary-ttl {
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .shopname-list__salary-ttl {
    padding: 8.5px;
    font-size: 1.4rem;
  }
}
.shopname-list__salary-desc {
  padding: 0 5px;
  width: calc(100% - 700px);
  font-weight: 500;
  font-size: 2.2rem;
}
@media screen and (max-width: 1024px) {
  .shopname-list__salary-desc {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .shopname-list__salary-desc {
    padding: 0;
    text-align: left;
    width: 44%;
    font-size: 1.4rem;
  }
}
.shopname-list__salary-price {
  width: 280px;
  background: #fff;
  padding: 5px 5px 7px;
  color: #E83F80;
  font-weight: 500;
  font-size: 2.7rem;
}
@media screen and (max-width: 1024px) {
  .shopname-list__salary-price {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .shopname-list__salary-price {
    width: 56%;
    padding: 3px 5px 4px;
    font-size: 2rem;
  }
}
.shopname-list__store {
  max-width: 838px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .shopname-list__store {
    padding-bottom: 5px;
  }
}
.shopname-list__store-item {
  font-weight: 500;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .shopname-list__store-item {
    align-items: center;
    font-size: 1.4rem;
  }
}
.shopname-list__store-item:not(:last-child) {
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 834px) {
  .shopname-list__store-item:not(:last-child) {
    padding-bottom: 17px;
    margin-bottom: 15px;
  }
}
.shopname-list__store-ttl {
  width: 205px;
  padding-right: 5px;
}
@media screen and (max-width: 834px) {
  .shopname-list__store-ttl {
    width: 85px;
  }
}
.shopname-list__store-desc {
  width: calc(100% - 205px);
}
@media screen and (max-width: 834px) {
  .shopname-list__store-desc {
    text-align: right;
    width: calc(100% - 85px);
  }
}
.shopname-list__job {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 12.5px 15px;
  padding-bottom: 22px;
}
@media screen and (max-width: 1024px) {
  .shopname-list__job {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 834px) {
  .shopname-list__job {
    gap: 7.5px 10px;
    padding-bottom: 4px;
    grid-template-columns: 1fr 1fr;
  }
}
.shopname-list__job-item {
  background: #E83F80;
  padding: 10px 5px;
  text-align: center;
  display: block;
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
}
@media screen and (max-width: 1200px) {
  .shopname-list__job-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 834px) {
  .shopname-list__job-item {
    padding: 6px 0;
    letter-spacing: -0.5px;
  }
}
.shopname-list__choice {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 50px;
  padding-bottom: 17px;
}
@media screen and (max-width: 834px) {
  .shopname-list__choice {
    padding-bottom: 0;
    grid-template-columns: 1fr;
  }
}
.shopname-list__choice-item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 834px) {
  .shopname-list__choice-item:not(:last-child) {
    margin-bottom: 31px;
  }
}
.shopname-list__choice-ttl {
  background: #fff;
  border-radius: 40px;
  text-align: center;
  padding: 16px 10px;
  color: #333;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .shopname-list__choice-ttl {
    padding: 8px 10px;
    font-size: 1.4rem;
  }
}
.shopname-list__choice-ttl span {
  color: #E83F80;
}
.shopname-list__option {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding-top: 26px;
  margin-top: 35px;
}
@media screen and (max-width: 834px) {
  .shopname-list__option {
    padding-top: 19px;
    margin-top: 31px;
  }
}
.shopname-list__option:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: calc(100% - 25px);
  height: 2px;
  background: #D9D9D9;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.shopname-list__option-item {
  color: #333;
  font-weight: 500;
  position: relative;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .shopname-list__option-item {
    font-size: 1.2rem;
  }
}
.shopname-list__option-item:first-child span {
  left: 18px;
}
@media screen and (max-width: 834px) {
  .shopname-list__option-item:first-child span {
    left: 10px;
  }
}
.shopname-list__option-item:last-child span {
  right: 0;
  transform: translateX(0);
  left: auto;
}
@media screen and (max-width: 834px) {
  .shopname-list__option-item:last-child span {
    right: 4px;
  }
}
.shopname-list__option-item .star {
  display: block;
  width: 39px;
  height: 36px;
  top: -43px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  background: url("../img/shoplist/shopname/ico-star.png") center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 834px) {
  .shopname-list__option-item .star {
    width: 28px;
    height: 26px;
    top: -32px;
  }
}
.shopname-list__option-item .dot {
  display: block;
  width: 13px;
  height: 13px;
  top: -31px;
  left: 50%;
  border-radius: 50%;
  position: absolute;
  background: #D9D9D9;
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .shopname-list__option-item .dot {
    width: 10px;
    height: 10px;
    top: -23px;
  }
}
.shopname-list__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 834px) {
  .shopname-list__gallery {
    gap: 16px;
    grid-template-columns: 1fr 1fr;
  }
}
.shopname-list__gallery-item {
  padding: 20px;
  border: 1px solid #D9D9D9;
}
.shopname-list__gallery-caption {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.5;
  height: 4.5em;
  overflow: auto;
}
.shopname-list__gallery-img {
  position: relative;
  overflow: hidden;
}
.shopname-list__gallery-img:before {
  display: block;
  content: "";
  padding-top: 100%;
}
.shopname-list__gallery-img > :first-child,
.shopname-list__gallery-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shopname-btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 120px;
}
@media screen and (max-width: 834px) {
  .shopname-btn {
    display: block;
    margin-bottom: 45px;
  }
}
.shopname-btn .c-btn__02 {
  margin: 0;
  max-width: 100%;
  width: calc(50% - 15px);
  height: 80px;
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .shopname-btn .c-btn__02 {
    max-width: 340px;
    width: 100%;
    height: 69px;
    margin: 0 auto 17px;
    font-size: 1.6rem;
  }
}
.shopname-btn .c-btn__02::after {
  right: 28px;
  width: 22px;
  height: 18px;
}
@media screen and (max-width: 834px) {
  .shopname-btn .c-btn__02::after {
    width: 14px;
    height: 14px;
    right: 23px;
  }
}

.shopname-banner {
  max-width: 840px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 834px) {
  .shopname-banner {
    margin-bottom: 47px;
  }
}
.shopname-banner img {
  width: 100%;
}

.shopname-note-copy-wrap {
  max-width: 720px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 834px) {
  .shopname-note-copy-wrap {
    margin-bottom: 40px;
  }
}

.shopname-note-copy {
  background: #4cc9a8;
  color: #fff;
  text-align: center;
  padding: 18px 20px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 835px) {
  .shopname-note-copy {
    font-size: 24px;
  }
}
@media screen and (min-width: 991px) {
  .shopname-note-copy {
    font-size: 32px;
  }
}
@media screen and (max-width: 834px) {
  .shopname-note-copy {
    padding: 14px 16px;
  }
}

.shopname-note-copy-text {
  background: #fff;
  border: 1px solid #E8E8E8;
  border-top: none;
  padding: 24px 30px 28px;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .shopname-note-copy-text {
    padding: 20px 20px 24px;
  }
}
.shopname-note-copy-text p {
  margin: 0 0 10px;
  color: #333;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 834px) {
  .shopname-note-copy-text p {
    font-size: 1.4rem;
    margin-bottom: 8px;
  }
}
.shopname-note-copy-text p:last-child {
  margin-bottom: 0;
}

.shopname-note-copy-intro,
.shopname-note-copy-sub {
  text-align: center;
}

.shopname-note-copy-sub {
  margin-bottom: 16px !important;
}

.shopname-note-copy-underline {
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 1px solid #666;
}

.copy-bullet {
  color: #E83F80;
  font-weight: 500;
}

.shopname-note-copy-note {
  font-size: 1.3rem !important;
  color: #666 !important;
}
@media screen and (max-width: 834px) {
  .shopname-note-copy-note {
    font-size: 1.2rem !important;
  }
}

.shopname-note {
  margin-bottom: 81px;
  margin-top: -80px;
  position: relative;
  z-index: 2;
  background: #333;
  padding: 27px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  .shopname-note {
    display: none;
  }
}

#page-news_yymmdd-hhmm .breadcrumb {
  margin-top: 25px;
}
@media screen and (max-width: 834px) {
  #page-news_yymmdd-hhmm .breadcrumb {
    margin-top: 20px;
  }
}

.sec-periodontal {
  margin-top: 55px;
}
@media screen and (max-width: 834px) {
  .sec-periodontal {
    margin-top: 32px;
  }
}
.sec-periodontal .inner {
  max-width: 900px;
}
.sec-periodontal__img {
  border: 1px solid #d0d0d0;
  background-color: white;
  aspect-ratio: 84/49;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 834px) {
  .sec-periodontal__img {
    border: none;
  }
}
.sec-periodontal__img img {
  aspect-ratio: 611.11/60;
}
@media screen and (max-width: 834px) {
  .sec-periodontal__img img {
    aspect-ratio: 262/25.72;
  }
}

.news-contents {
  padding: 48px 0 100px;
}
@media screen and (max-width: 834px) {
  .news-contents {
    padding: 35px 0 64px;
  }
}
.news-contents .inner {
  max-width: 900px;
}
.news-contents__meta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
  .news-contents__meta {
    gap: 12px;
    margin-bottom: 6px;
  }
}
.news-contents__tag {
  font-size: 16px;
  padding: 5px 18px;
  background-color: #e83f80;
  color: white;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .news-contents__tag {
    font-size: 12px;
    padding: 3.5px 12px;
  }
}
.news-contents__date {
  font-size: 21px;
  color: #a8a8a8;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .news-contents__date {
    font-size: 16px;
  }
}
.news-contents__title {
  font-size: 40px;
  margin-bottom: 30px;
  font-weight: 500;
  color: #333;
}
@media screen and (max-width: 834px) {
  .news-contents__title {
    font-size: 24px;
    margin-bottom: 19px;
  }
}
.news-contents__main {
  width: 100%;
  margin: 0 auto 82px;
}
@media screen and (max-width: 834px) {
  .news-contents__main {
    margin: 0 auto 16px;
  }
}
.news-contents__main p {
  line-height: 1.8;
  font-weight: 300;
  color: #333;
  font-size: 16px;
}
@media screen and (max-width: 834px) {
  .news-contents__main p {
    font-size: 14px;
  }
}
.news-contents__main img {
  margin-bottom: 43px;
  max-width: 100%;
  height: auto !important;
}
@media screen and (max-width: 834px) {
  .news-contents__main img {
    margin-bottom: 25px;
  }
}
.news-contents__main h1 {
  line-height: 1.3;
  display: block;
  font-size: 2.5rem;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.news-contents__main h2 {
  border-bottom: 1px solid #cecece;
  padding-bottom: 15px;
  margin-bottom: 35px;
  position: relative;
  padding-left: 35px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.5;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .news-contents__main h2 {
    padding-left: 32px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size: 2.2rem;
  }
}
.news-contents__main h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 30px;
  left: -2px;
  top: 10px;
  transform: rotate(43deg);
  border-radius: 100px;
  background: linear-gradient(90deg, #ee9394 0%, #bd92da 100%);
}
@media screen and (max-width: 834px) {
  .news-contents__main h2:before {
    width: 12px;
    height: 25px;
    top: 6px;
    transform: rotate(43deg);
    left: 3px;
  }
}
.news-contents__main h3 {
  line-height: 1.3;
  display: block;
  font-size: 2.5rem;
  font-weight: 500;
  padding: 14px 45px;
  background: #ebeff2;
  border-radius: 20px;
  margin-bottom: 35px;
}
@media screen and (max-width: 834px) {
  .news-contents__main h3 {
    font-size: 2rem;
    padding: 12px 20px;
  }
}
.news-contents__main h4 {
  line-height: 1.3;
  display: block;
  font-size: 2.2rem;
  font-weight: 500;
  color: #00a5b1;
  border-bottom: 1px solid #b2b2b2;
  position: relative;
  padding: 0 15px 15px;
  margin-bottom: 35px;
}
@media screen and (max-width: 834px) {
  .news-contents__main h4 {
    font-size: 2rem;
  }
}
.news-contents__main h4::before, .news-contents__main h4:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #b2b2b2;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}
.news-contents__main h4:after {
  left: auto;
  right: 0;
}
.news-contents__main h5 {
  line-height: 1.3;
  display: block;
  font-size: 1.8rem;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.news-contents__main h6 {
  line-height: 1.3;
  display: block;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.news-contents__main ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 20px;
  line-height: 1.3;
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width: 834px) {
  .news-contents__main ol {
    font-size: 14px;
  }
}
.news-contents__main ol li {
  display: list-item;
  text-align: -webkit-match-parent;
  list-style: decimal;
}
.news-contents__main ol li:not(:last-child) {
  margin-bottom: 10px;
}
.news-contents__main ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 20px;
  line-height: 1.3;
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width: 834px) {
  .news-contents__main ul {
    font-size: 14px;
  }
}
.news-contents__main ul li {
  display: list-item;
  text-align: -webkit-match-parent;
  list-style: disc;
}
.news-contents__main ul li:not(:last-child) {
  margin-bottom: 10px;
}
.news-contents__main del,
.news-contents__main ins {
  line-height: 1.3;
  text-decoration: line-through;
}
.news-contents__main a {
  line-height: 1.3;
  text-decoration: underline;
  color: #000;
}

#page-migrant {
  overflow-x: hidden;
}

.sec-migrant {
  padding: 28px 0 72px;
}
@media screen and (max-width: 834px) {
  .sec-migrant {
    padding: 7px 0 64px;
  }
}
@media screen and (min-width: 835px) {
  .sec-migrant .c-ttl__01--other .c-ft--en {
    margin-bottom: 11px;
  }
}

.migrant-top {
  padding-bottom: 80px;
  margin-bottom: 65px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .migrant-top {
    padding-bottom: 0;
    margin-bottom: 57px;
  }
}
.migrant-top:after {
  content: "";
  height: 1px;
  width: 5000px;
  background: #D0D0D0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .migrant-top:after {
    display: none;
  }
}

.migrant-heading {
  max-width: 586px;
  margin-bottom: 32px;
}
@media screen and (max-width: 834px) {
  .migrant-heading {
    margin-bottom: 26px;
  }
}
.migrant-heading__ttl {
  display: block;
  font-family: "Noto Serif JP", serif;
  line-height: 1.2;
  font-size: 6.6rem;
  font-weight: 500;
  margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
  .migrant-heading__ttl {
    font-size: 5.8rem;
    line-height: 1.0344827586;
  }
}
.migrant-heading__ttl-note {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 0 -11px;
}
@media screen and (max-width: 834px) {
  .migrant-heading__ttl-note {
    font-size: 1.3rem;
    margin: 0 0 -7px;
  }
}
.migrant-heading__ttl small {
  display: inline-block;
  background: white;
  font-size: 3.4rem;
  padding: 5px 15px;
  margin-bottom: 17px;
}
@media screen and (max-width: 834px) {
  .migrant-heading__ttl small {
    font-size: 2.8rem;
    padding: 3px 10px;
    margin-bottom: 22px;
  }
}
.migrant-heading__ttl--other {
  font-size: 6.4rem;
}
@media screen and (max-width: 834px) {
  .migrant-heading__ttl--other {
    font-size: 5.2rem;
  }
}

.migrant-block {
  background: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 47px;
}
@media screen and (max-width: 834px) {
  .migrant-block {
    padding: 26px 20px 32px;
  }
}
.migrant-block__ct {
  width: 49.5%;
  font-size: 1.4rem;
  line-height: 1.8571428571;
  padding: 31px 31px 0 0;
  letter-spacing: 1px;
}
@media screen and (max-width: 834px) {
  .migrant-block__ct {
    width: 100%;
    padding: 0;
    line-height: 1.7142857143;
    letter-spacing: 0.5px;
    margin-bottom: 17px;
  }
}
.migrant-block__ct-ttl {
  display: block;
  text-align: center;
  position: relative;
  letter-spacing: 1px;
  margin-bottom: 51px;
}
@media screen and (max-width: 834px) {
  .migrant-block__ct-ttl {
    margin-bottom: 16px;
  }
}
.migrant-block__ct-ttl:before {
  content: "";
  width: 132px;
  height: 197px;
  background: url("../img/migrant/item-01.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) {
  .migrant-block__ct-ttl:before {
    width: 83px;
    height: 125px;
  }
}
.migrant-block__ct-ttl .c-ft--en {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: #E83F80;
  color: white;
  font-size: 1.6rem;
  padding: 0 11px;
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .migrant-block__ct-ttl .c-ft--en {
    font-size: 1.2rem;
    padding: 0 8px;
    margin-bottom: 7px;
  }
}
.migrant-block__ct-ttl .c-ft--jp {
  position: relative;
  z-index: 2;
  display: block;
  font-size: 3.2rem;
  line-height: 1.25;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .migrant-block__ct-ttl .c-ft--jp {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 834px) {
  .migrant-block__ct-ttl .c-ft--jp {
    font-size: 2.2rem;
    line-height: 1.3636363636;
  }
}
.migrant-block__img {
  width: 50.5%;
}
@media screen and (max-width: 834px) {
  .migrant-block__img {
    width: 100%;
  }
}
.migrant-block__img img {
  width: 100%;
}

.migrant-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 103px 44px;
  position: relative;
  padding: 0 0 77px;
  margin-bottom: 63px;
}
@media screen and (max-width: 834px) {
  .migrant-list {
    grid-template-columns: 1fr;
    gap: 50px;
    padding: 0;
    margin-bottom: 55px;
  }
}
.migrant-list:after {
  content: "";
  height: 1px;
  width: 5000px;
  background: #D0D0D0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 834px) {
  .migrant-list:after {
    display: none;
  }
}
.migrant-list__item {
  position: relative;
  padding: 0 0 0 30px;
}
@media screen and (max-width: 834px) {
  .migrant-list__item {
    padding: 0;
  }
}
.migrant-list__count {
  width: 103px;
  height: 103px;
  background: url("../img/migrant/item-02.png") no-repeat;
  background-size: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  position: absolute;
  top: -37px;
  left: 0;
  letter-spacing: 1px;
  font-family: "Sofia Sans", sans-serif;
  color: white;
  line-height: 1;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .migrant-list__count {
    width: 72px;
    height: 72px;
    font-size: 1rem;
    top: -21px;
    left: -19px;
  }
}
@media screen and (max-width: 359px) {
  .migrant-list__count {
    left: -10px;
  }
}
.migrant-list__count span {
  display: block;
  width: 100%;
  font-size: 4rem;
}
@media screen and (max-width: 834px) {
  .migrant-list__count span {
    font-size: 3rem;
  }
}
.migrant-list__img {
  margin-bottom: 32px;
}
@media screen and (max-width: 834px) {
  .migrant-list__img {
    margin-bottom: 25px;
  }
}
.migrant-list__img img {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .migrant-list__ct {
    letter-spacing: 0.5px;
  }
}
.migrant-list__ct-ttl {
  display: block;
  text-align: center;
  background: white;
  font-size: 2.2rem;
  line-height: 1.4545454545;
  font-weight: 500;
  padding: 13px;
  letter-spacing: 2.5px;
  margin-bottom: 14px;
}
@media screen and (max-width: 834px) {
  .migrant-list__ct-ttl {
    font-size: 1.6rem;
    padding: 7px;
    letter-spacing: 1px;
    margin-bottom: 14px;
  }
}

.migrant-interview {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.migrant-interview__ct {
  width: 55.6%;
  padding: 0 4% 0 0;
}
@media screen and (min-width: 835px) {
  .migrant-interview__ct {
    line-height: 1.875;
  }
}
@media screen and (max-width: 834px) {
  .migrant-interview__ct {
    width: 100%;
    order: 2;
    padding: 0;
  }
}
.migrant-interview__ct-ttl {
  display: block;
  font-size: 5.5rem;
  line-height: 1.2909090909;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 32px;
}
@media screen and (max-width: 834px) {
  .migrant-interview__ct-ttl {
    font-size: 3.1rem;
    line-height: 1.3;
    margin-bottom: 24px;
  }
}
.migrant-interview__ct p {
  margin-bottom: 39px;
}
@media screen and (max-width: 834px) {
  .migrant-interview__ct p {
    margin-bottom: 46px;
  }
}
@media screen and (min-width: 835px) {
  .migrant-interview__ct .c-btn__02 {
    margin-left: 0;
    max-width: 360px;
    height: 72px;
    letter-spacing: 0.5px;
    padding: 5px 37px 5px 15px;
  }
  .migrant-interview__ct .c-btn__02:after {
    right: 30px;
    width: 14px;
    height: 14px;
  }
}
.migrant-interview__img {
  width: 44.4%;
}
@media screen and (max-width: 834px) {
  .migrant-interview__img {
    width: auto;
    order: 1;
    margin: 0 -30px 21px;
  }
}
@media screen and (max-width: 359px) {
  .migrant-interview__img {
    margin: 0 -15px 20px;
  }
}
.migrant-interview__img img {
  width: 100%;
}

@media screen and (max-width: 834px) {
  #page-necessary .mv-page__ttl {
    margin-top: -110px;
  }
}

.sec-necessary {
  padding: 71px 0 97px;
}
@media screen and (max-width: 834px) {
  .sec-necessary {
    padding: 31px 0 47px;
  }
}

.necessary-heading {
  max-width: 677px;
  letter-spacing: 1px;
  margin-bottom: 54px;
}
.necessary-heading__list {
  list-style-type: disc;
  padding-left: 1.5em;
}
.necessary-heading__list li {
  list-style-type: disc;
}
@media screen and (max-width: 834px) {
  .necessary-heading {
    margin-bottom: 39px;
  }
}
.necessary-heading__ttl {
  display: block;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 26px;
}
@media screen and (max-width: 834px) {
  .necessary-heading__ttl {
    margin-bottom: 16px;
  }
}
.necessary-heading__ttl .c-ft--en {
  display: inline-block;
  background: #E83F80;
  color: white;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 8px 15px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .necessary-heading__ttl .c-ft--en {
    font-size: 1.2rem;
    padding: 4px 13px;
  }
}
.necessary-heading__ttl .c-ft--serif {
  display: block;
  font-size: 6.4rem;
  line-height: 1.1;
}
@media screen and (max-width: 834px) {
  .necessary-heading__ttl .c-ft--serif {
    font-size: 4.8rem;
    line-height: 1.1666666667;
  }
}

.necessary-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 45px;
}
@media screen and (max-width: 834px) {
  .necessary-list {
    grid-template-columns: 1fr;
    gap: 21px;
  }
}
.necessary-list__ttl {
  display: block;
  text-align: center;
  color: white;
  font-size: 2.4rem;
  font-weight: 600;
  background: #E83F80;
  border-radius: 5px 5px 0 0;
  padding: 19px 10px;
  letter-spacing: 1px;
}
@media screen and (max-width: 834px) {
  .necessary-list__ttl {
    font-size: 1.6rem;
    padding: 13px 10px;
  }
}
.necessary-list__ct {
  background: white;
  padding: 28px 30px 40px;
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .necessary-list__ct {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    padding: 23px 20px 40px;
  }
}
.necessary-list__ct-ttl {
  display: block;
  text-align: center;
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
  .necessary-list__ct-ttl {
    font-size: 2.2rem;
    letter-spacing: 1px;
    margin-bottom: 7px;
  }
}
.necessary-list__ct-ttl small {
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .necessary-list__ct-ttl small {
    font-size: 1.1rem;
  }
}
.necessary-list__ct p {
  margin-bottom: 25px;
}

.necessary-show {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px 10px;
}
.necessary-show__item {
  width: 50%;
  padding: 0 20px;
  margin-bottom: 12px;
}
.necessary-show__item img {
  width: 100%;
  margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
  .necessary-show__item img {
    margin-bottom: 13px;
  }
}
.necessary-show__item span {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  margin: 0 -15px;
}
@media screen and (max-width: 834px) {
  .necessary-show__item span {
    font-size: 1.2rem;
    line-height: 1.3333333333;
  }
}
.necessary-show--col3 {
  max-width: 430px;
  margin: 0 auto 20px;
}
.necessary-show--col3 .necessary-show__item {
  width: 33.333%;
}
@media screen and (max-width: 834px) {
  .necessary-show--col3 .necessary-show__item {
    padding: 0 16px;
  }
}

.necessary-note li {
  background: #FFF0F2;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  font-weight: 500;
  margin-bottom: 21px;
  padding: 12px 33px;
}
@media screen and (max-width: 834px) {
  .necessary-note li {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4166666667;
    padding: 4px 21px;
  }
}
.necessary-note li:last-child {
  margin-bottom: 0;
}
.necessary-note--center {
  text-align: center;
}

.sec-interview-page {
  padding: 77px 0 94px;
}
@media screen and (max-width: 834px) {
  .sec-interview-page {
    padding: 39px 0 46px;
  }
}

#page-interview .mv-page__ttl--pink .c-ft--en {
  background: #e83f80;
}

.interview-show {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .interview-show {
    grid-template-columns: 1fr 1fr;
    gap: 29px 18px;
  }
}
.interview-show__item a {
  display: block;
}
@media (any-hover: hover) {
  .interview-show__item a:hover {
    opacity: 1;
  }
  .interview-show__item a:hover .interview-show__img img {
    transform: scale(1.05, 1.05);
  }
}
.interview-show__img {
  overflow: hidden;
  position: relative;
  margin-bottom: 33px;
}
@media screen and (max-width: 834px) {
  .interview-show__img {
    margin-bottom: 16px;
  }
}
.interview-show__img:before {
  content: "";
  display: block;
  padding: 120% 0 0;
}
@media screen and (max-width: 834px) {
  .interview-show__img:before {
    padding: 125% 0 0;
  }
}
.interview-show__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: all 0.3s ease;
  transition: all 0.2s linear;
}
.interview-show__ct {
  font-family: "Noto Serif JP", serif;
}
.interview-show__ct-category {
  display: inline-block;
  background: #e83f80;
  color: white;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 4px 13px;
}
@media screen and (max-width: 834px) {
  .interview-show__ct-category {
    font-size: 1rem;
    padding: 2px 6px;
  }
}
.interview-show__ct-ttl {
  display: block;
  font-size: 3.2rem;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .interview-show__ct-ttl {
    font-size: 2rem;
  }
}

#page-girlstaff .mv-page__ttl {
  margin-bottom: 7px;
}
@media screen and (max-width: 834px) {
  #page-girlstaff .mv-page__ttl {
    margin-top: -112px;
  }
}
#page-girlstaff .mv-page__ttl .c-ft--en {
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  #page-girlstaff .mv-page__ttl .c-ft--en {
    padding: 5px 6px 4px;
    font-size: 1.8rem;
  }
}
#page-girlstaff .mv-page__ttl .c-ft--serif {
  font-size: 6.4rem;
}
@media screen and (max-width: 834px) {
  #page-girlstaff .mv-page__ttl .c-ft--serif {
    line-height: 1.1667;
    font-size: 4.8rem;
  }
}
#page-girlstaff dt.shoplist-box__option-ttl {
  width: 110px;
}
#page-girlstaff .shoplist-box__option-desc,
#page-girlstaff .shoplist-box__option-ttl {
  line-height: 1.57;
}
#page-girlstaff .shoplist-box__option-desc {
  text-align: right;
}
@media screen and (max-width: 834px) {
  #page-girlstaff .sec-shoplist {
    padding: 43px 0 62px;
  }
  #page-girlstaff .shoplist-box__option-item:not(:last-child) {
    padding-bottom: 11px;
    margin-bottom: 16.5px;
  }
}

#page-girlstaff_name .sec-shopname {
  padding: 4px 0 130px;
}
@media screen and (max-width: 834px) {
  #page-girlstaff_name .sec-shopname {
    padding: 35px 0 53px;
  }
}
#page-girlstaff_name .shopname-block__tags span {
  color: #1D9CE0;
}
#page-girlstaff_name .shopname-list__job-item {
  background: #1B9CE0;
}
#page-girlstaff_name .shopname-slider .slick-next:hover,
#page-girlstaff_name .shopname-slider .slick-prev:hover {
  background: #1B9CE0;
  border-color: #1B9CE0;
}
#page-girlstaff_name .shopname-list__store-item {
  line-height: 1.667;
}
@media screen and (max-width: 834px) {
  #page-girlstaff_name .shopname-list__store-item {
    line-height: 1.57142;
    align-items: flex-start;
  }
}
#page-girlstaff_name .shopname-list__store-item:not(:last-child) {
  padding-bottom: 26px;
  margin-bottom: 31px;
}
@media screen and (max-width: 834px) {
  #page-girlstaff_name .shopname-list__store-item:not(:last-child) {
    padding-bottom: 23.5px;
    margin-bottom: 22px;
  }
}
#page-girlstaff_name .shopname-list__store {
  padding-bottom: 13px;
}
@media screen and (max-width: 834px) {
  #page-girlstaff_name .shopname-list__store {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 834px) {
  #page-girlstaff_name .shopname-list__store-desc {
    width: calc(100% - 110px);
    letter-spacing: 0.01em;
    text-align: left;
  }
  #page-girlstaff_name .shopname-list__store-desc span {
    display: block;
    text-align: right;
  }
}
@media screen and (max-width: 834px) {
  #page-girlstaff_name .shopname-list__store-ttl {
    width: 110px;
  }
}
#page-girlstaff_name .shopname-banner {
  max-width: 680px;
}

#page-qa .sec-fqa {
  padding: 0;
  margin-top: 80px;
  padding-bottom: 110px;
}
@media screen and (max-width: 834px) {
  #page-qa .sec-fqa {
    padding-bottom: 64px;
  }
}
#page-qa .sec-fqa .inner {
  max-width: 760px;
}
#page-qa .sec-fqa .fqa-list {
  width: 100%;
  counter-reset: item;
  margin: 0;
}
#page-qa .sec-fqa .fqa-list__title {
  margin-bottom: 43px;
  margin-top: 60px;
}
@media screen and (max-width: 834px) {
  #page-qa .sec-fqa .fqa-list__title {
    margin-bottom: 24px;
    margin-top: 48px;
  }
  #page-qa .sec-fqa .fqa-list__title:first-of-type {
    margin-top: -35px;
  }
}
#page-qa .sec-fqa .fqa-list__title h2 {
  background-color: white;
  font-size: 20px;
  font-weight: 600;
  padding: 15px;
  text-align: center;
  letter-spacing: 1.5px;
}
#page-qa .sec-fqa .fqa-list__title h2 span {
  color: #e83f80;
}
@media screen and (max-width: 834px) {
  #page-qa .sec-fqa .fqa-list__title h2 {
    font-size: 16px;
    padding: 11px;
  }
}
#page-qa .sec-fqa .fqa-list__item {
  counter-increment: item;
}
#page-qa .sec-fqa .fqa-list__item:not(:last-child) {
  margin-bottom: 38px;
}
@media screen and (max-width: 834px) {
  #page-qa .sec-fqa .fqa-list__item:not(:last-child) {
    margin-bottom: 26px;
  }
}
#page-qa .sec-fqa .fqa-list .fqa[open] .fqa__question::before {
  transform: rotate(0deg);
  top: 5px;
}
#page-qa .sec-fqa .fqa-list .fqa__question {
  display: block;
  font-weight: 500;
  color: #333;
  line-height: 1.375;
  margin-bottom: 24px;
  background: unset;
  padding: 0;
  padding-bottom: 15px;
  position: relative;
  border-bottom: 1px solid #d0d0d0;
  cursor: pointer;
  list-style: none;
}
#page-qa .sec-fqa .fqa-list .fqa__question::-webkit-details-marker {
  display: none;
}
#page-qa .sec-fqa .fqa-list .fqa__question {
  font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
  #page-qa .sec-fqa .fqa-list .fqa__question {
    font-size: 1.6rem;
    padding-bottom: 12px;
    min-height: unset;
    margin-bottom: 10px;
  }
}
#page-qa .sec-fqa .fqa-list .fqa__question span {
  display: block;
  padding-left: 49px;
  position: relative;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 834px) {
  #page-qa .sec-fqa .fqa-list .fqa__question span {
    padding-right: 5px;
    padding-left: 42px;
  }
}
#page-qa .sec-fqa .fqa-list .fqa__question span:before {
  content: "Q" counter(item);
  display: inline-block;
  position: absolute;
  left: 0;
  top: -3px;
  color: #e83f80;
  font-family: font-sofia;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  #page-qa .sec-fqa .fqa-list .fqa__question span:before {
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
  }
}
#page-qa .sec-fqa .fqa-list .fqa__question::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 13.35px;
  height: 12.68px;
  background: url(../img/qa/icon-arrow-top.svg) center/contain no-repeat;
  transform: rotate(180deg);
}
#page-qa .sec-fqa .fqa-list .fqa__desc {
  font-size: 16px;
  line-height: 1.8;
}
#page-qa .sec-fqa .fqa-list .fqa__desc span {
  color: #e83f80;
}
@media screen and (max-width: 834px) {
  #page-qa .sec-fqa .fqa-list .fqa__desc {
    font-size: 14px;
  }
}

.sec-area-staff {
  padding-top: 90px;
  padding-bottom: 132px;
}
@media screen and (max-width: 834px) {
  .sec-area-staff {
    padding-top: 50px;
    padding-bottom: 64px;
  }
}
.sec-area-staff .inner {
  max-width: 1050px;
}

.staff-show {
  position: relative;
}
.staff-show:not(:first-of-type) {
  margin-top: 64px;
}
@media screen and (max-width: 834px) {
  .staff-show:not(:first-of-type) {
    margin-top: 38px;
  }
}
.staff-show__ttl {
  display: block;
  line-height: 1.4;
  font-size: 2.8rem;
  font-weight: 500;
  border-bottom: 1px solid #d0d0d0;
  padding: 0 0 6px;
  margin-bottom: 32px;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 834px) {
  .staff-show__ttl {
    font-size: 2rem;
    padding: 0 0 6px;
    margin-bottom: 23px;
  }
}
.staff-show__col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.staff-show__col-left {
  width: 49%;
}
@media screen and (max-width: 834px) {
  .staff-show__col-left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.staff-show__col-right {
  width: 23%;
}
@media screen and (max-width: 834px) {
  .staff-show__col-right {
    width: 100%;
  }
}
.staff-show__logo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  font-weight: 500;
}
@media screen and (min-width: 835px) {
  .staff-show__logo--col2 {
    grid-template-columns: 1fr 1fr;
  }
  .staff-show__logo--full {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 834px) {
  .staff-show__logo {
    grid-template-columns: 1fr 1fr;
    gap: 23px 18px;
  }
}
.staff-show__logo-item a {
  display: block;
}
@media (any-hover: hover) {
  .staff-show__logo-item a:hover {
    opacity: 1;
  }
  .staff-show__logo-item a:hover .staff-show__img img {
    transform: scale(1.05, 1.05);
  }
}
.staff-show__logo-item span {
  display: block;
}
.staff-show__img {
  aspect-ratio: 314/234;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 834px) {
  .staff-show__img {
    aspect-ratio: 161/120;
    margin-bottom: 16px;
  }
}
.staff-show__img img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  object-fit: cover;
  transition: all 0.2s linear;
}
.staff-show__tag {
  background-color: #e83f80;
  padding: 6px 12px;
  font-size: 16px;
  color: white;
  width: max-content;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 834px) {
  .staff-show__tag {
    font-size: 10px;
    padding: 2px 9px;
  }
}
.staff-show__name {
  font-size: 28px;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 834px) {
  .staff-show__name {
    font-size: 18px;
  }
}

#page-youtube .wp-pagenavi {
  margin-top: 64px;
  max-width: 1050px;
}
@media screen and (max-width: 834px) {
  #page-youtube .wp-pagenavi {
    margin-top: 49px;
  }
}
#page-youtube .c-btn__02 {
  margin-top: 64px;
}
@media screen and (max-width: 834px) {
  #page-youtube .c-btn__02 {
    margin-top: 49px;
  }
}

.sec-ytb {
  padding-top: 66px;
  padding-bottom: 120px;
}
@media screen and (max-width: 834px) {
  .sec-ytb {
    padding-top: 42px;
    padding-bottom: 64px;
  }
}

.inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 834px) {
  .inner {
    padding: 0 30px;
  }
}

.ytb-loading {
  grid-column: 1/-1;
  text-align: center;
  padding: 48px;
  color: #999;
}

.ytb-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 28px;
}
@media screen and (max-width: 834px) {
  .ytb-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 33px 18px;
  }
}

.ytb-list__item a {
  display: block;
}
@media (any-hover: hover) {
  .ytb-list__item a:hover {
    opacity: 0.8;
  }
}

.ytb-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 249/433;
  background: #acacac;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
@media screen and (max-width: 834px) {
  .ytb-thumb {
    font-size: 12px;
    aspect-ratio: 161/280;
  }
}
.ytb-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.videoframe {
  display: block;
  width: 100%;
  aspect-ratio: 330/587;
  background: #000;
}
.videoframe iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}

.ytb-date {
  display: block;
  margin-bottom: 10px;
  color: #acacac;
  font-size: 18px;
}
@media screen and (max-width: 834px) {
  .ytb-date {
    font-size: 12px;
    margin-bottom: 4px;
  }
}

.ytb-meta {
  margin-top: 16px;
}
@media screen and (max-width: 834px) {
  .ytb-meta {
    margin-top: 12px;
  }
}

.ytb-title {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 4.5em;
}
@media screen and (max-width: 834px) {
  .ytb-title {
    font-size: 14px;
  }
}

.ytb-desc {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .ytb-desc {
    font-size: 12px;
    margin-top: 4px;
    -webkit-line-clamp: 2;
  }
}

#page-privacy h3 {
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  #page-privacy .mv-page__ttl {
    margin-top: -49px;
  }
  #page-privacy .mv-page__ttl .c-ft--en {
    padding: 7px 10px 6px 11px;
  }
}
#page-privacy .sec-contact {
  padding: 80px 0 103px;
}
@media screen and (max-width: 834px) {
  #page-privacy .sec-contact {
    padding: 40px 0 72px;
  }
}
#page-privacy .sec-contact form {
  width: 100%;
}
#page-privacy .contact-list {
  max-width: 720px;
  margin: 0 auto 72px;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list {
    margin-bottom: 40px;
  }
}
#page-privacy .contact-list__item.multiselect-open {
  position: relative;
  z-index: 1001;
}
#page-privacy .contact-list__item {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__item {
    font-size: 1.4rem;
  }
}
#page-privacy .contact-list__item:not(:last-child) {
  margin-bottom: 24.45px;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__item:not(:last-child) {
    margin-bottom: 18.9px;
  }
}
#page-privacy .contact-list__item textarea {
  height: 320px;
  resize: none;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__item textarea {
    height: 281px;
  }
}
#page-privacy .contact-list__ttl {
  position: relative;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__ttl {
    font-size: 1.6rem;
  }
}
#page-privacy .contact-list__ttl--required::after {
  content: "必須";
  position: relative;
  top: -2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 24px;
  background: #E83F80;
  color: white;
  margin-left: 10px;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__ttl--required::after {
    top: -1px;
    height: 20px;
    margin-left: 7px;
    font-size: 1.2rem;
  }
}
#page-privacy .contact-list__ttl span {
  display: inline-block;
  color: #ACACAC;
  margin-left: 10px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 835px) {
  #page-privacy .contact-list__ttl span {
    position: absolute;
    top: 7px;
    right: 0;
    width: max-content;
  }
}
#page-privacy .contact-list__select {
  position: relative;
}
#page-privacy .contact-list__select::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 21px;
  width: 9px;
  height: 9px;
  border: solid #ACACAC;
  border-width: 0 1px 1px 0;
  pointer-events: none;
  transform: rotate(45deg);
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__select::after {
    top: 16px;
    width: 7px;
    height: 7px;
  }
}
#page-privacy .contact-list__select select {
  appearance: none;
  width: 100%;
  height: 56px;
  background: white;
  color: #ACACAC;
  border-radius: 8px;
  border: 1px solid #D0D0D0;
  padding: 15px 19px;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-size: 1.6rem;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__select select {
    height: 48px;
    padding: 13px 19px;
    font-size: 1.4rem;
  }
}
#page-privacy .contact-list__select select::-ms-expand {
  display: none;
}
#page-privacy .contact-list__select select:invalid {
  color: #ACACAC;
}
#page-privacy .contact-list__select option[value=""][disabled] {
  display: none;
}
#page-privacy .contact-list__select option {
  color: #333333;
}
#page-privacy .contact-list__select.multiselect-wrap {
  position: relative;
}
#page-privacy .contact-list__select.multiselect-wrap::after {
  display: none;
}
#page-privacy .contact-list__select.multiselect-wrap.is-open, #page-privacy .contact-list__select.multiselect-wrap:has(.multiselect-trigger[aria-expanded=true]) {
  z-index: 1000;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-trigger {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: auto;
  min-height: 56px;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__select.multiselect-wrap .multiselect-trigger {
    min-height: 48px;
  }
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-placeholder {
  color: #ACACAC;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-selected {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #D0D0D0;
  color: #ACACAC;
  border-radius: 9999px;
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (max-width: 834px) {
  #page-privacy .contact-list__select.multiselect-wrap .multiselect-badge {
    font-size: 12px;
    padding: 3px 8px;
  }
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-badge .multiselect-badge-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  border-radius: 50%;
  color: #ACACAC;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  transition: background 0.2s;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-badge .multiselect-badge-remove:hover {
  background: #D0D0D0;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 4px 0 0;
  padding: 8px 0;
  background: white;
  border: 1px solid #D0D0D0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  max-height: 240px;
  overflow-y: auto;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-dropdown[hidden] {
  display: none !important;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-dropdown li {
  margin: 0;
  list-style: none;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-dropdown li:hover {
  background: #f8f9fa;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-dropdown li label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 19px;
  margin: 0;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-size: 1.4rem;
}
#page-privacy .contact-list__select.multiselect-wrap .multiselect-dropdown li label input[type=checkbox] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  accent-color: #D0D0D0;
}
#page-privacy .contact-list .wpcf7-not-valid-tip {
  display: block;
  color: red;
  font-weight: 400;
  font-size: 1.2rem;
  margin-top: 5px;
}
#page-privacy .sec-thanks {
  padding: 40px 0 92px;
}
@media screen and (max-width: 834px) {
  #page-privacy .sec-thanks {
    padding: 7px 0 66px;
  }
}
#page-privacy .sec-thanks .c-txt__basic {
  margin-bottom: 46px;
  line-height: 1.571;
}
@media screen and (min-width: 641px) {
  #page-privacy .sec-thanks .c-txt__basic {
    margin-bottom: 70px;
    line-height: 1.875;
    text-align: left;
  }
}
#page-privacy .sec-thanks .c-txt__basic p {
  margin-bottom: 0.5em;
}
#page-privacy .thanks-ttl {
  margin: 55px 0 29px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 6.4rem;
}
@media screen and (max-width: 834px) {
  #page-privacy .thanks-ttl {
    letter-spacing: -0.08em;
    font-size: 4.6rem;
    line-height: 1.1666666667;
    margin: 39px 0 22px;
  }
}
@media screen and (max-width: 640px) {
  #page-privacy .thanks-ttl {
    text-align: left;
  }
}
#page-privacy .thanks-ttl small {
  display: block;
  max-width: 212px;
  background: #E83F80;
  color: white;
  margin: 0 auto 10px;
  padding: 5px;
  text-align: center;
  font-family: "Sofia Sans", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 834px) {
  #page-privacy .thanks-ttl small {
    max-width: 155px;
    padding: 6px 5px 5px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  #page-privacy .thanks-ttl small {
    margin: 0 0 11px;
  }
}

/*# sourceMappingURL=styles.css.map */