@charset "UTF-8";
@media screen and (min-width:835px) {
    .mbpc-0 {
        margin-bottom: 0 !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-0 {
        margin-bottom: 0 !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-1 {
        margin-bottom: 1px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-1 {
        margin-bottom: 1px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-2 {
        margin-bottom: 2px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-2 {
        margin-bottom: 2px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-3 {
        margin-bottom: 3px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-3 {
        margin-bottom: 3px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-4 {
        margin-bottom: 4px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-4 {
        margin-bottom: 4px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-5 {
        margin-bottom: 5px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-5 {
        margin-bottom: 5px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-6 {
        margin-bottom: 6px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-6 {
        margin-bottom: 6px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-7 {
        margin-bottom: 7px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-7 {
        margin-bottom: 7px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-8 {
        margin-bottom: 8px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-8 {
        margin-bottom: 8px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-9 {
        margin-bottom: 9px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-9 {
        margin-bottom: 9px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-10 {
        margin-bottom: 10px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-10 {
        margin-bottom: 10px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-11 {
        margin-bottom: 11px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-11 {
        margin-bottom: 11px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-12 {
        margin-bottom: 12px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-12 {
        margin-bottom: 12px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-13 {
        margin-bottom: 13px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-13 {
        margin-bottom: 13px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-14 {
        margin-bottom: 14px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-14 {
        margin-bottom: 14px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-15 {
        margin-bottom: 15px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-15 {
        margin-bottom: 15px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-16 {
        margin-bottom: 16px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-16 {
        margin-bottom: 16px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-17 {
        margin-bottom: 17px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-17 {
        margin-bottom: 17px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-18 {
        margin-bottom: 18px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-18 {
        margin-bottom: 18px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-19 {
        margin-bottom: 19px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-19 {
        margin-bottom: 19px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-20 {
        margin-bottom: 20px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-20 {
        margin-bottom: 20px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-21 {
        margin-bottom: 21px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-21 {
        margin-bottom: 21px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-22 {
        margin-bottom: 22px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-22 {
        margin-bottom: 22px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-23 {
        margin-bottom: 23px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-23 {
        margin-bottom: 23px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-24 {
        margin-bottom: 24px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-24 {
        margin-bottom: 24px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-25 {
        margin-bottom: 25px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-25 {
        margin-bottom: 25px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-26 {
        margin-bottom: 26px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-26 {
        margin-bottom: 26px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-27 {
        margin-bottom: 27px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-27 {
        margin-bottom: 27px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-28 {
        margin-bottom: 28px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-28 {
        margin-bottom: 28px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-29 {
        margin-bottom: 29px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-29 {
        margin-bottom: 29px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-30 {
        margin-bottom: 30px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-30 {
        margin-bottom: 30px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-31 {
        margin-bottom: 31px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-31 {
        margin-bottom: 31px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-32 {
        margin-bottom: 32px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-32 {
        margin-bottom: 32px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-33 {
        margin-bottom: 33px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-33 {
        margin-bottom: 33px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-34 {
        margin-bottom: 34px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-34 {
        margin-bottom: 34px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-35 {
        margin-bottom: 35px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-35 {
        margin-bottom: 35px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-36 {
        margin-bottom: 36px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-36 {
        margin-bottom: 36px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-37 {
        margin-bottom: 37px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-37 {
        margin-bottom: 37px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-38 {
        margin-bottom: 38px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-38 {
        margin-bottom: 38px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-39 {
        margin-bottom: 39px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-39 {
        margin-bottom: 39px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-40 {
        margin-bottom: 40px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-40 {
        margin-bottom: 40px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-41 {
        margin-bottom: 41px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-41 {
        margin-bottom: 41px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-42 {
        margin-bottom: 42px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-42 {
        margin-bottom: 42px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-43 {
        margin-bottom: 43px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-43 {
        margin-bottom: 43px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-44 {
        margin-bottom: 44px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-44 {
        margin-bottom: 44px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-45 {
        margin-bottom: 45px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-45 {
        margin-bottom: 45px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-46 {
        margin-bottom: 46px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-46 {
        margin-bottom: 46px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-47 {
        margin-bottom: 47px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-47 {
        margin-bottom: 47px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-48 {
        margin-bottom: 48px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-48 {
        margin-bottom: 48px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-49 {
        margin-bottom: 49px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-49 {
        margin-bottom: 49px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-50 {
        margin-bottom: 50px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-50 {
        margin-bottom: 50px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-51 {
        margin-bottom: 51px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-51 {
        margin-bottom: 51px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-52 {
        margin-bottom: 52px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-52 {
        margin-bottom: 52px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-53 {
        margin-bottom: 53px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-53 {
        margin-bottom: 53px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-54 {
        margin-bottom: 54px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-54 {
        margin-bottom: 54px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-55 {
        margin-bottom: 55px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-55 {
        margin-bottom: 55px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-56 {
        margin-bottom: 56px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-56 {
        margin-bottom: 56px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-57 {
        margin-bottom: 57px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-57 {
        margin-bottom: 57px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-58 {
        margin-bottom: 58px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-58 {
        margin-bottom: 58px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-59 {
        margin-bottom: 59px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-59 {
        margin-bottom: 59px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-60 {
        margin-bottom: 60px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-60 {
        margin-bottom: 60px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-61 {
        margin-bottom: 61px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-61 {
        margin-bottom: 61px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-62 {
        margin-bottom: 62px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-62 {
        margin-bottom: 62px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-63 {
        margin-bottom: 63px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-63 {
        margin-bottom: 63px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-64 {
        margin-bottom: 64px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-64 {
        margin-bottom: 64px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-65 {
        margin-bottom: 65px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-65 {
        margin-bottom: 65px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-66 {
        margin-bottom: 66px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-66 {
        margin-bottom: 66px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-67 {
        margin-bottom: 67px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-67 {
        margin-bottom: 67px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-68 {
        margin-bottom: 68px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-68 {
        margin-bottom: 68px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-69 {
        margin-bottom: 69px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-69 {
        margin-bottom: 69px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-70 {
        margin-bottom: 70px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-70 {
        margin-bottom: 70px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-71 {
        margin-bottom: 71px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-71 {
        margin-bottom: 71px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-72 {
        margin-bottom: 72px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-72 {
        margin-bottom: 72px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-73 {
        margin-bottom: 73px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-73 {
        margin-bottom: 73px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-74 {
        margin-bottom: 74px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-74 {
        margin-bottom: 74px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-75 {
        margin-bottom: 75px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-75 {
        margin-bottom: 75px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-76 {
        margin-bottom: 76px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-76 {
        margin-bottom: 76px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-77 {
        margin-bottom: 77px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-77 {
        margin-bottom: 77px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-78 {
        margin-bottom: 78px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-78 {
        margin-bottom: 78px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-79 {
        margin-bottom: 79px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-79 {
        margin-bottom: 79px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-80 {
        margin-bottom: 80px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-80 {
        margin-bottom: 80px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-81 {
        margin-bottom: 81px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-81 {
        margin-bottom: 81px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-82 {
        margin-bottom: 82px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-82 {
        margin-bottom: 82px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-83 {
        margin-bottom: 83px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-83 {
        margin-bottom: 83px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-84 {
        margin-bottom: 84px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-84 {
        margin-bottom: 84px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-85 {
        margin-bottom: 85px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-85 {
        margin-bottom: 85px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-86 {
        margin-bottom: 86px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-86 {
        margin-bottom: 86px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-87 {
        margin-bottom: 87px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-87 {
        margin-bottom: 87px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-88 {
        margin-bottom: 88px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-88 {
        margin-bottom: 88px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-89 {
        margin-bottom: 89px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-89 {
        margin-bottom: 89px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-90 {
        margin-bottom: 90px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-90 {
        margin-bottom: 90px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-91 {
        margin-bottom: 91px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-91 {
        margin-bottom: 91px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-92 {
        margin-bottom: 92px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-92 {
        margin-bottom: 92px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-93 {
        margin-bottom: 93px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-93 {
        margin-bottom: 93px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-94 {
        margin-bottom: 94px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-94 {
        margin-bottom: 94px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-95 {
        margin-bottom: 95px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-95 {
        margin-bottom: 95px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-96 {
        margin-bottom: 96px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-96 {
        margin-bottom: 96px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-97 {
        margin-bottom: 97px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-97 {
        margin-bottom: 97px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-98 {
        margin-bottom: 98px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-98 {
        margin-bottom: 98px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-99 {
        margin-bottom: 99px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-99 {
        margin-bottom: 99px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-100 {
        margin-bottom: 100px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-100 {
        margin-bottom: 100px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-101 {
        margin-bottom: 101px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-101 {
        margin-bottom: 101px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-102 {
        margin-bottom: 102px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-102 {
        margin-bottom: 102px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-103 {
        margin-bottom: 103px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-103 {
        margin-bottom: 103px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-104 {
        margin-bottom: 104px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-104 {
        margin-bottom: 104px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-105 {
        margin-bottom: 105px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-105 {
        margin-bottom: 105px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-106 {
        margin-bottom: 106px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-106 {
        margin-bottom: 106px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-107 {
        margin-bottom: 107px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-107 {
        margin-bottom: 107px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-108 {
        margin-bottom: 108px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-108 {
        margin-bottom: 108px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-109 {
        margin-bottom: 109px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-109 {
        margin-bottom: 109px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-110 {
        margin-bottom: 110px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-110 {
        margin-bottom: 110px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-111 {
        margin-bottom: 111px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-111 {
        margin-bottom: 111px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-112 {
        margin-bottom: 112px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-112 {
        margin-bottom: 112px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-113 {
        margin-bottom: 113px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-113 {
        margin-bottom: 113px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-114 {
        margin-bottom: 114px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-114 {
        margin-bottom: 114px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-115 {
        margin-bottom: 115px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-115 {
        margin-bottom: 115px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-116 {
        margin-bottom: 116px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-116 {
        margin-bottom: 116px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-117 {
        margin-bottom: 117px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-117 {
        margin-bottom: 117px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-118 {
        margin-bottom: 118px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-118 {
        margin-bottom: 118px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-119 {
        margin-bottom: 119px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-119 {
        margin-bottom: 119px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-120 {
        margin-bottom: 120px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-120 {
        margin-bottom: 120px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-121 {
        margin-bottom: 121px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-121 {
        margin-bottom: 121px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-122 {
        margin-bottom: 122px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-122 {
        margin-bottom: 122px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-123 {
        margin-bottom: 123px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-123 {
        margin-bottom: 123px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-124 {
        margin-bottom: 124px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-124 {
        margin-bottom: 124px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-125 {
        margin-bottom: 125px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-125 {
        margin-bottom: 125px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-126 {
        margin-bottom: 126px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-126 {
        margin-bottom: 126px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-127 {
        margin-bottom: 127px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-127 {
        margin-bottom: 127px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-128 {
        margin-bottom: 128px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-128 {
        margin-bottom: 128px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-129 {
        margin-bottom: 129px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-129 {
        margin-bottom: 129px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-130 {
        margin-bottom: 130px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-130 {
        margin-bottom: 130px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-131 {
        margin-bottom: 131px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-131 {
        margin-bottom: 131px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-132 {
        margin-bottom: 132px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-132 {
        margin-bottom: 132px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-133 {
        margin-bottom: 133px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-133 {
        margin-bottom: 133px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-134 {
        margin-bottom: 134px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-134 {
        margin-bottom: 134px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-135 {
        margin-bottom: 135px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-135 {
        margin-bottom: 135px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-136 {
        margin-bottom: 136px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-136 {
        margin-bottom: 136px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-137 {
        margin-bottom: 137px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-137 {
        margin-bottom: 137px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-138 {
        margin-bottom: 138px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-138 {
        margin-bottom: 138px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-139 {
        margin-bottom: 139px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-139 {
        margin-bottom: 139px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-140 {
        margin-bottom: 140px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-140 {
        margin-bottom: 140px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-141 {
        margin-bottom: 141px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-141 {
        margin-bottom: 141px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-142 {
        margin-bottom: 142px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-142 {
        margin-bottom: 142px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-143 {
        margin-bottom: 143px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-143 {
        margin-bottom: 143px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-144 {
        margin-bottom: 144px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-144 {
        margin-bottom: 144px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-145 {
        margin-bottom: 145px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-145 {
        margin-bottom: 145px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-146 {
        margin-bottom: 146px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-146 {
        margin-bottom: 146px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-147 {
        margin-bottom: 147px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-147 {
        margin-bottom: 147px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-148 {
        margin-bottom: 148px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-148 {
        margin-bottom: 148px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-149 {
        margin-bottom: 149px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-149 {
        margin-bottom: 149px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-150 {
        margin-bottom: 150px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-150 {
        margin-bottom: 150px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-151 {
        margin-bottom: 151px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-151 {
        margin-bottom: 151px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-152 {
        margin-bottom: 152px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-152 {
        margin-bottom: 152px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-153 {
        margin-bottom: 153px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-153 {
        margin-bottom: 153px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-154 {
        margin-bottom: 154px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-154 {
        margin-bottom: 154px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-155 {
        margin-bottom: 155px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-155 {
        margin-bottom: 155px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-156 {
        margin-bottom: 156px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-156 {
        margin-bottom: 156px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-157 {
        margin-bottom: 157px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-157 {
        margin-bottom: 157px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-158 {
        margin-bottom: 158px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-158 {
        margin-bottom: 158px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-159 {
        margin-bottom: 159px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-159 {
        margin-bottom: 159px !important
    }
}

@media screen and (min-width:835px) {
    .mbpc-160 {
        margin-bottom: 160px !important
    }
}

@media screen and (max-width:834px) {
    .mbsp-160 {
        margin-bottom: 160px !important
    }
}

.mb0 {
    margin-bottom: 0 !important
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 10px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    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: 400
}

li {
    list-style: none
}

caption,
th {
    text-align: left
}

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

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

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

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

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

input,
select,
textarea {
    *font-size: 100%
}

legend {
    color: #000
}

del,
ins {
    text-decoration: none
}

main {
    display: block
}

section {
    position: relative
}

html {
    background-color: #ededed
}

body {
    color: #000;
    font-family: Hiragino Kaku Gothic Pro, Hiragino Sans, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, 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 .3s ease
}

a:hover {
    opacity: .5
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    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:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.wrapper {
    padding-top: 75px
}

@media screen and (max-width:1024px) {
    .wrapper {
        padding-top: 58px
    }
}

.inner {
    display: block;
    max-width: 1634px;
    padding: 0 25px;
    margin: 0 auto
}

@media screen and (min-width:835px) {
    .inner {
        padding: 0 5%
    }
}

.inner--1090 {
    max-width: 1282px
}

.mv-page {
    position: relative;
    z-index: 1;
    padding: 130px 0 0
}

@media screen and (max-width:834px) {
    .mv-page {
        padding: 11px 0 0
    }
}

.mv-page+* {
    position: relative;
    z-index: 1
}

.mv-page__str {
    text-align: center;
    margin: 0 auto 45px
}

@media screen and (max-width:834px) {
    .mv-page__str {
        margin: 0 -13px 29px -2px
    }
}

.mv-page__ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    margin-bottom: 38px;
    font-family: Meiryo, sans-serif;
    position: relative
}

@media screen and (max-width:834px) {
    .mv-page__ttl {
        font-size: 2rem;
        margin-bottom: -34px
    }
}

.mv-page__ttl span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 532px;
    aspect-ratio: 52/12;
    background: url(../img/common/mv-ttl.png) no-repeat 50%/contain;
    padding: 9px 5px 5px
}

@media screen and (max-width:834px) {
    .mv-page__ttl span {
        max-width: 255px;
        aspect-ratio: 255/58;
        background: url(../img/common/mv-ttl.png) no-repeat 50%/contain
    }
}

.mv-page__ttl--yellow span {
    background-image: url(../img/common/mv-ttl-yellow.png)
}

@media screen and (max-width:834px) {
    .mv-page__ttl--yellow span {
        background-image: url(../img/common/mv-ttl-yellow-sp.png)
    }
}

.mv-page__ttl--gray span {
    background: url(../img/debut/mv-bg-gray.png) 50%/100% 100% no-repeat;
    max-width: 604px
}

@media screen and (max-width:834px) {
    .mv-page__ttl--gray span {
        max-width: 298px
    }
}

.mv-page__ttl--blue span {
    background-image: url(../img/common/mv-ttl-blue.png)
}

@media screen and (max-width:834px) {
    .mv-page__ttl--blue span {
        background-image: url(../img/common/mv-ttl-blue-sp.png);
        max-width: 244px;
        aspect-ratio: 244/55
    }
}

.mv-page__ttl--green span {
    background-image: url(../img/common/mv-ttl-green.png);
    max-width: 576px;
    aspect-ratio: 576/130
}

@media screen and (max-width:834px) {
    .mv-page__ttl--green span {
        background-image: url(../img/common/mv-ttl-green-sp.png);
        max-width: 266px;
        aspect-ratio: 266/60
    }
}

.mv-page__img img {
    display: block;
    width: 100%
}

.mv-page__img--second {
    width: 78.8990825688%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:640px) {
    .mv-page__img--second {
        width: 100vw;
        margin-left: calc(-50vw + 50%)
    }
}

.mv-page__img--second:not(:last-child) {
    margin-bottom: 38px
}

@media screen and (max-width:834px) {
    .mv-page__img--second:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (min-width:641px) {
    .mv-page__img--second img {
        border-radius: 20px
    }
}

@media screen and (max-width:640px) {
    .mv-page__img--spSecond {
        width: calc(100vw + 4px);
        margin-left: calc(-50vw + 50% - 2px)
    }
}

.mv-page__img--three {
    padding: 0 4px 0 0
}

.mv-page__bg {
    position: absolute;
    top: 230px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none
}

@media screen and (max-width:834px) {
    .mv-page__bg {
        top: 115px
    }
}

@media screen and (max-width:640px) {
    .mv-page__bg {
        top: -4px
    }
}

.mv-page__bg img {
    display: block;
    width: 100%
}

.mv-page__txt {
    margin: -23px -10px 0;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2
}

@media screen and (max-width:834px) {
    .mv-page__txt {
        font-size: 1.6rem;
        margin: 56px 0 0;
        line-height: 1.87;
        letter-spacing: .08em
    }
}

.mv-page__inner {
    max-width: 1452px
}

.mv-page__note {
    border-bottom: 2px dashed #707070;
    padding: 0 0 43px
}

.form-control {
    display: block;
    width: 100%;
    height: 45px;
    background: #fff;
    border: 1px solid #ccc;
    font-weight: 500;
    padding: 5px 10px;
    font-size: 1.5rem
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.pure-list__input {
    position: relative
}

.pure-list__input input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

.pure-list__input input[type=checkbox]+span:after {
    background-color: transparent;
    top: 50%;
    left: 4px;
    width: 8px;
    height: 3px;
    margin-top: -4px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 3px 3px;
    -o-border-image: none;
    border-image: none;
    transform: rotate(-45deg) scale(0)
}

.pure-list__input input[type=checkbox]:checked+span:after {
    content: "";
    transform: rotate(-45deg) scale(1);
    transition: transform .2s ease-out
}

.pure-list__input input[type=checkbox]:checked+span:before {
    animation: borderscale .2s 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 .3s ease-in;
    background-color: #fff
}

.pure-list__input input[type=radio]:checked+span:after {
    transform: scale(1)
}

.pure-list__input span {
    display: block;
    position: relative;
    padding: 10px 0 10px 40px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.pure-list__input span:before {
    color: #4f8196;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    border: 2px solid #4f8196;
    text-align: center;
    transition: all .4s ease
}

.pure-list__input span:after,
.pure-list__input span:before {
    box-sizing: content-box;
    content: "";
    position: absolute;
    top: 50%
}

.pure-list__input span:after {
    background-color: #4f8196;
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    transform: scale(0);
    transform-origin: 50%;
    transition: transform .2s ease-out
}

.c-fc--ff {
    color: #fff !important
}

.c-fc--orange {
    color: #eda955 !important
}

.c-fc--pink {
    color: #e36390 !important
}

.c-fc--red {
    color: red !important
}

.c-bg--ff,
.c-bg--ff.footer-banner:before {
    background-color: #fff !important
}

.c-bg--yellow,
.c-bg--yellow.footer-banner:before {
    background-color: #fffdeb !important
}

.c-bg--brown,
.c-bg--brown.footer-banner:before {
    background-color: #efe8d8 !important
}

.c-bg--yellowDark,
.c-bg--yellowDark.footer-banner:before {
    background-color: #fffbd1 !important
}

.c-bg--grey,
.c-bg--grey.footer-banner:before {
    background-color: #f4f4f4 !important
}

.c-bg--gray,
.c-bg--gray.footer-banner:before {
    background-color: #f5f5f5 !important
}

.c-ft--jp {
    font-family: Hiragino Kaku Gothic Pro, Hiragino Sans, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
}

.c-ft--meiryo {
    font-family: Meiryo, sans-serif
}

.c-fw--lt {
    font-weight: 300 !important
}

.c-fw--rg {
    font-weight: 400 !important
}

.c-fw--md {
    font-weight: 500 !important
}

.c-fw--sbd {
    font-weight: 600 !important
}

.c-fw--bd {
    font-weight: 700 !important
}

.c-fw--bk {
    font-weight: 900 !important
}

.c-tx--v {
    -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
}

.c-txt__basic {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .c-txt__basic {
        font-size: 1.75rem
    }
}

@media screen and (max-width:834px) {
    .c-txt__basic {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6666666667
    }
}

.c-txt__02 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 2;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .c-txt__02 {
        font-size: 2.1rem
    }
}

@media screen and (max-width:834px) {
    .c-txt__02 {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.8823529412
    }
}

.c-ttl__01 {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .c-ttl__01 {
        margin-bottom: 25px;
        font-size: 2rem
    }
}

.c-ttl__01:after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 150px;
    height: 5px;
    background: #009fe8
}

@media screen and (max-width:834px) {
    .c-ttl__01:after {
        bottom: -12px;
        max-width: 144px;
        height: 3px
    }
}

.c-ttl__01 img {
    display: block;
    height: auto;
    height: 69px;
    margin: 0 auto 17px
}

@media screen and (max-width:834px) {
    .c-ttl__01 img {
        height: 37px
    }
}

.c-ttl__02 {
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3333333333;
    font-weight: 600;
    text-align: center;
    padding-bottom: 18px
}

@media screen and (max-width:1240px) {
    .c-ttl__02 {
        font-size: 2.45rem
    }
}

@media screen and (max-width:834px) {
    .c-ttl__02 {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 1.7894736842;
        padding-bottom: 2px
    }
}

.c-ttl__02:before {
    content: "";
    position: absolute;
    background: #85b2e0;
    height: 5px;
    width: 150px;
    left: calc(50% - 75px);
    bottom: 0
}

@media screen and (max-width:834px) {
    .c-ttl__02:before {
        height: 3px;
        width: 144px;
        left: calc(50% - 72px)
    }
}

@media screen and (min-width:1241px) {
    .c-ttl__02--lg {
        font-size: 33px;
        font-size: 3.3rem;
        line-height: 2.0606060606;
        padding-bottom: 4px
    }
}

.c-ttl__02--xl {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1.9428571429;
    padding-bottom: 4px
}

@media screen and (max-width:1240px) {
    .c-ttl__02--xl {
        font-size: 2.65rem
    }
}

@media screen and (max-width:834px) {
    .c-ttl__02--xl {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333333333;
        padding-bottom: 8px
    }
}

.c-ttl__02--xl:before {
    background: #1ab9ee
}

.c-ttl__02--orange:before {
    background: #f08100
}

.c-ttl__02--blue:before {
    background: #479bd7
}

.c-ttl__02--pink:before {
    background: #ec7aa0
}

.c-ttl__02--green:before {
    background: #25af92
}

.c-btn__01 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 470px;
    height: 66px;
    background: linear-gradient(45deg, #009fe8, #043cd3);
    color: #fff;
    border-radius: 60px;
    padding: 10px 55px 12px 90px;
    font-weight: 600;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .c-btn__01 {
        max-width: 318px;
        height: 45px;
        padding: 10px 40px 6px 60px;
        font-size: 1.4rem
    }
}

.c-btn__01:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 37px;
    width: 42px;
    height: 14px;
    background: url(../img/common/icon-arrow.png) 50%/contain no-repeat
}

@media screen and (max-width:834px) {
    .c-btn__01:before {
        top: 18px;
        left: 25px;
        width: 30px;
        height: 10px
    }
}

.c-btn__01--gragreen {
    background: linear-gradient(45deg, #3fb5eb, #06bc76)
}

.c-btn__01--grapurple {
    background: linear-gradient(60deg, #8a7db8, #745a91)
}

.c-btn__01--graorange {
    background: linear-gradient(45deg, #fada83, #d98511)
}

.c-btn__01--gradarkorange {
    background: linear-gradient(60deg, #ffa700, #f48446)
}

.js-scrollin {
    opacity: 0;
    transform: translateY(70px)
}

.js-scrollin.active {
    opacity: 1;
    transform: translate(0);
    transition: .7s cubic-bezier(.25, .46, .45, .94)
}

@media screen and (max-width:834px) {
    .pc {
        display: none !important
    }
}

@media screen and (max-width:1240px) {
    .pc-xl {
        display: none !important
    }
}

@media screen and (max-width:1024px) {
    .pc-tb {
        display: none !important
    }
}

@media screen and (max-width:990px) {
    .pc-lg {
        display: none !important
    }
}

@media screen and (max-width:640px) {
    .pc-sm {
        display: none !important
    }
}

@media screen and (max-width:429px) {
    .pc-xs {
        display: none !important
    }
}

@media screen and (min-width:835px) {
    .sp {
        display: none !important
    }
}

@media screen and (min-width:1241px) {
    .sp-xl {
        display: none !important
    }
}

@media screen and (min-width:1025px) {
    .sp-tb {
        display: none !important
    }
}

@media screen and (min-width:991px) {
    .sp-lg {
        display: none !important
    }
}

@media screen and (min-width:641px) {
    .sp-sm {
        display: none !important
    }
}

@media screen and (min-width:430px) {
    .sp-xs {
        display: none !important
    }
}

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

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

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

.c-scroll-box {
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden
}

.c-scroll-box-y {
    padding-bottom: 20px;
    overflow-x: hidden;
    overflow-y: scroll
}

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

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 13px 0 22px
}

@media screen and (max-width:1500px) {
    #header {
        padding: 26px 0 27px
    }
}

@media screen and (max-width:1024px) {
    #header {
        padding: 14px 19px
    }
}

#header .inner {
    padding: 0 25px
}

@media screen and (min-width:1025px) {
    #header .inner {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        max-width: 1490px
    }
}

#header .header-logo {
    display: block;
    width: 100%;
    max-width: 288px
}

@media screen and (max-width:1500px) {
    #header .header-logo {
        max-width: 160px
    }
}

@media screen and (max-width:1024px) {
    #header .header-logo {
        max-width: 220px
    }
}

#header .header-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 26px;
    width: calc(100% - 300px);
    font-weight: 600;
    font-size: 1.2rem;
    padding: 13px 93px 0 0
}

@media screen and (max-width:1500px) {
    #header .header-menu {
        gap: 15px;
        width: calc(100% - 170px);
        padding: 0 45px 0 0
    }
}

@media screen and (max-width:1240px) {
    #header .header-menu {
        gap: 13px;
        font-size: 1rem
    }
}

@media screen and (max-width:1024px) {
    #header .header-menu {
        display: none
    }
}

#header .header-menu a {
    display: inline-block
}

@media screen and (min-width:1241px) {
    #header .header-menu a {
        letter-spacing: .06em
    }
}

#header .header-menu a:hover {
    opacity: 1;
    color: #00b0ff
}

#header .header-menu__item {
    position: relative
}

#header .header-menu__sub {
    position: absolute;
    top: 44px;
    left: 0;
    background: #000;
    padding: 15px;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    pointer-events: none;
    transition: .4s ease
}

#header .header-menu__sub.on {
    opacity: 1;
    transform: scaleY(1);
    pointer-events: auto
}

#header .header-menu__sub-item {
    margin-bottom: 15px
}

#header .header-menu__sub-item:last-of-type {
    margin-bottom: 0
}

#header .header-menu__sub-list {
    margin-top: 15px;
    padding-left: 15px
}

#header .header-menu__sub-listItem:not(:last-child) {
    margin-bottom: 15px
}

#header .header-nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-height: 100vh;
    background: #000;
    padding: 69px 63px 60px;
    overflow-y: auto
}

@media screen and (min-width:1025px) {
    #header .header-nav {
        max-width: 687px;
        /* max-height: 1080px */
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav {
        height: 100vh;
        padding: 14px 35px 180px
    }
}

#header .header-nav__logo {
    display: block;
    max-width: 357px;
    margin-bottom: 29px
}

@media screen and (max-width:1024px) {
    #header .header-nav__logo {
        max-width: 220px;
        margin: 0 0 13px 9px
    }
}

#header .header-nav__logo img {
    width: 100%
}

#header .header-nav__menu {
    position: relative
}

@media screen and (min-width:1025px) {
    #header .header-nav__menu {
        padding-top: 7px
    }
}

#header .header-nav__menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 204px);
    height: 1px;
    background: #707070
}

@media screen and (max-width:1024px) {
    #header .header-nav__menu:before {
        width: 100%
    }
}

#header .header-nav__menu-item {
    border-bottom: 1px solid gray
}

#header .header-nav__menu-item>a {
    display: block;
    padding: 19px 13px 14px;
    font-weight: 600;
    font-size: 1.8rem;
    letter-spacing: .3em
}

@media screen and (max-width:1024px) {
    #header .header-nav__menu-item>a {
        padding: 11px 8px 9.5px;
        font-size: 1.5rem
    }
}

#header .header-nav__menu-item>a:hover {
    opacity: 1;
    color: #00b0ff
}

#header .header-nav__menu-item.js-menu {
    position: relative
}

@media screen and (max-width:1024px) {
    #header .header-nav__menu-item.js-menu:first-child>a {
        padding-bottom: 19px
    }
}

#header .header-nav__menu-item.js-menu:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100px;
    height: 100%;
    cursor: pointer
}

@media screen and (max-width:1024px) {
    #header .header-nav__menu-item.js-menu:before {
        width: 40px
    }
}

#header .header-nav__menu-item.js-menu>a {
    position: relative;
    padding: 31px 60px 10px 15px;
    font-size: 2.2rem
}

@media screen and (max-width:1024px) {
    #header .header-nav__menu-item.js-menu>a {
        padding: 16px 40px 14px 11px;
        font-size: 1.5rem
    }
}

#header .header-nav__menu-item.js-menu>a:after,
#header .header-nav__menu-item.js-menu>a:before {
    content: "";
    position: absolute;
    right: 30px;
    top: 60%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 25px;
    height: 1px;
    background: #fff
}

@media screen and (max-width:1024px) {

    #header .header-nav__menu-item.js-menu>a:after,
    #header .header-nav__menu-item.js-menu>a:before {
        width: 17px;
        right: 10px
    }
}

#header .header-nav__menu-item.js-menu>a:after {
    transform: translateY(-50%) rotate(90deg);
    transition: .3s ease
}

#header .header-nav__menu-item.js-menu.on>a:after {
    transform: translateY(-50%)
}

#header .header-nav__sub {
    position: relative;
    z-index: 1;
    display: none;
    background: #575757
}

#header .header-nav__sub-item>a {
    display: block;
    border-bottom: 1px solid gray;
    padding: 21px 30px 9px 64px;
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: .3em
}

@media screen and (max-width:1024px) {
    #header .header-nav__sub-item>a {
        padding: 8px 9px 8.5px;
        font-size: 1.5rem
    }
}

#header .header-nav__sub-item>a:hover {
    opacity: 1;
    color: #00b0ff
}

#header .header-nav__sub-listItem>a {
    position: relative;
    display: block;
    border-bottom: 1px solid gray;
    padding: 32px 30px 24px 177px;
    font-weight: 500;
    font-size: 3rem
}

@media screen and (max-width:1024px) {
    #header .header-nav__sub-listItem>a {
        padding: 6px 30px 6px 73px;
        font-size: 1.5rem
    }
}

#header .header-nav__sub-listItem>a:before {
    content: "ー";
    position: absolute;
    top: 29px;
    left: 137px
}

@media screen and (max-width:1024px) {
    #header .header-nav__sub-listItem>a:before {
        top: 7px;
        left: 56px
    }
}

#header .header-nav__sns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 677px;
    background: #d0d0d0;
    border-radius: 10px;
    padding: 23px 70px 19px;
    margin: 69px -12px 0 auto
}

#header .header-nav__sns a {
    display: block;
    max-width: 89px
}

@media screen and (max-width:1024px) {
    #header .header-nav__sns {
        max-width: 477px;
        padding: 23px 70px 19px;
    }

    #header .header-nav__sns a {
        max-width: 59px
    }
}

@media screen and (max-width:640px) {
    #header .header-nav__sns {
        max-width: 477px;
        padding: 23px 23px 19px;
    }
}


#header .js-mobile {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 12;
    width: 43px;
    height: 32px;
    cursor: pointer;
    transition: .3s ease
}

@media screen and (max-width:1500px) {
    #header .js-mobile {
        top: -4px
    }
}

@media screen and (max-width:1024px) {
    #header .js-mobile {
        top: 13px;
        right: 23px
    }
}

#header .js-mobile:hover span,
#header .js-mobile:hover span:after,
#header .js-mobile:hover span:before {
    background: #00b0ff
}

#header .js-mobile span {
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    transition: .3s ease
}

#header .js-mobile span:after,
#header .js-mobile span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .3s ease
}

#header .js-mobile span:before {
    top: -15px
}

@media screen and (max-width:1024px) {
    #header .js-mobile span:before {
        top: -11px
    }
}

#header .js-mobile span:after {
    bottom: -15px
}

@media screen and (max-width:1024px) {
    #header .js-mobile span:after {
        bottom: -11px
    }
}

@media screen and (min-width:1025px) {
    #header .js-mobile--close {
        position: fixed;
        top: 78px;
        right: 34px;
        width: 52px
    }
}

@media screen and (max-width:1024px) {
    #header .js-mobile--close {
        right: 30px;
        width: 37px
    }
}

#header .js-mobile--close span {
    background-color: transparent !important
}

#header .js-mobile--close span:before {
    transform: rotate(45deg);
    top: 0
}

#header .js-mobile--close span:after {
    transform: rotate(-45deg);
    bottom: 0
}

.js-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.js-locked body {
    -webkit-overflow-scrolling: auto
}

.js-backtop {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background: #b8b8b8;
    font-weight: 600;
    font-size: 1.4rem
}

.js-backtop:before {
    content: "";
    position: absolute;
    top: 16px;
    left: calc(50% - 54px);
    transform: translateX(-50%);
    width: 11px;
    height: 9px;
    background: #fff;
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    clip-path: polygon(50% 0, 0 100%, 100% 100%)
}

@media screen and (min-width:1025px) {
    #footer {
        background: #81c8ff;
        padding-bottom: 23px
    }
}

#footer .footer-sidebar {
    position: fixed;
    width: calc(100% - 70px);
    max-width: 360px;
    bottom: 17px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #d0d0d0;
    border-radius: 10px;
    padding: 12px 43px 10px;
    transition: .3s ease
}

@media screen and (min-width:1025px) {
    #footer .footer-sidebar {
        display: none
    }
}

#footer .footer-sidebar a {
    display: block;
    width: 46px
}

#footer .footer-sidebar.off {
    opacity: 0;
    z-index: -1;
    pointer-events: none
}

#footer .inner {
    max-width: 1832px
}

#footer .footer-banner {
    /* padding: 37px 0 */
    padding-top: 20px;
}

@media screen and (min-width:641px) {
    #footer .footer-banner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1479px;
        margin: 0 auto;
        padding: 10px 0 40px
    }
}

@media screen and (min-width:1025px) {
    #footer .footer-banner {
        position: relative;
        z-index: 1
    }

    #footer .footer-banner:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        width: 100vw;
        height: 100%;
        background: #fff
    }
}

@media screen and (max-width:1024px) {
    #footer .footer-banner.offsp {
        display: none
    }
}

@media screen and (min-width:641px) {
    #footer .footer-banner__item {
        width: 33.333%;
        padding: 0 22px
    }
}

@media screen and (max-width:640px) {
    #footer .footer-banner__item:not(:last-child) {
        margin-bottom: 20px
    }
}

#footer .footer-banner__item a {
    display: block;
    position: relative
}

#footer .footer-banner__item a:before {
    content: "";
    display: block;
    padding-bottom: 29.4444444444%
}

@media screen and (max-width:834px) {
    #footer .footer-banner__item a:before {
        padding-bottom: 29.4444444444%
    }
}

#footer .footer-banner__item a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

#footer .footer-wrap {
    padding: 30px 0
}

@media screen and (min-width:1025px) {
    #footer .footer-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px 0
    }
}

@media screen and (min-width:1025px) and (max-width:1500px) {
    #footer .footer-wrap {
        position: relative;
        padding-bottom: 80px
    }
}

@media screen and (max-width:1024px) {
    #footer .footer-wrap {
        display: none
    }
}

@media screen and (min-width:1025px) {
    #footer .footer-wrap__menu {
        width: calc(100% - 550px);
        max-width: 958px
    }
}

@media screen and (min-width:1025px) and (max-width:1500px) {
    #footer .footer-wrap__menu {
        width: calc(100% - 290px)
    }
}

@media screen and (min-width:641px) {
    #footer .footer-wrap__menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width:640px) {
    #footer .footer-wrap__menu-item:not(:last-child) {
        margin-bottom: 10px
    }
}

#footer .footer-wrap__menu-link:not(:last-child) {
    margin-bottom: 10px
}

#footer .footer-wrap__menu-link>a {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    font-weight: 600;
    font-size: 1.5rem
}

#footer .footer-wrap__menu-link>a:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../img/common/footer-arrow.png) 50%/contain no-repeat
}

#footer .footer-wrap__menu-list {
    margin: -5px 0 0 27px
}

#footer .footer-wrap__menu-listItem:not(:last-child) {
    margin-bottom: 6px
}

#footer .footer-wrap__menu-listItem>a {
    display: inline-block;
    font-size: 1.4rem
}

#footer .footer-wrap__menu-sub {
    margin: 6px 0
}

#footer .footer-wrap__menu-subItem {
    position: relative;
    padding-left: 15px
}

#footer .footer-wrap__menu-subItem:not(:last-child) {
    margin-bottom: 6px
}

#footer .footer-wrap__menu-subItem:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 1px;
    background: #000
}

#footer .footer-wrap__menu-subItem>a {
    display: inline-block;
    font-size: 1.4rem
}

#footer .footer-wrap__btn {
    display: block;
    width: 100%;
    max-width: 260px
}

@media screen and (min-width:1681px) {
    #footer .footer-wrap__btn {
        margin-left: 35px
    }
}

@media screen and (max-width:1500px) {
    #footer .footer-wrap__btn {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 273px
    }
}

#footer .footer-wrap__info {
    position: relative;
    width: 100%;
    max-width: 273px;
    margin-top: -30px;
    background: #bfe8ff;
    padding: 4px 22px 20px
}

#footer .footer-wrap__info-logo {
    display: block;
    max-width: 224px;
    margin: 0 auto 8px
}

#footer .footer-wrap__info-txt {
    margin: 0 5px 7px;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.7
}

#footer .footer-wrap__info-tel {
    display: block;
    margin-bottom: 11px
}

#footer .footer-wrap__info-tel img {
    width: 100%
}

#footer .footer-wrap__info-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #469ee2;
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem
}

#footer .footer-sns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 287px;
    margin: 0 auto 34px
}

@media screen and (min-width:1025px) {
    #footer .footer-sns {
        display: none
    }
}

#footer .footer-sns a {
    display: block;
    width: 47px
}

#footer .footer-link {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 18px 13px 14px 0;
    font-weight: 500;
    font-size: 1.6rem
}

@media screen and (min-width:1025px) {
    #footer .footer-link {
        display: none
    }
}

#footer .footer-link:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 28px;
    background: url(../img/common/footer-icon.png) 50%/contain no-repeat
}

#footer .footer-link:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100vw;
    height: 100%;
    background: #ededed;
    border-top: 1px solid #c4c4c4;
    pointer-events: none
}

#footer .footer-copy {
    /* margin-top: -30px; */
    margin-top: 30px;
    font-size: 1.2rem;
    line-height: 1.7
}

@media screen and (max-width:1024px) {
    #footer .footer-copy {
        position: relative;
        z-index: 1;
        margin: 0 -25px;
        padding: 20px 0 33px;
        text-align: center;
        line-height: 1.25
    }

    #footer .footer-copy:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        width: 100vw;
        height: 100%;
        background: #ededed;
        border-top: 1px solid #c4c4c4
    }
}

#footer .footer-copy span {
    display: block
}

@media screen and (max-width:1024px) {
    #footer .footer-copy span:not(:last-child) {
        margin-bottom: 16px
    }
}

@media screen and (max-width:1024px) {

    #footer.footer-page .footer-banner,
    #footer.footer-page .footer-sns {
        display: none
    }

    #footer.footer-page .footer-link:after {
        border-top: 0
    }
}

.sec-mv {
    background: #000;
    overflow: hidden
}

@media screen and (min-width:1025px) {
    .sec-mv {
        padding: 0 11.38%
            /* padding: 0; */
    }
}

.sec-mv__ttl {
    display: none
}

.sec-mv__list .slick-list {
    overflow: visible
}

.sec-mv__list .slick-next,
.sec-mv__list .slick-prev {
    top: 0;
    transform: unset;
    z-index: 1;
    width: 10vw;
    height: 100%
}

@media screen and (max-width:1024px) {

    .sec-mv__list .slick-next,
    .sec-mv__list .slick-prev {
        width: 28px
    }
}

.sec-mv__list .slick-next:before,
.sec-mv__list .slick-prev:before {
    content: "";
    position: absolute;
    top: 52.5%;
    transform: translateY(-50%) rotate(45deg);
    width: 50px;
    height: 50px;
    border: solid gray
}

@media screen and (max-width:1024px) {

    .sec-mv__list .slick-next:before,
    .sec-mv__list .slick-prev:before {
        top: 50%;
        width: 17px;
        height: 17px
    }
}

.sec-mv__list .slick-prev {
    left: -10vw;
    background: transparent
}

@media screen and (max-width:1024px) {
    .sec-mv__list .slick-prev {
        left: 0
    }
}

.sec-mv__list .slick-prev:before {
    left: calc(50% - 10px);
    border-width: 0 0 3px 3px
}

@media screen and (max-width:1024px) {
    .sec-mv__list .slick-prev:before {
        left: 10px;
        border-width: 0 0 2px 2px
    }
}

.sec-mv__list .slick-next {
    right: -10vw;
    background: transparent
}

@media screen and (max-width:1024px) {
    .sec-mv__list .slick-next {
        right: 0
    }
}

.sec-mv__list .slick-next:before {
    left: calc(50% - 40px);
    border-width: 3px 3px 0 0
}

@media screen and (max-width:1024px) {
    .sec-mv__list .slick-next:before {
        left: -2px;
        border-width: 2px 2px 0 0
    }
}

.sec-mv__list .slick-dots {
    bottom: 40px;
    z-index: 1
}

@media screen and (max-width:1024px) {
    .sec-mv__list .slick-dots {
        bottom: -20px
    }
}

.sec-mv__list .slick-dots li {
    margin: 0 10.5px
}

@media screen and (max-width:1024px) {
    .sec-mv__list .slick-dots li {
        margin: 0 9.5px
    }
}

.sec-mv__list .slick-dots li button {
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 50%;
    border: 0;
    padding: 0;
    transition: .3s ease
}

@media screen and (max-width:1024px) {
    .sec-mv__list .slick-dots li button {
        width: 10px;
        height: 10px
    }
}

.sec-mv__list .slick-dots li button:before {
    display: none
}

.sec-mv__list .slick-dots li.slick-active button,
.sec-mv__list .slick-dots li button:hover {
    background: #009fe8
}

.sec-mv__list-item {
    /* padding: 0 12.5px; */
    padding: 0;
    opacity: .3;
    transition: opacity .3s ease;
    box-sizing: border-box;
}

.sec-mv__list-item.slick-active {
    opacity: 1
}

.sec-mv__list-img {
    position: relative
}

.sec-mv__list-img:before {
    content: "";
    display: block;
    /* padding-bottom: 53.4031413613% */
    padding-bottom: 52.33%;
}

@media screen and (max-width:834px) {
    .sec-mv__list-img:before {
        /* padding-bottom: 46.7441860465% */
        padding-bottom: 52.33%;
    }
}

.sec-mv__list-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* -o-object-fit: cover; */
    object-fit: contain
}

.sec-intro {
    background: url(../img/index/intro-bg-pc.jpg) 50%/cover no-repeat;
    background-color: #fff;
    color: #fff;
    padding: 150px 0 139px
}

@media screen and (max-width:834px) {
    .sec-intro {
        background: url(../img/index/intro-bg-sp.jpg) 50%/cover no-repeat;
        background-color: #fff;
        padding: 88px 0 46px
    }
}

.intro-wrap {
    max-width: 639px
}

@media screen and (min-width:991px) {
    .intro-wrap {
        margin-left: 17%
    }
}

.intro-wrap__logo {
    display: block;
    max-width: 573px;
    margin: 0 auto 54px
}

@media screen and (max-width:834px) {
    .intro-wrap__logo {
        max-width: 333px
    }
}

.intro-wrap__txt {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    font-size: 2rem;
    line-height: 2
}

@media screen and (max-width:834px) {
    .intro-wrap__txt {
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1.73
    }
}

@media screen and (max-width:429px) {
    .intro-wrap__txt {
        font-size: 1.2rem
    }
}

.sec-produce {
    padding-top: 148px
}

@media screen and (max-width:834px) {
    .sec-produce {
        padding-top: 48px
    }
}

@media screen and (max-width:834px) {
    .sec-produce .c-ttl__01 {
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.9rem
    }
}

.produce-txt {
    position: relative;
    z-index: 2;
    max-width: 1090px;
    margin: 0 auto 214px;
    font-weight: 600;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6666666667
}

.pcmb100 {
    margin-bottom: 100px !important;
}

@media screen and (min-width:835px) {
    .produce-txt {
        text-align: center;
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 2.32
    }
}

@media screen and (max-width:834px) {
    .pcmb100 {
        margin-bottom: 50px !important;
    }
}

.produce-list {
    margin-top: -391px
}

@media screen and (max-width:834px) {
    .produce-list {
        margin-top: -283px
    }
}

.produce-list__item {
    position: relative;
    z-index: 1
}

.produce-list__item .c-btn__01 {
    margin-top: 37px
}

@media screen and (max-width:1024px) {
    .produce-list__item .c-btn__01 {
        margin: 37px auto 0
    }
}

@media screen and (max-width:834px) {
    .produce-list__item .c-btn__01 {
        margin-top: 35px
    }
}

.produce-list__item .c-btn__01:not(:last-child) {
    margin-bottom: -12px
}

@media screen and (max-width:834px) {
    .produce-list__item .c-btn__01:not(:last-child) {
        margin-bottom: 21px
    }
}

.produce-list__item:first-child {
    padding: 391px 0 143px
}

@media screen and (max-width:834px) {
    .produce-list__item:first-child {
        padding: 99px 0 45px
    }
}

.produce-list__item:nth-child(2) {
    padding: 86px 0 175px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(2) {
        padding: 40px 0 60px
    }

    .produce-list__item:nth-child(2) .produce-list__wrap-ttl {
        padding: 4px 0 19px
    }
}

@media screen and (min-width:835px) {
    .produce-list__item:nth-child(2) .c-btn__01 {
        margin-top: 53px
    }
}

.produce-list__item:nth-child(3) {
    padding: 92px 0 97px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(3) {
        padding: 25px 0 60px
    }

    .produce-list__item:nth-child(3) .produce-list__ttl {
        margin: 0 0 -46px -10px
    }
}

@media screen and (min-width:835px) {
    .produce-list__item:nth-child(3) .c-btn__01 {
        margin-top: 60px
    }
}

.produce-list__item:nth-child(4) {
    padding: 105px 0 106px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(4) {
        padding: 25px 0 45px
    }

    .produce-list__item:nth-child(4) .produce-list__ttl {
        margin-bottom: -44px
    }

    .produce-list__item:nth-child(4) .produce-list__wrap-ttl {
        padding: 4px 0 24px;
        margin-bottom: 36px
    }
}

.produce-list__item:nth-child(4) .c-btn__01 {
    margin-top: 56px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(4) .c-btn__01 {
        margin-top: 33px
    }
}

.produce-list__item:nth-child(5) {
    padding: 98px 0 174px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(5) {
        padding: 40px 0 45px
    }
}

.produce-list__item:nth-child(5) .produce-list__ttl {
    margin-bottom: 54px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(5) .produce-list__ttl {
        margin-bottom: -39px
    }
}

.produce-list__item:nth-child(5) .c-btn__01 {
    margin-top: 65px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(5) .c-btn__01 {
        margin-top: 34px
    }
}

.produce-list__item:nth-child(6) {
    padding: 54px 0 74px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(6) {
        padding: 40px 0 99px
    }

    .produce-list__item:nth-child(6) .produce-list__ttl {
        margin-bottom: -36px
    }
}

.produce-list__item:nth-child(6) .produce-list__wrap-ttl {
    padding-bottom: 47px;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(6) .produce-list__wrap-ttl {
        padding: 3px 0 19px;
        margin-bottom: 31px
    }
}

.produce-list__item:nth-child(6) .c-btn__01 {
    margin-top: 98px
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(6) .c-btn__01 {
        margin-top: 28px
    }
}

@media screen and (min-width:1025px) {
    .produce-list__item:nth-child(2n) .produce-list__wrap {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding-top: 9px
    }
}

@media screen and (max-width:834px) {
    .produce-list__item:nth-child(2n) .produce-list__wrap-img img {
        border-color: #d7c323
    }
}

@media screen and (min-width:835px) {
    .produce-list__item:nth-child(2n) .produce-list__ttl--bigger {
        margin-bottom: 86px
    }
}

.produce-list__item:nth-child(2n) .c-btn__01 {
    margin-left: auto
}

.produce-list__shape {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.produce-list__shape-thumb {
    position: sticky;
    top: 75px
}

@media screen and (max-width:1024px) {
    .produce-list__shape-thumb {
        top: 58px
    }
}

.produce-list__shape img {
    width: 100%
}

.produce-list__ttl {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 64px;
    text-align: center;
    font-family: Meiryo, sans-serif
}

@media screen and (max-width:834px) {
    .produce-list__ttl {
        margin: 0 0 -50px -9px
    }
}

.produce-list__ttl img {
    display: block;
    width: 100%;
    height: 140px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

@media screen and (max-width:834px) {
    .produce-list__ttl img {
        height: 70px
    }
}

@media screen and (min-width:1025px) {
    .produce-list__wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width:1025px) {
    .produce-list__wrap-img {
        width: 48%
    }
}

.produce-list__wrap-img img {
    width: 100%;
    border-radius: 10px
}

@media screen and (max-width:834px) {
    .produce-list__wrap-img img {
        border: 3px solid #85b2e0
    }
}

.produce-list__wrap-ct {
    margin-top: 32px;
    font-weight: 500;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 2.1739130435;
    letter-spacing: .031em
}

@media screen and (min-width:1025px) {
    .produce-list__wrap-ct {
        width: 48%;
        margin-top: -12px
    }
}

@media screen and (max-width:834px) {
    .produce-list__wrap-ct {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6666666667;
        margin-top: 35px
    }
}

.produce-list__wrap-ttl {
    border-bottom: 1px solid #707070;
    padding-bottom: 35px;
    margin: 0 -5px 35px 0;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.7;
    font-feature-settings: "palt";
    letter-spacing: .05em
}

@media screen and (max-width:834px) {
    .produce-list__wrap-ttl {
        border-bottom: 3px dashed #5892c2;
        padding-bottom: 25px;
        margin-bottom: 35px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3888888889
    }
}

.sec-graduates {
    position: relative;
    z-index: 1;
    padding: 76px 0 137px
}

.sec-graduates:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% - 147px);
    background: linear-gradient(#fff, #efefef)
}

@media screen and (max-width:834px) {
    .sec-graduates:before {
        height: calc(100% - 28px)
    }
}

@media screen and (max-width:834px) {
    .sec-graduates {
        padding: 0 0 75px
    }

    .sec-graduates:after {
        content: "";
        position: absolute;
        top: -73px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        width: 100%;
        max-width: 662px;
        height: 182px;
        background: url(../img/index/youtube-shape.png) 50%/cover no-repeat
    }
}

.graduates-wrap {
    overflow: hidden
}

.graduates-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -moz-max-content;
    width: max-content;
    overflow: hidden;
    white-space: nowrap;
    animation: a 50s linear infinite;
    margin-top: 66px
}

@media screen and (max-width:1024px) {
    .graduates-list {
        margin-top: 20px
    }
}

.graduates-list__item {
    width: 336px;
    margin: 0 18px
}

@media screen and (max-width:1024px) {
    .graduates-list__item {
        width: 186px;
        margin: 0 10.5px
    }
}

.graduates-list__img {
    position: relative;
    display: block
}

.graduates-list__img:before {
    content: "";
    display: block;
    padding-bottom: 99.4029850746%
}

.graduates-list__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #acacac;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover
}

@keyframes a {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.sec-admission {
    background: #fffdeb url(../img/index/admission-bg-pc.png) 50%/cover no-repeat;
    padding: 130px 0 149px
}

@media screen and (max-width:834px) {
    .sec-admission {
        background: #fffdeb url(../img/index/admission-bg-sp.jpg) 50%/cover no-repeat;
        padding: 76px 0 77px
    }

    .sec-admission .c-ttl__01 {
        margin-bottom: 29px
    }

    .sec-admission .c-ttl__01:after {
        bottom: -8px
    }
}

@media screen and (min-width:835px) {
    .admission-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 130px
    }
}

.admission-list__item {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(22, 27, 28, .16);
    padding: 19px 10px
}

@media screen and (min-width:835px) {
    .admission-list__item {
        width: 48%;
        padding: 44px 15px 66px
    }
}

@media screen and (max-width:834px) {
    .admission-list__item {
        margin: 0 3px
    }

    .admission-list__item:not(:last-child) {
        margin-bottom: 21px
    }
}

.admission-list__item .c-btn__01 {
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .admission-list__item:nth-child(2n) {
        padding-bottom: 22px
    }
}

.admission-list__item:nth-child(2n) .admission-list__ttl {
    color: #db8917
}

@media screen and (max-width:834px) {
    .admission-list__item:nth-child(2n) .admission-list__ttl {
        gap: 9px;
        margin: 6px auto 21px
    }
}

.admission-list__ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    max-width: 420px;
    color: #2e72e0;
    margin: 0 auto 30px;
    font-weight: 600;
    font-size: 3.3rem;
    line-height: 1.7
}

@media screen and (max-width:1024px) {
    .admission-list__ttl {
        gap: 14px;
        max-width: 316px;
        margin-bottom: 5px;
        font-size: 2.5rem
    }
}

@media screen and (min-width:641px) {
    .admission-list__ttl {
        height: 88px
    }
}

@media screen and (min-width:641px) and (max-width:1024px) {
    .admission-list__ttl {
        height: 66px
    }
}

.admission-list__ttl img {
    width: 74px
}

@media screen and (max-width:1024px) {
    .admission-list__ttl img {
        width: 55px
    }
}

.sec-youtube {
    padding: 140px 0
}

@media screen and (max-width:834px) {
    .sec-youtube {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: 70px 0 39px
    }

    .sec-youtube:before {
        content: "";
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        width: 662px;
        /* height: 182px; */
        background: url(../img/index/youtube-shape.png) 50%/contain no-repeat
    }
}

.sec-youtube .c-ttl__01 {
    font-size: 3.8rem
}

@media screen and (max-width:834px) {
    .sec-youtube .c-ttl__01 {
        font-size: 2.5rem;
        margin-bottom: 42px
    }

    .sec-youtube .c-ttl__01:after {
        bottom: -5px
    }
}

@media screen and (min-width:641px) {
    .youtube-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 67px;
        position: relative;
    }
}

.youtube-list__item {
    position: relative
}

@media screen and (min-width:641px) {
    .youtube-list__item {
        width: 48%
    }
}

@media screen and (max-width:640px) {
    .youtube-list__item:not(:last-child) {
        margin-bottom: 32px
    }
}

.youtube-list__item:before {
    content: "";
    display: block;
    /* padding-bottom: 60.1731601732% */
}

@media screen and (max-width:834px) {
    .youtube-list__item:before {
        /* padding-bottom: 57.1052631579% */
    }
}

.youtube-list__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    /* border: 10px solid #009fe8; */
    pointer-events: none
}

@media screen and (max-width:1024px) {
    .youtube-list__item:after {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border-width: 5px
    }
}

.youtube-list__item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.youtube-list__item a:after,
.youtube-list__item a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: .3s ease
}

.youtube-list__item a:before {
    width: 101px;
    height: 101px;
    background: #009fe8;
    border-radius: 50%
}

@media screen and (max-width:1024px) {
    .youtube-list__item a:before {
        width: 58px;
        height: 58px
    }
}

.youtube-list__item a:after {
    left: calc(50% + 4px);
    width: 35px;
    height: 41px;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%)
}

@media screen and (max-width:1024px) {
    .youtube-list__item a:after {
        width: 20px;
        height: 24px;
        left: calc(50% + 2px)
    }
}

.youtube-list__item a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .3s ease
}

.youtube-list__item a:hover {
    opacity: 1
}

.youtube-list__item a:hover:before {
    background: #fff
}

.youtube-list__item a:hover:after {
    background: #009fe8
}

@media screen and (min-width:1025px) {
    .youtube-list__item a:hover img {
        opacity: .5
    }
}

@media screen and (max-width:1024px) {
    .youtube-list__item a:hover img {
        transform: scale(1.05)
    }
}

.youtube-list__item {
    position: relative;
    width: 100%;
    /* スマホ時などは100% */
}

@media screen and (min-width:641px) {
    .youtube-list__item {
        width: 48%;
        /* 横並びの時は48% */
    }
}

/* ★ここを追加・修正 */
.youtube-list__item {
    /* モダンなブラウザ向けの書き方（16:9を指定） */
    aspect-ratio: 16 / 9;
}

/* もし古いブラウザも気にするなら、コメントアウトしていた部分を復活させます */
.youtube-list__item:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
    /* 16:9の比率 (9÷16) */
}

.youtube-list__item iframe {
    position: absolute;
    /* 親要素に対して絶対配置にする */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media screen and (min-width:1025px) {
    #page-tokyo-comedian-course {
        position: relative;
        z-index: 1
    }

    #page-tokyo-comedian-course:before {
        content: "";
        position: absolute;
        top: 700px;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 13380px;
        background: url(../img/personal-support/tokyo-comedian-course/course-bg.png) top/cover no-repeat
    }

    #page-tokyo-comedian-course .mv-course__ttl {
        max-width: 1086px;
        margin: 0 auto
    }
}

@media screen and (max-width:640px) {
    #page-tokyo-comedian-course .course-point {
        position: relative;
        z-index: 1
    }

    #page-tokyo-comedian-course .course-point:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        width: 100vw;
        height: 268px;
        background: url(../img/personal-support/tokyo-comedian-course/course-shape.png) 50%/cover no-repeat
    }
}

.mv-course {
    position: relative;
    z-index: 1;
    height: 454px;
    color: #fff;
    padding: 63px 0
}

@media screen and (max-width:834px) {
    .mv-course {
        height: 171px;
        padding: 28px 11px 10px
    }
}

.mv-course__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.mv-course__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mv-course__ttl {
    position: relative;
    padding-bottom: 19px;
    font-weight: 600;
    font-size: 3.5rem
}

@media screen and (max-width:834px) {
    .mv-course__ttl {
        padding-bottom: 1px;
        font-size: 1.8rem
    }
}

.mv-course__ttl:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 382px;
    height: 4px;
    background: #fff
}

@media screen and (max-width:834px) {
    .mv-course__ttl:before {
        max-width: 198px;
        height: 1px
    }
}

.mv-course__ttl img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 178px;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .mv-course__ttl img {
        height: 83px;
        margin-bottom: 12px
    }
}

.sec-professional {
    padding: 150px 0
}

@media screen and (max-width:834px) {
    .sec-professional {
        padding: 39px 0 34px
    }
}

.sec-professional .course-intro ul {
    width: auto;
    margin: 0 auto
}

.course-ttl {
    position: relative;
    max-width: 978px;
    background: url(../img/personal-support/tokyo-comedian-course/bg-ttl-blue.png) 50%/100% 100% no-repeat;
    color: #fff;
    padding: 43px 35px 20px;
    margin: 0 auto 48px
}

@media screen and (max-width:834px) {
    .course-ttl {
        max-width: 360px;
        padding: 21px 23px 8px;
        margin-bottom: 22px
    }
}

.course-ttl .c-ft--gothic {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 2.7rem;
    letter-spacing: .04em
}

@media screen and (max-width:834px) {
    .course-ttl .c-ft--gothic {
        margin: 0 0 2px 6px;
        font-size: 1.2rem;
        letter-spacing: .023em
    }
}

.course-ttl .c-ft--meiryo {
    display: block;
    font-weight: 700;
    font-size: 3.3rem
}

@media screen and (max-width:834px) {
    .course-ttl .c-ft--meiryo {
        font-size: 1.6rem
    }
}

.course-ttl small {
    position: absolute;
    top: 50px;
    right: 67px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 156px;
    height: 42px;
    background: #fff;
    color: #4f85c5;
    border-radius: 5px;
    font-weight: 600;
    font-size: 2.1rem
}

@media screen and (max-width:834px) {
    .course-ttl small {
        top: 19px;
        right: 28px;
        width: 57px;
        height: 15px;
        font-size: .8rem
    }
}

.course-ttl--dark {
    background: url(../img/personal-support/tokyo-comedian-course/bg-ttl-darkblue.png) 50%/100% 100% no-repeat;
    padding: 35px 44px 18px
}

@media screen and (max-width:834px) {
    .course-ttl--dark {
        padding: 19px 27px 7px;
        margin-bottom: 15px
    }
}

.course-ttl--dark .c-ft--gothic {
    margin-bottom: 2px
}

@media screen and (max-width:834px) {
    .course-ttl--dark .c-ft--gothic {
        margin-left: 2px
    }
}

@media screen and (max-width:834px) {
    .course-ttl--dark .c-ft--meiryo {
        font-size: 1.8rem
    }
}

.course-ttl--dark small {
    top: 41px;
    right: 73px
}

@media screen and (max-width:834px) {
    .course-ttl--dark small {
        top: 20px;
        right: 25px
    }
}

.course-ttl--purple {
    background: url(../img/personal-support/tokyo-writer-course/bg-ttl-purple.png) 50%/100% 100% no-repeat;
    padding: 38px 35px 16px
}

@media screen and (max-width:834px) {
    .course-ttl--purple {
        padding: 22px 46px 9px;
        margin-bottom: 28px
    }
}

@media screen and (max-width:834px) {
    .course-ttl--purple .c-ft--gothic {
        margin: 0 0 0 1px
    }
}

.course-ttl--purple small {
    color: #8a7db9
}

.course-ttl--orange {
    background: url(../img/personal-support/kansai-comedian-course/bg-ttl-orange.png) 50%/100% 100% no-repeat;
    padding: 35px 43px 19px;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .course-ttl--orange {
        padding: 20px 51px 13px;
        margin-bottom: 27px
    }

    .course-ttl--orange .c-ft--gothic {
        margin: 0 0 -1px 2px
    }
}

.course-ttl--orange small {
    top: 42px;
    color: #f08100
}

@media screen and (max-width:834px) {
    .course-ttl--orange small {
        top: 16px;
        right: 25px
    }
}

.course-ttl--weekend {
    background: url(../img/personal-support/tokyo-comedian-course/bg-ttl-darkblue-02.png) 50%/100% 100% no-repeat
}

.course-ttl--weekend small {
    color: #52b7d3
}

.course-intro {
    max-width: 1080px;
    margin: 0 auto 89px;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2;
    letter-spacing: .06em
}

@media screen and (max-width:834px) {
    .course-intro {
        margin-bottom: 35px;
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .04em
    }

    .course-intro span {
        display: block;
        margin: 9px 0 0 13px;
        font-size: 1rem;
        line-height: 1.7
    }
}

.course-intro ul {
    width: auto;
    margin: 0 auto
}

@media screen and (min-width:641px) {
    .course-intro {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .course-intro>* {
        width: 100%
    }
}

@media screen and (min-width:641px) {
    .course-intro__img {
        max-width: 860px;
        margin: 0 auto 40px
    }
}

@media screen and (max-width:640px) {
    .course-intro__img {
        margin-top: 52px
    }
}

.course-intro__img img {
    width: 100%
}

@media screen and (min-width:641px) {
    .course-intro__img img {
        border-radius: 20px
    }
}

.course-subttl {
    max-width: 676px;
    color: #707070;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 11px 15px;
    margin: 0 auto 50px;
    text-align: center;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.3
}

@media screen and (max-width:1024px) and (min-width:835px) {
    .course-subttl {
        width: calc(100% - 110px)
    }
}

@media screen and (max-width:834px) {
    .course-subttl {
        color: #4f85c5;
        border-color: #4f85c5;
        padding: 9px 15px 8px;
        margin-bottom: 20px;
        font-size: 1.5rem
    }
}

.course-subttl--check {
    position: relative;
    max-width: 766px;
    background: #4f85c5;
    color: #fff100;
    border: 0
}

@media screen and (max-width:834px) {
    .course-subttl--check {
        padding: 13px 15px 11px;
        margin-top: 3px
    }
}

.course-subttl--check:before {
    content: "";
    position: absolute;
    top: -46px;
    left: -45px;
    width: 144px;
    height: 79px;
    background: url(../img/personal-support/tokyo-comedian-course/course-cmt.png) 50%/contain no-repeat
}

@media screen and (max-width:834px) {
    .course-subttl--check:before {
        top: -38px;
        left: 10px;
        width: 87px;
        height: 49px
    }
}

.course-subttl--purple {
    background: #9180ba
}

.course-subttl--orange {
    background: #f08337
}

@media screen and (max-width:834px) {
    .course-subttl--orange {
        background: #f08300
    }
}

.course-subttl--bdpurple {
    background: #fff;
    color: #9180ba;
    border: 1px solid #9180ba;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .course-subttl--bdpurple {
        padding: 7px 15px 8px;
        margin: -3px 0 14px
    }
}

@media screen and (min-width:835px) {
    .course-subttl--bdpurple:before {
        top: -39px;
        left: -60px
    }
}

@media screen and (max-width:834px) {
    .course-subttl--bdpurple:before {
        display: none
    }
}

.course-subttl--bdpurple+.course-wrap__txt {
    max-width: -moz-max-content;
    max-width: max-content
}

.course-subttl--bdorange {
    background: #fff;
    color: #f08337;
    border: 1px solid #f08337
}

@media screen and (max-width:834px) {
    .course-subttl--kansai {
        background: #fff;
        color: #f08337;
        border: 1px solid #f08337
    }
}

.course-wrap {
    max-width: 1362px;
    border-radius: 20px;
    margin: 0 auto;
    padding: 100px 25px
}

@media screen and (min-width:641px) {
    .course-wrap {
        background: #fffbd1
    }
}

@media screen and (max-width:834px) {
    .course-wrap {
        padding: 40px 25px
    }
}

@media screen and (max-width:640px) {
    .course-wrap {
        border-radius: 0;
        margin: 0 -25px;
        padding: 35px 25px
    }
}

.course-wrap__ttl {
    position: relative;
    z-index: 1;
    margin: 4px auto 27px;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.7;
    letter-spacing: .08em;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:1024px) {
    .course-wrap__ttl {
        width: auto
    }
}

.course-wrap__ttl span {
    background: #fff500;
    border-radius: 10px;
    padding: 15px 9px 13px;
    font-size: 3.5rem
}

.course-wrap__txt {
    max-width: 1125px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.8;
    text-align: center;
}

@media screen and (max-width:834px) {
    .course-wrap__ttl {
        font-size: 1.6rem;
    }

    .course-wrap__ttl span {
        font-size: 2.4rem;
        padding: 10px 6px 10px;

    }

    .course-wrap__txt {
        font-size: 1.5rem;
        line-height: 1.67
    }
}

.course-wrap__txt:not(:last-child) {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .course-wrap__txt:not(:last-child) {
        margin-bottom: 16px
    }
}

.course-wrap__txt--center {
    max-width: 832px
}

.course-wrap__txt--full {
    max-width: 100%
}

.course-wrap__desc {
    position: relative;
    max-width: 433px;
    background: #479bd7;
    color: #fff;
    border-radius: 10px;
    padding: 7px 15px;
    margin: 50px auto 40px;
    text-align: center;
    font-weight: 600;
    font-size: 3rem
}

.course-wrap__desc:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 38px;
    height: 20px;
    background: #479bd7;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0)
}

.course-wrap__desc--purple,
.course-wrap__desc--purple:after {
    background: #9180ba
}

.course-wrap__tag {
    position: relative;
    max-width: 431px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #e78014;
    padding: 5px 15px 7px;
    margin: 0 auto 82px;
    text-align: center;
    font-weight: 500;
    font-size: 2.3rem
}

@media screen and (max-width:834px) {
    .course-wrap__desc {
        font-size: 2rem
    }

    .course-wrap__tag {
        padding: 5px 15px 6px;
        margin-bottom: 32px;
        border-width: 1px;
        font-size: 1.5rem
    }
}

.course-wrap__tag:before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 18px;
    height: 18px;
    background: #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #e78014
}

@media screen and (max-width:834px) {
    .course-wrap__tag:before {
        bottom: -6px;
        width: 10px;
        height: 10px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #e78014
    }
}

.course-wrap__block:not(:last-child) {
    margin-bottom: 52px
}

@media screen and (max-width:834px) {
    .course-wrap__block {
        position: relative;
        background: #fffbd1;
        border-radius: 20px;
        border: 1px solid #f9a300;
        margin-top: 52px;
        padding: 50px 37px 33px
    }

    .course-wrap__block-ttl {
        position: absolute;
        top: -17px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 250px;
        background: #f9a301;
        color: #fff;
        border-radius: 10px;
        padding: 8px 10px;
        text-align: center;
        font-weight: 600;
        font-size: 1.5rem
    }

    .course-wrap__block .course-wrap__txt {
        line-height: 1.74;
        letter-spacing: .04em;
        margin-bottom: 28px
    }

    .course-wrap__block .course-point--orange .course-point__item {
        padding: 30px 42px
    }

    .course-wrap__block .course-point--orange .course-point__item:not(:last-child) {
        margin-bottom: 29px
    }

    .course-wrap__block .course-point--orange .course-point__ttl {
        margin: 0 0 13px;
        font-size: 1.5rem
    }
}

.course-wrap--blue {
    background: #d7eef8
}

.course-wrap--blue .course-list--nobgttl .course-list__ttl {
    border: 1px solid #4f85c5
}

.course-wrap--purple {
    background: #e8e7f2
}

@media screen and (max-width:640px) {
    .course-wrap--nobgsp {
        background: unset;
        padding: 0 25px
    }

    .course-wrap--nobgsp .course-list__wrap-item {
        border: 1px solid #009fe8
    }

    .course-wrap--nobgsp .course-list__wrap-item:not(:last-child) {
        margin-bottom: 23px
    }

    .course-wrap--nobgsp .course-list__item {
        border: 1px solid #009fe8;
        padding-bottom: 27px
    }

    .course-wrap--nobgsp .course-list__item:not(:last-child) {
        margin-bottom: 23px
    }
}

.course-wrap--orange {
    background: #ffe5c9
}

.course-wrap:not(:last-child) {
    margin-bottom: 100px
}

@media screen and (max-width:834px) {
    .course-wrap:not(:last-child) {
        margin-bottom: 35px
    }
}

@media screen and (max-width:834px) and (min-width:641px) {
    .course-wrap:not(:last-child) {
        margin-bottom: 80px
    }
}

@media screen and (max-width:640px) {
    .course-wrap:has(.course-point) {
        background: #fffbd1
    }
}

.course-wrap:has(.course-point) .course-subttl {
    max-width: 785px;
    background: #4f85c5;
    color: #fff;
    border: 0
}

@media screen and (max-width:834px) {
    .course-wrap:has(.course-point) .course-subttl {
        border-radius: 7px;
        padding: 8px 15px 5px;
        margin: 4px 0 34px;
        font-size: 1.8rem
    }
}

.course-wrap:has(.course-point) .course-subttl--orange {
    background: #f08337;
    color: #fff100
}

@media screen and (max-width:834px) {
    .course-wrap:has(.course-point) .course-subttl--orange {
        background: #f08406;
        color: #feea05;
        border-radius: 10px
    }
}

.course-wrap:has(.course-point) .course-subttl--orange:before {
    top: -23px
}

.course-wrap:has(.course-list) .course-subttl:not(.course-subttl--check) {
    max-width: 765px;
    background: #fff;
    color: #479bd7;
    border: 1px solid #4f85c5
}

@media screen and (max-width:834px) {
    .course-wrap:has(.course-list) .course-subttl:not(.course-subttl--check) {
        padding: 8px 15px 6px
    }
}

.course-wrap:has(.course-list) .course-subttl--bdorange:not(.course-subttl--check) {
    background: #fff;
    color: #f08337;
    border: 1px solid #f08337
}

@media screen and (min-width:1025px) {
    .course-point {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 48px;
        max-width: 1164px;
        margin: 0 auto
    }
}

.course-point__item {
    position: relative;
    background: #fff;
    border: 1px solid #479bd7;
    border-radius: 20px;
    padding: 46px clamp(16px, 3.75vw, 50px) 41px;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5
}

@media screen and (max-width:834px) {
    .course-point__item {
        padding: 31px 30px 29px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.5333333333
    }
}

@media screen and (max-width:1024px) {
    .course-point__item:not(:last-child) {
        margin-bottom: 40px
    }
}

@media screen and (max-width:834px) {
    .course-point__item:not(:last-child) {
        margin-bottom: 20px
    }
}

.course-point__count {
    position: absolute;
    width: 150px;
    top: -20px;
    left: -20px
}

@media screen and (max-width:834px) {
    .course-point__count {
        width: 92px;
        top: -11px;
        left: -11px
    }
}

.course-point__ttl {
    color: #5086c5;
    margin-bottom: 13px;
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 1.28;
    letter-spacing: .02em
}

@media screen and (max-width:834px) {
    .course-point__ttl {
        text-align: center;
        margin: 0 -10px 2px;
        font-size: 1.6rem;
        line-height: 1.46
    }

    .course-point--purple .course-point__item {
        border-color: #9180ba;
        padding: 30px 20px 17px
    }
}

.course-point--purple .course-point__item {
    border-color: #9180ba;
    padding: 70px 50px 37px
}

@media screen and (max-width:834px) {
    .course-point--purple .course-point__item {
        border-color: #9180ba;
        padding: 30px 25px 17px
    }
}

.course-point--purple .course-point__ttl {
    color: #9180ba
}

.course-point--orange .course-point__item {
    border-color: #e78014
}

.course-point--orange .course-point__ttl {
    color: #e78014;
    margin: 25px 0 41px
}

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

@media screen and (min-width:835px) {
    .course-box {
        max-width: 1362px;
        margin: -3px auto 27px
    }
}

.course-box__item {
    width: 47.7%
}

@media screen and (max-width:834px) {
    .course-box__item {
        width: 48.2%
    }

    .course-box__item .course-table td:first-child,
    .course-box__item .course-table th:first-child {
        width: 81px
    }

    .course-box__item .course-table td:not(:first-child),
    .course-box__item .course-table th:not(:first-child) {
        width: calc(100% - 81px)
    }

    .course-box__item .course-table th {
        height: 42px
    }

    .course-box__item .course-table th p {
        padding-top: 3px
    }

    .course-box__item .course-table td {
        height: 38px
    }

    .course-box__item .course-table td p {
        padding: 0
    }
}

.course-table {
    width: 100%;
    max-width: 1362px;
    margin: 0 auto 17px;
    white-space: nowrap
}

@media screen and (min-width:835px) {
    .course-table {
        table-layout: fixed;
        margin-bottom: 8px
    }
}

.course-table tr:first-child p {
    border-top-width: 1px
}

.course-table tr:nth-child(2) td:first-child p {
    height: calc(100% + 1px);
    border-top-left-radius: 14px;
    border-top-width: 1px;
    margin-top: -1px
}

@media screen and (max-width:834px) {
    .course-table tr:nth-child(2) td:first-child p {
        border-top-left-radius: 5px
    }
}

.course-table tr:last-child td:first-child p {
    border-bottom-left-radius: 14px
}

@media screen and (max-width:834px) {
    .course-table tr:last-child td:first-child p {
        border-bottom-left-radius: 5px
    }
}

.course-table tr:last-child td:last-child p {
    border-bottom-right-radius: 14px
}

@media screen and (max-width:834px) {
    .course-table tr:last-child td:last-child p {
        border-bottom-right-radius: 5px
    }
}

.course-table td,
.course-table th {
    text-align: center
}

@media screen and (max-width:834px) {

    .course-table td:not(:first-child),
    .course-table th:not(:first-child) {
        width: 19.3%
    }
}

.course-table td:first-child p,
.course-table th:first-child p {
    border-left-width: 1px
}

.course-table td p,
.course-table th p {
    width: 100%;
    height: 100%;
    border: solid #000;
    border-width: 0 1px 1px 0
}

.course-table th {
    height: 70px;
    font-weight: 600;
    font-size: 2.5rem
}

@media screen and (max-width:834px) {
    .course-table th {
        height: 50px;
        font-size: 1.5rem
    }
}

.course-table th:last-child p {
    border-top-right-radius: 14px
}

@media screen and (max-width:834px) {
    .course-table th:last-child p {
        border-top-right-radius: 5px
    }
}

.course-table th:nth-child(2) p {
    width: calc(100% + 1px);
    border-top-left-radius: 14px;
    border-left-width: 1px;
    margin-left: -1px
}

@media screen and (max-width:834px) {
    .course-table th:nth-child(2) p {
        border-top-left-radius: 5px
    }
}

.course-table th:first-child p {
    background: unset;
    border-width: 0
}

.course-table th p {
    background: #5086c5;
    color: #fff;
    padding-top: 6px
}

.course-table th span {
    display: block;
    width: 100%;
    font-size: 1.2rem
}

@media screen and (max-width:834px) {
    .course-table th span {
        font-size: .8rem
    }
}

.course-table th strong {
    display: block;
    padding-top: 12px;
    font-weight: 600;
    font-size: 2.3rem
}

@media screen and (max-width:834px) {
    .course-table th strong {
        padding-top: 4px;
        font-size: 1.5rem
    }
}

.course-table td {
    height: 70px;
    background: #fff;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.3
}

@media screen and (max-width:834px) {
    .course-table td {
        height: 45px;
        font-size: .8rem;
        line-height: 1.7
    }
}

@media screen and (max-width:834px) {
    .course-table td:first-child {
        width: 86px
    }
}

.course-table td p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.course-table--purple tr:nth-child(2) td:first-child p {
    border-radius: 0
}

@media screen and (max-width:834px) {

    .course-table--purple tr td:first-child,
    .course-table--purple tr td:not(:first-child),
    .course-table--purple tr th:first-child,
    .course-table--purple tr th:not(:first-child) {
        width: 31.5%
    }

    .course-table--purple tr td:last-child,
    .course-table--purple tr th:last-child {
        width: 37%
    }
}

@media screen and (max-width:834px) {
    .course-table--purple th {
        height: 44px
    }
}

.course-table--purple th:first-child p {
    background: #9180ba;
    border-width: 1px 0 0 1px;
    border-top-left-radius: 14px
}

@media screen and (max-width:834px) {
    .course-table--purple th:first-child p {
        border-top-left-radius: 5px
    }
}

.course-table--purple th:nth-child(2) p {
    border-radius: 0
}

.course-table--purple th p {
    background: #9180ba
}

@media screen and (max-width:834px) {
    .course-table--purple td {
        height: 43px
    }
}

.course-table--orange th p {
    background: #e78014
}

.course-txt {
    max-width: 1362px;
    margin: 0 auto 91px;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.8
}

@media screen and (max-width:834px) {
    .course-txt {
        margin-bottom: 33px;
        font-size: 1rem;
        line-height: 1.6
    }
}

.course-list {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: .08em
}

@media screen and (min-width:641px) {
    .course-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 85px 50px;
        max-width: 1162px;
        margin: 84px auto 0
    }
}

@media screen and (min-width:641px) and (max-width:834px) {
    .course-list {
        gap: 30px
    }
}

@media screen and (max-width:834px) {
    .course-list {
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 1.54;
        letter-spacing: .05em;
        margin-top: 0
    }
}

.course-list p:not(:last-of-type) {
    border-bottom: 1px solid;
    border-image: repeating-linear-gradient(90deg, #707070 0, #707070 5px, transparent 0, transparent 10px) 9;
    padding-bottom: 22px;
    margin-bottom: 46px
}

@media screen and (max-width:834px) {
    .course-list p:not(:last-of-type) {
        margin-bottom: 14px
    }
}

.course-list__flex {
    grid-column: span 2
}

@media screen and (min-width:1025px) {
    .course-list__flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .course-list__flex .course-list__item {
        width: calc(65% - 30px)
    }

    .course-list__flex .course-list__item:nth-child(2n) {
        width: 35%
    }

    .course-list__flex .course-list__ttl {
        top: -28px;
        max-width: 310px;
        height: 56px
    }
}

@media screen and (max-width:1024px) and (min-width:835px) {
    .course-list__flex .course-list__item:not(:last-child) {
        margin-bottom: 50px
    }
}

@media screen and (min-width:641px) {
    .course-list__flex-split {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .course-list__flex-split:before {
        content: "";
        position: absolute;
        top: 74px;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        height: calc(100% - 120px);
        border-right: 2px dashed #707070
    }

    .course-list__flex-split p {
        width: 47%;
        max-width: 270px
    }

    .course-list__flex-split p:not(:last-child) {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.course-list__wrap {
    grid-column: span 2
}

@media screen and (min-width:1025px) {
    .course-list__wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:640px) {
    .course-list__wrap:not(:last-child) {
        margin-bottom: 20px
    }
}

.course-list__wrap-item {
    position: relative;
    background: #fffbd1;
    border-radius: 20px;
    padding: 72px 47px 46px
}

@media screen and (max-width:834px) {
    .course-list__wrap-item {
        padding: 81px 36px 46px
    }
}

@media screen and (max-width:640px) {
    .course-list__wrap-item {
        padding: 81px 12px 46px
    }
}

@media screen and (min-width:1025px) {
    .course-list__wrap-item {
        width: calc(65.7% - 50px)
    }

    .course-list__wrap-item:nth-child(2n) {
        width: 34.3%
    }
}

@media screen and (max-width:1024px) {
    .course-list__wrap-item:not(:last-child) {
        margin-bottom: 70px
    }
}

@media screen and (max-width:834px) {
    .course-list__wrap-item:not(:last-child) {
        margin-bottom: 20px
    }
}

.course-list__wrap-item p:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 19px
}

.course-list__item {
    position: relative;
    background: #fffbd1;
    border-radius: 20px;
    padding: clamp(40px, 6vw, 72px) clamp(24px, 4vw, 47px) clamp(28px, 4vw, 46px)
}

@media screen and (max-width:834px) {
    .course-list__item {
        padding: 81px 36px 46px
    }
}

@media screen and (max-width:640px) {
    .course-list__item {
        padding: 91px 12px 46px
    }

    .course-list__item:not(:last-child) {
        margin-bottom: 20px
    }
}

.course-list__item--main {
    grid-column: span 2
}

.course-list__ttl {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 287px;
    padding: 14px 10px;
    background: #479bd7;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    font-size: 2.3rem
}

@media screen and (max-width:834px) {
    .course-list__ttl {
        top: 34px;
        max-width: 210px;
        padding: 4px 10px;
        background: #fff;
        color: #393939;
        border: 1px solid #3174ba;
        font-size: 1.5rem
    }
}

@media screen and (max-width:834px) and (min-width:641px) {
    .course-list__ttl {
        top: 15px
    }
}

.course-list__note {
    margin-top: 5px
}

@media screen and (max-width:834px) {
    .course-list__note {
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        margin: 14px 0 -14px;
        line-height: 1.7
    }
}

.course-list__note-ttl {
    color: #479bd7;
    font-weight: 600;
    white-space: nowrap
}

@media screen and (min-width:835px) {
    .course-list--bd {
        margin-top: 73px
    }
}

.course-list--bd .course-list__item {
    background: #fff;
    border: 1px solid #479bd7
}

@media screen and (max-width:640px) {
    .course-list--bd .course-list__item {
        background: #fffbd1;
        border: 1px solid #009fe8;
        padding-bottom: 28px
    }
}

.course-list--bd .course-list__ttl {
    background: #479bd7;
    color: #fff;
    border: 0
}

.course-list--nobgttl .course-list__ttl {
    background: #fff;
    color: #43b8db;
    border: 1px solid #43b8db
}

@media screen and (min-width:835px) {
    .course-list--nobgttl .course-list__ttl {
        top: -33px;
        max-width: 314px;
        height: 67px
    }
}

@media screen and (min-width:641px) {
    .course-list--3s {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 72px;
        line-height: 1.8
    }
}

@media screen and (min-width:641px) and (max-width:1240px) {
    .course-list--3s {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (min-width:641px) {
    .course-list--3s .course-list__ttl {
        max-width: 208px
    }
}

.course-list--purple .course-list__item {
    border: 1px solid #9180ba
}

@media screen and (min-width:835px) {
    .course-list--purple .course-list__item {
        padding-bottom: 53px
    }
}

@media screen and (max-width:834px) {
    .course-list--purple .course-list__item {
        border-radius: 10px;
        border: 0
    }
}

.course-list--purple .course-list__ttl {
    background: #9180ba;
    color: #fff;
    border: 0
}

.course-list--purple .course-list__note-ttl {
    color: #9180ba
}

.course-list--orange .course-list__ttl {
    background: #f08337;
    color: #fff;
    border: 0
}

@media screen and (max-width:834px) {
    .course-list--orange .course-list__ttl {
        top: 21px;
        background: #f08302
    }
}

@media screen and (min-width:835px) {
    .course-list--orange .course-list__item {
        background: #fff;
        border: 1px solid #f08337
    }
}

@media screen and (max-width:834px) {
    .course-list--orange .course-list__item {
        border-radius: 10px;
        padding: 65px 36px 18px;
        line-height: 1.67;
        letter-spacing: .08em
    }

    .course-list--orange .course-list__item:last-child {
        padding-bottom: 30px
    }

    .course-list--orange .course-list__item p:not(:last-of-type) {
        padding-bottom: 17px
    }
}

@media screen and (max-width:834px) {
    .course-list--bdorange .course-list__ttl {
        border-color: #f08300
    }
}

@media screen and (max-width:834px) {
    .course-list--bdorange .course-list__item {
        padding: 82px 36px 33px
    }
}

@media screen and (max-width:834px) and (min-width:641px) {
    .course-list--bdorange .course-list__item {
        padding-left: 0;
        padding-right: 0
    }
}

.course-info {
    max-width: 1362px;
    background: #d7eef8;
    border-radius: 20px;
    padding: clamp(48px, 7vw, 100px) clamp(24px, 6vw, 96px) clamp(48px, 7vw, 98px);
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .course-info {
        border-radius: 0;
        margin: 65px -25px 0;
        padding: 32px 25px
    }
}

.course-info .course-subttl {
    background: #fff;
    color: #4f85c5;
    border: 1px solid #4f85c5;
    border-radius: 10px
}

@media screen and (max-width:834px) {
    .course-info .course-subttl {
        background: #479bd7;
        color: #fff;
        border: 0;
        border-radius: 13px;
        padding: 10px 15px 8px
    }
}

.course-info .course-subttl:before {
    top: -39px;
    left: -62px
}

@media screen and (max-width:834px) {
    .course-info .course-subttl:before {
        display: none
    }
}

.course-info__wrap {
    position: relative
}

@media screen and (min-width:1025px) {
    .course-info__wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.course-info__wrap-img {
    width: 331px
}

@media screen and (max-width:1024px) {
    .course-info__wrap-img {
        width: 34.212%
    }
}

@media screen and (max-width:640px) {
    .course-info__wrap-img {
        width: 100%;
        max-width: 130px
    }

    .hioki-img{
        max-width: 250px;
    }
}

.course-info__wrap-img img {
    border-radius: 5px
}

.course-info__wrap-ct {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.5
}

@media screen and (min-width:1025px) {
    .course-info__wrap-ct {
        width: calc(100% - 383px)
    }
}

@media screen and (max-width:1024px) {
    .course-info__wrap-ct {
        margin-top: 17px;
        font-size: 1.5rem;
        line-height: 1.53;
        letter-spacing: .06em
    }
}

.course-info__wrap-box {
    margin-bottom: 38px
}

@media screen and (max-width:1024px) {
    .course-info__wrap-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 20px;
        margin-bottom: 20px
    }

    .hioki{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px
    }
}

.course-info__wrap-ttl {
    font-weight: 500;
    font-size: 2.3rem;
    line-height: 1.4;
    letter-spacing: .12em
}

@media screen and (max-width:1024px) {
    .course-info__wrap-ttl {
        font-size: 1.2rem;
        -ms-flex: 1;
        flex: 1
    }
}

.course-info__wrap-ttl span {
    display: block;
    color: #4f85c5;
    margin: -7px 0 8px;
    font-weight: 600;
    font-size: 3rem
}

@media screen and (max-width:1024px) {
    .course-info__wrap-ttl span {
        margin-bottom: 4px;
        font-size: 1.6rem;
        margin-top: 0
    }
}

.course-info--purple {
    background: #e8e7f2
}

.course-info--purple .course-subttl {
    color: #9180ba;
    border-color: #9180ba
}

@media screen and (max-width:834px) {
    .course-info--purple .course-subttl {
        background: #9180ba;
        color: #fff;
        border-radius: 10px
    }
}

.course-info--purple .course-info__wrap-ttl span {
    color: #9180ba
}

@media screen and (min-width:835px) {
    .course-info--purple .course-info__wrap-ct {
        line-height: 1.75
    }

    .course-info--purple .course-info__wrap-ct p {
        max-width: 730px
    }
}

@media screen and (max-width:834px) {
    .course-info--purple .course-info__wrap-ct {
        margin-top: 13px;
        line-height: 1.74
    }
}

.course-info--orange {
    background: #ffe5c9
}

@media screen and (max-width:834px) {
    .course-info--orange {
        margin: -36px -25px 0;
        padding: 72px 25px 30px
    }
}

.course-info--orange .course-subttl {
    color: #f08302;
    border-color: #f08302
}

@media screen and (max-width:834px) {
    .course-info--orange .course-subttl {
        background: #f08302;
        color: #fff;
        border-radius: 10px
    }
}

@media screen and (max-width:834px) {
    .course-info--orange .course-info__wrap {
        margin-top: 20px
    }
}

.course-info--orange .course-info__wrap-ttl span {
    color: #f08302
}

.sec-comprehensive .course-intro {
    margin-bottom: 98px
}

@media screen and (max-width:834px) {
    .sec-comprehensive .course-intro {
        margin-bottom: 32px
    }
}

@media screen and (min-width:641px) {
    .sec-comprehensive .course-intro__img {
        max-width: 850px;
        margin-bottom: 46px
    }
}

@media screen and (max-width:640px) {
    .sec-comprehensive .course-intro__img {
        margin-top: 11px
    }
}

@media screen and (min-width:641px) {
    .sec-comprehensive .course-intro p {
        max-width: 462px;
        margin: 0 auto;
        line-height: 1.6
    }
}

@media screen and (max-width:834px) {

    .sec-comprehensive .course-table td:not(:first-child),
    .sec-comprehensive .course-table th:not(:first-child) {
        width: 24.9%
    }
}

@media screen and (max-width:834px) {
    .sec-comprehensive .course-table th {
        height: 44px
    }
}

.sec-comprehensive .course-table th:not(:first-child) p {
    background: #30a1db
}

@media screen and (max-width:834px) {
    .sec-comprehensive .course-table td {
        height: 39px
    }
}

@media screen and (min-width:835px) {
    .sec-comprehensive .course-txt {
        margin: 38px auto 98px
    }
}

@media screen and (max-width:834px) {
    .sec-comprehensive .course-info {
        margin-top: 99px
    }
}

@media screen and (max-width:640px) {
    .sec-comprehensive .course-info__wrap-ttl {
        top: 75px
    }
}

.sec-weekend {
    padding: 150px 0 105px
}

@media screen and (max-width:834px) {
    .sec-weekend {
        padding: 36px 0 0
    }
}

.sec-weekend .course-intro {
    margin-bottom: 88px
}

@media screen and (max-width:834px) {
    .sec-weekend .course-intro {
        margin-bottom: 33px
    }
}

.sec-weekend .course-intro__img {
    max-width: 838px
}

@media screen and (max-width:834px) {
    .sec-weekend .course-intro__img {
        margin-top: 16px
    }
}

.sec-weekend .course-intro p {
    max-width: 650px;
    margin: 0 auto
}

.sec-weekend .course-table th:not(:first-child) p {
    background: #30a1db
}

@media screen and (max-width:834px) {
    .sec-weekend .course-table th:not(:first-child) p {
        background: #57c3e0
    }
}

@media screen and (max-width:640px) {
    .sec-weekend .course-list {
        margin-top: 37px;
        letter-spacing: .16em
    }

    .sec-weekend .course-list__wrap-item {
        border-radius: 10px;
        padding-bottom: 26px
    }

    .sec-weekend .course-list__item {
        border-radius: 10px;
        padding-bottom: 33px
    }

    .sec-weekend .course-list__ttl {
        max-width: 190px;
        color: #646464;
        font-size: 1.3rem
    }
}

@media screen and (max-width:834px) {
    .sec-weekend .course-info {
        margin-top: 36px;
        padding-bottom: 45px
    }
}

@media screen and (max-width:834px) {
    .sec-weekend .course-info__wrap-ct {
        line-height: 1.67
    }
}

.sec-weekend .course-wrap .course-subttl {
    color: #57c3e0 !important;
    border-color: #57c3e0 !important
}

@media screen and (min-width:835px) {
    #page-tokyo-writer-course .mv-course {
        height: 463px;
        padding: 74px 0
    }
}

@media screen and (min-width:835px) {
    #page-tokyo-writer-course .mv-course__ttl {
        max-width: 1344px;
        margin: 0 auto;
        padding-bottom: 11px
    }
}

@media screen and (max-width:834px) {
    #page-tokyo-writer-course .mv-course__ttl:before {
        max-width: 182px
    }
}

@media screen and (min-width:835px) {
    #page-tokyo-writer-course .mv-course__ttl img {
        height: 187px;
        margin-bottom: 28px
    }
}

@media screen and (max-width:834px) {
    #page-tokyo-writer-course .mv-course__ttl img {
        height: 89px;
        margin: -2px 0 8px
    }
}

.sec-creator {
    padding: 150px 0 114px
}

@media screen and (max-width:834px) {
    .sec-creator {
        padding: 35px 0 0
    }
}

@media screen and (min-width:1025px) {
    .sec-creator {
        position: relative;
        z-index: 1
    }

    .sec-creator:after,
    .sec-creator:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 862px;
        background: url(../img/personal-support/tokyo-writer-course/course-shape.png) 50%/cover no-repeat;
        z-index: -1
    }

    .sec-creator:before {
        top: 27.6%
    }

    .sec-creator:after {
        bottom: 17.23%
    }
}

@media screen and (min-width:835px) {
    .sec-creator .course-intro {
        margin-bottom: 99px
    }
}

@media screen and (max-width:834px) {
    .sec-creator .course-intro {
        line-height: 1.88;
        letter-spacing: .07em
    }

    .sec-creator .course-intro__img {
        margin-top: 27px
    }
}

.sec-creator .course-txt {
    margin-bottom: 104px
}

@media screen and (max-width:834px) {
    .sec-creator .course-txt {
        margin-bottom: 15px
    }
}

.sec-creator .course-wrap--s2 .course-subttl {
    margin-bottom: 129px
}

@media screen and (max-width:834px) {
    .sec-creator .course-wrap--s2 .course-subttl {
        margin: -12px 0 19px;
        padding: 7px 15px
    }

    .sec-creator .course-wrap--s2 .course-subttl:before {
        top: -22px;
        left: -6px;
        width: 62px;
        height: 30px;
        font-size: 1.3rem;
        padding: 11px 0 0 10px
    }
}

@media screen and (max-width:834px) {
    .sec-creator .course-wrap--s2 .course-list--purple .course-list__item {
        line-height: 1.78
    }
}

@media screen and (max-width:834px) {
    .sec-creator .course-wrap--s2 .course-list--purple .course-list__ttl {
        background: #fff;
        color: #393939;
        border: 1px solid #9180ba
    }
}

@media screen and (max-width:834px) {
    .sec-creator .course-info {
        margin-top: 0;
        padding-bottom: 44px
    }
}

@media screen and (max-width:1024px) {
    .sec-creator .course-info__wrap-ttl {
        top: 21.3vw
    }
}

@media screen and (max-width:640px) {
    .sec-creator .course-info__wrap-ttl {
        top: 81px
    }
}

#page-kansai-comedian-course .mv-course__ttl {
    max-width: 1340px;
    padding-bottom: 11px;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    #page-kansai-comedian-course .mv-course__ttl {
        padding-bottom: 2px;
        margin: 0 12px
    }
}

#page-kansai-comedian-course .mv-course__ttl img {
    height: 209px;
    margin: 9px 0 17px
}

@media screen and (max-width:834px) {
    #page-kansai-comedian-course .mv-course__ttl img {
        height: 86px;
        margin: 2px 0 11px
    }
}

#page-kansai-comedian-course .mv-course__ttl:before {
    max-width: 432px
}

@media screen and (max-width:834px) {
    #page-kansai-comedian-course .mv-course__ttl:before {
        max-width: 192px
    }
}

.sec-kansai {
    padding: 154px 0 118px
}

@media screen and (max-width:834px) {
    .sec-kansai {
        padding: 34px 0 0;
        margin-bottom: -21px
    }

    .sec-kansai .course-subttl--check {
        padding: 9px 15px 8px;
        margin: -36px 0 13px
    }

    .sec-kansai .course-subttl--check:before {
        top: -29px;
        left: -9px;
        width: 72px;
        height: 39px
    }
}

@media screen and (min-width:1025px) {
    .sec-kansai {
        position: relative;
        z-index: 1
    }

    .sec-kansai:after,
    .sec-kansai:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 862px;
        background: url(../img/personal-support/kansai-comedian-course/course-shape.png) 50%/cover no-repeat;
        z-index: -1
    }

    .sec-kansai:before {
        top: 667px
    }

    .sec-kansai:after {
        bottom: 24.5%
    }
}

.sec-kansai .course-intro {
    margin-bottom: 94px
}

@media screen and (max-width:834px) {
    .sec-kansai .course-intro {
        margin-bottom: 35px;
        line-height: 1.86
    }

    .sec-kansai .course-intro__img {
        margin-top: 28px
    }
}

.sec-kansai .course-intro+.course-wrap:not(:last-child) {
    margin-bottom: 149px
}

.sec-kansai .course-intro+.course-wrap .course-subttl {
    max-width: 675px;
    margin-bottom: 39px
}

.sec-kansai .course-intro+.course-wrap .course-wrap__txt {
    max-width: 990px
}

.sec-kansai .course-intro+.course-wrap .course-list {
    max-width: 1174px;
    margin-top: 70px
}

@media screen and (min-width:835px) {
    .sec-kansai .course-wrap--orange:not(:last-child) {
        margin-bottom: 91px
    }
}

.sec-kansai .course-wrap--orange .course-wrap__txt {
    max-width: 750px;
    margin-top: -7px;
    line-height: 1.5
}

@media screen and (max-width:834px) {
    .sec-kansai .course-wrap--orange .course-wrap__txt {
        margin-top: 30px;
        line-height: 1.7
    }
}

@media screen and (min-width:641px) {
    .sec-kansai .course-wrap--orange .course-list {
        margin: 80px auto 6px
    }
}

@media screen and (min-width:835px) {
    .sec-kansai .course-wrap--orange .course-list__ttl {
        max-width: 212px;
        height: 54px
    }
}

@media screen and (min-width:835px) {
    .sec-kansai .course-info+.course-wrap {
        padding: 123px 25px 104px
    }

    .sec-kansai .course-info+.course-wrap .course-wrap__block:not(:last-child) .course-wrap__txt {
        line-height: 1.5
    }

    .sec-kansai .course-info+.course-wrap .course-wrap__block:last-child .course-point__ttl {
        margin-top: 0
    }

    .sec-kansai .course-info+.course-wrap .course-wrap__txt {
        margin: -6px auto 46px
    }
}

@media screen and (max-width:834px) {
    .sec-kansai .course-info+.course-wrap {
        background: unset
    }

    .sec-kansai .course-info+.course-wrap .course-subttl--orange {
        margin: 0 0 20px
    }

    .sec-kansai .course-info+.course-wrap .course-subttl--orange:before {
        display: none
    }
}

#page-debut-system,
#page-debut-system+#footer .footer-banner:before {
    background: #efe8d8
}

#page-debut-system .mv-page {
    padding-top: 135px
}

@media screen and (max-width:834px) {
    #page-debut-system .mv-page {
        padding-top: 27px
    }
}

#page-debut-system .mv-page__str {
    margin-bottom: 41px
}

@media screen and (max-width:834px) {
    #page-debut-system .mv-page__str {
        max-width: 144px;
        margin: 0 0 33px 11px
    }
}

.sec-debut {
    position: relative;
    z-index: 2;
    padding: 25px 0 57px
}

@media screen and (min-width:835px) {
    .sec-debut {
        padding: 126px 0 118px
    }

    .sec-debut:after,
    .sec-debut:before {
        content: "";
        position: absolute;
        z-index: -1;
        width: 60%;
        height: 189px;
        pointer-events: none
    }

    .sec-debut:before {
        top: 36.7%;
        left: -2.5%;
        background: url(../img/debut/debut-shape1.png) 50%/contain no-repeat
    }

    .sec-debut:after {
        bottom: -30px;
        right: 0;
        background: url(../img/debut/debut-shape2.png) 50%/contain no-repeat
    }
}

.debut-intro {
    color: #000000;
    margin-bottom: 41px;
    text-align: center;
    font-weight: 600;
    font-size: 2.3rem;
    letter-spacing: .1em
}

@media screen and (max-width:834px) {
    .debut-intro {
        margin-bottom: 31px;
        font-size: 1.5rem;
        -webkit-text-decoration: underline dashed #41848b;
        text-decoration: underline dashed #41848b;
        letter-spacing: 0;
        line-height: 1.75
    }
}

.debut-intro_ttl{
    font-size: 3rem;
    margin-bottom: 20px;
    color: #1a93d6;
}

@media screen and (max-width:834px) {
    .debut-intro_ttl{
    font-size: 1.85rem;
    margin-bottom: 5px;
    color: #1a93d6;
}
}

.debut-main {
    max-width: 1120px;
    margin: 0 auto 149px
}

@media screen and (max-width:834px) {
    .debut-main {
        margin: 0 -25px 35px
    }
}

.debut-main img {
    width: 100%
}

.debut-ttl {
    max-width: 605px;
    background: url(../img/debut/debut-ttl.png) 50%/100% 100% no-repeat;
    color: #fff;
    padding: 28px 15px 45px;
    margin: 0 auto 40px;
    text-align: center;
    font-family: Meiryo, sans-serif;
    font-weight: 700;
    font-size: 3.3rem
}

@media screen and (max-width:834px) {
    .debut-ttl {
        max-width: 360px;
        height: 42px;
        padding: 10px 15px 11px;
        margin-bottom: 9px;
        font-size: 1.4rem
    }
}

.debut-ttl--bigger {
    max-width: 727px;
    background: url(../img/debut/debut-ttl-big.png) 50%/100% 100% no-repeat
}

@media screen and (max-width:834px) {
    .debut-ttl--bigger {
        max-width: 380px
    }
}

.debut-txt {
    max-width: 1124px;
    margin: 0 auto 33px;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2
}

@media screen and (max-width:834px) {
    .debut-txt {
        margin-bottom: 15px;
        font-size: 1.5rem;
        line-height: 1.67
    }
}

.debut-chart {
    max-width: 1120px;
    background: url(../img/debut/debut-bg-pc.jpg) 50%/cover no-repeat;
    padding: 51px 25px 46px;
    margin: 0 auto 103px
}

@media screen and (max-width:834px) {
    .debut-chart {
        background: url(../img/debut/debut-bg-sp.jpg) 50%/cover no-repeat;
        margin: 0 -25px 35px;
        padding: 34px 13.2% 35px
    }
}

.debut-chart__ttl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 533px;
    height: 63px;
    background: #bb8532;
    color: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    margin: 0 auto 87px;
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 1.4
}

@media screen and (max-width:834px) {
    .debut-chart__ttl {
        max-width: 166px;
        height: 28px;
        border-radius: 6px;
        margin-bottom: 47px;
        font-size: 1.4rem
    }
}

.debut-chart__ttl:before {
    content: "";
    position: absolute;
    bottom: -67px;
    left: 50%;
    transform: translateX(-50%);
    width: 37px;
    height: 50px;
    background: url(../img/debut/icon-arrow.png) 50%/cover no-repeat
}

@media screen and (max-width:834px) {
    .debut-chart__ttl:before {
        width: 20px;
        height: 28px;
        bottom: -37px
    }
}

@media screen and (max-width:834px) {
    .debut-chart__ttl--split {
        max-width: 228px
    }
}

@media screen and (min-width:835px) {
    .debut-chart__ttl--split:before {
        left: calc(50% - 192px);
        bottom: -70px
    }

    .debut-chart__ttl--split:after {
        content: "";
        position: absolute;
        left: calc(50% + 192px);
        bottom: -70px;
        transform: translateX(-50%);
        width: 37px;
        height: 50px;
        background: url(../img/debut/icon-arrow.png) 50%/cover no-repeat
    }
}

.debut-chart__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 924px;
    margin: 118px auto 0
}

@media screen and (max-width:834px) {
    .debut-chart__wrap {
        margin-top: 58px
    }
}

.debut-chart__wrap-item {
    position: relative;
    width: 47%;
    background: #fff;
    border: 1px solid #bb8532;
    border-radius: 10px;
    padding: 72px 50px 46px;
    font-weight: 600;
    font-size: 2.3rem
}

@media screen and (max-width:1024px) {
    .debut-chart__wrap-item {
        padding: 50px 25px 25px
    }
}

@media screen and (max-width:834px) {
    .debut-chart__wrap-item {
        font-weight: 500;
        padding: 28px 20px 12px;
        text-align: center;
        font-size: 1.2rem;
        letter-spacing: .06em
    }
}

.debut-chart__wrap-item p span {
    display: block;
    margin-top: 10px;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.6
}

@media screen and (max-width:834px) {
    .debut-chart__wrap-item p span {
        margin: 13px 0 4px;
        font-size: 1rem
    }
}

.debut-chart__wrap-item .debut-chart__ttl {
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 260px
}

@media screen and (max-width:834px) {
    .debut-chart__wrap-item .debut-chart__ttl {
        top: -12px;
        max-width: 84px;
        height: 23px
    }
}

.debut-chart__wrap-item .debut-chart__ttl:before {
    display: none
}

@media screen and (min-width:641px) {
    .debut-wrap {
        max-width: 1120px;
        background: #fffbd1;
        border-radius: 20px;
        padding: 52px 25px;
        margin: 0 auto
    }
}

.debut-wrap__box {
    position: relative;
    max-width: 920px;
    background: #fff;
    border: 1px solid #bb8532;
    border-radius: 20px;
    padding: 59px 100px 43px;
    margin: 72px auto 87px;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.52
}

@media screen and (max-width:1024px) {
    .debut-wrap__box {
        padding: 30px 45px 14px;
        margin: 45px auto 71px;
        line-height: 1.66;
        letter-spacing: .04em
    }
}

@media screen and (max-width:834px) {
    .debut-wrap__box {
        background: #fffbd1;
        font-size: 1.5rem
    }
}

.debut-wrap__box:before {
    content: "";
    position: absolute;
    bottom: -71px;
    left: 50%;
    transform: translateX(-50%);
    width: 37px;
    height: 50px;
    background: url(../img/debut/icon-arrow.png) 50%/cover no-repeat
}

@media screen and (max-width:834px) {
    .debut-wrap__box:before {
        bottom: -62px;
        width: 27px;
        height: 51px;
        background: url(../img/debut/icon-arrow-sp.png) 50%/cover no-repeat
    }
}

.debut-wrap__box:after {
    content: "所属者";
    position: absolute;
    bottom: -70px;
    left: calc(50% + 90px);
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 104px;
    height: 50px;
    background: #ffec00;
    color: #393939;
    border-radius: 12px;
    font-weight: 500;
    font-size: 2.3rem
}

@media screen and (max-width:834px) {
    .debut-wrap__box:after {
        bottom: -56px;
        width: 117px;
        height: 39px;
        background: #fff;
        font-weight: 600;
        font-size: 2rem
    }
}

.debut-wrap__box-ttl {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 360px;
    height: 38px;
    background: #bb8532;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 2.3rem
}

@media screen and (max-width:834px) {
    .debut-wrap__box-ttl {
        top: -17px;
        max-width: 218px;
        height: 30px;
        border-radius: 8px;
        font-size: 1.5rem
    }
}

.debut-wrap__box-ttl:before {
    content: "";
    position: absolute;
    top: -18px;
    left: -40px;
    width: 73px;
    height: 40px;
    background: url(../img/debut/debut-cmt.png) 50%/contain no-repeat
}

@media screen and (max-width:834px) {
    .debut-wrap__box-ttl:before {
        top: -11px;
        left: -49px
    }
}

.debut-wrap__list {
    max-width: 920px;
    background: #fffbd1;
    border: 1px solid #bb8532;
    border-radius: 20px;
    padding: 32px 100px 46px;
    margin: 0 auto
}

@media screen and (max-width:1024px) {
    .debut-wrap__list {
        padding: 21px 25px 27px
    }
}

@media screen and (min-width:835px) {
    .debut-wrap__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #fff
    }
}

.debut-wrap__list-item {
    font-weight: 500;
    font-size: 1.5rem
}

@media screen and (min-width:835px) {
    .debut-wrap__list-item {
        width: 43%;
        font-size: 2rem
    }
}

@media screen and (max-width:834px) {
    .debut-wrap__list-item:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width:834px) and (max-width:834px) {
    .debut-wrap__list-item:nth-child(2n) .debut-wrap__list-img {
        max-width: 132px;
        height: 41px;
        left: 0;
        margin-bottom: 17px
    }
}

@media screen and (max-width:834px) {
    .debut-wrap__list-item:nth-child(2n) .debut-wrap__list-note {
        font-size: 1.5rem
    }
}

.debut-wrap__list-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 92px;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .debut-wrap__list-img {
        position: relative;
        left: -6px;
        max-width: 94px;
        height: 90px;
        margin: 0 auto 33px
    }

    .debut-wrap__list-img img {
        width: 100%
    }
}

.debut-wrap__list-note {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 58px;
    color: #707070;
    margin-bottom: 37px;
    text-align: center;
    font-weight: 600;
    font-size: 1.5rem
}

@media screen and (max-width:834px) {
    .debut-wrap__list-note {
        height: auto;
        margin-bottom: 12px;
        font-size: 1.3rem
    }
}

.debut-wrap__list-txt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    /* align-items: center; */
    line-height: 1.51;
    letter-spacing: .08em
}

@media screen and (max-width:834px) {
    .debut-wrap__list-txt {
        line-height: 1.67
    }
}

@media screen and (min-width:641px) {
    #page-personal-support .mv-page__str {
        max-width: 605px
    }
}

.sec-personal {
    padding: 145px 0 125px
}

@media screen and (max-width:834px) {
    .sec-personal {
        padding: 32px 0 31px
    }
}

.sec-personal .inner {
    max-width: 1636px
}

.personal-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px
}

@media screen and (max-width:1240px) {
    .personal-list {
        gap: 21px 30px
    }
}

@media screen and (max-width:1024px) {
    .personal-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:640px) {
    .personal-list {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (max-width:640px) {
    #page-live-performance .mv-page__bg {
        top: 128px
    }
}

.sec-live {
    padding: 130px 0 84px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .sec-live {
        padding: 26px 0 43px
    }
}

.sec-live .inner {
    max-width: 1833px
}

.live-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 95px 77px
}

@media screen and (max-width:1240px) {
    .live-list {
        gap: 50px 30px
    }
}

@media screen and (max-width:834px) {
    .live-list {
        gap: 33px 30px
    }
}

.live-list:not(:last-child) {
    margin-bottom: 144px
}

@media screen and (max-width:834px) {
    .live-list:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width:1500px) {
    .live-list__item {
        width: 100%
    }
}

@media screen and (min-width:1501px) {
    .live-list__item:nth-child(odd) {
        width: 45.77%
    }
}

@media screen and (min-width:1501px) {
    .live-list__item:nth-child(2n) {
        -ms-flex: 1;
        flex: 1
    }
}

.live-list__item .c-txt__02 {
    margin-bottom: 27px;
    color: #1ab9ee;
    line-height: 1.4
}

@media screen and (max-width:834px) {
    .live-list__item .c-txt__02 {
        margin-bottom: 10px
    }
}

.live-list__item.is-green .live-list__ttl:before {
    background: #00ac98
}

.live-list__item.is-green .c-txt__02 {
    color: #00ac98
}

.live-list__item.is-yellow .live-list__ttl:before {
    background: #d7c323
}

.live-list__item.is-yellow .c-txt__02 {
    color: #d7c323
}

.live-list__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-bottom: 2px solid #707070;
    padding: 0 0 13px;
    margin-bottom: 26px;
    position: relative
}

@media screen and (max-width:834px) {
    .live-list__head {
        padding: 0 9px 0 0;
        margin-bottom: 16px;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width:834px) {
    .live-list__head--full {
        padding-top: 21px
    }

    .live-list__head--full .live-list__cate {
        top: 0;
        right: 9px;
        transform: unset
    }

    .live-list__head--full .live-list__ttl {
        width: 100%
    }
}

.live-list__ttl {
    position: relative;
    padding: 12px 0 0 41px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3333333333;
    font-weight: 600;
    font-feature-settings: "palt" 1;
    margin-right: auto;
    letter-spacing: .05em;
    width: calc(100% - 160px)
}

@media screen and (max-width:1240px) {
    .live-list__ttl {
        font-size: 2.25rem
    }
}

@media screen and (max-width:834px) {
    .live-list__ttl {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 2.2666666667;
        padding: 5px 0 0 19px;
        width: calc(100% - 100px)
    }
}

.live-list__ttl:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 32px;
    height: 32px;
    background: #1ab9ee
}

@media screen and (max-width:1240px) {
    .live-list__ttl:before {
        width: 20px;
        height: 20px
    }
}

@media screen and (max-width:834px) {
    .live-list__ttl:before {
        width: 11px;
        height: 11px
    }
}

.live-list__ttl small {
    font-size: 2.8rem
}

@media screen and (max-width:1850px) {
    .live-list__ttl small {
        font-size: 2rem
    }
}

@media screen and (max-width:834px) {
    .live-list__ttl small {
        font-size: 1.5rem
    }
}

@media screen and (max-width:640px) {
    .live-list__ttl small {
        display: inline-block;
        margin-right: -100px
    }
}

.live-list__cate {
    margin-bottom: 4px;
    margin: 0 0 auto auto;
    width: 157px;
    position: relative;
    top: 8px
}

@media screen and (max-width:834px) {
    .live-list__cate {
        width: 100px;
        margin-bottom: 0;
        top: 50%;
        position: absolute;
        right: 0;
        transform: translateY(-50%)
    }
}

@media screen and (max-width:640px) {
    .live-list__cate {
        top: 0;
        transform: none
    }
}

@media screen and (max-width:834px) {
    .live-list--second .live-list {
        gap: 30px
    }
}

@media screen and (max-width:834px) {
    .live-list--second .live-list__head {
        border-bottom: none;
        background: url(../img/live-performance/bg-line.png) repeat-x 0 0;
        padding: 13px 0 0;
        margin-bottom: 7px
    }
}

@media screen and (max-width:834px) {
    .live-list--second .live-list__ttl {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 2;
        padding: 0;
        color: #d7c323;
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .live-list--second .live-list__ttl:before {
        display: none
    }
}

.live-ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    margin-bottom: 36px;
    font-family: Meiryo, sans-serif;
    position: relative
}

@media screen and (max-width:834px) {
    .live-ttl {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 2.2666666667;
        margin-bottom: 26px
    }
}

.live-ttl span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 734px;
    aspect-ratio: 734/166;
    background: url(../img/live-performance/live-ttl.png) no-repeat 50%/contain;
    padding: 9px 5px 5px
}

@media screen and (max-width:834px) {
    .live-ttl span {
        max-width: 304px;
        aspect-ratio: 255/58;
        background: url(../img/live-performance/live-ttl.png) no-repeat 50%/contain
    }
}

.live-bg {
    position: absolute;
    z-index: -1;
    top: 14.7%;
    left: 0;
    right: 0
}

@media screen and (max-width:834px) {
    .live-bg {
        width: 884px;
        left: -10%
    }
}

@media screen and (min-width:641px) {
    #page-pro-instructors .mv-page__str {
        max-width: 619px
    }
}

@media screen and (min-width:1241px) {
    #page-pro-instructors .mv-page__bg {
        top: 240px
    }
}

@media screen and (max-width:640px) {
    #page-pro-instructors .mv-page__bg {
        top: 310px
    }
}

.sec-pro {
    padding: 132px 0 118px
}

@media screen and (max-width:834px) {
    .sec-pro {
        padding: 22px 0 36px
    }
}

.sec-pro .inner {
    max-width: 1272px
}

@media screen and (max-width:834px) {
    .pro-img {
        margin-left: -2px
    }
}

.pro-img img {
    display: block;
    width: 100%
}

@media screen and (min-width:641px) {
    #page-instructor .mv-page__str {
        max-width: 619px
    }
}

@media screen and (max-width:640px) {
    #page-instructor .mv-page__bg {
        top: 254px
    }
}

@media screen and (max-width:834px) {
    #page-instructor .mv-page__desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2
    }
}

#page-instructor+#footer .footer-banner:before {
    background-color: #f4f4f4 !important;
    top: -50px;
    height: calc(100% + 50px)
}

.sec-lecturers {
    padding: 146px 0 50px
}

@media screen and (max-width:834px) {
    .sec-lecturers {
        padding: 22px 0 0
    }
}

.lecturers-inner {
    max-width: 1151px
}

.lecturers-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 37px;
    margin-bottom: 144px
}

@media screen and (max-width:640px) {
    .lecturers-box {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 99px
    }
}

.lecturers-box__l {
    width: 41.5%;
    padding: 3px 0 0
}

@media screen and (max-width:640px) {
    .lecturers-box__l {
        width: calc(100% + (100vw - 100%) / 2);
        margin-left: calc((100% - 100vw) / 2);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 21px;
        padding: 0
    }
}

.lecturers-box__img {
    max-width: 385px;
    aspect-ratio: 385/270;
    margin-bottom: 53px
}

@media screen and (max-width:640px) {
    .lecturers-box__img {
        width: 48.7%;
        aspect-ratio: 197/200;
        margin-bottom: 0
    }
}

.lecturers-box__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media screen and (max-width:640px) {
    .lecturers-box__ct {
        -ms-flex: 1;
        flex: 1
    }
}

.lecturers-box__ttl {
    position: relative;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1;
    font-weight: 600;
    display: grid;
    gap: 12px;
    margin-bottom: 19px;
    letter-spacing: .22em
}

@media screen and (max-width:834px) {
    .lecturers-box__ttl {
        font-size: 1.7rem;
        gap: 10px;
        margin-bottom: 22px;
        letter-spacing: 0;
        padding: 0 0 0 21px
    }
}

@media screen and (min-width:641px) {
    .lecturers-box__ttl {
        border-bottom: 3px solid #e26390;
        padding: 0 0 17px 32px
    }
}

.lecturers-box__ttl:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    top: 3px;
    left: 0;
    background: #e26390
}

@media screen and (max-width:834px) {
    .lecturers-box__ttl:before {
        width: 12px;
        height: 12px;
        top: 2px
    }
}

.lecturers-box__ttl small {
    font-size: 86.9565217391%;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: .05em
}

@media screen and (max-width:834px) {
    .lecturers-box__ttl small {
        font-size: 70.5882352941%;
        margin-left: -21px
    }
}

.lecturers-box__txt {
    padding-right: 20px
}

@media screen and (max-width:834px) {
    .lecturers-box__txt {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692
    }
}

.lecturers-box__desc {
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width:834px) {
    .lecturers-box__desc {
        letter-spacing: .1em
    }
}

.lecturers-row {
    position: relative;
    padding: 134px 0 144px
}

@media screen and (max-width:834px) {
    .lecturers-row {
        padding: 28px 0 95px
    }
}

.lecturers-row:nth-child(odd) {
    background: #f4f4f4
}

@media screen and (max-width:834px) {
    .lecturers-row:last-child {
        padding-bottom: 145px;
        background: #f4f4f4
    }
}

.lecturers-row__img {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 50%;
    max-width: 605px
}

@media screen and (max-width:640px) {
    .lecturers-row__img {
        width: 78.38%;
        max-width: 337px
    }
}

.lecturers-row__img--last {
    bottom: 0
}

@media screen and (max-width:834px) {
    .lecturers-row__img--last {
        bottom: 50px
    }
}

.lecturers-row .inner {
    max-width: 1556px
}

.lecturers-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 93px 100px
}

@media screen and (max-width:1240px) {
    .lecturers-list {
        gap: 50px
    }
}

@media screen and (max-width:834px) {
    .lecturers-list {
        gap: 25px
    }
}

@media screen and (max-width:640px) {
    .lecturers-list {
        grid-template-columns: repeat(1, 1fr)
    }
}

.lecturers-list__link {
    display: grid
}

.lecturers-list__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    border-bottom: 2px solid #000;
    padding-bottom: 29px;
    margin-bottom: 26px
}

@media screen and (max-width:640px) {
    .lecturers-list__head {
        gap: 32px;
        padding-bottom: 19px;
        margin-bottom: 14px;
        border-bottom: 2px dotted #000
    }
}

.lecturers-list__img {
    width: 36.4%;
    aspect-ratio: 230/227
}

@media screen and (max-width:640px) {
    .lecturers-list__img {
        width: 38.1%;
        aspect-ratio: 145/110
    }
}

.lecturers-list__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media screen and (max-width:834px) {
    .lecturers-list__desc {
        letter-spacing: .115em
    }
}

.lecturers-list__ttl {
    -ms-flex: 1;
    flex: 1;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 600;
    position: relative;
    display: grid;
    gap: 10px;
    padding: 0 0 0 30px;
    margin-bottom: -2px
}

@media screen and (max-width:1240px) {
    .lecturers-list__ttl {
        font-size: 2.35rem
    }
}

@media screen and (max-width:834px) {
    .lecturers-list__ttl {
        font-size: 1.7rem;
        margin-bottom: 0;
        padding: 0 0 0 21px
    }
}

.lecturers-list__ttl:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    top: 5px;
    left: 0
}

@media screen and (max-width:834px) {
    .lecturers-list__ttl:before {
        width: 12px;
        height: 12px;
        top: 2px
    }
}

.lecturers-list__ttl small {
    font-size: 76.6666666667%;
    line-height: 1.3043478261;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .lecturers-list__ttl small {
        font-size: 82.3529411765%;
        line-height: 1.2857142857;
        margin-left: -21px
    }
}

.lecturers-list__str {
    font-size: 2.3rem;
    line-height: 1.4117647059;
    margin: 3px 0 19px
}

@media screen and (max-width:834px) {
    .lecturers-list__str {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.4117647059;
        margin: 3px 0 9px
    }
}

.lecturers-list--orange .lecturers-list__head {
    border-bottom-color: #f08100
}

.lecturers-list--orange .lecturers-list__ttl:before {
    background: #f08100
}

.lecturers-list--blue .lecturers-list__head {
    border-bottom-color: #479bd7
}

.lecturers-list--blue .lecturers-list__ttl:before {
    background: #479bd7
}

.lecturers-list--pink .lecturers-list__head {
    border-bottom-color: #ec7aa0
}

.lecturers-list--pink .lecturers-list__ttl:before {
    background: #ec7aa0
}

.lecturers-list--yellow .lecturers-list__head {
    border-bottom-color: #d7c323
}

.lecturers-list--yellow .lecturers-list__ttl:before {
    background: #d7c323
}

#page-learn-in-kansai,
#page-learn-in-kansai+#footer .footer-banner:before {
    background: #fffdeb
}

@media screen and (max-width:834px) {
    #page-learn-in-kansai .mv-page {
        overflow: hidden
    }
}

@media screen and (min-width:641px) {
    #page-learn-in-kansai .mv-page__str {
        max-width: 621px
    }
}

@media screen and (min-width:1241px) {
    #page-learn-in-kansai .mv-page__bg {
        top: 223px
    }
}

@media screen and (max-width:834px) {
    #page-learn-in-kansai .mv-page__desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2
    }
}

@media screen and (max-width:640px) {
    #page-learn-in-kansai .mv-page__desc:not(:last-child) {
        margin-bottom: 27px
    }
}

.sec-special {
    padding: 137px 0 119px
}

@media screen and (max-width:834px) {
    .sec-special {
        padding: 26px 0 51px
    }
}

.sec-special .inner {
    max-width: 1832px
}

.special-ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    margin-bottom: 87px;
    font-family: Meiryo, sans-serif;
    position: relative
}

@media screen and (max-width:834px) {
    .special-ttl {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.2777777778;
        margin-bottom: 51px
    }
}

.special-ttl span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 593px;
    aspect-ratio: 593/137;
    background: url(../img/learn-in-kansai/special-ttl.png) no-repeat 50%/contain;
    padding: 0 5px 18px
}

@media screen and (max-width:834px) {
    .special-ttl span {
        max-width: 380px;
        aspect-ratio: 380/57;
        background: url(../img/learn-in-kansai/special-ttl-sp.png) no-repeat 50%/contain;
        padding: 5px 5px 0
    }
}

.special-box {
    background: #f7f3c9;
    border-radius: 20px;
    padding: 0 7.45% 3%
}

@media screen and (max-width:1240px) {
    .special-box {
        padding: 0 50px 50px
    }
}

@media screen and (max-width:834px) {
    .special-box {
        border: 1px solid #f9a300;
        padding: 0 35px 34px
    }
}

.special-box:not(:last-child) {
    margin-bottom: 138px
}

@media screen and (max-width:834px) {
    .special-box:not(:last-child) {
        margin-bottom: 51px
    }
}

.special-box__ttl {
    max-width: 717px;
    border: 2px solid #f9a300;
    border-radius: 10px;
    text-align: center;
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 1.7575757576;
    font-weight: 600;
    color: #f08100;
    background: #fff;
    transform: translateY(-37px);
    padding: 7px 10px 6px;
    margin: 0 auto 2px
}

@media screen and (max-width:834px) {
    .special-box__ttl {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.1875;
        border: none;
        background: #f9a301;
        color: #fff;
        max-width: 250px;
        transform: translateY(-17px);
        padding: 10px 5px 8px;
        margin-bottom: 9px
    }
}

.special-box__desc {
    max-width: 1090px;
    margin: 0 auto 37px
}

@media screen and (max-width:834px) {
    .special-box__desc {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.7333333333;
        margin-bottom: 29px
    }
}

.special-box__ttl02 {
    max-width: 596px;
    border: 2px solid #f9a300;
    border-radius: 16px;
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.9333333333;
    font-weight: 600;
    background: #fff;
    padding: 1px 10px 3px;
    margin: 0 auto 87px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:834px) {
    .special-box__ttl02 {
        max-width: 288px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.1875;
        border-radius: 8px;
        padding: 5px 10px;
        margin-bottom: 51px
    }
}

.special-box__ttl02:before {
    content: "";
    position: absolute;
    left: 48%;
    top: 109%;
    z-index: -1;
    transform: rotate(45deg) translate(-50%, -50%);
    background: #fff;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-bottom-color: #f9a300
}

@media screen and (max-width:834px) {
    .special-box__ttl02:before {
        width: 10px;
        height: 10px
    }
}

@media screen and (min-width:1241px) {
    .special-box .special-list {
        width: 98.6%
    }
}

@media screen and (max-width:834px) {
    .special-box .special-list {
        margin: 0 -1px
    }
}

.special-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 43px
}

@media screen and (max-width:834px) {
    .special-list {
        gap: 45px;
        line-height: 1.5333333333
    }
}

.special-list__item {
    width: calc(33.33% - 29px);
    position: relative;
    border: 1px solid #e78014;
    background: #fff;
    border-radius: 20px;
    padding: 41px 40px 43px
}

@media screen and (max-width:1240px) {
    .special-list__item {
        width: calc(50% - 22px)
    }
}

@media screen and (max-width:834px) {
    .special-list__item {
        width: calc(50% - 23px);
        padding: 32px 35px 31px
    }
}

@media screen and (max-width:640px) {
    .special-list__item {
        width: 100%
    }
}

.special-list__item p {
    letter-spacing: .03em
}

.special-list__point {
    position: absolute;
    top: -21px;
    left: -21px;
    width: 149px
}

@media screen and (max-width:834px) {
    .special-list__point {
        width: 92px;
        top: -10px;
        left: -11px
    }
}

.special-list__ttl {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.7391304348;
    font-weight: 600;
    color: #f08100;
    text-align: center;
    margin-bottom: 7px
}

@media screen and (max-width:834px) {
    .special-list__ttl {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.0555555556;
        margin-bottom: 15px
    }
}

.special-list__ttl--green {
    color: #25af92
}

.special-bg {
    position: absolute;
    z-index: -1;
    top: 45.6%;
    left: 0;
    right: 0;
    pointer-events: none
}

@media screen and (max-width:834px) {
    .special-bg {
        top: 53.75%
    }
}

.special-bg--second {
    top: -46px
}

@media screen and (min-width:641px) {
    #page-creator-training .mv-page__str {
        max-width: 619px
    }
}

#page-creator-training .mv-page__bg {
    top: 232px
}

@media screen and (max-width:834px) {
    #page-creator-training .mv-page__bg {
        top: 238px
    }
}

.sec-tranning {
    padding: 142px 0 119px
}

@media screen and (max-width:834px) {
    .sec-tranning {
        padding: 23px 0 46px
    }
}

.sec-tranning .inner {
    max-width: 1570px
}

@media screen and (max-width:640px) {
    .sec-tranning .special-list {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4375;
        font-weight: 600;
        color: #8a7db9;
        text-align: center;
        gap: 49px
    }
}

.sec-tranning .special-list__item {
    border: 2px solid #8a7db9;
    padding: 43px 42px
}

@media screen and (max-width:834px) {
    .sec-tranning .special-list__item {
        border-width: 1px;
        padding: 30px 15px 20px
    }
}

.sec-tranning .special-list__point {
    top: -27px;
    left: -22px
}

@media screen and (max-width:834px) {
    .sec-tranning .special-list__point {
        top: -11px;
        left: -11px
    }
}

@media screen and (max-width:834px) {
    .sec-tranning .special-list p:not(.special-list__point) {
        display: block
    }
}

.tranning-desc {
    font-size: 3rem;
    line-height: 1.6;
    font-weight: 600;
    max-width: 1090px;
    margin: 0 auto 128px;
    letter-spacing: -.04em
}

@media screen and (max-width:1240px) {
    .tranning-desc {
        font-size: 2.4rem
    }
}

@media screen and (max-width:834px) {
    .tranning-desc {
        font-size: 2.2rem;
        line-height: 1.7;
        margin-bottom: 26px
    }
}

.tranning-desc .bg-line {
    font-size: 50px;
    font-size: 5rem;
    line-height: 1.2;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 18px
}

@media screen and (max-width:1240px) {
    .tranning-desc .bg-line {
        font-size: 3.85rem
    }
}

@media screen and (max-width:834px) {
    .tranning-desc .bg-line {
        font-size: 2.7rem;
        padding: 0 9px
    }
}

.tranning-desc .bg-line:before {
    content: "";
    position: absolute;
    top: -6px;
    right: 0;
    bottom: -5px;
    left: 0;
    z-index: -1;
    background: #fae130;
    border-radius: 4px
}

@media screen and (max-width:834px) {
    .tranning-desc .bg-line:before {
        top: 0;
        bottom: 0
    }
}

.trainning-ttl {
    max-width: 428px;
    margin: 0 auto 34px;
    position: relative;
    z-index: 1;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.5666666667;
    font-weight: 600;
    background: #9180ba;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 5px
}

@media screen and (max-width:834px) {
    .trainning-ttl {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.2666666667;
        font-weight: 500;
        max-width: 194px;
        padding: 5px 5px 6px;
        margin-bottom: 19px
    }
}

.trainning-ttl:before {
    content: "";
    position: absolute;
    top: calc(100% - 8px);
    left: calc(50% - 19px);
    z-index: -1;
    width: 38px;
    height: 21px;
    background: #9180ba;
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
    clip-path: polygon(100% 0, 0 0, 50% 100%)
}

@media screen and (max-width:834px) {
    .trainning-ttl:before {
        top: calc(100% - 14px)
    }
}

.trainning-box {
    max-width: 1090px;
    margin: 0 auto;
    padding: 43px 50px 39px
}

@media screen and (min-width:641px) {
    .trainning-box {
        background: #fff;
        border: 2px solid #8a7db9;
        border-radius: 20px
    }
}

@media screen and (max-width:1024px) {
    .trainning-box {
        padding: 30px 15px
    }
}

@media screen and (max-width:640px) {
    .trainning-box {
        padding: 0;
        line-height: 1.5333333333
    }
}

.tranning-bg {
    position: absolute;
    z-index: -1;
    bottom: -53px;
    left: 0;
    right: 0;
    pointer-events: none
}

@media screen and (max-width:834px) {
    .tranning-bg {
        bottom: 55px
    }
}

.tranning-bg--second {
    top: 30.8%;
    bottom: auto
}

#page-student-interviews .mv-page {
    background: #efe8d8;
    padding: 134px 0 44px
}

@media screen and (max-width:834px) {
    #page-student-interviews .mv-page {
        padding: 26px 0 7px
    }
}

@media screen and (max-width:834px) {
    #page-student-interviews .mv-page .mv-page__str {
        margin: 0 0 29px 20px;
        max-width: 315px
    }
}

#page-student-interviews .mv-page .mv-page__ttl {
    margin: 48px 0 53px
}

@media screen and (max-width:834px) {
    #page-student-interviews .mv-page .mv-page__ttl {
        margin: 32px 0 -33px
    }
}

#page-student-interviews .mv-page .mv-page__ttl span {
    max-width: 576px;
    aspect-ratio: unset;
    padding: 49px 5px 46px
}

@media screen and (max-width:834px) {
    #page-student-interviews .mv-page .mv-page__ttl span {
        max-width: 296px;
        padding: 25px 5px 22px
    }
}

@media screen and (min-width:835px) {
    #page-student-interviews+#footer .footer-banner {
        padding-top: 27px
    }
}

#page-student-interviews+#footer .footer-banner:before {
    background: #efe8d8
}

.sec-interview {
    background: #f4f4f4;
    padding-top: 149px
}

@media screen and (max-width:834px) {
    .sec-interview {
        padding-top: 56px
    }
}

.sec-interview .inner {
    max-width: 1840px
}

.interview-note {
    max-width: 991px;
    background: #e26390;
    color: #fff;
    border-radius: 14px;
    padding: 40px 15px 35px;
    margin: 0 auto -3px;
    text-align: center;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.3
}

@media screen and (max-width:834px) {
    .interview-note {
        max-width: 347px;
        padding: 15px 15px 10px;
        margin-bottom: 10px;
        font-size: 1.5rem;
        line-height: 1.57
    }
}

.interview-ttl {
    position: relative;
    max-width: 570px;
    margin: 0 auto 44px;
    padding-left: 40px;
    text-align: center;
    font-weight: 600;
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .interview-ttl {
        max-width: 242px;
        line-height: 1.56;
        text-align: left;
        padding-left: 49px;
        margin-bottom: 16px;
        font-size: 1.5rem
    }
}

@media screen and (max-width:640px) {
    .interview-ttl {
        white-space: nowrap
    }
}

.interview-ttl:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 90px;
    height: 71px;
    background: url(../img/student-interview/q.png) 50%/contain no-repeat
}

@media screen and (max-width:834px) {
    .interview-ttl:before {
        top: 53%;
        width: 34px;
        height: 27px
    }
}

.interview-wrap {
    position: relative;
    z-index: 1;
    padding: 97px 0 150px
}

.interview-wrap p {
    font-size: 1.9rem;
}

@media screen and (max-width:834px) {
    .interview-wrap {
        padding: 25px 0 58px
    }

    .interview-wrap p {
        font-size: 1.3rem;
    }
}

.interview-wrap:last-child {
    padding: 117px 0 196px
}

@media screen and (max-width:834px) {
    .interview-wrap:last-child {
        padding: 29px 0 91px
    }
}

.interview-wrap:last-child .interview-ttl {
    margin-bottom: 64px
}

@media screen and (max-width:834px) {
    .interview-wrap:last-child .interview-ttl {
        max-width: 259px;
        margin-bottom: 57px
    }
}

.interview-wrap:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100vw;
    height: 250px;
    background: url(../img/student-interview/interview-shape-pc.png) 100% 100%/contain no-repeat
}

@media screen and (max-width:834px) {
    .interview-wrap:after {
        bottom: 0;
        height: 58px;
        background: url(../img/student-interview/interview-shape-sp.png) 100% 100%/contain no-repeat
    }
}

@media screen and (max-width:834px) {
    .interview-wrap--gray {
        padding-bottom: 79px
    }
}

.interview-wrap--gray:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
    width: 100vw;
    height: 100%;
    background: #efe8d8
}

@media screen and (min-width:835px) {
    .interview-wrap--gray:after {
        background: url(../img/student-interview/interview-shape-pc-gray.png) 100% 100%/contain no-repeat
    }
}

.interview-wrap--gray .interview-list__item {
    background: #fffaef
}

@media screen and (max-width:834px) {
    .interview-wrap--gray .interview-list__item {
        background: #f4f4f4
    }
}

@media screen and (max-width:834px) {
    .interview-wrap--gray .interview-ttl {
        margin-bottom: 26px
    }
}

@media screen and (min-width:835px) {
    .interview-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 50px
    }
}

@media screen and (min-width:835px) and (max-width:1850px) {
    .interview-list {
        gap: 30px
    }
}

.interview-list__item {
    background: #fff;
    padding: 19.4% 9.7% 17.4%;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.53;
    letter-spacing: .06em
}

@media screen and (max-width:1850px) {
    .interview-list__item {
        padding: 19% 5% 17%
    }
}

@media screen and (max-width:1680px) {
    .interview-list__item {
        padding: 30px 20px 26px
    }
}

@media screen and (max-width:834px) {
    .interview-list__item:not(:last-child) {
        margin-bottom: 17px
    }
}

@media screen and (max-width:1024px) {
    .interview-list__item {
        font-size: 1.5rem
    }
}

.interview-list__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .interview-list__info {
        margin-bottom: 13px
    }
}

.interview-list__info-img {
    position: relative;
    width: 49%
}

@media screen and (max-width:1680px) {
    .interview-list__info-img {
        width: 38%
    }
}

@media screen and (max-width:1500px) and (min-width:835px) {
    .interview-list__info-img {
        width: 100%;
        margin-bottom: 15px
    }
}

@media screen and (max-width:834px) {
    .interview-list__info-img {
        width: 46.7%
    }
}

@media screen and (max-width:640px) {
    .interview-list__info-img {
        width: 40%
    }
}

.interview-list__info-img:before {
    content: "";
    display: block;
    padding-bottom: 79.0243902439%
}

@media screen and (max-width:834px) {
    .interview-list__info-img:before {
        padding-bottom: 77.2151898734%
    }
}

.interview-list__info-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.interview-list__info-ct {
    width: 48%;
    letter-spacing: 0
}

@media screen and (max-width:1680px) {
    .interview-list__info-ct {
        width: 59%
    }
}

@media screen and (max-width:1500px) and (min-width:835px) {
    .interview-list__info-ct {
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .interview-list__info-ct {
        width: 48.6%
    }
}

@media screen and (max-width:640px) {
    .interview-list__info-ct {
        width: 56%
    }
}

.interview-list__info-ttl {
    position: relative;
    padding-left: 38px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 1.3
}

@media screen and (max-width:1024px) {
    .interview-list__info-ttl {
        color: #393939;
        padding-left: 24px;
        margin: -2px 0 10px;
        font-size: 1.5rem
    }
}

.interview-list__info-ttl:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 27px;
    background: #e36390
}

@media screen and (max-width:1024px) {
    .interview-list__info-ttl:before {
        top: 4px;
        width: 12px;
        height: 12px
    }
}

.interview-list__info-txt {
    white-space: nowrap
}

.interview-list__info-txt p {
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.3
}

@media screen and (max-width:1024px) {
    .interview-list__info-txt p {
        font-size: 1.4rem
    }
}

@media screen and (max-width:640px) {
    .interview-list__info-txt p {
        font-size: 1.2rem
    }
}

.interview-list__info-txt p:not(:last-child) {
    margin-bottom: 10px
}

@media screen and (max-width:1024px) {
    .interview-list__info-txt p:not(:last-child) {
        margin-bottom: 7px
    }
}

.interview-list__info-txt p:has(span) {
    position: relative;
    padding-left: 40px
}

@media screen and (max-width:1024px) {
    .interview-list__info-txt p:has(span) {
        padding-left: 16px
    }
}

.interview-list__info-txt p span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 30px;
    color: #e36390
}

@media screen and (max-width:1024px) {
    .interview-list__info-txt p span {
        max-width: 20px
    }
}

.interview-list__info-txt p small {
    font-size: 1em
}

@media screen and (max-width:640px) {
    .interview-list__info-txt p small {
        font-size: .86em
    }
}

.interview-list__ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 312px;
    margin: 0 auto 37px;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0;
    background-color: #e36390;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    margin-bottom: 37px;
}

.interview-list__ttl::after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #e36390 transparent transparent transparent;
    z-index: 1;
}

@media screen and (max-width:1024px) {
    .interview-list__ttl {
        max-width: 100%;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 27px;
    }
}

.sec-voice {
    position: relative;
    z-index: 2;
    background: #efe8d8;
    padding: 30px 0 70px
}

@media screen and (min-width:1025px) {
    .sec-voice {
        padding: 103px 0 146px;
        margin-bottom: -27px
    }
}

@media screen and (max-width:834px) {
    .sec-voice .mv-page__str {
        max-width: 211px;
        margin: 0 auto 29px
    }
}

.sec-voice .mv-page__ttl span {
    max-width: 576px
}

@media screen and (max-width:834px) {
    .sec-voice .mv-page__ttl span {
        max-width: 358px;
        aspect-ratio: unset;
        background: url(../img/student-interview/message-bg-ttl.png) 50%/100% 100% no-repeat;
        padding: 21px 0 23px
    }
}

.sec-voice:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    max-width: 1344px;
    height: 244px;
    background: url(../img/student-interview/message-shape-pc.png) 100% 100%/contain no-repeat
}

@media screen and (max-width:834px) {
    .sec-voice:after {
        height: 55px;
        background: url(../img/student-interview/message-shape-sp.png) 100% 100%/contain no-repeat
    }
}

.sec-voice .inner {
    max-width: 1840px
}

.voice-note {
    max-width: 752px;
    margin: 50px auto 105px;
    font-weight: 600;
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .voice-note {
        position: relative;
        right: -9px;
        max-width: 358px;
        background: url(../img/student-interview/message-bg-sp.png) 50%/100% 100% no-repeat;
        padding: 35px 22px 27px;
        margin: 64px auto 39px;
        font-size: 1.5rem
    }
}

.voice-note p {
    position: relative;
    padding-left: 120px
}

@media screen and (max-width:834px) {
    .voice-note p {
        padding: 29px 3px 0
    }
}

.voice-note p:not(:last-child) {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .voice-note p:not(:last-child) {
        margin-bottom: 10px
    }
}

.voice-note p:before {
    content: "";
    position: absolute;
    top: 43%;
    left: 0;
    transform: translateY(-50%);
    width: 109px;
    height: 56px;
    background: url(../img/student-interview/q1.png) 0/contain no-repeat
}

@media screen and (max-width:834px) {
    .voice-note p:before {
        top: 0;
        transform: unset;
        width: 47px;
        height: 30px;
        background: url(../img/student-interview/q1-sp.png) 0/contain no-repeat
    }
}

.voice-note p.q2:before {
    background: url(../img/student-interview/q2.png) 0/contain no-repeat
}

@media screen and (max-width:834px) {
    .voice-note p.q2:before {
        top: 3px;
        background: url(../img/student-interview/q2-sp.png) 0/contain no-repeat
    }
}

@media screen and (min-width:1025px) {
    .voice-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px 124px
    }
}

@media screen and (min-width:1025px) and (max-width:1680px) {
    .voice-list {
        gap: 50px
    }
}

@media screen and (max-width:1024px) {
    .voice-list {
        padding: 0 10px
    }
}

.voice-list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:1024px) {
    .voice-list__item {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .voice-list__item:not(:last-child) {
        margin-bottom: 20px
    }
}

.voice-list__item--q2 .voice-list__ct,
.voice-list__item--q2 .voice-list__ct:before {
    border-color: #eda955
}

.voice-list__item--q2 .voice-list__ct:after {
    background: url(../img/student-interview/q2.png) 50%/contain no-repeat
}

.voice-list__item--q2 .voice-list__ct .c-color {
    color: #eda955
}

.voice-list__item--q2 .voice-list__ct-ttl {
    border-color: #eda955
}

.voice-list__img {
    position: relative;
    width: 33.6%;
    -ms-flex-item-align: self-start;
    align-self: self-start
}

@media screen and (max-width:1024px) {
    .voice-list__img {
        width: 26%
    }
}

.voice-list__img:before {
    content: "";
    display: block;
    padding-bottom: 108.984375%
}

.voice-list__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.voice-list__ct {
    position: relative;
    width: calc(66.4% - 40px);
    background: #fff;
    color: #393939;
    border: 1px solid #e36390;
    border-radius: 20px;
    padding: 5.6% 6% 3%;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.8
}

@media screen and (max-width:1024px) {
    .voice-list__ct {
        width: calc(74% - 20px)
    }
}

@media screen and (max-width:834px) {
    .voice-list__ct {
        color: #707070;
        padding: 13px 17px;
        font-size: 1.3rem
    }
}

.voice-list__ct:before {
    content: "";
    position: absolute;
    top: 32px;
    left: -14px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid #e36390;
    border-width: 0 0 1px 1px;
    transform: rotate(45deg) skew(-25deg, -25deg)
}

@media screen and (max-width:1024px) {
    .voice-list__ct:before {
        top: 16px;
        left: -9px;
        width: 14px;
        height: 14px
    }
}

.voice-list__ct:after {
    content: "";
    position: absolute;
    top: 42px;
    right: 48px;
    width: 57px;
    height: 30px;
    background: url(../img/student-interview/q1.png) 50%/contain no-repeat
}

@media screen and (max-width:1680px) {
    .voice-list__ct:after {
        top: 30px;
        right: 28px
    }
}

@media screen and (max-width:834px) {
    .voice-list__ct:after {
        top: 13px;
        right: 20px;
        width: 35px;
        height: 18px
    }
}

.voice-list__ct-ttl {
    border-bottom: 1px dotted #e36390;
    padding: 0 70px 19px 6px;
    margin-bottom: 17px;
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 1.4
}

@media screen and (max-width:1680px) {
    .voice-list__ct-ttl {
        padding-right: 50px
    }
}

@media screen and (max-width:834px) {
    .voice-list__ct-ttl {
        padding: 0 40px 4px 0;
        margin-bottom: 7px;
        font-size: 1.5rem
    }
}

.voice-list__ct .c-color {
    color: #e36390
}

.voice-list__ct dd strong,
.voice-list__ct p strong {
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.5
}

@media screen and (max-width:834px) {

    .voice-list__ct dd strong,
    .voice-list__ct p strong {
        font-size: 1.9rem;
        line-height: 1.34
    }
}

.voice-list__ct dd .big,
.voice-list__ct p .big {
    font-size: 2.5rem
}

@media screen and (max-width:834px) {

    .voice-list__ct dd .big,
    .voice-list__ct p .big {
        font-size: 1.6rem
    }
}

.voice-list__ct dd img,
.voice-list__ct p img {
    width: 22px;
    margin: 0 5px 10px
}

@media screen and (max-width:834px) {

    .voice-list__ct dd img,
    .voice-list__ct p img {
        width: 15px;
        margin: 0 3px 2px
    }
}

@media screen and (min-width:641px) {
    #page-flexible-schedule .mv-page__str {
        max-width: 619px
    }
}

@media screen and (max-width:834px) {
    #page-flexible-schedule .mv-page__ttl {
        font-size: 1.8rem;
        margin-bottom: -37px
    }

    #page-flexible-schedule .mv-page__ttl span {
        max-width: 278px;
        aspect-ratio: 278/63
    }
}

#page-flexible-schedule .mv-page__bg {
    top: 262px
}

@media screen and (max-width:640px) {
    #page-flexible-schedule .mv-page__bg {
        top: 164px
    }
}

@media screen and (max-width:834px) {
    #page-flexible-schedule .mv-page__desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2
    }
}

.sec-flexible {
    padding: 145px 0 114px
}

@media screen and (max-width:834px) {
    .sec-flexible {
        padding: 7px 0 31px
    }
}

@media screen and (max-width:640px) {
    .sec-flexible .lecturers-list {
        gap: 32px
    }
}

@media screen and (max-width:640px) {
    .sec-flexible .lecturers-list__item:not(:last-child) {
        position: relative;
        padding-bottom: 31px
    }

    .sec-flexible .lecturers-list__item:not(:last-child):before {
        content: "";
        position: absolute;
        bottom: 0;
        left: calc(50% - 80px);
        width: 160px;
        border-bottom: 2px dashed #acacac
    }
}

.sec-flexible .lecturers-list__img {
    aspect-ratio: 1
}

@media screen and (max-width:640px) {
    .sec-flexible .lecturers-list__img {
        width: 47.12%
    }
}

@media screen and (max-width:640px) {
    .sec-flexible .lecturers-list__head {
        border-bottom: none;
        padding-bottom: 0
    }
}

@media screen and (max-width:640px) {
    .sec-flexible .lecturers-list__ttl {
        padding: 0 0 0 3px;
        margin: 0 0 -2px
    }
}

@media screen and (max-width:640px) {
    .sec-flexible .lecturers-list__ttl:before {
        display: none
    }
}

@media screen and (max-width:640px) {
    .sec-flexible .lecturers-list__ttl small {
        margin-left: 0
    }
}

@media screen and (max-width:834px) {
    .sec-flexible .lecturers-list__desc {
        line-height: 1.5333333333
    }
}

.flexible-inner {
    max-width: 1452px
}

.flexible-inner02 {
    max-width: 1556px
}

.flexible-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px 15px;
    margin-bottom: 145px
}

@media screen and (max-width:990px) {
    .flexible-list {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:834px) {
    .flexible-list {
        margin-bottom: 58px
    }
}

.flexible-list__item {
    width: calc(33.33% - 10px);
    max-width: 369px
}

@media screen and (max-width:990px) {
    .flexible-list__item {
        width: calc(50% - 8px)
    }
}

@media screen and (max-width:640px) {
    .flexible-list__item {
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .flexible-list__item:first-child .flexible-list__img {
        max-width: 248px
    }
}

@media screen and (max-width:834px) {
    .flexible-list__item:nth-child(2) .flexible-list__img {
        max-width: 249px
    }
}

@media screen and (max-width:834px) {
    .flexible-list__item:nth-child(3) .flexible-list__img {
        max-width: 252px
    }
}

.flexible-list__ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 47px
}

@media screen and (max-width:834px) {
    .flexible-list__ttl {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333333333;
        padding-bottom: 8px;
        margin-bottom: 20px
    }
}

.flexible-list__img {
    max-width: 329px;
    margin: 0 auto
}

@media screen and (min-width:835px) {
    .flexible-ttl {
        padding-bottom: 0;
        margin-bottom: 40px
    }
}

@media screen and (max-width:834px) {
    .flexible-ttl {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.0588235294;
        padding-bottom: 14px;
        margin-bottom: 29px
    }
}

@media screen and (min-width:835px) {
    .flexible-ttl:before {
        display: none
    }
}

.flexible-bg {
    position: absolute;
    z-index: -1;
    bottom: 36.9%;
    left: 0;
    right: 0;
    pointer-events: none
}

@media screen and (max-width:834px) {
    .flexible-bg {
        bottom: 52.4%
    }
}

.flexible-bg--second {
    top: 11.95%;
    bottom: auto
}

@media screen and (max-width:834px) {
    #page-access {
        background: #fff
    }
}

@media screen and (max-width:834px) {
    #page-access .mv-page {
        padding: 30px 0 0
    }
}

@media screen and (min-width:641px) {
    #page-access .mv-page__str {
        max-width: 511px
    }
}

@media screen and (max-width:834px) {
    #page-access .mv-page__str {
        margin: 0 -4px 35px -2px
    }
}

#page-access .mv-page__ttl {
    margin-bottom: 0
}

.sec-access {
    padding: 31px 0 119px
}

@media screen and (max-width:834px) {
    .sec-access {
        padding: 20px 0 30px
    }
}

.sec-access .inner {
    max-width: 1288px
}

@media screen and (max-width:834px) {
    .access-box:first-of-type {
        position: relative;
        padding-bottom: 32px
    }

    .access-box:first-of-type:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 235px;
        border-bottom: 2px dashed #acacac
    }
}

.access-box__ttl {
    font-size: 3.3rem;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 14px
}

@media screen and (max-width:1240px) {
    .access-box__ttl {
        font-size: 2.55rem
    }
}

@media screen and (max-width:834px) {
    .access-box__ttl {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333333333;
        margin-bottom: 5px
    }
}

@media screen and (min-width:835px) {
    .access-box__flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 48px
    }
}

@media screen and (min-width:835px) {
    .access-box__item {
        width: 451px
    }
}

@media screen and (min-width:835px) {
    .access-box__item--second {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 33px
    }
}

@media screen and (min-width:835px) {
    .access-box__item--second .access-box__img {
        width: 451px
    }
}

.access-box__item--second .access-box__info {
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    margin: 0
}

.access-box__img {
    border-top: 5px solid #1ab9ee
}

@media screen and (max-width:834px) {
    .access-box__img {
        border-top-width: 3px
    }
}

.access-box__img--orange {
    border-top-color: #f08100
}

.access-box__img img {
    display: block;
    width: 100%
}

.access-box__info {
    padding: 0 4px
}

@media screen and (max-width:834px) {
    .access-box__info {
        padding: 0 1px
    }
}

.access-box__map {
    -ms-flex: 1;
    flex: 1;
    /* max-width: 594px; */
    margin-top: 9px
}

@media screen and (max-width:834px) {
    .access-box__map {
        /* max-width: 90.9%; */
        margin-top: 19px
    }
}

.access-box__map--second {
    max-width: 535px;
    margin-top: -22px
}

@media screen and (max-width:834px) {
    .access-box__map--second {
        max-width: 100%;
        margin-top: 17px
    }
}

.access-box__map img {
    display: block;
    width: 100%
}

.access-bg {
    position: absolute;
    z-index: -1;
    bottom: 3.9%;
    left: 0;
    right: 0;
    pointer-events: none
}

.access-bg--second {
    top: 27.95%;
    bottom: auto
}

@media screen and (max-width:834px) {
    #page-message {
        background: #fff
    }
}

@media screen and (max-width:834px) {
    #page-message .mv-page {
        padding: 30px 0 0
    }
}

@media screen and (min-width:641px) {
    #page-message .mv-page__str {
        max-width: 395px
    }
}

@media screen and (max-width:640px) {
    #page-message .mv-page__str {
        text-align: left;
        width: 330px;
        margin: 0 auto 29px
    }
}

#page-message .mv-page__ttl {
    margin-bottom: 0
}

.sec-message {
    padding: 106px 0 55px
}

@media screen and (max-width:834px) {
    .sec-message {
        padding: 27px 0 46px
    }
}

.sec-message .inner {
    max-width: 1832px
}

.message-list {
    display: grid;
    gap: 161px
}

@media screen and (max-width:1240px) {
    .message-list {
        gap: 100px
    }
}

@media screen and (max-width:834px) {
    .message-list {
        gap: 74px
    }
}

.message-list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 93px
}

@media screen and (max-width:1240px) {
    .message-list__item {
        gap: 50px
    }
}

@media screen and (max-width:834px) {
    .message-list__item {
        gap: 29px
    }
}

@media screen and (max-width:640px) {
    .message-list__item {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.message-list__l {
    width: 48.63%;
    padding: 13px 0 0
}

@media screen and (max-width:640px) {
    .message-list__l {
        width: 100%;
        padding: 0
    }
}

.message-list__img {
    margin-bottom: 46px
}

@media screen and (max-width:640px) {
    .message-list__img {
        margin: 0 calc((100% - 100vw) / 2) 37px
    }
}

.message-list__img img {
    display: block;
    width: 100%
}

.message-list__ttl {
    display: grid;
    gap: 17px;
    position: relative;
    padding-left: 42px;
    font-weight: 600
}

@media screen and (max-width:834px) {
    .message-list__ttl {
        gap: 8px;
        padding-left: 22px
    }
}

.message-list__ttl:before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: -2px;
    left: 0;
    width: 5px;
    background: #52b7d3
}

@media screen and (max-width:834px) {
    .message-list__ttl:before {
        top: 2px;
        bottom: 2px;
        left: -2px
    }
}

.message-list__name {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 1.3243243243
}

@media screen and (max-width:1240px) {
    .message-list__name {
        font-size: 2.85rem
    }
}

@media screen and (max-width:834px) {
    .message-list__name {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.35
    }
}

.message-list__position {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2307692308
}

@media screen and (max-width:1240px) {
    .message-list__position {
        font-size: 2rem
    }
}

@media screen and (max-width:834px) {
    .message-list__position {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2142857143
    }
}

.message-list__ct {
    -ms-flex: 1;
    flex: 1;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 2.0434782609;
    font-weight: 500
}

@media screen and (max-width:1240px) {
    .message-list__ct {
        font-size: 1.9rem
    }
}

@media screen and (max-width:834px) {
    .message-list__ct {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6666666667;
        font-weight: 400
    }
}

@media screen and (max-width:640px) {
    .message-list__ct {
        width: 100%
    }
}

.message-list__ct .c-txt__basic {
    line-height: 1.75
}

@media screen and (max-width:834px) {
    .message-list__ct .c-txt__basic {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.3846153846;
        font-weight: 400
    }
}

.message-list__desc:not(:last-child) {
    margin-bottom: 33px
}

@media screen and (max-width:834px) {
    .message-list__desc:not(:last-child) {
        margin-bottom: 29px
    }
}

.message-bg {
    position: absolute;
    z-index: -1;
    bottom: 6.9%;
    left: 0;
    right: 0;
    pointer-events: none
}

.message-bg--second {
    top: 14.15%;
    bottom: auto
}

#page-annual-schedule {
    background: #efe8d8
}

#page-annual-schedule .mv-page {
    padding-top: 134px
}

@media screen and (max-width:834px) {
    #page-annual-schedule .mv-page {
        padding-top: 22px
    }
}

@media screen and (max-width:834px) {
    #page-annual-schedule .mv-page__str {
        max-width: 200px;
        margin: 0 -13px 32px 12px
    }
}

@media screen and (min-width:835px) {
    #page-annual-schedule .mv-page__ttl {
        margin-bottom: 52px
    }

    #page-annual-schedule .mv-page__ttl span {
        max-width: 574px
    }
}

#page-annual-schedule+#footer .footer-banner:before {
    background: #efe8d8
}

.sec-schedule {
    position: relative;
    padding: 25px 0 50px
}

@media screen and (min-width:1025px) {
    .sec-schedule {
        z-index: 2;
        padding: 135px 0 152px;
        margin-bottom: -30px
    }

    .sec-schedule:after,
    .sec-schedule:before {
        content: "";
        position: absolute;
        right: 0;
        z-index: -1;
        width: 100%;
        max-width: 1261px;
        height: 190px;
        background: url(../img/annual-schedule/schedule-shape.png) 100%/contain no-repeat;
        pointer-events: none
    }

    .sec-schedule:before {
        top: 323px
    }

    .sec-schedule:after {
        bottom: 0
    }

    .sec-schedule .inner:before {
        content: "";
        position: absolute;
        top: 49.3%;
        left: -58px;
        z-index: -1;
        width: 100%;
        max-width: 1261px;
        height: 190px;
        background: url(../img/annual-schedule/schedule-shape.png) 0/contain no-repeat;
        pointer-events: none
    }
}

.schedule-ttl {
    max-width: 857px;
    background: #fff;
    color: #f29ca6;
    border: 2px solid #f29ca6;
    border-radius: 10px;
    padding: 19px 15px 16px;
    margin: 0 auto 46px;
    text-align: center;
    font-weight: 600;
    font-size: 3.1rem
}

@media screen and (max-width:834px) {
    .schedule-ttl {
        max-width: 360px;
        background: #f19bb7;
        color: #fff;
        border: 0;
        padding: 8px 15px;
        margin-bottom: 26px;
        font-size: 1.5rem
    }
}

.schedule-ttl--blue {
    color: #4694d1;
    border-color: #4694d1;
    margin-bottom: 57px
}

@media screen and (max-width:834px) {
    .schedule-ttl--blue {
        background: #fff;
        border-color: #fff;
        margin-bottom: 30px
    }
}

.schedule-txt {
    max-width: 1344px;
    margin: 0 auto 95px;
    font-weight: 500;
    font-size: 2rem;
    letter-spacing: .04em;
    line-height: 1.45
}

@media screen and (max-width:834px) {
    .schedule-txt {
        margin-bottom: 21px;
        font-size: 1.5rem;
        letter-spacing: .12em;
        line-height: 1.66
    }

    .schedule-txt .last {
        font-weight: 300;
        font-size: 1.1rem
    }
}

.schedule-txt p:not(:last-child) {
    margin-bottom: 29px
}

@media screen and (max-width:834px) {
    .schedule-txt p:not(:last-child) {
        margin-bottom: 6px
    }
}

.schedule-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 932px;
    height: 82px;
    background: #fff500;
    color: #b06d00;
    border: 1px solid #707070;
    border-radius: 60px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 5rem;
    letter-spacing: .08em
}

@media screen and (max-width:834px) {
    .schedule-btn {
        max-width: 307px;
        height: 68px;
        font-size: 2rem
    }
}

.schedule-btn:not(:last-child) {
    margin-bottom: 147px
}

@media screen and (max-width:834px) {
    .schedule-btn:not(:last-child) {
        margin-bottom: 96px
    }
}

.schedule-list {
    position: relative;
    max-width: 1364px;
    background: #fbe1e9;
    border: 5px solid #fff;
    padding-bottom: 50px;
    margin: 0 auto 95px
}

@media screen and (max-width:1024px) {
    .schedule-list {
        border-width: 2px;
        margin-bottom: 58px
    }
}

.schedule-list:after {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 28px;
    background: #f29ca6;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0)
}

@media screen and (max-width:1024px) {
    .schedule-list:after {
        bottom: -45px
    }
}

.schedule-list__head {
    position: relative;
    height: 156px
}

@media screen and (max-width:834px) {
    .schedule-list__head {
        height: 81px
    }
}

.schedule-list__head:before {
    content: "";
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 82px);
    height: 0;
    border-bottom: 2px dashed #707070
}

@media screen and (max-width:834px) {
    .schedule-list__head:before {
        bottom: -17px;
        width: calc(100% - 42px)
    }
}

.schedule-list__head .schedule-list__timeline {
    top: 45px;
    height: 45px
}

@media screen and (max-width:834px) {
    .schedule-list__head .schedule-list__timeline {
        top: 52px;
        height: 21px
    }
}

.schedule-list__head .schedule-list__timeline-item {
    background: #fff;
    padding-top: 6px;
    text-align: center;
    font-weight: 600;
    font-size: 2.8rem
}

@media screen and (max-width:834px) {
    .schedule-list__head .schedule-list__timeline-item {
        padding-top: 4px;
        font-size: 1.3rem
    }
}

.schedule-list__head .schedule-list__timeline-item:before {
    display: none
}

.schedule-list__head .schedule-list__timeline-item:after {
    top: calc(100% - 1px);
    width: 100%;
    height: 20px;
    background: #fff;
    border: 0;
    border-radius: 0;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0)
}

@media screen and (max-width:834px) {
    .schedule-list__head .schedule-list__timeline-item:after {
        top: 100%;
        height: 9px
    }
}

.schedule-list__head .schedule-list__timeline-item:nth-child(2),
.schedule-list__head .schedule-list__timeline-item:nth-child(2):after {
    background: #f29ca6
}

.schedule-list__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    min-height: 120px;
    padding: 46px 40px 26px 363px
}

@media screen and (max-width:1240px) {
    .schedule-list__item {
        padding-left: 260px
    }
}

@media screen and (max-width:834px) {
    .schedule-list__item {
        display: block;
        min-height: 84px;
        padding: 33px 15px 19px 141px
    }
}

.schedule-list__item:nth-child(odd) {
    background: #fff
}

.schedule-list__item:nth-child(odd) .schedule-list__img-thumb:before {
    background: #fbe1e9
}

.schedule-list__item:nth-child(odd) .schedule-list__img-thumb img {
    border-color: #fbe1e9
}

.schedule-list__item:nth-child(2) .schedule-list__timeline-item:before {
    top: 54px;
    height: calc(100% - 54px)
}

.schedule-list__item:last-child .schedule-list__timeline-item:before {
    height: calc(100% - 60px)
}

@media screen and (max-width:834px) {
    .schedule-list__item:last-child .schedule-list__timeline-item:before {
        height: calc(100% - 165px)
    }
}

.schedule-list__item:last-child .schedule-list__timeline-item:after {
    top: auto;
    bottom: 56px
}

@media screen and (max-width:834px) {
    .schedule-list__item:last-child .schedule-list__timeline-item:after {
        bottom: 159px
    }
}

.schedule-list__item:last-child .schedule-list__timeline-item p {
    top: auto;
    bottom: 53px
}

@media screen and (max-width:834px) {
    .schedule-list__item:last-child .schedule-list__timeline-item p {
        bottom: 156px
    }
}

.schedule-list__timeline {
    position: absolute;
    top: 0;
    left: 103px;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    width: 259px;
    height: 100%
}

@media screen and (max-width:1240px) {
    .schedule-list__timeline {
        left: 40px;
        gap: 20px;
        width: 210px
    }
}

@media screen and (max-width:834px) {
    .schedule-list__timeline {
        left: 19px;
        gap: 7px;
        width: 107px
    }
}

.schedule-list__timeline-item {
    position: relative;
    height: 100%;
    -ms-flex: 1 1;
    flex: 1 1
}

.schedule-list__timeline-item:after {
    content: "";
    position: absolute;
    top: 53px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #707070
}

@media screen and (max-width:834px) {
    .schedule-list__timeline-item:after {
        top: 36px;
        width: 10px;
        height: 10px;
        border-width: 1px
    }
}

.schedule-list__timeline-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: #707070
}

@media screen and (max-width:834px) {
    .schedule-list__timeline-item:before {
        width: 1px
    }
}

.schedule-list__timeline-item:nth-child(2):after {
    background: #f29ca6;
    border-color: #f29ca6
}

.schedule-list__timeline-item p {
    position: absolute;
    top: 50px;
    right: calc(50% + 24px);
    width: -moz-max-content;
    width: max-content;
    font-weight: 600;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .schedule-list__timeline-item p {
        top: 33px;
        right: calc(50% + 7px);
        font-size: 1.3rem
    }
}

.schedule-list__ct {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.32
}

@media screen and (min-width:835px) {
    .schedule-list__ct {
        width: calc(100% - 290px);
        font-size: 2rem;
        line-height: 1.5
    }
}

@media screen and (min-width:835px) and (max-width:1024px) {
    .schedule-list__ct {
        width: calc(100% - 180px)
    }
}

.schedule-list__ct-ttl {
    margin-bottom: 17px;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.8;

}

@media screen and (max-width:834px) {
    .schedule-list__ct-ttl {
        margin-bottom: 12px;
        font-size: 1.5rem;
        line-height: 1.8;
    }
}

.schedule-list__ct-desc {
    position: relative;
    border-bottom: 1px dotted #000;
    padding: 43px 8px 12px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 2.3rem
}

@media screen and (max-width:834px) {
    .schedule-list__ct-desc {
        padding: 19px 0 3px;
        margin-bottom: 6px;
        font-size: 1.5rem
    }
}

.schedule-list__ct-desc:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 88px;
    height: 51px;
    background: url(../img/annual-schedule/pickup.png) 50%/contain no-repeat
}

@media screen and (max-width:834px) {
    .schedule-list__ct-desc:before {
        left: -13px;
        width: 45px;
        height: 26px
    }
}

.schedule-list__ct-subttl {
    max-width: 314px;
    border-bottom: 1px dotted #000;
    padding: 2px 0 1px;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .schedule-list__ct-subttl {
        position: relative;
        padding: 19px 0 3px;
        margin-bottom: 6px;
        font-size: 1.5rem
    }

    .schedule-list__ct-subttl:before {
        content: "";
        position: absolute;
        top: 2px;
        left: -13px;
        width: 45px;
        height: 26px;
        background: url(../img/annual-schedule/pickup.png) 50%/contain no-repeat
    }
}

.schedule-list__ct-subttl--s2 {
    margin: 18px 0 12px
}

@media screen and (max-width:834px) {
    .schedule-list__ct-subttl--s2 {
        margin: 8px 0 7px
    }
}

.schedule-list__img {
    position: relative
}

@media screen and (min-width:835px) {
    .schedule-list__img {
        position: absolute;
        top: 46px;
        right: 40px;
        z-index: 1;
        width: 260px
    }
}

@media screen and (min-width:835px) and (max-width:1024px) {
    .schedule-list__img {
        width: 150px
    }
}

@media screen and (max-width:834px) {
    .schedule-list__img:not(:last-child) {
        margin-bottom: 13px
    }
}

@media screen and (min-width:1241px) {
    .schedule-list__img--flex {
        top: 36px;
        right: 27px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 553px
    }

    .schedule-list__img--flex .schedule-list__img-thumb {
        width: 47%
    }
}

.schedule-list__img-thumb {
    position: relative
}

.schedule-list__img-thumb:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    width: 25px;
    height: 25px;
    background: #fff;
    transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg)
}

@media screen and (max-width:834px) {
    .schedule-list__img-thumb:before {
        left: -10px;
        width: 20px;
        height: 20px
    }
}

.schedule-list__img-thumb:not(:last-child) {
    margin-bottom: 26px
}

@media screen and (max-width:1024px) {
    .schedule-list__img-thumb:not(:last-child) {
        margin-bottom: 10px
    }
}

.schedule-list__img-thumb img {
    position: relative;
    border-radius: 14px;
    border: 9px solid #fff
}

@media screen and (max-width:1024px) {
    .schedule-list__img-thumb img {
        border-radius: 10px;
        border-width: 4px
    }
}

.schedule-list__img-cmt {
    position: absolute;
    bottom: -96px;
    right: -56px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 286px;
    height: 136px;
    background: url(../img/annual-schedule/schedule-cmt.png) 50%/100% 100% no-repeat;
    padding: 20px 53px;
    font-weight: 500;
    font-size: 2rem
}

@media screen and (max-width:1024px) {
    .schedule-list__img-cmt {
        bottom: -86px;
        right: -29px;
        width: 167px;
        height: 79px;
        padding: 20px 15px 20px 25px;
        text-align: center;
        font-size: 1.2rem
    }
}

.schedule-list__img-cmt--right {
    bottom: -142px;
    right: -300px;
    width: 320px;
    height: 320px;
    background: url(../img/annual-schedule/schedule-cmt-big.png) 50%/100% 100% no-repeat
}

@media screen and (max-width:1024px) {
    .schedule-list__img-cmt--right {
        bottom: -155px;
        right: -17px;
        width: 168px;
        height: 168px
    }
}

@media screen and (max-width:834px) {
    .schedule-list__img-cmt--right {
        bottom: -150px
    }
}

.schedule-list__img-cmt--center {
    bottom: -36px;
    right: auto;
    left: 47%;
    transform: translateX(-50%)
}

@media screen and (max-width:1240px) {
    .schedule-list__img-cmt--center {
        bottom: -110px
    }
}

@media screen and (max-width:834px) {
    .schedule-list__img-cmt--center {
        bottom: -45px;
        left: auto;
        right: -4px;
        transform: unset
    }
}

@media screen and (min-width:1025px) {
    .schedule-list--pink .schedule-list__item:nth-child(10) .schedule-list__img {
        top: 26px;
        right: 340px
    }
}

@media screen and (min-width:1025px) and (max-width:1240px) {
    .schedule-list--pink .schedule-list__item:nth-child(10) .schedule-list__img {
        right: 280px
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) {
    .schedule-list--pink .schedule-list__item:nth-child(10) .schedule-list__img {
        right: 220px
    }
}

@media screen and (min-width:1241px) {
    .schedule-list--pink .schedule-list__item:nth-child(13) .schedule-list__ct {
        width: calc(100% - 560px)
    }
}

.schedule-list--pink .schedule-list__item:nth-child(13) .schedule-list__ct p {
    margin-bottom: 50px
}

@media screen and (max-width:1240px) {
    .schedule-list--pink .schedule-list__item:nth-child(13) .schedule-list__ct p {
        margin-bottom: 320px
    }
}

@media screen and (max-width:1024px) {
    .schedule-list--pink .schedule-list__item:nth-child(13) .schedule-list__ct p {
        margin-bottom: 120px
    }
}

@media screen and (max-width:834px) {
    .schedule-list--pink .schedule-list__item:nth-child(13) .schedule-list__ct p {
        margin-bottom: 34px
    }
}

@media screen and (min-width:1501px) {
    .schedule-list--pink .schedule-list__item:nth-child(2) .schedule-list__ct {
        width: calc(100% - 460px)
    }

    .schedule-list--pink .schedule-list__item:nth-child(2) .schedule-list__img {
        top: 4px;
        right: 144px
    }

    .schedule-list--pink .schedule-list__item:nth-child(4) .schedule-list__ct {
        width: calc(100% - 365px)
    }

    .schedule-list--pink .schedule-list__item:nth-child(4) .schedule-list__img {
        top: 93px;
        right: 58px
    }

    .schedule-list--pink .schedule-list__item:nth-child(7) .schedule-list__ct {
        width: calc(100% - 360px)
    }

    .schedule-list--pink .schedule-list__item:nth-child(7) .schedule-list__ct-desc {
        max-width: 320px;
        margin-top: -17px
    }

    .schedule-list--pink .schedule-list__item:nth-child(7) .schedule-list__img {
        top: -38px;
        right: 81px
    }

    .schedule-list--pink .schedule-list__item:nth-child(7) .schedule-list__img-thumb:last-child {
        margin: 36px 9px 0 -10px
    }

    .schedule-list--pink .schedule-list__item:nth-child(10) .schedule-list__img {
        right: 437px
    }
}

@media screen and (max-width:834px) {
    .schedule-list--pink .schedule-list__item:nth-child(2) .schedule-list__ct-subttl {
        padding: 2px 0 0;
        margin-bottom: 6px;
        font-weight: 600
    }

    .schedule-list--pink .schedule-list__item:nth-child(2) .schedule-list__ct-subttl:before {
        display: none
    }

    .schedule-list--pink .schedule-list__item:nth-child(4) .schedule-list__ct {
        margin-bottom: 35px
    }

    .schedule-list--pink .schedule-list__item:nth-child(4) .schedule-list__img:not(:last-child) {
        margin-bottom: 10px
    }
}

.schedule-list--blue {
    background: #e7ebef
}

@media screen and (max-width:834px) {
    .schedule-list--blue {
        background: #cfdfef;
        border: 0
    }

    .schedule-list--blue:after {
        background: #85b2e0
    }
}

.schedule-list--blue .schedule-list__item:nth-child(odd) .schedule-list__img-thumb:before {
    background: #e7ebef
}

.schedule-list--blue .schedule-list__item:nth-child(odd) .schedule-list__img-thumb img {
    border-color: #e7ebef
}

@media screen and (min-width:1501px) {
    .schedule-list--blue .schedule-list__item {
        padding-left: 345px
    }

    .schedule-list--blue .schedule-list__item:nth-child(2) .schedule-list__ct {
        max-width: 319px
    }

    .schedule-list--blue .schedule-list__item:nth-child(2) .schedule-list__img {
        top: 54px;
        right: auto;
        left: 690px
    }

    .schedule-list--blue .schedule-list__item:nth-child(9) .schedule-list__ct-ttl {
        margin-bottom: 180px
    }

    .schedule-list--blue .schedule-list__item:nth-child(9) .schedule-list__img {
        top: 47px;
        right: auto;
        left: 544px
    }

    .schedule-list--blue .schedule-list__item:nth-child(13) .schedule-list__ct-ttl {
        margin-bottom: 0
    }

    .schedule-list--blue .schedule-list__item:nth-child(14) .schedule-list__ct {
        width: calc(100% - 540px)
    }

    .schedule-list--blue .schedule-list__item:nth-child(14) .schedule-list__img {
        right: 287px
    }
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__item {
        padding-left: 146px
    }

    .schedule-list--blue .schedule-list__item:nth-child(2) .schedule-list__timeline-item:before {
        top: -13px;
        height: calc(100% + 13px)
    }

    .schedule-list--blue .schedule-list__item:nth-child(2) .schedule-list__ct {
        margin-bottom: 14px;
        letter-spacing: 0
    }

    .schedule-list--blue .schedule-list__item:nth-child(2) .schedule-list__ct-subttl {
        padding: 2px 0 0;
        margin-bottom: 6px;
        font-weight: 600
    }

    .schedule-list--blue .schedule-list__item:nth-child(2) .schedule-list__ct-subttl:before {
        display: none
    }

    .schedule-list--blue .schedule-list__item:nth-child(2) .schedule-list__img:not(:last-child) {
        margin: 17px 3px 12px -4px
    }

    .schedule-list--blue .schedule-list__item:nth-child(7) {
        min-height: 88px
    }

    .schedule-list--blue .schedule-list__item:nth-child(9) .schedule-list__img {
        margin: 4px 5px 18px -6px
    }

    .schedule-list--blue .schedule-list__item:last-child {
        background: #fff;
        padding-left: 142px;
        padding-bottom: 24px
    }

    .schedule-list--blue .schedule-list__item:last-child .schedule-list__timeline-item:before {
        height: calc(100% - 85px)
    }

    .schedule-list--blue .schedule-list__item:last-child .schedule-list__timeline-item:after {
        bottom: 77px
    }

    .schedule-list--blue .schedule-list__item:last-child .schedule-list__timeline-item p {
        bottom: 74px
    }

    .schedule-list--blue .schedule-list__item:last-child .schedule-list__img:not(:last-child) {
        margin: -2px 6px 55px -3px
    }

    .schedule-list--blue .schedule-list__item:last-child .schedule-list__img.sp:not(:last-child) {
        margin: 33px 3px 0 0
    }

    .schedule-list--blue .schedule-list__item:last-child .schedule-list__img-thumb:before {
        background: #e7ebef
    }

    .schedule-list--blue .schedule-list__item:last-child .schedule-list__img-thumb img {
        border-color: #e7ebef
    }
}

.schedule-list--blue .schedule-list__img-cmt {
    background: url(../img/annual-schedule/schedule-cmt-blue.png) 50%/100% 100% no-repeat
}

@media screen and (min-width:1501px) {
    .schedule-list--blue .schedule-list__img-cmt {
        bottom: 32px;
        right: -282px
    }
}

@media screen and (min-width:1025px) {
    .schedule-list--blue .schedule-list__img-cmt {
        width: 303px;
        height: 144px
    }
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__img-cmt {
        bottom: -76px;
        right: -23px;
        width: 197px;
        height: 94px;
        padding: 30px 15px 20px 40px
    }
}

@media screen and (min-width:1501px) {
    .schedule-list--blue .schedule-list__head {
        height: 118px
    }

    .schedule-list--blue .schedule-list__head:before {
        display: none
    }
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__head {
        height: 77px
    }

    .schedule-list--blue .schedule-list__head:before {
        bottom: -2px
    }
}

@media screen and (min-width:1501px) {
    .schedule-list--blue .schedule-list__head .schedule-list__timeline {
        top: 39px
    }
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__head .schedule-list__timeline {
        top: 35px
    }
}

.schedule-list--blue .schedule-list__head .schedule-list__timeline-item:after {
    background: #fff
}

.schedule-list--blue .schedule-list__head .schedule-list__timeline-item:nth-child(2) {
    background: #85b2e0
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__head .schedule-list__timeline-item:nth-child(2) {
        background: #71adde
    }
}

.schedule-list--blue .schedule-list__head .schedule-list__timeline-item:nth-child(2):after {
    background: #85b2e0
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__head .schedule-list__timeline-item:nth-child(2):after {
        background: #71adde
    }
}

@media screen and (min-width:1501px) {
    .schedule-list--blue .schedule-list__timeline {
        left: 82px
    }
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__timeline {
        left: 21px
    }
}

.schedule-list--blue .schedule-list__timeline-item:after {
    background: #85b2e0;
    border-color: #85b2e0
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__timeline-item:after {
        background: #fff;
        border-color: #707070
    }
}

.schedule-list--blue .schedule-list__timeline-item:nth-child(2):after {
    background: #85b2e0;
    border-color: #85b2e0
}

@media screen and (max-width:834px) {
    .schedule-list--blue .schedule-list__timeline-item:nth-child(2):after {
        background: #71adde;
        border-color: #71adde
    }
}

@media screen and (min-width:1501px) {
    .schedule-list--blue .schedule-list__timeline-item:before {
        width: 4px
    }
}

.original-button {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    border-radius: 10px;
    width: 170px;
    height: 40px;
    font-weight: bold;
    border: 4px double #ffffff;
    transition: 0.3s;
    background-color: #9b9b9b;
}

.original-button:hover {
    opacity: .5;
}


@media screen and (max-width:834px) {
    #page-recruitment {
        background: #fff
    }
}

@media screen and (max-width:834px) {
    #page-recruitment .mv-page {
        padding: 30px 0 0
    }
}

@media screen and (min-width:641px) {
    #page-recruitment .mv-page__str {
        max-width: 424px
    }
}

@media screen and (max-width:640px) {
    #page-recruitment .mv-page__str {
        text-align: left;
        width: 330px;
        margin: 0 auto 29px
    }
}

@media screen and (min-width:835px) {
    #page-recruitment .mv-page__ttl {
        font-size: 4.2rem
    }
}

#page-recruitment .mv-page__ttl {
    margin-bottom: 0
}

.sec-recruitment {
    padding: 85px 0 100px
}

@media screen and (max-width:834px) {
    .sec-recruitment {
        padding: 6px 0 49px
    }
}

.sec-recruitment .inner {
    max-width: 1712px
}

.recruitment-table {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.3684210526;
    font-weight: 600;
    max-width: 1385px;
    margin: 0 auto 40px
}

@media screen and (max-width:1240px) {
    .recruitment-table {
        font-size: 1.75rem
    }
}

@media screen and (max-width:834px) {
    .recruitment-table {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.75;
        margin-bottom: 17px
    }
}

.recruitment-table table {
    width: 100%
}

.recruitment-table table thead {
    background: #25af92;
    color: #fff
}

.recruitment-table table thead th {
    text-align: center
}

.recruitment-table td,
.recruitment-table th {
    border: 2px solid #707070
}

@media screen and (max-width:834px) {

    .recruitment-table td,
    .recruitment-table th {
        border-width: 1px
    }
}

.recruitment-table td:first-child,
.recruitment-table th:first-child {
    width: 30.6874557052%
}

.recruitment-table td:nth-child(2),
.recruitment-table th:nth-child(2) {
    width: 19.3479801559%
}

.recruitment-table td:nth-child(3),
.recruitment-table th:nth-child(3) {
    width: 28.6321757619%
}

.recruitment-table td:nth-child(4),
.recruitment-table th:nth-child(4) {
    width: 21.332388377%
}

.recruitment-table th {
    padding: 15px 10px 14px
}

@media screen and (max-width:1240px) {
    .recruitment-table th {
        font-size: 1.65rem
    }
}

@media screen and (max-width:834px) {
    .recruitment-table th {
        font-size: 10px;
        font-size: 1rem;
        line-height: 2.1;
        padding: 11px 10px 12px
    }
}

.recruitment-table td {
    padding: 14px 10px
}

@media screen and (max-width:834px) {
    .recruitment-table td {
        padding: 3px 5px 12px 8px
    }
}

@media screen and (min-width:1241px) {

    .recruitment-table td:first-child,
    .recruitment-table td:nth-child(2),
    .recruitment-table td:nth-child(3) {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.35
    }
}

.recruitment-table__ct {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:835px) {
    .recruitment-table__ct {
        min-height: 81px
    }
}

@media screen and (max-width:834px) {
    .recruitment-table__ct {
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 1.7
    }
}

.recruitment-notes {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6666666667;
    font-weight: 500;
    counter-reset: a;
    display: grid;
    gap: 9px;
    max-width: 1371px;
    margin: 0 auto 129px
}

@media screen and (max-width:1240px) {
    .recruitment-notes {
        font-size: 1.5rem
    }
}

@media screen and (max-width:834px) {
    .recruitment-notes {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6666666667;
        gap: 12px;
        margin-bottom: 30px
    }
}

.recruitment-notes li {
    position: relative;
    /* padding-left: 36px */
}

@media screen and (max-width:834px) {
    .recruitment-notes li {
        padding-left: 0
    }
}

/* .recruitment-notes li:before {
    counter-increment: a;
    content: "※" counter(a)
} */

@media screen and (min-width:835px) {
    .recruitment-notes li:before {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media screen and (max-width:834px) {
    .recruitment-notes li:before {
        margin-right: 2px
    }
}

.recruitment-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 98px
}

@media screen and (max-width:1240px) {
    .recruitment-list {
        gap: 30px
    }
}

@media screen and (max-width:834px) {
    .recruitment-list {
        gap: 20px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6666666667
    }
}

.recruitment-list__item {
    border: 2px solid #25af92;
    padding: 23px 50px 104px;
    background: #fffbd1
}

@media screen and (max-width:1240px) {
    .recruitment-list__item {
        padding: 18px 25px 19px
    }
}

@media screen and (max-width:834px) {
    .recruitment-list__item {
        width: 100%;
        background: #fffbd1;
        border-radius: 20px
    }
}

@media screen and (min-width:835px) {
    .recruitment-list__item:nth-child(odd) {
        border-radius: 30px;
        width: calc(51.65% - 49px)
    }
}

@media screen and (min-width:835px) and (max-width:1240px) {
    .recruitment-list__item:nth-child(odd) {
        width: calc(51.65% - 15px)
    }
}

@media screen and (min-width:835px) {
    .recruitment-list__item:nth-child(2n) {
        border-radius: 20px;
        width: calc(48.35% - 49px);
        padding: 23px 47px 104px 63px
    }
}

@media screen and (min-width:835px) and (max-width:1240px) {
    .recruitment-list__item:nth-child(2n) {
        width: calc(48.35% - 15px);
        padding: 18px 25px 50px
    }
}

@media screen and (max-width:1240px) {
    .recruitment-list__item:nth-child(2n) {
        padding: 26px 25px 55px
    }
}

.recruitment-list__item:nth-child(2n) .recruitment-list__ttl {
    margin-bottom: 27px
}

@media screen and (max-width:834px) {
    .recruitment-list__item:nth-child(2n) .recruitment-list__ttl {
        margin-bottom: 21px
    }
}

.recruitment-list__ttl {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 184px;
    min-height: 45px;
    border-radius: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #26a395;
    color: #fff;
    padding: 5px;
    margin: 0 auto 39px
}

@media screen and (max-width:834px) {
    .recruitment-list__ttl {
        font-size: 1.9rem;
        min-height: 37px;
        margin: 0 auto 19px
    }
}

.recruitment-list__links {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3333333333;
    display: grid;
    gap: 18px
}

@media screen and (max-width:1240px) {
    .recruitment-list__links {
        font-size: 2.2rem
    }
}

@media screen and (max-width:834px) {
    .recruitment-list__links {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7857142857;
        gap: 14px
    }
}

.recruitment-list__links li {
    display: grid
}

.recruitment-list__links a {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6666666667;
    color: #009fe8;
    word-break: break-word
}

@media screen and (max-width:1240px) {
    .recruitment-list__links a {
        font-size: 1.9rem
    }
}

@media screen and (max-width:834px) {
    .recruitment-list__links a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7857142857
    }
}

.recruitment-ttl02 {
    max-width: 1242px;
    background: #25af92;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 600;
    padding: 5px;
    min-height: 103px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

@media screen and (max-width:1240px) {
    .recruitment-ttl02 {
        font-size: 2.25rem
    }
}

@media screen and (max-width:834px) {
    .recruitment-ttl02 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.1333333333;
        min-height: 37px
    }
}

.recruitment-table02 {
    max-width: 1385px;
    margin: 0 auto;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 2.2;
    font-weight: 500;
    text-align: center
}

@media screen and (max-width:1240px) {
    .recruitment-table02 {
        font-size: 2.4rem
    }
}

@media screen and (max-width:834px) {
    .recruitment-table02 {
        font-size: 10px;
        font-size: 1rem;
        line-height: 2.1
    }
}

@media screen and (max-width:429px) {
    .recruitment-table02 {
        font-size: .8rem
    }
}

.recruitment-table02 table {
    width: 100%
}

.recruitment-table02 td {
    border: 2px solid #707070;
    padding: 9px 10px 8px
}

@media screen and (max-width:834px) {
    .recruitment-table02 td {
        border-width: 1px;
        padding: 9px 2px 6px
    }
}

.recruitment-table02 td:first-child {
    width: 44.8471926084%
}

@media screen and (max-width:834px) {
    .recruitment-table02 td:first-child {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.75
    }
}

@media screen and (max-width:429px) {
    .recruitment-table02 td:first-child {
        font-size: 1rem
    }
}

.recruitment-table02 td:nth-child(2) {
    width: 55.1528073916%
}

.recruitment-table03 {
    max-width: 1385px;
    margin: 0 auto;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 2
}

@media screen and (max-width:834px) {
    .recruitment-table03 {
        font-size: 10px;
        font-size: 1rem;
        line-height: 2.1
    }
}

.recruitment-table03 table {
    width: 100%
}

.recruitment-table03 td {
    border: 2px solid #707070
}

@media screen and (max-width:834px) {
    .recruitment-table03 td {
        border-width: 1px
    }
}

.recruitment-table03 td:first-child {
    width: 44.5628997868%;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.3571428571;
    font-weight: 600;
    padding: 22px 34px 8px
}

@media screen and (max-width:1240px) {
    .recruitment-table03 td:first-child {
        padding: 17px 20px 8px
    }
}

@media screen and (max-width:834px) {
    .recruitment-table03 td:first-child {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.75;
        width: 33.6842105263%;
        padding: 12px 14px 8px
    }
}

.recruitment-table03 td:nth-child(2) {
    width: 55.4371002132%;
    padding: 16px 78px 15px
}

@media screen and (max-width:1240px) {
    .recruitment-table03 td:nth-child(2) {
        padding: 10px 35px 7px
    }
}

@media screen and (max-width:834px) {
    .recruitment-table03 td:nth-child(2) {
        width: 66.3157894737%;
        padding: 7px 13px 6px
    }
}

.recruitment-contact {
    display: block;
    max-width: 939px;
    margin: 0 auto
}

.recruitment-contact-note {
    font-size: 1.4rem;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.recruitment-contact-btn:hover {
    background-color: #dd5385;
    box-shadow: 0 2px 0 #892046;
    transform: translateY(2px);
}

@media screen and (max-width: 640px) {
    .recruitment-contact-btn {
        width: 90%;
        font-size: 1.6rem;
    }
}

.recruitment-contact-wrapper {
    text-align: center;
    /* margin: 50px 0; */
}

/* 装飾されたテキスト */
.recruitment-contact-note {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:834px) {
    .recruitment-contact-note {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
}

.recruitment-contact-note::before {
    content: "＼";
    margin-right: 10px;
    color: #E26391;
}

.recruitment-contact-note::after {
    content: "／";
    margin-left: 10px;
    color: #E26391;
}

/* 矢印付きボタン */
.recruitment-contact-btn {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 600px;
    padding: 20px 40px 20px 20px;
    background-color: #E26391;
    color: #fff;
    text-decoration: none;
    font-size: 3rem;
    font-weight: bold;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 0 #c74a78;
}

@media screen and (max-width:834px) {
    .recruitment-contact-btn {
        max-width: 300px;
        padding: 20px 40px 20px 20px;
        font-size: 1.6rem;
    }

}

/* 矢印（L字の線を回転させて作る） */
.recruitment-contact-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s ease;
}

.recruitment-contact-btn:hover {
    transform: translateY(3px);
    box-shadow: 0 1px 0 #dd5385;
}

/* ホバー時に矢印を少しだけ右に跳ねさせる */
.recruitment-contact-btn:hover::after {
    right: 20px;
}

@media screen and (max-width:834px) {
    #page-tuition {
        background: #fff
    }
}

@media screen and (max-width:834px) {
    #page-tuition .mv-page {
        padding: 30px 0 0
    }
}

@media screen and (min-width:641px) {
    #page-tuition .mv-page__str {
        max-width: 378px
    }
}

@media screen and (max-width:640px) {
    #page-tuition .mv-page__str {
        text-align: left;
        width: 330px;
        margin: 0 auto 29px
    }
}

@media screen and (min-width:835px) {
    #page-tuition .mv-page__ttl {
        font-size: 4.2rem
    }
}

#page-tuition .mv-page__ttl {
    margin-bottom: 0
}

.sec-tuition {
    padding: 90px 0 119px
}

@media screen and (max-width:834px) {
    .sec-tuition {
        padding: 29px 0 49px
    }
}

.sec-tuition .inner {
    max-width: 1573px
}

.tuition-tbl {
    white-space: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width:835px) {
    .tuition-tbl {
        overflow: auto
    }
}

@media screen and (max-width:834px) {
    .tuition-tbl {
        margin-right: -25px
    }
}

.tuition-tbl:not(:last-child) {
    margin-bottom: 139px
}

@media screen and (max-width:834px) {
    .tuition-tbl:not(:last-child) {
        margin-bottom: 20px
    }
}

.tuition-table {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3571428571;
    letter-spacing: .04em;
    width: 100%
}

@media screen and (max-width:1240px) {
    .tuition-table {
        font-size: 1.35rem
    }
}

@media screen and (max-width:834px) {
    .tuition-table {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.3;
        width: -moz-max-content;
        width: max-content
    }
}

.tuition-table thead {
    background: #25af92;
    color: #fff;
    font-weight: 600
}

.tuition-table thead th {
    text-align: center;
    padding: 31px 10px 40px;
    border: 2px solid #707070
}

@media screen and (max-width:834px) {
    .tuition-table thead th {
        padding: 19px 5px 25px;
        border-width: 1px
    }
}

.tuition-table tbody {
    font-weight: 500
}

.tuition-table tbody tr:first-child th {
    /* -ms-writing-mode: tb-rl; */
    /* writing-mode: vertical-rl; */
    /* -webkit-text-orientation: mixed; */
    /* text-orientation: mixed; */
    writing-mode: horizontal-tb;
}

.tuition-table tbody td,
.tuition-table tbody th {
    border: 2px solid #707070;
    vertical-align: middle
}

@media screen and (max-width:834px) {

    .tuition-table tbody td,
    .tuition-table tbody th {
        border-width: 1px
    }
}

.tuition-table tbody th {
    background: #f4f4f4;
    padding: 16px 18px;
    text-align: center
}

@media screen and (max-width:834px) {
    .tuition-table tbody th {
        padding: 11px 11px 12px
    }
}

.tuition-table tbody td {
    padding: 33px 10px 25px
}

@media screen and (max-width:834px) {
    .tuition-table tbody td {
        padding: 21px 5px 16px
    }
}

.tuition-table .col-major {
    width: 74px
}

@media screen and (max-width:834px) {
    .tuition-table .col-major {
        width: 47px
    }
}

.tuition-table .col-course {
    width: 208px
}

@media screen and (max-width:834px) {
    .tuition-table .col-course {
        width: 132px
    }
}

.tuition-table .col-admission,
.tuition-table .col-day,
.tuition-table .col-style,
.tuition-table .col-tuition {
    width: 138px
}

@media screen and (max-width:834px) {

    .tuition-table .col-admission,
    .tuition-table .col-day,
    .tuition-table .col-style,
    .tuition-table .col-tuition {
        width: 87px
    }
}

.tuition-table .col-time {
    width: 133px
}

@media screen and (max-width:834px) {
    .tuition-table .col-time {
        width: 84px
    }
}

.tuition-table .col-expenses {
    width: 146px
}

@media screen and (max-width:834px) {
    .tuition-table .col-expenses {
        width: 92px
    }
}

.tuition-table .col-system-fee {
    width: 140px
}

@media screen and (max-width:834px) {
    .tuition-table .col-system-fee {
        width: 89px
    }
}

.tuition-table .col-total {
    width: 126px
}

@media screen and (max-width:834px) {
    .tuition-table .col-total {
        width: 80px
    }
}

.tuition-table__ct {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

@media screen and (max-width:834px) {
    #page-school-info-session .mv-page {
        padding: 30px 0 0
    }
}

@media screen and (min-width:641px) {
    #page-school-info-session .mv-page__str {
        max-width: 405px
    }
}

@media screen and (max-width:640px) {
    #page-school-info-session .mv-page__str {
        text-align: left;
        width: 250px;
        margin: 0 0 29px 11px
    }
}

@media screen and (min-width:835px) {
    #page-school-info-session .mv-page__ttl {
        font-size: 4.2rem
    }
}

#page-school-info-session .mv-page__ttl {
    margin-bottom: 0
}

@media screen and (min-width:1241px) {
    .sec-session .special-list {
        gap: 50px
    }
}

@media screen and (max-width:834px) {
    .sec-session .special-list {
        gap: 20px
    }
}

.sec-session .special-list__item {
    border-color: #25af92
}

@media screen and (min-width:1241px) {
    .sec-session .special-list__item {
        width: calc(33.33% - 34px);
        padding: 48px 46px 43px
    }
}

@media screen and (max-width:834px) {
    .sec-session .special-list__item {
        padding: 32px 35px 30px
    }
}

@media screen and (max-width:429px) {
    .sec-session .special-list__item {
        padding: 32px 20px 30px
    }
}

.sec-session .special-list__ttl {
    letter-spacing: -.08em
}

@media screen and (min-width:1241px) {
    .sec-session .special-list__ttl {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 42px
    }
}

@media screen and (max-width:834px) {
    .sec-session .special-list__ttl {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.2666666667;
        margin-bottom: 12px
    }
}

.session-item {
    padding: 91px 0 94px
}

@media screen and (max-width:834px) {
    .session-item {
        padding: 28px 0 24px
    }
}

.session-item:first-child {
    padding-top: 84px
}

@media screen and (max-width:834px) {
    .session-item:first-child {
        padding-top: 16px
    }
}

.session-item:last-child {
    padding-bottom: 119px
}

@media screen and (max-width:834px) {
    .session-item:last-child {
        padding-bottom: 50px
    }
}

.session-inner {
    max-width: 1701px
}

.session-ttl {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1.5714285714;
    font-weight: 600;
    text-align: center;
    color: #25af92
}

@media screen and (max-width:1240px) {
    .session-ttl {
        font-size: 2.65rem
    }
}

@media screen and (max-width:834px) {
    .session-ttl {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.7777777778
    }
}

@media screen and (max-width:640px) {
    .session-ttl--spLeft {
        text-align: left
    }
}

.session-desc {
    max-width: 945px;
    margin: 0 auto 152px
}

@media screen and (max-width:1240px) {
    .session-desc {
        margin-bottom: 90px
    }
}

@media screen and (max-width:834px) {
    .session-desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.875;
        margin-bottom: 40px
    }
}

.session-inner02 {
    max-width: 1712px
}

.session-desc02 {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.5652173913;
    font-weight: 500;
    margin-bottom: 42px
}

@media screen and (min-width:835px) {
    .session-desc02 {
        text-align: center
    }
}

@media screen and (max-width:1240px) {
    .session-desc02 {
        font-size: 1.9rem
    }
}

@media screen and (max-width:834px) {
    .session-desc02 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6666666667;
        margin-bottom: 26px
    }
}

.session-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 55px;
    margin-bottom: 50px
}

@media screen and (max-width:1024px) {
    .session-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px
    }
}

@media screen and (max-width:834px) {
    .session-list {
        margin-bottom: 15px
    }
}

@media screen and (max-width:640px) {
    .session-list {
        grid-template-columns: 1fr;
        gap: 23px
    }
}

@media screen and (min-width:641px) {
    .session-list {
        text-align: center
    }
}

@media screen and (min-width:641px) {
    .session-list__item {
        background: #fff;
        border: 1px solid #25af92;
        border-radius: 20px;
        padding: 39px 10px 44px
    }
}

@media screen and (min-width:641px) and (max-width:1240px) {
    .session-list__item {
        padding: 30px 10px
    }
}

.session-list__ttl {
    color: #25af92;
    margin-bottom: 1px
}

@media screen and (max-width:834px) {
    .session-list__ttl {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6666666667
    }
}

.session-list__ttl:not(:first-child) {
    margin-top: 5px
}

@media screen and (max-width:834px) {
    .session-list__ttl:not(:first-child) {
        margin-top: 24px
    }
}

.session-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 614px;
    min-height: 87px;
    border-radius: 44px;
    color: #fff;
    margin: 0 auto;
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 1.3333333333;
    font-weight: 600;
    position: relative;
    padding: 5px 15px 5px 60px;
    background: #3fb5eb;
    background: linear-gradient(135deg, #3fb5eb, #06bc76)
}

@media screen and (max-width:834px) {
    .session-btn {
        font-size: 1.4rem;
        position: relative;
        max-width: 319px;
        min-height: 45px
    }
}

.session-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 30px;
    width: 47px;
    aspect-ratio: 47/16;
    transform: translateY(-50%);
    background: url(../img/school-info-session/arrow.png) no-repeat 50%/contain
}

@media screen and (max-width:834px) {
    .session-btn:before {
        width: 27px;
        left: 25px
    }
}

@media screen and (max-width:834px) {
    #page-audition .mv-page {
        padding: 15px 0 0
    }
}

@media screen and (min-width:641px) {
    #page-audition .mv-page__str {
        max-width: 392px
    }
}

@media screen and (max-width:640px) {
    #page-audition .mv-page__str {
        text-align: left;
        margin: 0 0 31px 29px
    }
}

@media screen and (min-width:835px) {
    #page-audition .mv-page__ttl {
        font-size: 4.2rem
    }
}

#page-audition .mv-page__ttl {
    margin-bottom: 0
}

.sec-audition {
    padding: 86px 0 119px
}

@media screen and (max-width:834px) {
    .sec-audition {
        padding: 66px 0 49px
    }
}

.sec-audition .inner {
    max-width: 1554px
}

.audition-ttl {
    font-size: 3.5rem;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 43px;
    text-align: center;
    color: #25af92
}

.audition-desc {
    max-width: 1088px;
    margin: 0 auto 88px
}

@media screen and (max-width:834px) {
    .audition-desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.875;
        letter-spacing: .08em;
        margin-bottom: 27px
    }
}

.audition-list {
    display: grid;
    gap: 50px;
    text-align: center;
    margin-bottom: 100px
}

@media screen and (max-width:834px) {
    .audition-list {
        font-size: 8px;
        font-size: .8rem;
        line-height: 2.875;
        gap: 21px;
        margin-bottom: 35px
    }
}

.audition-list__link {
    display: -ms-flexbox;
    display: flex;
    background: #25af92;
    color: #fff
}

@media screen and (max-width:429px) {
    .audition-list__link {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.audition-list__img {
    width: 323px;
    aspect-ratio: 323/226
}

@media screen and (max-width:1240px) {
    .audition-list__img {
        width: 153px
    }
}

@media screen and (max-width:834px) {
    .audition-list__img {
        width: 90px;
        aspect-ratio: 90/63
    }
}

@media screen and (max-width:429px) {
    .audition-list__img {
        width: 100%
    }
}

.audition-list__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.audition-list__ct {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.audition-list__ct .c-txt__02 {
    margin: 0 0 14px
}

@media screen and (max-width:834px) {
    .audition-list__ct .c-txt__02 {
        font-size: 8px;
        font-size: .8rem;
        line-height: 2.875;
        margin-bottom: -7px
    }
}

.audition-list__ttl {
    font-size: 51px;
    font-size: 5.1rem;
    line-height: 1.5490196078;
    font-weight: 600;
    margin: -20px 0 18px
}

@media screen and (max-width:1500px) {
    .audition-list__ttl {
        font-size: 3.1rem
    }
}

@media screen and (max-width:1240px) {
    .audition-list__ttl {
        font-size: 2.4rem;
        margin: 0 0 6px
    }
}

@media screen and (max-width:834px) {
    .audition-list__ttl {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.5333333333;
        margin: 1px 0 -3px
    }
}

.audition-contact {
    display: block;
    max-width: 1088px;
    margin: 0 auto
}

.audition-bg {
    position: absolute;
    z-index: -1;
    bottom: -11%;
    left: 0;
    right: 0;
    pointer-events: none
}

#page-faq .mv-page {
    padding: 164px 0 0
}

@media screen and (max-width:834px) {
    #page-faq .mv-page {
        padding: 32px 0 0;
        background: #f5f5f5
    }
}

@media screen and (min-width:641px) {
    #page-faq .mv-page__str {
        max-width: 168px
    }
}

@media screen and (max-width:640px) {
    #page-faq .mv-page__str {
        text-align: left;
        margin: 0 0 63px 11px
    }
}

@media screen and (min-width:835px) {
    #page-faq .mv-page__ttl {
        font-size: 4.2rem
    }
}

#page-faq .mv-page__ttl {
    margin-bottom: 0
}

.sec-faq {
    padding: 87px 0 119px
}

@media screen and (max-width:834px) {
    .sec-faq {
        padding: 0
    }
}

.faq-item {
    max-width: 1223px;
    margin: 0 auto;
    padding: 90px 0 84px;
    line-height: 2.35
}

@media screen and (max-width:834px) {
    .faq-item {
        font-size: 16px;
        font-size: 1.3rem;
        line-height: 1.875;
        padding: 17px 0 28px
    }

    .faq-item p {
        padding: 10px;
    }
}

.faq-item:nth-child(odd) {
    position: relative;
    z-index: 1
}

.faq-item:nth-child(odd):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100vw;
    background: #f5f5f5
}

.faq-ttl {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1.6285714286;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 27px;
    text-align: left;
    color: #25af92;
    letter-spacing: .042em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.faq-ttl::before {
    content: "Q";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 15px;

    width: 110px;
    height: 110px;
    background-color: #25af92;
    color: #fff;
    border-radius: 50%;

    font-size: 6rem;
    font-weight: bold;
    line-height: 1;
}

@media screen and (max-width:1240px) {
    .faq-ttl {
        font-size: 2.65rem
    }
}

@media screen and (max-width:834px) {
    .faq-ttl {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.7222222222;
        text-align: left;
        letter-spacing: 0;
        margin-bottom: 10px;
        justify-content: flex-start;
        gap: 10px;
    }

    .faq-ttl::before {
        width: 50px;
        height: 50px;
        font-size: 3rem;
    }
}


#page-course .mv-page {
    padding: 215px 0 0
}

@media screen and (max-width:834px) {
    #page-course .mv-page {
        padding: 29px 0 0
    }
}

@media screen and (min-width:641px) {
    #page-course .mv-page__str {
        max-width: 551px
    }
}

@media screen and (max-width:640px) {
    #page-course .mv-page__str {
        text-align: left;
        margin: 0 0 35px 11px
    }
}

#page-course .mv-page__ttl {
    margin-bottom: 37px
}

@media screen and (max-width:834px) {
    #page-course .mv-page__ttl {
        margin-bottom: 21px
    }
}

#page-course .mv-page__desc {
    font-weight: 600
}

@media screen and (max-width:834px) {
    #page-course .mv-page__desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2
    }
}

.sec-course {
    padding: 135px 0 19px
}

@media screen and (max-width:834px) {
    .sec-course {
        padding: 27px 0 0
    }
}

.sec-course .inner {
    max-width: 1534px
}

.course-item {
    padding-bottom: 100px
}

@media screen and (max-width:834px) {
    .course-item {
        padding-bottom: 58px
    }
}

@media screen and (max-width:640px) {
    .course-item .c-btn__01 {
        margin: 0 auto
    }
}

.course-ttl02 {
    position: relative;
    z-index: 1;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 2;
    font-weight: 600;
    color: #fff;
    display: grid;
    gap: 8px;
    padding: 41px 0 38px;
    margin: 0 -6px 96px
}

@media screen and (max-width:834px) {
    .course-ttl02 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.0555555556;
        margin: 0 -6px 40px
    }
}

@media screen and (max-width:640px) {
    .course-ttl02 {
        margin: 0;
        padding: 31px 11px 22px;
        gap: 14px
    }
}

.course-ttl02:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 100vw;
    transform: translateX(-50%);
    background-size: cover;
    background-position: 50%
}

.course-ttl02 img {
    height: 120px
}

.course-ttl02 span {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 9px
}

@media screen and (max-width:834px) {
    .course-ttl02 span {
        padding-bottom: 4px
    }
}

.course-ttl02 span:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: #fff
}

@media screen and (max-width:834px) {
    .course-ttl02 span:before {
        height: 1px
    }
}

.course-ttl02--blue:before {
    background-image: url(../img/course/bg-item-01.png)
}

@media screen and (max-width:834px) {
    .course-ttl02--blue img {
        height: 84px
    }
}

@media screen and (max-width:834px) {
    .course-ttl02--purple {
        padding: 49px 12px 22px;
        gap: 18px
    }
}

.course-ttl02--purple:before {
    background-image: url(../img/course/bg-item-02.png)
}

@media screen and (max-width:834px) {
    .course-ttl02--purple img {
        height: 85px
    }
}

.course-ttl02--orange:before {
    background-image: url(../img/course/bg-item-03.png)
}

@media screen and (max-width:834px) {
    .course-ttl02--orange img {
        height: 86px
    }
}

.course-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 60px
}

@media screen and (max-width:1240px) {
    .course-flex {
        gap: 30px
    }
}

@media screen and (max-width:834px) {
    .course-flex {
        gap: 35px
    }
}

@media screen and (max-width:640px) {
    .course-flex {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.course-flex__img {
    width: 44.5%;
    aspect-ratio: 597/427;
    margin-top: 3px
}

@media screen and (max-width:640px) {
    .course-flex__img {
        width: 100vw;
        aspect-ratio: 430/275;
        margin: 0 calc((100% - 100vw) / 2)
    }
}

.course-flex__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 20px
}

@media screen and (max-width:640px) {
    .course-flex__img img {
        border-radius: 0
    }
}

.course-flex__ct {
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width:640px) {
    .course-flex__ct {
        width: 100%
    }
}

.course-flex__ttl {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3333333333;
    font-weight: 600;
    margin-bottom: 41px
}

@media screen and (max-width:1240px) {
    .course-flex__ttl {
        font-size: 2.2rem
    }
}

@media screen and (max-width:834px) {
    .course-flex__ttl {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.3571428571;
        margin-bottom: 13px
    }
}

@media screen and (max-width:640px) {
    .course-flex__ttl {
        text-align: center
    }
}

@media screen and (min-width:641px) {
    .course-flex__ttl--blue {
        color: #4f85c5
    }
}

@media screen and (min-width:641px) {
    .course-flex__ttl--purple {
        color: #6356a3
    }
}

@media screen and (min-width:641px) {
    .course-flex__ttl--orange {
        color: #f08337
    }
}

.course-flex__desc {
    margin-bottom: 45px
}

.course-flex__box {
    display: grid;
    gap: 15px;
    margin-bottom: 15px
}

.course-bg {
    position: absolute;
    z-index: -1;
    top: 39.65%;
    left: 0;
    right: 0;
    pointer-events: none
}

@media screen and (max-width:834px) {
    .course-bg {
        top: 13.65%
    }
}

.course-bg--second {
    bottom: -6.8%;
    top: auto
}

@media screen and (max-width:834px) {
    .course-bg--second {
        bottom: 46.68%
    }
}

.course-bg--three {
    bottom: 14.37%;
    top: auto
}

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

/* 目次 */

/* 目次エリア全体の囲み */
.toc-wrapper {
    max-width: 1000px;
    margin: 0 auto 160px;
    padding: 30px 20px;
    /* background-color: #fcfcfc; */
    border-radius: 12px;
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); */
    position: relative;
    z-index: 5;
}

.toc-heading {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #000000;
    margin-top: 0;
    margin-bottom: 50px;
    letter-spacing: 0.05em;
}

.toc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    transition: all 0.2s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    height: 100%;
}


.toc-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    opacity: 0.9;
}

.toc-blue {
    background-color: #80ADDC;
}

.toc-yellow {
    background-color: #DCCB2B;
}

/* スマホ用の微調整 */
@media screen and (max-width: 834px) {
    .toc-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 10px;
    }

    .toc-wrapper {
        margin-bottom: 250px;
    }

    .toc-heading {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .toc-btn {
        font-size: 14px;
        padding: 12px 10px;
    }
}