@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@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
    }
}

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

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%;
    height: auto
}

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;
    -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 {
    scroll-behavior: smooth;
    scroll-padding: 100px;
    scroll-padding-top: 50px
}

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

a {
    color: inherit;
    text-decoration: none;
    transition: all .3s ease
}

@media (any-hover:hover) {
    a:hover {
        opacity: .7
    }
}

@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: 100px
}

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

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

.inner--1160 {
    max-width: 1160px
}

.inner--1158 {
    max-width: 1178px
}

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

.mv-page {
    position: relative
}

.mv-page:before {
    content: "";
    display: inline-block;
    height: 100%;
    background: hsla(9, 71%, 77%, .8);
    top: 0
}

.mv-page:before,
.mv-page__ttl {
    position: absolute;
    width: 100%;
    left: 0
}

.mv-page__ttl {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

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

.mv-page__img img {
    width: 100%
}

.mv-page--welfare-day:before {
    background: #f3e5de;
    background: linear-gradient(135deg, #f3e5de, #f3e5de);
    opacity: .8
}

.mv-page--welfare-night:before {
    background: #b7d1c8;
    background: linear-gradient(135deg, #b7d1c8, #8ea8b3);
    opacity: .8
}

.breadcrumb {
    font-size: 1.3rem;
    font-weight: 500;
    padding: 18px 40px;
    background: #f6f8fb
}

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

.breadcrumb a {
    margin-right: 15px;
    position: relative
}

.breadcrumb a:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 7px;
    height: 11px;
    background: url(../img/common/ico-right.png) no-repeat 50%/100%;
    top: calc(50% - 5.5px);
    right: -12px
}

@media screen and (max-width:834px) {
    .breadcrumb a:after {
        width: 5px;
        height: 9px;
        top: calc(50% - 4.5px)
    }
}

.c-intro {
    text-align: center;
    margin-bottom: clamp(1.8em, 5vw, 6em);
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:640px) {
    .c-intro {
        text-align: left
    }
}

.c-movie__ttl {
    margin-bottom: 30px
}

.c-movie__iframe {
    max-width: 663px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.c-movie__iframe:before {
    display: block;
    content: "";
    padding-top: 56.25%
}

.c-movie__iframe>:first-child,
.c-movie__iframe img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.dual-block {
    background: #fff;
    border-radius: 16px;
    padding: 40px 20px;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .dual-block {
        padding: 20px 10px;
        margin-bottom: 20px
    }
}

.dual-block__ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 700;
    color: #dc8670;
    margin-bottom: 20px;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .dual-block__ttl {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.dual-block__ttl .txt-number {
    width: 76px
}

@media screen and (max-width:834px) {
    .dual-block__ttl .txt-number {
        width: 39px
    }
}

.dual-block__ttl .txt-lead {
    width: calc(100% - 76px);
    padding-left: 20px
}

@media screen and (max-width:834px) {
    .dual-block__ttl .txt-lead {
        width: calc(100% - 39px);
        padding-left: 8px
    }
}

.dual-block__ttl--02 .txt-number {
    width: 89px
}

@media screen and (max-width:834px) {
    .dual-block__ttl--02 .txt-number {
        width: 45px
    }
}

.dual-block__ttl--02 .txt-lead {
    width: calc(100% - 89px)
}

@media screen and (max-width:834px) {
    .dual-block__ttl--02 .txt-lead {
        width: calc(100% - 45px)
    }
}

.dual-block__ttl--03 .txt-number {
    width: 89px
}

@media screen and (max-width:834px) {
    .dual-block__ttl--03 .txt-number {
        width: 40px
    }
}

.dual-block__ttl--03 .txt-lead {
    width: calc(100% - 89px)
}

@media screen and (max-width:834px) {
    .dual-block__ttl--03 .txt-lead {
        width: calc(100% - 40px);
        padding-left: 13px
    }
}

.dual-block__ttlsub {
    margin-bottom: 20px;
    position: relative
}

.dual-block__ttlsub .txt-note {
    font-size: 1.6rem;
    position: absolute;
    bottom: -5px;
    right: calc((100% - 524px) / 2);
    transform: translateX(123%)
}

@media screen and (max-width:834px) {
    .dual-block__ttlsub .txt-note {
        right: calc((100% - 270px) / 2)
    }
}

@media screen and (max-width:640px) {
    .dual-block__ttlsub .txt-note {
        right: 100px;
        bottom: -20px
    }
}

.dual-block__option {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 8px;
    text-align: center
}

@media screen and (max-width:834px) {
    .dual-block__option {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 9px;
        gap: 21px 0
    }
}

.dual-block__option-item {
    padding: 0 10px;
    width: 33.33%
}

@media screen and (max-width:834px) {
    .dual-block__option-item {
        padding: 0;
        width: 100%
    }
}

.dual-block__option-img {
    border-radius: 16px;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden
}

.dual-block__option-img:before {
    display: block;
    content: "";
    padding-top: 66.5594855305%
}

.dual-block__option-img>:first-child,
.dual-block__option-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width:834px) {
    .dual-block__option-img {
        margin-bottom: 10px
    }
}

.dual-block__option-ttl {
    text-align: center;
    color: #dc8670;
    font-weight: 700;
    line-height: 1;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 4rem
}

@media screen and (max-width:1300px) {
    .dual-block__option-ttl {
        font-size: 3rem
    }
}

.dual-block__option-ttl span {
    font-size: 7.5rem
}

@media screen and (max-width:1300px) {
    .dual-block__option-ttl span {
        font-size: 5rem
    }
}

.dual-block__step {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 21px;
    counter-reset: a
}

@media screen and (max-width:834px) {
    .dual-block__step {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 20px;
        gap: 46px 0
    }
}

.dual-block__step-item {
    padding: 0 10px;
    width: 33.33%;
    position: relative;
    counter-increment: a
}

@media screen and (max-width:834px) {
    .dual-block__step-item {
        padding: 0;
        width: 100%
    }
}

.dual-block__step-item:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    content: counter(a);
    border-radius: 50%;
    top: -25px;
    background: #f5bcc4;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-family: Zen Maru Gothic, sans-serif;
    display: -ms-flexbox;
    display: flex;
    font-size: 3rem
}

.dual-block__step-box,
.dual-block__step-item:before {
    font-weight: 700;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.dual-block__step-box {
    border-radius: 16px;
    background: rgba(245, 188, 196, .2);
    display: -ms-flexbox;
    display: flex;
    padding: 43px 10px 23px;
    line-height: 1.2;
    text-align: center;
    font-size: 2rem
}

@media screen and (max-width:1300px) {
    .dual-block__step-box {
        font-size: 1.6rem
    }
}

@media screen and (max-width:834px) {
    .dual-block__step-box {
        font-size: 1.3rem
    }
}

.dual-block__label {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    background: #f8c995;
    padding: 8px 30px;
    border-radius: 30px;
    margin-bottom: 20px
}

@media screen and (max-width:1300px) {
    .dual-block__label {
        padding: 8px 10px;
        font-size: 1.8rem
    }
}

@media screen and (max-width:834px) {
    .dual-block__label {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.125;
        padding: 13px 20px 9px
    }
}

.dual-block__label--pink {
    background: #eea69a
}

.dual-block__label span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125
}

@media screen and (max-width:1300px) {
    .dual-block__label span {
        font-size: 1.3rem
    }
}

.dual-block__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 21px;
    margin-bottom: 62px;
    position: relative
}

@media screen and (max-width:834px) {
    .dual-block__list {
        margin-bottom: 38px;
        gap: 10px 8px
    }
}

@media screen and (max-width:640px) {
    .dual-block__list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.dual-block__list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 30px 18px 0;
    border-color: #f8c995 transparent transparent;
    border-style: solid;
    display: inline-block;
    bottom: -14px;
    left: 50%;
    transform: translate(-50%, 100%)
}

@media screen and (max-width:834px) {
    .dual-block__list:after {
        border-width: 20px 15px 0;
        bottom: -8px
    }
}

.dual-block__list li img {
    border-radius: 16px;
    overflow: hidden
}

.dual-block__caption {
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    margin-top: 20px;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .dual-block__caption {
        margin-top: 10px;
        line-height: 1.5
    }
}

.dual-block__note {
    border: 3px solid #f8c995;
    border-radius: 16px;
    background: #fef4ea;
    padding: 20px
}

@media screen and (max-width:834px) {
    .dual-block__note {
        padding: 7px 7px 3px
    }
}

@media screen and (max-width:834px) {
    .dual-block__note .dual-block__label {
        padding: 6px 20px 3px
    }
}

.dual-block__img {
    width: 311px;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .dual-block__img {
        width: 100%
    }
}

.dual-block__ct {
    width: calc(100% - 311px);
    padding-left: 20px
}

@media screen and (max-width:640px) {
    .dual-block__ct {
        width: 100%;
        padding-left: 0;
        padding-top: 5px
    }
}

.dual-block__ct p {
    margin-bottom: 20px
}

.dual-block__ct p:last-of-type {
    margin-bottom: 0
}

.dual-block__wp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dual-block__wp--lg .dual-block__img {
    width: 380px
}

@media screen and (max-width:834px) {
    .dual-block__wp--lg .dual-block__img {
        width: 300px
    }
}

@media screen and (max-width:640px) {
    .dual-block__wp--lg .dual-block__img {
        width: 100%;
        margin-bottom: 15px
    }
}

.dual-block__wp--lg .dual-block__ct {
    width: calc(100% - 380px);
    padding-left: 40px
}

@media screen and (max-width:834px) {
    .dual-block__wp--lg .dual-block__ct {
        width: calc(100% - 300px);
        padding-left: 20px
    }
}

@media screen and (max-width:640px) {
    .dual-block__wp--lg .dual-block__ct {
        width: 100%;
        padding-left: 0
    }
}

.dual-block__item {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .dual-block__item {
        padding: 10px 10px 6px;
        margin-bottom: 10px
    }

    .dual-block__item p {
        margin-bottom: 5px
    }
}

.dual-block__item:last-of-type {
    margin-bottom: 0
}

.dual-block__intro {
    margin-bottom: 20px
}

.dual-block--pink .dual-block__ttl {
    color: #dc8670
}

.dual-block--pink .dual-block__label {
    background: #f5bcc4
}

@media screen and (max-width:834px) {
    .dual-block--pink .dual-block__label {
        margin-bottom: 10px
    }
}

.dual-block--pink .dual-block__list {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media screen and (max-width:640px) {
    .dual-block--pink .dual-block__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 54px
    }

    .dual-block--pink .dual-block__list li:last-of-type {
        position: relative;
        left: 54%
    }
}

.dual-block--pink .dual-block__list:after {
    border-color: #f5bcc4 transparent transparent
}

@media screen and (max-width:834px) {
    .dual-block--pink .dual-block__list:after {
        bottom: -14px;
        left: 51%
    }
}

.dual-block--pink .dual-block__note {
    border-color: #f5bcc4;
    background: #fdf2f3
}

.point-list--has-number .point-list {
    margin-bottom: -17px
}

.point-list--has-number .point-list__number {
    position: absolute;
    top: 0;
    left: 20px;
    transform: translateY(-50%);
    z-index: 3
}

@media screen and (max-width:834px) {
    .point-list--has-number .point-list__number {
        left: 0
    }
}

.point-list--has-number .point-list__number img {
    height: 72px
}

.point-list--has-number .point-list__item {
    position: relative;
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    .point-list--has-number .point-list__item {
        margin-bottom: 60px
    }

    .point-list--has-number .point-list__item:last-of-type {
        margin-bottom: 0
    }
}

.point-list--has-number .point-list__ct {
    background: #f2eeea;
    padding-bottom: 20px
}

@media screen and (max-width:834px) {
    .point-list--has-number .point-list__ct {
        padding: 24px 10px 18px
    }
}

.point-list--has-number .point-list__ttl {
    color: #4e4449;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2
}

.point-list--has-number .point-list__ttl span {
    color: #dc8670
}

.point-list--has-number .point-list__ttl small {
    font-size: 1.6rem
}

.c-tabs,
.c-tabs02 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 0 8px;
    margin-bottom: 80px;
    position: relative
}

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

    .c-tabs,
    .c-tabs02 {
        gap: 0;
        margin-bottom: 46px
    }
}

.c-tabs02 li,
.c-tabs li {
    width: 228px;
    height: 84px;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    background: #fff;
    border-radius: 40px 40px 0 0;
    border: 3px solid;
    border-bottom: none;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all .3s ease
}

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

    .c-tabs02 li,
    .c-tabs li {
        width: 33.33%;
        height: 52px;
        font-size: 1.2rem;
        line-height: 1.2;
        border-radius: 16px 16px 0 0;
        border-width: 2px
    }
}

.c-tabs02 li:after,
.c-tabs li:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10000px;
    height: 10px;
    background: #f3c6cd;
    bottom: -10px;
    left: -5000px;
    opacity: 0;
    transition: all .3s ease
}

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

    .c-tabs02 li:after,
    .c-tabs li:after {
        height: 5px;
        bottom: -5px
    }
}

.c-tabs02 li span.txt-note,
.c-tabs li span.txt-note {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, -100%);
    text-align: center;
    width: -moz-max-content;
    width: max-content
}

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

    .c-tabs02 li span.txt-note,
    .c-tabs li span.txt-note {
        font-size: 1.1rem;
        border-radius: 4px;
        line-height: 1.36;
        left: auto;
        right: 2px;
        top: -14px;
        transform: translateY(-100%)
    }
}

.c-tabs02 li span.txt-note:before,
.c-tabs li span.txt-note:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 70px
}

@media screen and (min-width:835px) {

    .c-tabs02 li span.txt-note:before,
    .c-tabs li span.txt-note:before {
        border-radius: 3px;
        top: 0;
        left: -20px;
        transform: rotate(-25deg)
    }
}

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

    .c-tabs02 li span.txt-note:before,
    .c-tabs li span.txt-note:before {
        width: 0;
        height: 0;
        border-width: 6px 6px 0;
        border-color: #f5bcc4 transparent transparent;
        border-style: solid;
        display: inline-block;
        bottom: 0;
        transform: translateY(100%);
        right: 15px
    }
}

.c-tabs02 li span.txt-note:after,
.c-tabs li span.txt-note:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 70px;
    border-radius: 3px;
    top: 0;
    right: -20px;
    transform: rotate(25deg)
}

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

    .c-tabs02 li span.txt-note:after,
    .c-tabs li span.txt-note:after {
        display: none
    }
}

.c-tabs02 li span:not(.txt-note),
.c-tabs li span:not(.txt-note) {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    color: #4e4449
}

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

    .c-tabs02 li span:not(.txt-note),
    .c-tabs li span:not(.txt-note) {
        font-size: 1.2rem
    }
}

.c-tabs02 li.is-active,
.c-tabs li.is-active {
    font-size: 1.9rem
}

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

    .c-tabs02 li.is-active,
    .c-tabs li.is-active {
        font-size: 1.2rem
    }
}

.c-tabs02 li.tabs-pink,
.c-tabs li.tabs-pink {
    border-color: #f3c6cd
}

.c-tabs02 li.tabs-pink span.txt-note,
.c-tabs li.tabs-pink span.txt-note {
    color: #f8657c
}

@media screen and (min-width:835px) {

    .c-tabs02 li.tabs-pink span.txt-note:after,
    .c-tabs02 li.tabs-pink span.txt-note:before,
    .c-tabs li.tabs-pink span.txt-note:after,
    .c-tabs li.tabs-pink span.txt-note:before {
        background: #f5bcc4
    }
}

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

    .c-tabs02 li.tabs-pink span.txt-note,
    .c-tabs li.tabs-pink span.txt-note {
        color: #fff;
        background: #f5bcc4;
        padding: 4px
    }
}

.c-tabs02 li.tabs-pink.is-active,
.c-tabs li.tabs-pink.is-active {
    background: #f3c6cd;
    color: #fff
}

.c-tabs02 li.tabs-pink.is-active:after,
.c-tabs li.tabs-pink.is-active:after {
    background: #f3c6cd;
    opacity: 1
}

.c-tabs02 li.tabs-pink.tabs-pink--pastel,
.c-tabs li.tabs-pink.tabs-pink--pastel {
    border-color: #f3e5de
}

.c-tabs02 li.tabs-pink.tabs-pink--pastel.is-active,
.c-tabs li.tabs-pink.tabs-pink--pastel.is-active {
    background: #f3e5de;
    color: #c58667
}

.c-tabs02 li.tabs-pink.tabs-pink--pastel.is-active:after,
.c-tabs li.tabs-pink.tabs-pink--pastel.is-active:after {
    background: #f3e5de;
    opacity: 1
}

.c-tabs02 li.tabs-yellow,
.c-tabs li.tabs-yellow {
    border-color: #f6ebbd
}

.c-tabs02 li.tabs-yellow.is-active,
.c-tabs li.tabs-yellow.is-active {
    background: #f6ebbd
}

.c-tabs02 li.tabs-yellow.is-active:after,
.c-tabs li.tabs-yellow.is-active:after {
    background: #f6ebbd;
    opacity: 1
}

.c-tabs02 li.tabs-blue-dark,
.c-tabs li.tabs-blue-dark {
    border-color: #95c2de
}

.c-tabs02 li.tabs-blue-dark.is-active,
.c-tabs li.tabs-blue-dark.is-active {
    background: #95c2de;
    color: #fff
}

.c-tabs02 li.tabs-blue-dark.is-active:after,
.c-tabs li.tabs-blue-dark.is-active:after {
    background: #95c2de;
    opacity: 1
}

.c-tabs02 li.tabs-blue-dark.is-active span,
.c-tabs li.tabs-blue-dark.is-active span {
    color: #fff
}

.c-tabs02 li.tabs-blue-dark--modify,
.c-tabs li.tabs-blue-dark--modify {
    border-color: #b7d1c8
}

.c-tabs02 li.tabs-blue-dark--modify.is-active,
.c-tabs li.tabs-blue-dark--modify.is-active {
    background: #b7d1c8;
    color: #fff
}

.c-tabs02 li.tabs-blue-dark--modify.is-active:after,
.c-tabs li.tabs-blue-dark--modify.is-active:after {
    background: #b7d1c8;
    opacity: 1
}

.c-tabs02 li.tabs-blue-dark--modify.is-active span,
.c-tabs li.tabs-blue-dark--modify.is-active span {
    color: #fff
}

.c-tabs02 li.tabs-orange,
.c-tabs li.tabs-orange {
    border-color: #f8c995
}

.c-tabs02 li.tabs-orange.is-active,
.c-tabs li.tabs-orange.is-active {
    background: #f8c995;
    color: #fff
}

.c-tabs02 li.tabs-orange.is-active:after,
.c-tabs li.tabs-orange.is-active:after {
    background: #f8c995;
    opacity: 1
}

.c-tabs02 li.tabs-orange.is-active span,
.c-tabs li.tabs-orange.is-active span {
    color: #fff
}

.c-tabs02 li.tabs-green,
.c-tabs li.tabs-green {
    border-color: #a5d6c9
}

.c-tabs02 li.tabs-green span.txt-note,
.c-tabs li.tabs-green span.txt-note {
    color: #76c7b1
}

@media screen and (min-width:835px) {

    .c-tabs02 li.tabs-green span.txt-note:after,
    .c-tabs02 li.tabs-green span.txt-note:before,
    .c-tabs li.tabs-green span.txt-note:after,
    .c-tabs li.tabs-green span.txt-note:before {
        background: #a5d6c9
    }
}

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

    .c-tabs02 li.tabs-green span.txt-note:before,
    .c-tabs li.tabs-green span.txt-note:before {
        border-color: #a5d6c9 transparent transparent;
        left: 12px;
        right: auto
    }
}

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

    .c-tabs02 li.tabs-green span.txt-note,
    .c-tabs li.tabs-green span.txt-note {
        color: #fff;
        background: #a5d6c9;
        padding: 4px;
        left: 0
    }
}

.c-tabs02 li.tabs-green.is-active,
.c-tabs li.tabs-green.is-active {
    background: #a5d6c9;
    color: #fff
}

.c-tabs02 li.tabs-green.is-active:after,
.c-tabs li.tabs-green.is-active:after {
    background: #a5d6c9;
    opacity: 1
}

.c-tabs02 li.tabs-green.is-active span,
.c-tabs li.tabs-green.is-active span {
    color: #fff
}

@media screen and (min-width:835px) {

    .c-tabs02 li.tabs-green.is-active span.txt-note,
    .c-tabs li.tabs-green.is-active span.txt-note {
        color: #a5d6c9
    }
}

.c-tabs02 li.tabs-violet,
.c-tabs li.tabs-violet {
    border-color: #a3b3df
}

.c-tabs02 li.tabs-violet.is-active,
.c-tabs li.tabs-violet.is-active {
    background: #a3b3df;
    color: #fff
}

.c-tabs02 li.tabs-violet.is-active:after,
.c-tabs li.tabs-violet.is-active:after {
    background: #a3b3df;
    opacity: 1
}

.c-tabs02 li.tabs-violet.is-active span,
.c-tabs li.tabs-violet.is-active span {
    color: #fff
}

.c-tabs02 li.tabs-blue-dark02,
.c-tabs li.tabs-blue-dark02 {
    border-color: #8ea8b3
}

.c-tabs02 li.tabs-blue-dark02.is-active,
.c-tabs li.tabs-blue-dark02.is-active {
    background: #8ea8b3;
    color: #fff
}

.c-tabs02 li.tabs-blue-dark02.is-active:after,
.c-tabs li.tabs-blue-dark02.is-active:after {
    background: #8ea8b3;
    opacity: 1
}

.c-tabs02 li.tabs-blue-dark02.is-active span,
.c-tabs li.tabs-blue-dark02.is-active span {
    color: #fff
}

.tabs-content,
.tabs-content02 {
    display: none
}

.tabs-content02.is-active,
.tabs-content.is-active {
    display: initial
}

.bg-block-first {
    background: url(../img/common/bg-block-first.png) no-repeat top/1400px
}

.c-block {
    padding-right: calc((100% - 1015px) / 2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:1300px) {
    .c-block {
        padding-right: 85px
    }
}

@media screen and (max-width:1024px) {
    .c-block {
        padding-right: 10px
    }
}

@media screen and (max-width:640px) {
    .c-block {
        padding-left: 0;
        padding-right: 0
    }
}

.c-block__img {
    width: 52.36%;
    border-radius: 0 80px 80px 0;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .c-block__img img {
        height: 373px;
        width: 100%;
        object-fit: cover
    }
}

@media screen and (max-width:834px) {
    .c-block__img {
        width: 57.36%;
        border-radius: 0 40px 40px 0
    }

    .c-block__img img {
        height: auto
    }
}

@media screen and (max-width:640px) {
    .c-block__img {
        width: calc(100% - 20px);
        margin-bottom: 20px
    }
}

.c-block__ct {
    width: 39.44%
}

@media screen and (max-width:640px) {
    .c-block__ct {
        width: 100%;
        padding: 0 10px
    }
}

.c-block__ct-ttl {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.46875;
    font-weight: 700;
    margin-bottom: 10px
}

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

.c-block__ct-ttl span {
    font-size: 62.5%;
    font-weight: 500;
    display: block;
    font-family: Noto Sans JP, sans-serif;
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .c-block__ct-ttl span {
        font-size: 1.6rem;
        margin-bottom: 18px
    }
}

.c-block__ct .c-txt__basic {
    line-height: 2
}

@media screen and (max-width:834px) {
    .c-block__ct .c-txt__basic {
        line-height: 1.75
    }
}

.c-block--styles02 .c-block__img {
    width: 57.36%
}

@media screen and (max-width:640px) {
    .c-block--styles02 .c-block__img {
        width: calc(100% - 20px)
    }
}

.c-block--styles02 .c-block__ct {
    width: 39.44%
}

@media screen and (max-width:640px) {
    .c-block--styles02 .c-block__ct {
        width: 100%
    }
}

@media screen and (min-width:835px) {
    .c-block--styles02 .c-block__ct-ttl--nowrap {
        white-space: nowrap
    }
}

.c-block--styles03 {
    padding-right: 0;
    padding-left: calc((100% - 1015px) / 2)
}

@media screen and (max-width:1300px) {
    .c-block--styles03 {
        padding-left: 85px
    }
}

@media screen and (max-width:1024px) {
    .c-block--styles03 {
        padding-left: 10px
    }
}

@media screen and (max-width:640px) {
    .c-block--styles03 {
        padding-left: 0;
        padding-right: 0
    }
}

.c-block--styles03 .c-block__img {
    width: 57.36%;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (max-width:640px) {
    .c-block--styles03 .c-block__img {
        width: 100%;
        -ms-flex-order: 1;
        order: 1
    }
}

.c-block--styles03 .c-block__ct {
    width: 39.44%;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (max-width:640px) {
    .c-block--styles03 .c-block__ct {
        width: 100%;
        -ms-flex-order: 2;
        order: 2
    }
}

.c-block--styles04 {
    padding-right: 0;
    padding-left: calc((100% - 1015px) / 2)
}

@media screen and (max-width:1300px) {
    .c-block--styles04 {
        padding-left: 85px
    }
}

@media screen and (max-width:1024px) {
    .c-block--styles04 {
        padding-left: 10px
    }
}

@media screen and (max-width:640px) {
    .c-block--styles04 {
        padding-left: 0;
        padding-right: 0
    }
}

.c-block--styles04 .c-block__img {
    width: 52.36%;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (max-width:640px) {
    .c-block--styles04 .c-block__img {
        width: calc(100% - 20px);
        -ms-flex-order: 1;
        order: 1
    }
}

.c-block--styles04 .c-block__ct {
    width: 39.44%;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (max-width:640px) {
    .c-block--styles04 .c-block__ct {
        width: 100%;
        -ms-flex-order: 2;
        order: 2
    }
}

.dual-voice {
    padding: 60px 0 70px;
    position: relative;
    background: url(../img/features/dual/bg-voice.png) no-repeat 0 0/1126px
}

@media screen and (min-width:1500px) {
    .dual-voice {
        background: url(../img/features/dual/bg-voice.png) no-repeat top/1126px
    }
}

@media screen and (max-width:834px) {
    .dual-voice {
        padding: 28px 0 40px
    }
}

.dual-voice:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 80.42%;
    height: 100%;
    background: #f2eeea;
    border-radius: 0 80px 80px 0;
    top: 0;
    left: 0;
    z-index: -1
}

@media screen and (max-width:834px) {
    .dual-voice:before {
        width: 94.42%;
        border-radius: 0 40px 40px 0
    }
}

.dual-voice__ttl {
    margin-bottom: 60px;
    position: relative
}

@media screen and (max-width:834px) {
    .dual-voice__ttl {
        margin-bottom: 20px
    }
}

.dual-voice__list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 2
}

.dual-voice__list-item {
    width: calc((100% - 40px) / 2)
}

@media screen and (max-width:834px) {
    .dual-voice__list-item {
        width: calc((100% - 20px) / 2)
    }
}

@media screen and (max-width:640px) {
    .dual-voice__list-item {
        width: 100%;
        margin-bottom: 20px
    }
}

.dual-voice__list-item:nth-child(2) {
    margin-top: 100px
}

@media screen and (max-width:834px) {
    .dual-voice__list-item:nth-child(2) {
        margin-top: 50px
    }
}

@media screen and (max-width:640px) {
    .dual-voice__list-item:nth-child(2) {
        margin-top: 0;
        margin-bottom: 0
    }
}

.dual-voice__list-item:nth-child(2) .dual-voice__list-ct {
    padding-bottom: 136px
}

@media screen and (max-width:834px) {
    .dual-voice__list-item:nth-child(2) .dual-voice__list-ct {
        padding-bottom: 80px
    }
}

@media screen and (max-width:640px) {
    .dual-voice__list-item:nth-child(2) .dual-voice__list-ct {
        padding-bottom: 18px
    }
}

.dual-voice__list-ttl {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .dual-voice__list-ttl {
        margin-bottom: 20px
    }
}

.dual-voice__list-ttl span {
    min-width: 0;
    width: 100%
}

@media screen and (max-width:834px) {
    .dual-voice__list-ttl span {
        max-width: 270px;
        margin: 0 auto
    }
}

.dual-voice__list-wp {
    border-radius: 13px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .8)
}

.dual-voice__list-ct {
    padding: 35px 40px 40px
}

@media screen and (max-width:834px) {
    .dual-voice__list-ct {
        padding: 15px 10px
    }
}

.dual-voice__list-ct p {
    margin-bottom: 25px
}

.dual-voice__list-ct p:last-of-type {
    margin-bottom: 0
}

.dual-voice__list--day .dual-voice__list-ttl {
    text-align: center;
    font-size: 25.89px;
    font-size: 2.589rem;
    line-height: 1.506373117;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    color: #d49416
}

@media screen and (max-width:834px) {
    .dual-voice__list--day .dual-voice__list-ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 6px
    }
}

@media screen and (max-width:834px) {
    .dual-voice__list--day .dual-voice__list-ct {
        padding: 23px 10px 18px
    }
}

.dual-voice__list--day .dual-voice__list-ct p {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .dual-voice__list--day .dual-voice__list-ct p {
        margin-bottom: 4px
    }
}

.dual-voice__list--day .dual-voice__list-ct .txt-right {
    display: block;
    text-align: right
}

.dual-voice__list--night .dual-voice__list-ttl {
    text-align: center;
    font-size: 25.89px;
    font-size: 2.589rem;
    line-height: 1.506373117;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    color: #5a6d8a
}

@media screen and (max-width:834px) {
    .dual-voice__list--night .dual-voice__list-ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 6px
    }
}

@media screen and (max-width:834px) {
    .dual-voice__list--night .dual-voice__list-ct {
        padding: 23px 10px 18px
    }
}

.dual-voice__list--night .dual-voice__list-ct p {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .dual-voice__list--night .dual-voice__list-ct p {
        margin-bottom: 4px
    }
}

.dual-voice__list--night .dual-voice__list-ct .txt-right {
    display: block;
    text-align: right
}

.life-box {
    background: #fff;
    border-radius: 16px;
    padding: 40px 21px 39px 19px
}

.life-box--modify {
    background: hsla(0, 0%, 100%, .8)
}

@media screen and (max-width:834px) {
    .life-box {
        padding: 20px 10px
    }
}

.life-box__heading {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .life-box__heading {
        margin-bottom: 21px
    }
}

.life-box__heading span {
    min-width: 524px;
    border-radius: 30px;
    padding: 1px 10px;
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .life-box__heading span {
        min-width: 270px;
        padding: 3px 10px;
        font-size: 1.6rem
    }
}

@media screen and (max-width:834px) {
    .life-box .c-label__01 {
        max-width: 500px;
        margin: 0 auto 10px
    }
}

.life-box__table {
    margin-bottom: 40px
}

.life-box__table:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .life-box__table {
        margin: 0 auto 18px;
        width: 100%;
        max-width: 700px
    }
}

.life-box__table img {
    width: 100%;
    background-color: #fff;
    border-radius: 10px
}

.life-box__table--scroll {
    overflow-x: auto
}

.life-box__table--scroll picture {
    display: block
}

@media screen and (max-width:488px) {
    .life-box__table--scroll picture {
        width: 488px
    }
}

.life-box__table:not(.js-scrollhint)>picture {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.life-box__table:not(.js-scrollhint)>picture:last-child {
    margin-bottom: 0
}

.scroll-hint-shadow-wrap {
    margin-bottom: 40px
}

.scroll-hint-shadow-wrap:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:488px) {
    .scroll-hint-shadow-wrap {
        margin-bottom: 20px
    }
}

.choose-list {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px
}

@media screen and (max-width:834px) {
    .choose-list {
        margin: 0 -10px
    }
}

@media screen and (max-width:640px) {
    .choose-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0
    }
}

.choose-list__item {
    width: 50%;
    padding: 0 20px
}

@media screen and (max-width:834px) {
    .choose-list__item {
        padding: 0 10px
    }
}

@media screen and (max-width:640px) {
    .choose-list__item {
        width: 100%;
        padding: 0
    }

    .choose-list__item:not(:last-child) {
        margin-bottom: 60px
    }
}

.choose-list__item--02 .choose-list__box {
    background: rgba(183, 209, 200, .5)
}

.choose-list__item--02 .c-ttl__04 span {
    color: #6a9788;
    border-color: #b7d1c8
}

.choose-list__item--02 .c-ttl__04 span:before {
    border-color: #b7d1c8
}

.choose-list__item--03 .choose-list__box {
    background: rgba(142, 168, 179, .5)
}

.choose-list__item--03 .c-ttl__04 span {
    color: #5a6d8a;
    border-color: #8ea8b3
}

.choose-list__item--03 .c-ttl__04 span:before {
    border-color: #8ea8b3
}

.choose-list__item--04 .choose-list__box {
    background: rgba(243, 198, 205, .5)
}

.choose-list__item--04 .c-ttl__04 span {
    color: #f8657c;
    border-color: #f3c6cd
}

.choose-list__item--04 .c-ttl__04 span:before {
    border-color: #f3c6cd
}

.choose-list__item--05 .choose-list__box {
    background: hsla(20, 47%, 91%, .7)
}

.choose-list__item--05 .c-ttl__04 span {
    color: #c58667;
    border-color: #f3e5de
}

.choose-list__item--05 .c-ttl__04 span:before {
    border-color: #f3e5de
}

.choose-list__item--06 .choose-list__box {
    background: hsla(48, 76%, 85%, .5)
}

.choose-list__item--06 .c-ttl__04 span {
    color: #d49416;
    border-color: #f6ebbd
}

.choose-list__item--06 .c-ttl__04 span:before {
    border-color: #f6ebbd
}

.choose-list__item--yellow .choose-list__box {
    background: hsla(48, 76%, 85%, .5)
}

.choose-list__item--yellow .c-ttl__04 span {
    color: #d49416;
    border-color: #f6ebbd
}

.choose-list__item--yellow .c-ttl__04 span:before {
    border-bottom: 2px solid #f6ebbd;
    border-left: 2px solid #f6ebbd
}

.choose-list__item--orange .choose-list__box {
    background: hsla(20, 47%, 91%, .5)
}

.choose-list__item--orange .c-ttl__04 span {
    border-color: #dc8670;
    color: #dc8670
}

.choose-list__item--orange .c-ttl__04 span:before {
    border-bottom: 2px solid #dc8670;
    border-left: 2px solid #dc8670
}

.choose-list__item--green .choose-list__box {
    background: rgba(183, 209, 200, .3)
}

.choose-list__item--green .c-ttl__04 span {
    border-color: #6a9788;
    color: #6a9788
}

.choose-list__item--green .c-ttl__04 span:before {
    border-bottom: 2px solid #6a9788;
    border-left: 2px solid #6a9788
}

.choose-list__item--blue .choose-list__box {
    background: rgba(142, 168, 179, .3)
}

.choose-list__item--blue .c-ttl__04 span {
    border-color: #8ea8b3;
    color: #8ea8b3
}

.choose-list__item--blue .c-ttl__04 span:before {
    border-bottom: 2px solid #8ea8b3;
    border-left: 2px solid #8ea8b3
}

.choose-list__box {
    position: relative;
    border-radius: 16px;
    background: hsla(9, 71%, 77%, .5);
    padding: 21px 32px 18px 40px
}

@media screen and (max-width:1300px) {
    .choose-list__box {
        padding: 20px 15px
    }
}

@media screen and (max-width:834px) {
    .choose-list__box {
        padding: 21px 10px
    }
}

.choose-list__box-ttl {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:834px) {
    .choose-list__box-ttl {
        top: -22px
    }
}

.choose-list__box-ct {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px 0
}

@media screen and (max-width:834px) {
    .choose-list__box-ct {
        gap: 5px 0
    }
}

.choose-list__box-ct-item {
    width: 50%;
    color: #4e4449;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 1.6rem
}

@media screen and (max-width:1300px) {
    .choose-list__box-ct-item {
        font-size: 1.5rem
    }
}

@media screen and (max-width:640px) {
    .choose-list__box-ct-item {
        font-size: 1.5rem
    }
}

.choose-list__box-ct-item span {
    font-size: 1.3rem
}

@media screen and (max-width:1300px) {
    .choose-list__box-ct-item span {
        font-size: 1.2rem
    }
}

@media screen and (max-width:834px) {
    .choose-list__box-ct-item span {
        font-size: 1.3rem
    }
}

.choose-list__box-ct--full .choose-list__box-ct-item {
    width: 100%;
    font-size: 1.4rem
}

.choose-list__box-desc {
    margin-top: 4px;
    font-weight: 500;
    color: #4e4449;
    line-height: 1.846;
    font-size: 1.3rem
}

@media screen and (max-width:834px) {
    .choose-list__box-desc {
        margin-top: 8px;
        line-height: 1.5;
        font-size: 1.1rem
    }
}

.wp-pagenavi {
    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;
    gap: 10px 20px
}

@media screen and (max-width:834px) {
    .wp-pagenavi {
        gap: 5px 10px
    }
}

.wp-pagenavi a,
.wp-pagenavi span {
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px;
    border-radius: 50%;
    border: 1px solid #eea69a;
    color: #eea69a;
    font-weight: 700;
    font-size: 1.6rem
}

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

    .wp-pagenavi a,
    .wp-pagenavi span {
        width: 30px;
        height: 30px;
        font-size: 1.3rem
    }
}

.wp-pagenavi a.extend,
.wp-pagenavi span.extend {
    width: auto;
    border: 0;
    color: #eea69a !important;
    background: none !important
}

@media screen and (min-width:835px) {

    .wp-pagenavi a:hover,
    .wp-pagenavi span:hover {
        color: #fff;
        background: #eea69a
    }
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
    color: #fff;
    background: #eea69a
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi span.nextpostslink,
.wp-pagenavi span.previouspostslink {
    border-radius: 20px;
    width: 136px
}

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

    .wp-pagenavi a.nextpostslink,
    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi span.nextpostslink,
    .wp-pagenavi span.previouspostslink {
        width: 88px
    }
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi span.previouspostslink {
    -ms-flex-order: 1;
    order: 1
}

.wp-pagenavi a.first,
.wp-pagenavi span.first {
    -ms-flex-order: 2;
    order: 2
}

.wp-pagenavi a.current,
.wp-pagenavi a.extend,
.wp-pagenavi a.page,
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi span.page {
    -ms-flex-order: 3;
    order: 3
}

.wp-pagenavi a.last,
.wp-pagenavi span.last {
    -ms-flex-order: 4;
    order: 4
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.nextpostslink {
    -ms-flex-order: 5;
    order: 5
}

.wp-pagenavi .pages {
    display: none
}

.btn-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 550px;
    width: 100%;
    margin: 0 auto
}

.btn-group li {
    width: calc((100% - 20px) / 2)
}

@media screen and (max-width:640px) {
    .btn-group li {
        width: 100%;
        margin-bottom: 20px
    }

    .btn-group li:last-of-type {
        margin-bottom: 0
    }
}

.link-none {
    pointer-events: none
}

@media screen and (max-width:1024px) {
    .link-none-tb {
        pointer-events: none
    }
}

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

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

.c-ft--zen {
    font-family: Zen Maru Gothic, sans-serif
}

.c-ft--serif {
    font-family: Noto Serif JP, serif
}

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

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

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

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

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

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

.c-tx--v {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

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

.c-al--c {
    text-align: center !important
}

.c-al--r {
    text-align: right !important
}

.c-al--l {
    text-align: left !important
}

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

.c-val--top {
    vertical-align: top
}

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

@media screen and (max-width:834px) {
    .c-txt__basic {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.8461538462
    }
}

.c-txt__basic--sm {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143
}

@media screen and (max-width:834px) {
    .c-txt__basic--sm {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.8461538462
    }
}

.c-ttl__01 {
    position: relative;
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 55px
}

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

.c-ttl__01 span {
    display: block;
    color: #fff;
    font-size: 7.2rem;
    text-shadow: #f6d2cc 1px 0 0, #f6d2cc .540302px .841471px 0, #f6d2cc -.416147px .909297px 0, #f6d2cc -.989992px .14112px 0, #f6d2cc -.653644px -.756802px 0, #f6d2cc .283662px -.958924px 0, #f6d2cc .96017px -.279415px 0;
    margin-bottom: -41px
}

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

@media screen and (min-width:835px) {
    .c-ttl__01--sm {
        font-size: 2.5rem
    }

    .c-ttl__01--sm span {
        font-size: 6.4rem;
        margin-bottom: -37px
    }
}

@media screen and (max-width:834px) {
    .c-ttl__01--smsp span {
        font-size: 4.5rem
    }
}

.c-ttl__01--blue span {
    text-shadow: #8ea8b3 1px 0 0, #8ea8b3 .540302px .841471px 0, #8ea8b3 -.416147px .909297px 0, #8ea8b3 -.989992px .14112px 0, #8ea8b3 -.653644px -.756802px 0, #8ea8b3 .283662px -.958924px 0, #8ea8b3 .96017px -.279415px 0
}

.c-ttl__01--yellow span {
    text-shadow: #f6ebbd 1px 0 0, #f6ebbd .540302px .841471px 0, #f6ebbd -.416147px .909297px 0, #f6ebbd -.989992px .14112px 0, #f6ebbd -.653644px -.756802px 0, #f6ebbd .283662px -.958924px 0, #f6ebbd .96017px -.279415px 0
}

.c-ttl__01--orange span {
    text-shadow: hsla(9, 71%, 77%, .5) 1px 0 0, hsla(9, 71%, 77%, .5) .540302px .841471px 0, hsla(9, 71%, 77%, .5) -.416147px .909297px 0, hsla(9, 71%, 77%, .5) -.989992px .14112px 0, hsla(9, 71%, 77%, .5) -.653644px -.756802px 0, hsla(9, 71%, 77%, .5) .283662px -.958924px 0, hsla(9, 71%, 77%, .5) .96017px -.279415px 0
}

.c-ttl__02 {
    text-align: center;
    margin-bottom: 61px;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .c-ttl__02 {
        margin-bottom: 38px
    }
}

.c-ttl__02--white .c-ft--en {
    color: #fff !important
}

.c-ttl__02--blue .c-ft--en {
    color: rgba(142, 168, 179, .5) !important
}

.c-ttl__02--green .c-ft--en {
    color: rgba(183, 209, 200, .5) !important
}

.c-ttl__02--pink .c-ft--en {
    color: #f3c6cd !important
}

.c-ttl__02--orange .c-ft--en {
    color: #f3e5de !important
}

.c-ttl__02--yellow .c-ft--en {
    color: #f6ebbd !important
}

.c-ttl__02 .c-ft--en {
    color: #b7d1c8;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-bottom: -20px;
    font-size: 7.2rem
}

@media screen and (max-width:1300px) {
    .c-ttl__02 .c-ft--en {
        margin-bottom: -10px;
        font-size: 5rem
    }
}

@media screen and (max-width:834px) {
    .c-ttl__02 .c-ft--en {
        margin-bottom: -15px
    }
}

.c-ttl__02 .c-ft--jp {
    font-family: Zen Maru Gothic, sans-serif;
    display: block;
    font-weight: 700;
    line-height: 1;
    color: #4e4449;
    font-size: 3rem
}

@media screen and (max-width:1300px) {
    .c-ttl__02 .c-ft--jp {
        font-size: 2.4rem
    }
}

@media screen and (max-width:834px) {
    .c-ttl__02 .c-ft--jp {
        line-height: 1.2;
        font-size: 2rem
    }
}

.c-ttl__02--stroke .c-ft--en {
    color: #fff;
    -webkit-text-stroke: 1px hsla(9, 71%, 77%, .5)
}

.c-ttl__03 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3333333333;
    text-align: center;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 37px
}

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

.c-ttl__03--lg {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.8823529412
}

@media screen and (max-width:834px) {
    .c-ttl__03--lg {
        font-size: 2rem;
        line-height: 1.2
    }
}

.c-ttl__04,
.c-ttl__04 span {
    text-align: center
}

.c-ttl__04 span {
    min-width: 324px;
    display: inline-block;
    border-radius: 20px;
    padding: 3px 10px;
    color: #dc8670;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    background: #fff;
    border: 2px solid #eea69a;
    font-size: 2rem;
    position: relative;
    z-index: 2
}

@media screen and (max-width:1300px) {
    .c-ttl__04 span {
        padding: 2px 10px 3px;
        min-width: 260px;
        font-size: 2rem
    }
}

@media screen and (max-width:640px) {
    .c-ttl__04 span {
        min-width: 270px;
        font-size: 1.6rem
    }
}

.c-ttl__04 span:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #eea69a;
    border-left: 2px solid #eea69a;
    background: #fff;
    bottom: -3.5px;
    left: 49%;
    z-index: -1;
    transform: rotate(-45deg) translateX(-50%)
}

.c-ttl__04--lg span {
    min-width: 524px;
    margin: 0 auto;
    font-size: 3rem;
    padding: 0 55px;
    border-radius: 40px
}

@media screen and (max-width:1300px) {
    .c-ttl__04--lg span {
        padding: 0 30px;
        min-width: 0;
        font-size: 2.4rem
    }
}

@media screen and (max-width:834px) {
    .c-ttl__04--lg span {
        min-width: 270px !important;
        padding: 0 15px 4px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.c-ttl__04--pink span {
    border-color: #f3c6cd;
    color: #f8657c
}

.c-ttl__04--pink span:before {
    border-bottom: 2px solid #f3c6cd;
    border-left: 2px solid #f3c6cd
}

.c-ttl__04--yellow span {
    border-color: #f6ebbd;
    color: #c58667
}

.c-ttl__04--yellow span:before {
    border-bottom: 2px solid #f6ebbd;
    border-left: 2px solid #f6ebbd
}

.c-ttl__04--green span {
    border-color: #a5d6c9;
    color: #6a9788
}

.c-ttl__04--green span:before {
    border-bottom: 2px solid #a5d6c9;
    border-left: 2px solid #a5d6c9
}

.c-ttl__04--violet span {
    border-color: #a3b3df;
    color: #a3b3df
}

.c-ttl__04--violet span:before {
    border-bottom: 2px solid #a3b3df;
    border-left: 2px solid #a3b3df
}

.c-ttl__05 {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    text-align: center;
    color: #dc8670
}

@media screen and (max-width:834px) {
    .c-ttl__05 {
        font-size: 2rem
    }
}

.c-ttl__05--sm {
    font-size: 2rem;
    line-height: 1.2
}

.c-ttl__05--blue {
    color: #5a6d8a
}

.c-label__01 {
    width: 100%;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 18px;
    font-size: 2.5rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .c-label__01 {
        font-size: 1.6rem;
        height: auto;
        padding: 1px 0;
        margin-bottom: 10px;
        text-align: center
    }
}

.c-label__01--lg {
    font-size: 3rem;
    height: 48px
}

@media screen and (max-width:834px) {
    .c-label__01--lg {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.125;
        height: 40px
    }
}

.c-label__01--orange {
    background: #eea69a;
    color: #fff
}

.c-label__01--orange-light {
    color: #c58667;
    background: hsla(20, 45%, 59%, .2)
}

.c-label__01--white {
    color: #eea69a;
    background: #fff
}

.c-label__01--yellow {
    background: #f8c995
}

.c-label__01--yellow-light {
    background: #f6ebbd;
    color: #d49416
}

.c-label__01--green {
    background: #a5d6c9
}

.c-label__01--green-light {
    background: #b7d1c8;
    color: #fff
}

.c-label__01--green02 {
    background: #bbd09c
}

.c-label__01--pink {
    background: #f5bcc4
}

.c-label__01--violet {
    background: #a3b3df
}

.c-label__01--blue {
    background: #95c2de
}

.c-label__01--blue-dark {
    background: #8ea8b3;
    color: #fff
}

.c-label__01.txt-white {
    color: #fff
}

.c-label__02 {
    text-align: center;
    font-size: 1.6rem;
    font-family: Zen Maru Gothic, sans-serif;
    color: #f8657c;
    font-weight: 700;
    margin-bottom: -20px
}

@media screen and (max-width:834px) {
    .c-label__02 {
        font-size: 1rem
    }
}

.c-label__02 span {
    padding: 0 17px;
    position: relative;
    display: inline-block
}

@media screen and (max-width:834px) {
    .c-label__02 span {
        padding: 0 9px
    }
}

.c-label__02 span:after,
.c-label__02 span:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 35px;
    border-radius: 3px;
    background: #eea69a;
    position: absolute;
    bottom: -4px
}

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

    .c-label__02 span:after,
    .c-label__02 span:before {
        width: 2px;
        height: 22px
    }
}

.c-label__02 span:before {
    transform: rotate(-35deg);
    left: 0
}

@media screen and (max-width:834px) {
    .c-label__02 span:before {
        transform: rotate(-30deg)
    }
}

.c-label__02 span:after {
    transform: rotate(35deg);
    right: 0
}

@media screen and (max-width:834px) {
    .c-label__02 span:after {
        transform: rotate(30deg)
    }
}

.c-btn__01 {
    text-align: center;
    position: relative;
    z-index: 1;
    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;
    width: 100%;
    max-width: 264px;
    height: 60px;
    background: #eea69a;
    border: 1px solid #eea69a;
    border-radius: 41px;
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 7px 56px 5px 46px;
    margin: 0 auto;
    transition: .3s ease
}

.c-btn__01:before {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    right: 4px
}

.c-btn__01:after,
.c-btn__01:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s ease
}

.c-btn__01:after {
    width: 17px;
    height: 13px;
    background: url(../img/common/ar-right.svg) 50% no-repeat;
    background-size: contain;
    right: 19px
}

@media (any-hover:hover) {
    .c-btn__01:hover {
        opacity: 1;
        background: #fff;
        color: #eea69a
    }

    .c-btn__01:hover:before {
        background: #eea69a
    }

    .c-btn__01:hover:after {
        background: url(../img/common/ar-right-white.svg) 50% no-repeat;
        background-size: contain
    }
}

.c-btn__01 span,
.c-btn__01--sm {
    font-size: 1.3rem
}

.c-btn__01--sm {
    height: 30px;
    padding: 6px 30px 6px 24px
}

.c-btn__01--sm:before {
    width: 20px;
    height: 20px
}

.c-btn__01--sm:after {
    width: 12px;
    height: 9px;
    right: 8px
}

.c-btn__01--pink {
    border-color: #f3c6cd;
    background: #f3c6cd
}

.c-btn__01--pink:after {
    background: url(../img/common/ar-right-pink.svg) 50% no-repeat;
    background-size: contain
}

@media (any-hover:hover) {
    .c-btn__01--pink:hover {
        color: #f3c6cd
    }

    .c-btn__01--pink:hover:before {
        background: #f3c6cd
    }
}

.c-btn__01--green {
    border-color: #a5d6c9
}

.c-btn__01--yellow {
    border-color: #f6ebbd;
    background: #f6ebbd
}

.c-btn__01--yellow:after {
    background: url(../img/common/ar-right-yellow.svg) 50% no-repeat;
    background-size: contain
}

@media (any-hover:hover) {
    .c-btn__01--yellow:hover {
        color: #f6ebbd
    }

    .c-btn__01--yellow:hover:before {
        background: #f6ebbd
    }
}

.c-btn__01--blue {
    border-color: #8ea8b3;
    background: #8ea8b3
}

.c-btn__01--blue:after {
    background: url(../img/common/ar-right-blue.svg) 50% no-repeat;
    background-size: contain
}

@media (any-hover:hover) {
    .c-btn__01--blue:hover {
        color: #8ea8b3
    }

    .c-btn__01--blue:hover:before {
        background: #8ea8b3
    }
}

.c-btn__01--green {
    background: #a5d6c9;
    border: 1px solid #a5d6c9
}

.c-btn__01--green:after {
    background: url(../img/common/ar-right-green.svg) 50% no-repeat;
    background-size: contain
}

@media (any-hover:hover) {
    .c-btn__01--green:hover {
        color: #a5d6c9
    }

    .c-btn__01--green:hover:before {
        background: #a5d6c9
    }
}

.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:1024px) {
    .pc-tb {
        display: none !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#header {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 9998
}

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

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

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

@media screen and (min-width:1025px) {
    #header .header-logo {
        margin: 0 0 16px 3px
    }
}

@media screen and (min-width:1025px) {
    #header .header-nav {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: end;
        justify-content: end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: calc(100% - 229px);
        gap: 3px 0
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav {
        display: none;
        position: absolute;
        width: 100%;
        max-width: 308px;
        height: 100vh;
        background: #eea69a;
        top: 0;
        right: 0;
        padding: 69px 20px 0;
        overflow-y: auto
    }
}

@media screen and (min-width:1025px) {
    #header .header-nav__info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 0 16px;
        width: 100%
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__info {
        border-top: 1px solid #fff;
        padding-top: 10px;
        margin-top: 12px
    }
}

@media screen and (min-width:1025px) {
    #header .header-nav__info-menu {
        position: relative;
        width: 100%;
        max-width: 200px;
        background: #f2eeea;
        border-radius: 25px;
        z-index: 1
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__info-menu {
        margin-bottom: 10px
    }
}

#header .header-nav__info-btn {
    position: relative;
    font-weight: 700;
    font-size: 1.2rem
}

@media screen and (min-width:1025px) {
    #header .header-nav__info-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0 8px;
        width: 100%;
        height: 32px;
        color: #333;
        padding: 10px 15px;
        cursor: pointer
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__info-btn {
        color: #fff;
        font-size: 1.8rem;
        padding-right: 30px
    }
}

#header .header-nav__info-btn:after {
    content: "";
    display: inline-block;
    background: url(../img/common/ar-down.svg) 50% no-repeat;
    background-size: contain;
    width: 10px;
    height: 6px;
    transition: .3s ease
}

@media screen and (max-width:1024px) {
    #header .header-nav__info-btn:after {
        position: absolute;
        background: url(../img/common/ar-down-white.svg) 50% no-repeat;
        background-size: contain;
        width: 20px;
        height: 12px;
        right: -1px;
        top: 50%;
        transform: translateY(-50%)
    }
}

#header .header-nav__info-btn.on:after {
    transform: rotate(180deg)
}

@media screen and (max-width:1024px) {
    #header .header-nav__info-btn.on:after {
        transform: translateY(-50%) rotate(180deg)
    }
}

#header .header-nav__info-link {
    display: none;
    font-weight: 500;
    font-size: 1.2rem
}

@media screen and (min-width:1025px) {
    #header .header-nav__info-link {
        position: absolute;
        width: 100%;
        background: #f2eeea;
        color: #444;
        border-radius: 25px;
        padding: 34px 20px 17px;
        top: 0;
        left: 0;
        z-index: -1
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__info-link {
        color: #fff;
        padding-top: 10px;
        font-size: 1.5rem
    }
}

#header .header-nav__info-linkItem:not(:last-child) {
    margin-bottom: 3.2px
}

@media screen and (max-width:1024px) {
    #header .header-nav__info-linkItem:not(:last-child) {
        margin-bottom: 8px
    }
}

@media screen and (min-width:1025px) {
    #header .header-nav__info-linkItem a {
        position: relative;
        padding-left: 10px
    }

    #header .header-nav__info-linkItem a:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        background: #eea69a;
        border-radius: 50%;
        top: 6px;
        left: 0
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__info-linkItem a {
        display: block;
        padding-left: 20px
    }
}

@media (any-hover:hover) {
    #header .header-nav__info-linkItem a:hover {
        opacity: 1;
        color: #dc8670
    }
}

#header .header-nav__info-list {
    font-weight: 700
}

@media screen and (min-width:1025px) {
    #header .header-nav__info-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 386px;
        height: 32px;
        background: #f2eeea;
        color: #333;
        border-radius: 25px;
        font-size: 1.2rem;
        padding: 8px 20px 10px
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__info-list {
        color: #fff;
        font-size: 1.8rem
    }

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

@media screen and (min-width:1025px) {
    #header .header-nav__menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

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

@media screen and (max-width:1024px) {
    #header .header-nav__menu-item:not(:last-child) {
        margin-bottom: 10px
    }

    #header .header-nav__menu-item.js-menu:before {
        content: "";
        position: absolute;
        background: url(../img/common/ar-down-white.svg) 50% no-repeat;
        background-size: contain;
        width: 20px;
        height: 12px;
        right: -1px;
        top: 7px;
        transition: .3s ease
    }

    #header .header-nav__menu-item.js-menu.on:before {
        transform: rotate(180deg)
    }
}

@media screen and (any-hover:hover) and (min-width:1025px) {
    #header .header-nav__menu-item:hover .header-nav__sub {
        opacity: 1;
        transform: translateX(-50%) scaleY(1);
        z-index: 1;
        pointer-events: auto
    }
}

@media screen and (any-hover:hover) and (min-width:1025px) {
    #header .header-nav__menu-item:last-child:hover .header-nav__sub {
        transform: translateX(-75%) scaleY(1)
    }
}

#header .header-nav__menu-item>a {
    display: inline-block;
    color: #444;
    font-weight: 700;
    font-size: 1.4rem;
    padding: 18px 20px
}

@media screen and (max-width:1300px) {
    #header .header-nav__menu-item>a {
        font-size: 1.2rem;
        padding: 20px 10px
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__menu-item>a {
        font-family: Noto Sans JP, sans-serif;
        color: #fff;
        font-size: 1.8rem;
        padding: 0 25px 0 0
    }
}

@media (any-hover:hover) {
    #header .header-nav__menu-item>a:hover {
        color: #dc8670
    }
}

#header .header-nav__sub {
    font-weight: 500;
    font-size: 1.2rem
}

@media screen and (min-width:1025px) {
    #header .header-nav__sub {
        position: absolute;
        width: -moz-max-content;
        width: max-content;
        background: #fff;
        border-radius: 0 0 25px 25px;
        padding: 18px 20px 17px;
        top: 100%;
        left: 50%;
        opacity: 0;
        z-index: -1;
        transform: translateX(-50%) scaleY(0);
        transform-origin: top;
        transition: .3s ease;
        pointer-events: none
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__sub {
        display: none;
        color: #fff;
        font-size: 1.5rem;
        margin: 11px 0 0
    }
}

#header .header-nav__sub-item:not(:last-child) {
    margin-bottom: 3.3px
}

@media screen and (max-width:1024px) {
    #header .header-nav__sub-item:not(:last-child) {
        margin-bottom: 10px
    }
}

#header .header-nav__sub-item a {
    position: relative
}

@media screen and (min-width:1025px) {
    #header .header-nav__sub-item a {
        padding-left: 10px
    }

    #header .header-nav__sub-item a:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        background: #eea69a;
        border-radius: 50%;
        top: 6px;
        left: 0
    }
}

@media screen and (max-width:1024px) {
    #header .header-nav__sub-item a {
        display: block;
        padding: 0 0 0 20px
    }
}

@media (any-hover:hover) {
    #header .header-nav__sub-item a:hover {
        opacity: 1;
        color: #dc8670
    }
}

#header .js-mobile {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #eea69a;
    border-radius: 50%;
    right: 10px;
    top: 51%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 12;
    display: none
}

@media screen and (max-width:1024px) {
    #header .js-mobile {
        display: block
    }
}

#header .js-mobile span {
    position: absolute;
    display: block;
    width: 27px;
    height: 2px;
    background: #fff;
    border-radius: 3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

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

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

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

#header .js-mobile--close {
    background: #fff
}

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

#header .js-mobile--close span:after,
#header .js-mobile--close span:before {
    background: #eea69a
}

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

#footer {
    font-family: 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴPro W3, Hiragino Kaku Gothic Pro, Osaka, Meiryo, メイリオ, MS Pゴシック, Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.4;
    background: #f2eeea;
    border-radius: clamp(40px, 5.6vw, 80px) clamp(40px, 5.6vw, 80px) 0 0;
    padding: 83px 0 23px
}

@media screen and (max-width:1024px) {
    #footer {
        padding: 41px 0 90px
    }
}

#footer .footer-float {
    position: fixed;
    width: 78px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99
}

@media screen and (max-width:1024px) {
    #footer .footer-float {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        top: auto;
        bottom: 0;
        transform: unset
    }
}

#footer .footer-float a {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 93px;
    border-radius: 16px 0 0 16px;
    border: 1px solid #fff;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.25;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    #footer .footer-float a {
        position: relative;
        width: 25%;
        height: 48px;
        border-radius: 16px 16px 0 0;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
        padding: 16px 0 0
    }
}

@media screen and (min-width:1025px) {
    #footer .footer-float a:not(:last-child) {
        margin-bottom: 20px
    }
}

#footer .footer-float a:first-child {
    background: url(../img/common/float-bg1.jpg) 50% no-repeat;
    background-size: cover
}

#footer .footer-float a:nth-child(2) {
    background: url(../img/common/float-bg2.jpg) 50% no-repeat;
    background-size: cover
}

#footer .footer-float a:nth-child(3) {
    background: url(../img/common/float-bg3.jpg) 50% no-repeat;
    background-size: cover
}

#footer .footer-float a:nth-child(4) {
    background: url(../img/common/float-bg4.jpg) 50% no-repeat;
    background-size: cover
}

#footer .footer-float a p {
    width: 100%
}

#footer .footer-float__img {
    display: block;
    width: 100%;
    max-width: 24px;
    margin: 0 auto 1px
}

@media screen and (max-width:1024px) {
    #footer .footer-float__img {
        position: absolute;
        max-width: 12px;
        top: 5px;
        left: 50%;
        transform: translateX(-50%)
    }
}

#footer .footer-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media screen and (min-width:641px) {
    #footer .footer-menu {
        gap: 40px 0;
        margin-bottom: 36px
    }
}

@media screen and (max-width:640px) {
    #footer .footer-menu {
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 12px
    }
}

#footer .footer-menu__item {
    width: 20%
}

@media screen and (max-width:834px) {
    #footer .footer-menu__item {
        width: 33.333%
    }
}

@media screen and (max-width:640px) {
    #footer .footer-menu__item {
        width: 49%;
        margin-bottom: 20px
    }

    #footer .footer-menu__item:nth-child(3) {
        margin-top: -60px
    }

    #footer .footer-menu__item:nth-child(5) {
        margin-top: -35px
    }

    #footer .footer-menu__item:nth-child(7) {
        margin-top: -10px
    }

    #footer .footer-menu__item:nth-child(9) {
        margin-top: -65px
    }
}

#footer .footer-menu__ttl {
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 6px
}

@media screen and (max-width:1024px) {
    #footer .footer-menu__ttl {
        font-family: Noto Sans JP, sans-serif;
        margin-bottom: 8px
    }
}

#footer .footer-menu__txt {
    font-weight: 500;
    font-size: 1.2rem
}

#footer .footer-menu__txt:not(:last-child) {
    margin-bottom: 3.3px
}

#footer .footer-menu__sub {
    font-weight: 500;
    font-size: 1.2rem;
    padding-left: 11px;
    margin: -3px 0 2px
}

@media screen and (max-width:1024px) {
    #footer .footer-menu__sub {
        padding-left: 12px
    }
}

@media (any-hover:hover) {
    #footer .footer-menu a:hover {
        opacity: 1;
        color: #dc8670
    }
}

#footer .footer-info {
    margin-bottom: 16px
}

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

@media screen and (min-width:991px) {
    #footer .footer-info__ct {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 16px;
        width: 100%;
        max-width: 560px
    }
}

@media screen and (max-width:990px) {
    #footer .footer-info__ct {
        max-width: 340px;
        margin: 0 auto 15px
    }
}

#footer .footer-info__ct-logo {
    display: block;
    width: 100%;
    max-width: 221px
}

@media screen and (max-width:990px) {
    #footer .footer-info__ct-logo {
        margin: 0 auto 13px
    }
}

#footer .footer-info__ct p {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.3
}

@media screen and (max-width:834px) {
    #footer .footer-info__ct p {
        line-height: 1.45
    }
}

#footer .footer-info__ct p a {
    display: block
}

#footer .footer-info__btn {
    display: -ms-flexbox;
    display: flex;
    gap: 0 16px;
    width: 100%;
    max-width: 398px;
    margin: 2px 1px 0 0
}

@media screen and (max-width:990px) {
    #footer .footer-info__btn {
        gap: 0 8px;
        max-width: 340px;
        margin: 0 auto
    }
}

#footer .footer-banner {
    display: -ms-flexbox;
    display: flex;
    gap: 0 16px;
    margin-bottom: 48px
}

@media screen and (max-width:990px) {
    #footer .footer-banner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
        margin: 0 -10px 16px
    }
}

@media screen and (max-width:990px) {
    #footer .footer-banner__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 33.333%;
        height: 55px;
        border: 1px solid #fff
    }
}

@media screen and (max-width:640px) {
    #footer .footer-banner__item {
        width: 50%
    }
}

@media screen and (min-width:991px) {
    #footer .footer-banner__item img {
        width: auto;
        height: 24px;
        object-fit: contain
    }
}

#footer .footer-privacy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 0 20px;
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 15px
}

@media screen and (max-width:640px) {
    #footer .footer-privacy {
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 5px
    }
}

#footer .footer-copy {
    text-align: right;
    font-weight: 500;
    font-size: 1.2rem
}

@media screen and (max-width:640px) {
    #footer .footer-copy {
        text-align: center;
        font-size: .9rem
    }
}

.sec-mv {
    position: relative
}

.sec-mv__img {
    width: 97.2%;
    border-radius: clamp(21px, 3vw, 40px);
    margin: 0 auto;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .sec-mv__img {
        width: 88.8%
    }
}

.sec-mv__ttl {
    position: absolute;
    width: 54.4%;
    top: 16%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

@media screen and (max-width:640px) {
    .sec-mv__ttl {
        width: 80.5%;
        top: 50%
    }
}

.is-hello .sec-mv__img {
    opacity: 1
}

.is-hello .sec-mv__ttl {
    opacity: 1;
    top: 16%
}

@media screen and (max-width:640px) {
    .is-hello .sec-mv__ttl {
        top: 50%
    }
}

.sec-pickup {
    position: relative;
    padding: 50px 0 54px;
    overflow: hidden;
    z-index: 1
}

@media screen and (max-width:834px) {
    .sec-pickup {
        padding: 17px 0 41px
    }
}

.sec-pickup:before {
    content: "";
    position: absolute;
    background: hsla(9, 71%, 77%, .5);
    width: 83px;
    height: 83px;
    top: 56.2%;
    right: -23px;
    transform: rotate(45deg);
    z-index: -1
}

@media screen and (max-width:1024px) {
    .sec-pickup:before {
        width: 47px;
        height: 47px;
        top: 23.7%;
        right: -16px
    }
}

.sec-pickup:after {
    content: "";
    position: absolute;
    background: url(../img/index/pickup-shape2.png) 50% no-repeat;
    background-size: contain;
    width: 43px;
    height: 43px;
    top: 178px;
    left: 75.2%;
    transform: translateX(-50%);
    z-index: -1
}

.pickup-list {
    position: relative;
    padding: 0 54px;
    z-index: 1
}

@media screen and (max-width:834px) {
    .pickup-list {
        padding: 0 44px
    }
}

.pickup-list:before {
    content: "";
    position: absolute;
    background: url(../img/index/pickup-shape.png) 50% no-repeat;
    background-size: contain;
    width: 57px;
    height: 75px;
    top: -62px;
    left: 5px;
    z-index: -1
}

@media screen and (max-width:1024px) {
    .pickup-list:before {
        width: 32px;
        height: 42px;
        top: -93px;
        left: 20px
    }
}

@media screen and (max-width:640px) {
    .pickup-list .slick-list {
        overflow: unset
    }
}

.pickup-list .slick-next,
.pickup-list .slick-prev {
    width: 58px;
    height: 58px;
    background: #eea69a;
    border: 1px solid #eea69a;
    border-radius: 50%;
    z-index: 1;
    transition: .3s ease
}

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

    .pickup-list .slick-next,
    .pickup-list .slick-prev {
        width: 43px;
        height: 43px;
        top: 53.4%
    }
}

.pickup-list .slick-next:before,
.pickup-list .slick-prev:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 12px;
    background: url(../img/common/ar-right-white.svg) 50% no-repeat;
    background-size: contain;
    opacity: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease
}

@media (any-hover:hover) {

    .pickup-list .slick-next:hover,
    .pickup-list .slick-prev:hover {
        opacity: 1;
        background: #fff
    }

    .pickup-list .slick-next:hover:before,
    .pickup-list .slick-prev:hover:before {
        background: url(../img/common/ar-right.svg) 50% no-repeat;
        background-size: contain
    }
}

.pickup-list .slick-prev {
    left: -17px
}

@media screen and (max-width:1300px) {
    .pickup-list .slick-prev {
        left: 0
    }
}

.pickup-list .slick-prev:before {
    transform: translate(-50%, -50%) scaleX(-1)
}

.pickup-list .slick-next {
    right: -17px
}

@media screen and (max-width:1300px) {
    .pickup-list .slick-next {
        right: 0
    }
}

.pickup-list .slick-dots {
    bottom: -33px;
    left: 50%;
    transform: translateX(-50%)
}

.pickup-list .slick-dots li {
    margin: 0 6px
}

.pickup-list .slick-dots li button {
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    padding: 0;
    transition: .3s ease
}

.pickup-list .slick-dots li button:before {
    display: none
}

@media (any-hover:hover) {
    .pickup-list .slick-dots li button:hover {
        background: #3e3e3e
    }
}

.pickup-list .slick-dots li.slick-active button {
    background: #3e3e3e
}

.pickup-list__item {
    padding: 0 8.5px
}

.pickup-list__item a {
    position: relative;
    display: block
}

.pickup-list__item a:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.pickup-list__item a img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.sec-movie {
    position: relative;
    padding: 14px 0 80px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .sec-movie {
        padding-bottom: 40px
    }
}

.sec-movie:before {
    background: url(../img/index/movie-shape.png) 50% no-repeat;
    background-size: contain;
    width: 163px;
    height: 142px;
    top: 41.7%;
    left: -54px
}

.sec-movie:after,
.sec-movie:before {
    content: "";
    position: absolute;
    z-index: -1
}

.sec-movie:after {
    background: hsla(9, 71%, 77%, .19);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: 0;
    left: 77.45%;
    transform: translateX(-50%)
}

@media screen and (max-width:834px) {
    .sec-movie:after {
        width: 14px;
        height: 14px
    }
}

@media screen and (max-width:834px) {
    .sec-movie .c-ttl__01 {
        margin-bottom: 18px
    }
}

.sec-movie .c-ttl__01--sm {
    margin-top: 36px
}

@media screen and (max-width:834px) {
    .sec-movie .c-ttl__01--sm {
        margin-top: 39px
    }
}

.movie-list {
    max-width: 1015px
}

@media screen and (min-width:835px) {
    .movie-list {
        margin: -39px auto 0
    }
}

.movie-list__item a {
    position: relative;
    display: block;
    color: #d997a1;
    border-radius: 50px;
    border: 2px solid #f3c6cd;
    font-weight: 700;
    font-size: 2rem;
    padding: 26px 40px 22px 18px
}

@media screen and (min-width:835px) {
    .movie-list__item a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 8px
    }
}

@media screen and (max-width:834px) {
    .movie-list__item a {
        font-size: 1.3rem;
        padding: 18px 60px 17px 18px
    }
}

.movie-list__item a:before {
    content: "";
    position: absolute;
    background: #f3c6cd;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s ease
}

@media screen and (max-width:834px) {
    .movie-list__item a:before {
        width: 43px;
        height: 43px;
        right: 9px
    }
}

.movie-list__item a:after {
    content: "";
    position: absolute;
    background: url(../img/common/ar-right-white.svg) 50% no-repeat;
    background-size: contain;
    width: 21px;
    height: 15px;
    right: 27px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s ease
}

@media screen and (max-width:834px) {
    .movie-list__item a:after {
        right: 19px
    }
}

.movie-list__item a time {
    display: block;
    font-weight: 500;
    font-size: 1.6rem
}

@media screen and (min-width:835px) {
    .movie-list__item a time {
        margin-top: 2px
    }
}

@media screen and (max-width:834px) {
    .movie-list__item a time {
        font-size: 1.3rem
    }
}

.movie-list__item a p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    max-height: 28px
}

@media screen and (max-width:834px) {
    .movie-list__item a p {
        max-height: 20px
    }
}

@media (any-hover:hover) {
    .movie-list__item a:hover {
        background: #efc7cd;
        color: #fff
    }

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

    .movie-list__item a:hover:after {
        background: url(../img/common/ar-right.svg) 50% no-repeat;
        background-size: contain
    }
}

.sec-style {
    background: url(../img/index/style-bg-pc.jpg) 50% no-repeat;
    background-size: cover;
    padding: 53px 0 76px;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .sec-style {
        background: url(../img/index/style-bg-sp.jpg) 50% no-repeat;
        background-size: cover;
        padding: 18px 0 42px
    }
}

.style-ttl {
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.56;
    margin-bottom: 36px
}

.style-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 0;
    margin: 0 -15px
}

@media screen and (max-width:1300px) {
    .style-list {
        margin: 0 70px
    }
}

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

@media screen and (max-width:640px) {
    .style-list {
        margin: -19px -4px 0;
        gap: 21px 0
    }
}

.style-list__item {
    width: 16%;
    padding: 0 10px
}

@media screen and (min-width:1301px) {
    .style-list__item:nth-child(2n) {
        margin-top: 4.6%
    }
}

@media screen and (max-width:1300px) {
    .style-list__item {
        width: 33.333%
    }
}

@media screen and (max-width:640px) {
    .style-list__item {
        width: 50%
    }

    .style-list__item:first-child a {
        position: relative;
        z-index: 1
    }

    .style-list__item:first-child a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: calc(100% - 53px);
        background: #f3c6cd;
        border-radius: 40px;
        top: 14px;
        left: 0;
        z-index: -1
    }

    .style-list__item:first-child .style-list__img-thumb:before {
        display: none
    }

    .style-list__item:first-child .style-list__img-thumb img {
        position: relative;
        border-radius: 0 0 0 40px
    }

    .style-list__item:first-child .style-list__img span {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 49%;
        height: 100%;
        color: #fff;
        font-family: Zen Maru Gothic, sans-serif;
        font-weight: 700;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333333333;
        padding-top: 15px;
        top: 0;
        right: 0
    }
}

@media screen and (max-width:640px) and (max-width:359px) {
    .style-list__item:first-child .style-list__img span {
        font-size: 1.6rem
    }
}

.style-list__item a {
    position: relative;
    text-align: center;
    display: block;
    font-weight: 700
}

.style-list__item a p {
    position: relative
}

@media screen and (max-width:834px) {
    .style-list__item a p {
        line-height: 1.23
    }
}

.style-list__item a p:before {
    content: "";
    position: absolute;
    width: 58px;
    height: 58px;
    background: #eea69a;
    border-radius: 50%;
    border: 1px solid #fff;
    top: -38px;
    right: 4px;
    z-index: 2;
    transition: .3s ease
}

@media screen and (max-width:834px) {
    .style-list__item a p:before {
        width: 43px;
        height: 43px;
        top: -28px;
        right: 0
    }
}

.style-list__item a p:after {
    content: "";
    position: absolute;
    background: url(../img/common/ar-right-white.svg) 50% no-repeat;
    background-size: contain;
    width: 17px;
    height: 14px;
    top: -15px;
    right: 25px;
    z-index: 2;
    transition: .3s ease
}

@media screen and (max-width:834px) {
    .style-list__item a p:after {
        top: -12px;
        right: 14px
    }
}

.style-list__item a p span {
    display: block
}

@media screen and (max-width:640px) {
    .style-list__item a p span {
        margin-bottom: 3px
    }
}

@media (any-hover:hover) {
    .style-list__item a:hover {
        opacity: 1
    }

    .style-list__item a:hover p:before {
        background: #fff;
        border-color: #eea69a
    }

    .style-list__item a:hover p:after {
        background: url(../img/common/ar-right.svg) 50% no-repeat;
        background-size: contain
    }

    .style-list__item a:hover .style-list__main img {
        transform: scale(1.1)
    }
}

.style-list__img {
    position: relative;
    margin-bottom: 10px
}

@media screen and (max-width:640px) {
    .style-list__img {
        margin-bottom: 5px
    }
}

@media screen and (min-width:641px) {
    .style-list__img span {
        display: none
    }
}

.style-list__img-hover,
.style-list__img-thumb {
    transition: .5s ease
}

.style-list__img-hover:before,
.style-list__img-thumb:before {
    content: "";
    display: block;
    padding-bottom: 150.2325581395%
}

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

    .style-list__img-hover:before,
    .style-list__img-thumb:before {
        padding-bottom: 146.3855421687%
    }
}

.style-list__img-hover img,
.style-list__img-thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
    transition: .5s ease
}

.style-list__img-thumb {
    position: relative
}

.style-list__img-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    pointer-events: none
}

.style-list__main {
    padding-top: 20px;
    margin-bottom: 10px;
    position: relative
}

.style-list__main:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25.5%
}

.style-list__main.--01:after {
    background: url(../img/index/various1-text.png) 50%/contain no-repeat;
    aspect-ratio: 34/195;
    width: 15.7%
}

.style-list__main.--02:after {
    background: url(../img/index/various2-text.png) 50%/contain no-repeat;
    aspect-ratio: 55/157
}

.style-list__main.--03:after {
    background: url(../img/index/various3-text.png) 50%/contain no-repeat;
    aspect-ratio: 55/153
}

.style-list__main.--04:after {
    background: url(../img/index/various4-text.png) 50%/contain no-repeat;
    aspect-ratio: 55/238
}

.style-list__main.--05:after {
    background: url(../img/index/various5-text.png) 50%/contain no-repeat;
    aspect-ratio: 55/230
}

.style-list__main.--06:after {
    background: url(../img/index/various6-text.png) 50%/contain no-repeat;
    aspect-ratio: 55/250
}

.style-list__frame {
    overflow: hidden;
    aspect-ratio: 215/323;
    border-radius: 40px
}

.style-list__frame img {
    transition: .5s ease
}

.sec-event {
    padding: 50px 0 80px
}

.event-title__br_sp {
    display: none;
}

.style-list__item6 .style-list__text {
    font-size: 11.5px;
    text-align: left;
}

.style-list__item6 .style-list__text span {
    font-size: 1.6rem;
    text-align: center;
}

.style-list__new {
    position: absolute;
    right: 0;
    top: 14px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #EEA69A;
    border: 1px solid #EEA69A;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 40px;
    z-index: 10;
    font-size: 13px;
    font-family: Zen Maru Gothic, sans-serif;
}

.style-list__new p::before {
    display: none;
}

.style-list__new p::after {
    display: none;
}

@media screen and (max-width:834px) {
    .sec-event {
        padding: 19px 0 41px
    }

    .style-list__item6 .style-list__text span {
        font-size: 1.3rem;
    }

    .event-title__br_sp {
    display:block;
}
}

@media screen and (max-width:400px) {
    .style-list__item6 .style-list__text {
        font-size: 10.8px;
    }
}


.event-main {
    margin-bottom: 38px
}

@media screen and (max-width:834px) {
    .event-main {
        margin: -19px -10px 20px 0
    }
}

.sec-features {
    position: relative;
    background: #f2eeea;
    padding: 49px 0 79px;
    overflow: hidden;
    z-index: 1
}

@media screen and (max-width:834px) {
    .sec-features {
        padding: 18px 0 40px
    }
}

.sec-features:before {
    content: "";
    position: absolute;
    background: hsla(9, 71%, 77%, .39);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    top: 118px;
    left: 18%;
    transform: translateX(-50%);
    z-index: -1
}

@media screen and (max-width:834px) {
    .sec-features:before {
        width: 43px;
        height: 43px;
        top: 60px;
        left: 14.1%
    }
}

.features-list {
    position: relative
}

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

.features-list__item {
    position: relative
}

@media screen and (min-width:641px) {
    .features-list__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:641px) and (max-width:1024px) {
    .features-list__item {
        -ms-flex-align: start;
        align-items: start
    }
}

.features-list__item:before {
    content: "";
    position: absolute;
    z-index: -1
}

.features-list__item:not(:last-child) {
    margin-bottom: 81px
}

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

@media screen and (max-width:1300px) and (min-width:1025px) {
    .features-list__item:nth-child(odd) .features-list__ct {
        padding-right: 65px
    }
}

.features-list__item:nth-child(odd) .features-list__img picture {
    margin-left: min(-10px, (1015px - 100vw)/2)
}

.features-list__item:nth-child(odd) .features-list__img img {
    border-radius: 0 clamp(40px, 5.6vw, 80px) clamp(40px, 5.6vw, 80px) 0
}

@media screen and (min-width:641px) {
    .features-list__item:nth-child(2n) {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width:1301px) {
    .features-list__item:nth-child(2n) .features-list__ct {
        margin: 2.4% 0 0 4.2%
    }
}

@media screen and (max-width:640px) {
    .features-list__item:nth-child(2n) .features-list__img {
        margin-left: auto
    }
}

.features-list__item:nth-child(2n) .features-list__img picture {
    margin-right: min(-10px, (1015px - 100vw)/2)
}

.features-list__item:nth-child(2n) .features-list__img img {
    border-radius: clamp(40px, 5.6vw, 80px) 0 0 clamp(40px, 5.6vw, 80px)
}

.features-list__item:first-child:before {
    background: url(../img/index/features-shape1.png) 50% no-repeat;
    background-size: contain;
    width: 162px;
    height: 162px;
    top: 44px;
    right: -49px
}

@media screen and (max-width:834px) {
    .features-list__item:first-child:before {
        width: 125px;
        height: 110px;
        top: 50%;
        right: 0
    }
}

.features-list__item:first-child .features-list__ct:before {
    background: url(../img/index/1.svg) 50% no-repeat;
    background-size: contain;
    width: 74px
}

.features-list__item:nth-child(2):before {
    background: url(../img/index/features-shape2.png) 50% no-repeat;
    background-size: contain;
    width: 174px;
    height: 157px;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:834px) {
    .features-list__item:nth-child(2):before {
        width: 100px;
        height: 122px;
        bottom: 50%;
        left: 91%
    }
}

.features-list__item:nth-child(2) .features-list__ct:before {
    background: url(../img/index/2.svg) 50% no-repeat;
    background-size: contain;
    width: 88px
}

.features-list__item:nth-child(3):before {
    background: url(../img/index/features-shape3.png) 50% no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    bottom: 22px;
    right: 76px
}

@media screen and (max-width:834px) {
    .features-list__item:nth-child(3):before {
        width: 77px;
        height: 77px;
        bottom: 30px;
        right: 0
    }
}

.features-list__item:nth-child(3) .features-list__ct:before {
    background: url(../img/index/3.svg) 50% no-repeat;
    background-size: contain;
    width: 89px
}

.features-list__item:nth-child(4):before {
    background: url(../img/index/features-shape4.png) 50% no-repeat;
    background-size: contain;
    width: 168px;
    height: 131px;
    bottom: 108px;
    left: -23.9%
}

@media screen and (max-width:834px) {
    .features-list__item:nth-child(4):before {
        width: 101px;
        height: 105px;
        bottom: 55px;
        left: -10%
    }
}

.features-list__item:nth-child(4) .features-list__ct:before {
    background: url(../img/index/4.svg) 50% no-repeat;
    background-size: contain;
    width: 94px
}

.features-list__item:nth-child(5):before {
    background: url(../img/index/features-shape5.png) 50% no-repeat;
    background-size: contain;
    width: 82px;
    height: 82px;
    top: 34%;
    right: -81px
}

@media screen and (max-width:834px) {
    .features-list__item:nth-child(5):before {
        width: 63px;
        height: 63px;
        top: 41%;
        right: 46px
    }
}

.features-list__item:nth-child(5) .features-list__ct:before {
    background: url(../img/index/5.svg) 50% no-repeat;
    background-size: contain;
    width: 90px
}

.features-list__img {
    width: 49.1%
}

@media screen and (max-width:640px) {
    .features-list__img {
        width: 97%
    }
}

.features-list__img picture {
    position: relative;
    display: block
}

.features-list__img picture:before {
    content: "";
    display: block;
    padding-bottom: 66.7149059334%
}

.features-list__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.features-list__ct {
    position: relative;
    z-index: 1
}

@media screen and (min-width:641px) {
    .features-list__ct {
        width: 42.9%
    }
}

@media screen and (min-width:641px) and (max-width:1300px) {
    .features-list__ct {
        width: 48%
    }
}

@media screen and (max-width:640px) {
    .features-list__ct {
        padding: 52px 0 0 20px
    }
}

.features-list__ct:before {
    content: "";
    position: absolute;
    height: 72px;
    top: -35px;
    left: -41px;
    z-index: -1
}

@media screen and (max-width:1300px) {
    .features-list__ct:before {
        left: 0
    }
}

@media screen and (max-width:640px) {
    .features-list__ct:before {
        top: 20px
    }
}

.features-list__ct-ttl {
    font-weight: 700;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    margin-bottom: 10px
}

@media screen and (max-width:1024px) {
    .features-list__ct-ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 2;
        margin-bottom: 8px
    }
}

.features-list__ct-ttl span {
    display: block;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 16px
}

@media screen and (max-width:1024px) {
    .features-list__ct-ttl span {
        font-size: 1.6rem;
        margin-bottom: 9px
    }
}

.features-list__ct p {
    line-height: 2;
    margin-bottom: 16px
}

@media screen and (max-width:834px) {
    .features-list__ct p {
        line-height: 1.77;
        margin-bottom: 19px
    }
}

@media screen and (min-width:641px) {
    .features-list__ct .c-btn__01 {
        margin: 0
    }
}

.sec-course {
    position: relative;
    padding: 79px 0 100px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .sec-course {
        padding: 19px 0 59px
    }
}

.sec-course:before {
    content: "";
    position: absolute;
    width: 88px;
    height: 88px;
    background: hsla(20, 47%, 91%, .4);
    border-radius: 50%;
    top: 47.6%;
    left: -13px;
    z-index: -1
}

@media screen and (max-width:640px) {
    .sec-course:before {
        top: 23.6%
    }
}

.sec-course:after {
    content: "";
    position: absolute;
    background: url(../img/index/course-shape3.png) 50% no-repeat;
    background-size: contain;
    width: 183px;
    height: 197px;
    bottom: 132px;
    right: 0;
    z-index: -1
}

@media screen and (max-width:640px) {
    .sec-course:after {
        bottom: 360px;
        right: -62px
    }
}

.course-list {
    position: relative;
    margin: 92px -5.5px 0
}

@media screen and (min-width:641px) {
    .course-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 97px 0
    }
}

@media screen and (min-width:641px) and (max-width:990px) {
    .course-list {
        max-width: 720px;
        margin: 92px auto 0
    }
}

@media screen and (max-width:640px) {
    .course-list {
        margin: 54px 5px 0
    }
}

.course-list:before {
    content: "";
    position: absolute;
    background: url(../img/index/course-shape1.png) 50% no-repeat;
    background-size: contain;
    width: 89px;
    height: 89px;
    top: -134px;
    left: 36.6%;
    transform: translateX(-50%);
    z-index: -1
}

@media screen and (max-width:834px) {
    .course-list:before {
        top: -87px;
        left: 17.6%
    }
}

.course-list:after {
    content: "";
    position: absolute;
    background: url(../img/index/course-shape2.png) 50% no-repeat;
    background-size: contain;
    width: 148px;
    height: 158px;
    bottom: 21.9%;
    left: 52px;
    z-index: -1
}

@media screen and (max-width:640px) {
    .course-list:after {
        bottom: 35.2%;
        left: -64px
    }
}

.course-list__item {
    position: relative;
    font-weight: 500
}

@media screen and (min-width:641px) {
    .course-list__item {
        width: 33.333%;
        padding: 0 5.5px
    }
}

@media screen and (min-width:641px) and (max-width:990px) {
    .course-list__item {
        width: 50%
    }

    .course-list__item:first-child {
        margin: 0 1px
    }
}

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

    .course-list__item p {
        min-height: 73px
    }
}

.course-list__item:before {
    content: "";
    position: absolute;
    width: 75px;
    height: 75px;
    top: -38px;
    left: calc(50% - 10px);
    transform: translateX(-50%);
    z-index: 1
}

.course-list__item a {
    position: relative;
    display: block;
    height: 100%;
    background: #f6ebbd;
    border-radius: 168px 168px 16px 16px;
    padding: 20px 20px 33px;
    margin-right: 20px
}

@media screen and (max-width:834px) {
    .course-list__item a {
        margin-right: 19px
    }
}

.course-list__item a:before {
    width: 58px;
    height: 58px;
    background: #eea69a;
    border-radius: 50%;
    border: 1px solid #fff;
    bottom: -20px;
    right: -20px
}

.course-list__item a:after,
.course-list__item a:before {
    content: "";
    position: absolute;
    z-index: 2;
    transition: .3s ease
}

.course-list__item a:after {
    background: url(../img/common/ar-right-white.svg) 50% no-repeat;
    background-size: contain;
    width: 17px;
    height: 13px;
    bottom: 3px;
    right: 0
}

@media (any-hover:hover) {
    .course-list__item a:hover {
        opacity: 1
    }

    .course-list__item a:hover:before {
        background: #fff;
        border-color: #eea69a
    }

    .course-list__item a:hover:after {
        background: url(../img/common/ar-right.svg) 50% no-repeat;
        background-size: contain
    }
}

.course-list__item--sun:before {
    background: url(../img/index/sun.png) 50% no-repeat;
    background-size: contain
}

.course-list__item--moon:before {
    background: url(../img/index/moon.png) 50% no-repeat;
    background-size: contain
}

.course-list__item--moon a {
    background: #d0d9dd
}

@media screen and (min-width:835px) {
    .course-list__item--moon a {
        padding-bottom: 9px
    }
}

.course-list__item--pink a {
    background: #f2dcdf
}

.course-list__img {
    position: relative;
    margin-bottom: 14px
}

.course-list__img:before {
    content: "";
    display: block;
    padding-bottom: 66.4206642066%
}

.course-list__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 168px 168px 16px 16px;
    top: 0;
    left: 0;
    object-fit: cover
}

.course-list__ttl {
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 8px
}

@media screen and (max-width:359px) {
    .course-list__ttl {
        font-size: 2.3rem
    }
}

.course-list__ttl span {
    display: block;
    font-size: 2rem;
    margin-bottom: 5px
}

.course-list__time {
    text-align: center;
    font-weight: 700
}

.sec-news {
    position: relative;
    padding: 52px 0 80px;
    overflow: hidden;
    z-index: 1
}

@media screen and (max-width:834px) {
    .sec-news {
        padding: 59px 0 43px
    }

    .sec-news .inner {
        padding: 0 20px
    }
}

.sec-news:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #f2eeea;
    border-radius: 0 clamp(40px, 5.6vw, 80px) clamp(40px, 5.6vw, 80px) 0;
    top: 0;
    right: 7.13%;
    z-index: -1
}

@media screen and (max-width:1300px) {
    .sec-news:before {
        right: 20px
    }
}

.sec-news:after {
    content: "";
    position: absolute;
    width: 106px;
    height: 104px;
    background: hsla(9, 71%, 77%, .28);
    border-radius: 50%;
    bottom: 110px;
    left: -13px;
    z-index: -1
}

@media screen and (max-width:640px) {
    .sec-news:after {
        bottom: 34.1%
    }
}

.news-cats {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    max-width: 1000px;
    margin: 0 auto 39px;
    z-index: 1
}

@media screen and (max-width:640px) {
    .news-cats {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin: -20px 2px 20px
    }
}

.news-cats:before {
    content: "";
    position: absolute;
    background: url(../img/index/news-shape1.png) 50% no-repeat;
    background-size: contain;
    width: 105px;
    height: 116px;
    top: -177px;
    left: 12.7%;
    z-index: -1
}

@media screen and (max-width:640px) {
    .news-cats:before {
        top: -115px;
        left: -3.7%
    }
}

.news-cats:after {
    content: "";
    position: absolute;
    background: url(../img/index/news-shape2.png) 50% no-repeat;
    background-size: contain;
    width: 162px;
    height: 140px;
    top: -104px;
    right: 9.5%;
    z-index: -1
}

@media screen and (max-width:640px) {
    .news-cats:after {
        top: 57px;
        right: -57px
    }
}

.news-cats__item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    background: #fff;
    border: 1px solid;
    border-radius: 40px;
    font-weight: 500;
    font-size: 1.3rem;
    cursor: pointer
}

.news-cats__item.all a {
    border-color: #eea69a;
    color: #eea69a
}

@media (any-hover:hover) {
    .news-cats__item.all a:hover {
        opacity: 1;
        background: #eea69a;
        color: #fff
    }
}

.news-cats__item.all.active a {
    background: #eea69a;
    color: #fff
}

.news-cats__item.info a,
.news-cats__item.orange a {
    border-color: #f8c995;
    color: #f8c995
}

@media (any-hover:hover) {

    .news-cats__item.info a:hover,
    .news-cats__item.orange a:hover {
        opacity: 1;
        background: #f8c995;
        color: #fff
    }
}

.news-cats__item.info.active a,
.news-cats__item.orange.active a {
    background: #f8c995;
    color: #fff
}

.news-cats__item.class03 a,
.news-cats__item.orange02 a {
    border-color: #f6ebbd;
    color: #d49416
}

@media (any-hover:hover) {

    .news-cats__item.class03 a:hover,
    .news-cats__item.orange02 a:hover {
        opacity: 1;
        background: #f6ebbd;
        color: #fff
    }
}

.news-cats__item.class03.active a,
.news-cats__item.orange02.active a {
    background: #f6ebbd;
    color: #fff
}

.news-cats__item.class a,
.news-cats__item.green a {
    border-color: #a6cb6f;
    color: #a6cb6f
}

@media (any-hover:hover) {

    .news-cats__item.class a:hover,
    .news-cats__item.green a:hover {
        opacity: 1;
        background: #a6cb6f;
        color: #fff
    }
}

.news-cats__item.class.active a,
.news-cats__item.green.active a {
    background: #a6cb6f;
    color: #fff
}

.news-cats__item.class04 a,
.news-cats__item.green02 a {
    border-color: #b7d1c8;
    color: #6a9788
}

@media (any-hover:hover) {

    .news-cats__item.class04 a:hover,
    .news-cats__item.green02 a:hover {
        opacity: 1;
        background: #b7d1c8;
        color: #fff
    }
}

.news-cats__item.class04.active a,
.news-cats__item.green02.active a {
    background: #b7d1c8;
    color: #fff
}

.news-cats__item.blue a,
.news-cats__item.test a {
    border-color: #63afdf;
    color: #63afdf
}

@media (any-hover:hover) {

    .news-cats__item.blue a:hover,
    .news-cats__item.test a:hover {
        opacity: 1;
        background: #63afdf;
        color: #fff
    }
}

.news-cats__item.blue.active a,
.news-cats__item.test.active a {
    background: #63afdf;
    color: #fff
}

.news-cats__item.blue02 a,
.news-cats__item.class05 a {
    border-color: #8ea8b3;
    color: #5a6d8a
}

@media (any-hover:hover) {

    .news-cats__item.blue02 a:hover,
    .news-cats__item.class05 a:hover {
        opacity: 1;
        background: #8ea8b3;
        color: #fff
    }
}

.news-cats__item.blue02.active a,
.news-cats__item.class05.active a {
    background: #8ea8b3;
    color: #fff
}

.news-cats__item.emerald a,
.news-cats__item.emergency a {
    border-color: #b7d1c8;
    color: #b7d1c8
}

@media (any-hover:hover) {

    .news-cats__item.emerald a:hover,
    .news-cats__item.emergency a:hover {
        opacity: 1;
        background: #b7d1c8;
        color: #fff
    }
}

.news-cats__item.emerald.active a,
.news-cats__item.emergency.active a {
    background: #b7d1c8;
    color: #fff
}

.news-cats__item.class02 a,
.news-cats__item.emerald02 a {
    border-color: #f3e5de;
    color: #c58667
}

@media (any-hover:hover) {

    .news-cats__item.class02 a:hover,
    .news-cats__item.emerald02 a:hover {
        opacity: 1;
        background: #f3e5de;
        color: #fff
    }
}

.news-cats__item.class02.active a,
.news-cats__item.emerald02.active a {
    background: #f3e5de;
    color: #fff
}

.news-cats__item.class01 a,
.news-cats__item.pink a {
    border-color: #f3c6cd;
    color: #f8657c
}

@media (any-hover:hover) {

    .news-cats__item.class01 a:hover,
    .news-cats__item.pink a:hover {
        opacity: 1;
        background: #f3c6cd;
        color: #fff
    }
}

.news-cats__item.class01.active a,
.news-cats__item.pink.active a {
    background: #f3c6cd;
    color: #fff
}

.news-cats__item.gray a,
.news-cats__item.student a {
    border-color: #8ea8b3;
    color: #8ea8b3
}

@media (any-hover:hover) {

    .news-cats__item.gray a:hover,
    .news-cats__item.student a:hover {
        opacity: 1;
        background: #8ea8b3;
        color: #fff
    }
}

.news-cats__item.gray.active a,
.news-cats__item.student.active a {
    background: #8ea8b3;
    color: #fff
}

.news-list {
    position: relative;
    margin-bottom: 20px;
    z-index: 1
}

.news-list:not(.active) {
    display: none
}

@media screen and (min-width:641px) {
    .news-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 17px;
        margin-bottom: 43px
    }
}

.news-list:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    border: 20px solid #eea69a;
    opacity: .19;
    top: 42%;
    right: -49px;
    z-index: -1
}

@media screen and (max-width:640px) {
    .news-list:after {
        top: auto;
        bottom: -34px;
        right: 38px
    }
}

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

.news-list__item a {
    display: block
}

.news-list__img {
    position: relative
}

.news-list__img:before {
    content: "";
    display: block;
    padding-bottom: 66.6666666667%
}

.news-list__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    top: 0;
    left: 0;
    object-fit: cover
}

.news-list__ct {
    padding: 15px 19px
}

@media screen and (max-width:640px) {
    .news-list__ct {
        padding: 16px 0
    }
}

.news-list__ct-info {
    font-size: 1.3rem;
    margin-bottom: 1px
}

.news-list__ct-info span {
    display: inline-block;
    font-weight: 700;
    margin: 0 5px 3px 0
}

.news-list__ct-info time {
    display: block;
    font-weight: 500
}

.news-list__ct p {
    font-weight: 700;
    font-size: 1.6rem
}

.sec-sns {
    padding: 48px 0 84px
}

@media screen and (max-width:834px) {
    .sec-sns {
        padding: 19px 0 40px
    }

    .sec-sns .c-ttl__01 {
        margin-bottom: 17px
    }
}

.sns-ttl {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7px;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6;
    margin-bottom: 20px
}

@media screen and (max-width:359px) {
    .sns-ttl {
        font-size: 1.6rem
    }
}

@media screen and (max-width:834px) {
    .sns-ttl--sm {
        font-size: 1.6rem;
        line-height: 2
    }
}

@media screen and (max-width:359px) {
    .sns-ttl--sm {
        font-size: 1.4rem
    }
}

.sns-ttl a {
    display: inline-block;
    color: #eea69a;
    margin-left: 3px
}

.sns-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 11px;
    margin-bottom: 33px
}

@media screen and (max-width:640px) {
    .sns-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin-bottom: 26px
    }
}

.sns-list__item {
    position: relative
}

.sns-list__item:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

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

    .sns-list__item:nth-child(5),
    .sns-list__item:nth-child(6),
    .sns-list__item:nth-child(7),
    .sns-list__item:nth-child(8),
    .sns-list__item:nth-child(9),
    .sns-list__item:nth-child(10),
    .sns-list__item:nth-child(11),
    .sns-list__item:nth-child(12) {
        display: none
    }
}

.sns-list__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.sns-video {
    color: #eea69a;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: -3px 0 20px
}

@media screen and (min-width:641px) {
    .sns-video {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 41px;
        margin-bottom: 52px
    }
}

@media screen and (max-width:359px) {
    .sns-video {
        font-size: 1.4rem
    }
}

@media screen and (max-width:640px) {
    .sns-video__item:not(:last-child) {
        margin-bottom: 21px
    }
}

.sns-video__iframe {
    position: relative;
    margin-bottom: 4px
}

.sns-video__iframe:before {
    content: "";
    display: block;
    padding-bottom: 56.270096463%
}

.sns-video__iframe iframe,
.sns-video__iframe img {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    top: 0;
    left: 0;
    object-fit: cover
}

.sns-main {
    display: block;
    width: 100%;
    max-width: 745px;
    border-radius: 16px;
    margin: 0 auto 80px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .sns-main {
        margin-bottom: 20px
    }
}

.sns-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 568px;
    height: 68px;
    gap: 0 40px;
    background: #eea69a;
    border-radius: 36px;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .sns-link {
        max-width: 340px;
        height: 52px;
        gap: 0 16px
    }
}

#page-features_partners {
    background: #f2eeea
}

.partners-company {
    padding: 50px 0 80px;
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .partners-company {
        padding: 38px 0 40px;
        margin-bottom: 0
    }
}

.partners-company__ttlsub {
    margin-bottom: 54px
}

@media screen and (max-width:834px) {
    .partners-company__ttlsub {
        margin-bottom: 20px
    }
}

.partners-company__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
    margin-bottom: clamp(3.8em, 10vw, 13.3em)
}

@media screen and (max-width:834px) {
    .partners-company__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px 8px
    }
}

@media screen and (max-width:640px) {
    .partners-company__list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.partners-company__list:last-of-type {
    margin-bottom: 0
}

.partners-company__list-logo {
    text-align: center;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .partners-company__list-logo {
        margin-bottom: 10px
    }
}

.partners-company__list-logo img {
    height: 50px
}

.partners-company__list-ttl {
    text-align: center;
    margin-bottom: 14px;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1300px) {
    .partners-company__list-ttl {
        font-size: 1.5rem
    }
}

@media screen and (max-width:834px) {
    .partners-company__list-ttl {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4615384615;
        margin-bottom: 4px
    }
}

.partners-company__list-item {
    padding: 20px;
    border-radius: 16px;
    background: #fff
}

@media screen and (max-width:1300px) {
    .partners-company__list-item {
        padding: 20px 15px
    }
}

@media screen and (max-width:834px) {
    .partners-company__list-item {
        padding: 20px 10px
    }
}

.partners-company__list-item .c-txt__basic {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .partners-company__list-item .c-txt__basic {
        margin-bottom: 8px
    }
}

.disclosure-page {
    padding: 70px 0 80px
}

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

.disclosure-page__bl {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .disclosure-page__bl {
        margin-bottom: 40px
    }
}

.disclosure-page__bl:last-of-type {
    margin-bottom: 0
}

.disclosure-page__bl-ttl {
    margin-bottom: 34px
}

@media screen and (max-width:834px) {
    .disclosure-page__bl-ttl {
        margin-bottom: 20px
    }
}

@media screen and (min-width:641px) {
    .disclosure-page__bl-wp {
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #eea69a
    }
}

.disclosure-page__bl-dl {
    font-family: Zen Maru Gothic, sans-serif;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5
}

@media screen and (max-width:834px) {
    .disclosure-page__bl-dl {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.8461538462
    }

    .disclosure-page__bl-dl:last-of-type {
        margin-bottom: 0
    }
}

@media screen and (max-width:640px) {
    .disclosure-page__bl-dl {
        border-radius: 8px;
        border: 1px solid #eea69a;
        overflow: hidden;
        margin-bottom: 20px
    }
}

.disclosure-page__bl-dl:last-child dd,
.disclosure-page__bl-dl:last-child dt {
    border-bottom: none
}

.disclosure-page__bl-dt {
    width: 293px;
    padding: 20px 25px;
    background: #eea69a;
    font-weight: 700;
    color: #fff;
    font-family: Zen Maru Gothic, sans-serif;
    text-align: center;
    border-bottom: 1px solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:834px) {
    .disclosure-page__bl-dt {
        padding: 5px 20px;
        width: 240px
    }
}

@media screen and (max-width:640px) {
    .disclosure-page__bl-dt {
        width: 100%
    }
}

.disclosure-page__bl-dd {
    width: calc(100% - 293px);
    padding: 20px;
    border-bottom: 1px solid #eea69a
}

@media screen and (max-width:834px) {
    .disclosure-page__bl-dd {
        width: calc(100% - 240px);
        padding: 7px 10px;
        line-height: 1.46;
        min-height: 33px
    }
}

@media screen and (max-width:640px) {
    .disclosure-page__bl-dd {
        width: 100%;
        border-bottom: none
    }
}

.disclosure-page__bl-logo {
    margin-bottom: 8px
}

@media screen and (max-width:640px) {
    .disclosure-page__bl-logo {
        width: 70px;
        margin: 0 auto 8px
    }
}

.disclosure-page__bl-link {
    text-decoration: underline;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    display: inline-block
}

@media screen and (max-width:834px) {
    .disclosure-page__bl-link {
        padding-left: 20px
    }
}

.disclosure-page__bl-link:last-of-type {
    margin-bottom: 0
}

.disclosure-page__bl-link:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 24px;
    background: url(../img/features/disclosure/ico-pdf.svg) no-repeat 50%/100%;
    top: 0;
    left: 0
}

@media screen and (max-width:834px) {
    .disclosure-page__bl-link:before {
        width: 15px;
        height: 19px
    }
}

@media (any-hover:hover) {
    .disclosure-page__bl-link {
        transition: all .2s
    }

    .disclosure-page__bl-link:hover {
        color: #eea69a;
        opacity: 1
    }
}

.disclosure-page__bl-link--no-icon {
    padding-left: 0
}

.disclosure-page__bl-link--no-icon:before {
    display: none
}

.access-page {
    padding: 80px 0
}

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

.access-page__ttl {
    margin-bottom: 19px
}

.access-page__intro {
    max-width: 643px;
    width: 100%;
    margin: 0 auto 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .access-page__intro {
        margin-bottom: 37px
    }
}

.access-page__intro-img {
    width: 133px
}

@media screen and (max-width:640px) {
    .access-page__intro-img {
        margin: 0 auto 15px
    }
}

.access-page__intro-desc {
    width: calc(100% - 133px);
    padding-left: 20px
}

@media screen and (max-width:640px) {
    .access-page__intro-desc {
        width: 100%;
        padding-left: 0;
        line-height: 1.8
    }
}

.access-page__first {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .access-page__first {
        margin-bottom: 36px
    }
}

.access-page__first-map {
    width: 54.87%
}

@media screen and (max-width:640px) {
    .access-page__first-map {
        width: 100%;
        margin-bottom: 15px
    }
}

.access-page__first-ct {
    width: 41.18%
}

@media screen and (max-width:640px) {
    .access-page__first-ct {
        width: 100%
    }
}

.access-page__first-desc {
    margin-bottom: 60px;
    font-weight: 700
}

@media screen and (max-width:1024px) {
    .access-page__first-desc {
        margin-bottom: 40px
    }
}

@media screen and (max-width:834px) {
    .access-page__first-desc {
        margin-bottom: 20px
    }
}

.access-page__first-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

@media screen and (max-width:834px) {
    .access-page__first-list {
        gap: 15px 10px
    }
}

.access-page__first-caption {
    text-align: center;
    margin-top: 6px;
    display: block
}

.access-page__second {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .access-page__second {
        margin-bottom: 36px
    }
}

.access-page__second-ttl {
    text-align: center;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .access-page__second-ttl {
        margin-bottom: 30px
    }
}

.access-page__second-ttl span {
    display: inline-block;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.56;
    font-weight: 700;
    background: #f9f3ef;
    padding: 9px 40px;
    border-radius: 40px;
    position: relative
}

@media screen and (max-width:834px) {
    .access-page__second-ttl span {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        padding: 9px 20px
    }
}

.access-page__second-ttl span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 20px 14px 0;
    border-color: #f9f3ef transparent transparent;
    border-style: solid;
    display: inline-block;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%)
}

@media screen and (max-width:834px) {
    .access-page__second-ttl span:after {
        border-width: 10px 8px 0
    }
}

.access-page__second-wp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 54px
}

@media screen and (max-width:834px) {
    .access-page__second-wp {
        width: 80%;
        margin: 0 auto 40px
    }
}

@media screen and (max-width:640px) {
    .access-page__second-wp {
        width: 100%
    }
}

.access-page__second-label {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    background: #eea69a;
    max-width: 164px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    margin: 0 auto 20px
}

@media screen and (max-width:834px) {
    .access-page__second-label {
        font-size: 1.6rem;
        max-width: 144px;
        height: 24px
    }
}

.access-page__second-img {
    border: 2px solid #eea69a;
    border-radius: 40px;
    padding: 20px
}

.access-page__second-left {
    width: 43.54%;
    position: relative
}

@media screen and (max-width:834px) {
    .access-page__second-left {
        width: 100%;
        margin-bottom: 48px
    }
}

.access-page__second-left:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 40px 0 40px 45px;
    border-color: transparent transparent transparent #eea69a;
    border-style: solid;
    display: inline-block;
    top: 54%;
    right: 0;
    transform: translate(100%, -50%)
}

@media screen and (max-width:1024px) {
    .access-page__second-left:after {
        border-width: 30px 0 30px 30px
    }
}

@media screen and (max-width:834px) {
    .access-page__second-left:after {
        border-width: 26px 20px 0;
        border-color: #eea69a transparent transparent;
        left: 50%;
        right: auto;
        top: auto;
        bottom: 0;
        transform: translate(-50%, 100%)
    }
}

.access-page__second-caption {
    text-align: center;
    margin-bottom: 8px;
    font-weight: 700
}

.access-page__second-right {
    width: 51.8226600985%
}

@media screen and (max-width:834px) {
    .access-page__second-right {
        width: 100%
    }
}

.access-page__second-right .access-page__second-img {
    border: none;
    padding: 0;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    top: -17px;
    height: 100%
}

@media screen and (max-width:834px) {
    .access-page__second-right .access-page__second-img {
        top: 0
    }
}

.access-page__second-iframe iframe {
    width: 100%;
    height: 493px
}

@media screen and (max-width:834px) {
    .access-page__second-iframe iframe {
        height: 340px
    }
}

@media screen and (max-width:834px) {
    #page-choose_saturday .mv-page02__ttl span {
        line-height: 1.1;
        margin-top: 8px;
        margin-bottom: 17px
    }

    #page-choose_saturday .mv-page02__ttl span img {
        margin-top: -2px;
        margin-right: -3px;
        transform: translate(-13px, 12px)
    }
}

.mv-page02 {
    overflow: hidden
}

.mv-page02,
.mv-page02__img {
    position: relative
}

@media screen and (max-width:1300px) {
    .mv-page02__img {
        height: 400px
    }
}

@media screen and (max-width:834px) {
    .mv-page02__img {
        height: 700px
    }
}

@media screen and (max-width:640px) {
    .mv-page02__img {
        height: auto
    }
}

.mv-page02__img img {
    width: 100%;
    min-height: 400px
}

@media screen and (min-width:1301px) {
    .mv-page02__img img {
        object-fit: cover
    }
}

@media screen and (max-width:1300px) {
    .mv-page02__img img {
        width: 1400px;
        max-width: inherit;
        position: absolute;
        left: -100px;
        bottom: 0
    }
}

@media screen and (max-width:834px) {
    .mv-page02__img img {
        width: 100%;
        left: 0;
        right: 0;
        margin: auto
    }
}

@media screen and (max-width:640px) {
    .mv-page02__img img {
        width: 100%;
        position: static;
        max-width: 100%;
        object-position: center
    }
}

.mv-page02__ct {
    text-align: center;
    position: absolute;
    max-width: 734px;
    width: 100%;
    right: 13.8vw;
    top: 50.4%;
    transform: translateY(-50%);
    color: #fff;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:1300px) {
    .mv-page02__ct {
        max-width: 600px;
        right: 5%;
        top: 50.5%
    }
}

@media screen and (max-width:834px) {
    .mv-page02__ct {
        top: 50.5%;
        height: 94%;
        width: 100%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.mv-page02__ttl {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 18px;
    font-size: 5rem
}

@media screen and (max-width:1300px) {
    .mv-page02__ttl {
        font-size: 3.8rem
    }
}

@media screen and (max-width:834px) {
    .mv-page02__ttl {
        width: 100%;
        line-height: 1.8;
        font-size: 3.4rem
    }
}

@media screen and (max-width:640px) {
    .mv-page02__ttl {
        font-size: 2rem;
        line-height: 2
    }
}

.mv-page02__ttl span {
    display: block;
    text-align: center;
    margin-bottom: 18px;
    font-size: 3rem
}

@media screen and (max-width:1300px) {
    .mv-page02__ttl span {
        font-size: 2.2rem
    }
}

@media screen and (max-width:834px) {
    .mv-page02__ttl span {
        margin-bottom: 14px;
        font-size: 2.6rem
    }
}

@media screen and (max-width:640px) {
    .mv-page02__ttl span {
        font-size: 2rem
    }
}

.mv-page02__ttl span img {
    display: inline-block;
    width: 40px;
    margin-top: -12px;
    margin-right: 10px
}

@media screen and (max-width:834px) {
    .mv-page02__ttl span img {
        width: 30px;
        margin-top: -7px;
        margin-right: 2px;
        transform: translateX(-13px)
    }
}

.mv-page02__ttl--pink span {
    color: #f8657c
}

.mv-page02__ttl--orange span {
    color: #c58667
}

.mv-page02__ttl--yellow {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 1.5555555556
}

@media screen and (max-width:1300px) {
    .mv-page02__ttl--yellow {
        font-size: 3.5rem
    }
}

@media screen and (max-width:834px) {
    .mv-page02__ttl--yellow {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333333333
    }
}

.mv-page02__ttl--yellow span {
    color: #d49416
}

@media screen and (max-width:834px) {
    .mv-page02__ttl--yellow span {
        margin: 8px 0 9px
    }
}

@media screen and (max-width:834px) {
    .mv-page02__desc {
        position: absolute;
        bottom: 10px;
        text-align: center;
        left: 50%;
        width: 100%;
        transform: translateX(-50%)
    }
}

.mv-page02__desc span {
    display: inline-block;
    font-weight: 700;
    padding: 5px 16px;
    border-radius: 40px;
    background: #6a9788;
    font-size: 2.5rem
}

@media screen and (max-width:1300px) {
    .mv-page02__desc span {
        font-size: 1.8rem
    }
}

@media screen and (max-width:834px) {
    .mv-page02__desc span {
        font-size: 1.3rem
    }
}

.mv-page02__desc span:not(:last-child) {
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .mv-page02__desc span:not(:last-child) {
        margin-bottom: 7px
    }
}

@media screen and (min-width:835px) {
    .mv-page02__desc--line {
        margin: 0 -10px -13px
    }
}

@media screen and (min-width:835px) {
    .mv-page02__desc--line span {
        margin: 0 9px 5px
    }
}

.mv-page02__desc--02 span {
    background: #5a6d8a
}

.mv-page02__desc--03 span {
    background: #f8657c
}

.mv-page02__desc--04 span {
    background: #c58667
}

@media screen and (min-width:1301px) {
    .mv-page02__desc--05 {
        margin: 0 -90px -13px
    }
}

.mv-page02__desc--05 span {
    background: #d49416
}

.sec-choose {
    padding: 82px 0 65px
}

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

.choose-block {
    margin-bottom: 109px;
    text-align: center
}

@media screen and (max-width:834px) {
    .choose-block {
        margin-bottom: 59px
    }
}

.choose-block__heading {
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .choose-block__heading {
        line-height: 2;
        margin-bottom: 8px
    }
}

@media screen and (max-width:834px) {
    .choose-block .c-txt__basic {
        text-align: left;
        display: inline-block
    }
}

.sec-voice {
    padding: 80px 0 129px;
    background: url(../img/choose/trylight/icon-01.png) top 17px left 35% no-repeat;
    background-size: 1400px
}

@media screen and (max-width:834px) {
    .sec-voice {
        padding: 70px 0 37px;
        background: url(../img/choose/trylight/icon-01-sp.png) top 37px left 20% no-repeat;
        background-size: cover
    }
}

.sec-voice--02 {
    background: url(../img/choose/saturday/icon-01.png) top 17px left 35% no-repeat;
    background-size: 1400px
}

@media screen and (max-width:834px) {
    .sec-voice--02 {
        background: url(../img/choose/saturday/icon-01-sp.png) top 37px left 20% no-repeat;
        background-size: cover
    }
}

.sec-voice--03 {
    background: url(../img/choose/integrated/icon-01.png) top 17px left 35% no-repeat;
    background-size: cover
}

@media screen and (min-width:835px) {
    .sec-voice--03 {
        padding-bottom: 82px
    }
}

@media screen and (max-width:834px) {
    .sec-voice--03 {
        background: url(../img/choose/integrated/icon-01-sp.png) top no-repeat;
        background-size: cover
    }
}

@media screen and (min-width:835px) {
    .sec-voice--03 .voice-flex__img {
        margin-top: 16px
    }
}

.sec-voice--04 {
    background: url(../img/choose/timesaving/icon-01.png) top 17px left 35% no-repeat;
    background-size: cover;
    padding-bottom: 82px
}

@media screen and (max-width:834px) {
    .sec-voice--04 {
        background: url(../img/choose/timesaving/icon-01-sp.png) 50% no-repeat;
        background-size: cover;
        padding-bottom: 56px
    }
}

@media screen and (min-width:835px) {
    .sec-voice--04 .voice-flex__img {
        margin-top: 16px
    }
}

.sec-voice--05 {
    background: url(../img/choose/week3/icon-01.png) top 17px left 35% no-repeat;
    background-size: cover;
    padding-bottom: 105px
}

@media screen and (max-width:834px) {
    .sec-voice--05 {
        background: url(../img/choose/week3/icon-01-sp.png) 50% no-repeat;
        background-size: cover;
        padding-bottom: 36px
    }
}

@media screen and (min-width:835px) {
    .sec-voice--05 .voice-flex__img {
        margin-top: 12px
    }
}

.voice-flex {
    margin-left: calc((100vw - 100%) / 2 * -1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:834px) {
    .voice-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0
    }
}

.voice-flex__img {
    width: 57.25%;
    border-radius: 0 80px 80px 0;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .voice-flex__img {
        margin-bottom: 21px;
        margin-left: -10px;
        width: calc(100% + 10px);
        margin-right: 10px;
        border-radius: 0 12vw 12vw 0
    }
}

.voice-flex__img img {
    width: 100%
}

.voice-flex__ct {
    width: 42.75%;
    padding-left: 41px
}

@media screen and (max-width:1300px) {
    .voice-flex__ct {
        padding-left: 20px
    }
}

@media screen and (max-width:834px) {
    .voice-flex__ct {
        padding-left: 0;
        width: 100%
    }

    .voice-flex__ct .c-txt__basic {
        line-height: 1.8
    }
}

.voice-flex__heading {
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    color: #6a9788;
    line-height: 1.5;
    margin-bottom: 18px;
    font-size: 2.6rem
}

@media screen and (max-width:1300px) {
    .voice-flex__heading {
        font-size: 2rem
    }
}

@media screen and (max-width:834px) {
    .voice-flex__heading {
        margin-bottom: 23px;
        line-height: 1.2
    }
}

.voice-flex__heading--02 {
    color: #5a6d8a
}

.voice-flex__heading--03 {
    color: #f8657c
}

.voice-flex__heading--04 {
    color: #c58667
}

.voice-flex__heading--05 {
    color: #d49416
}

@media screen and (max-width:834px) {
    .voice-flex__list {
        margin: 0 auto;
        width: 100%;
        max-width: 500px
    }
}

.voice-flex__list-item:not(:last-child) {
    margin-bottom: 20px
}

.voice-flex__list-ttl {
    margin-bottom: 26px
}

.sec-life {
    padding: 45px 0 80px;
    background: #b7d1c8;
    background: linear-gradient(180deg, #b7d1c8, #85b9a8 86%)
}

@media screen and (max-width:834px) {
    .sec-life {
        padding: 28px 0 40px
    }

    .sec-life .c-ttl__02 {
        margin-bottom: 40px
    }
}

.life-bg {
    background: #fff;
    border-radius: 16px;
    padding: 40px;
    margin-bottom: 59px
}

@media screen and (max-width:834px) {
    .life-bg {
        padding: 30px 10px 47px;
        margin-bottom: 40px
    }
}

.life-list {
    position: relative
}

@media screen and (max-width:640px) {
    .life-list {
        margin: 0 auto;
        width: 100%;
        max-width: 500px
    }
}

.life-list:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 100%;
    border-left: 3px dotted #85b9a8;
    left: 51px;
    top: 0
}

@media screen and (max-width:640px) {
    .life-list:before {
        display: none
    }
}

.life-list:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-bottom: 3px solid #85b9a8;
    border-left: 3px solid #85b9a8;
    bottom: 3px;
    transform: rotate(-45deg);
    left: 41px
}

@media screen and (max-width:834px) {
    .life-list:after {
        width: 18px;
        height: 18px;
        left: 49%;
        bottom: -18px;
        transform: rotate(-45deg) translateX(-50%)
    }
}

.life-list__item {
    display: -ms-flexbox;
    display: flex
}

.life-list__item:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .life-list__item:not(:last-child) {
        margin-bottom: 35px
    }
}

@media screen and (max-width:640px) {
    .life-list__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }

    .life-list__item:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 3px;
        height: 40px;
        background: url(../img/choose/trylight/icon-dots.svg) 50% no-repeat;
        background-size: contain;
        bottom: -34px;
        left: 50%;
        transform: translateX(-50%)
    }
}

.life-list__tags {
    width: 135px;
    position: relative;
    z-index: 2
}

@media screen and (max-width:640px) {
    .life-list__tags {
        width: 100%;
        margin: 0 auto -26px;
        text-align: center;
        transform: translateY(-10px)
    }
}

.life-list__tags>span {
    display: inline-block;
    min-width: 107px;
    background: #85b9a8;
    padding: 3px 6px 7px;
    line-height: 1;
    border-radius: 30px;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    color: #fff;
    text-align: center;
    font-size: 2.5rem
}

@media screen and (max-width:1300px) {
    .life-list__tags>span {
        min-width: 90px;
        font-size: 2rem
    }
}

@media screen and (max-width:640px) {
    .life-list__tags>span {
        min-width: 96px;
        background: #85b9a8;
        padding: 7px 18px 9px;
        font-size: 1.6rem
    }
}

.life-list__tags>span>span {
    background: none;
    font-size: 2rem
}

@media screen and (max-width:640px) {
    .life-list__tags>span>span {
        font-size: 1.6rem
    }
}

.life-list__main {
    width: calc(100% - 135px);
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:640px) {
    .life-list__main {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.life-list__main-img {
    width: 264px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

.life-list__main-img:before {
    display: block;
    content: "";
    padding-top: 66.6666666667%
}

.life-list__main-img>:first-child,
.life-list__main-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width:640px) {
    .life-list__main-img {
        width: 82%;
        margin: 0 auto 12px;
        border-radius: 7vw
    }
}

.life-list__main-ct {
    width: calc(100% - 264px);
    padding-left: 20px
}

@media screen and (max-width:640px) {
    .life-list__main-ct {
        padding: 0;
        width: 100%;
        text-align: center
    }

    .life-list__main-ct .c-txt__basic {
        line-height: 1.8;
        display: inline-block;
        text-align: left
    }
}

.life-list__main-ttl {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    margin-bottom: 17px;
    color: #4e4449;
    font-size: 2.5rem
}

@media screen and (max-width:1300px) {
    .life-list__main-ttl {
        margin-bottom: 12px;
        font-size: 2rem
    }
}

@media screen and (max-width:640px) {
    .life-list__main-ttl {
        margin-bottom: 5px;
        font-size: 1.6rem
    }
}

.life-list--pink:before {
    border-left-color: #f3c6cd
}

.life-list--pink:after {
    border-color: #f3c6cd
}

.life-list--pink .life-list__tags span {
    background: #f3c6cd
}

@media screen and (max-width:834px) {
    .life-list--pink .life-list__item:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 3px;
        height: 40px;
        background: url(../img/choose/trylight/img-dots-pink.svg) 50% no-repeat;
        background-size: contain
    }
}

.life-list--orange:before {
    border-left-color: #f1d0bf
}

.life-list--orange:after {
    border-color: #f1d0bf
}

.life-list--orange .life-list__tags span {
    background: #f1d0bf
}

@media screen and (max-width:834px) {
    .life-list--orange .life-list__item:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 3px;
        height: 40px;
        background: url(../img/choose/trylight/img-dots-orange.svg) 50% no-repeat;
        background-size: contain
    }
}

.life-list--yellow:before {
    border-left-color: #f6cc4f
}

.life-list--yellow:after {
    border-color: #f6cc4f
}

.life-list--yellow .life-list__tags span {
    background: #f6cc4f
}

@media screen and (max-width:834px) {
    .life-list--yellow .life-list__item:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 3px;
        height: 40px;
        background: url(../img/choose/trylight/img-dots-yellow.svg) 50% no-repeat;
        background-size: contain
    }
}

.life-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:834px) {
    .life-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.life-content .life-bg {
    width: calc(50% - 20px);
    margin-right: 40px
}

@media screen and (max-width:1300px) {
    .life-content .life-bg {
        width: calc(50% - 10px);
        margin-right: 20px;
        padding: 25px 20px
    }
}

@media screen and (max-width:834px) {
    .life-content .life-bg {
        width: 100%;
        margin-right: 0;
        background: none;
        padding: 0
    }
}

.life-content .life-bg:nth-child(2) {
    margin-right: 0
}

.life-content .life-bg .c-ttl__04 {
    margin-bottom: 33px
}

@media screen and (max-width:834px) {
    .life-content .life-bg .c-ttl__04 {
        cursor: pointer;
        margin-bottom: 19px
    }
}

.life-content .life-bg .c-ttl__04 span {
    min-width: 100%;
    width: 100%;
    padding: 0 10px;
    font-size: 3rem
}

@media screen and (max-width:1300px) {
    .life-content .life-bg .c-ttl__04 span {
        font-size: 2.4rem
    }
}

@media screen and (max-width:834px) {
    .life-content .life-bg .c-ttl__04 span {
        text-align: left;
        border: 0;
        background: #5a6d8a;
        border-radius: 30px;
        color: #fff;
        padding: 8px 19px;
        font-size: 1.6rem
    }

    .life-content .life-bg .c-ttl__04 span:before {
        display: none
    }

    .life-content .life-bg .c-ttl__04 span:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        background: url(../img/choose/saturday/arrow.svg) 50% no-repeat;
        background-size: contain;
        right: 5px;
        top: 6px;
        transition: all .3s
    }
}

.life-content .life-bg .c-ttl__04.on span:after {
    transition: all .3s;
    transform: scaleY(-1)
}

@media screen and (max-width:834px) {
    .life-content .life-list {
        border-radius: 16px;
        background: #fff;
        padding: 30px 10px 47px
    }
}

.life-content .life-list:after,
.life-content .life-list:before {
    border-color: #6a97aa
}

@media screen and (max-width:834px) {
    .life-content .life-list:after {
        bottom: 34px
    }
}

.life-content .life-list__tags>span {
    background: #6a97aa
}

@media screen and (min-width:835px) {
    .life-content .life-list {
        width: 100%;
        padding-bottom: 43px
    }

    .life-content .life-list:before {
        left: 99px
    }
}

@media screen and (min-width:835px) and (max-width:1300px) {
    .life-content .life-list:before {
        left: 17.5%
    }
}

@media screen and (min-width:835px) {
    .life-content .life-list:after {
        left: 89px
    }
}

@media screen and (min-width:835px) and (max-width:1300px) {
    .life-content .life-list:after {
        left: 14.7%
    }
}

@media screen and (min-width:835px) {
    .life-content .life-list__tags {
        width: 100%;
        position: absolute;
        top: -10px;
        left: 0
    }
}

@media screen and (min-width:835px) and (max-width:1300px) {
    .life-content .life-list__tags {
        top: -15px
    }
}

@media screen and (min-width:835px) {
    .life-content .life-list__item {
        position: relative;
        display: block
    }

    .life-content .life-list__item:not(:last-child) {
        margin-bottom: 39px
    }

    .life-content .life-list__main {
        width: 100%
    }

    .life-content .life-list__main-img {
        width: 200px;
        position: relative;
        overflow: hidden;
        border-radius: 20px
    }

    .life-content .life-list__main-img:before {
        display: block;
        content: "";
        padding-top: 66.5%
    }

    .life-content .life-list__main-img>:first-child,
    .life-content .life-list__main-img img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media screen and (min-width:835px) and (max-width:1300px) {
    .life-content .life-list__main-img {
        width: 35%;
        border-radius: 5vw
    }
}

@media screen and (min-width:835px) {
    .life-content .life-list__main-img img {
        height: auto
    }

    .life-content .life-list__main-ct {
        width: calc(100% - 200px)
    }
}

@media screen and (min-width:835px) and (max-width:1300px) {
    .life-content .life-list__main-ct {
        width: 65%
    }
}

.sec-trylight {
    padding: 58px 0 80px;
    background: url(../img/choose/trylight/icon-02.png) top no-repeat;
    background-size: cover
}

@media screen and (max-width:834px) {
    .sec-trylight {
        padding: 31px 0 40px;
        background: url(../img/choose/trylight/icon-02-sp.png) top no-repeat;
        background-size: cover
    }
}

.sec-trylight--02 {
    background: url(../img/choose/saturday/icon-02.png) top no-repeat;
    background-size: cover
}

@media screen and (max-width:834px) {
    .sec-trylight--02 {
        background: url(../img/choose/saturday/icon-02-sp.png) top no-repeat;
        background-size: cover
    }
}

.sec-trylight--03 {
    background: url(../img/choose/integrated/icon-03.png) top no-repeat;
    background-size: cover
}

@media screen and (max-width:834px) {
    .sec-trylight--03 {
        background: url(../img/choose/integrated/icon-03-sp.png) top no-repeat;
        background-size: cover;
        padding: 63px 0 51px
    }
}

.sec-trylight--04 {
    background: url(../img/choose/timesaving/icon-03.png) top no-repeat;
    background-size: cover
}

@media screen and (max-width:834px) {
    .sec-trylight--04 {
        background: url(../img/choose/timesaving/icon-03-sp.png) top no-repeat;
        background-size: cover;
        padding: 31px 0 40px
    }
}

.sec-trylight--05 {
    background: url(../img/choose/week3/icon-03.png) top no-repeat;
    background-size: cover
}

@media screen and (max-width:834px) {
    .sec-trylight--05 {
        background: url(../img/choose/week3/icon-03-sp.png) top no-repeat;
        background-size: cover;
        padding: 31px 0 40px
    }
}

.sec-trylight .c-ttl__02 {
    margin-bottom: 53px
}

@media screen and (max-width:834px) {
    .sec-trylight .c-ttl__02 {
        margin-bottom: 39px
    }
}

.sec-trylight .c-ttl__02 .c-ft--en {
    margin-bottom: -25px
}

@media screen and (max-width:834px) {
    .sec-trylight .c-ttl__02 .c-ft--en {
        margin-bottom: -18px
    }
}

.sec-trylight .c-ttl__02 .c-ft--jp {
    line-height: 1.5
}

@media screen and (max-width:834px) {
    .sec-trylight .c-ttl__02 .c-ft--jp {
        line-height: 1.2
    }
}

@media screen and (max-width:640px) {
    .trylight-table {
        max-width: 500px;
        width: 100%;
        margin: 0 auto
    }
}

.trylight-table img {
    width: 100%
}

.sec-point {
    padding: 64px 0 81px;
    background: #b7d1c8;
    background: linear-gradient(180deg, #b7d1c8, #85b9a8 86%);
    position: relative;
    z-index: 2;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .sec-point {
        padding: 26px 0 21px
    }
}

.sec-point:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/choose/trylight/icon-03.png) top no-repeat;
    background-size: cover;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    height: auto;
    aspect-ratio: 1400/821
}

@media screen and (max-width:834px) {
    .sec-point:before {
        background: url(../img/choose/trylight/icon-03-sp.png) top no-repeat;
        background-size: cover;
        top: 21px;
        left: 42%
    }
}

.sec-point:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 170px;
    background: url(../img/choose/trylight/icon-03-02.png) top no-repeat;
    background-size: cover;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    height: auto;
    aspect-ratio: 140/17
}

@media screen and (max-width:834px) {
    .sec-point:after {
        display: none
    }
}

.sec-point--pink {
    background: linear-gradient(180deg, #f8d3ce, #f3bbc4)
}

.sec-point--orange {
    background: linear-gradient(180deg, #f3e5de, #f1d0bf)
}

.sec-point--yellow {
    background: linear-gradient(180deg, #f6ebbd, #f6e392)
}

.point-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px
}

@media screen and (max-width:1300px) {
    .point-list {
        margin: 0 -10px
    }
}

@media screen and (max-width:640px) {
    .point-list {
        margin: 0 auto;
        max-width: 500px;
        width: 100%
    }
}

.point-list__item {
    padding: 0 20px;
    width: 33.33%
}

@media screen and (max-width:1300px) {
    .point-list__item {
        padding: 0 10px
    }
}

@media screen and (max-width:834px) {
    .point-list__item {
        width: 50%;
        margin-bottom: 19px
    }
}

@media screen and (max-width:640px) {
    .point-list__item {
        width: 100%;
        padding: 0
    }
}

.point-list__img {
    border-radius: 20px 20px 0 0;
    position: relative;
    overflow: hidden
}

.point-list__img:before {
    display: block;
    content: "";
    padding-top: 66.5594855305%
}

.point-list__img>:first-child,
.point-list__img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.point-list__ct {
    padding: 20px;
    border-radius: 0 0 20px 20px;
    background: hsla(0, 0%, 100%, .8)
}

@media screen and (max-width:1300px) {
    .point-list__ct {
        padding: 20px 12px
    }
}

@media screen and (max-width:834px) {
    .point-list__ct {
        padding: 20px 10px
    }
}

.point-list__ct p {
    line-height: 1.71428;
    color: #4e4449;
    font-size: 1.4rem;
    font-weight: 500
}

@media screen and (max-width:1300px) {
    .point-list__ct p {
        font-size: 1.2rem
    }
}

@media screen and (max-width:834px) {
    .point-list__ct p {
        line-height: 1.7692;
        font-size: 1.3rem
    }
}

.point-list__ct .c-btn__01 {
    margin-top: 19px
}

@media screen and (max-width:834px) {
    .point-list__ct .c-btn__01 {
        margin-top: 9px
    }
}

@media screen and (min-width:835px) {
    .point-list__ct--bottom {
        position: relative
    }

    .point-list__ct--bottom .c-btn__01 {
        position: absolute;
        width: calc(100% - 20px);
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%)
    }
}

.point-list__ttl {
    font-family: Zen Maru Gothic, sans-serif;
    color: #6a9788;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 15px;
    font-size: 1.6rem
}

@media screen and (max-width:1300px) {
    .point-list__ttl {
        font-size: 1.4rem
    }
}

@media screen and (max-width:834px) {
    .point-list__ttl {
        margin-bottom: 10px;
        line-height: 1.2;
        font-size: 2rem
    }
}

.point-list__ttl--02 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3333333333;
    margin: 0 -3px 17px
}

@media screen and (max-width:990px) {
    .point-list__ttl--02 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        margin-bottom: 11px
    }
}

@media screen and (min-width:835px) {
    .point-list__ttl--03 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333333333;
        margin: 0 -3px 17px
    }
}

.point-list--pink {
    padding-bottom: 14px
}

.point-list--pink .point-list__ttl {
    color: #f8657c
}

.point-list--orange .point-list__ttl {
    color: #c58667
}

.point-list--yellow .point-list__ttl {
    color: #d49416
}

.sec-comparison {
    padding: 44px 0 80px
}

@media screen and (max-width:834px) {
    .sec-comparison {
        padding: 29px 0 40px
    }
}

.sec-comparison--noct {
    padding-top: 80px
}

@media screen and (max-width:834px) {
    .sec-comparison--noct {
        padding-top: 40px
    }
}

.comparison-table {
    margin-bottom: 159px
}

@media screen and (max-width:1300px) {
    .comparison-table {
        margin-bottom: 100px
    }
}

@media screen and (max-width:834px) {
    .comparison-table {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 83px
    }
}

.comparison-table img {
    width: 100%
}

.comparison-btn {
    display: block;
    max-width: 745px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:1300px) {
    .comparison-btn {
        max-width: 580px
    }
}

@media screen and (max-width:834px) {
    .comparison-btn {
        max-width: 440px
    }
}

@media screen and (max-width:640px) {
    .comparison-btn {
        max-width: 340px
    }
}

.comparison-btn img {
    width: 100%
}

.sec-five {
    padding: 66px 0 0;
    background: #b7d1c8;
    background: linear-gradient(180deg, #b7d1c8, #85b9a8 86%)
}

@media screen and (max-width:834px) {
    .sec-five {
        padding: 29px 0 40px
    }
}

.sec-five--pink {
    background: linear-gradient(180deg, #f8d3ce, #f3bbc4)
}

.sec-five--orange {
    background: linear-gradient(180deg, #f3e5de, #f1d0bf)
}

.sec-five--yellow {
    background: linear-gradient(180deg, #f6ebbd, #f6e392)
}

.sec-five .c-ttl__02 {
    margin-bottom: 64px
}

@media screen and (max-width:1300px) {
    .sec-five .c-ttl__02 {
        margin-bottom: 35px
    }
}

@media screen and (max-width:834px) {
    .sec-five .c-ttl__02 {
        margin-bottom: 13px
    }
}

.sec-five .inner {
    max-width: 1180px
}

.five-list {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px
}

@media screen and (max-width:834px) {
    .five-list {
        margin: 0 auto;
        max-width: 500px;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px 0;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:640px) {
    .five-list {
        margin: 0 -7px;
        width: calc(100% + 14px);
        max-width: calc(100% + 14px)
    }
}

.five-list__item {
    padding: 0 10px;
    width: 20%
}

@media screen and (max-width:834px) {
    .five-list__item {
        padding: 0 5px;
        width: 33.33%
    }
}

.five-list__item a {
    display: block
}

.five-list__img img {
    width: 100%
}

.bg-blue {
    background: #adc5cf;
    background: linear-gradient(180deg, #adc5cf, #6a97aa 86%)
}

.bg-pink {
    background: linear-gradient(180deg, #f8d3ce, #f3bbc4)
}

.bg-orange {
    background: linear-gradient(180deg, #f3e5de, #f1d0bf)
}

.bg-yellow {
    background: linear-gradient(180deg, #f6ebbd, #f6e392)
}

.bg-white {
    background: #fff
}

.dual-top {
    padding: 75px 0 112px;
    padding-right: calc((100% - 1015px) / 2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: url(../img/features/dual/bg-dual-top.png) no-repeat top/1400px
}

@media screen and (max-width:1300px) {
    .dual-top {
        padding-right: 85px
    }
}

@media screen and (max-width:1024px) {
    .dual-top {
        padding-right: 10px
    }
}

@media screen and (max-width:834px) {
    .dual-top {
        padding: 48px 0 43px
    }
}

.dual-top__img {
    width: 52.36%;
    border-radius: 0 80px 80px 0;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .dual-top__img img {
        height: 373px;
        width: 100%;
        object-fit: cover
    }
}

@media screen and (max-width:834px) {
    .dual-top__img {
        width: 57.36%;
        border-radius: 0 40px 40px 0
    }

    .dual-top__img img {
        height: auto
    }
}

@media screen and (max-width:640px) {
    .dual-top__img {
        width: calc(100% - 20px);
        margin-bottom: 20px
    }
}

.dual-top__ct {
    width: 39.44%
}

@media screen and (max-width:640px) {
    .dual-top__ct {
        width: 100%;
        padding: 0 10px
    }
}

.dual-top__ct-ttl {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.46875;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .dual-top__ct-ttl {
        font-size: 2rem;
        margin-bottom: 14px
    }
}

.dual-top__ct-ttl span {
    font-size: 62.5%;
    font-weight: 500;
    display: block;
    font-family: Noto Sans JP, sans-serif;
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .dual-top__ct-ttl span {
        font-size: 1.6rem;
        margin-bottom: 18px
    }
}

.dual-top__ct .c-txt__basic {
    line-height: 2
}

@media screen and (max-width:834px) {
    .dual-top__ct .c-txt__basic {
        line-height: 1.75
    }
}

.dual-education {
    padding-bottom: 72px
}

@media screen and (max-width:834px) {
    .dual-education {
        padding-bottom: 40px
    }
}

.dual-education__ttl {
    margin-bottom: 72px
}

@media screen and (max-width:834px) {
    .dual-education__ttl {
        margin-bottom: 22px
    }
}

.dual-education__ttl-last {
    margin-bottom: 0
}

.dual-education__chart {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .dual-education__chart {
        margin-bottom: 15px
    }
}

.dual-education__desc {
    line-height: 2;
    margin-bottom: 70px
}

@media screen and (max-width:834px) {
    .dual-education__desc {
        margin-bottom: 22px;
        line-height: 1.75
    }
}

.dual-education__desc p {
    margin-bottom: 32px
}

@media screen and (max-width:834px) {
    .dual-education__desc p {
        margin-bottom: 24px
    }
}

.dual-education__desc p:last-of-type {
    margin-bottom: 0
}

.dual-main {
    padding: 64px 0 73px;
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .dual-main {
        padding: 33px 0 42px
    }
}

.dual-main__ttl {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .dual-main__ttl {
        margin-bottom: 16px
    }
}

.dual-main__between {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2.8rem;
    text-align: center;
    font-weight: 700;
    position: relative;
    padding: 50px 0;
    color: #dc8670;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .dual-main__between {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.1;
        padding: 34px 0;
        margin-bottom: 20px
    }
}

.dual-main__between:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 30px 18px 0;
    border-color: #eea69a transparent transparent;
    border-style: solid;
    display: inline-block;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@media screen and (max-width:834px) {
    .dual-main__between:after {
        border-width: 20px 15px 0
    }
}

.dual-main__between:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 18px 30px;
    border-color: transparent transparent #eea69a;
    border-style: solid;
    display: inline-block;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

@media screen and (max-width:834px) {
    .dual-main__between:before {
        border-width: 0 15px 20px
    }
}

.dual-main__between:last-child {
    font-size: 3.4rem;
    line-height: 1.88;
    padding-top: 42px;
    padding-bottom: 0;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .dual-main__between:last-child {
        font-size: 3rem
    }
}

@media screen and (max-width:834px) {
    .dual-main__between:last-child {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2;
        padding-top: 33px
    }
}

.dual-main__between:last-child:before {
    display: none
}

.dual-main__between:last-child:after {
    top: 0;
    bottom: auto
}

@media screen and (max-width:834px) {
    .dual-main__between:last-child:after {
        border-width: 21px 15px 0
    }
}

.dual-point {
    padding: 60px 0 80px
}

@media screen and (max-width:834px) {
    .dual-point {
        padding: 29px 0 40px
    }
}

@media screen and (max-width:834px) {
    .dual-point__ttl {
        margin-bottom: 20px
    }
}

.dual-point .dual-block {
    background: #f2eeea;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .dual-point .dual-block {
        margin-bottom: 40px
    }
}

.dual-point .dual-block:last-of-type {
    margin-bottom: 0
}

.dual-flow {
    padding: 45px 0 80px;
    background: #f2eeea;
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    .dual-flow {
        padding: 30px 0 20px;
        margin-bottom: 40px
    }
}

@media screen and (max-width:834px) {
    .dual-flow__ttl {
        margin-bottom: 18px
    }
}

.dual-flow__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
}

.dual-flow__list-item {
    width: calc((100% - 40px) / 2);
    background: #fff;
    border-radius: 16px;
    padding: 40px 40px 30px
}

@media screen and (max-width:834px) {
    .dual-flow__list-item {
        width: calc((100% - 20px) / 2);
        padding: 20px 10px 10px
    }
}

@media screen and (max-width:640px) {
    .dual-flow__list-item {
        width: 100%;
        margin-bottom: 20px
    }
}

.dual-flow__list-ttl {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #dc8670;
    border-radius: 30px;
    border: 2px solid #dc8670;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 20px 8px
}

@media screen and (max-width:834px) {
    .dual-flow__list-ttl {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        max-width: 270px;
        margin: 0 auto 15px;
        padding: 0 20px 3px
    }
}

.dual-flow__list-ttl:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #dc8670;
    border-left: 2px solid #dc8670;
    background: #fff;
    bottom: -3.5px;
    left: 49%;
    z-index: 2;
    transform: rotate(-45deg) translateX(-50%)
}

.dual-flow__list-content {
    counter-reset: b;
    position: relative
}

.dual-flow__list-content:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 95%;
    border-left: 3px dotted #eea69a;
    top: 14px;
    left: 22px
}

@media screen and (max-width:834px) {
    .dual-flow__list-content:before {
        top: 20px;
        height: 93%
    }
}

.dual-flow__list-content:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 18px;
    background: url(../img/features/dual/arr-down.png) no-repeat 50%/100%;
    left: 8px;
    bottom: 10px
}

.dual-flow__list-dl {
    padding-left: 65px;
    padding-bottom: 10px;
    padding-top: 12px;
    position: relative
}

@media screen and (max-width:834px) {
    .dual-flow__list-dl {
        padding-left: 55px;
        padding-bottom: 3px
    }
}

.dual-flow__list-dl:before {
    counter-increment: b;
    content: counter(b);
    position: absolute;
    top: 10px;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #eea69a;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2.5rem;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .dual-flow__list-dl:before {
        top: 5px
    }
}

.dual-flow__list-dt {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 17px
}

@media screen and (max-width:834px) {
    .dual-flow__list-dt {
        font-size: 2rem;
        margin-bottom: 4px
    }
}

.dual-flow__list-dd p {
    margin-bottom: 20px
}

.dual-flow__list-dd p:last-of-type {
    margin-bottom: 0;
    min-height: 50px
}

.dual-flow__list-img {
    max-width: 298px;
    border-radius: 13px;
    overflow: hidden;
    margin-top: 20px
}

@media screen and (max-width:834px) {
    .dual-flow__list-img {
        margin-top: 7px
    }
}

.dual-movie {
    padding: 80px 0
}

@media screen and (max-width:834px) {
    .dual-movie {
        padding: 40px 0
    }
}

@media screen and (max-width:640px) {
    .dual-movie .c-movie__ttl {
        margin-bottom: 16px
    }
}

.dual-movie .c-movie__ttl span {
    padding: 0 37px
}

@media screen and (max-width:834px) {
    #page-career .dual-top__ct-ttl {
        text-align: center
    }
}

.sec-feature {
    padding: 80px 0 34px
}

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

.feature-box {
    max-width: 808px;
    width: 100%;
    margin: 0 auto 50px
}

@media screen and (max-width:1300px) {
    .feature-box {
        max-width: 600px
    }
}

@media screen and (max-width:834px) {
    .feature-box {
        margin-bottom: 0;
        max-width: 340px
    }
}

.feature-box img {
    width: 100%
}

.sec-step {
    padding: 117px 0 80px;
    background: #f2eeea;
    position: relative;
    z-index: 2
}

@media screen and (max-width:834px) {
    .sec-step {
        padding: 76px 0 60px
    }
}

.sec-step:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/features/icon-02.png) top no-repeat;
    background-size: cover;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

@media screen and (max-width:834px) {
    .sec-step:before {
        background: url(../img/features/icon-02-sp.png) top no-repeat;
        background-size: cover;
        top: 0;
        left: 50%
    }
}

.step-list__item:not(:last-child) {
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    .step-list__item:not(:last-child) {
        margin-bottom: 40px
    }
}

.step-list__item .partners-company__list {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .step-list__item .partners-company__list {
        margin-bottom: 23px
    }
}

.step-list__heading {
    text-align: center;
    color: #4e4449;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 52px;
    font-size: 3rem;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:1300px) {
    .step-list__heading {
        font-size: 2.4rem
    }
}

@media screen and (max-width:834px) {
    .step-list__heading {
        margin-bottom: 42px;
        line-height: 1.2;
        font-size: 2rem
    }
}

.step-list__heading span {
    margin-bottom: 13px;
    display: block
}

@media screen and (max-width:834px) {
    .step-list__heading span {
        margin-bottom: 23px
    }
}

.step-list__heading span img {
    width: auto;
    height: 95px
}

@media screen and (max-width:1300px) {
    .step-list__heading span img {
        height: 70px
    }
}

@media screen and (max-width:834px) {
    .step-list__heading span img {
        height: 95px
    }
}

.step-list__box {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 40px
}

@media screen and (max-width:834px) {
    .step-list__box {
        max-width: 200px
    }
}

.step-list__box img {
    width: 100%
}

.step-list__option {
    margin: 0 -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:1300px) {
    .step-list__option {
        margin: 0 -10px
    }
}

@media screen and (max-width:834px) {
    .step-list__option {
        margin: 0 -7px
    }
}

@media screen and (max-width:640px) {
    .step-list__option {
        margin: 0;
        gap: 20px 0
    }
}

.step-list__option-item {
    padding: 0 20px;
    width: 33.33%
}

@media screen and (max-width:1300px) {
    .step-list__option-item {
        padding: 0 10px
    }
}

@media screen and (max-width:834px) {
    .step-list__option-item {
        padding: 0 7px
    }
}

@media screen and (max-width:640px) {
    .step-list__option-item {
        padding: 0;
        width: 100%
    }
}

.step-list__option-img {
    border-radius: 16px 16px 0;
    position: relative;
    overflow: hidden
}

.step-list__option-img:before {
    display: block;
    content: "";
    padding-top: 66.5594855305%
}

.step-list__option-img>:first-child,
.step-list__option-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.step-list__option-ct {
    background: #fff;
    padding: 21px;
    border-radius: 0 0 16px 16px
}

@media screen and (max-width:1300px) {
    .step-list__option-ct {
        padding: 20px 15px
    }
}

@media screen and (max-width:834px) {
    .step-list__option-ct {
        padding: 20px 10px
    }

    .step-list__option-ct .c-txt__basic {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692
    }
}

.step-list__option-heading {
    color: #dc8670;
    font-weight: 700;
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 23px;
    font-size: 2.5rem
}

@media screen and (max-width:1300px) {
    .step-list__option-heading {
        margin-bottom: 15px;
        font-size: 2.2rem
    }
}

@media screen and (max-width:834px) {
    .step-list__option-heading {
        margin-bottom: 13px;
        font-size: 2rem
    }
}

.step-list__option-ttl {
    font-family: Zen Maru Gothic, sans-serif;
    color: #4e4449;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 18px;
    font-size: 2rem
}

@media screen and (max-width:1300px) {
    .step-list__option-ttl {
        font-size: 1.7rem
    }
}

@media screen and (max-width:834px) {
    .step-list__option-ttl {
        margin-bottom: 5px;
        line-height: 1.4;
        font-size: 1.6rem
    }
}

.sec-aim {
    padding: 70px 0 75px
}

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

.aim-heading {
    text-align: center;
    margin-bottom: 56px;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .aim-heading {
        margin-bottom: 37px;
        font-size: 2rem
    }
}

.aim-heading span {
    display: block;
    margin-bottom: -10px;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .aim-heading span {
        margin-bottom: 4px;
        font-size: 1.3rem
    }
}

.aim-list {
    margin: 0 -20px 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 58px 0
}

@media screen and (max-width:1300px) {
    .aim-list {
        gap: 40px 0;
        margin: 0 -10px 40px
    }
}

@media screen and (max-width:834px) {
    .aim-list {
        gap: 20px 0;
        margin: 0 -7px 40px
    }
}

@media screen and (max-width:640px) {
    .aim-list {
        margin: 0 0 40px
    }
}

.aim-list__item {
    padding: 0 20px;
    width: 50%
}

@media screen and (max-width:1300px) {
    .aim-list__item {
        padding: 0 10px
    }
}

@media screen and (max-width:834px) {
    .aim-list__item {
        padding: 0 7px;
        width: 50%
    }
}

@media screen and (max-width:640px) {
    .aim-list__item {
        width: 100%;
        padding: 0
    }
}

.aim-list__item .c-btn__01--pink,
.aim-list__item .c-btn__01--yellow {
    color: #4e4449
}

.aim-list__item .c-btn__01--pink:hover {
    color: #f5bcc4
}

.aim-list__item .c-btn__01--yellow:hover {
    color: #4e4449
}

.aim-list__img {
    border-radius: 16px 16px 0 0;
    position: relative;
    overflow: hidden
}

.aim-list__img:before {
    display: block;
    content: "";
    padding-top: 66.7351129363%
}

.aim-list__img>:first-child,
.aim-list__img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.aim-list__ct {
    background: #f2eeea;
    border-radius: 0 0 16px 16px;
    padding: 20px
}

@media screen and (max-width:1300px) {
    .aim-list__ct {
        padding: 20px 15px
    }
}

@media screen and (max-width:834px) {
    .aim-list__ct {
        padding: 20px 10px
    }

    .aim-list__ct .c-txt__basic {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692
    }
}

.aim-list__ttl {
    color: #4e4449;
    font-weight: 700;
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 16px;
    font-size: 2.5rem
}

@media screen and (max-width:1300px) {
    .aim-list__ttl {
        font-size: 2.2rem
    }
}

@media screen and (max-width:834px) {
    .aim-list__ttl {
        margin-bottom: 5px;
        font-size: 2rem
    }
}

.aim-list__btn {
    margin-top: 20px
}

@media screen and (max-width:834px) {
    .aim-list__btn {
        margin-top: 10px
    }
}

.aim-list__btn-item:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .aim-list__btn-item:not(:last-child) {
        margin-bottom: 10px
    }
}

.sec-greetings {
    padding: 59px 0 81px
}

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

    .sec-greetings .c-ttl__01 {
        margin-bottom: 19px
    }

    .sec-greetings .c-ttl__01 span {
        font-size: 4.5rem
    }
}

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

.tabs-content__bg {
    padding: 80px 39px;
    background: #f2eeea;
    border-radius: 16px
}

@media screen and (max-width:1300px) {
    .tabs-content__bg {
        padding: 70px 25px
    }
}

@media screen and (max-width:834px) {
    .tabs-content__bg {
        padding: 21px 10px
    }

    .tabs-content__bg .c-txt__basic {
        line-height: 1.77
    }
}

.tabs-content__year {
    position: relative
}

@media screen and (max-width:834px) {
    .tabs-content__year {
        padding-bottom: 21px
    }
}

.tabs-content__year:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 100%;
    background: #eea69a;
    left: 90px;
    top: 5px
}

@media screen and (max-width:834px) {
    .tabs-content__year:after {
        left: 40px
    }
}

.tabs-content__year-item {
    display: -ms-flexbox;
    display: flex
}

.tabs-content__year-item:not(:last-child) {
    margin-bottom: 31.5px
}

@media screen and (max-width:834px) {
    .tabs-content__year-item:not(:last-child) {
        margin-bottom: 18px
    }
}

.tabs-content__year-number {
    line-height: 1;
    width: 121px;
    color: #eea69a;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 3rem;
    position: relative
}

@media screen and (max-width:834px) {
    .tabs-content__year-number {
        width: 58px;
        margin-top: 2px;
        font-size: 1.3rem
    }
}

.tabs-content__year-number:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #eea69a;
    border-radius: 50%;
    right: 20px;
    top: 5px
}

@media screen and (max-width:834px) {
    .tabs-content__year-number:after {
        right: 8px;
        top: 2px;
        width: 16px;
        height: 16px
    }
}

.tabs-content__year-desc {
    width: calc(100% - 121px);
    padding-top: 1px
}

@media screen and (max-width:834px) {
    .tabs-content__year-desc {
        padding-top: 0;
        margin-top: -5px;
        width: calc(100% - 58px)
    }
}

.tabs-content__use {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    gap: 160px 0;
    margin-bottom: 169px
}

@media screen and (max-width:1300px) {
    .tabs-content__use {
        margin: 0 -10px 170px
    }
}

@media screen and (max-width:834px) {
    .tabs-content__use {
        margin: 0 0 101px;
        gap: 19px 0
    }
}

.tabs-content__use-item {
    width: 33.33%;
    padding: 0 20px
}

@media screen and (max-width:1300px) {
    .tabs-content__use-item {
        padding: 0 10px
    }
}

@media screen and (max-width:834px) {
    .tabs-content__use-item {
        padding: 0;
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .tabs-content__use-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 4px
    }
}

.tabs-content__use-box {
    background: #f2eeea;
    border-radius: 16px;
    position: relative;
    padding: 122px 20px 18px
}

@media screen and (max-width:1300px) {
    .tabs-content__use-box {
        padding: 120px 10px 15px
    }
}

@media screen and (max-width:834px) {
    .tabs-content__use-box {
        padding: 20px 10px 17px
    }
}

.tabs-content__use-img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 0 auto;
    top: -100px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    overflow: hidden
}

@media screen and (max-width:834px) {
    .tabs-content__use-img {
        width: 160px;
        height: 160px;
        position: static;
        left: 0;
        top: 0;
        transform: translateX(0)
    }
}

@media screen and (max-width:640px) {
    .tabs-content__use-img {
        width: 100px;
        height: 100px
    }
}

.tabs-content__use-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tabs-content__use-name {
    text-align: center;
    color: #dc8670;
    font-weight: 700;
    margin-bottom: 16px;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .tabs-content__use-name {
        padding-left: 20px;
        margin-bottom: 0;
        text-align: left;
        width: calc(100% - 160px);
        font-size: 1.6rem
    }
}

@media screen and (max-width:640px) {
    .tabs-content__use-name {
        width: calc(100% - 100px)
    }
}

.tabs-content__use-name span {
    display: block;
    line-height: 1.5;
    font-size: 1.6rem
}

@media screen and (max-width:834px) {
    .tabs-content__use-name span {
        font-size: 1.3rem
    }
}

.tabs-content__use-ttl {
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px
}

@media screen and (max-width:1300px) {
    .tabs-content__use-ttl {
        font-size: 1.4rem
    }
}

@media screen and (max-width:834px) {
    .tabs-content__use-ttl {
        margin-bottom: 3px;
        font-size: 1.3rem
    }
}

.tabs-content__option {
    background: #f2eeea;
    border-radius: 16px;
    padding: 40px 4px 50px;
    position: relative
}

@media screen and (max-width:834px) {
    .tabs-content__option {
        padding: 20px 10px 42px
    }
}

.tabs-content__option-heading {
    top: -28px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:834px) {
    .tabs-content__option-heading {
        top: -21px
    }
}

.tabs-content__option-note {
    text-align: right;
    font-weight: 500;
    color: #4e4449;
    padding-right: 10px;
    margin-bottom: 4px;
    font-size: 1.4rem
}

@media screen and (max-width:1300px) {
    .tabs-content__option-note {
        font-size: 1.3rem
    }
}

@media screen and (max-width:834px) {
    .tabs-content__option-note {
        font-size: 1.4rem
    }
}

.tabs-content__option-flex {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:834px) {
    .tabs-content__option-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.tabs-content__option-list {
    width: 33.33%;
    border-right: 1px solid #fff
}

@media screen and (max-width:834px) {
    .tabs-content__option-list {
        width: 100%;
        border-right: 0
    }

    .tabs-content__option-list:not(:last-child) {
        border-bottom: 1px solid #fff;
        padding: 0 0 16px;
        margin-bottom: 14px
    }

    .tabs-content__option-list:nth-child(2) .tabs-content__option-item:nth-child(14),
    .tabs-content__option-list:nth-child(2) .tabs-content__option-item:nth-child(17) {
        margin-bottom: 25px
    }

    .tabs-content__option-list:nth-child(2) .tabs-content__option-item:nth-child(20) {
        margin-bottom: 0
    }

    .tabs-content__option-list:nth-child(2) .tabs-content__option-item:nth-child(23) {
        margin-bottom: 27px
    }

    .tabs-content__option-list:nth-child(2) .tabs-content__option-item:nth-child(27) {
        margin-bottom: 25px
    }

    .tabs-content__option-list:nth-child(3) .tabs-content__option-item:nth-child(6) {
        margin-bottom: 0
    }

    .tabs-content__option-list:nth-child(3) .tabs-content__option-item:nth-child(8) {
        margin-bottom: 28px
    }

    .tabs-content__option-list:nth-child(3) .tabs-content__option-item:nth-child(20) {
        margin-bottom: 0
    }

    .tabs-content__option-list:nth-child(3) .tabs-content__option-item:nth-child(28) {
        margin-bottom: 25px
    }
}

.tabs-content__option-list:nth-child(3) {
    border-right: 0
}

.tabs-content__option-item {
    padding: 0 16px;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.769;
    color: #1a1618;
    margin-bottom: 2px;
    font-size: 1.3rem
}

@media screen and (max-width:1300px) {
    .tabs-content__option-item {
        padding: 0 10px;
        font-size: 1.2rem
    }
}

@media screen and (max-width:834px) {
    .tabs-content__option-item {
        padding: 0;
        font-size: 1.3rem
    }

    .tabs-content__option-item:nth-child(6),
    .tabs-content__option-item:nth-child(20) {
        margin-bottom: 25px
    }
}

.tabs-content__option-ttl {
    font-weight: 700
}

.tabs-content__option-desc {
    width: calc(100% - 86px);
    letter-spacing: -.2px
}

@media screen and (max-width:834px) {
    .tabs-content__option-desc {
        letter-spacing: 0
    }
}

.greetings-box__flex {
    margin-bottom: 37px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:834px) {
    .greetings-box__flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 5px
    }
}

.greetings-box__flex-img {
    width: 183px
}

@media screen and (max-width:834px) {
    .greetings-box__flex-img {
        width: 57%;
        margin: 0 auto 10px;
        max-width: 260px
    }
}

.greetings-box__flex-img img {
    width: 100%
}

.greetings-box__flex-ct {
    width: calc(100% - 183px);
    padding-left: 42px;
    padding-top: 4px
}

@media screen and (max-width:834px) {
    .greetings-box__flex-ct {
        padding: 0;
        width: 100%
    }
}

.greetings-box__flex-ttl {
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    color: #4e4449;
    margin-bottom: 21px;
    font-size: 2.5rem
}

@media screen and (max-width:834px) {
    .greetings-box__flex-ttl {
        margin-bottom: 11px;
        font-size: 1.6rem
    }
}

.greetings-box__flex-desc {
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    color: #4e4449;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .greetings-box__flex-desc {
        font-size: 1.6rem
    }
}

.greetings-box__flex-desc span {
    margin-right: 20px;
    font-size: 1.6rem
}

@media screen and (max-width:834px) {
    .greetings-box__flex-desc span {
        font-size: 1.3rem
    }
}

.sec-institution {
    padding: 30px 0 80px;
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .sec-institution {
        padding: 22px 0 40px
    }

    .sec-institution .c-ttl__01 {
        margin-bottom: 19px
    }

    .sec-institution .c-ttl__01 span {
        font-size: 4.5rem
    }
}

.institution-ttl {
    text-align: center;
    margin-bottom: 43px
}

@media screen and (max-width:834px) {
    .institution-ttl {
        margin-bottom: 34px
    }
}

.institution-ttl span {
    display: inline-block;
    background: #fff;
    padding: 10px 114px 7px;
    border-radius: 50px;
    font-weight: 700;
    color: #4e4449;
    line-height: 1.56;
    position: relative;
    font-size: 2.5rem
}

@media screen and (max-width:1300px) {
    .institution-ttl span {
        font-size: 2.2rem;
        padding: 10px 80px
    }
}

@media screen and (max-width:834px) {
    .institution-ttl span {
        padding: 10px;
        max-width: 340px;
        width: 100%;
        line-height: 1.4615;
        font-size: 1.3rem
    }
}

.institution-ttl span:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 20px;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/features/institution/icon-01.svg) 50% no-repeat;
    background-size: contain
}

@media screen and (max-width:834px) {
    .institution-ttl span:after {
        width: 18px;
        height: 15px;
        bottom: -13px;
        left: 52%
    }
}

.institution-flex {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:834px) {
    .institution-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.institution-flex__list {
    padding-right: 20px;
    width: 50%
}

@media screen and (max-width:1300px) {
    .institution-flex__list {
        padding-right: 0
    }
}

@media screen and (max-width:834px) {
    .institution-flex__list {
        width: 100%
    }
}

.institution-flex__list-item {
    background: #eea69a;
    border-radius: 50px;
    padding: 9px 39px;
    color: #fff;
    min-height: 78px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.institution-flex__list-item:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .institution-flex__list-item {
        padding: 5px 20px 5px 30px;
        min-height: 63px
    }
}

.institution-flex__list-ttl {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    width: 55px;
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .institution-flex__list-ttl {
        width: 37px;
        font-size: 2.5rem
    }
}

.institution-flex__list-desc {
    width: calc(100% - 55px);
    font-size: 1.6rem;
    font-weight: 700
}

@media screen and (max-width:1300px) {
    .institution-flex__list-desc {
        font-size: 1.4rem
    }
}

@media screen and (max-width:834px) {
    .institution-flex__list-desc {
        width: calc(100% - 37px);
        font-size: 1.3rem
    }
}

.institution-flex__list-desc span {
    display: inline-block;
    margin-right: 4px
}

.institution-flex__list-desc a {
    padding: 3px 16px 2px;
    border-radius: 20px;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    margin-top: 5px
}

@media screen and (max-width:834px) {
    .institution-flex__list-desc a {
        padding: 3px 11px 2px
    }
}

.institution-flex__list-desc a.active {
    color: #eea69a;
    background: #fff
}

@media (any-hover:hover) {
    .institution-flex__list-desc a:hover {
        opacity: 1;
        color: #eea69a;
        background: #fff
    }
}

.institution-flex__tab {
    width: 50%;
    padding-left: 20px
}

@media screen and (max-width:834px) {
    .institution-flex__tab {
        width: 100%;
        padding-left: 0;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 9999;
        padding: 100px 20px;
        overflow-y: auto;
        background: rgba(51, 51, 51, .3)
    }

    .institution-flex__tab.on {
        display: block
    }
}

.institution-flex__tab-item {
    display: none;
    background: #fff;
    padding: 20px 10px;
    margin: 0 auto;
    border-radius: 39px
}

@media screen and (max-width:834px) {
    .institution-flex__tab-item {
        max-width: 540px
    }
}

.institution-flex__tab-item.active {
    display: block
}

.institution-flex__tab-item .c-ttl__04 {
    margin-bottom: 32px
}

@media screen and (max-width:834px) {
    .institution-flex__tab-item .c-ttl__04 {
        margin-bottom: 19px
    }
}

.institution-flex__tab-item .c-ttl__04 span {
    min-width: 100%;
    padding-left: 5px;
    padding-right: 5px
}

.institution-flex__tab-img-item {
    border-radius: 16px;
    position: relative;
    overflow: hidden
}

.institution-flex__tab-img-item:before {
    display: block;
    content: "";
    padding-top: 66.5297741273%
}

.institution-flex__tab-img-item>:first-child,
.institution-flex__tab-img-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.institution-flex__tab-img-item:not(:last-child) {
    margin-bottom: 20px
}

.institution-flex__tab-img-item img {
    width: 100%
}

.institution-flex__tab-close {
    width: 45px;
    margin-left: auto;
    margin-bottom: 10px;
    cursor: pointer
}

.institution-flex__tab-close img {
    width: 100%
}

.sec-link {
    background: #fff;
    padding: 80px 0
}

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

.sec-link .link-btn {
    display: block;
    max-width: 745px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:1300px) {
    .sec-link .link-btn {
        max-width: 600px
    }
}

.sec-link .link-btn img {
    width: 100%
}

.course-page {
    padding: 50px 0 80px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .course-page {
        padding: 16px 0 40px
    }
}

@media screen and (max-width:834px) {
    .course-page__ttl {
        margin-bottom: 15px
    }
}

.course-page__intro {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    max-width: 717px;
    margin: 0 auto 60px
}

@media screen and (max-width:834px) {
    .course-page__intro {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.8461538462;
        margin-bottom: 36px
    }
}

.course-page__intro span {
    color: #dc8670
}

.course-page__intro p {
    margin-bottom: 23px
}

@media screen and (max-width:834px) {
    .course-page__intro p {
        margin-bottom: 5px
    }
}

.course-page__intro-txt-lead {
    text-align: center
}

@media screen and (max-width:834px) {
    .course-page__intro-txt-lead {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.course-page__intro-dots li {
    position: relative;
    padding-left: 13px
}

.course-page__intro-dots li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0
}

.course-features {
    background: #f2eeea url(../img/course/bg-mark.png) no-repeat top/100%;
    padding: 50px 0 0;
    margin-bottom: 100px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .course-features {
        padding: 18px 0 40px;
        margin-bottom: 40px
    }
}

@media screen and (max-width:640px) {
    .course-features {
        background: #f2eeea url(../img/course/bg-mark-sp.png) no-repeat top 40px center/100%
    }
}

.course-features__ttl {
    margin-bottom: 75px
}

@media screen and (max-width:834px) {
    .course-features__ttl {
        margin-bottom: 53px
    }
}

.course-features__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px
}

.course-features__list-item {
    width: 33.33%;
    padding: 0 20px;
    margin-bottom: 76px;
    position: relative
}

@media screen and (max-width:834px) {
    .course-features__list-item {
        width: 50%
    }
}

@media screen and (max-width:640px) {
    .course-features__list-item {
        width: 100%;
        margin-bottom: 55px
    }

    .course-features__list-item:last-of-type {
        margin-bottom: 0
    }
}

.course-features__list-img {
    border-radius: 16px 16px 0 0;
    overflow: hidden
}

.course-features__list-number {
    position: absolute;
    top: 0;
    left: 20px;
    transform: translateY(-50%)
}

.course-features__list-number img {
    height: 73px
}

.course-features__list-wp {
    margin-bottom: 13px
}

@media screen and (max-width:834px) {
    .course-features__list-wp {
        margin-bottom: 7px
    }
}

.course-features__list-ct {
    background: #fff;
    padding: 20px;
    border-radius: 0 0 16px 16px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .course-features__list-ct {
        padding: 24px 10px 20px
    }
}

.course-features__list-desc {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143
}

.course-features__list-ttl {
    text-align: center;
    font-size: 2rem;
    line-height: 1.2;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    color: #dc8670;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .course-features__list-ttl {
        margin-bottom: 6px
    }
}

.course-block__top {
    padding-right: calc((100% - 1015px) / 2);
    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: 85px
}

@media screen and (max-width:1300px) {
    .course-block__top {
        padding-right: 85px
    }
}

@media screen and (max-width:1024px) {
    .course-block__top {
        padding-right: 10px
    }
}

@media screen and (max-width:834px) {
    .course-block__top {
        margin-bottom: 60px
    }
}

@media screen and (max-width:640px) {
    .course-block__top {
        padding-right: 0
    }
}

.course-block__top-img {
    width: 57.15%;
    border-radius: 0 80px 80px 0;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .course-block__top-img img {
        height: 373px;
        width: 100%;
        object-fit: cover
    }
}

@media screen and (max-width:834px) {
    .course-block__top-img {
        width: 48.36%;
        border-radius: 0 40px 40px 0
    }

    .course-block__top-img img {
        height: auto
    }
}

@media screen and (max-width:640px) {
    .course-block__top-img {
        width: calc(100% - 20px);
        margin-bottom: 32px
    }
}

.course-block__top-ct {
    width: 39.44%;
    margin-top: -12px
}

@media screen and (max-width:834px) {
    .course-block__top-ct {
        width: 48%
    }
}

@media screen and (max-width:640px) {
    .course-block__top-ct {
        width: 100%;
        padding: 0 10px
    }
}

.course-block__top-ttl {
    margin-bottom: 22px
}

.course-block__top-ttl span.txt-sm {
    font-size: 2rem;
    display: inline-block;
    border: 2px solid #f3c6cd;
    color: #f8657c;
    max-width: 345px;
    width: 100%;
    padding: 2px 10px;
    margin: 0 auto;
    border-radius: 30px;
    position: relative;
    margin-bottom: 15px
}

@media screen and (max-width:834px) {
    .course-block__top-ttl span.txt-sm {
        max-width: 270px;
        font-size: 1.6rem;
        padding: 3px 10px;
        margin-bottom: 24px
    }
}

.course-block__top-ttl span.txt-sm:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #f3c6cd;
    border-left: 2px solid #f3c6cd;
    background: #fff;
    bottom: -3.5px;
    left: 49%;
    transform: rotate(-45deg) translateX(-50%)
}

.course-block__top-ttl span.txt-lg {
    width: 100%;
    display: block;
    text-align: left
}

@media screen and (max-width:640px) {
    .course-block__top-ttl span.txt-lg {
        text-align: center
    }
}

.course-block__top-ttl--yellow span.txt-sm {
    color: #d49416;
    border-color: #f6ebbd
}

.course-block__top-ttl--yellow span.txt-sm:before {
    border-bottom: 2px solid #f6ebbd;
    border-left: 2px solid #f6ebbd
}

.course-block__top-ttl--blue span.txt-sm {
    color: #5a6d8a;
    border-color: #8ea8b3
}

.course-block__top-ttl--blue span.txt-sm:before {
    border-bottom: 2px solid #8ea8b3;
    border-left: 2px solid #8ea8b3
}

.course-block__top-dl {
    margin-bottom: 20px
}

.course-block__top-dt {
    display: inline-block;
    padding: 0 8px;
    border-radius: 8px;
    background: #f3e5de;
    font-size: 2rem;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    color: #c58667
}

@media screen and (max-width:834px) {
    .course-block__top-dt {
        font-size: 1.1rem;
        border-radius: 4px
    }
}

.course-block__top-dt--yellow {
    color: #d49416;
    background: #f6ebbd
}

.course-block__top-dt--green {
    color: #6a9788;
    background: rgba(183, 209, 200, .3)
}

.course-block__top-dt--blue {
    color: #5a6d8a;
    background: rgba(142, 168, 179, .3)
}

.course-block__top-table {
    margin-bottom: 15px
}

.course-block__top-ttlsub {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .course-block__top-ttlsub {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5
    }
}

@media screen and (max-width:640px) {
    .course-block__top-ttlsub {
        text-align: center
    }
}

.course-block__top-ttlsub--sm {
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .course-block__top-ttlsub--sm {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5
    }
}

@media screen and (min-width:835px) {
    .course-block__top-desc {
        line-height: 2
    }
}

.course-block__job {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px
}

@media screen and (max-width:990px) {
    .course-block__job {
        max-width: 450px;
        margin: 0 auto 37px
    }
}

.course-block__job-ttl {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -70%)
}

.integrated-top {
    padding: 80px 0 68px
}

@media screen and (max-width:834px) {
    .integrated-top {
        padding: 57px 0 30px
    }
}

.course-schedule {
    padding: 50px 0 56px;
    background: #f2eeea url(../img/course/integrated/bg-mark-02.png) no-repeat top/100%
}

@media screen and (max-width:834px) {
    .course-schedule {
        padding: 20px 0 42px;
        background: #f2eeea url(../img/course/integrated/bg-mark-sp.png) no-repeat top/100%
    }
}

.course-schedule .life-box {
    margin-bottom: 40px
}

#page-course_integrated .sec-point {
    padding-top: 0;
    background: #fff url(../img/course/integrated/bg-mark.png) no-repeat top -64px center/100%
}

@media screen and (max-width:834px) {
    #page-course_integrated .sec-point {
        padding-bottom: 40px;
        background: #fff url(../img/course/integrated/bg-mark-02-sp.png) no-repeat top 9% center/100%
    }
}

#page-course_integrated .sec-point .c-ttl__02 {
    margin-bottom: 100px
}

@media screen and (max-width:834px) {
    #page-course_integrated .sec-point .c-ttl__02 {
        margin-bottom: 73px
    }
}

#page-course_integrated .point-list__item {
    position: relative
}

@media screen and (max-width:834px) {
    #page-course_integrated .point-list__item {
        margin-bottom: 54px
    }

    #page-course_integrated .point-list__item:last-of-type {
        margin-bottom: 0
    }
}

#page-course_integrated .point-list__ct {
    background: rgba(243, 198, 205, .5);
    padding-bottom: 20px
}

@media screen and (max-width:834px) {
    #page-course_integrated .point-list__ct {
        padding: 24px 10px 18px
    }
}

#page-course_integrated .point-list__ct .c-btn__01 {
    margin-top: 20px;
    position: relative;
    transform: none;
    left: 0;
    bottom: 0
}

@media screen and (max-width:834px) {
    #page-course_integrated .point-list__ct .c-btn__01 {
        margin-top: 10px
    }
}

#page-course_integrated .point-list__ttl {
    color: #f8657c
}

@media screen and (max-width:834px) {
    #page-course_integrated .point-list__ttl {
        margin-bottom: 18px
    }
}

@media screen and (max-width:834px) {
    #page-course_integrated .choose-list__item:not(:last-child) {
        margin-bottom: 40px
    }
}

#page-course_hellowork .sec-point {
    padding: 0;
    background: #fff url(../img/course/hellowork/bg-mark-02.png) no-repeat top -64px center/100%
}

@media screen and (max-width:834px) {
    #page-course_hellowork .sec-point {
        padding-bottom: 40px;
        background: #fff url(../img/course/integrated/bg-mark-02-sp.png) no-repeat top 9% center/100%
    }
}

#page-course_hellowork .sec-point .c-ttl__02 {
    margin-bottom: 100px
}

@media screen and (max-width:834px) {
    #page-course_hellowork .sec-point .c-ttl__02 {
        margin-bottom: 55px
    }
}

#page-course_hellowork .course-movie {
    padding-bottom: 83px
}

@media screen and (min-width:641px) {
    #page-course_hellowork .choose-list__item {
        width: 50%;
        padding: 0 10px
    }
}

@media screen and (min-width:835px) {
    #page-course_hellowork .choose-list__item {
        padding: 0 20px
    }
}

#page-course_hellowork .choose-list__item:not(:last-child) {
    margin-bottom: 43px
}

.scroll-hint-icon {
    padding: 6px
}

.scroll-hint-icon:before {
    width: 20px;
    height: 20px
}

.scroll-hint-icon:after {
    margin-left: -10px;
    top: 4px;
    width: 17px;
    height: 7px;
    background-size: 100%
}

.course-curriculum {
    padding: 45px 0 80px
}

@media screen and (max-width:834px) {
    .course-curriculum {
        padding: 30px 0 20px
    }
}

.course-curriculum__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 40px;
    margin-bottom: 15px
}

@media screen and (max-width:834px) {
    .course-curriculum__list {
        gap: 20px 20px
    }
}

@media screen and (max-width:640px) {
    .course-curriculum__list {
        grid-template-columns: 1fr;
        gap: 20px 0
    }
}

.course-curriculum__list-item {
    border-radius: 16px;
    overflow: hidden;
    background: rgba(243, 198, 205, .5)
}

.course-curriculum__list-ct {
    padding: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500;
    min-height: 162px
}

@media screen and (max-width:834px) {
    .course-curriculum__list-ct {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
        padding: 22px 10px 18px;
        min-height: 0
    }
}

.course-curriculum__list-ttl {
    font-size: 2.5rem;
    font-family: Zen Maru Gothic, sans-serif;
    color: #f8657c;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (max-width:834px) {
    .course-curriculum__list-ttl {
        margin-bottom: 8px;
        font-size: 2rem
    }
}

.course-curriculum__note {
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .course-curriculum__note {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
        text-align: left
    }
}

.course-program {
    padding: 57px 0 80px
}

@media screen and (max-width:834px) {
    .course-program {
        padding: 48px 0 40px
    }
}

.course-program__wrapper {
    background: #f2eeea;
    border-radius: 16px;
    padding: 40px 20px;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .course-program__wrapper {
        padding: 40px 20px 13px;
        margin-bottom: 5px
    }
}

.course-program__ttl {
    position: relative;
    transform: translateY(38%)
}

.course-program__acc {
    margin-bottom: 25px
}

@media screen and (max-width:834px) {
    .course-program__acc {
        margin-bottom: 20px
    }

    .course-program__acc:last-of-type {
        margin-bottom: 0
    }
}

@media screen and (min-width:641px) {
    .course-program__acc-label {
        pointer-events: none
    }
}

@media screen and (max-width:640px) {
    .course-program__acc-label {
        height: 36px;
        position: relative
    }

    .course-program__acc-label:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 27px;
        height: 27px;
        background: url(../img/course/integrated/arr-acc.png) no-repeat 50%/100%;
        top: calc(50% - 13.5px);
        right: 5px;
        transition: all .3s ease
    }

    .course-program__acc-label.on:after {
        transform: rotate(180deg)
    }
}

.course-program__acc-list {
    max-width: 900px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:640px) {
    .course-program__acc-list {
        display: none
    }
}

.course-program__acc-list li {
    width: 33.33%
}

@media screen and (max-width:834px) {
    .course-program__acc-list li {
        width: 50%
    }
}

@media screen and (max-width:640px) {
    .course-program__acc-list li {
        width: 100%
    }
}

.course-program__note {
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .course-program__note {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
        text-align: left
    }
}

.course-fee {
    background: url(../img/course/hellowork/bg-mark.png) no-repeat top/100%;
    padding: 90px 0 74px
}

@media screen and (max-width:834px) {
    .course-fee {
        padding: 37px 0 28px;
        background: url(../img/course/hellowork/bg-mark-sp.png) no-repeat top/100%
    }
}

.course-fee__btn {
    max-width: 745px;
    margin: 0 auto 60px;
    display: block
}

@media screen and (max-width:834px) {
    .course-fee__btn {
        margin-bottom: 42px
    }
}

.course-fee__ttl {
    text-align: center;
    margin-bottom: 60px;
    position: relative
}

@media screen and (max-width:834px) {
    .course-fee__ttl {
        margin-bottom: 20px
    }
}

.course-fee__ttl>span {
    font-size: 3.3rem;
    display: inline-block;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    position: relative;
    padding: 0 40px
}

@media screen and (max-width:834px) {
    .course-fee__ttl>span {
        font-size: 1.9rem;
        padding: 0 27px
    }
}

.course-fee__ttl>span:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 75px;
    background: #dc8670;
    left: 12px;
    bottom: -10px;
    transform: rotate(-32deg)
}

@media screen and (max-width:834px) {
    .course-fee__ttl>span:before {
        height: 50px;
        left: 7px;
        bottom: 0
    }
}

.course-fee__ttl>span:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 75px;
    background: #dc8670;
    right: 12px;
    bottom: -10px;
    transform: rotate(32deg)
}

@media screen and (max-width:834px) {
    .course-fee__ttl>span:after {
        height: 50px;
        right: 7px;
        bottom: 0
    }
}

.course-fee__ttl>span strong {
    display: inline-block;
    margin-left: 10px;
    color: #dc8670
}

.course-fee__ttl>span .txt-note {
    font-size: 1.3rem;
    display: block
}

@media screen and (max-width:834px) {
    .course-fee__ttl>span .txt-note {
        font-size: 1.2rem
    }
}

.course-fee__wp {
    padding-right: calc((100% - 1015px) / 2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 86px
}

@media screen and (max-width:1300px) {
    .course-fee__wp {
        padding-right: 85px
    }
}

@media screen and (max-width:1024px) {
    .course-fee__wp {
        padding-right: 10px
    }
}

@media screen and (max-width:834px) {
    .course-fee__wp {
        margin-bottom: 62px
    }
}

.course-fee__img {
    width: 57.36%;
    border-radius: 0 80px 80px 0;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .course-fee__img img {
        height: 373px;
        width: 100%;
        object-fit: cover
    }
}

@media screen and (max-width:834px) {
    .course-fee__img {
        width: 57.36%;
        border-radius: 0 40px 40px 0
    }

    .course-fee__img img {
        height: auto
    }
}

@media screen and (max-width:640px) {
    .course-fee__img {
        width: calc(100% - 20px);
        margin-bottom: 17px
    }
}

.course-fee__ct {
    width: 39.44%
}

@media screen and (max-width:640px) {
    .course-fee__ct {
        width: 100%;
        padding: 0 10px
    }
}

.course-fee__ct-ttl {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.46875;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .course-fee__ct-ttl {
        font-size: 2rem;
        margin-bottom: 16px
    }
}

@media screen and (max-width:640px) {
    .course-fee__ct-ttl {
        text-align: center
    }
}

.course-fee__ct-ttl span {
    font-size: 62.5%;
    font-weight: 500;
    display: block;
    font-family: Noto Sans JP, sans-serif;
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .course-fee__ct-ttl span {
        font-size: 1.6rem;
        margin-bottom: 18px
    }
}

.course-fee__ct .c-txt__basic {
    line-height: 2
}

@media screen and (max-width:834px) {
    .course-fee__ct .c-txt__basic {
        line-height: 1.75
    }
}

.course-questions {
    padding: 52px 0 100px;
    background: #f2eeea url(../img/course/hellowork/bg-mark-03.png) no-repeat 50%/100%
}

@media screen and (max-width:834px) {
    .course-questions {
        padding: 18px 0 20px;
        background: #f2eeea url(../img/course/hellowork/bg-mark-03-sp.png) no-repeat 50%/100%
    }
}

@media screen and (max-width:834px) {
    .course-questions__ttl {
        margin-bottom: 17px
    }
}

.course-questions__block {
    margin-bottom: 54px
}

@media screen and (max-width:834px) {
    .course-questions__block {
        margin-bottom: 29px
    }
}

.course-questions__block .c-label__01 {
    color: #fff;
    max-width: 745px;
    border-radius: 30px;
    margin: 0 auto 20px
}

.course-questions__block-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 40px
}

@media screen and (max-width:834px) {
    .course-questions__block-list {
        gap: 0 8px;
        margin-bottom: -17px
    }
}

.course-questions__block-list li {
    font-family: Zen Maru Gothic, sans-serif;
    width: calc((100% - 80px) / 3);
    height: 112px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 15px;
    position: relative;
    border-radius: 16px;
    text-align: center;
    border: 3px solid
}

@media screen and (max-width:834px) {
    .course-questions__block-list li {
        border: 2px solid;
        padding: 20px 0;
        margin-bottom: 16px
    }
}

@media screen and (max-width:640px) {
    .course-questions__block-list li {
        width: calc((100% - 8px) / 2)
    }
}

.course-questions__block-list li:first-child,
.course-questions__block-list li:nth-child(3) {
    margin-top: 40px
}

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

    .course-questions__block-list li:first-child,
    .course-questions__block-list li:nth-child(3) {
        margin-top: 20px
    }
}

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

    .course-questions__block-list li:first-child,
    .course-questions__block-list li:nth-child(3) {
        margin-top: 0
    }
}

.course-questions__block-list li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid #eea69a;
    border-left: 3px solid #eea69a;
    background: #fff;
    bottom: -3.5px;
    left: 49%;
    transform: rotate(-45deg) translateX(-50%)
}

@media screen and (max-width:834px) {
    .course-questions__block-list li:before {
        border-bottom: 2px solid #eea69a;
        border-left: 2px solid #eea69a
    }
}

.course-questions__block-list--yellow li {
    background: #fef4ea;
    border-color: #f8c995
}

.course-questions__block-list--yellow li:before {
    border-bottom: 3px solid #f8c995;
    border-left: 3px solid #f8c995;
    background: #fef4ea
}

@media screen and (max-width:834px) {
    .course-questions__block-list--yellow li:before {
        border-bottom: 2px solid #f8c995;
        border-left: 2px solid #f8c995
    }
}

.course-questions__block-list--pink li {
    background: #fdf2f3;
    border-color: #f5bcc4
}

.course-questions__block-list--pink li:before {
    border-bottom: 3px solid #f5bcc4;
    border-left: 3px solid #f5bcc4;
    background: #fdf2f3
}

@media screen and (max-width:834px) {
    .course-questions__block-list--pink li:before {
        border-bottom: 2px solid #f5bcc4;
        border-left: 2px solid #f5bcc4
    }
}

.course-questions__block-list--pink li:nth-child(2) {
    margin-top: 40px
}

@media screen and (max-width:834px) {
    .course-questions__block-list--pink li:nth-child(2) {
        margin-top: 20px
    }
}

@media screen and (max-width:640px) {
    .course-questions__block-list--pink li:nth-child(2) {
        margin-top: 0
    }
}

.course-questions__block-list--green li {
    background: #edf7f4;
    border-color: #a5d6c9
}

.course-questions__block-list--green li:before {
    border-bottom: 2px solid #a5d6c9;
    border-left: 2px solid #a5d6c9;
    background: #edf7f4
}

@media screen and (max-width:834px) {
    .course-questions__block-list--green li:before {
        border-bottom: 3px solid #a5d6c9;
        border-left: 3px solid #a5d6c9
    }
}

.course-questions__block-list--violet li {
    background: #edf0f9;
    border-color: #a3b3df
}

.course-questions__block-list--violet li:before {
    border-bottom: 3px solid #a3b3df;
    border-left: 3px solid #a3b3df;
    background: #edf0f9
}

@media screen and (max-width:834px) {
    .course-questions__block-list--violet li:before {
        border-bottom: 2px solid #a3b3df;
        border-left: 2px solid #a3b3df
    }
}

.course-contact {
    padding: 30px 0 80px
}

@media screen and (max-width:834px) {
    .course-contact {
        padding: 18px 0 20px
    }
}

.course-contact__table {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eea69a
}

@media screen and (max-width:834px) {
    .course-contact__table {
        border: none
    }
}

.course-contact__table table {
    width: 100%;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .course-contact__table table {
        font-size: 1.6rem
    }
}

@media screen and (max-width:834px) {
    .course-contact__table table>* {
        display: block
    }
}

@media screen and (max-width:834px) {
    .course-contact__table table tr {
        display: block;
        margin-bottom: 20px;
        border-radius: 8px;
        border: 1px solid #eea69a
    }
}

.course-contact__table table tr td,
.course-contact__table table tr th {
    border-bottom: 1px solid #eea69a;
    padding: 20px
}

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

    .course-contact__table table tr td,
    .course-contact__table table tr th {
        display: block;
        border-bottom: none;
        padding: 5px 12px
    }
}

.course-contact__table table tr th {
    width: 293px;
    color: #fff;
    background: #eea69a;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    text-align: center
}

@media screen and (max-width:834px) {
    .course-contact__table table tr th {
        width: 100%
    }
}

.course-contact__table table tr td {
    width: calc(100% - 293px);
    font-weight: 500
}

@media screen and (max-width:834px) {
    .course-contact__table table tr td {
        width: 100%;
        padding: 8px 10px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4615384615
    }
}

.course-contact__table table tr td dl {
    margin-bottom: 22px
}

.course-contact__table table tr td dl:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .course-contact__table table tr td dl {
        margin-bottom: 19px
    }
}

.course-contact__table table tr td a {
    text-decoration: underline
}

.course-contact__table table tr:last-of-type td,
.course-contact__table table tr:last-of-type th {
    border-bottom: none
}

#page-course_training .dual-top {
    background: none
}

@media screen and (min-width:835px) {
    #page-course_training .dual-top {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width:834px) {
    #page-course_training .dual-top {
        padding-top: 40px
    }
}

@media screen and (min-width:835px) {
    #page-course_training .dual-top__img {
        width: 57.36%
    }
}

#page-course_training .course-schedule {
    background: #f2eeea url(../img/course/training/bg-mark-02.png) no-repeat top 30% center/100%;
    padding: 50px 0 25px
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule {
        padding: 26px 0 25px;
        background: #f2eeea url(../img/course/training/bg-mark-02-sp.png) no-repeat top 30% center/100%
    }
}

#page-course_training .course-schedule .c-ttl__01 {
    margin-bottom: 34px
}

#page-course_training .course-schedule table {
    font-family: Zen Maru Gothic, sans-serif;
    width: 100%
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule table {
        display: block
    }
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule table tbody {
        display: block;
        width: 100%
    }
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule table tr {
        display: block;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 10px;
        border: 1px solid #eea69a
    }

    #page-course_training .course-schedule table tr:last-of-type {
        margin-bottom: 0
    }
}

#page-course_training .course-schedule table tr td,
#page-course_training .course-schedule table tr th {
    padding: 20px 15px;
    border-right: 1px solid #eea69a
}

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

    #page-course_training .course-schedule table tr td,
    #page-course_training .course-schedule table tr th {
        display: block;
        padding: 6px 9px;
        border-right: none
    }
}

#page-course_training .course-schedule table tr th {
    width: 14.7692307692%;
    color: #fff;
    background: #eea69a;
    font-weight: 700;
    border-bottom: 1px solid #fff
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule table tr th {
        width: 100%;
        text-align: center;
        font-size: 1.6rem
    }
}

#page-course_training .course-schedule table tr td {
    border-bottom: 1px solid #eea69a
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule table tr td {
        font-size: 1.3rem;
        line-height: 1.46
    }
}

#page-course_training .course-schedule table tr td:nth-child(2) {
    width: 15.8974358974%
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule table tr td:nth-child(2) {
        width: 100%
    }
}

#page-course_training .course-schedule table tr td:nth-child(3) {
    width: 69.3333333333%;
    border-right: none
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule table tr td:nth-child(3) {
        border-bottom: none;
        width: 100%
    }
}

#page-course_training .course-schedule table tr:last-of-type td,
#page-course_training .course-schedule table tr:last-of-type th {
    border-bottom: none
}

@media screen and (max-width:834px) {
    #page-course_training .course-schedule .life-box {
        margin-bottom: 20px
    }
}

@media screen and (max-width:520px) {
    #page-course_training .life-box__table picture {
        display: block;
        width: 520px
    }
}

#page-course_training .life-box__table02 {
    border: 1px solid #eea69a;
    border-radius: 8px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    #page-course_training .life-box__table02 {
        border: none
    }
}

#page-course_training .sec-point {
    background: #fff;
    padding-top: 50px
}

@media screen and (max-width:834px) {
    #page-course_training .sec-point {
        padding: 26px 0 40px
    }
}

#page-course_training .sec-point .c-ttl__01 {
    line-height: 1.1;
    margin-bottom: 70px
}

@media screen and (max-width:834px) {
    #page-course_training .sec-point .c-ttl__01 {
        margin-bottom: 75px
    }
}

#page-course_training .sec-point .c-ttl__01 span {
    margin-bottom: -25px
}

@media screen and (max-width:834px) {
    #page-course_training .sec-point .c-ttl__01 span {
        margin-bottom: -16px
    }
}

#page-course_training .sec-point .point-list {
    -ms-flex-pack: center;
    justify-content: center
}

#page-course_training .sec-point .point-list__ttl {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3333333333;
    color: #dc8670;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    #page-course_training .sec-point .point-list__ttl {
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 8px
    }
}

.training-partner {
    padding: 80px 0;
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .training-partner {
        padding: 37px 0
    }
}

@media screen and (max-width:834px) {
    .training-partner .partners-company {
        padding-top: 20px
    }
}

.training-partner__ttlsub {
    text-align: center;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.56;
    font-weight: 700;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .training-partner__ttlsub {
        font-size: 1.6rem;
        margin-bottom: 20px
    }
}

.training-partner__desc {
    margin-bottom: 40px;
    line-height: 2
}

@media screen and (max-width:834px) {
    .training-partner__desc {
        margin-bottom: 20px;
        line-height: 1.769
    }
}

.training-partner--modify {
    padding-bottom: 0
}

@media screen and (min-width:835px) {
    .training-partner--modify+.training-voice {
        padding-top: 40px
    }
}

@media screen and (max-width:834px) {
    .training-voice {
        padding-top: 26px
    }
}

.training-voice .dual-top {
    padding-top: 0 !important;
    padding-bottom: 135px !important;
    padding-right: 0;
    padding-left: calc((100% - 1155px) / 2)
}

@media screen and (max-width:1300px) {
    .training-voice .dual-top {
        padding-left: 85px
    }
}

@media screen and (max-width:1024px) {
    .training-voice .dual-top {
        padding-left: 10px
    }
}

@media screen and (max-width:834px) {
    .training-voice .dual-top {
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width:640px) {
    .training-voice .dual-top {
        padding-left: 0;
        padding-bottom: 40px !important
    }
}

.training-voice .dual-top__img {
    border-radius: 80px 0 0 80px
}

@media screen and (max-width:834px) {
    .training-voice .dual-top__img {
        width: 53.36%
    }
}

@media screen and (max-width:640px) {
    .training-voice .dual-top__img {
        width: 100%;
        -ms-flex-order: 1;
        order: 1;
        border-radius: 40px 0 0 40px;
        margin-left: auto
    }
}

.training-voice .dual-top__ct {
    padding-right: 0
}

@media screen and (max-width:834px) {
    .training-voice .dual-top__ct {
        width: 43.44%
    }
}

@media screen and (max-width:640px) {
    .training-voice .dual-top__ct {
        width: 100%;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 10px;
        line-height: 1.79
    }
}

.training-voice .dual-top__ct-date {
    margin-top: 20px;
    display: block;
    text-align: right;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .training-voice .dual-top__ct-date {
        margin-top: 0
    }
}

@media screen and (max-width:640px) {
    .training-voice .dual-top__ct-ttl {
        margin-bottom: 3px;
        text-align: center
    }
}

.sec-expert {
    padding: 99px 0 62px;
    background: url(../img/features/dual/bg-dual-top.png) no-repeat top/1400px
}

@media screen and (max-width:834px) {
    .sec-expert {
        padding: 45px 0 46px;
        background: url(../img/features/expert/icon-01-sp.png) no-repeat top;
        background-size: cover
    }
}

.sec-expert .dual-top {
    padding-top: 0;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 0;
    background: none
}

.sec-expert .dual-top .c-txt__basic {
    margin-bottom: 15px
}

@media screen and (max-width:834px) {
    .sec-expert .dual-top .c-txt__basic {
        margin-bottom: 20px
    }
}

@media screen and (min-width:835px) {
    .sec-expert .dual-top__img {
        width: 57.2%
    }
}

@media screen and (max-width:834px) {
    .sec-expert .dual-top .c-ttl__04 {
        margin-bottom: 3px
    }
}

@media screen and (max-width:1300px) {
    .sec-expert .dual-top .c-ttl__04 span {
        min-width: 100%
    }
}

.sec-expert .dual-top__number {
    text-align: right;
    font-weight: 500;
    color: #4e4449;
    font-size: 1.4rem
}

@media screen and (max-width:834px) {
    .sec-expert .dual-top__number {
        font-size: 1.3rem
    }
}

.sec-expert .dual-top__number>span {
    font-family: Zen Maru Gothic, sans-serif;
    text-align: center;
    color: #dc8670;
    font-weight: 700;
    display: block;
    margin-bottom: -16px;
    font-size: 10rem
}

@media screen and (max-width:1300px) {
    .sec-expert .dual-top__number>span {
        font-size: 8rem
    }
}

@media screen and (max-width:834px) {
    .sec-expert .dual-top__number>span {
        margin-bottom: -18px;
        font-size: 5rem
    }
}

.sec-expert .dual-top__number>span span {
    font-size: 7.5rem
}

@media screen and (max-width:1300px) {
    .sec-expert .dual-top__number>span span {
        font-size: 5rem
    }
}

@media screen and (max-width:834px) {
    .sec-expert .dual-top__number>span span {
        font-size: 3rem
    }
}

.expert-heading {
    text-align: center;
    margin-bottom: 81px
}

@media screen and (max-width:834px) {
    .expert-heading {
        margin-bottom: 26px
    }
}

.expert-heading>span {
    position: relative;
    padding: 0 64px;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    display: inline-block;
    font-size: 4rem
}

@media screen and (max-width:834px) {
    .expert-heading>span {
        padding: 0 30px;
        font-size: 2rem
    }
}

.expert-heading>span span {
    margin-bottom: -13px;
    display: block;
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .expert-heading>span span {
        margin-bottom: -3px;
        font-size: 1.6rem
    }
}

.expert-heading>span:after,
.expert-heading>span:before {
    content: "";
    width: 64px;
    height: 125px;
    background: url(../img/features/expert/icon-ttl-before.svg) 50% no-repeat;
    background-size: contain;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    position: absolute
}

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

    .expert-heading>span:after,
    .expert-heading>span:before {
        width: 30px;
        height: 59px
    }
}

.expert-heading>span:after {
    left: auto;
    right: 0;
    background: url(../img/features/expert/icon-ttl-after.svg) 50% no-repeat;
    background-size: contain
}

.course-features--02 {
    background: #fff;
    margin-bottom: 2px
}

@media screen and (max-width:834px) {
    .course-features--02 {
        margin-bottom: 0
    }
}

.course-features--02 .c-ttl__01 {
    margin-bottom: 92px
}

@media screen and (max-width:834px) {
    .course-features--02 .c-ttl__01 {
        margin-bottom: 52px
    }
}

.course-features--02 .course-features__list-item {
    margin-bottom: 65px
}

@media screen and (max-width:834px) {
    .course-features--02 .course-features__list-item {
        margin-bottom: 56px
    }

    .course-features--02 .course-features__list-item:last-child {
        margin-bottom: 0
    }
}

.course-features--02 .course-features__list-ct {
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .course-features--02 .course-features__list-ct {
        padding: 23px 11px 11px
    }
}

.dual-main--02 {
    padding: 52px 0 40px
}

@media screen and (max-width:834px) {
    .dual-main--02 {
        padding: 19px 0
    }
}

.dual-main--02 .dual-main__ttl {
    margin-bottom: 43px
}

@media screen and (max-width:834px) {
    .dual-main--02 .dual-main__ttl {
        margin-bottom: 12px
    }
}

.sec-flow {
    padding: 50px 0 38px
}

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

.flow-block {
    text-align: center;
    margin-bottom: 59px
}

@media screen and (max-width:834px) {
    .flow-block {
        margin-bottom: 18px;
        text-align: left
    }
}

.flow-img {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .flow-img {
        margin-bottom: 20px
    }
}

.flow-img img {
    width: 100%
}

.flow-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flow-list:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 78px;
    background: url(../img/features/expert/icon-04.png) 50% no-repeat;
    background-size: contain;
    top: 50.5%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:834px) {
    .flow-list:before {
        display: none
    }
}

.flow-list__item {
    margin-bottom: 42px
}

@media screen and (max-width:834px) {
    .flow-list__item {
        margin-bottom: 19px
    }
}

.flow-list__item:not(:last-child) {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .flow-list__item:not(:last-child) {
        margin-bottom: 19px
    }
}

@media screen and (max-width:834px) {
    .flow-list__item {
        width: 100%
    }

    .flow-list__item:first-child {
        -ms-flex-order: 1;
        order: 1
    }

    .flow-list__item:nth-child(2) {
        -ms-flex-order: 2;
        order: 2
    }

    .flow-list__item:nth-child(3) {
        -ms-flex-order: 4;
        order: 4
    }

    .flow-list__item:nth-child(4) {
        -ms-flex-order: 3;
        order: 3
    }
}

@media screen and (min-width:835px) {

    .flow-list__item:first-child,
    .flow-list__item:nth-child(4) {
        width: 100%
    }

    .flow-list__item:first-child .flow-list__box,
    .flow-list__item:nth-child(4) .flow-list__box {
        margin: 0 auto
    }

    .flow-list__item:first-child .flow-list__box::after,
    .flow-list__item:first-child .flow-list__box::before,
    .flow-list__item:nth-child(4) .flow-list__box:after,
    .flow-list__item:nth-child(4) .flow-list__box:before {
        content: "";
        height: 50px;
        width: 76px;
        background: url(../img/features/expert/icon-02.png) 50% no-repeat;
        background-size: contain;
        bottom: -28px;
        left: -92px;
        position: absolute
    }

    .flow-list__item:first-child .flow-list__box::after,
    .flow-list__item:nth-child(4) .flow-list__box:after {
        background: url(../img/features/expert/icon-03.png) 50% no-repeat;
        background-size: contain;
        right: -87px;
        left: auto;
        bottom: -24px
    }

    .flow-list__item:nth-child(4) {
        margin-top: -20px
    }

    .flow-list__item:nth-child(4) .flow-list__box:after,
    .flow-list__item:nth-child(4) .flow-list__box:before {
        bottom: 0;
        top: 0
    }

    .flow-list__item:nth-child(4) .flow-list__box:before {
        background: url(../img/features/expert/icon-05.png) 50% no-repeat;
        background-size: contain
    }

    .flow-list__item:nth-child(4) .flow-list__box:after {
        background: url(../img/features/expert/icon-06.png) 50% no-repeat;
        background-size: contain
    }
}

.flow-list__box {
    max-width: 311px;
    width: 100%;
    position: relative;
    padding: 20px 35px;
    border-radius: 16px;
    background: hsla(32, 88%, 78%, .2)
}

@media screen and (max-width:834px) {
    .flow-list__box {
        max-width: 500px;
        margin: 0 auto;
        padding: 20px
    }
}

.flow-list__box-ttl {
    color: #4e4449;
    text-align: center;
    margin-bottom: 18px;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .flow-list__box-ttl {
        margin-bottom: 6px
    }
}

.flow-list__box--pink {
    background: rgba(245, 188, 196, .2)
}

.flow-list__box--green {
    background: rgba(165, 214, 201, .2)
}

.flow-list__box--purple {
    background: rgba(163, 179, 223, .2)
}

.flow-list__box .c-txt__basic {
    position: relative
}

.flow-list__box .c-txt__basic:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #1a1618;
    top: 11px;
    left: -10px;
    border-radius: 50%
}

@media screen and (max-width:834px) {
    .flow-list__box .c-txt__basic:before {
        top: 12px;
        left: -5px
    }
}

.entrance-policy {
    padding: 40px 0 80px
}

@media screen and (max-width:834px) {
    .entrance-policy {
        padding: 32px 0 40px
    }
}

.entrance-policy__ttl {
    line-height: 1.05
}

@media screen and (max-width:834px) {
    .entrance-policy__ttl {
        margin-bottom: 17px
    }
}

.entrance-policy__ttl span {
    margin-bottom: -22px
}

@media screen and (max-width:834px) {
    .entrance-policy__ttl span {
        margin-bottom: -14px
    }
}

.entrance-policy__dots {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .entrance-policy__dots {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.8461538462;
        margin-bottom: 20px
    }
}

.entrance-policy__dots li {
    position: relative;
    padding-left: 20px
}

@media screen and (max-width:834px) {
    .entrance-policy__dots li {
        padding-left: 16px
    }
}

.entrance-policy__dots li span {
    position: absolute;
    top: 0;
    left: 0
}

.entrance-policy__main {
    margin-bottom: 20px
}

.entrance-policy__main-ttl {
    margin-bottom: 30px
}

.entrance-policy__main-dt {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding: 25px 40px;
    border-radius: 40px
}

@media screen and (max-width:834px) {
    .entrance-policy__main-dt {
        font-size: 1.6rem;
        padding: 4px 20px
    }
}

.entrance-policy__main-dt:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 5px
}

@media screen and (max-width:834px) {
    .entrance-policy__main-dt:before {
        width: 27px;
        height: 27px
    }
}

.entrance-policy__main-dt:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 29px;
    height: 16px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%)
}

@media screen and (max-width:834px) {
    .entrance-policy__main-dt:after {
        width: 15px;
        height: 9px;
        right: 10px
    }
}

.entrance-policy__main-dd {
    padding: 40px 48px 0
}

@media screen and (max-width:834px) {
    .entrance-policy__main-dd {
        padding: 20px 0
    }
}

.entrance-policy__main-dd dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .entrance-policy__main-dd dl {
        margin-bottom: 16px
    }
}

.entrance-policy__main-dd dl:last-of-type {
    margin-bottom: 0
}

.entrance-policy__main-dd dl dt {
    width: 172px;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 27px
}

@media screen and (max-width:834px) {
    .entrance-policy__main-dd dl dt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        margin-bottom: 4px;
        padding: 0 16px
    }
}

@media screen and (max-width:640px) {
    .entrance-policy__main-dd dl dt {
        width: auto;
        min-width: 172px
    }
}

.entrance-policy__main-dd dl dd {
    width: calc(100% - 172px);
    padding-left: 20px
}

@media screen and (max-width:640px) {
    .entrance-policy__main-dd dl dd {
        width: 100%;
        padding-left: 0
    }
}

.entrance-policy__main-dd dl dd .txt-lg {
    font-size: 3rem;
    line-height: 1
}

@media screen and (max-width:834px) {
    .entrance-policy__main-dd dl dd .txt-lg {
        font-size: 2rem;
        margin-top: 7px;
        display: inline-block
    }
}

@media screen and (max-width:834px) {
    .entrance-policy__main-number {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692
    }
}

.entrance-policy__main-number li {
    position: relative;
    padding-left: 15px;
    line-height: 1.45
}

@media screen and (max-width:834px) {
    .entrance-policy__main-number li {
        line-height: 1.8
    }
}

.entrance-policy__main-number li span {
    position: absolute;
    top: 0;
    left: 0
}

.entrance-policy__main-img {
    max-width: 585px
}

@media screen and (max-width:640px) {
    .entrance-policy__main-img {
        margin-top: 6px;
        max-width: 100%
    }
}

.entrance-policy__main-dl {
    margin-bottom: 40px
}

.entrance-policy__main-dl--orange .entrance-policy__main-dt {
    background: #eea69a
}

.entrance-policy__main-dl--orange .entrance-policy__main-dt:after {
    background: url(../img/entrance/arr-up-01.png) no-repeat 50%/100%
}

.entrance-policy__main-dl--orange .entrance-policy__main-dd dt {
    background: #eea69a
}

.entrance-policy__main-dl--pink .entrance-policy__main-dt {
    background: #f5bcc4
}

.entrance-policy__main-dl--pink .entrance-policy__main-dt:after {
    background: url(../img/entrance/arr-up-02.png) no-repeat 50%/100%
}

.entrance-policy__main-dl--pink .entrance-policy__main-dd dt {
    background: #f5bcc4
}

.entrance-policy__main-dl--violet .entrance-policy__main-dt {
    background: #a3b3df
}

.entrance-policy__main-dl--violet .entrance-policy__main-dt:after {
    background: url(../img/entrance/arr-up-03.png) no-repeat 50%/100%
}

.entrance-policy__main-dl--violet .entrance-policy__main-dd dt {
    background: #a3b3df
}

.entrance-policy__main--modify .entrance-policy__main-dt:after,
.entrance-policy__main--modify .entrance-policy__main-dt:before {
    content: none
}

.entrance-policy__main--modify .entrance-policy__main-dt .entrance-policy__main-arr {
    display: inline-block;
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 5px
}

@media screen and (max-width:834px) {
    .entrance-policy__main--modify .entrance-policy__main-dt .entrance-policy__main-arr {
        width: 27px;
        height: 27px
    }
}

.entrance-policy__main--modify .entrance-policy__main-dt .entrance-policy__main-arr:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 29px;
    height: 16px;
    top: 50%;
    right: 19px;
    transform: translateY(-50%) rotate(0deg);
    background: url(../img/entrance/arr-up-01.png) no-repeat 50%/100%;
    transform: translateY(-50%) rotate(180deg)
}

@media screen and (max-width:834px) {
    .entrance-policy__main--modify .entrance-policy__main-dt .entrance-policy__main-arr:after {
        width: 15px;
        height: 9px;
        right: 6px
    }
}

.entrance-policy__main--modify .entrance-policy__main-dt.open .entrance-policy__main-arr:after {
    transform: translateY(-50%) rotate(0)
}

.entrance-policy__main--modify .entrance-policy__main-dl--pink .entrance-policy__main-dt .entrance-policy__main-arr:after {
    background: url(../img/entrance/arr-up-02.png) no-repeat 50%/100%
}

.entrance-policy__main--modify .entrance-policy__main-dl--violet .entrance-policy__main-dt .entrance-policy__main-arr:after {
    background: url(../img/entrance/arr-up-03.png) no-repeat 50%/100%
}

.entrance-policy__schedule-ttl {
    margin-bottom: 30px
}

@media screen and (max-width:793px) {
    .entrance-policy__schedule-table picture {
        display: block;
        width: 793px
    }
}

.entrance-exp {
    padding: 54px 0 80px;
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .entrance-exp {
        padding: 23px 0 40px
    }
}

.entrance-exp__ttl {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .entrance-exp__ttl {
        margin-bottom: 17px
    }
}

@media screen and (max-width:834px) {
    .entrance-exp__img {
        margin-bottom: 18px
    }
}

.entrance-exp__ct dl {
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .entrance-exp__ct dl {
        margin-bottom: 16px
    }
}

.entrance-exp__ct dl:last-of-type {
    margin-bottom: 15px
}

.entrance-exp__ct dl dt {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    font-family: 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴPro W3, Hiragino Kaku Gothic Pro, Osaka, Meiryo, メイリオ, MS Pゴシック, Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 15px;
    text-align: left
}

@media screen and (max-width:834px) {
    .entrance-exp__ct dl dt {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 4px
    }
}

@media screen and (max-width:640px) {
    .entrance-exp__ct dl dt {
        text-align: center
    }
}

.entrance-exp__ct dl dd {
    line-height: 2
}

@media screen and (max-width:834px) {
    .entrance-exp__ct dl dd {
        line-height: 1.769
    }
}

@media screen and (min-width:641px) {
    .entrance-exp__btn {
        margin-left: 0
    }
}

.entrance-dormitory {
    padding: 54px 0 80px
}

@media screen and (max-width:834px) {
    .entrance-dormitory {
        padding: 18px 0 40px
    }
}

@media screen and (max-width:640px) {
    .entrance-dormitory {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width:834px) {
    .entrance-dormitory__ttl {
        margin-bottom: 17px
    }
}

.entrance-dormitory__ct {
    line-height: 2
}

@media screen and (max-width:834px) {
    .entrance-dormitory__ct {
        line-height: 1.769;
        padding: 0
    }
}

.entrance-dormitory__ct p {
    margin-bottom: 15px
}

.entrance-dormitory__ct-ttl {
    text-align: left;
    font-family: 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴPro W3, Hiragino Kaku Gothic Pro, Osaka, Meiryo, メイリオ, MS Pゴシック, Arial, Helvetica, Verdana, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    margin-bottom: 17px
}

@media screen and (max-width:834px) {
    .entrance-dormitory__ct-ttl {
        font-size: 2rem;
        margin-bottom: 6px
    }
}

@media screen and (max-width:640px) {
    .entrance-dormitory__ct-ttl {
        text-align: center
    }
}

@media screen and (min-width:641px) {
    .entrance-dormitory__ct-btn {
        margin-left: 0
    }
}

.entrance-dormitory__img {
    border-radius: 0
}

@media screen and (max-width:834px) {
    .entrance-dormitory__img {
        margin-bottom: 16px
    }
}

#page-entrance_school_expenses {
    overflow-x: hidden
}

@media screen and (max-width:834px) {
    .entrance-express {
        padding-top: 22px
    }
}

.entrance-express__ttl {
    margin-bottom: 60px
}

@media screen and (min-width:835px) {
    .entrance-express__ttl {
        padding-top: 35px
    }
}

@media screen and (max-width:834px) {
    .entrance-express__ttl {
        margin-bottom: 20px
    }
}

@media screen and (max-width:834px) {
    .entrance-express__ttlsub {
        font-size: 1.6rem;
        margin-bottom: 20px
    }
}

@media screen and (max-width:834px) {
    .entrance-express .c-tabs {
        margin-bottom: 26px
    }
}

@media screen and (max-width:834px) {
    .entrance-express .c-tabs li {
        width: 170px
    }
}

.entrance-express__table {
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .entrance-express__table {
        margin-bottom: 18px
    }
}

.entrance-express__table-note {
    text-align: right;
    display: block;
    font-size: 1.4rem
}

@media screen and (max-width:834px) {
    .entrance-express__table-note {
        margin-bottom: 12px
    }
}

.entrance-express__content {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .entrance-express__content {
        margin-bottom: 17px
    }
}

.entrance-express__note {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .entrance-express__note {
        margin-bottom: 15px;
        font-size: 1.3rem
    }

    .entrance-express__note p {
        margin-bottom: 28px
    }

    .entrance-express__note p:last-of-type {
        margin-bottom: 0
    }
}

.entrance-express__note li {
    position: relative;
    padding-left: 15px
}

.entrance-express__note li span {
    position: absolute;
    top: 0;
    left: 0
}

.entrance-support {
    padding-bottom: 80px
}

@media screen and (max-width:834px) {
    .entrance-support {
        padding-top: 42px;
        padding-bottom: 40px
    }
}

@media screen and (max-width:834px) {
    .entrance-support .c-tabs02 {
        margin-bottom: 25px
    }
}

@media screen and (max-width:1024px) {
    .entrance-support .c-tabs02 li {
        height: 128px
    }
}

@media screen and (max-width:834px) {
    .entrance-support .c-tabs02 li {
        height: 66px
    }
}

@media screen and (max-width:834px) {
    .entrance-support__acc {
        margin-bottom: 20px
    }
}

.entrance-support__acc-item {
    margin-bottom: 20px
}

.entrance-support__acc-item:last-of-type {
    margin-bottom: 0
}

.entrance-support__acc-dt {
    height: 37px;
    border-radius: 19px;
    background: #f8c995;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    position: relative;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 1.6rem
}

.entrance-support__acc-dt:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 27px;
    height: 27px;
    background: url(../img/entrance/school_expenses/arr-up.png) no-repeat 50%/100%;
    top: 50%;
    right: 5px;
    transform: translateY(-50%)
}

@media screen and (max-width:834px) {
    .entrance-support__acc-dt:after {
        display: none
    }
}

.entrance-support__acc-table {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #f8c995
}

.entrance-support__acc-table:last-of-type {
    margin-bottom: 0
}

.entrance-support__acc-table table {
    font-family: Zen Maru Gothic, sans-serif;
    width: 100%;
    vertical-align: middle
}

.entrance-support__acc-table table tr:first-child th {
    background: hsla(32, 88%, 78%, .5);
    color: #4e4449;
    font-size: 1.6rem;
    width: 100%;
    font-weight: 700;
    border-bottom: none;
    text-align: center;
    padding: 5px
}

.entrance-support__acc-table table tr td,
.entrance-support__acc-table table tr th {
    padding: 5px 8px
}

.entrance-support__acc-table table tr th {
    width: 34.7%;
    background: #f8c995;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.entrance-support__acc-table table tr td {
    width: 65.3%;
    border-bottom: 1px solid #f8c995
}

.entrance-support__acc-table table tr td p {
    margin-bottom: 15px;
    line-height: 1.5
}

.entrance-support__acc-table table tr td p:last-of-type {
    margin-bottom: 0
}

.entrance-support__acc-table table tr td .txt-red {
    font-weight: 700;
    color: #f8657c
}

.entrance-support__acc-table table tr:last-child td,
.entrance-support__acc-table table tr:last-child th {
    border-bottom: none
}

.entrance-support__acc-table--02 table tr:first-child th {
    width: 34.7%;
    font-size: 1.3rem;
    background: #f8c995;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.entrance-support__acc-table--02 table tr:first-child td {
    width: 65.3%
}

.entrance-support__ttl {
    margin-bottom: 54px
}

@media screen and (max-width:834px) {
    .entrance-support__ttl {
        margin-bottom: 12px
    }
}

.entrance-support__intro {
    margin-bottom: 40px;
    text-align: center
}

@media screen and (max-width:834px) {
    .entrance-support__intro {
        text-align: left;
        line-height: 1.8;
        margin-bottom: 20px;
    }
}

.entrance-support__intro02 {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .entrance-support__intro02 {
        line-height: 1.78
    }
}

.entrance-support__ttlsub {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2.9rem;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 20px;
    font-weight: 700;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .entrance-support__ttlsub {
        font-size: 2rem;
        margin-bottom: 20px
    }
}

.entrance-support__ttlsub span {
    width: 90px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background: #f8c995;
    border-radius: 16px;
    font-size: 1.9rem;
    padding: 10px 15px
}

@media screen and (max-width:834px) {
    .entrance-support__ttlsub span {
        font-size: 1.6rem;
        width: 80px;
        height: 28px
    }
}

.entrance-support__ttlsub--pink span {
    background: #f5bcc4
}

.entrance-support__ttlsub--green span {
    background: #a5d6c9
}

.entrance-support__ttlsub--violet span {
    background: #a3b3df
}

.entrance-support__ttlsub--blue span {
    background: #95c2de
}

.entrance-support__table {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px
}

.entrance-support__table table {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    width: 100%;
    vertical-align: middle
}

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

    .entrance-support__table table,
    .entrance-support__table table tr {
        display: block
    }
}

.entrance-support__table table tr td,
.entrance-support__table table tr th {
    padding: 5px 2px
}

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

    .entrance-support__table table tr td,
    .entrance-support__table table tr th {
        display: block;
        width: 100%
    }
}

.entrance-support__table table tr th {
    background: #f8c995;
    color: #fff;
    text-align: center
}

@media screen and (max-width:834px) {
    .entrance-support__table table tr th {
        display: none
    }
}

.entrance-support__table table tr td {
    border-right: 1px solid #f8c995;
    border-bottom: 1px solid #f8c995
}

.entrance-support__table table tr td.heading-primary {
    font-weight: 700;
    color: #fff;
    background: #f8c995;
    text-align: center;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
}

.entrance-support__table table tr td.heading-secondary {
    background: hsla(32, 88%, 78%, .2);
    text-align: center
}

.entrance-support__table table tr td.txt-center {
    text-align: center
}

.entrance-support__table table tr td.loan-details {
    padding: 8px 15px
}

.entrance-support__table table tr td.loan-details p {
    margin-bottom: 28px
}

.entrance-support__table table tr td.loan-details p:last-of-type {
    margin-bottom: 0
}

.entrance-support__table table tr td.loan-details p.txt-sm,
.entrance-support__table table tr td.loan-details p span {
    font-size: 1.4rem
}

.entrance-support__table table tr td.txt-red {
    color: #f8657c;
    font-weight: 700;
    padding: 0 10px;
    text-align: center
}

@media screen and (min-width:835px) {
    .entrance-support__table table tr:nth-child(2) td:first-child {
        width: 14%;
        border-bottom: 1px solid #fff
    }

    .entrance-support__table table tr:nth-child(2) td:nth-child(2),
    .entrance-support__table table tr:nth-child(2) td:nth-child(3) {
        width: 8.5714285714%
    }

    .entrance-support__table table tr:nth-child(2) td:nth-child(4) {
        width: 9.8522167488%
    }

    .entrance-support__table table tr:nth-child(2) td:nth-child(5) {
        width: 42.6600985222%
    }

    .entrance-support__table table tr:nth-child(2) td:nth-child(6) {
        width: 16.2561576355%
    }
}

.entrance-support__table02 {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f5bcc4;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 34px
}

@media screen and (max-width:834px) {
    .entrance-support__table02 {
        border-radius: 0;
        border: none;
        margin-bottom: 20px
    }
}

.entrance-support__table02 table {
    width: 100%
}

@media screen and (max-width:834px) {
    .entrance-support__table02 table {
        display: block
    }
}

@media screen and (max-width:834px) {
    .entrance-support__table02 table tr {
        display: block;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 20px;
        border: 1px solid #f5bcc4
    }

    .entrance-support__table02 table tr:last-of-type {
        margin-bottom: 0
    }
}

.entrance-support__table02 table tr td,
.entrance-support__table02 table tr th {
    padding: 20px
}

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

    .entrance-support__table02 table tr td,
    .entrance-support__table02 table tr th {
        display: block
    }
}

.entrance-support__table02 table tr th {
    width: 143px;
    background: #f5bcc4;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    text-align: center
}

@media screen and (max-width:834px) {
    .entrance-support__table02 table tr th {
        width: 100%;
        padding: 5px 15px;
        font-size: 1.6rem;
        border-bottom: none
    }
}

.entrance-support__table02 table tr td {
    width: calc(100% - 143px);
    border-bottom: 1px solid #f5bcc4
}

@media screen and (max-width:834px) {
    .entrance-support__table02 table tr td {
        width: 100%;
        padding: 4px 8px;
        border-bottom: none
    }
}

.entrance-support__table02 table tr td .txt-bold {
    color: #f8657c;
    font-weight: 700
}

.entrance-support__table02 table tr td .list-number li {
    position: relative;
    padding-left: 10px
}

.entrance-support__table02 table tr td .list-number li span:not(.txt-bold) {
    position: absolute;
    top: 0;
    left: 0
}

.entrance-support__table02 table tr:last-of-type td,
.entrance-support__table02 table tr:last-of-type th {
    border-bottom: none
}

.entrance-support__table03 {
    border: 1px solid #a3b3df;
    border-radius: 8px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .entrance-support__table03 {
        border: none;
        border-radius: 0
    }
}

.entrance-support__table03 table {
    width: 100%;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .entrance-support__table03 table {
        display: block
    }

    .entrance-support__table03 table tbody {
        width: 100%;
        display: block
    }
}

@media screen and (max-width:834px) {
    .entrance-support__table03 tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #a3b3df;
        border-radius: 8px;
        overflow: hidden
    }

    .entrance-support__table03 tr:last-of-type {
        margin-bottom: 0
    }
}

@media screen and (max-width:834px) {
    .entrance-support__table03 tr:first-child {
        display: none
    }
}

.entrance-support__table03 tr td,
.entrance-support__table03 tr th {
    border-right: 1px solid #a3b3df;
    border-bottom: 1px solid #a3b3df
}

.entrance-support__table03 tr td:last-of-type,
.entrance-support__table03 tr th:last-of-type {
    border-right: none
}

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

    .entrance-support__table03 tr td,
    .entrance-support__table03 tr th {
        display: block;
        width: 100%;
        border-right: none
    }
}

.entrance-support__table03 tr th {
    color: #fff;
    text-align: center;
    background: #a3b3df;
    font-weight: 700;
    padding: 5px 0
}

.entrance-support__table03 tr th:first-child {
    width: 19.7044334975%
}

.entrance-support__table03 tr th:nth-child(2) {
    width: 9.8522167488%
}

.entrance-support__table03 tr th:nth-child(3) {
    width: 42.6600985222%
}

.entrance-support__table03 tr th:nth-child(4) {
    width: 27.7832512315%
}

.entrance-support__table03 tr td {
    padding: 21px 10px
}

@media screen and (max-width:834px) {
    .entrance-support__table03 tr td {
        width: calc(100% - 118px);
        margin-left: auto;
        text-align: left;
        padding: 5px 10px
    }
}

.entrance-support__table03 tr td:first-child {
    text-align: center;
    background: #a3b3df;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #fff
}

@media screen and (max-width:834px) {
    .entrance-support__table03 tr td:first-child {
        padding: 5px 20px;
        width: 100%;
        background: rgba(163, 179, 223, .5);
        color: #4e4449;
        border-bottom: none;
        font-size: 1.6rem
    }
}

.entrance-support__table03 tr td:last-of-type,
.entrance-support__table03 tr td:nth-child(2) {
    text-align: center
}

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

    .entrance-support__table03 tr td:last-of-type,
    .entrance-support__table03 tr td:nth-child(2) {
        text-align: left
    }
}

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

    .entrance-support__table03 tr td:nth-child(2),
    .entrance-support__table03 tr td:nth-child(3),
    .entrance-support__table03 tr td:nth-child(4) {
        position: relative
    }

    .entrance-support__table03 tr td:nth-child(2):before,
    .entrance-support__table03 tr td:nth-child(3):before,
    .entrance-support__table03 tr td:nth-child(4):before {
        width: 118px;
        position: absolute;
        top: 0;
        left: 0;
        background: #a3b3df;
        color: #fff;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.3rem;
        font-weight: 700;
        transform: translateX(-100%)
    }

    .entrance-support__table03 tr td:nth-child(2):before {
        content: "融資金利"
    }

    .entrance-support__table03 tr td:nth-child(3):before {
        content: "貸付内容"
    }
}

@media screen and (max-width:834px) and (max-width:834px) {
    .entrance-support__table03 tr td:nth-child(4) {
        text-align: left;
        border-bottom: none
    }
}

@media screen and (max-width:834px) and (max-width:640px) {
    .entrance-support__table03 tr td:nth-child(4) {
        text-align: center
    }
}

@media screen and (max-width:834px) {
    .entrance-support__table03 tr td:nth-child(4):before {
        content: "お問い合わせ先"
    }
}

.entrance-support__table03 tr td .c-btn__01 {
    margin-bottom: 10px;
    max-width: 264px
}

@media screen and (max-width:834px) {
    .entrance-support__table03 tr td .c-btn__01 {
        max-width: 202px;
        height: 30px;
        font-size: 1.3rem;
        padding: 5px 30px 5px 24px;
        margin-left: 0
    }

    .entrance-support__table03 tr td .c-btn__01:before {
        width: 20px;
        height: 20px
    }

    .entrance-support__table03 tr td .c-btn__01:after {
        width: 12px;
        height: 9px;
        right: 8px
    }
}

@media screen and (max-width:640px) {
    .entrance-support__table03 tr td .c-btn__01 {
        margin: 0 auto 5px
    }
}

.entrance-support__table03 tr td .c-btn__01:last-of-type {
    margin-bottom: 0
}

.entrance-support__table03 tr td p {
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .entrance-support__table03 tr td p {
        margin-bottom: 0
    }
}

.entrance-support__table03 tr td .txt-tel {
    font-size: 2.589rem;
    font-weight: 700;
    color: #a3b3df;
    position: relative;
    display: inline-block;
    margin-bottom: 7px
}

@media screen and (max-width:834px) {
    .entrance-support__table03 tr td .txt-tel {
        line-height: 1
    }
}

.entrance-support__table03 tr td .txt-tel:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/entrance/school_expenses/ico-phone.png) no-repeat 50%/100%
}

.entrance-support__table04 {
    border: 1px solid #95c2de;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .entrance-support__table04 {
        border: none;
        border-radius: 0
    }
}

.entrance-support__table04 table {
    width: 100%;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .entrance-support__table04 table tbody {
        display: block;
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .entrance-support__table04 tr {
        display: block;
        border: 1px solid #95c2de;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 20px
    }

    .entrance-support__table04 tr:last-of-type {
        margin-bottom: 0
    }

    .entrance-support__table04 tr:first-child {
        display: none
    }
}

.entrance-support__table04 tr td,
.entrance-support__table04 tr th {
    border-right: 1px solid #95c2de;
    border-bottom: 1px solid #95c2de;
    text-align: center
}

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

    .entrance-support__table04 tr td,
    .entrance-support__table04 tr th {
        display: block;
        border-right: none
    }
}

.entrance-support__table04 tr td:last-of-type,
.entrance-support__table04 tr th:last-of-type {
    border-right: none
}

.entrance-support__table04 tr th {
    color: #fff;
    text-align: center;
    background: #95c2de;
    font-weight: 700;
    padding: 5px 0;
    border-right: none;
    border-bottom: 1px solid #fff
}

.entrance-support__table04 tr th:first-child {
    width: 19.7044334975%
}

.entrance-support__table04 tr th:nth-child(2),
.entrance-support__table04 tr th:nth-child(3),
.entrance-support__table04 tr th:nth-child(4) {
    width: 17.5369458128%
}

.entrance-support__table04 tr th:nth-child(5) {
    width: 27.7832512315%
}

.entrance-support__table04 tr td {
    padding: 21px 10px
}

@media screen and (max-width:834px) {
    .entrance-support__table04 tr td {
        width: calc(100% - 118px);
        margin-left: auto;
        text-align: left;
        padding: 5px 10px
    }
}

.entrance-support__table04 tr td:first-child {
    text-align: center;
    background: #95c2de;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .entrance-support__table04 tr td:first-child {
        padding: 5px 20px;
        width: 100%;
        background: rgba(149, 194, 222, .5);
        color: #4e4449;
        border-bottom: none;
        font-size: 1.6rem
    }
}

.entrance-support__table04 tr td .c-btn__01 {
    margin-bottom: 10px;
    max-width: 264px
}

.entrance-support__table04 tr td .c-btn__01:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .entrance-support__table04 tr td .c-btn__01 {
        max-width: 202px;
        height: 30px;
        margin-left: 0;
        font-size: 1.3rem;
        padding: 5px 30px 5px 24px
    }

    .entrance-support__table04 tr td .c-btn__01:before {
        width: 20px;
        height: 20px
    }

    .entrance-support__table04 tr td .c-btn__01:after {
        width: 12px;
        height: 9px;
        right: 8px
    }
}

@media screen and (max-width:640px) {
    .entrance-support__table04 tr td .c-btn__01 {
        margin: 0 auto
    }
}

.entrance-support__table04 tr td p {
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .entrance-support__table04 tr td p {
        margin-bottom: 0
    }
}

.entrance-support__table04 tr td .txt-tel {
    font-size: 2.589rem;
    font-weight: 700;
    color: #95c2de;
    position: relative;
    display: inline-block;
    margin-bottom: 7px
}

@media screen and (max-width:834px) {
    .entrance-support__table04 tr td .txt-tel {
        line-height: 1;
        margin-bottom: 0
    }
}

.entrance-support__table04 tr td .txt-tel:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/entrance/school_expenses/ico-phone02.png) no-repeat 50%/100%
}

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

    .entrance-support__table04 tr td:nth-child(2),
    .entrance-support__table04 tr td:nth-child(3),
    .entrance-support__table04 tr td:nth-child(4),
    .entrance-support__table04 tr td:nth-child(5) {
        position: relative
    }

    .entrance-support__table04 tr td:nth-child(2):before,
    .entrance-support__table04 tr td:nth-child(3):before,
    .entrance-support__table04 tr td:nth-child(4):before,
    .entrance-support__table04 tr td:nth-child(5):before {
        width: 118px;
        position: absolute;
        top: 0;
        left: 0;
        background: #95c2de;
        color: #fff;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.3rem;
        font-weight: 700;
        transform: translateX(-100%)
    }

    .entrance-support__table04 tr td:nth-child(2):before {
        content: "融資金利"
    }

    .entrance-support__table04 tr td:nth-child(3):before {
        content: "貸付内容"
    }

    .entrance-support__table04 tr td:nth-child(4):before {
        content: "お問い合わせ先"
    }

    .entrance-support__table04 tr td:nth-child(5) {
        border-bottom: none
    }

    .entrance-support__table04 tr td:nth-child(5):before {
        content: "備考欄"
    }
}

.entrance-support__note-table {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500
}

.entrance-support__note-table li {
    padding-left: 16px;
    position: relative
}

.entrance-support__note-table li span {
    position: absolute;
    top: 0;
    left: 0
}

.entrance-support__chart-contact {
    text-align: center;
    font-size: 2.589rem;
    font-weight: 700;
    color: #f8657c;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .entrance-support__chart-contact {
        font-size: 1.6rem;
        margin-bottom: 30px
    }
}

.entrance-support__chart-ttl {
    margin-bottom: 30px
}

.entrance-support__chart-img {
    margin-bottom: 40px
}



.support-recommendation {
    margin-bottom: 132px;
}

.support-recommendation__img {
    margin-top: 24px;
}

.support-recommendation__img_pc {
    display: block;
    width: 100%;
}

.support-recommendation__img_sp {
    display: none;
    width: 100%;
}

.support-recommendation__ttl:not(:first-of-type) {
    margin-top: 40px;
}

.support-recommendation__attention {
    font-size: 13px;
    margin-top: 12px;
}

.support-recommendation__bottomText {
    margin-top: 30px;
    text-align: center;
}

.support-recommendation__bottomText h5 {
    font-size: 24px;
    font-weight: bold;
    font-family: Zen Maru Gothic, sans-serif;
    color: #DC8670;
    margin-bottom: 8px;
}

.support-recommendation__bottomText p {
    font-size: 16px;
}

.support-recommendation__bottomText p a {
    color: #DC8670;
    font-weight: bold;
}

@media screen and (max-width:834px) {
    .support-recommendation {
        margin-bottom: 110px;
    }

    .support-recommendation__ttl:not(:first-of-type) {
        margin-top: 32px;
    }

    .support-recommendation__bottomText h5 {
        font-size: 18px;
    }

    .support-recommendation__bottomText p {
        font-size: 13px;
    }
}

@media screen and (max-width:600px) {
    .support-recommendation__img_pc {
        display: none;
    }

    .support-recommendation__img_sp {
        display: block;
        max-width: 380px;
        margin: 0 auto;
    }
}

.entrance-program__banner {
    max-width: 820px;
    margin: 0 auto 48px;
}

.entrance-program__banner h3 {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 20px;
}

.entrance-program__banner h3 span {
    color: #DC8670;
}

.entrance-program__banner_pc {
    display: block;
    width: 100%;
}

.entrance-program__banner_sp {
    display: none;
    width: 100%;
}

.entrance-program__banner_br_sp {
    display: none;
}

@media screen and (max-width:834px) {
    .entrance-program__banner_br_sp {
        display: block;
    }

    .entrance-program__banner h3 {
        font-size: 20px;
    }
}

@media screen and (max-width:500px) {
    .entrance-program__banner_pc {
        display: none;
    }

    .entrance-program__banner_sp {
        display: block;
    }
}



.entrance-bnr {
    margin: 60px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px
}

@media screen and (max-width:834px) {
    .entrance-bnr {
        gap: 0 8px;
        margin: 20px 0 15px
    }
}

.entrance-bnr li a {
    display: block;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .entrance-bnr li a {
        border-radius: 8px
    }
}

.entrance-program {
    padding: 100px 0 60px;
    background: #f2eeea url(../img/entrance/school_expenses/bg-mark.png) no-repeat top/100%
}

@media screen and (max-width:834px) {
    .entrance-program {
        padding: 50px 0 60px;
        background: #f2eeea url(../img/entrance/school_expenses/bg-mark-sp.png) no-repeat top/100%
    }
}

.entrance-program__ttl {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .entrance-program__ttl {
        margin-bottom: 20px
    }
}

.entrance-program__ttl span {
    font-size: 2rem;
    display: block;
    color: #dc8670
}

@media screen and (max-width:834px) {
    .entrance-program__ttl span {
        font-size: 1.6rem;
        margin-bottom: 4px
    }
}

.entrance-program__block {
    padding: 45px 20px 18px;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 16px;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .entrance-program__block {
        padding: 45px 10px 10px
    }
}

.entrance-program__block:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .entrance-program__block:last-of-type {
        padding-bottom: 38px
    }
}

.entrance-program__block-dt {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 16px;
    margin-bottom: 0;
    color: #fff
}

@media screen and (max-width:834px) {
    .entrance-program__block-dt {
        height: 35px;
        padding: 0 20px;
        position: relative
    }

    .entrance-program__block-dt:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 27px;
        height: 27px;
        background: url(../img/entrance/school_expenses/arr-green.png) no-repeat 50%/100%;
        top: calc(50% - 13.5px);
        right: 5px;
        display: none
    }
}

.entrance-program__block-dd {
    padding: 20px 36px
}

@media screen and (max-width:834px) {
    .entrance-program__block-dd {
        padding: 7px 0 16px
    }
}

.entrance-program__block-dd dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .entrance-program__block-dd dl {
        margin-bottom: 7px;
        margin-top: 8px
    }
}

.entrance-program__block-dd dl:last-of-type {
    margin-bottom: 0
}

.entrance-program__block-dd dl dt {
    width: 116px;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 27px;
    background: #a5d6c9
}

@media screen and (max-width:834px) {
    .entrance-program__block-dd dl dt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        margin-bottom: 4px;
        padding: 0 16px
    }
}

@media screen and (max-width:640px) {
    .entrance-program__block-dd dl dt {
        width: auto;
        min-width: 96px
    }
}

.entrance-program__block-dd dl dd {
    width: calc(100% - 172px);
    padding-left: 20px
}

@media screen and (max-width:640px) {
    .entrance-program__block-dd dl dd {
        width: 100%;
        padding-left: 0
    }
}

.entrance-program__block-dd dl dd .txt-lg {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    color: #dc8670
}

@media screen and (max-width:834px) {
    .entrance-program__block-dd dl dd .txt-lg {
        font-size: 2rem;
        margin-top: 7px;
        display: inline-block
    }
}

@media screen and (min-width:835px) {
    .entrance-program__block-dd dl.dl-other dt {
        position: relative;
        top: 14px
    }
}

.entrance-program__block-dd.no-pd {
    padding: 20px 0
}

@media screen and (max-width:834px) {
    .entrance-program__block-dd.no-pd {
        padding: 4px 0
    }
}

.entrance-program__block-dd p {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .entrance-program__block-dd p {
        margin-bottom: 10px
    }
}

.entrance-program__block-dl--green .entrance-program__block-dd dl dt {
    background: #a5d6c9
}

.entrance-program__block-dl--violet .entrance-program__block-dd dl dt {
    background: #a3b3df
}

.entrance-program__block-dl--violet dt:after {
    background: url(../img/entrance/school_expenses/arr-violet.png) no-repeat 50%/100%
}

.entrance-program__block-dl--blue .entrance-program__block-dd dl dt {
    background: #95c2de
}

.entrance-program__block-dl--blue dt:after {
    background: url(../img/entrance/school_expenses/arr-blue.png) no-repeat 50%/100%
}

.entrance-program__block-dl--green02 .entrance-program__block-dd dl dt {
    background: #bbd09c
}

.entrance-program__block-dl--green02 dt:after {
    background: url(../img/entrance/school_expenses/arr-green02.png) no-repeat 50%/100%
}

.entrance-program__block-dl--yellow .entrance-program__block-dd dl dt {
    background: #f8c995
}

.entrance-program__block-dl--yellow dt:after {
    background: url(../img/entrance/school_expenses/arr-orange.png) no-repeat 50%/100%
}

@media screen and (max-width:834px) {
    .entrance-program__block-dl--pink {
        margin-top: 45px
    }
}

.entrance-program__block-dl--pink .entrance-program__block-dt {
    padding-left: 66px;
    position: relative
}

@media screen and (max-width:834px) {
    .entrance-program__block-dl--pink .entrance-program__block-dt {
        padding-left: 16px
    }
}

.entrance-program__block-dl--pink .entrance-program__block-dt:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 63px;
    height: 52px;
    background: url(../img/entrance/school_expenses/ico-pickup.png) no-repeat 50%/100%;
    top: -13px;
    left: 0
}

@media screen and (max-width:834px) {
    .entrance-program__block-dl--pink .entrance-program__block-dt:before {
        top: -40px
    }
}

.entrance-program__block-dl--pink .entrance-program__block-dt:after {
    background: url(../img/entrance/school_expenses/arr-pink.png) no-repeat 50%/100%
}

.entrance-program__block-dl--pink .entrance-program__block-dd dl dt {
    background: #f5bcc4
}

.entrance-program__block-note {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .entrance-program__block-note {
        font-size: 1.3rem
    }
}

.entrance-program__block-item {
    position: relative;
    margin-bottom: 40px;
    padding-left: 90px
}

@media screen and (max-width:834px) {
    .entrance-program__block-item {
        padding-left: 60px
    }
}

@media screen and (max-width:640px) {
    .entrance-program__block-item {
        padding-left: 28px;
        margin-bottom: 22px
    }

    .entrance-program__block-item:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 3px;
        height: 100%;
        background: #f8c995;
        top: 0;
        left: 0
    }
}

.entrance-program__block-item:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .entrance-program__block-item:last-of-type:before {
        background: #f5bcc4
    }
}

@media screen and (max-width:834px) {
    .entrance-program__block-item .entrance-program__block-dl {
        margin-bottom: 16px
    }
}

@media screen and (max-width:834px) {
    .entrance-program__block-item .entrance-program__block-dl:last-of-type {
        margin-bottom: 0
    }
}

.entrance-program__block-item .entrance-program__block-dl:last-of-type dd {
    padding-bottom: 0
}

.entrance-program__block-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 100%;
    background: #f8c995;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px
}

@media screen and (max-width:834px) {
    .entrance-program__block-label {
        font-size: 1.5rem;
        width: 45px;
        border-radius: 8px
    }
}

@media screen and (max-width:640px) {
    .entrance-program__block-label {
        width: 20px;
        height: 65px;
        font-size: 1.3rem;
        border-radius: 0 16px 16px 0
    }
}

.entrance-program__block-label--pink {
    background: #f5bcc4
}

.entrance-program__block--no-arr .entrance-program__block-dt:after {
    display: none
}

.entrance-program .entrance-bnr {
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .entrance-program .entrance-bnr {
        margin-top: 40px
    }
}

.block-amount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 20px;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .block-amount {
        margin-top: 13px;
        gap: 0 7px;
        margin-bottom: 9px
    }
}

.block-amount__item {
    width: 162px;
    border: 1px solid #eea69a;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .block-amount__item {
        width: 102px
    }
}

.block-amount__label {
    font-size: 2rem;
    padding: 7px 14px;
    font-family: Zen Maru Gothic, sans-serif;
    color: #fff;
    background: #eea69a;
    display: block
}

.block-amount__content,
.block-amount__label {
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.block-amount__content {
    font-size: 2.5rem;
    padding: 12px 15px;
    color: #eea69a
}

@media screen and (max-width:834px) {
    .block-amount__content {
        font-size: 2rem;
        padding: 18px 15px
    }
}

.block-amount__content span {
    font-size: 5rem;
    line-height: 1
}

@media screen and (max-width:834px) {
    .block-amount__content span {
        font-size: 3rem
    }
}

.block-exam {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 20px;
    margin-bottom: 3px
}

@media screen and (max-width:640px) {
    .block-exam {
        grid-template-columns: 1fr;
        gap: 20px 0;
        margin-top: 12px
    }
}

.block-exam__label {
    text-align: center;
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Zen Maru Gothic, sans-serif;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .block-exam__label {
        font-size: 2rem
    }
}

.block-exam__wp {
    padding: 22px 20px;
    text-align: center;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .block-exam__wp {
        padding: 10px
    }
}

.block-exam__wp p {
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative
}

.block-exam__wp p:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 0;
    left: calc(50% - 25px)
}

.block-exam__wp p:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0
}

.block-exam__wp p:last-of-type:after {
    display: none
}

.block-exam__wp p span {
    display: block;
    font-size: 2rem;
    margin-top: 6px;
    color: #dc8670
}

@media screen and (max-width:834px) {
    .block-exam__wp p span {
        font-size: 1.6rem
    }
}

.block-exam__item {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    border: 1px solid;
    font-family: Zen Maru Gothic, sans-serif;
    border-radius: 8px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .block-exam__item {
        font-size: 1.6rem
    }
}

.block-exam__item:first-child {
    border-color: #f3c6cd
}

.block-exam__item:first-child .block-exam__label,
.block-exam__item:first-child .block-exam__wp p:after {
    background: #f3c6cd
}

.block-exam__item:nth-child(2) {
    border-color: #f6ebbd
}

.block-exam__item:nth-child(2) .block-exam__label {
    color: #4e4449;
    background: #f6ebbd
}

.block-exam__item:nth-child(2) .block-exam__wp p:after {
    background: #f6ebbd
}

.block-exam__item:nth-child(3) {
    border-color: #8ea8b3
}

.block-exam__item:nth-child(3) .block-exam__label,
.block-exam__item:nth-child(3) .block-exam__wp p:after {
    background: #8ea8b3
}

.mb0 {
    margin-bottom: 0 !important
}

#page-entrance_dormitory {
    overflow-x: hidden
}

@media screen and (min-width:835px) {
    #page-entrance_dormitory .c-tabs {
        margin-bottom: 72px
    }
}

@media screen and (max-width:834px) {
    #page-entrance_dormitory .c-tabs {
        margin-bottom: 27px
    }
}

.dormitory-intro {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .dormitory-intro {
        margin-bottom: 40px
    }
}

.dormitory-intro .c-ttl__03 {
    margin-bottom: 22px
}

@media screen and (max-width:834px) {
    .dormitory-intro .c-ttl__03 {
        margin-bottom: 17px
    }
}

.dormitory-intro__wp {
    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;
    gap: 0 20px
}

.dormitory-intro__wp-left {
    text-align: center
}

@media screen and (max-width:834px) {
    .dormitory-intro__wp-left {
        width: 100%;
        margin-bottom: 16px
    }
}

.dormitory-intro__wp .c-btn__01 {
    margin: inherit
}

.dormitory-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 40px;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .dormitory-list {
        gap: 20px
    }
}

@media screen and (max-width:640px) {
    .dormitory-list {
        grid-template-columns: 1fr;
        gap: 20px 0;
        margin-bottom: 40px
    }
}

.dormitory-list__item {
    border-radius: 16px;
    overflow: hidden
}

.dormitory-list__ct {
    padding: 27px 20px 20px;
    background: hsla(32, 88%, 78%, .2)
}

@media screen and (max-width:640px) {
    .dormitory-list__ct {
        padding: 24px 10px 20px
    }
}

.dormitory-list__ct-ttl {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    color: #ffb360;
    margin-bottom: 24px
}

@media screen and (max-width:834px) {
    .dormitory-list__ct-ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 10px
    }
}

.dormitory-list__ct-dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5
}

@media screen and (max-width:834px) {
    .dormitory-list__ct-dl {
        margin-bottom: 10px
    }
}

.dormitory-list__ct-dt {
    width: 104px;
    height: 25px;
    background: #f8c995;
    border-radius: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width:834px) {
    .dormitory-list__ct-dt {
        margin-bottom: 4px
    }
}

.dormitory-list__ct-dd {
    width: calc(100% - 104px);
    padding-left: 8px;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .dormitory-list__ct-dd {
        width: 100%;
        padding-left: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692
    }
}

.dormitory-list__ct-control {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px
}

@media screen and (max-width:834px) {
    .dormitory-list__ct-control {
        gap: 0 10px
    }
}

.dormitory-list__ct-control .c-btn__01 {
    background: #ffb360;
    border-color: #ffb360
}

.dormitory-list__ct-control .c-btn__01:after {
    background: url(../img/common/ar-right-orange.png) no-repeat 50%/100%
}

@media (any-hover:hover) {
    .dormitory-list__ct-control .c-btn__01 {
        transition: all .2s
    }

    .dormitory-list__ct-control .c-btn__01:hover {
        background: #fff;
        color: #ffb360
    }

    .dormitory-list__ct-control .c-btn__01:hover:before {
        background: #ffb360
    }

    .dormitory-list__ct-control .c-btn__01:hover:after {
        background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
    }
}

@media screen and (max-width:834px) {
    .dormitory-list__ct-control .c-btn__01 {
        height: 30px;
        font-size: 1.3rem;
        padding: 7px 30px 5px 24px
    }

    .dormitory-list__ct-control .c-btn__01:before {
        width: 20px;
        height: 20px
    }

    .dormitory-list__ct-control .c-btn__01:after {
        width: 12px;
        height: 9px;
        right: 8px
    }
}

.dormitory-list__ct-control .c-btn__01--maps {
    background: #fff;
    color: #ffb360
}

.dormitory-list__ct-control .c-btn__01--maps:before {
    background: #ffb360
}

.dormitory-list__ct-control .c-btn__01--maps:after {
    background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
}

@media (any-hover:hover) {
    .dormitory-list__ct-control .c-btn__01--maps {
        transition: all .2s
    }

    .dormitory-list__ct-control .c-btn__01--maps:hover {
        background: #ffb360;
        color: #fff
    }

    .dormitory-list__ct-control .c-btn__01--maps:hover:before {
        background: #fff
    }

    .dormitory-list__ct-control .c-btn__01--maps:hover:after {
        background: url(../img/common/ar-right-orange.png) no-repeat 50%/100%
    }
}

.dormitory-information {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .dormitory-information {
        margin-bottom: 40px
    }
}

.dormitory-information__ttl {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .dormitory-information__ttl {
        margin-bottom: 20px
    }
}

.dormitory-information__ttl span {
    padding: 0 35px
}

@media screen and (max-width:834px) {
    .dormitory-information__ttl span {
        padding: 0 15px
    }
}

.dormitory-information__wp {
    background: hsla(32, 88%, 78%, .2);
    border-radius: 40px;
    overflow: hidden;
    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;
    gap: 0 20px;
    padding: 40px
}

@media screen and (max-width:834px) {
    .dormitory-information__wp {
        padding: 20px;
        text-align: center;
        border-radius: 20px
    }
}

@media screen and (max-width:834px) {
    .dormitory-information__wp p {
        width: 100%;
        margin-bottom: 6px
    }
}

.dormitory-information__wp .c-btn__01 {
    margin: initial
}

.tabs-green .dormitory-list__ct {
    background: rgba(165, 214, 201, .2)
}

.tabs-green .dormitory-list__ct-ttl {
    color: #76c7b1
}

.tabs-green .dormitory-list__ct-dt {
    background: #a5d6c9
}

.tabs-green .dormitory-list__ct .c-btn__01 {
    background: #76c7b1;
    border-color: #76c7b1
}

.tabs-green .dormitory-list__ct .c-btn__01:after {
    background: url(../img/common/ar-right-green.png) no-repeat 50%/100%
}

@media (any-hover:hover) {
    .tabs-green .dormitory-list__ct .c-btn__01 {
        transition: all .2s
    }

    .tabs-green .dormitory-list__ct .c-btn__01:hover {
        background: #fff;
        color: #76c7b1
    }

    .tabs-green .dormitory-list__ct .c-btn__01:hover:before {
        background: #76c7b1
    }

    .tabs-green .dormitory-list__ct .c-btn__01:hover:after {
        background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
    }
}

.tabs-green .dormitory-list__ct .c-btn__01--maps {
    background: #fff;
    color: #76c7b1
}

.tabs-green .dormitory-list__ct .c-btn__01--maps:before {
    background: #76c7b1
}

.tabs-green .dormitory-list__ct .c-btn__01--maps:after {
    background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
}

@media (any-hover:hover) {
    .tabs-green .dormitory-list__ct .c-btn__01--maps {
        transition: all .2s
    }

    .tabs-green .dormitory-list__ct .c-btn__01--maps:hover {
        background: #76c7b1;
        color: #fff
    }

    .tabs-green .dormitory-list__ct .c-btn__01--maps:hover:before {
        background: #fff
    }

    .tabs-green .dormitory-list__ct .c-btn__01--maps:hover:after {
        background: url(../img/common/ar-right-green.png) no-repeat 50%/100%
    }
}

.tabs-green .dormitory-information__wp {
    background: rgba(165, 214, 201, .2)
}

.tabs-pink .dormitory-list__ct {
    background: #fdf2f3
}

.tabs-pink .dormitory-list__ct-ttl {
    color: #f8657c
}

.tabs-pink .dormitory-list__ct-dt {
    background: #f5bcc4
}

.tabs-pink .dormitory-list__ct .c-btn__01 {
    background: #f8657c;
    border-color: #f8657c
}

.tabs-pink .dormitory-list__ct .c-btn__01:after {
    background: url(../img/common/ar-right-pink.png) no-repeat 50%/100%
}

@media (any-hover:hover) {
    .tabs-pink .dormitory-list__ct .c-btn__01 {
        transition: all .2s
    }

    .tabs-pink .dormitory-list__ct .c-btn__01:hover {
        background: #fff;
        color: #f8657c
    }

    .tabs-pink .dormitory-list__ct .c-btn__01:hover:before {
        background: #f8657c
    }

    .tabs-pink .dormitory-list__ct .c-btn__01:hover:after {
        background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
    }
}

.tabs-pink .dormitory-list__ct .c-btn__01--maps {
    background: #fff;
    color: #f8657c
}

.tabs-pink .dormitory-list__ct .c-btn__01--maps:before {
    background: #f8657c
}

.tabs-pink .dormitory-list__ct .c-btn__01--maps:after {
    background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
}

@media (any-hover:hover) {
    .tabs-pink .dormitory-list__ct .c-btn__01--maps {
        transition: all .2s
    }

    .tabs-pink .dormitory-list__ct .c-btn__01--maps:hover {
        background: #f8657c;
        color: #fff
    }

    .tabs-pink .dormitory-list__ct .c-btn__01--maps:hover:before {
        background: #fff
    }

    .tabs-pink .dormitory-list__ct .c-btn__01--maps:hover:after {
        background: url(../img/common/ar-right-pink.png) no-repeat 50%/100%
    }
}

.tabs-pink .dormitory-information__wp {
    background: rgba(245, 188, 196, .2)
}

.career-license {
    background: #f2eeea url(../img/career/bg-mark.png) no-repeat top/100%;
    padding: 50px 0 80px
}

@media screen and (max-width:834px) {
    .career-license {
        padding: 18px 0 40px;
        background: #f2eeea url(../img/career/bg-mark-sp.png) no-repeat top/100%
    }
}

@media screen and (max-width:834px) {
    .career-license__ttl {
        margin-bottom: 15px
    }
}

.career-license__dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .career-license__dl {
        margin-bottom: 18px
    }
}

.career-license__dt {
    font-family: Zen Maru Gothic, sans-serif;
    width: 172px;
    height: 30px;
    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;
    border-radius: 30px;
    background: #eea69a;
    color: #fff;
    font-weight: 700;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .career-license__dt {
        font-size: 1.6rem;
        height: 24px;
        margin-bottom: 14px
    }
}

.career-license__dd {
    width: calc(100% - 172px);
    padding-left: 20px
}

@media screen and (max-width:834px) {
    .career-license__dd {
        width: 100%;
        padding-left: 0
    }
}

.career-license__dd span {
    font-weight: 700
}

.career-license__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 40px
}

@media screen and (max-width:834px) {
    .career-license__list {
        gap: 20px
    }
}

@media screen and (max-width:640px) {
    .career-license__list {
        grid-template-columns: 1fr
    }
}

.career-license__list-item {
    border-radius: 16px;
    overflow: hidden
}

.career-license__list-ct {
    background: hsla(0, 0%, 100%, .5);
    padding: 20px 20px 15px
}

@media screen and (max-width:834px) {
    .career-license__list-ct {
        padding: 17px 10px 15px
    }
}

.career-license__list-ct .c-ttl__05 {
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .career-license__list-ct .c-ttl__05 {
        margin-bottom: 0
    }
}

.career-main {
    overflow-x: hidden;
    padding: 80px 0
}

@media screen and (max-width:834px) {
    .career-main {
        padding: 40px 0
    }
}

.career-main .c-tabs {
    margin-bottom: 90px
}

@media screen and (max-width:834px) {
    .career-main .c-tabs {
        margin-bottom: 28px
    }
}

@media screen and (max-width:834px) {
    .career-main .c-tabs li {
        height: 64px
    }
}

.career-main .c-block {
    margin-bottom: 62px
}

@media screen and (max-width:834px) {
    .career-main .c-block {
        margin-bottom: 40px
    }
}

.career-main .c-block__ct-ttl {
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .career-main .c-block__ct-ttl {
        text-align: center;
        margin-bottom: 11px
    }
}

@media screen and (min-width:641px) {
    .career-main .c-block__ct p {
        line-height: 2
    }
}

.career-main__content {
    padding: 58px 0
}

@media screen and (max-width:834px) {
    .career-main__content {
        padding: 40px 0 20px
    }
}

.career-main__content.bg-pink {
    background: #fdf2f3
}

.career-main__content.bg-yellow {
    background: #fef4ea
}

.childcare-block {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .childcare-block {
        margin-bottom: 40px
    }
}

.childcare-qualification {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .childcare-qualification {
        margin-bottom: 40px
    }
}

@media screen and (max-width:834px) {
    .childcare-qualification .common-heading__txt {
        font-size: 1.6rem;
        line-height: 1.5
    }

    .childcare-qualification .common-heading__txt span {
        line-height: 1.3
    }
}

.childcare-qualification__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 40px
}

@media screen and (max-width:834px) {
    .childcare-qualification__list {
        gap: 20px
    }
}

@media screen and (max-width:640px) {
    .childcare-qualification__list {
        grid-template-columns: 1fr
    }
}

.childcare-qualification__list-item {
    border-radius: 16px;
    overflow: hidden
}

.childcare-qualification__list-item:first-child {
    background: #fbe4ca
}

.childcare-qualification__list-item:nth-child(2) {
    background: #fadde1
}

.childcare-qualification__list-item:nth-child(3) {
    background: #d2eae4
}

.childcare-qualification__list-item:nth-child(4) {
    background: #d1d9ef
}

.childcare-qualification__list-ct {
    padding: 24px 20px
}

@media screen and (max-width:834px) {
    .childcare-qualification__list-ct {
        padding: 23px 10px 16px
    }
}

.childcare-qualification__list-ct p {
    min-height: 66px
}

.childcare-qualification__list-ttl {
    color: #4e4449;
    margin-bottom: 15px;
    line-height: 1.2
}

@media screen and (max-width:834px) {
    .childcare-qualification__list-ttl {
        margin-bottom: 7px;
        line-height: 1.4
    }
}

.childcare-qualification__list-control {
    margin-top: 20px
}

.childcare-qualification__list-control li {
    margin-bottom: 20px
}

.childcare-qualification__list-control li:last-of-type {
    margin-bottom: 0
}

.childcare-qualification__list-control li:first-child a {
    background: #f3c6cd;
    color: #4e4449;
    border: 1px solid #f3c6cd
}

@media (any-hover:hover) {
    .childcare-qualification__list-control li:first-child a {
        transition: all .2s
    }

    .childcare-qualification__list-control li:first-child a:hover {
        background: #fff;
        color: #f3c6cd
    }

    .childcare-qualification__list-control li:first-child a:hover:after {
        background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
    }

    .childcare-qualification__list-control li:first-child a:hover::before {
        background: #f3c6cd
    }
}

.childcare-qualification__list-control li:nth-child(2) a {
    background: #f6ebbd;
    color: #4e4449;
    border: 1px solid #f6ebbd
}

@media (any-hover:hover) {
    .childcare-qualification__list-control li:nth-child(2) a {
        transition: all .2s
    }

    .childcare-qualification__list-control li:nth-child(2) a:hover {
        background: #fff
    }

    .childcare-qualification__list-control li:nth-child(2) a:hover:after {
        background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
    }

    .childcare-qualification__list-control li:nth-child(2) a:hover:before {
        background: #f6ebbd
    }
}

.childcare-qualification__list-control li:nth-child(2) a:after {
    background: url(../img/common/ar-right-yellow.svg) no-repeat 50%/100%
}

.childcare-qualification__list-control li:nth-child(3) a {
    background: #8ea8b3;
    border: 1px solid #8ea8b3
}

@media (any-hover:hover) {
    .childcare-qualification__list-control li:nth-child(3) a {
        transition: all .2s
    }

    .childcare-qualification__list-control li:nth-child(3) a:hover {
        background: #fff;
        color: #8ea8b3
    }

    .childcare-qualification__list-control li:nth-child(3) a:hover:after {
        background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
    }

    .childcare-qualification__list-control li:nth-child(3) a:hover:before {
        background: #8ea8b3
    }
}

.childcare-qualification__list-control li:nth-child(3) a:after {
    background: url(../img/common/ar-right-blue.svg) no-repeat 50%/100%
}

.childcare-qualification--tabs02 .childcare-qualification__list-item {
    background: rgba(245, 188, 196, .5) !important
}

.childcare-qualification--tabs03 .c-ttl__03 {
    font-size: 2.8rem
}

@media screen and (max-width:834px) {
    .childcare-qualification--tabs03 .c-ttl__03 {
        font-size: 2rem
    }
}

.childcare-qualification--tabs03 .childcare-qualification__list-item {
    background: rgba(165, 214, 201, .5) !important
}

.childcare-qualification--tabs03 .childcare-qualification__list-ttl,
.childcare-qualification--tabs05 {
    margin-bottom: 0
}

.childcare-qualification--tabs05 .c-ttl__03 {
    font-size: 2.7rem
}

@media screen and (max-width:834px) {
    .childcare-qualification--tabs05 .c-ttl__03 {
        font-size: 2rem
    }
}

.childcare-qualification--tabs05 .childcare-qualification__list-item {
    background: rgba(149, 194, 222, .5) !important
}

.childcare-qualification--tabs05 .childcare-qualification__list-ct .c-ttl__05 {
    color: #4e4449
}

.common-heading {
    margin-bottom: 18px
}

.common-heading__txt {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
    padding-top: 18px;
    position: relative;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .common-heading__txt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5625
    }
}

.common-heading__txt:after,
.common-heading__txt:before {
    content: "";
    display: block;
    width: 3px;
    height: 80px;
    background: #f8c995;
    bottom: 0;
    position: absolute
}

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

    .common-heading__txt:after,
    .common-heading__txt:before {
        bottom: 14px
    }
}

.common-heading__txt:before {
    transform: rotate(-30deg);
    left: -26px
}

@media screen and (max-width:834px) {
    .common-heading__txt:before {
        left: -20px;
        bottom: 0
    }
}

.common-heading__txt:after {
    transform: rotate(30deg);
    right: -26px
}

@media screen and (max-width:834px) {
    .common-heading__txt:after {
        right: -20px;
        bottom: 0
    }
}

.common-heading__txt span {
    display: block;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.5;
    margin-top: 5px
}

@media screen and (max-width:834px) {
    .common-heading__txt span {
        font-size: 2rem;
        margin-top: 0
    }
}

@media screen and (min-width:835px) {
    .common-heading__txt--02 {
        line-height: 2;
        padding-top: 10px
    }
}

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

    .common-heading__txt--02:after,
    .common-heading__txt--02:before {
        display: none
    }
}

.common-heading__txt--anti-line:after,
.common-heading__txt--anti-line:before {
    display: none
}

.childcare-futures {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .childcare-futures {
        margin-bottom: 40px
    }
}

@media screen and (max-width:834px) {
    .childcare-futures .common-heading .c-ttl__04 {
        margin-bottom: 10px
    }
}

.childcare-futures .common-heading__txt {
    padding-top: 7px
}

.childcare-futures .common-heading__txt:after,
.childcare-futures .common-heading__txt:before {
    display: none
}

.childcare-futures__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 40px
}

@media screen and (max-width:834px) {
    .childcare-futures__list {
        gap: 0 15px
    }
}

@media screen and (max-width:640px) {
    .childcare-futures__list {
        grid-template-columns: 1fr;
        gap: 20px 0
    }
}

.childcare-futures__list-ct {
    padding: 20px
}

@media screen and (max-width:834px) {
    .childcare-futures__list-ct {
        padding: 20px 10px
    }
}

.childcare-futures__list-item {
    border-radius: 16px;
    overflow: hidden;
    background: #fff
}

.childcare-futures__list-ttl {
    margin-bottom: 20px;
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:834px) {
    .childcare-futures__list-ttl {
        margin-bottom: 5px;
        height: auto
    }
}

.childcare-course__ttl {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .childcare-course__ttl {
        margin-bottom: 20px
    }
}

.childcare-course__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 40px
}

.childcare-course__list-item {
    width: calc((100% - 80px) / 3);
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .childcare-course__list-item {
        width: 100%;
        margin-bottom: 20px
    }
}

.childcare-course__list-item a {
    display: block
}

@media (any-hover:hover) {
    .childcare-course__list-item a {
        transition: all .2s
    }

    .childcare-course__list-item a:hover {
        opacity: .7
    }
}

.career-support {
    padding-bottom: 80px
}

@media screen and (max-width:834px) {
    .career-support {
        padding-bottom: 40px
    }
}

@media screen and (max-width:640px) {
    .career-support .c-block__ct-ttl {
        text-align: center;
        margin-bottom: 3px
    }
}

.career-support .c-block__ct-ttl span {
    font-size: 3rem
}

@media screen and (max-width:834px) {
    .career-support .c-block__ct-ttl span {
        font-size: 2rem;
        margin-bottom: 6px
    }
}

.career-support .c-block__ct p {
    margin-bottom: 15px
}

@media screen and (min-width:641px) {
    .career-support .c-block__ct p {
        line-height: 2
    }
}

@media screen and (max-width:640px) {
    .career-support .c-block__ct p {
        margin-bottom: 7px
    }
}

@media screen and (min-width:641px) {
    .career-support .c-block__ct .c-btn__01 {
        margin-left: auto;
        margin-right: 0
    }
}

@media screen and (min-width:641px) {
    .career-support .c-block__img {
        border-radius: 80px 0 0 80px;
        width: 57.36%
    }
}

@media screen and (max-width:640px) {
    .career-support .c-block__img {
        margin-left: auto;
        margin-right: 0;
        border-radius: 40px 0 0 40px
    }
}

@media screen and (max-width:834px) {
    .book-author {
        margin-bottom: 60px
    }
}

.book-author .c-block {
    margin-bottom: 40px
}

.book-author .c-block--styles04 .c-block__img {
    border-radius: 80px 0 0 80px;
    width: 57.36%
}

@media screen and (max-width:640px) {
    .book-author .c-block--styles04 .c-block__img {
        width: calc(100% - 20px);
        border-radius: 40px 0 0 40px
    }
}

.activity-locations {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .activity-locations {
        margin-bottom: 40px
    }
}

.activity-locations__txt-lead {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 13px;
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .activity-locations__txt-lead {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        margin-bottom: 45px;
        margin-top: 21px
    }
}

.activity-locations__ttlsub {
    text-align: center;
    position: relative;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 22px;
    padding: 20px 0
}

@media screen and (max-width:834px) {
    .activity-locations__ttlsub {
        padding: 0;
        margin-bottom: 26px
    }
}

.activity-locations__ttlsub:after,
.activity-locations__ttlsub:before {
    content: "";
    display: block;
    width: 3px;
    height: 80px;
    background: #a5d6c9;
    bottom: 0;
    position: absolute
}

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

    .activity-locations__ttlsub:after,
    .activity-locations__ttlsub:before {
        height: 75px
    }
}

.activity-locations__ttlsub:before {
    transform: rotate(-30deg);
    left: -26px
}

.activity-locations__ttlsub:after {
    transform: rotate(30deg);
    right: -26px
}

.activity-locations__box {
    background-color: #a5d6c9;
    border-radius: 40px;
    padding: 40px 0;
    font-size: 1.9rem;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width:834px) {
    .activity-locations__box {
        line-height: 1.2;
        padding: 20px 0
    }

    .activity-locations__box span {
        font-size: 1.6rem
    }
}

.activity-locations__box p {
    margin-bottom: 20px
}

.activity-locations__box .c-btn__01 {
    max-width: 366px;
    background: #fff;
    color: #4e4449;
    border: none
}

@media screen and (max-width:834px) {
    .activity-locations__box .c-btn__01 {
        max-width: 300px
    }
}

.activity-locations__box .c-btn__01:before {
    background: #a5d6c9
}

.activity-locations__box .c-btn__01:after {
    background: url(../img/common/ar-right-white.svg) no-repeat 50%/100%
}

@media (any-hover:hover) {
    .activity-locations__box .c-btn__01 {
        transition: all .2s
    }

    .activity-locations__box .c-btn__01:hover {
        border: 1px solid #fff;
        background: #a5d6c9;
        color: #fff
    }

    .activity-locations__box .c-btn__01:hover:before {
        background: #fff
    }

    .activity-locations__box .c-btn__01:hover:after {
        background: url(../img/common/ar-right-green.png) no-repeat 50%/100%
    }
}

.career-job {
    padding: 45px 40px 38px;
    position: relative;
    text-align: center
}

@media screen and (max-width:834px) {
    .career-job {
        padding: 35px 10px 40px
    }
}

.career-job__img {
    width: 29.54%;
    position: absolute;
    top: 40px
}

@media screen and (max-width:1300px) {
    .career-job__img {
        width: 26%
    }
}

@media screen and (max-width:1024px) {
    .career-job__img {
        width: 22%
    }
}

@media screen and (max-width:834px) {
    .career-job__img {
        top: 0
    }
}

@media screen and (max-width:640px) {
    .career-job__img {
        position: static;
        width: 160px
    }
}

.career-job__img--left {
    left: 40px
}

@media screen and (max-width:1024px) {
    .career-job__img--left {
        left: 20px
    }
}

.career-job__img--right {
    right: 40px
}

@media screen and (max-width:1024px) {
    .career-job__img--right {
        right: 20px
    }
}

@media screen and (max-width:640px) {
    .career-job__img-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 20px;
        max-width: 380px;
        margin: 20px auto
    }
}

.career-job__ttl {
    margin-bottom: 7px;
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 1.8648648649;
    font-weight: 700;
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .career-job__ttl {
        font-size: 2rem;
        margin-bottom: 10px
    }
}

.career-job__list {
    max-width: 944px;
    margin: 20px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 40px
}

@media screen and (max-width:640px) {
    .career-job__list {
        display: block;
        margin-bottom: 20px
    }
}

.career-job__list-item {
    width: 47.88%
}

@media screen and (max-width:834px) {
    .career-job__list-item {
        width: 45.88%
    }
}

@media screen and (max-width:640px) {
    .career-job__list-item {
        width: 170px;
        margin: 0 auto 20px
    }
}

.career-job__list-item:first-child {
    width: 47.89%;
    margin-bottom: 20px
}

@media screen and (max-width:640px) {
    .career-job__list-item:first-child {
        width: 244px
    }
}

@media screen and (max-width:640px) {
    .career-job__list-item:last-child {
        width: 200px
    }
}

.career-support {
    padding: 43px 0 80px;
    background: #f2eeea;
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    .career-support {
        padding: 33px 0 40px;
        margin-bottom: 40px
    }
}

.career-support__ttl {
    margin-bottom: 54px;
    line-height: 1.1
}

@media screen and (max-width:834px) {
    .career-support__ttl {
        margin-bottom: 40px
    }
}

.career-support__ttl span {
    margin-bottom: -25px
}

@media screen and (max-width:834px) {
    .career-support__ttl span {
        margin-bottom: -17px
    }
}

.career-support__list-item {
    background: #fff;
    padding: 40px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .career-support__list-item {
        padding: 14px 10px;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.career-support__list-item:last-of-type {
    margin-bottom: 0
}

.career-support__list-img {
    width: 379px;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .career-support__list-img {
        width: 45%
    }
}

@media screen and (max-width:640px) {
    .career-support__list-img {
        width: 100%;
        margin-bottom: 12px
    }
}

.career-support__list-ct {
    width: calc(100% - 379px);
    padding-left: 40px
}

@media screen and (max-width:834px) {
    .career-support__list-ct {
        padding-left: 15px;
        width: 55%
    }
}

@media screen and (max-width:640px) {
    .career-support__list-ct {
        width: 100%;
        padding-left: 0
    }
}

.career-support__list-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    position: relative
}

@media screen and (max-width:834px) {
    .career-support__list-heading {
        margin-bottom: 14px
    }
}

.career-support__list-number img {
    height: 96px
}

@media screen and (max-width:834px) {
    .career-support__list-number img {
        height: 57px
    }
}

.career-support__list-ttl {
    font-size: 2rem;
    font-weight: 700;
    padding-left: 22px
}

@media screen and (max-width:834px) {
    .career-support__list-ttl {
        font-size: 1.3rem;
        padding-left: 8px;
        line-height: 2
    }
}

.career-support__list-ttl span {
    font-family: Zen Maru Gothic, sans-serif;
    display: block;
    font-size: 2.8rem;
    color: #dc8670;
    margin-top: 10px
}

@media screen and (max-width:834px) {
    .career-support__list-ttl span {
        font-size: 1.6rem;
        margin-top: 0;
        line-height: 1.375
    }
}

.career-support__list-desc p {
    margin-bottom: 22px
}

@media screen and (max-width:834px) {
    .career-support__list-desc p {
        margin-bottom: 20px
    }
}

.career-support__list-desc p:last-of-type {
    margin-bottom: 0
}

.steps-block {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 25px;
    margin-bottom: 40px
}

@media screen and (max-width:640px) {
    .steps-block {
        grid-template-columns: 1fr;
        margin-top: 7px;
        line-height: 1.7
    }
}

.steps-block__ttl {
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 10px;
    display: block
}

@media screen and (max-width:834px) {
    .steps-block__ttl {
        font-size: 2rem;
        line-height: 1
    }
}

.steps-block__item {
    position: relative;
    padding: 20px
}

@media screen and (max-width:834px) {
    .steps-block__item {
        padding: 25px 10px 10px
    }
}

.steps-block__item:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 40px 0 40px 20px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    display: inline-block;
    top: 0;
    right: -20px;
    z-index: 2
}

@media screen and (max-width:834px) {
    .steps-block__item:after {
        border-width: 30px 0 30px 15px;
        right: -15px
    }
}

@media screen and (max-width:640px) {
    .steps-block__item:after {
        border-width: 16px 30px 0;
        border-color: red transparent transparent;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom: -16px
    }
}

.steps-block__item:first-child {
    background: #fdefdf
}

@media screen and (max-width:834px) {
    .steps-block__item:first-child {
        padding-top: 15px
    }
}

.steps-block__item:first-child:after {
    border-color: transparent transparent transparent #fdefdf
}

@media screen and (max-width:640px) {
    .steps-block__item:first-child:after {
        border-color: #fdefdf transparent transparent
    }
}

.steps-block__item:first-child .steps-block__ttl {
    color: #f39b16
}

.steps-block__item:nth-child(2) {
    background: #fcebed
}

.steps-block__item:nth-child(2):after {
    border-color: transparent transparent transparent #fcebed
}

@media screen and (max-width:640px) {
    .steps-block__item:nth-child(2):after {
        border-color: #fcebed transparent transparent
    }
}

.steps-block__item:nth-child(2) .steps-block__ttl {
    color: #f38d9b
}

.steps-block__item:nth-child(3) {
    background: #e4f3ef
}

.steps-block__item:nth-child(3):after {
    border-color: transparent transparent transparent #e4f3ef
}

@media screen and (max-width:640px) {
    .steps-block__item:nth-child(3):after {
        border-color: #e4f3ef transparent transparent
    }
}

.steps-block__item:nth-child(3) .steps-block__ttl {
    color: #52c9aa
}

.steps-block__item:nth-child(4) {
    background: #e3e8f5
}

.steps-block__item:nth-child(4):after {
    border-width: 20px 40px 0;
    border-color: #e3e8f5 transparent transparent;
    right: auto;
    left: calc(50% - 40px);
    bottom: -20px;
    top: auto
}

@media screen and (max-width:834px) {
    .steps-block__item:nth-child(4):after {
        border-width: 15px 30px 0;
        left: calc(50% - 30px);
        bottom: -15px
    }
}

@media screen and (max-width:640px) {
    .steps-block__item:nth-child(4):after {
        left: 50%
    }
}

.steps-block__item:nth-child(4) .steps-block__ttl {
    color: #6d8bdb
}

.passed-block {
    max-width: 808px;
    width: 100%;
    margin: 0 auto 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .passed-block {
        margin-bottom: 10px
    }
}

.passed-block__ct {
    width: calc(100% - 290px);
    padding-right: 40px
}

@media screen and (max-width:640px) {
    .passed-block__ct {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px
    }
}

.passed-block__ct-logo {
    max-width: 226px;
    margin: 0 auto 10px
}

@media screen and (max-width:640px) {
    .passed-block__ct-logo {
        max-width: 147px;
        margin-bottom: 4px
    }
}

.passed-block__ct-desc p {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .passed-block__ct-desc p {
        margin-bottom: 10px
    }
}

.passed-block__ct-desc p:last-of-type {
    margin-bottom: 0
}

.passed-block__ct-desc .txt-right {
    text-align: right
}

.passed-block__img {
    max-width: 290px;
    border-radius: 40px;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .passed-block__img {
        margin: 0 auto
    }
}

.result-block__ttl {
    margin-bottom: -25px
}

.result-block__ttl span {
    font-size: 2.5rem;
    min-width: 490px;
    padding: 4px 15px
}

@media screen and (max-width:834px) {
    .result-block__ttl span {
        font-size: 1.6rem;
        min-width: 320px !important;
        padding: 2px 15px
    }
}

.result-block__wp {
    background: #fbe4ca;
    border-radius: 16px;
    padding: 46px 20px 15px
}

@media screen and (max-width:834px) {
    .result-block__wp {
        padding: 37px 10px 15px;
        line-height: 1.7
    }
}

.result-block__wp .txt-right {
    text-align: right
}

.career-perfomance {
    padding: 52px 0 80px
}

@media screen and (max-width:834px) {
    .career-perfomance {
        padding: 27px 0 40px
    }
}

.career-perfomance__list {
    margin-bottom: 60px
}

@media screen and (min-width:641px) {
    .career-perfomance__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }
}

@media screen and (max-width:640px) {
    .career-perfomance__list {
        margin-bottom: 30px;
        height: auto !important
    }
}

.career-perfomance__list-item {
    width: 47.98%;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 40px
}

@media screen and (max-width:640px) {
    .career-perfomance__list-item {
        width: 100%;
        margin-bottom: 20px
    }
}

.career-perfomance__list-item:nth-child(odd) {
    -ms-flex-order: 1;
    order: 1
}

.career-perfomance__list-item:nth-child(2n) {
    -ms-flex-order: 2;
    order: 2
}

.career-perfomance__list-item:last-of-type {
    margin-bottom: 0;
    -ms-flex-order: 7;
    order: 7
}

.career-perfomance__list-item:first-child .career-perfomance__list-ct {
    background: hsla(32, 88%, 78%, .5)
}

.career-perfomance__list-item:nth-child(2) .career-perfomance__list-ct {
    background: rgba(245, 188, 196, .5)
}

.career-perfomance__list-item:nth-child(3) .career-perfomance__list-ct {
    background: rgba(165, 214, 201, .5)
}

.career-perfomance__list-item:nth-child(4) .career-perfomance__list-ct {
    background: rgba(163, 179, 223, .25)
}

.career-perfomance__list-item:nth-child(5) .career-perfomance__list-ct {
    background: rgba(149, 194, 222, .5)
}

.career-perfomance__list-item:nth-child(6) .career-perfomance__list-ct {
    background: hsla(84, 36%, 71%, .5)
}

.career-perfomance__list-item:nth-child(7) .career-perfomance__list-ct {
    background: hsla(48, 76%, 85%, .5)
}

.career-perfomance__list-ct {
    padding: 20px
}

@media screen and (max-width:834px) {
    .career-perfomance__list-ct {
        padding: 17px 10px;
        line-height: 1.75
    }
}

.career-perfomance__list-ttl {
    color: #4e4449;
    margin-bottom: 7px
}

@media screen and (max-width:834px) {
    .career-perfomance__list-ttl {
        margin-bottom: 0
    }
}

.career-perfomance__btn {
    max-width: 745px;
    margin: 0 auto;
    display: block
}

.career-company {
    padding: 80px 0 50px
}

@media screen and (max-width:834px) {
    .career-company {
        padding: 40px 0
    }
}

.career-company__ttl {
    text-align: center;
    margin-bottom: 20px
}

.career-company__intro {
    text-align: center;
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .career-company__intro {
        text-align: left;
        line-height: 1.78;
        margin-bottom: 5px
    }
}

.career-company__ttlsub {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .career-company__ttlsub {
        margin-bottom: 20px
    }
}

.career-company__job-block {
    margin-bottom: 34px
}

@media screen and (max-width:834px) {
    .career-company__job-block {
        margin-bottom: 42px
    }

    .career-company__job-block:last-of-type {
        margin-bottom: 0
    }
}

@media screen and (max-width:834px) {
    .career-company__job-block:nth-child(2) .career-company__job-ttl {
        font-size: 1.8rem;
        margin-bottom: 14px
    }
}

@media screen and (max-width:834px) {
    .career-company__job-block:nth-child(3) .career-company__job-ttl {
        font-size: 2rem;
        line-height: 1.5;
        margin-bottom: 14px
    }
}

.career-company__job-ttl {
    margin-bottom: 38px
}

@media screen and (max-width:834px) {
    .career-company__job-ttl {
        margin-bottom: 22px;
        font-size: 1.7rem
    }
}

.career-company__job-dl {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .career-company__job-dl {
        margin-bottom: 20px
    }
}

.career-company__job-dl:last-of-type {
    margin-bottom: 0
}

.career-company__job-dt {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    background: #eea69a;
    border-radius: 18px;
    padding: 0 15px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.4
}

@media screen and (max-width:834px) {
    .career-company__job-dt {
        font-size: 1.6rem
    }
}

.career-company__job-dt span {
    font-size: 1.6rem;
    position: relative;
    bottom: 3px
}

@media screen and (max-width:834px) {
    .career-company__job-dt span {
        display: none
    }
}

.career-company__job-dd dl {
    margin-bottom: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.career-company__job-dd dl dt {
    width: 172px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eea69a;
    border-radius: 16px;
    font-family: Zen Maru Gothic, sans-serif;
    color: #fff;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .career-company__job-dd dl dt {
        font-size: 1.6rem;
        height: 24px;
        margin-bottom: 17px
    }
}

.career-company__job-dd dl dd {
    width: calc(100% - 172px);
    padding-left: 20px
}

@media screen and (max-width:834px) {
    .career-company__job-dd dl dd {
        width: 100%;
        padding-left: 0;
        line-height: 1.78
    }

    .career-company__job-dd dl dd span.sp {
        display: block;
        margin-top: 14px
    }
}

.career-company__job-dd dl ol li {
    position: relative;
    padding-left: 15px
}

.career-company__job-dd dl ol li span {
    position: absolute;
    top: 0;
    left: 0
}

.career-company__job-dd .c-btn__01 {
    margin-left: 0;
    margin-top: 20px
}

@media screen and (max-width:834px) {
    .career-company__job-dd .c-btn__01 {
        margin: 20px auto 0
    }
}

.career-company__job-desc {
    margin-bottom: 20px;
    padding-left: 38px
}

@media screen and (max-width:834px) {
    .career-company__job-desc {
        padding-left: 0;
        line-height: 1.78
    }

    .career-company__job-desc span {
        display: block;
        margin-bottom: 11px
    }
}

@media screen and (max-width:834px) {
    .career-company__job-desc02 {
        line-height: 1.78
    }
}

.career-company__job-desc02 p {
    margin-bottom: 25px
}

@media screen and (max-width:834px) {
    .career-company__job-desc02 p {
        margin-bottom: 20px
    }
}

.career-company__job-desc02 p:last-of-type {
    margin-bottom: 0
}

.career-company__job-desc02 p a {
    font-weight: 700;
    color: #eea69a;
    text-decoration: underline;
    word-break: break-all
}

.contact-infor {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
    padding-left: 32px
}

@media screen and (max-width:640px) {
    .contact-infor {
        grid-template-columns: 1fr;
        gap: 20px 0;
        padding-left: 0;
        max-width: 400px;
        margin: 0 auto
    }
}

.contact-infor__item {
    background: #f2eeea;
    border-radius: 40px;
    padding: 40px;
    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
}

@media screen and (max-width:834px) {
    .contact-infor__item {
        border-radius: 16px;
        padding: 20px
    }

    .contact-infor__item:first-child .contact-infor__ico img {
        width: 16px
    }

    .contact-infor__item:nth-child(2) .contact-infor__ico img {
        width: 19px
    }
}

.contact-infor__ico {
    width: 75px;
    height: 75px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eea69a;
    border-radius: 50%
}

@media screen and (max-width:834px) {
    .contact-infor__ico {
        width: 40px;
        height: 40px;
        margin-bottom: 6px
    }
}

.contact-infor__txt {
    width: calc(100% - 75px);
    padding-left: 8px
}

@media screen and (max-width:834px) {
    .contact-infor__txt {
        width: 100%;
        padding-left: 0;
        line-height: 1.7
    }
}

.job-inquiries {
    padding: 60px 0 80px;
    background: #f2eeea;
    margin-bottom: 100px
}

@media screen and (max-width:834px) {
    .job-inquiries {
        padding: 40px 0;
        margin-bottom: 40px
    }
}

.job-inquiries__ttl {
    margin-bottom: 35px
}

@media screen and (max-width:834px) {
    .job-inquiries__ttl {
        margin-bottom: 18px
    }
}

.job-inquiries .contact-infor {
    padding-left: 0
}

.job-inquiries .contact-infor__item {
    background: #fff
}

.campus-life {
    padding: 80px 0;
    background: #f2eeea url(../img/campus-life/bg-mark.png) no-repeat top/100%
}

@media screen and (max-width:834px) {
    .campus-life {
        background: #f2eeea url(../img/campus-life/bg-mark.png) no-repeat top/100%;
        padding: 26px 0
    }
}

@media screen and (max-width:834px) {
    .campus-life__ttl {
        margin-bottom: 17px
    }
}

.campus-life__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 40px
}

@media screen and (max-width:834px) {
    .campus-life__list {
        gap: 30px 20px
    }
}

@media screen and (max-width:640px) {
    .campus-life__list {
        grid-template-columns: 1fr;
        gap: 20px 0
    }
}

.campus-life__list-item {
    border-radius: 16px;
    background: #fff
}

.campus-life__list-img {
    border-radius: 16px 16px 0 0;
    overflow: hidden
}

.campus-life__list-ct {
    padding: 17px 20px
}

@media screen and (max-width:834px) {
    .campus-life__list-ct {
        padding: 17px 10px
    }
}

.campus-life__list-ct p {
    margin-bottom: 20px;
    min-height: 30px
}

@media screen and (max-width:834px) {
    .campus-life__list-ct p {
        margin-bottom: 8px
    }
}

.campus-life__list-ttl {
    margin-bottom: 11px
}

@media screen and (max-width:834px) {
    .campus-life__list-ttl {
        margin-bottom: 0
    }
}

.campus-life__list-dropdown {
    position: relative;
    max-width: 264px;
    margin: 0 auto
}

.campus-life__list-dropdown .c-btn__01 {
    cursor: pointer;
    position: relative;
    z-index: 11
}

.campus-life__list-dropdown .c-btn__01:after {
    background: url(../img/common/ico-down-orange.png) no-repeat 50%/100%;
    transition: all .3s ease
}

@media (any-hover:hover) {
    .campus-life__list-dropdown .c-btn__01:hover {
        opacity: 1;
        background: #eea69a;
        color: #fff
    }

    .campus-life__list-dropdown .c-btn__01:hover:after {
        background: url(../img/common/ico-down-orange.png) no-repeat 50%/100%
    }

    .campus-life__list-dropdown .c-btn__01:hover:before {
        background: #fff
    }
}

.campus-life__list-dropdown .c-btn__01.on:after {
    transform: translateY(-50%) rotate(180deg)
}

.campus-life__list-dropdownList {
    width: 264px;
    position: absolute;
    bottom: 30px;
    left: 0;
    background: #eea69a;
    border-radius: 0 0 40px 40px;
    padding: 35px 20px 18px;
    transform: translateY(100%);
    z-index: 10;
    display: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5
}

.campus-life__list-dropdownList li {
    margin-bottom: 6px
}

.campus-life__list-dropdownList li:last-child {
    margin-bottom: 0
}

.campus-life__list-dropdownList li a {
    color: #fff;
    font-weight: 500;
    position: relative;
    display: block;
    padding-left: 12px
}

@media (any-hover:hover) {
    .campus-life__list-dropdownList li a {
        transition: all .2s
    }

    .campus-life__list-dropdownList li a:hover {
        text-decoration: underline;
        opacity: 1
    }
}

.campus-life__list-dropdownList li a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #f3c6cd;
    border-radius: 50%;
    top: calc(50% - 4px);
    left: 0
}

.campus-life__list-dropdownList li:nth-child(2) a:before {
    background: #f3e5de
}

.campus-life__list-dropdownList li:nth-child(3) a:before {
    background: #f6ebbd
}

.campus-life__list-dropdownList li:nth-child(4) a:before {
    background: #b7d1c8
}

.campus-life__list-dropdownList li:nth-child(5) a:before {
    background: #8ea8b3
}

.campus-movie {
    padding: 50px 0 80px
}

@media screen and (max-width:834px) {
    .campus-movie {
        padding: 26px 0 40px
    }
}

.campus-movie__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 40px;
    margin-bottom: -60px
}

@media screen and (max-width:834px) {
    .campus-movie__list {
        margin-bottom: -30px
    }
}

@media screen and (max-width:640px) {
    .campus-movie__list {
        margin-bottom: 0
    }
}

.campus-movie__list-item {
    width: calc((100% - 40px) / 2);
    position: relative;
    overflow: hidden;
    margin-bottom: 60px
}

.campus-movie__list-item:before {
    display: block;
    content: "";
    padding-top: 56.4681724846%
}

.campus-movie__list-item>:first-child,
.campus-movie__list-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width:834px) {
    .campus-movie__list-item {
        width: calc((100% - 40px) / 2);
        margin-bottom: 30px
    }
}

@media screen and (max-width:640px) {
    .campus-movie__list-item {
        width: 100%;
        margin-bottom: 20px
    }

    .campus-movie__list-item:last-of-type {
        margin-bottom: 0
    }
}

.schedule-page {
    padding: 23px 0 80px;
    background: url(../img/schedule/bg-mark.png) no-repeat 50%/100%
}

@media screen and (max-width:834px) {
    .schedule-page {
        padding: 23px 0 36px;
        background: url(../img/schedule/bg-mark-sp.png) no-repeat 50%/100%
    }
}

.schedule-page__ttl {
    margin-bottom: 32px
}

@media screen and (max-width:834px) {
    .schedule-page__ttl {
        margin-bottom: 12px
    }
}

.schedule-page__intro {
    text-align: center;
    margin-bottom: 100px
}

@media screen and (max-width:834px) {
    .schedule-page__intro {
        text-align: left;
        margin-bottom: 75px
    }
}

.schedule-page__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 78px 40px;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .schedule-page__list {
        grid-template-columns: 1fr 1fr;
        gap: 58px 20px
    }
}

@media screen and (max-width:640px) {
    .schedule-page__list {
        grid-template-columns: 1fr;
        gap: 58px 0
    }
}

.schedule-page__list-item {
    border-radius: 16px;
    background: #f2eeea;
    position: relative
}

.schedule-page__list-img {
    overflow: hidden;
    border-radius: 16px 16px 0 0
}

.schedule-page__list-ct {
    padding: 20px;
    font-family: Zen Maru Gothic, sans-serif;
    min-height: 110px
}

@media screen and (max-width:834px) {
    .schedule-page__list-ct {
        padding: 18px 10px;
        line-height: 1.5;
        min-height: 0
    }
}

.schedule-page__list-number {
    width: 76.5px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.schedule-page__list-number img {
    width: 100%
}

.schedule-page__note {
    text-align: right;
    display: block
}

@media screen and (max-width:834px) {
    .schedule-page__note {
        text-align: left
    }
}

.seminar-top {
    text-align: center;
    padding: 80px 0
}

@media screen and (max-width:834px) {
    .seminar-top {
        padding: 40px 0
    }
}

.seminar-top__img {
    max-width: 811px;
    margin: 0 auto 52px
}

@media screen and (max-width:834px) {
    .seminar-top__img {
        margin-bottom: 40px;
        max-width: 450px
    }
}

.seminar-top__ttl {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.875;
    text-align: center;
    margin-bottom: 7px;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .seminar-top__ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 15px
    }
}

.seminar-main {
    padding: 33px 0 60px;
    background: #f2eeea;
    margin-bottom: 100px
}

@media screen and (max-width:834px) {
    .seminar-main {
        margin-bottom: 40px;
        padding: 24px 0 40px
    }
}

.seminar-main__ttl {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .seminar-main__ttl {
        margin-bottom: 12px
    }
}

.seminar-main__intro {
    text-align: center;
    line-height: 1.85;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .seminar-main__intro {
        text-align: left;
        margin-bottom: 37px
    }
}

.seminar-main__block {
    padding: 40px 20px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .seminar-main__block {
        padding: 20px 10px;
        margin-bottom: 40px
    }
}

.seminar-main__block:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:834px) {
    .seminar-main__block:nth-last-child(2) .seminar-main__block-ttlsub02 {
        margin-bottom: 30px
    }
}

.seminar-main__block-ttl {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .seminar-main__block-ttl {
        margin-bottom: 20px
    }
}

.seminar-main__block-ttlsub02 {
    margin-bottom: 28px
}

@media screen and (max-width:834px) {
    .seminar-main__block-ttlsub02 {
        margin-bottom: 14px
    }
}

.seminar-main__block-ttlsub02 span {
    padding: 0 20px
}

@media screen and (max-width:834px) {
    .seminar-main__block-ttlsub02 span {
        padding: 2px 5px
    }
}

.seminar-main__block-label {
    margin-bottom: 76px;
    height: 60px;
    border-radius: 30px
}

@media screen and (max-width:834px) {
    .seminar-main__block-label {
        height: 40px;
        margin-bottom: 55px
    }
}

.seminar-main__block-intro {
    margin-bottom: 52px;
    text-align: center;
    line-height: 2
}

@media screen and (max-width:834px) {
    .seminar-main__block-intro {
        text-align: left;
        line-height: 1.8
    }
}

.seminar-main__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 20px;
    position: relative;
    padding-bottom: 48px;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .seminar-main__list {
        gap: 0 15px;
        padding-bottom: 24px;
        margin-bottom: 16px
    }
}

@media screen and (max-width:640px) {
    .seminar-main__list {
        max-width: 450px;
        margin: 0 auto;
        grid-template-columns: 1fr;
        gap: 36px 0
    }
}

.seminar-main__list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 30px 20px 0;
    border-color: #eea69a transparent transparent;
    border-style: solid;
    display: inline-block;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:834px) {
    .seminar-main__list:after {
        border-width: 24px 14px 0
    }
}

.seminar-main__list-item {
    position: relative
}

.seminar-main__list-number {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%)
}

.seminar-main__list-number img {
    height: 72px
}

@media screen and (min-width:641px) and (max-width:834px) {
    .seminar-main__list-number img {
        height: 60px
    }
}

.seminar-main__list-img {
    border-radius: 16px 16px 0 0;
    overflow: hidden
}

.seminar-main__list-label {
    max-width: 270px;
    margin: 0 auto;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Zen Maru Gothic, sans-serif;
    color: #fff;
    background: #eea69a;
    border-radius: 40px;
    font-size: 1.6rem;
    margin-bottom: 21px
}

@media screen and (max-width:834px) {
    .seminar-main__list-label {
        margin-bottom: 10px;
        max-width: 200px
    }
}

.seminar-main__list-ct {
    padding: 20px
}

@media screen and (min-width:641px) and (max-width:834px) {
    .seminar-main__list-ct {
        padding: 20px 4px
    }
}

.seminar-main__list-ttl {
    text-align: center
}

.seminar-main__list-ttl span {
    font-size: 2rem;
    display: block;
    margin-top: 12px;
    color: #4e4449
}

@media screen and (max-width:834px) {
    .seminar-main__list-ttl span {
        font-size: 1.6rem
    }
}

.seminar-main__experience {
    max-width: 810px;
    margin: 0 auto
}

.seminar-main__experience-left {
    width: 41.6%;
    margin-left: 25px;
    margin-right: auto;
    padding: 12px 20px 20px 46px;
    background: #f5f5f5;
    border-radius: 16px;
    position: relative
}

@media screen and (max-width:834px) {
    .seminar-main__experience-left {
        padding: 20px
    }
}

@media screen and (max-width:640px) {
    .seminar-main__experience-left {
        width: 100%;
        margin-bottom: 55px;
        margin-left: 0;
        padding: 31px 20px 19px
    }
}

.seminar-main__experience-left:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block
}

@media screen and (min-width:641px) {
    .seminar-main__experience-left:after {
        right: -20px;
        transform: translate(100%, -50%);
        top: 50%;
        border-width: 15px 0 15px 30px;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (max-width:834px) {
    .seminar-main__experience-left:after {
        border-width: 15px 0 15px 15px;
        right: -15px
    }
}

@media screen and (max-width:640px) {
    .seminar-main__experience-left:after {
        border-width: 20px 15px 0;
        border-color: #fff transparent transparent;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%)
    }
}

.seminar-main__experience-left:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: 0;
    z-index: 10;
    transform: translateX(-50%)
}

@media screen and (max-width:834px) {
    .seminar-main__experience-left:before {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width:640px) {
    .seminar-main__experience-left:before {
        width: 50px;
        height: 50px;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.seminar-main__experience-right {
    width: 49.38%;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    padding-left: 28px;
    font-weight: 700
}

@media screen and (max-width:640px) {
    .seminar-main__experience-right {
        width: 100%;
        padding-left: 0
    }
}

.seminar-main__experience-right:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 63px;
    height: 52px;
    top: -16px;
    left: 0
}

@media screen and (max-width:834px) {
    .seminar-main__experience-right:before {
        top: -27px
    }
}

.seminar-main__experience-wp {
    max-width: 301px;
    height: 85px;
    border: 3px solid #f8c995;
    background: #fef4ea;
    border-radius: 16px;
    padding: 15px 40px 15px 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:834px) {
    .seminar-main__experience-wp {
        padding-left: 17px;
        height: 80px
    }
}

.seminar-main__experience-img {
    width: 137px;
    position: absolute;
    top: 50%;
    right: -7px;
    transform: translateY(-50%)
}

@media screen and (max-width:640px) {
    .seminar-main__experience-img {
        width: 130px;
        right: 0
    }
}

.seminar-main__experience-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .seminar-main__experience-item {
        margin-bottom: 50px
    }
}

.seminar-main__experience-item:last-of-type {
    margin-bottom: 0
}

.seminar-main__experience-item:first-child .seminar-main__experience-left::before {
    background: url(../img/course/seminar/number-01.png) no-repeat 50%/100%
}

.seminar-main__experience-item:first-child .seminar-main__experience-left:after {
    border-color: transparent transparent transparent #f8c995
}

@media screen and (max-width:640px) {
    .seminar-main__experience-item:first-child .seminar-main__experience-left:after {
        border-color: #f8c995 transparent transparent
    }
}

.seminar-main__experience-item:first-child .seminar-main__experience-right::before {
    background: url(../img/course/seminar/up-01.png) no-repeat 50%/100%
}

.seminar-main__experience-item:nth-child(2) .seminar-main__experience-left:before {
    background: url(../img/course/seminar/number-02.png) no-repeat 50%/100%
}

.seminar-main__experience-item:nth-child(2) .seminar-main__experience-left:after {
    border-color: transparent transparent transparent #f5bcc4
}

@media screen and (max-width:640px) {
    .seminar-main__experience-item:nth-child(2) .seminar-main__experience-left:after {
        border-color: #f5bcc4 transparent transparent
    }
}

.seminar-main__experience-item:nth-child(2) .seminar-main__experience-right:before {
    background: url(../img/course/seminar/up-02.png) no-repeat 50%/100%
}

.seminar-main__experience-item:nth-child(2) .seminar-main__experience-wp {
    background: rgba(245, 188, 196, .2);
    border-color: #f5bcc4
}

.seminar-main__experience-item:nth-child(3) .seminar-main__experience-left:before {
    background: url(../img/course/seminar/number-03.png) no-repeat 50%/100%
}

.seminar-main__experience-item:nth-child(3) .seminar-main__experience-left:after {
    border-color: transparent transparent transparent #a5d6c9
}

@media screen and (max-width:640px) {
    .seminar-main__experience-item:nth-child(3) .seminar-main__experience-left:after {
        border-color: #a5d6c9 transparent transparent
    }
}

.seminar-main__experience-item:nth-child(3) .seminar-main__experience-right:before {
    background: url(../img/course/seminar/up-03.png) no-repeat 50%/100%
}

.seminar-main__experience-item:nth-child(3) .seminar-main__experience-wp {
    background: rgba(165, 214, 201, .2);
    border-color: #a5d6c9
}

.seminar-main__dl {
    margin-bottom: 38px;
    position: relative
}

@media screen and (max-width:834px) {
    .seminar-main__dl {
        margin-bottom: 34px
    }
}

.seminar-main__dl:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 20px 20px 0;
    border-color: #eea69a transparent transparent;
    border-style: solid;
    display: inline-block;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:834px) {
    .seminar-main__dl:after {
        bottom: -22px
    }
}

.seminar-main__dl:last-of-type {
    margin-bottom: 0
}

.seminar-main__dl:last-of-type:after {
    display: none
}

.seminar-main__dl dt {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    font-family: Zen Maru Gothic, sans-serif;
    padding: 15px 87px;
    background: #eea69a;
    border-radius: 30px;
    position: relative
}

@media screen and (max-width:834px) {
    .seminar-main__dl dt {
        padding: 20px;
        padding-left: 73px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        min-height: 78px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.seminar-main__dl dt span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px
}

@media screen and (max-width:834px) {
    .seminar-main__dl dt span {
        left: 20px
    }
}

.seminar-main__dl dt span img {
    height: 38px
}

.seminar-main__dl dd {
    padding: 20px
}

@media screen and (max-width:834px) {
    .seminar-main__dl dd {
        padding: 4px 0
    }
}

.seminar-main__over {
    background: #eea69a;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.8823529412;
    font-weight: 700;
    color: #fff;
    font-family: Zen Maru Gothic, sans-serif;
    text-align: center;
    border-radius: 40px;
    padding: 33px 30px
}

@media screen and (max-width:834px) {
    .seminar-main__over {
        border-radius: 20px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        padding: 19px 30px
    }
}

.seminar-main__more-infor {
    max-width: 745px;
    margin: 0 auto;
    font-size: 2.1rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .seminar-main__more-infor {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.9;
        text-align: center;
        max-width: 500px
    }
}

.seminar-main__more-infor>p {
    margin-bottom: 40px;
    text-align: center;
    color: #4e4449
}

@media screen and (max-width:834px) {
    .seminar-main__more-infor>p {
        margin-bottom: 15px
    }
}

@media screen and (min-width:835px) {
    #page-course_care_welfare_day .course-schedule {
        padding-bottom: 82px
    }
}

@media screen and (min-width:835px) {
    #page-course_care_welfare_day .course-curriculum {
        padding-bottom: 64px
    }
}

@media screen and (max-width:834px) {
    #page-course_care_welfare_day .course-program {
        padding-top: 30px
    }
}

.welfare-top {
    padding: 82px 0 0
}

@media screen and (max-width:834px) {
    .welfare-top {
        padding-top: 57px
    }
}

.welfare-top .course-block__top {
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:834px) {
    .welfare-top .course-block__top {
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.sec-point--day {
    background: #fff
}

@media screen and (max-width:834px) {
    .sec-point--day {
        padding-bottom: 40px
    }
}

.sec-point--day:before {
    background: url(../img/course/care-day/bg-mark-voice.png) no-repeat top/100%
}

@media screen and (min-width:835px) {
    .sec-point--day .c-ttl__02 {
        margin-bottom: 100px
    }
}

@media screen and (max-width:834px) {
    .sec-point--day .c-ttl__02 {
        margin-bottom: 73px
    }
}

.sec-point--day .point-list--has-number .point-list__ttl {
    margin-bottom: 20px;
    color: #c58667
}

.sec-point--day .point-list--has-number .point-list__ct {
    background: hsla(20, 47%, 91%, .5)
}

@media screen and (min-width:835px) {
    .sec-point--day .point-list__item {
        margin-bottom: 0
    }
}

.sec-point--night {
    background: #fff
}

@media screen and (max-width:834px) {
    .sec-point--night {
        padding-bottom: 40px
    }
}

.sec-point--night:before {
    background: url(../img/course/care-day/bg-mark-voice.png) no-repeat top/100%
}

@media screen and (min-width:835px) {
    .sec-point--night .c-ttl__02 {
        margin-bottom: 100px
    }
}

@media screen and (max-width:834px) {
    .sec-point--night .c-ttl__02 {
        margin-bottom: 73px
    }
}

.sec-point--night .point-list--has-number .point-list__ttl {
    margin-bottom: 20px;
    color: #6a9788
}

.sec-point--night .point-list--has-number .point-list__ct {
    background: rgba(183, 209, 200, .3)
}

@media screen and (min-width:835px) {
    .sec-point--night .point-list__item {
        margin-bottom: 0
    }
}

.course-schedule__btn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px
}

@media screen and (max-width:640px) {
    .course-schedule__btn {
        grid-template-columns: 1fr;
        gap: 20px 0
    }
}

.course-curriculum__list--day .course-curriculum__list-item {
    background: hsla(48, 76%, 85%, .5)
}

.course-curriculum__list--day .course-curriculum__list-ttl {
    color: #d49416
}

.course-curriculum__list--night .course-curriculum__list-item {
    background: rgba(142, 168, 179, .3)
}

.course-curriculum__list--night .course-curriculum__list-ttl {
    color: #5a6d8a
}

/* --------------------------------------------------
授業紹介
----------------------------------------------------- */
.course-curriculum__box {
    font-family: Zen Maru Gothic, sans-serif;
    background-color: #F9E2E6;
    border-radius: 16px;
    padding: 20px;
}
@media screen and (max-width:834px) {
    .course-curriculum__box {
        width: 70%;
        margin: 0 auto;
    }
}
@media screen and (max-width:640px) {
    .course-curriculum__box {
        width: 100%;
        padding: 14px;
    }
}
.course-curriculum__box + .course-curriculum__box {
    margin-top: 45px;
}
@media screen and (max-width:834px) {
    .course-curriculum__box + .course-curriculum__box {
        margin-top: 30px;
    }
}
.course-curriculum__box-ttl {
    color: #F8658A;
    font-size: 4rem;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
    line-height: 1.3;
}
@media screen and (max-width:834px) {
    .course-curriculum__box-ttl {
        font-size: 3.2rem;
    }
}
@media screen and (max-width:640px) {
    .course-curriculum__box-ttl {
        font-size: 2.6rem;
        padding-bottom: 14px;
    }
}
.course-curriculum__box-inner {
    display: flex;
    column-gap: 20px;
}
@media screen and (max-width:834px) {
    .course-curriculum__box-inner {
        flex-direction: column;
        row-gap: 30px;
    }
}
@media screen and (max-width:640px) {
    .course-curriculum__box-inner {
        row-gap: 20px;
    }
}
.course-curriculum__box-about {
    width: 50%;
}
@media screen and (max-width:834px) {
    .course-curriculum__box-about {
        width: 100%;
    }
}
.course-curriculum__box-img {
    margin-bottom: 20px;
}
.course-curriculum__box-img img {
    border-radius: 10px;
}
.course-curriculum__box-copy {
    font-size: 2.6rem;
    font-weight: 700;
    color: #4E4449;
    margin-bottom: 20px;
}
@media screen and (max-width:834px) {
    .course-curriculum__box-copy {
        font-size: 2rem;
    }
}
@media screen and (max-width:640px) {
    .course-curriculum__box-copy {
        font-size: 1.8rem;
        margin-bottom: 14px;
    }
}
.course-curriculum__box-txt {
    font-size: 1.6rem;
    line-height: 1.6;
}
@media screen and (max-width:834px) {
    .course-curriculum__box-txt {
        font-size: 1.3rem;
    }
}
.course-curriculum__box-detail {
    width: 50%;
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
}
@media screen and (max-width:834px) {
    .course-curriculum__box-detail {
        width: 100%;
    }
}
@media screen and (max-width:640px) {
    .course-curriculum__box-detail {
        padding: 14px;
    }
}
.course-curriculum__box-movie {
    margin-bottom: 20px;
    aspect-ratio: 16/9;
    text-align: center;
}
.course-curriculum__box-movie img {
    border-radius: 10px;
}
.course-curriculum__box-movie video {
    max-height: 350px;
    width: auto;
}
@media screen and (max-width:640px) {
    .course-curriculum__box-movie {
        margin-bottom: 10px;
    }
}
.course-curriculum__box-list dt {
    color: #F8658A;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 10px;
}
@media screen and (max-width:640px) {
    .course-curriculum__box-list dt {
        font-size: 1.6rem;
        margin-bottom: 5px;
    }
}
.course-curriculum__box-list dd {
    font-size: 1.4rem;
    line-height: 1.6;
}
@media screen and (max-width:640px) {
    .course-curriculum__box-list dd {
        font-size: 1.3rem;
    }
}
.course-curriculum__box-list dd span.skill {
    font-weight: 700;
    display: block;
    text-indent: -0.8em;
    padding-left: 0.8em;
    padding-top: 6px;
}
.course-curriculum__box-list dd span.skill::before {
    content: '';
    display: inline-block;
    background: #f88c9f;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    width: 8px;
    height: 13px;
    margin-right: 4px;
    position: relative;
    top: 1px;
}
.course-curriculum__box-list dd + dt {
    margin-top: 20px;
}
.course-curriculum__box-point {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 8px;
}
.course-curriculum__box-point li {
    background-color: #F88C9F;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 4px;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}
@media screen and (max-width:640px) {
    .course-curriculum__box-point li {
        width: 80px;
        height: 80px;
        font-size: 1.6rem;
    }
}
.course-curriculum__box-point li span {
    font-size: 1.2rem;
    line-height: 1.2;
    display: block;
}
@media screen and (max-width:640px) {
    .course-curriculum__box-point li span {
        font-size: 1.1rem;
    }
}

.sec-policy {
    padding: 82px 0
}

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

@media screen and (max-width:834px) {
    .policy-note {
        line-height: 1.7692307692
    }
}

.policy-note__ttl {
    font-family: Noto Sans JP, sans-serif;
    margin-bottom: 59px
}

@media screen and (max-width:834px) {
    .policy-note__ttl {
        margin-bottom: 14px
    }
}

.policy-note p {
    margin-bottom: 12px
}

@media screen and (max-width:834px) {
    .policy-note p {
        margin-bottom: 9px
    }
}

.policy-note ol {
    counter-reset: c;
    margin-bottom: 12px
}

.policy-note ol li {
    position: relative;
    padding: 0 0 0 10px
}

.policy-note ol li:before {
    counter-increment: c;
    content: counters(c, ".") ".";
    position: absolute;
    top: 0;
    left: 0
}

.sec-recruit {
    padding: 82px 0 69px
}

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

@media screen and (max-width:834px) {
    .recruit-note {
        line-height: 1.7692307692
    }
}

.recruit-note__ttl {
    font-family: Noto Sans JP, sans-serif;
    margin-bottom: 59px
}

@media screen and (max-width:834px) {
    .recruit-note__ttl {
        margin-bottom: 14px
    }
}

.recruit-note p {
    margin-bottom: 12px
}

@media screen and (max-width:834px) {
    .recruit-note p {
        margin-bottom: 9px
    }
}

.recruit-note ol {
    counter-reset: d;
    margin-bottom: 12px
}

.recruit-note ol li {
    position: relative;
    padding: 0 0 0 10px
}

.recruit-note ol li:before {
    counter-increment: d;
    content: counters(d, ".") ".";
    position: absolute;
    top: 0;
    left: 0
}

.sec-sitemap {
    padding: 83px 0 33px
}

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

.sitemap-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    font-size: 1.6rem
}

.sitemap-list__item {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 43px
}

@media screen and (max-width:990px) {
    .sitemap-list__item {
        width: 33.333%
    }
}

@media screen and (max-width:834px) {
    .sitemap-list__item {
        width: 100%;
        margin-bottom: 20px
    }

    .sitemap-list__item:last-child {
        margin-bottom: 0
    }
}

.sitemap-list__ttl {
    display: block;
    font-weight: 700;
    color: #4e4449;
    margin-bottom: 7px
}

.sitemap-list ul li {
    position: relative;
    padding: 0 0 0 21px;
    margin: 0 0 3px
}

.sitemap-list ul li:before {
    content: "";
    background: #eea69a;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 8px
}

@media screen and (max-width:834px) {
    .sitemap-list ul li:before {
        top: 5px;
        left: 8px
    }
}

.sitemap-list ul li a {
    display: block;
    color: #4e4449;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .sitemap-list ul li a {
        font-size: 1.3rem
    }
}

.sec-teacher {
    padding: 78px 0
}

@media screen and (max-width:834px) {
    .sec-teacher {
        padding: 36px 0 40px
    }
}

.visitor-teacher__heading {
    text-align: center;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .visitor-teacher__heading {
        text-align: left;
        line-height: 1.76923;
        margin-bottom: 38px
    }
}

.visitor-teacher__heading .c-ttl__05 {
    color: #4e4449;
    margin-bottom: 15px
}

@media screen and (max-width:834px) {
    .visitor-teacher__heading .c-ttl__05 {
        font-size: 1.6rem
    }
}

.visitor-teacher__steps {
    counter-reset: e
}

.visitor-teacher__steps-item {
    background: #f2eeea;
    border-radius: 16px;
    padding: 21px 20px 40px;
    margin-bottom: 60px
}

@media screen and (min-width:835px) {
    .visitor-teacher__steps-item:first-child .visitor-teacher__steps-ttl {
        font-size: 1.7rem;
        padding-left: 94px
    }
}

@media screen and (max-width:834px) {
    .visitor-teacher__steps-item {
        padding: 17px 10px;
        margin-bottom: 41px
    }

    .visitor-teacher__steps-item:nth-child(3) {
        padding-top: 28px;
        padding-bottom: 40px
    }
}

.visitor-teacher__steps-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 17px
}

.visitor-teacher__steps-number {
    width: 90px
}

@media screen and (max-width:834px) {
    .visitor-teacher__steps-number {
        width: 51px
    }
}

.visitor-teacher__steps-ttl {
    font-size: 1.8rem;
    color: #dc8670;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    padding: 41px 0 41px 108px;
    position: relative
}

@media screen and (max-width:834px) {
    .visitor-teacher__steps-ttl {
        font-size: 1.6rem;
        padding: 11px 0 11px 53px;
        margin-bottom: 11px
    }
}

.visitor-teacher__steps-ttl:before {
    counter-increment: e;
    content: counter(e, decimal-leading-zero);
    color: #efbcb2;
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    left: -5px;
    font-size: 100px
}

@media screen and (max-width:834px) {
    .visitor-teacher__steps-ttl:before {
        font-size: 5rem;
        top: 40%;
        left: -2px
    }
}

@media screen and (max-width:834px) {
    .visitor-teacher__steps-ct {
        line-height: 1.76923
    }
}

.visitor-teacher__steps-ct p {
    margin-bottom: 17px
}

.visitor-teacher__steps-note dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.visitor-teacher__steps-note dl dt {
    font-family: Zen Maru Gothic, sans-serif;
    color: #fff;
    font-size: 2rem;
    line-height: 1.2;
    border-radius: 30px;
    font-weight: 700;
    width: 172px;
    text-align: center;
    background: #eea69a;
    padding: 3px;
    margin: 3px 0 0
}

@media screen and (max-width:834px) {
    .visitor-teacher__steps-note dl dt {
        font-size: 1.6rem;
        margin: 0 0 6px
    }
}

.visitor-teacher__steps-note dl dd {
    width: calc(100% - 172px);
    padding: 0 0 0 20px
}

@media screen and (max-width:834px) {
    .visitor-teacher__steps-note dl dd {
        width: 100%;
        padding: 0
    }
}

.visitor-teacher__steps-note dl dd ul li {
    position: relative;
    padding: 0 0 0 10px
}

.visitor-teacher__steps-note dl dd ul li:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    top: 7px;
    left: 0
}

.visitor-teacher__steps-img {
    display: grid;
    grid-template-columns: 33.333fr 33.333fr 33.333fr;
    gap: 20px
}

@media screen and (max-width:834px) {
    .visitor-teacher__steps-img {
        grid-template-columns: 100fr
    }
}

.visitor-teacher__steps-img li img {
    border-radius: 8px;
    overflow: hidden
}

.visitor-teacher__banner {
    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
}

@media screen and (max-width:834px) {
    .visitor-teacher__banner {
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 600px;
        margin: 0 auto
    }
}

.visitor-teacher__banner a {
    display: block;
    width: 312px;
    margin: 0 31px
}

@media screen and (max-width:834px) {
    .visitor-teacher__banner a {
        width: calc(50% - 4px);
        margin: 0
    }
}

.visitor-interview {
    padding-bottom: 60px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .visitor-interview {
        padding-bottom: 40px
    }
}

.visitor-interview .c-tabs .tabs-yellow.is-active {
    color: #d49416
}

.visitor-interview .childcare-course {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .visitor-interview .childcare-course {
        margin-bottom: 20px
    }
}

.visitor-interview .childcare-course__ttl {
    margin-bottom: 32px
}

@media screen and (max-width:834px) {
    .visitor-interview .childcare-course__ttl {
        margin-bottom: 20px
    }
}

.working-adults {
    padding: 90px 0 53px;
    text-align: center
}

@media screen and (max-width:834px) {
    .working-adults {
        padding: 43px 0 17px
    }

    .working-adults .c-txt__basic {
        text-align: left;
        line-height: 1.8
    }
}

.working-adults__ttl {
    margin-bottom: 24px;
    font-size: 4rem;
    line-height: 1.3;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .working-adults__ttl {
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 16px
    }
}

.working-adults--other {
    padding: 80px 0
}

@media screen and (max-width:834px) {
    .working-adults--other {
        padding: 40px 0
    }
}

.working-adults--other .working-adults__ttl {
    font-size: 3rem;
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .working-adults--other .working-adults__ttl {
        font-size: 2rem
    }
}

.working-adults--other .working-adults .c-txt__basic {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143
}

@media screen and (max-width:834px) {
    .working-adults--other .working-adults .c-txt__basic {
        font-size: 1.3rem
    }
}

.interview-block {
    max-width: 1015px;
    margin: 0 auto 60px;
    width: 100%;
    padding: 40px 20px;
    border-radius: 16px
}

@media screen and (max-width:834px) {
    .interview-block {
        padding: 20px 10px 2px;
        margin-bottom: 40px
    }
}

.interview-block__ttl {
    text-align: center;
    font-size: 2rem;
    line-height: 1.2;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    margin-bottom: 27px
}

@media screen and (max-width:834px) {
    .interview-block__ttl {
        font-size: 1.6rem;
        line-height: 1.5;
        margin-bottom: 20px
    }
}

.interview-block__wp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 9px
}

.interview-block__img {
    width: 290px
}

@media screen and (max-width:834px) {
    .interview-block__img {
        width: 280px;
        margin: 0 auto
    }
}

.interview-block__ct {
    width: calc(100% - 290px);
    padding-left: 40px
}

@media screen and (max-width:834px) {
    .interview-block__ct {
        width: 100%;
        padding-left: 0
    }
}

.interview-block__ct dl {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .interview-block__ct dl {
        margin-bottom: 10px
    }
}

.interview-block__ct dl dt {
    color: #d49416
}

@media screen and (max-width:834px) {
    .interview-block__ct dl dt {
        height: 40px;
        margin-bottom: 8px
    }
}

@media screen and (max-width:640px) {
    .interview-block__ct dl dd {
        overflow-x: auto
    }

    .interview-block__ct dl dd img {
        min-width: 643px
    }
}

.interview-block__ct dl:last-child dt {
    color: #827d7f !important
}

.interview-block__note {
    background: #fff;
    border-radius: 16px;
    padding: 16px 20px;
    font-size: 1.4rem;
    line-height: 1.75
}

@media screen and (max-width:834px) {
    .interview-block__note {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
        margin-bottom: 10px;
        padding: 6px 10px;
        width: 100%
    }
}

.interview-block--yellow {
    background: hsla(48, 76%, 85%, .8)
}

.interview-block--pink {
    background: hsla(20, 47%, 91%, .8)
}

.interview-block--pink .interview-block__ct dl dt {
    color: #c58667
}

.interview-block--green {
    background: rgba(183, 209, 200, .5)
}

.interview-block--green .interview-block__ct dl dt {
    color: #6a9788
}

.interview-block--blue-dark {
    background: rgba(142, 168, 179, .5)
}

.interview-block--blue-dark .interview-block__ct dl dt {
    color: #5a6d8a
}

@media screen and (max-width:834px) {
    .visitor-interview .c-ttl__01 {
        margin-bottom: 15px
    }
}

.visitor-interview__btn {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
    margin-top: 30px;
    margin-bottom: 60px
}

@media screen and (max-width:640px) {
    .visitor-interview__btn {
        grid-template-columns: 1fr;
        gap: 20px 0;
        margin-bottom: 40px;
        margin-top: 19px
    }
}

.visitor-interview__btn .c-btn__01 {
    max-width: 100%
}

.visitor-schedule {
    padding: 50px 0 80px;
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .visitor-schedule {
        padding: 18px 0 40px
    }
}

.visitor-schedule .c-ttl__01 {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .visitor-schedule .c-ttl__01 {
        margin-bottom: 17px
    }
}

.visitor-schedule__box {
    padding: 40px 20px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .visitor-schedule__box {
        padding: 20px 10px
    }
}

.visitor-schedule__box .c-txt__basic {
    margin: 26px 0;
    text-align: center
}

@media screen and (max-width:834px) {
    .visitor-schedule__box .c-txt__basic {
        line-height: 1.5;
        margin: 20px 0
    }
}

@media screen and (max-width:640px) {
    .visitor-schedule__box-img {
        overflow-x: auto
    }

    .visitor-schedule__box-img img {
        min-width: 628px
    }
}

.visitor-schedule .comparison-btn {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .visitor-schedule .comparison-btn {
        margin-bottom: 20px
    }
}

.visitor-schedule .comparison-btn:last-of-type {
    margin-bottom: 0
}

.visitor-education {
    padding: 50px 0 80px
}

@media screen and (max-width:834px) {
    .visitor-education {
        padding: 28px 0 40px
    }

    .visitor-education .c-ttl__01 {
        margin-bottom: 10px
    }

    .visitor-education .c-ttl__01 span {
        line-height: 1
    }
}

.visitor-education__intro {
    text-align: center;
    margin-bottom: 42px
}

@media screen and (max-width:834px) {
    .visitor-education__intro {
        margin-bottom: 17px
    }
}

.visitor-education__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .visitor-education__list {
        max-width: 550px;
        margin: 0 auto;
        grid-template-columns: 1fr;
        margin-bottom: 14px
    }
}

.visitor-education__list-item .c-label__01 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #fff;
    height: 44px
}

@media screen and (max-width:834px) {
    .visitor-education__list-item .c-label__01 {
        font-size: 1.6rem;
        height: 40px;
        margin-bottom: 11px
    }
}

.visitor-education__note {
    text-align: center
}

.visitor-simulation {
    padding: 50px 0 80px;
    background: #f2eeea;
    margin-bottom: 100px
}

@media screen and (max-width:834px) {
    .visitor-simulation {
        padding: 20px 0 40px
    }
}

.visitor-simulation .c-ttl__01 {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .visitor-simulation .c-ttl__01 {
        margin-bottom: 35px
    }
}

.visitor-simulation__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .visitor-simulation__heading {
        margin-bottom: 23px
    }
}

@media screen and (max-width:834px) {
    .visitor-simulation__heading-case img {
        height: 48px;
        width: auto
    }
}

.visitor-simulation__heading-ttl {
    font-size: 2.8rem;
    color: #dc8670;
    font-family: Zen Maru Gothic, sans-serif;
    line-height: 1;
    font-weight: 700;
    margin-left: 20px
}

@media screen and (max-width:834px) {
    .visitor-simulation__heading-ttl {
        font-size: 1.6rem;
        margin-left: 8px
    }
}

.visitor-simulation__intro {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .visitor-simulation__intro {
        margin-bottom: 20px
    }
}

.visitor-simulation__intro dl {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.visitor-simulation__intro dl:last-of-type {
    margin-bottom: 0
}

.visitor-simulation__intro dl dt {
    width: 214px;
    height: 30px;
    background: #f8c995;
    border-radius: 15px;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:834px) {
    .visitor-simulation__intro dl dt {
        font-size: 1.8rem
    }
}

@media screen and (max-width:640px) {
    .visitor-simulation__intro dl dt {
        font-size: 1.6rem;
        width: 175px;
        height: 24px;
        margin-bottom: 5px
    }
}

.visitor-simulation__intro dl dd {
    width: calc(100% - 214px);
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-left: 20px;
    position: relative
}

@media screen and (max-width:834px) {
    .visitor-simulation__intro dl dd {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692
    }
}

@media screen and (max-width:640px) {
    .visitor-simulation__intro dl dd {
        width: 100%;
        padding-left: 0
    }
}

.visitor-simulation__intro dl dd span {
    color: #f8657c;
    font-weight: 700
}

.visitor-simulation__intro dl dd span.txt-lg {
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .visitor-simulation__intro dl dd span.txt-lg {
        font-size: 1.6rem
    }
}

.visitor-simulation__intro dl dd span.txt-img {
    max-width: 66%;
    margin-left: auto;
    margin-right: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 127px;
    transform: translateY(-100%)
}

@media screen and (max-width:640px) {
    .visitor-simulation__intro dl dd span.txt-img {
        max-width: 280px;
        left: 0;
        top: -37px
    }
}

.visitor-simulation__intro dl dd span.txt-note {
    color: #000;
    font-weight: 400
}

.visitor-simulation__intro dl.dl-other {
    padding-top: 50px
}

@media screen and (max-width:834px) {
    .visitor-simulation__intro dl.dl-other {
        padding-top: 63px
    }
}

.visitor-simulation__block {
    padding: 40px 20px;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .visitor-simulation__block {
        padding: 20px 8px;
        margin-bottom: 40px
    }
}

.visitor-simulation__block:last-of-type .visitor-simulation__intro dl dt {
    background: #a5d6c9
}

.visitor-simulation__block:nth-child(3) .visitor-simulation__intro dl dt {
    background: #f5bcc4
}

#page-open_campus .sec-event {
    padding-bottom: 0
}

#page-open_campus .dual-voice {
    padding-bottom: 84px
}

@media screen and (max-width:834px) {
    #page-open_campus .dual-voice {
        padding-top: 17px;
        padding-bottom: 42px
    }
}

#page-open_campus .dual-voice__list-ttl {
    font-size: 25.89px;
    font-size: 2.589rem;
    line-height: 1.506373117;
    font-weight: 700;
    text-align: center;
    color: #dc8670;
    margin-bottom: 14px
}

@media screen and (max-width:834px) {
    #page-open_campus .dual-voice__list-ttl {
        font-size: 2rem;
        margin-bottom: 6px;
        line-height: 1.2
    }
}

#page-open_campus .dual-voice__list .txt-right {
    text-align: right;
    display: block;
    margin-top: 17px
}

@media screen and (max-width:834px) {
    #page-open_campus .dual-voice__list .txt-right {
        margin-top: 3px
    }
}

@media screen and (max-width:834px) {
    #page-open_campus .dual-voice__list-ct {
        padding: 24px 10px
    }
}

#page-open_campus .dual-voice__list-item:nth-child(2) {
    margin-top: 75px
}

@media screen and (max-width:834px) {
    #page-open_campus .dual-voice__list-item:nth-child(2) {
        margin-top: 0
    }
}

#page-open_campus .dual-voice__list-item:nth-child(2) .dual-voice__list-ct {
    padding-bottom: 40px
}

@media screen and (max-width:834px) {
    #page-open_campus .dual-voice__list-item:nth-child(2) .dual-voice__list-ct {
        padding-bottom: 18px
    }
}

.campus-experience {
    padding-top: 45px
}

.campus-experience__ttl {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 4rem;
    line-height: 1;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width:834px) {
    .campus-experience__ttl {
        font-size: 2rem;
    }
}

.campus-experience__img {
    padding: 0 10px
}

.campus-recommend {
    padding: 60px 0
}

@media screen and (max-width:834px) {
    .campus-recommend {
        padding: 20px 0
    }
}

.campus-recommend .c-ttl__04 {
    margin-bottom: 32px
}

@media screen and (max-width:834px) {
    .campus-recommend .c-ttl__04 {
        margin-bottom: 17px
    }
}

.campus-recommend .c-ttl__04 span {
    padding: 0 20px
}

.campus-recommend__ttl {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 0 20px
}

@media screen and (max-width:640px) {
    .campus-recommend__ttl {
        max-width: 270px
    }
}

.campus-recommend__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .campus-recommend__list {
        gap: 30px 20px
    }
}

@media screen and (max-width:640px) {
    .campus-recommend__list {
        grid-template-columns: 1fr;
        margin-bottom: 16px
    }
}

.campus-recommend__list-item {
    border-radius: 16px;
    padding: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .campus-recommend__list-item {
        font-size: 1.3rem;
        padding: 20px 10px
    }
}

.campus-recommend__list-item:first-child {
    background: rgba(250, 139, 155, .5)
}

.campus-recommend__list-item:nth-child(2) {
    background: hsla(84, 47%, 62%, .5)
}

@media screen and (max-width:834px) {
    .campus-recommend__list-item:nth-child(2) {
        margin-bottom: 24px
    }
}

.campus-recommend__list-item:nth-child(3) {
    background: rgba(99, 175, 223, .5);
    position: relative
}

.campus-recommend__list-item:nth-child(3):before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 130px;
    height: 46px;
    background: url(../img/open-campus/img-note.png) no-repeat 50%/100%;
    top: 0;
    left: calc(50% - 65px);
    transform: translateY(-50%)
}

.campus-recommend__list-item:nth-child(4) {
    background: rgba(255, 179, 96, .5)
}

.campus-recommend__list-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

@media screen and (max-width:834px) {
    .campus-recommend__list-heading {
        margin-bottom: 6px
    }
}

.campus-recommend__list-number {
    width: 50px
}

@media screen and (max-width:834px) {
    .campus-recommend__list-number {
        width: 30px
    }
}

.campus-recommend__list-ttl {
    width: calc(100% - 50px);
    padding-left: 20px;
    font-size: 2.5rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .campus-recommend__list-ttl {
        width: 30px;
        font-size: 1.6rem;
        width: calc(100% - 30px);
        padding-left: 8px
    }
}

.campus-recommend__note {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .campus-recommend__note {
        font-size: 1.3rem
    }
}

.campus-recommend__note li {
    position: relative;
    padding-left: 15px
}

.campus-recommend__note li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0
}

.sec-point--recommend {
    padding: 17px 0 55px;
    background: #fff url(../img/open-campus/bg-mark.png) no-repeat top/100%
}

@media screen and (max-width:834px) {
    .sec-point--recommend {
        padding: 30px 0 55px
    }
}

@media screen and (max-width:834px) {
    .sec-point--recommend .c-ttl__01 {
        margin-bottom: 13px
    }
}

.sec-point--recommend .c-ttl__04 {
    margin-bottom: 67px
}

@media screen and (max-width:834px) {
    .sec-point--recommend .c-ttl__04 {
        margin-bottom: 56px
    }
}

@media screen and (max-width:834px) {
    .sec-point--recommend .point-list {
        margin-top: 45px;
        margin-bottom: 40px
    }
}

.sec-point--recommend .point-list__item {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .sec-point--recommend .point-list__ttl {
        font-size: 1.6rem
    }
}

.sec-point--recommend .point-list__ttl span {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .sec-point--recommend .point-list__ttl span {
        font-size: 2rem
    }
}

.faq-campus {
    padding: 30px 0 60px
}

@media screen and (max-width:834px) {
    .faq-campus {
        padding: 20px 0 34px
    }
}

.faq-campus .c-ttl__01 {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .faq-campus .c-ttl__01 {
        margin-bottom: 16px
    }
}

.faq-campus__dl {
    margin-bottom: 13px
}

@media screen and (max-width:834px) {
    .faq-campus__dl {
        margin-bottom: 8px
    }
}

.faq-campus__dl:last-of-type {
    margin-bottom: 0
}

.faq-campus__dt {
    padding: 28px 70px;
    background: #eea69a;
    border-radius: 40px;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    position: relative;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (any-hover:hover) {
    .faq-campus__dt {
        transition: all .2s
    }

    .faq-campus__dt:hover {
        opacity: .7
    }
}

@media screen and (max-width:834px) {
    .faq-campus__dt {
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.85;
        padding: 6px 60px 6px 45px;
        min-height: 64px
    }
}

.faq-campus__dt:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 29px;
    background: url(../img/open-campus/q.png) no-repeat 50%/100%;
    top: 50%;
    left: 25px;
    transform: translateY(-50%)
}

@media screen and (max-width:834px) {
    .faq-campus__dt:before {
        width: 20px;
        height: 20px;
        left: 20px
    }
}

.faq-campus__dt:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff url(../img/open-campus/arro-down.png) no-repeat 50%/29px 16px;
    top: 50%;
    right: 5px;
    transform: translateY(-50%) rotate(180deg);
    border-radius: 50%;
    transition: all .3s ease
}

@media screen and (max-width:834px) {
    .faq-campus__dt:after {
        width: 54px;
        height: 54px;
        background: #fff url(../img/open-campus/arro-down.png) no-repeat 50%/24px 12px
    }
}

.faq-campus__dt.on:after {
    transform: translateY(-50%) rotate(0)
}

.faq-campus__dd {
    padding: 28px 30px 28px 70px;
    position: relative;
    display: none
}

@media screen and (max-width:834px) {
    .faq-campus__dd {
        padding: 15px 0 18px 43px
    }
}

.faq-campus__dd:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 28px;
    background: url(../img/open-campus/a.png) no-repeat 50%/100%;
    top: 26px;
    left: 25px
}

@media screen and (max-width:834px) {
    .faq-campus__dd:before {
        width: 18px;
        height: 21px;
        top: 23px;
        left: 21px
    }
}

.faq-campus__dd a {
    font-weight: 700;
    color: #dc8670;
    text-decoration: underline;
    display: inline-block;
    margin-top: 32px
}

@media screen and (max-width:834px) {
    .faq-campus__dd a {
        margin-top: 10px
    }
}

.faq-campus__dd a[href^=mailto],
.faq-campus__dd a[href^=tel] {
    color: #4e4449;
    font-weight: 400;
    margin-top: 0;
    text-decoration: none
}

.campus-movie {
    padding-bottom: 133px
}

@media screen and (max-width:834px) {
    .campus-movie {
        padding-bottom: 42px
    }
}

@media screen and (max-width:834px) {
    .campus-movie .c-movie__ttl {
        margin-bottom: 20px
    }
}

.campus-movie .c-movie__iframe {
    width: 94%;
    margin: 0 auto
}

#page-event .sec-event {
    padding-bottom: 0
}

#page-event .campus-recommend {
    padding-top: 18px;
    padding-bottom: 75px
}

@media screen and (max-width:834px) {
    #page-event .campus-recommend {
        padding-bottom: 40px
    }
}

#page-event .campus-recommend__list-ttl {
    text-align: center;
    width: 100%;
    padding-left: 0
}

#page-event .campus-recommend__list-item:nth-child(4) {
    background: rgba(135, 206, 250, .5)
}

.event-camp {
    padding: 60px 0
}

@media screen and (max-width:834px) {
    .event-camp {
        padding: 20px 10px 40px
    }
}




#page-open_campus .event-benefits {
    margin: 60px 10px 0;
}

#page-open_campus .event-benefits .inner {
    background-color: #EDF7F4;
    padding: 28px 40px;
    border-radius: 20px;
    margin: 0 auto;
}

#page-open_campus .event-benefits .c-ttl__04--lg span {
    color: #76C7B1;
    font-size: 20px;
    border: 2px solid #76C7B1;
    min-width: 0;
     padding: 3px 20px;
}

#page-open_campus .event-benefits .c-ttl__04--lg span::before {
    border-bottom: 2px solid rgb(118, 199, 177);
    border-left: 2px solid rgb(118, 199, 177);
}

#page-open_campus .event-benefits__title {
    font-size: 35px;
    color: #76C7B1;
    text-align: center;
    font-weight: bold;
    font-family: Zen Maru Gothic, sans-serif;
    margin: 9px 0 6px;
}

#page-open_campus .event-benefits__description {
    text-align: center;
    margin-bottom: 32px;
    font-size: 14px;
}

#page-open_campus .event-benefits__description br {
    display: none;
}

#page-open_campus .event-benefits__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#page-open_campus .event-benefits__item {
    width: 32%;
    background-color: #fff;
    border: #76C7B1 2px solid;
    border-radius: 10px;
    position: relative;
    padding: 30px 12px 16px;
}

#page-open_campus .event-benefits__item_top {
    position: absolute;
    background-color: #76C7B1;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    top: -17px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: Zen Maru Gothic, sans-serif;
    max-width: 190px;
    border-radius: 50px;
}

#page-open_campus .event-benefits__item_top_number {
    color: #76C7B1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: bold;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-color: #fff;
    padding-bottom: 2px;
    margin-left: 4px;
}

#page-open_campus .event-benefits__item h4 {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 4px;
    font-family: Zen Maru Gothic, sans-serif;
}

#page-open_campus .event-benefits__item_img {
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}

#page-open_campus .event-benefits__attention {
    text-align: center;
    margin-top: 12px;
    font-size: 14px;
}

@media screen and (max-width: 1300px) {
    #page-open_campus .event-benefits .c-ttl__04--lg span {
    padding: 3px 20px;
}
}

@media screen and (max-width: 834px) {
    #page-open_campus .event-benefits {
        margin: 30px 10px 0;
    }

    #page-open_campus .event-benefits .inner {
        padding: 28px 20px;
    }

    #page-open_campus .event-benefits__item_top {
        max-width: 160px;
    }

    #page-open_campus .event-benefits__item h4 {
        font-size: 16px;
    }
}

@media screen and (max-width: 640px) {
    #page-open_campus .event-benefits .inner {
        padding: 28px 12px;
    }

    #page-open_campus .event-benefits .c-ttl__04--lg span {
        font-size: 1.6rem;
        min-width: 216px !important;
    }

    #page-open_campus .event-benefits__title {
        font-size: 20px;
    }

    #page-open_campus .event-benefits__description {
        font-size: 13px;
    }

    #page-open_campus .event-benefits__description br {
        display: block;
    }

    #page-open_campus .event-benefits__item h4 {
        font-size: 18px;
    }

    #page-open_campus .event-benefits__content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #page-open_campus .event-benefits__item {
        width: 100%;
    }

    #page-open_campus .event-benefits__item:not(:first-of-type) {
        margin-top: 28px;
    }

    #page-open_campus .event-benefits__item_top {
        max-width: 190px;
    }

    #page-open_campus .event-benefits__attention {
        font-size: 13px;
    }
}



.sec-interview {
    padding: 86px 0 30px
}

@media screen and (max-width:834px) {
    .sec-interview {
        padding: 41px 0 53px
    }
}

.sec-interview .news-cats:after,
.sec-interview .news-cats:before {
    display: none
}

@media screen and (max-width:640px) {
    .sec-interview .news-cats {
        margin-bottom: 40px;
        grid-template-columns: repeat(2, 1fr)
    }
}

.interview-block02 {
    text-align: center;
    margin-bottom: 40px
}

@media screen and (max-width:640px) {
    .interview-block02 {
        margin-bottom: 58px
    }
}

.interview-block02 .c-ttl__02 {
    margin-bottom: 22px
}

@media screen and (max-width:640px) {
    .interview-block02 .c-ttl__02 {
        margin-bottom: 17px
    }
}

.interview-list {
    margin: 0 -10px 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px 0
}

@media screen and (max-width:640px) {
    .interview-list {
        gap: 22px 0;
        margin: 0 0 54px
    }
}

.interview-list__item {
    padding: 0 10px;
    width: 25%
}

@media screen and (max-width:1024px) {
    .interview-list__item {
        width: 33.33%
    }
}

@media screen and (max-width:834px) {
    .interview-list__item {
        width: 50%
    }
}

@media screen and (max-width:640px) {
    .interview-list__item {
        width: 100%;
        padding: 0
    }
}

.interview-list__item a {
    display: block;
    border-radius: 16px;
    overflow: hidden
}

.interview-list__img {
    position: relative;
    overflow: hidden
}

.interview-list__img:before {
    display: block;
    content: "";
    padding-top: 66.5271966527%
}

.interview-list__img>:first-child,
.interview-list__img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.interview-list__img span {
    border-radius: 4px;
    padding: 0 2px;
    background: #d2eae4;
    position: absolute;
    top: 10px;
    left: 7px;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 1rem
}

.interview-list__ct {
    background: #f2eeea;
    padding: 20px
}

@media screen and (max-width:834px) {
    .interview-list__ct {
        padding: 20px 10px
    }

    .interview-list__ct .c-btn__01 {
        max-width: 210px
    }
}

.interview-list__ct-info {
    font-size: 1.3rem;
    margin-bottom: -3px
}

.interview-list__ct-info span {
    display: inline-block;
    font-weight: 700;
    margin: 0 5px 3px 0
}

.interview-list__ct-info time {
    display: block;
    font-weight: 500
}

.interview-list__ttl {
    text-align: center;
    font-weight: 700;
    background: #f9f2ee;
    padding: 6px;
    font-family: Zen Maru Gothic, sans-serif;
    line-height: 1.23;
    color: #c58667;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem
}

@media screen and (max-width:640px) {
    .interview-list__ttl {
        min-height: 43px;
        font-size: 1.3rem
    }
}

.interview-list__ttl.class01,
.interview-list__ttl.pink {
    background: #f9e2e6;
    color: #f8657c
}

.interview-list__ttl.class03,
.interview-list__ttl.orange02 {
    background: #faf5de;
    color: #d49416
}

.interview-list__ttl.blue02,
.interview-list__ttl.class05 {
    color: #5a6d8a;
    background: #c9d8ea
}

.interview-list__ttl.class04,
.interview-list__ttl.green02 {
    color: #6a9788;
    background: #dbe8e3
}

.interview-list__ttl.class02,
.interview-list__ttl.emerald02 {
    color: #c58667;
    background: #f3e5de
}

.interview-list__ttl.other {
    color: #bf886a;
    background: #f1e5df
}

.interview-list__desc {
    min-height: 58.5px;
    color: #4e4449;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    line-height: 1.39285;
    margin-bottom: 10px;
    font-size: 1.4rem
}

@media screen and (max-width:640px) {
    .interview-list__desc {
        font-size: 1.3rem;
        min-height: auto
    }
}

.campus-movie--02 {
    padding-bottom: 0
}

.sec-five--02 {
    padding-top: 53px
}

@media screen and (max-width:834px) {
    .sec-five--02 {
        padding-top: 65px
    }

    .sec-five--02 .c-ttl__01 {
        margin-bottom: 12px
    }
}

.sec-interview-detail {
    padding: 79px 0
}

@media screen and (max-width:834px) {
    .sec-interview-detail {
        padding: 40px 0
    }
}

.interview-detail {
    background: #f2eeea;
    border-radius: 16px;
    padding: 80px 39px
}

@media screen and (max-width:1300px) {
    .interview-detail {
        padding: 70px 25px
    }
}

@media screen and (max-width:834px) {
    .interview-detail {
        padding: 20px 10px
    }
}

.interview-detail__main {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 39px
}

@media screen and (max-width:834px) {
    .interview-detail__main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 23px
    }
}

.interview-detail__main-img {
    width: 47.75%
}

@media screen and (max-width:834px) {
    .interview-detail__main-img {
        width: 100%;
        margin-bottom: 19px
    }
}

.interview-detail__main-img img {
    width: 100%
}

.interview-detail__main-ct {
    width: 52.25%;
    padding-left: 49px
}

@media screen and (max-width:1300px) {
    .interview-detail__main-ct {
        padding-left: 20px
    }
}

@media screen and (max-width:834px) {
    .interview-detail__main-ct {
        width: 100%;
        padding-left: 0
    }
}

.interview-detail__main-cate {
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .interview-detail__main-cate {
        margin-bottom: 10px
    }
}

.interview-detail__main-cate span {
    border-radius: 16px;
    display: inline-block;
    padding: 5px 16px;
    color: #c58667;
    background: #f3e5de;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .interview-detail__main-cate span {
        font-size: 1.6rem
    }
}

.interview-detail__main-cate span.class01,
.interview-detail__main-cate span.pink {
    background: #f9e2e6;
    color: #f8657c
}

.interview-detail__main-cate span.class03,
.interview-detail__main-cate span.orange02 {
    background: #faf5de;
    color: #d49416
}

.interview-detail__main-cate span.blue02,
.interview-detail__main-cate span.class05 {
    color: #5a6d8a;
    background: #c9d8ea
}

.interview-detail__main-cate span.class04,
.interview-detail__main-cate span.green02 {
    color: #6a9788;
    background: #dbe8e3
}

.interview-detail__main-cate span.class02,
.interview-detail__main-cate span.emerald02 {
    color: #c58667;
    background: #f3e5de
}

.interview-detail__main-cate span.other {
    color: #bf886a;
    background: #f1e5df
}

.interview-detail__main-ttl {
    font-family: Zen Maru Gothic, sans-serif;
    line-height: 1.56;
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 2.5rem
}

@media screen and (max-width:834px) {
    .interview-detail__main-ttl {
        margin-bottom: 8px;
        font-size: 1.6rem
    }
}

.interview-detail__main-name {
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 19px;
    font-weight: 700;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .interview-detail__main-name {
        margin-bottom: 13px;
        font-size: 1.3rem
    }
}

.interview-detail__main-name>span {
    font-size: 1.6rem;
    margin-right: 21px
}

@media screen and (max-width:834px) {
    .interview-detail__main-name>span {
        margin-right: 10px;
        font-size: 1.3rem
    }
}

.interview-detail__main-tags {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .interview-detail__main-tags {
        margin-bottom: 9px
    }
}

.interview-detail__main-tags span {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    display: inline-block;
    padding: 1px 8px 2px;
    line-height: 1.3;
    border-radius: 4px;
    background: #d2eae4;
    font-size: 1.6rem
}

@media screen and (max-width:834px) {
    .interview-detail__main-tags span {
        font-size: 1.3rem
    }
}

.interview-detail__main-desc {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 1.6rem
}

@media screen and (max-width:834px) {
    .interview-detail__main-desc {
        font-size: 1.3rem
    }
}

.interview-detail__content {
    color: #4e4449;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 65px;
    font-size: 1.6rem
}

@media screen and (max-width:834px) {
    .interview-detail__content {
        margin-bottom: 20px;
        line-height: 1.77;
        font-size: 1.3rem
    }
}

.interview-detail__content h2 {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    line-height: 1.56;
    margin-bottom: 38px;
    font-size: 2.5rem
}

@media screen and (max-width:834px) {
    .interview-detail__content h2 {
        line-height: 1.2;
        margin-bottom: 23px;
        font-size: 2rem
    }
}

.interview-detail__content h3 {
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .interview-detail__content h3 {
        line-height: 1.5;
        margin-bottom: 3px;
        font-size: 1.6rem
    }
}

.interview-detail__content p {
    margin-bottom: 41px
}

@media screen and (max-width:834px) {
    .interview-detail__content p {
        margin-bottom: 21px
    }
}

.sec-rentalclassroom {
    padding: 77px 0 80px
}

@media screen and (max-width:834px) {
    .sec-rentalclassroom {
        padding: 42px 0 40px
    }
}

.rentalclassroom-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rentalclassroom-block__img {
    width: 311px;
    border-radius: 80px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .rentalclassroom-block__img {
        width: 100px;
        margin: 0 auto 14px;
        border-radius: 16px
    }
}

.rentalclassroom-block__ct {
    width: calc(100% - 311px);
    line-height: 2;
    padding: 0 0 0 8%
}

@media screen and (max-width:834px) {
    .rentalclassroom-block__ct {
        width: 100%;
        padding: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692
    }
}

.rentalclassroom-block__ct-ttl {
    display: block;
    font-weight: 700;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    margin-bottom: 13px
}

@media screen and (max-width:834px) {
    .rentalclassroom-block__ct-ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5;
        padding: 0 9px;
        text-align: center;
        margin-bottom: 17px
    }
}

.sec-rentalclassroom-time {
    background: #f2eeea;
    padding: 63px 0 81px
}

@media screen and (max-width:834px) {
    .sec-rentalclassroom-time {
        padding: 38px 0
    }
}

.rentalclassroom-ttl {
    display: block;
    max-width: 524px;
    border-radius: 40px;
    margin: 0 auto 32px;
    position: relative;
    line-height: 1.2;
    font-size: 3rem;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    color: #dc8670;
    border: 2px solid #eea69a;
    text-align: center;
    padding: 2px 5px 4px
}

@media screen and (max-width:834px) {
    .rentalclassroom-ttl {
        max-width: 271px;
        font-size: 1.6rem;
        padding: 4px 5px 5px;
        margin-bottom: 19px
    }
}

.rentalclassroom-ttl:after {
    border-width: 12px 10px 0;
    border-color: #eea69a transparent transparent
}

.rentalclassroom-ttl:after,
.rentalclassroom-ttl:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.rentalclassroom-ttl:before {
    border-width: 9px 7px 0;
    border-color: #fff transparent transparent;
    z-index: 1
}

.rentalclassroom-time {
    background: #fff;
    padding: 40px 15px;
    border-radius: 20px;
    margin-bottom: 57px
}

@media screen and (max-width:834px) {
    .rentalclassroom-time {
        padding: 20px 10px;
        margin-bottom: 35px
    }
}

.rentalclassroom-time__box {
    max-width: 536px;
    margin: 0 auto
}

.rentalclassroom-time__box img {
    margin-bottom: 16px
}

.rentalclassroom-time__note {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 500
}

@media screen and (max-width:834px) {
    .rentalclassroom-time__note {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692
    }
}

.rentalclassroom-time__note p {
    padding: 0 0 0 11px;
    text-indent: -10px
}

.rentalclassroom-note {
    display: block;
    max-width: 312px;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .rentalclassroom-note {
        width: 166px
    }
}

.sec-rentalclassroom-photo {
    padding: 31px 0 76px
}

@media screen and (max-width:834px) {
    .sec-rentalclassroom-photo {
        padding: 19px 0 38px
    }
}

.rentalclassroom-photo__list {
    display: grid;
    grid-template-columns: 33.333fr 33.333fr 33.333fr;
    gap: 50px 40px
}

@media screen and (max-width:834px) {
    .rentalclassroom-photo__list {
        grid-template-columns: 50fr 50fr;
        gap: 18px 10px
    }
}

.rentalclassroom-photo__list-img {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: 12px
}

@media screen and (max-width:834px) {
    .rentalclassroom-photo__list-img {
        border-radius: 8px
    }
}

.rentalclassroom-photo__list-img:before {
    content: "";
    display: block;
    padding: 64% 0 0
}

.rentalclassroom-photo__list-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.rentalclassroom-photo__list-ttl {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
    color: #dc8670
}

@media screen and (max-width:834px) {
    .rentalclassroom-photo__list-ttl {
        font-size: 1.3rem
    }
}

.sec-rentalclassroom-contact {
    background: #f2eeea;
    padding: 61px 0 80px
}

@media screen and (max-width:834px) {
    .sec-rentalclassroom-contact {
        padding: 39px 0 40px
    }
}

.sec-rentalclassroom-contact .rentalclassroom-ttl:before {
    border-color: #f2eeea transparent transparent
}

@media screen and (min-width:835px) {
    .sec-rentalclassroom-contact .visitor-teacher__banner a {
        margin: 0 19px
    }
}

.sec-rentalclassroom-payment {
    padding: 80px 0
}

@media screen and (max-width:834px) {
    .sec-rentalclassroom-payment {
        padding: 43px 0
    }
}

.rentalclassroom-payment {
    margin-bottom: 59px
}

@media screen and (max-width:834px) {
    .rentalclassroom-payment {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
        margin-bottom: 18px
    }
}

.rentalclassroom-payment__ttl {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.5;
    margin-bottom: 29px
}

@media screen and (max-width:834px) {
    .rentalclassroom-payment__ttl {
        font-size: 1.9rem;
        margin-bottom: 11px
    }
}

.rentalclassroom-payment ol {
    counter-reset: f
}

.rentalclassroom-payment ol li {
    position: relative;
    padding: 0 0 0 15px
}

@media screen and (max-width:834px) {
    .rentalclassroom-payment ol li {
        padding: 0
    }

    .rentalclassroom-payment ol li .rentalclassroom-payment__box {
        padding: 0 0 0 10px
    }
}

.rentalclassroom-payment ol li:before {
    counter-increment: f;
    content: counters(f, ".") ".";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:834px) {
    .rentalclassroom-payment ol li:before {
        position: static
    }
}

.rentalclassroom-payment p {
    margin-bottom: 54px
}

@media screen and (max-width:834px) {
    .rentalclassroom-payment p {
        margin-bottom: 21px
    }
}

.sec-news-article {
    padding: 79px 0
}

@media screen and (max-width:834px) {
    .sec-news-article {
        padding: 25px 0 40px
    }
}

.news-article {
    background: #f2eeea;
    border-radius: 16px;
    padding: 82px 4% 60px;
    margin-bottom: 61px
}

@media screen and (max-width:834px) {
    .news-article {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
        padding: 22px 10px;
        margin-bottom: 18px
    }
}

.news-article__time {
    text-align: right;
    font-size: 1.4rem;
    margin-bottom: 37px
}

@media screen and (max-width:834px) {
    .news-article__time {
        font-size: 1.3rem;
        margin-bottom: 12px
    }
}

.news-article h1,
.news-article h2,
.news-article h3,
.news-article h4,
.news-article h5,
.news-article h6 {
    display: block;
    font-weight: 700
}

.news-article h1 {
    background: #fff;
    font-size: 2.5rem;
    line-height: 1.3;
    padding: 10px 24px;
    border-radius: 40px;
    margin-bottom: 16px
}

@media screen and (max-width:834px) {
    .news-article h1 {
        font-size: 1.6rem;
        background: none;
        padding: 0;
        border-radius: 0
    }
}

.news-article h2 {
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .news-article h2 {
        font-size: 1.6rem
    }
}

.news-article ul li {
    padding: 0 0 0 15px;
    position: relative
}

.news-article ul li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0
}

.news-article ul.newsDtailUl01 li {
    padding: 0
}

.news-article ul.newsDtailUl01 li:before {
    content: none
}

.news-article img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto
}

.news-article a {
    text-decoration: underline;
    color: #cb8d78
}

.news-article__page {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 21px
}

.news-article__page,
.news-article__page a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news-article__page a {
    width: 106px;
    height: 30px;
    border-radius: 30px;
    line-height: 1;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    position: relative;
    background: #eea69a;
    border: 1px solid #eea69a
}

.news-article__page a:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff
}

.news-article__page a:after,
.news-article__page a:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.news-article__page a:after {
    width: 10px;
    height: 7px
}

@media (any-hover:hover) {
    .news-article__page a:hover {
        background: #fff;
        opacity: 1;
        color: #eea69a
    }

    .news-article__page a:hover:before {
        background: #eea69a
    }
}

.news-article__page-prev {
    padding: 0 0 0 33px
}

.news-article__page-prev:before {
    left: 5px
}

.news-article__page-prev:after {
    background: url(../img/common/ar-left.svg) no-repeat;
    background-size: 100%;
    left: 10px
}

@media (any-hover:hover) {
    .news-article__page-prev:hover:after {
        background: url(../img/common/ar-left-white.svg) no-repeat;
        background-size: 100%
    }
}

.news-article__page-next {
    padding: 0 0 0 8px
}

.news-article__page-next:before {
    right: 5px
}

.news-article__page-next:after {
    right: 10px;
    background: url(../img/common/ar-right.svg) no-repeat;
    background-size: 100%
}

@media (any-hover:hover) {
    .news-article__page-next:hover:after {
        background: url(../img/common/ar-right-white.svg) no-repeat;
        background-size: 100%
    }
}

.news-article__banner {
    max-width: 745px;
    margin: 0 auto
}

.sec-column-article {
    padding: 78px 0 59px
}

@media screen and (max-width:834px) {
    .sec-column-article {
        padding: 31px 0 21px
    }
}

.column-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.column-block__ct {
    width: calc(100% - 282px);
    padding: 0 30px 0 0
}

@media screen and (max-width:990px) {
    .column-block__ct {
        width: 100%;
        padding: 0;
        margin-bottom: 58px
    }
}

.column-block__sidebar {
    width: 282px
}

@media screen and (max-width:990px) {
    .column-block__sidebar {
        width: 100%
    }
}

.column-block__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 20px;
    margin-bottom: 40px
}

@media screen and (max-width:1024px) {
    .column-block__list {
        gap: 30px 20px
    }
}

@media screen and (max-width:640px) {
    .column-block__list {
        grid-template-columns: 1fr;
        gap: 20px
    }
}

.column-block__list-item {
    background: #f2eeea;
    border-radius: 16px;
    overflow: hidden
}

.column-block__list-cate {
    font-size: 1.3rem;
    font-family: Zen Maru Gothic, sans-serif;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    line-height: 1;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    padding: 1.5px 2px 3.5px;
    background: #f5bcc4
}

.column-block__list-cate--column01,
.column-block__list-cate--columnmame,
.column-block__list-cate--orange {
    background: #f8c995
}

.column-block__list-cate--column04,
.column-block__list-cate--columnjob,
.column-block__list-cate--violet {
    background: #a3b3df
}

.column-block__list-cate--column02,
.column-block__list-cate--columnhoiku,
.column-block__list-cate--pink {
    background: #f5bcc4
}

.column-block__list-cate--column03,
.column-block__list-cate--columnschool {
    background: #a5d6c9
}

.column-block__list-img {
    position: relative
}

.column-block__list-thumb {
    position: relative;
    overflow: hidden
}

.column-block__list-thumb:before {
    display: block;
    content: "";
    padding-top: 66.568914956%
}

.column-block__list-thumb>:first-child,
.column-block__list-thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.column-block__list-ct {
    padding: 20px
}

@media screen and (max-width:834px) {
    .column-block__list-ct {
        padding: 20px 10px
    }
}

.column-block__list-ct time {
    font-size: 1.3rem;
    font-weight: 500;
    display: block
}

@media screen and (max-width:834px) {
    .column-block__list-ct time {
        margin-bottom: 10px
    }
}

.column-block__list-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 4px
}

@media screen and (max-width:834px) {
    .column-block__list-title {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.8461538462;
        margin-bottom: 6px
    }
}

.column-block__list-desc {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8461538462;
    font-weight: 500;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .column-block__list-desc {
        margin-bottom: 10px
    }
}

.column-article {
    background: #f2eeea;
    border-radius: 16px;
    padding: 80px 5.8%;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .column-article {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
        padding: 18px 10px;
        margin-bottom: 44px
    }
}

.column-article__date {
    font-size: 1.4rem;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .column-article__date {
        margin-bottom: 17px
    }
}

.column-article__category {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1;
    padding: 3px 2px 2px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 19px
}

@media screen and (max-width:834px) {
    .column-article__category {
        margin-bottom: 12px
    }
}

.column-article__category.--column01,
.column-article__category.--columnhoiku,
.column-article__category.--yellow {
    background: #f8c995
}

.column-article__category.--column02,
.column-article__category.--columnmame,
.column-article__category.--pink {
    background: #f5bcc4
}

.column-article__category.--column03,
.column-article__category.--columnschool,
.column-article__category.--green {
    background: #a5d6c9
}

.column-article__category.--column04,
.column-article__category.--columnjob,
.column-article__category.--violet {
    background: #a3b3df
}

.column-article h1,
.column-article h2,
.column-article h3,
.column-article h4,
.column-article h5,
.column-article h6 {
    display: block;
    font-weight: 700
}

.column-article h1 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.56;
    margin-bottom: 11px
}

@media screen and (max-width:834px) {
    .column-article h1 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        margin-bottom: 3px
    }
}

.column-article h2 {
    background: #fff;
    border-left: 5px solid #eea69a;
    padding: 3px 7px;
    font-size: 2rem;
    margin-bottom: 18px
}

@media screen and (max-width:834px) {
    .column-article h2 {
        font-size: 1.6rem;
        padding: 1px 7px 0;
        margin-bottom: 10px
    }
}

.column-article h3 {
    border-bottom: 3px solid #eea69a;
    padding: 0 0 4px;
    margin-bottom: 11px
}

@media screen and (max-width:834px) {
    .column-article h3 {
        font-size: 1.6rem
    }
}

.column-article h4 {
    margin-bottom: 15px
}

.column-article a {
    text-decoration: underline;
    color: #cb8d78
}

.column-article #ez-toc-container,
.column-article #toc-wrap {
    position: relative;
    background: #fff;
    border-radius: 16px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin: 40px 0;
    padding: 16px 20px
}

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

    .column-article #ez-toc-container,
    .column-article #toc-wrap {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.8461538462;
        padding: 7px 10px;
        margin: 17px 0
    }
}

.column-article #ez-toc-container .ez-toc-title,
.column-article #ez-toc-container .toc-head,
.column-article #toc-wrap .ez-toc-title,
.column-article #toc-wrap .toc-head {
    text-align: center
}

.column-article #ez-toc-container .display-toggle,
.column-article #ez-toc-container .ez-toc-title-toggle,
.column-article #toc-wrap .display-toggle,
.column-article #toc-wrap .ez-toc-title-toggle {
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    text-align: center;
    font-size: 1.3rem
}

.column-article #ez-toc-container .display-toggle-note,
.column-article #ez-toc-container .ez-toc-title-toggle-note,
.column-article #toc-wrap .display-toggle-note,
.column-article #toc-wrap .ez-toc-title-toggle-note {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 1.3rem;
    font-weight: 500
}

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

    .column-article #ez-toc-container .display-toggle-note,
    .column-article #ez-toc-container .ez-toc-title-toggle-note,
    .column-article #toc-wrap .display-toggle-note,
    .column-article #toc-wrap .ez-toc-title-toggle-note {
        top: 0
    }
}

.column-article #ez-toc-container .display-toggle a,
.column-article #ez-toc-container .ez-toc-title-toggle a,
.column-article #toc-wrap .display-toggle a,
.column-article #toc-wrap .ez-toc-title-toggle a {
    text-decoration: none
}

.column-article #ez-toc-container a,
.column-article #toc-wrap a {
    display: block;
    color: #4e4449;
    text-decoration: underline
}

.column-article #ez-toc-container ul,
.column-article #toc-wrap ul {
    margin-bottom: 0
}

.column-article #ez-toc-container ul li,
.column-article #toc-wrap ul li {
    padding: 0;
    margin-bottom: 2px
}

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

    .column-article #ez-toc-container ul li,
    .column-article #toc-wrap ul li {
        margin-bottom: 0
    }
}

.column-article #ez-toc-container ul li:last-child,
.column-article #toc-wrap ul li:last-child {
    margin-bottom: 0
}

.column-article #ez-toc-container ul li:before,
.column-article #toc-wrap ul li:before {
    display: none
}

.column-article #ez-toc-container ul li ul,
.column-article #toc-wrap ul li ul {
    padding: 0 0 0 20px
}

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

    .column-article #ez-toc-container ul li ul,
    .column-article #toc-wrap ul li ul {
        padding: 0 0 0 10px
    }
}

.column-article #ez-toc-container .ez-toc-icon-toggle-span svg,
.column-article #toc-wrap .ez-toc-icon-toggle-span svg {
    display: none
}

.column-article #ez-toc-container .ez-toc-icon-toggle-span:after,
.column-article #toc-wrap .ez-toc-icon-toggle-span:after {
    content: "非表示";
    display: block;
    font-size: 1.3rem;
    text-decoration: none
}

.column-article img {
    width: auto;
    height: auto;
    margin-bottom: 36px
}

@media screen and (max-width:834px) {
    .column-article img {
        margin-bottom: 16px
    }
}

.column-article ul li {
    padding: 0 0 0 15px;
    position: relative
}

.column-article ul li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0
}

.column-article ul.newsDtailUl01 li {
    padding: 0
}

.column-article ul.newsDtailUl01 li:before {
    content: none
}

.column-article__note {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8461538462;
    color: #dc8670;
    text-decoration: underline;
    margin-bottom: 41px
}

@media screen and (max-width:834px) {
    .column-article__note {
        margin-bottom: 15px
    }
}

.column-article__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 548px;
    margin: 0 auto;
    padding: 14px 0 0
}

@media screen and (max-width:640px) {
    .column-article__btn {
        display: block;
        max-width: 264px
    }
}

.column-article__btn-item {
    width: calc(50% - 10px)
}

@media screen and (max-width:640px) {
    .column-article__btn-item {
        width: 100%;
        margin-bottom: 20px
    }

    .column-article__btn-item:last-child {
        margin-bottom: 0
    }
}

.column-cmt {
    background: #f2eeea;
    border-radius: 16px;
    padding: 42px 5.8% 40px;
    margin-bottom: 58px
}

@media screen and (max-width:834px) {
    .column-cmt {
        padding: 21px 10px;
        margin-bottom: 42px
    }
}

.column-cmt__ttl {
    display: block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 22px
}

.column-cmt__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .column-cmt__block {
        display: block
    }
}

.column-cmt__block-img {
    width: 100px
}

@media screen and (max-width:834px) {
    .column-cmt__block-img {
        margin: 0 auto 18px
    }
}

.column-cmt__block-img img {
    width: 100%;
    border-radius: 50%;
    aspect-ratio: 1/1;
    object-fit: cover
}

.column-cmt__block-ct {
    width: calc(100% - 100px);
    padding: 0 0 0 20px;
    font-size: 12.32px;
    font-size: 1.232rem;
    line-height: 1.5
}

@media screen and (max-width:834px) {
    .column-cmt__block-ct {
        width: 100%;
        padding: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4215384615
    }
}

.column-cmt__block-ct-ttl {
    display: block;
    font-weight: 700;
    font-size: 1.4rem
}

@media screen and (max-width:834px) {
    .column-cmt__block-ct-ttl {
        font-size: 1.3rem;
        margin-bottom: 7px
    }
}

.column-cmt__block-ct p {
    margin-bottom: 10px
}

.column-cmt__block-ct small {
    display: block;
    font-size: 11.48px;
    font-size: 1.148rem;
    line-height: 1.6097560976
}

@media screen and (max-width:834px) {
    .column-cmt__block-ct small {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4215384615
    }
}

.column-cmt__block-ct-line {
    text-decoration: underline
}

.column-cmt__block-ct-links,
.column-cmt__block-ct-links a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.column-cmt__block-ct-links a {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 191px;
    height: 30px;
    border-radius: 30px;
    line-height: 1;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    position: relative;
    background: #eea69a;
    border: 1px solid #eea69a;
    padding: 0 18px 0 0;
    margin: 0 18px 7px 0
}

.column-cmt__block-ct-links a:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px
}

.column-cmt__block-ct-links a:after {
    content: "";
    width: 10px;
    height: 7px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/common/ar-right.svg) no-repeat;
    background-size: 100%;
    right: 10px
}

@media (any-hover:hover) {
    .column-cmt__block-ct-links a:hover {
        background: #fff;
        opacity: 1;
        color: #eea69a
    }

    .column-cmt__block-ct-links a:hover:before {
        background: #eea69a
    }

    .column-cmt__block-ct-links a:hover:after {
        background: url(../img/common/ar-right-white.svg) no-repeat;
        background-size: 100%
    }
}

.column-sidebar__ttl {
    display: block;
    border-radius: 40px;
    margin: 0 auto 20px;
    position: relative;
    line-height: 1.2;
    font-size: 2rem;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    color: #dc8670;
    border: 2px solid #eea69a;
    text-align: center;
    padding: 2px 5px 4px
}

@media screen and (max-width:834px) {
    .column-sidebar__ttl {
        max-width: 271px;
        font-size: 1.6rem;
        padding: 4px 5px 5px;
        margin-bottom: 11px
    }
}

.column-sidebar__ttl:after {
    border-width: 12px 10px 0;
    border-color: #eea69a transparent transparent
}

.column-sidebar__ttl:after,
.column-sidebar__ttl:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.column-sidebar__ttl:before {
    border-width: 9px 7px 0;
    border-color: #fff transparent transparent;
    z-index: 1
}

.column-sidebar__news {
    margin-bottom: 60px
}

.column-sidebar__news-item {
    border-bottom: 1px solid #eea69a
}

.column-sidebar__news-item a {
    display: block;
    color: #444;
    font-weight: 700;
    font-size: 1.6rem;
    padding: 13px 0
}

@media screen and (max-width:834px) {
    .column-sidebar__news-item a {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.8461538462;
        padding: 7px 0
    }
}

.column-sidebar__news-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
    margin-bottom: 5px
}

.column-sidebar__news-heading time {
    display: block;
    font-weight: 500
}

.column-sidebar__news-category {
    display: inline-block;
    color: #fff;
    font-size: 1.3rem;
    padding: 3px;
    border-radius: 4px
}

.column-sidebar__news-category.--column01,
.column-sidebar__news-category.--yellow {
    background: #f8c995
}

.column-sidebar__news-category.--column02,
.column-sidebar__news-category.--pink {
    background: #f5bcc4
}

.column-sidebar__news-category.--column03,
.column-sidebar__news-category.--green {
    background: #a5d6c9
}

.column-sidebar__news-category.--column04,
.column-sidebar__news-category.--violet {
    background: #a3b3df
}

.column-sidebar__category {
    margin-bottom: 64px
}

@media screen and (max-width:834px) {
    .column-sidebar__category {
        margin-bottom: 60px
    }
}

.column-sidebar__category-item {
    border-bottom: 1px solid #eea69a
}

.column-sidebar__category-item a {
    display: block;
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
    color: #444;
    padding: 13px 0
}

@media screen and (max-width:834px) {
    .column-sidebar__category-item a {
        font-size: 1.3rem;
        padding: 15px 9px
    }
}

.column-sidebar__category-item a:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

@media screen and (max-width:834px) {
    .column-sidebar__category-item a:after {
        right: 10px
    }
}

.column-sidebar__category-item.--yellow a:after {
    background: url(../img/column/detail/ar-right-yellow.svg) no-repeat;
    background-size: 100%
}

.column-sidebar__category-item.--pink a:after {
    background: url(../img/column/detail/ar-right-pink.svg) no-repeat;
    background-size: 100%
}

.column-sidebar__category-item.--green a:after {
    background: url(../img/column/detail/ar-right-green.svg) no-repeat;
    background-size: 100%
}

.column-sidebar__category-item.--violet a:after {
    background: url(../img/column/detail/ar-right-violet.svg) no-repeat;
    background-size: 100%
}

.column-sidebar__date {
    font-size: 1.6rem;
    font-weight: 700
}

.column-sidebar__date-item {
    margin-bottom: 19px
}

.column-sidebar__date-item span {
    display: block;
    background: #eea69a;
    color: #fff;
    border-radius: 40px;
    position: relative;
    transition: all .3s ease;
    cursor: pointer;
    padding: 8px 22px
}

@media (any-hover:hover) {
    .column-sidebar__date-item span:hover {
        opacity: .7
    }
}

.column-sidebar__date-item span:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    background: url(../img/column/detail/ar-dow.svg) no-repeat;
    background-size: 100%
}

.column-sidebar__date-item span.active:after {
    background: url(../img/column/detail/ar-up.svg) no-repeat;
    background-size: 100%
}

.column-sidebar__date-item ul {
    display: none;
    padding: 7px 0 0 20px
}

@media screen and (max-width:834px) {
    .column-sidebar__date-item ul {
        padding: 7px 20px 0
    }
}

.column-sidebar__date-item ul li {
    border-bottom: 1px solid #eea69a
}

.column-sidebar__date-item ul li a {
    display: block;
    position: relative;
    color: #444;
    padding: 14px 0
}

@media screen and (max-width:834px) {
    .column-sidebar__date-item ul li a {
        font-size: 1.3rem;
        padding: 16px 0
    }
}

.column-sidebar__date-item ul li a:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    background: url(../img/column/detail/ar-right.svg) no-repeat;
    background-size: 100%
}

@media screen and (max-width:834px) {
    .column-sidebar__date-item ul li a:after {
        right: 0
    }
}

.sec-event-article {
    padding: 78px 0 100px
}

@media screen and (max-width:834px) {
    .sec-event-article {
        padding: 33px 0 39px
    }
}

.event-block {
    margin-bottom: 81px
}

@media screen and (max-width:834px) {
    .event-block {
        margin-bottom: 43px
    }
}

.event-venue {
    background: #f2eeea;
    padding: 43px 0 80px
}

@media screen and (max-width:834px) {
    .event-venue {
        padding: 18px 0 42px
    }
}

.event-venue__note {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .event-venue__note {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7692307692;
        margin-bottom: 18px
    }
}

.event-venue__note dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.event-venue__note dl:last-child {
    margin-bottom: 0
}

.event-venue__note dl dt {
    width: 214px;
    background: #eea69a;
    color: #fff;
    font-size: 2rem;
    font-family: Zen Maru Gothic, sans-serif;
    text-align: center;
    padding: 0 5px;
    border-radius: 30px
}

@media screen and (max-width:834px) {
    .event-venue__note dl dt {
        width: 128px;
        font-size: 1.6rem;
        line-height: 1.2;
        padding: 2px;
        margin-bottom: 8px
    }
}

.event-venue__note dl dd {
    width: calc(100% - 214px);
    padding: 0 0 0 23px
}

@media screen and (max-width:834px) {
    .event-venue__note dl dd {
        width: 100%;
        padding: 0
    }
}

.event-venue__note dl dd strong {
    display: inline-block
}

.event-venue__map {
    margin-bottom: 47px
}

@media screen and (max-width:834px) {
    .event-venue__map {
        margin-bottom: 16px
    }
}

.event-venue__map iframe {
    width: 100%;
    height: 493px !important
}

@media screen and (max-width:834px) {
    .event-venue__map iframe {
        height: 300px !important
    }
}

.events-area__body a {
    text-decoration: underline;
    color: #cb8d78
}

@media screen and (min-width:835px) {
    .sec-news--page {
        padding: 77px 0 80px
    }
}

@media screen and (max-width:834px) {
    .sec-news--page {
        padding: 40px 0
    }
}

.sec-news--page .news-cats:after,
.sec-news--page .news-cats:before {
    display: none
}

@media screen and (min-width:641px) {
    .sec-news--page .interview-list {
        gap: 37px 0
    }

    .sec-news--page .interview-list__desc {
        line-height: 1.5;
        margin-bottom: 18px;
        font-size: 1.6rem
    }
}

#page-visitor_school3 .childcare-course {
    padding: 55px 0 80px
}

@media screen and (max-width:834px) {
    #page-visitor_school3 .childcare-course {
        padding: 20px 0
    }
}

#page-visitor_school3 .childcare-course .c-ttl__01 {
    margin-bottom: 35px
}

@media screen and (max-width:834px) {
    #page-visitor_school3 .childcare-course .c-ttl__01 {
        margin-bottom: 16px
    }
}

#page-visitor_school3 .comparison-btn {
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    #page-visitor_school3 .comparison-btn {
        margin-bottom: 40px
    }
}

.school-point {
    padding: 80px 0;
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .school-point {
        padding: 40px 0
    }

    .school-point .c-ttl__01 {
        margin-bottom: 19px
    }
}

.school-point__block {
    padding: 40px 20px;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .school-point__block {
        padding: 17px 10px
    }
}

.school-point__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px
}

@media screen and (max-width:834px) {
    .school-point__heading {
        margin-bottom: 25px
    }
}

.school-point__heading-num {
    position: relative
}

@media screen and (max-width:834px) {
    .school-point__heading-num {
        top: 4px
    }
}

.school-point__heading-num img {
    height: 74px
}

@media screen and (max-width:834px) {
    .school-point__heading-num img {
        height: 38px
    }
}

.school-point__heading-ttl {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500;
    margin-left: 20px
}

@media screen and (max-width:834px) {
    .school-point__heading-ttl {
        font-size: 1.3rem;
        margin-left: 10px
    }
}

.school-point__heading-ttl span {
    display: block;
    font-size: 3.2rem;
    line-height: 1;
    font-family: Zen Maru Gothic, sans-serif;
    color: #dc8670;
    margin-top: 5px;
    font-weight: 700
}

@media screen and (max-width:834px) {
    .school-point__heading-ttl span {
        font-size: 1.6rem
    }
}

.school-point .c-label__01 {
    background: #f8c995;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 45px;
    padding: 0 30px;
    margin-bottom: 20px;
    font-size: 2rem
}

@media screen and (max-width:834px) {
    .school-point .c-label__01 {
        font-size: 1.6rem;
        height: 40px;
        padding: 0 20px
    }
}

.school-point__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.school-point__flex-img {
    width: 38.97%;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .school-point__flex-img {
        width: 100%;
        margin-bottom: 13px
    }
}

.school-point__flex-ct {
    width: 61.03%;
    padding-left: 40px;
    min-height: 253px;
    position: relative
}

@media screen and (max-width:834px) {
    .school-point__flex-ct {
        min-height: 0;
        padding-left: 30px;
        line-height: 1.8
    }
}

@media screen and (max-width:640px) {
    .school-point__flex-ct {
        width: 100%;
        padding-left: 0
    }
}

@media screen and (max-width:834px) {
    .school-point__flex-ct p {
        margin-bottom: 8px
    }
}

.school-point__flex-ct .dots-list li {
    position: relative;
    padding-left: 17px
}

@media screen and (max-width:834px) {
    .school-point__flex-ct .dots-list li {
        padding-left: 13px
    }
}

.school-point__flex-ct .dots-list li:before {
    content: "●";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -5px
}

.school-point__flex-ct .c-btn__01 {
    position: absolute;
    bottom: 0;
    left: 53.5%;
    transform: translateX(-50%)
}

@media screen and (max-width:834px) {
    .school-point__flex-ct .c-btn__01 {
        position: relative;
        transform: none;
        left: 0
    }
}

.school-education {
    padding: 108px 0 160px;
    background: #f2eeea url(../img/visitor/school3/bg-mark.png) no-repeat 50%/100%
}

@media screen and (max-width:1300px) {
    .school-education {
        padding: 50px 0 80px
    }
}

@media screen and (max-width:834px) {
    .school-education {
        padding: 67px 0 39px
    }
}

@media screen and (max-width:640px) {
    .school-education {
        background: #f2eeea url(../img/visitor/school3/bg-mark-sp.png) no-repeat 50%/100%
    }
}

.school-education__wp {
    max-width: 450px;
    margin: 0 auto
}

@media screen and (max-width:1024px) {
    .school-education__wp {
        margin-bottom: 30px
    }
}

.school-education__ttl {
    font-size: 1.6rem;
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    margin-bottom: 26px
}

@media screen and (max-width:834px) {
    .school-education__ttl {
        font-size: 1.3rem;
        margin-bottom: 20px
    }
}

.school-education__ttl span {
    font-size: 4rem;
    line-height: 1;
    display: block;
    margin-top: 9px
}

@media screen and (max-width:834px) {
    .school-education__ttl span {
        font-size: 2rem;
        margin-top: 6px
    }
}

.school-education__desc {
    text-align: center
}

@media screen and (max-width:834px) {
    .school-education__desc {
        max-width: 450px;
        margin: 0 auto 20px;
        text-align: left;
        padding: 0 10px;
        line-height: 1.7
    }
}

.school-education__img {
    position: absolute;
    width: 27.85%;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:1300px) {
    .school-education__img {
        width: 22%
    }
}

@media screen and (max-width:1024px) {
    .school-education__img {
        position: static;
        width: 48%;
        transform: none
    }
}

.school-education__img--left {
    left: 5%
}

@media screen and (max-width:1300px) {
    .school-education__img--left {
        left: 2%
    }
}

.school-education__img--right {
    right: 5%
}

@media screen and (max-width:1300px) {
    .school-education__img--right {
        right: 2%
    }
}

@media screen and (max-width:1024px) {
    .school-education__imgflex {
        max-width: 500px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width:834px) {
    .school-education__imgflex {
        max-width: 340px
    }
}

.alma-maters {
    padding: 88px 0 80px;
    background: #f2eeea;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .alma-maters {
        padding: 60px 0 40px;
        margin-bottom: 40px
    }
}

.alma-maters__wrapper {
    background: #fff;
    padding: 0 20px 20px;
    border-radius: 16px
}

@media screen and (max-width:834px) {
    .alma-maters__wrapper {
        padding: 0 10px 15px
    }
}

.alma-maters__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px
}

.alma-maters__flex-item {
    width: 33.33%;
    padding: 0 20px;
    border-right: 2px solid #dfdede
}

@media screen and (max-width:834px) {
    .alma-maters__flex-item {
        width: 100%;
        border: none;
        margin-bottom: 5px
    }
}

.alma-maters__flex-item:last-of-type {
    border-right: none
}

.alma-maters__flex-item:first-child {
    margin-bottom: 40px;
    width: 100%;
    border-right: none
}

@media screen and (max-width:834px) {
    .alma-maters__flex-item:first-child {
        margin-bottom: 20px
    }
}

.alma-maters__flex-item:first-child .alma-maters__list-item {
    width: 33.33%;
    padding: 0 20px;
    border-right: 2px solid #dfdede
}

@media screen and (max-width:834px) {
    .alma-maters__flex-item:first-child .alma-maters__list-item {
        width: 100%
    }
}

.alma-maters__flex-item:first-child .alma-maters__list-item:last-of-type {
    border-right: none
}

.alma-maters__flex-label {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    background: #eea69a;
    border-radius: 20px;
    margin-bottom: 8px;
    padding: 3px 12px
}

@media screen and (min-width:835px) {
    .alma-maters__flex-label {
        pointer-events: none
    }
}

@media screen and (max-width:834px) {
    .alma-maters__flex-label {
        padding: 7px 20px;
        font-size: 1.6rem;
        position: relative
    }

    .alma-maters__flex-label:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 27px;
        height: 27px;
        background: url(../img/visitor/school3/arr-acc.png) no-repeat 50%/100%;
        top: calc(50% - 13.5px);
        right: 5px;
        transform: rotate(180deg)
    }

    .alma-maters__flex-label.open:after {
        transform: rotate(0)
    }
}

.alma-maters__ttl {
    position: relative;
    top: -27px;
    margin-bottom: -5px
}

@media screen and (max-width:834px) {
    .alma-maters__ttl {
        top: -20px;
        margin-bottom: -10px
    }
}

.alma-maters__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7692307692;
    margin: 0 -20px
}

@media screen and (max-width:834px) {
    .alma-maters__list {
        display: none
    }
}

.alma-maters__list-item {
    padding: 0 20px
}

.alma-maters__list-item:last-of-type {
    border-right: none
}

.alma-maters__list-item li {
    margin-bottom: 4px
}

@media screen and (max-width:834px) {
    .alma-maters__list-item li {
        margin-bottom: 2px
    }
}

.alma-maters__list-item li:last-of-type {
    margin-bottom: 0
}

#page-visitor_school2 .alma-maters {
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    #page-visitor_school2 .alma-maters {
        margin-bottom: 40px
    }
}

#page-visitor_school2 .faq-campus {
    padding-bottom: 80px
}

@media screen and (max-width:834px) {
    #page-visitor_school2 .faq-campus {
        padding-bottom: 40px
    }
}

#page-visitor_school2 .faq-campus__dl:nth-last-child(2) {
    margin-bottom: 110px
}

@media screen and (max-width:834px) {
    #page-visitor_school2 .faq-campus__dl:nth-last-child(2) {
        margin-bottom: 60px
    }
}

@media screen and (min-width:835px) {
    .block-control {
        margin-bottom: 50px
    }
}

.dual-top--school2 {
    display: block;
    background: url(../img/visitor/school2/bg-mark.png) no-repeat center 30px/1400px
}

@media screen and (min-width:835px) {
    .dual-top--school2 {
        padding: 94px 0 112px
    }
}

@media screen and (max-width:834px) {
    .dual-top--school2 {
        padding: 83px 0 43px;
        background: url(../img/visitor/school2/bg-mark-sp.png) no-repeat center 30px/100%
    }

    .dual-top--school2 .c-ttl__01 {
        margin-bottom: 20px
    }
}

.dual-top--school2 .dual-top__flex {
    padding-right: calc((100% - 1015px) / 2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.school-time {
    background: #f2eeea;
    padding: 84px 0 80px
}

@media screen and (max-width:834px) {
    .school-time {
        padding: 40px 0
    }

    .school-time .c-ttl__01 {
        margin-bottom: 15px
    }
}

.school-time__desc {
    font-size: 2.589rem;
    text-align: center;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 47px
}

@media screen and (max-width:1024px) {
    .school-time__desc {
        font-size: 2rem
    }
}

@media screen and (max-width:834px) {
    .school-time__desc {
        font-size: 1.6rem;
        line-height: 1.65;
        margin-bottom: 17px
    }
}

.school-time__desc .txt-sm {
    font-size: 2rem;
    display: block
}

@media screen and (max-width:1024px) {
    .school-time__desc .txt-sm {
        font-size: 1.8rem
    }
}

@media screen and (max-width:834px) {
    .school-time__desc .txt-sm {
        font-size: 1.3rem;
        line-height: 1.8
    }
}

.school-time__desc .txt-percent {
    font-size: 5rem;
    color: #f8657c;
    line-height: 1
}

@media screen and (max-width:1024px) {
    .school-time__desc .txt-percent {
        font-size: 3.5rem
    }
}

@media screen and (max-width:834px) {
    .school-time__desc .txt-percent {
        font-size: 2rem
    }
}

.school-time__desc .txt-percent span {
    font-size: 2.589rem
}

@media screen and (max-width:1024px) {
    .school-time__desc .txt-percent span {
        font-size: 2rem
    }
}

@media screen and (max-width:834px) {
    .school-time__desc .txt-percent span {
        font-size: 1.6rem
    }
}

.school-time__img {
    margin-bottom: 34px
}

@media screen and (max-width:834px) {
    .school-time__img {
        max-width: 450px;
        margin: 0 auto 34px
    }
}

.school-time__note {
    text-align: center
}

.school-action {
    padding: 64px 0 80px
}

@media screen and (max-width:834px) {
    .school-action {
        padding: 40px 0
    }
}

.school-action .c-ttl__01 {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .school-action .c-ttl__01 {
        margin-bottom: 20px
    }
}

.school-action__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.school-action__img {
    width: 37.4%;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:834px) {
    .school-action__img {
        width: 45%
    }
}

@media screen and (max-width:640px) {
    .school-action__img {
        width: 100%;
        margin-bottom: 15px
    }
}

.school-action__ct {
    width: 62.6%;
    padding-left: 40px;
    padding-top: 6px;
    position: relative
}

@media screen and (max-width:834px) {
    .school-action__ct {
        width: 55%;
        padding-left: 30px
    }
}

@media screen and (max-width:640px) {
    .school-action__ct {
        width: 100%;
        padding-left: 0;
        padding-top: 0
    }
}

.school-action__ct:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 98%;
    border-left: 3px dotted #ffb360;
    left: 60px;
    top: 6px
}

@media screen and (max-width:834px) {
    .school-action__ct:before {
        left: 50px
    }
}

@media screen and (max-width:640px) {
    .school-action__ct:before {
        left: 21px;
        top: 0
    }
}

.school-action__ct:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 18px;
    background: url(../img/visitor/school2/arr-orange.png) no-repeat 50%/100%;
    bottom: 0;
    left: 46px
}

@media screen and (max-width:834px) {
    .school-action__ct:after {
        left: 35px
    }
}

@media screen and (max-width:640px) {
    .school-action__ct:after {
        left: 7px
    }
}

.school-action__ct-dl {
    padding-bottom: 28px
}

@media screen and (max-width:834px) {
    .school-action__ct-dl {
        padding-bottom: 25px
    }
}

.school-action__ct-dl:last-of-type {
    padding-bottom: 0
}

.school-action__ct-dl--last {
    padding-bottom: 76px !important
}

.school-action__ct-dl--last .school-action__ct-dt span {
    width: 60px;
    left: -8px
}

@media screen and (max-width:834px) {
    .school-action__ct-dl.no-msg .school-action__ct-dt {
        min-height: 45px
    }
}

.school-action__ct-dd,
.school-action__ct-dt {
    padding-left: 64px
}

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

    .school-action__ct-dd,
    .school-action__ct-dt {
        padding-left: 52px
    }
}

.school-action__ct-dt {
    position: relative;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.8
}

@media screen and (max-width:834px) {
    .school-action__ct-dt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.school-action__ct-dt span {
    width: 45px;
    position: absolute;
    top: -8px;
    left: 0
}

.school-action__ct-dd {
    padding-top: 6px
}

@media screen and (max-width:834px) {
    .school-action__ct-dd {
        padding-top: 13px
    }
}

.school-action__ct-msg {
    padding: 18px 20px;
    background: #fff;
    border-radius: 8px;
    position: relative
}

.school-action__ct-msg:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    bottom: 100%;
    left: 20px
}

@media screen and (max-width:834px) {
    .school-action__ct-msg {
        padding: 6px 10px
    }
}

.school-action__block {
    padding: 40px;
    border-radius: 16px;
    margin-bottom: 60px;
    background: hsla(32, 88%, 78%, .2)
}

@media screen and (max-width:834px) {
    .school-action__block {
        padding: 20px 10px
    }
}

.school-action__block:last-of-type {
    margin-bottom: 0
}

.school-action__block .c-ttl__04 {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .school-action__block .c-ttl__04 {
        margin-bottom: 20px
    }
}

@media screen and (min-width:835px) {
    .school-action__block .c-ttl__04 span {
        min-width: 406px;
        font-size: 2.5rem;
        padding: 5px 55px
    }
}

.school-action__block--pink {
    background: rgba(245, 188, 196, .2)
}

@media screen and (max-width:834px) {
    .school-action__block--pink .school-action__img {
        margin-bottom: 27px
    }
}

.school-action__block--pink .school-action__ct:before {
    border-color: #f5bcc4
}

.school-action__block--pink .school-action__ct:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 18px;
    background: url(../img/visitor/school2/arr-pink.png) no-repeat 50%/100%
}

.school-action__block--green {
    background: rgba(165, 214, 201, .2)
}

.school-action__block--green .school-action__ct:before {
    border-color: #a5d6c9
}

.school-action__block--green .school-action__ct:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 18px;
    background: url(../img/visitor/school2/arr-green.png) no-repeat 50%/100%
}

.graduate-certificates {
    padding: 80px 0
}

@media screen and (max-width:834px) {
    .graduate-certificates {
        padding: 40px 0
    }
}

.graduate-certificates__ttl {
    font-size: 2.7rem;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center
}

@media screen and (max-width:834px) {
    .graduate-certificates__ttl {
        font-size: 1.6rem;
        margin-bottom: 23px
    }
}

.graduate-certificates .c-ttl__04 {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .graduate-certificates .c-ttl__04 {
        margin-bottom: 10px
    }
}

.graduate-certificates__wp {
    max-width: 664px;
    margin: 0 auto
}

.graduate-certificates__table {
    border: 1px solid #eea69a;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 33px
}

.graduate-certificates__table table {
    width: 100%;
    font-family: Zen Maru Gothic, sans-serif
}

.graduate-certificates__table table tr td,
.graduate-certificates__table table tr th {
    border-bottom: 1px solid #eea69a;
    padding: 20px
}

.graduate-certificates__table table tr th {
    width: 39.15%;
    background: #eea69a;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding: 20px 15px
}

.graduate-certificates__table table tr td {
    text-align: left;
    width: 60.85%
}

.graduate-certificates__table table tr td a[href$=".pdf"] {
    text-decoration: underline;
    position: relative;
    padding-left: 25px
}

.graduate-certificates__table table tr td a[href$=".pdf"]:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 24px;
    background: url(../img/features/disclosure/ico-pdf.svg) no-repeat 50%/100%;
    top: 0;
    left: 0
}

@media screen and (max-width:834px) {
    .graduate-certificates__table table tr td a[href$=".pdf"]:before {
        width: 15px;
        height: 19px
    }
}

.graduate-certificates__table table tr td span {
    margin-left: -13px;
    display: inline-block
}

.graduate-certificates__table table tr:last-of-type td,
.graduate-certificates__table table tr:last-of-type th {
    border-bottom: none
}

.graduate-apply {
    padding: 53px 0 80px;
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .graduate-apply {
        padding: 40px 0
    }
}

.graduate-apply.bg-white {
    background: #fff
}

@media screen and (max-width:834px) {
    .graduate-apply .c-ttl__03 {
        margin-bottom: 20px
    }
}

.graduate-apply__intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .graduate-apply__intro {
        margin-bottom: 18px;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.graduate-apply__intro-img {
    width: 30.64%;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .graduate-apply__intro-img {
        width: 92%;
        margin: 0 auto 15px
    }
}

.graduate-apply__intro-ct {
    width: 69.36%;
    padding-left: 20px
}

@media screen and (max-width:640px) {
    .graduate-apply__intro-ct {
        width: 100%;
        padding-left: 0;
        line-height: 1.8
    }
}

.graduate-apply__intro-note {
    margin-top: 16px;
    display: inline-block
}

.graduate-apply__main-dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 58px
}

@media screen and (max-width:834px) {
    .graduate-apply__main-dl {
        margin-bottom: 15px
    }
}

.graduate-apply__main-dl:last-child {
    margin-bottom: 0
}

.graduate-apply__main-dt {
    width: 172px;
    padding: 5px 10px;
    background: #eea69a;
    border-radius: 15px;
    color: #fff;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

@media screen and (max-width:834px) {
    .graduate-apply__main-dt {
        font-size: 1.6rem;
        padding: 4px 10px;
        margin-bottom: 9px
    }
}

.graduate-apply__main-dd {
    width: calc(100% - 172px);
    padding-left: 20px
}

@media screen and (max-width:640px) {
    .graduate-apply__main-dd {
        width: 100%;
        padding-left: 0
    }
}

.graduate-apply__main-dd dl {
    margin-bottom: 15px
}

@media screen and (max-width:834px) {
    .graduate-apply__main-dd dl {
        margin-bottom: 9px
    }
}

.graduate-apply__main-dd dl:last-of-type {
    margin-bottom: 0
}

.graduate-apply__main-dd dl dt {
    font-weight: 700
}

@media screen and (max-width:834px) {
    .graduate-apply__main-dd dl dt {
        font-size: 1.6rem;
        line-height: 1
    }
}

.graduate-apply__main-dd dl dd {
    padding-left: 20px
}

@media screen and (max-width:834px) {
    .graduate-apply__main-dd dl dd {
        padding-left: 16px
    }
}

.graduate-apply__main-dd dl dd a[href$=".pdf"] {
    position: relative;
    padding-left: 25px;
    margin-top: 15px;
    display: inline-block
}

@media screen and (max-width:834px) {
    .graduate-apply__main-dd dl dd a[href$=".pdf"] {
        margin-top: 9px
    }
}

.graduate-apply__main-dd dl dd a[href$=".pdf"]:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 24px;
    background: url(../img/features/disclosure/ico-pdf.svg) no-repeat 50%/100%;
    top: 0;
    left: 0
}

.graduate-announcement {
    padding: 50px 0 80px;
    background: #f2eeea
}

@media screen and (max-width:834px) {
    .graduate-announcement {
        padding: 40px 0
    }
}

.graduate-announcement__intro {
    text-align: center;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .graduate-announcement__intro {
        margin-bottom: 17px
    }
}

@media screen and (max-width:640px) {
    .graduate-announcement__intro {
        text-align: left
    }
}

.graduate-announcement__intro .c-ttl__03 {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .graduate-announcement__intro .c-ttl__03 {
        text-align: center;
        margin-bottom: 20px
    }
}

.graduate-announcement__block {
    padding: 40px 20px;
    background: #fff;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .graduate-announcement__block {
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px 10px;
        margin-bottom: 18px
    }
}

.graduate-announcement__block:last-of-type {
    margin-bottom: 0
}

.graduate-announcement__block-img {
    width: 38.87%;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .graduate-announcement__block-img {
        width: 100%;
        margin-bottom: 20px
    }
}

.graduate-announcement__block-ct {
    width: 61.13%;
    padding-left: 40px
}

@media screen and (max-width:834px) {
    .graduate-announcement__block-ct {
        padding-left: 15px
    }
}

@media screen and (max-width:640px) {
    .graduate-announcement__block-ct {
        width: 100%;
        padding-left: 0
    }
}

.graduate-announcement__block-ttl {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 5px
}

@media screen and (max-width:834px) {
    .graduate-announcement__block-ttl {
        font-size: 1.6rem
    }
}

.graduate-announcement__block-desc p {
    margin-bottom: 23px
}

.graduate-announcement__block-desc p:last-of-type {
    margin-bottom: 0
}

.graduate-announcement__block-time {
    display: block;
    text-align: right;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 10px
}

@media screen and (max-width:834px) {
    .graduate-announcement__block-time {
        font-size: 1.3rem;
        margin-top: 3px
    }
}

.graduate-exhibitions {
    padding: 53px 0 80px
}

@media screen and (max-width:834px) {
    .graduate-exhibitions {
        padding: 40px 0
    }

    .graduate-exhibitions .c-ttl__03 {
        margin-bottom: 22px
    }
}

.graduate-exhibitions__intro {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .graduate-exhibitions__intro {
        margin-bottom: 56px
    }
}

.graduate-exhibitions .contact-infor {
    padding-left: 0
}

.graduate-exhibitions .contact-infor__item {
    padding: 20px
}

@media screen and (max-width:834px) {
    .graduate-exhibitions .contact-infor__item {
        padding: 20px
    }
}

@media screen and (max-width:640px) {
    .graduate-exhibitions .contact-infor__item {
        padding: 20px 40px
    }
}

.graduate-exhibitions .contact-infor__item:first-child .contact-infor__txt {
    font-weight: 700;
    text-align: center
}

.graduate-exhibitions .contact-infor .c-btn__01 {
    margin-top: 10px
}

.onayamy-intro {
    position: relative;
    padding: 76px 0
}

@media screen and (max-width:834px) {
    .onayamy-intro {
        padding: 40px 0
    }
}

.onayamy-intro .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.onayamy-intro__midle {
    width: 60.9%;
    text-align: center
}

@media screen and (max-width:1024px) {
    .onayamy-intro__midle {
        width: 67.9%
    }
}

@media screen and (max-width:640px) {
    .onayamy-intro__midle {
        text-align: left;
        width: 100%
    }

    .onayamy-intro__midle .c-txt__basic {
        line-height: 1.8
    }
}

.onayamy-intro__ttl {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .onayamy-intro__ttl {
        font-size: 2rem;
        line-height: 1.2;
        text-align: center;
        padding: 25px 0;
        margin-bottom: 15px
    }
}

.onayamy-intro__img--left {
    width: 20.3%
}

@media screen and (max-width:1024px) {
    .onayamy-intro__img--left {
        width: 15.3%
    }
}

@media screen and (max-width:640px) {
    .onayamy-intro__img--left {
        position: absolute;
        top: 37px;
        left: 10px;
        width: 74px
    }
}

.onayamy-intro__img--right {
    width: 18.8%
}

@media screen and (max-width:1024px) {
    .onayamy-intro__img--right {
        width: 12.8%
    }
}

@media screen and (max-width:640px) {
    .onayamy-intro__img--right {
        width: 69px;
        position: absolute;
        top: 37px;
        right: 10px
    }
}

.onayamy-main {
    overflow: hidden;
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    .onayamy-main {
        margin-bottom: 40px
    }
}

@media screen and (max-width:834px) {
    .onayamy-main .c-tabs {
        margin-bottom: 27px
    }
}

.onayamy-main__faq {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .onayamy-main__faq {
        margin-bottom: 40px
    }
}

.onayamy-main__faq-dt {
    font-size: 2.5rem;
    font-weight: 700;
    position: relative;
    padding-left: 70px;
    margin-bottom: 46px
}

@media screen and (max-width:834px) {
    .onayamy-main__faq-dt {
        font-size: 1.6rem;
        line-height: 1.875;
        padding-left: 27px;
        margin-bottom: 2px
    }
}

.onayamy-main__faq-dt:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 54px;
    height: 55px;
    background: url(../img/onayamy/txt-q.png) no-repeat 50%/100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

@media screen and (max-width:834px) {
    .onayamy-main__faq-dt:before {
        width: 20px;
        height: 21px;
        top: 0;
        transform: none
    }
}

.onayamy-main__faq-dd {
    padding-left: 70px;
    position: relative
}

@media screen and (max-width:834px) {
    .onayamy-main__faq-dd {
        padding-left: 26px
    }
}

.onayamy-main__faq-dd p {
    margin-bottom: 26px
}

.onayamy-main__faq-dd p:last-of-type {
    margin-bottom: 0
}

.onayamy-main__faq-dd:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 54px;
    height: 55px;
    background: url(../img/onayamy/txt-a.png) no-repeat 50%/100%;
    top: 0;
    left: 0
}

@media screen and (max-width:834px) {
    .onayamy-main__faq-dd:before {
        width: 18px;
        height: 21px;
        top: 5px
    }
}

.onayamy-main__block {
    background: #fff;
    padding: 40px 20px;
    border-radius: 16px;
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .onayamy-main__block {
        padding: 20px 10px;
        margin-bottom: 42px
    }
}

.onayamy-main__block .c-ttl__03 {
    margin-bottom: 42px
}

@media screen and (max-width:834px) {
    .onayamy-main__block .c-ttl__03 {
        margin-bottom: 20px
    }
}

.onayamy-main__block-ttl {
    line-height: 1.5;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    padding: 0 27px;
    margin: 0 auto 20px;
    min-height: 72px
}

@media screen and (max-width:834px) {
    .onayamy-main__block-ttl {
        line-height: 1.3;
        padding: 0 28px;
        min-height: 0
    }
}

.onayamy-main__block-ttl:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 77px;
    background: #eea69a;
    border-radius: 3px;
    bottom: 6px;
    left: 0;
    transform: rotate(-30deg)
}

@media screen and (max-width:834px) {
    .onayamy-main__block-ttl:before {
        height: 100%;
        bottom: 0
    }
}

.onayamy-main__block-ttl:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 77px;
    background: #eea69a;
    border-radius: 3px;
    bottom: 6px;
    right: 0;
    transform: rotate(30deg)
}

@media screen and (max-width:834px) {
    .onayamy-main__block-ttl:after {
        height: 100%;
        bottom: 0
    }
}

.onayamy-main__block-desc {
    margin-bottom: 21px
}

.onayamy-main__block .life-box {
    padding: 0
}

.onayamy-main__block .life-box .c-ttl__05 {
    color: #5a6d8a;
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .onayamy-main__block .life-box .c-ttl__05 {
        font-size: 1.3rem;
        margin-bottom: 0
    }
}

@media screen and (max-width:487px) {
    .onayamy-main__block .life-box__table {
        overflow-x: auto
    }

    .onayamy-main__block .life-box__table picture {
        display: block;
        width: 487px
    }
}

.onayamy-main__block .life-box__table--weekends {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .onayamy-main__block .life-box__table--weekends {
        margin-bottom: 7px
    }
}

@media screen and (max-width:834px) {
    .onayamy-main__block .life-box__table.no-scroll {
        overflow-x: hidden
    }

    .onayamy-main__block .life-box__table.no-scroll picture {
        width: 100%
    }
}

.onayamy-main__block:nth-child(2) .c-ttl__03 {
    margin-bottom: 34px
}

@media screen and (max-width:834px) {
    .onayamy-main__block:nth-child(2) .c-ttl__03 {
        margin-bottom: 22px
    }
}

.onayamy-main__block:nth-child(3) .c-ttl__03 {
    margin-bottom: 23px
}

.onayamy-main__block:nth-child(3) .onayamy-main__single {
    margin-bottom: 40px
}

@media screen and (max-width:640px) {
    .onayamy-main__block:nth-child(3) .onayamy-main__single {
        margin-bottom: 20px
    }
}

.onayamy-main__block:nth-child(4) .c-ttl__03 {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .onayamy-main__block:nth-child(4) .c-ttl__03 {
        margin-bottom: 14px
    }
}

.onayamy-main__block:nth-child(4) .c-ttl__04 span {
    padding: 0 17px
}

.onayamy-main__block:nth-child(4) .partners-company {
    padding: 32px 0 38px
}

@media screen and (max-width:834px) {
    .onayamy-main__block:nth-child(4) .partners-company {
        padding: 16px 0 22px
    }
}

.onayamy-main__block:nth-child(5) .c-ttl__03 {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .onayamy-main__block:nth-child(5) .c-ttl__03 {
        margin-bottom: 14px
    }
}

.onayamy-main__block:last-of-type {
    margin-bottom: 0
}

.onayamy-main__block--interview {
    margin-bottom: 55px !important
}

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

.onayamy-main__block--interview .c-ttl__04 {
    margin-bottom: 36px
}

@media screen and (max-width:834px) {
    .onayamy-main__block--interview .c-ttl__04 {
        margin-bottom: 23px
    }
}

.onayamy-main__block--why .c-ttl__03 {
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    .onayamy-main__block--why .c-ttl__03 {
        margin-bottom: 55px
    }
}

.onayamy-main__block--timetable .c-ttl__03 {
    margin-bottom: 21px !important
}

.onayamy-main__block--timetable .txt-right {
    text-align: right;
    margin-top: 18px
}

.onayamy-main__block--balance .c-ttl__03 {
    margin-bottom: 43px !important
}

@media screen and (max-width:834px) {
    .onayamy-main__block--balance .c-ttl__03 {
        margin-bottom: 21px !important
    }
}

.onayamy-main__block--balance .c-ttl__04 {
    margin-bottom: 33px !important
}

@media screen and (max-width:834px) {
    .onayamy-main__block--balance .c-ttl__04 {
        margin-bottom: 20px !important
    }
}

@media screen and (max-width:834px) {
    .onayamy-main__block--highlights .onayamy-main__block-ttl {
        padding: 4px 15px
    }
}

.onayamy-main__block--highlights .onayamy-main__block-ttl:after,
.onayamy-main__block--highlights .onayamy-main__block-ttl:before {
    background: #a5d6c9
}

.onayamy-main__single {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.onayamy-main__single-img {
    width: 38.87%;
    border-radius: 16px;
    overflow: hidden
}

@media screen and (max-width:640px) {
    .onayamy-main__single-img {
        width: 100%;
        margin-bottom: 14px
    }
}

.onayamy-main__single-ct {
    width: 61.13%;
    padding-left: 40px
}

@media screen and (max-width:640px) {
    .onayamy-main__single-ct {
        width: 100%;
        padding-left: 0;
        line-height: 1.8
    }
}

.onayamy-main__single-ct p {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .onayamy-main__single-ct p {
        margin-bottom: 23px
    }
}

.onayamy-main__single-ct p:last-of-type {
    margin-bottom: 0
}

.onayamy-main__single--other {
    margin-bottom: 20px !important
}

.onayamy-main__double {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px
}

@media screen and (max-width:834px) {
    .onayamy-main__double {
        gap: 20px
    }
}

@media screen and (max-width:640px) {
    .onayamy-main__double {
        grid-template-columns: 1fr
    }
}

.onayamy-main__double-item {
    background: #f2eeea;
    border-radius: 16px;
    overflow: hidden
}

.onayamy-main__double-ct {
    padding: 16px 20px
}

@media screen and (max-width:834px) {
    .onayamy-main__double-ct {
        padding: 22px 10px;
        line-height: 1.8
    }
}

.onayamy-main__double-ttl {
    color: #4e4449
}

@media screen and (max-width:834px) {
    .onayamy-main__double-ttl {
        line-height: 1.2;
        margin-bottom: 5px
    }
}

.onayamy-main__wrapper {
    background: hsla(32, 88%, 78%, .2);
    padding: 60px 0
}

@media screen and (max-width:834px) {
    .onayamy-main__wrapper {
        padding: 40px 0
    }
}

.onayamy-main__wrapper--pink {
    background: rgba(245, 188, 196, .2)
}

.onayamy-main__wrapper--pink .comparison-btn {
    max-width: 700px
}

.onayamy-main__wrapper--green {
    background: rgba(165, 214, 201, .2)
}

.onayamy-main__wrapper--green .comparison-btn {
    max-width: 700px
}

.onayamy-main__wrapper--violet {
    background: rgba(163, 179, 223, .2)
}

.onayamy-main__wrapper--violet .c-ttl__04,
.onayamy-main__wrapper-ttl02 {
    margin-bottom: 30px
}

.onayamy-main__graph {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.onayamy-main__graph-ct {
    width: 52.11%;
    padding-right: 40px
}

@media screen and (max-width:834px) {
    .onayamy-main__graph-ct {
        width: 100%;
        padding-right: 0;
        margin-bottom: 17px
    }
}

.onayamy-main__graph-dt {
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    padding-left: 34px;
    margin-bottom: 20px;
    font-family: Zen Maru Gothic, sans-serif
}

@media screen and (max-width:834px) {
    .onayamy-main__graph-dt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.875;
        padding-left: 25px;
        margin-bottom: 2px
    }
}

.onayamy-main__graph-dt:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 27px;
    height: 28px;
    background: url(../img/onayamy/txt-q-02.png) no-repeat 50%/100%;
    top: 0;
    left: 0
}

@media screen and (max-width:834px) {
    .onayamy-main__graph-dt:before {
        width: 20px;
        height: 21px;
        top: 6px
    }
}

.onayamy-main__graph-dd {
    padding-left: 34px;
    position: relative
}

@media screen and (max-width:834px) {
    .onayamy-main__graph-dd {
        padding-left: 25px
    }
}

.onayamy-main__graph-dd p {
    margin-bottom: 26px
}

.onayamy-main__graph-dd p:last-of-type {
    margin-bottom: 0
}

.onayamy-main__graph-dd:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 27px;
    background: url(../img/onayamy/txt-a-02.png) no-repeat 50%/100%;
    top: 0;
    left: 0
}

@media screen and (max-width:834px) {
    .onayamy-main__graph-dd:before {
        width: 18px;
        height: 21px
    }
}

.onayamy-main__graph-img {
    width: 47.89%
}

@media screen and (max-width:834px) {
    .onayamy-main__graph-img {
        width: 100%;
        max-width: 450px;
        margin: 0 auto
    }
}

.onayamy-main__graph--styles02 .onayamy-main__graph-ct {
    width: 100%
}

.onayamy-main__graph--styles02 .onayamy-main__graph-img {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
    margin-top: 25px
}

@media screen and (max-width:834px) {
    .onayamy-main__graph--styles02 .onayamy-main__graph-img {
        grid-template-columns: 1fr;
        gap: 20px 0;
        margin-top: 0
    }
}

.onayamy-main__interview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.onayamy-main__interview-ct {
    width: 74.4%;
    padding-right: 40px
}

@media screen and (max-width:640px) {
    .onayamy-main__interview-ct {
        padding-right: 0;
        width: 100%;
        margin-bottom: 13px
    }
}

.onayamy-main__interview-img {
    width: 25.6%
}

@media screen and (max-width:640px) {
    .onayamy-main__interview-img {
        width: 100%;
        max-width: 202px;
        margin: 0 auto
    }
}

.onayamy-main__interview-ttl {
    font-size: 2.589rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    color: #f8657c;
    line-height: 1.5;
    margin-bottom: 15px
}

@media screen and (max-width:834px) {
    .onayamy-main__interview-ttl {
        font-size: 2rem;
        line-height: 1.2
    }
}

.onayamy-main__interview-desc p {
    margin-bottom: 23px
}

@media screen and (max-width:834px) {
    .onayamy-main__interview-desc p {
        margin-bottom: 15px
    }
}

.onayamy-main__interview-desc p:last-of-type {
    margin-bottom: 0
}

.onayamy-main__interview-desc .txt-right {
    text-align: right
}

.onayamy-main__interview--start {
    -ms-flex-align: start;
    align-items: flex-start
}

.onayamy-main__interview--start .onayamy-main__interview-ttl {
    color: #6a9788
}

.onayamy-main__interview--start .c-ttl__04 {
    margin-bottom: 40px
}

.onayamy-main__tripple {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 22px;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .onayamy-main__tripple {
        grid-template-columns: 1fr;
        gap: 60px 0;
        margin-bottom: 20px
    }
}

.onayamy-main__tripple-item {
    position: relative
}

.onayamy-main__tripple-img {
    border-radius: 16px;
    overflow: hidden
}

.onayamy-main__tripple-number {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    z-index: 2
}

.onayamy-main__tripple-number img {
    height: 72px
}

.onayamy-main__tripple-ttl {
    text-align: center;
    font-size: 2rem;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    color: #dc8670
}

.onayamy-main__tripple-img {
    margin-bottom: 20px
}

.applicable-department {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.applicable-department__label {
    width: 172px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    background: #a5d6c9;
    border-radius: 30px;
    text-align: center
}

@media screen and (max-width:834px) {
    .applicable-department__label {
        font-size: 1.6rem;
        height: 24px;
        margin-bottom: 14px
    }
}

.applicable-department__ct {
    width: calc(100% - 172px);
    padding-left: 40px
}

@media screen and (max-width:834px) {
    .applicable-department__ct {
        padding-left: 0;
        width: 100%
    }
}

.pre-lessson {
    margin-bottom: 13px
}

@media screen and (max-width:834px) {
    .pre-lessson {
        margin-bottom: 2px
    }
}

.pre-lessson dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .pre-lessson dl {
        margin-bottom: 5px
    }
}

.pre-lessson dl:last-of-type {
    margin-bottom: 0
}

.pre-lessson dl dt {
    width: 172px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    background: #a3b3df;
    border-radius: 30px;
    text-align: center
}

@media screen and (max-width:834px) {
    .pre-lessson dl dt {
        font-size: 1.6rem;
        height: 24px;
        margin-bottom: 5px
    }
}

.pre-lessson dl dd {
    width: calc(100% - 172px);
    padding-left: 20px
}

@media screen and (max-width:834px) {
    .pre-lessson dl dd {
        width: 100%;
        padding-left: 0
    }
}

#page-visitor_society .class {
    margin-bottom: 80px;
}

#page-visitor_society .class-course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

#page-visitor_society .class-course__noon {
    width: 48%;
}

#page-visitor_society .class-course__night {
    width: 48%;
}

#page-visitor_society .class-table__pc img {
    width: 100%;
    display: block;
}

#page-visitor_society .class-table__sp {
    display: none;
}

#page-visitor_society .class-table__sp_btn {
    width: 100%;
    border-radius: 50px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 12px 20px;
    position: relative;
    cursor: pointer;
}

#page-visitor_society .class-table__sp_noon .class-table__sp_btn {
    background-color: #F6EBBD;
    color: #D49416;
}

#page-visitor_society .class-table__sp_night .class-table__sp_btn {
    background-color: #8EA8B3;
    color: #fff;
}

#page-visitor_society .class-table__sp_btn p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#page-visitor_society .class-sp__night_contents img {
    width: 100%;
    display: block;
}

#page-visitor_society .class-sp__noon_contents img {
    width: 100%;
    display: block;
}

#page-visitor_society .class-arrow__close {
    width: 114px;
    display: block;
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#page-visitor_society .class-arrow__open {
    width: 114px;
    display: block;
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

#page-visitor_society .class-sp__noon_contents img:first-of-type {
    margin: 20px 0;
}

#page-visitor_society .class-table__sp_night {
    margin-top: 20px;
}

#page-visitor_society .class-sp__night_contents img:first-of-type {
    margin: 20px 0;
}

#page-visitor_society .class-sp__night_contents {
    display: none;
}

#page-visitor_society .class-sp__noon_contents {
    display: none;
}

#page-visitor_society .hide {
    display: none;
}

#page-visitor_society .show {
    display: block;
}

@media screen and (max-width:420px) {
    #page-visitor_society .class-table__sp_btn {
        font-size: 14px;
        padding: 12px 16px;
    }
}

@media screen and (max-width:360px) {
    #page-visitor_society .class-table__sp_btn {
        font-size: 14px;
        padding: 12px 16px;
    }
}

#page-visitor_society .interview-block_balloon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    margin: 0 auto;
}

#page-visitor_society .sp-br {
    display: none;
}


#page-visitor_society .interview-block_balloon p {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
    border-radius: 100px;
    position: relative;
    display: inline-block;
}

#page-visitor_society .interview-block_balloon p::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 28px;
    border-radius: 10px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: -20px;
    top: 0;
}

#page-visitor_society .interview-block_balloon p::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 28px;
    border-radius: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    right: -15px;
    top: 0;
}

#page-visitor_society .interview-block--yellow .interview-block_balloon p::before,
.interview-block--yellow .interview-block_balloon p::after {
    background-color: #d49416;
}

#page-visitor_society .interview-block--yellow .interview-block_balloon {
    color: #d49416;
}

#page-visitor_society .interview-block--pink .interview-block_balloon {
    color: #c58667;
}

#page-visitor_society .interview-block--pink .interview-block_balloon p::before,
.interview-block--pink .interview-block_balloon p::after {
    background-color: #c58667;
}

#page-visitor_society .interview-block--green .interview-block_balloon {
    color: #6a9788;
}

#page-visitor_society .interview-block--green .interview-block_balloon p::before,
.interview-block--green .interview-block_balloon p::after {
    background-color: #6a9788;
}

#page-visitor_society .interview-block--blue-dark .interview-block_balloon {
    color: #5a6d8a;
}

#page-visitor_society .interview-block--blue-dark .interview-block_balloon p::before,
.interview-block--blue-dark .interview-block_balloon p::after {
    background-color: #5a6d8a;
}

#page-visitor_society .support {
    background-color: #F2EEEA;
    padding: 50px 0 80px;
    margin-bottom: 100px;
}

#page-visitor_society .support-wrapper {
    background-color: #fff;
    border-radius: 16px;
    padding: 40px 20px;
    margin-bottom: 60px;
}

#page-visitor_society .support-tuition__contents {
    max-width: 725px;
    margin: 0 auto;
}

#page-visitor_society .support-tuition__sp {
    display: none;
}

#page-visitor_society .support-arrow {
    width: 36px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

#page-visitor_society .support-recommendation {
    max-width: 975px;
}

#page-visitor_society .support-recommendation__sp {
    display: none;
}

#page-visitor_society .support-btn__link {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 60px;
    background-color: #eea69a;
    border: 1px solid #eea69a;
    border-radius: 41px;
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 7px 56px 5px 46px;
    margin: 0 auto;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    max-width: 488px;
    margin: 0 auto;
    margin-top: 40px;
}

#page-visitor_society .support-banner {
    display: block;
    max-width: 745px;
    margin: 0 auto;
    margin-top: 40px;
}

#page-visitor_society .support-banner__sp {
    display: none;
}

#page-visitor_society .support-btn__link:hover {
    background-color: #fff;
    color: #dc8670;
    opacity: 100;
}

#page-visitor_society .support-btn__link:hover::before {
    background-color: #EEA69A;
}

#page-visitor_society .support-btn__link:hover::after {
    background: url(https://jje.ac.jp/wp-content/themes/jje/img/common/ar-right-white.svg) 50% no-repeat;
}

#page-visitor_society .support-btn__link::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    right: 4px;
}

#page-visitor_society .support-btn__link::after {
    width: 17px;
    height: 13px;
    background: url(https://jje.ac.jp/wp-content/themes/jje/img/common/ar-right.svg) 50% no-repeat;
    background-size: contain;
    right: 19px;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

#page-visitor_society .interview-block__ct {
    width: 100%;
}

#page-visitor_society .visitor-interview__slider .c-ttl__04 {
    margin-bottom: 20px;
}

@media screen and (max-width:834px) {
    .interview-block__ct {
        width: 100%;
        padding-left: 0
    }

    #page-visitor_society .interview-block_balloon p {
        font-size: 13px;
    }

    #page-visitor_society .interview-block_balloon p::before {
        width: 2px;
        height: 24px;
        left: -12px;
    }

    #page-visitor_society .interview-block_balloon p::after {
        width: 2px;
        height: 21px;
        right: -8px;
    }

    #page-visitor_society .support {
        padding: 40px 0 40px;
        margin-bottom: 40px;
    }

    #page-visitor_society .support-wrapper {
        margin-bottom: 40px;
        padding: 20px;
    }

    #page-visitor_society .support-arrow {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 30px;
    }

    #page-visitor_society .support-btn__link {
        margin-top: 20px;
    }

    #page-visitor_society .support-banner {
        margin-top: 20px;
    }

    #page-visitor_society .sp-br {
        display: block;
    }
}

@media screen and (max-width:640px) {
    #page-visitor_society .class {
        margin-bottom: 40px;
    }

    #page-visitor_society .class-course {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    #page-visitor_society .class-course__noon {
        width: 100%;
    }

    #page-visitor_society .class-course__night {
        width: 100%;
        margin-top: 20px;
    }

    #page-visitor_society .class-table__sp {
        display: block;
    }

    #page-visitor_society .class-table__pc {
        display: none;
    }

    #page-visitor_society .support-tuition__pc {
        display: none;
    }

    #page-visitor_society .support-tuition__sp {
        display: block;
    }

    #page-visitor_society .support-banner__pc {
        display: none;
    }

    #page-visitor_society .support-banner__sp {
        display: block;
    }

    #page-visitor_society .support-recommendation__pc {
        display: none;
    }

    #page-visitor_society .support-recommendation__sp {
        display: block;
    }
}

@media screen and (max-width:359px) {
    #page-visitor_society .support-btn__link {
        font-size: 13px;
    }
}

.interview-block__ct dl {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .interview-block__ct dl {
        margin-bottom: 10px
    }
}

.interview-block__ct dl dt {
    color: #d49416
}

@media screen and (max-width:834px) {
    .interview-block__ct dl dt {
        height: 40px;
        margin-bottom: 8px
    }

    #page-visitor_society .working-adults .c-txt__basic {
        text-align: center;
    }
}

@media screen and (max-width:640px) {
    .interview-block__ct dl dd {
        overflow-x: auto
    }

    .interview-block__ct dl dd img {
        min-width: 643px
    }
}

@media screen and (max-width:500px) {
    #page-visitor_society .class-img__sp_noon {
        display: block;
        max-width: 360px;
        margin: 0 auto;
        width: 100%;
    }

    #page-visitor_society .class-img__sp_night {
        display: block;
        max-width: 360px;
        margin: 0 auto;
        margin-top: 28px;
        width: 100%;
    }

    #page-visitor_society .class-img__pc {
        display: none;
    }
}

#page-visitor_ao .ao {
    margin: 80px 0;
    text-align: center;
}

#page-visitor_ao .sp-br {
    display: none;
}

#page-visitor_ao .ao-ttl {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: Zen Maru Gothic, sans-serif;
}

#page-visitor_ao .ao .c-txt__basic {
    font-size: 14px;
}

#page-visitor_ao .about {
    padding: 80px 0;
    background-image: url("../img/entrance/aoentry/about-background.png");
    background-size: 100%;
    background-repeat: repeat-y;
}

#page-visitor_ao .about .c-ttl__01 {
    margin-bottom: 20px;
}

#page-visitor_ao .about-description {
    text-align: center;
    font-size: 14px;
}

#page-visitor_ao .about-inner {
    margin-top: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
    padding: 40px 20px 46px;
}

#page-visitor_ao .about-inner .c-ttl__04--lg span {
    width: 100%;
    max-width: 524px;
}

#page-visitor_ao .about-list {
    font-weight: bold;
    margin-top: 20px;
}

#page-visitor_ao .about-list__item {
    list-style-type: disc;
    font-size: 20px;
    margin-left: 20px;
}

#page-visitor_ao .merit {
    padding: 60px 0 80px;
}

#page-visitor_ao .merit .c-ttl__01 {
    margin-bottom: 70px;
}

#page-visitor_ao .merit-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#page-visitor_ao .merit-sp {
    display: none;
}

#page-visitor_ao .merit-item {
    width: 31%;
    position: relative;
    background-color: #F2EEEA;
    border-radius: 16px;
    padding-bottom: 40px;
}

#page-visitor_ao .merit-item__number {
    position: absolute;
    height: 74px;
    left: 0;
    top: -36px;
}

#page-visitor_ao .merit-item__inner {
    padding: 0 20px;
}

#page-visitor_ao .merit-item__title {
    font-size: 19px;
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: bold;
    color: #DC8670;
    margin: 20px 0;
}

#page-visitor_ao .merit-item__text {
    font-size: 16px;
}

#page-visitor_ao .merit-item__btn {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 60px;
    background-color: #eea69a;
    border: 1px solid #eea69a;
    border-radius: 41px;
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 7px 56px 5px 46px;
    margin: 0 auto;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    max-width: 264px;
    margin: 0 auto;
    margin-top: 20px;
}

#page-visitor_ao .merit-item__btn:hover {
    background-color: #fff;
    color: #dc8670;
    opacity: 100;
}

#page-visitor_ao .merit-item__btn:hover::before {
    background-color: #EEA69A;
}

#page-visitor_ao .merit-item__btn:hover::after {
    background: url(https://jje.ac.jp/wp-content/themes/jje/img/common/ar-right-white.svg) 50% no-repeat;
}

#page-visitor_ao .merit-item__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    right: 4px;
}

#page-visitor_ao .merit-item__btn::after {
    width: 17px;
    height: 13px;
    background: url(https://jje.ac.jp/wp-content/themes/jje/img/common/ar-right.svg) 50% no-repeat;
    background-size: contain;
    right: 19px;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

#page-visitor_ao .flow {
    background-color: #F2EEEA;
    padding: 60px 0 80px;
}

#page-visitor_ao .flow-item {
    background-color: #fff;
    border-radius: 16px;
    padding: 40px 20px;
}

#page-visitor_ao .flow-arrow {
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 36px;
}

#page-visitor_ao .flow-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#page-visitor_ao .flow-item__title_left {
    height: 74px;
}

#page-visitor_ao .flow-item__title_left img {
    display: block;
    height: 100%;
}

#page-visitor_ao .flow-item__title_right {
    color: #DC8670;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 32px;
    margin-left: 20px;
}

#page-visitor_ao .flow-item__title_right h3 {
    font-weight: bold;
}

#page-visitor_ao .flow-item__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

#page-visitor_ao .flow-item__contents_left {
    width: 250px;
}

#page-visitor_ao .flow-item__contents_left img {
    width: 100%;
    display: block;
}

#page-visitor_ao .flow-item__contents_right {
    width: calc(100% - 270px);
    font-size: 16px;
}

#page-visitor_ao .flow-item__contents_right .c-ttl__04--lg span {
    width: 100%;
    max-width: 406px;
}

#page-visitor_ao .flow-item__banner {
    max-width: 745px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

#page-visitor_ao .flow-item__banner img {
    display: block;
    width: 100%;
}

#page-visitor_ao .flow-item__contents_btn {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 60px;
    background-color: #eea69a;
    border: 1px solid #eea69a;
    border-radius: 41px;
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 7px 56px 5px 46px;
    margin: 0 auto;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 20px;
}

#page-visitor_ao .flow-item__contents_btn:hover {
    background-color: #fff;
    color: #dc8670;
    opacity: 100;
}

#page-visitor_ao .flow-item__contents_btn:hover::before {
    background-color: #EEA69A;
}

#page-visitor_ao .flow-item__contents_btn:hover::after {
    background: url(https://jje.ac.jp/wp-content/themes/jje/img/common/ar-right-white.svg) 50% no-repeat;
}

#page-visitor_ao .flow-item__contents_btn::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    right: 4px;
}

#page-visitor_ao .flow-item__contents_btn::after {
    width: 17px;
    height: 13px;
    background: url(https://jje.ac.jp/wp-content/themes/jje/img/common/ar-right.svg) 50% no-repeat;
    background-size: contain;
    right: 19px;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

#page-visitor_ao .flow-item__contents_right .c-ttl__04 {
    margin-top: 24px;
}

#page-visitor_ao .flow-item__contents_assignment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

#page-visitor_ao .flow-item__assignment_inner {
    background-color: rgba(238, 166, 154, 0.5);
    border-radius: 16px;
    width: 49%;
    padding: 20px;
}

#page-visitor_ao .flow-item__assignment_title {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

#page-visitor_ao .flow-item__assignment_list li {
    font-weight: bold;
    list-style-type: disc;
    font-size: 16px;
    margin-left: 20px;
}

#page-visitor_ao .banner {
    padding: 60px 0 80px;
}

#page-visitor_ao .banner .comparison-btn {
    max-width: 745px;
}

@media screen and (max-width:834px) {
    #page-visitor_ao .sp-br {
        display: block;
    }

    #page-visitor_ao .ao {
        margin: 40px 0;
    }

    #page-visitor_ao .ao-ttl {
        font-size: 20px;
    }

    #page-visitor_ao .ao .c-txt__basic {
        font-size: 13px;
    }

    #page-visitor_ao .about {
        padding: 28px 0 40px;
    }

    #page-visitor_ao .about-inner {
        margin-top: 24px;
    }

    #page-visitor_ao .about-inner .c-ttl__04--lg span {
        max-width: 271px;
    }

    #page-visitor_ao .about-inner {
        padding: 20px 10px;
    }

    #page-visitor_ao .about-list__item {
        font-size: 13px;
    }

    #page-visitor_ao .merit {
        padding: 28px 0 40px;
    }

    #page-visitor_ao .merit .c-ttl__01 {
        margin-bottom: 20px;
    }

    #page-visitor_ao .merit-item__inner {
        display: none;
    }

    #page-visitor_ao .merit-sp {
        display: block;
        padding: 20px 10px 0;
    }

    #page-visitor_ao .merit-item__pc {
        display: none;
    }

    #page-visitor_ao .merit-item {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding-bottom: 24px;
    }

    #page-visitor_ao .merit-item__number {
        display: none;
    }

    #page-visitor_ao .merit-sp__title_left {
        height: 38px;
    }

    #page-visitor_ao .merit-sp__title_right h3 {
        color: #DC8670;
        font-weight: bold;
        font-size: 16px;
        font-family: Zen Maru Gothic, sans-serif;
        margin-left: 8px;
    }

    #page-visitor_ao .merit-sp__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #page-visitor_ao .merit-sp__title_left img {
        height: 100%;
        display: block;
    }

    #page-visitor_ao .merit-sp__text {
        font-size: 13px;
        margin-top: 8px;
    }

    #page-visitor_ao .merit-sp__item:not(:first-of-type) {
        margin-top: 20px;
    }

    #page-visitor_ao .merit-sp__btn {
        text-align: center;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 60px;
        background-color: #eea69a;
        border: 1px solid #eea69a;
        border-radius: 41px;
        color: #fff;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 1.5;
        padding: 7px 56px 5px 46px;
        margin: 0 auto;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        max-width: 264px;
        margin: 0 auto;
        margin-top: 13px;
    }

    #page-visitor_ao .merit-sp__btn:hover {
        background-color: #fff;
        color: #dc8670;
        opacity: 100;
    }

    #page-visitor_ao .merit-sp__btn:hover::before {
        background-color: #EEA69A;
    }

    #page-visitor_ao .merit-sp__btn:hover::after {
        background: url(https://jje.ac.jp/wp-content/themes/jje/img/common/ar-right-white.svg) 50% no-repeat;
    }

    #page-visitor_ao .merit-sp__btn::before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        width: 50px;
        height: 50px;
        background: #fff;
        border-radius: 50%;
        right: 4px;
    }

    #page-visitor_ao .merit-sp__btn::after {
        width: 17px;
        height: 13px;
        background: url(https://jje.ac.jp/wp-content/themes/jje/img/common/ar-right.svg) 50% no-repeat;
        background-size: contain;
        right: 19px;
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }

    #page-visitor_ao .flow {
        padding: 28px 0 40px;
    }

    #page-visitor_ao .flow-item {
        padding: 20px 10px;
    }

    #page-visitor_ao .flow-item__title_left {
        height: 38px;
    }

    #page-visitor_ao .flow-item__title_right {
        font-size: 16px;
        margin-left: 7px;
    }

    #page-visitor_ao .flow-item__contents {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #page-visitor_ao .flow-item__contents_left {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    #page-visitor_ao .flow-item__contents_right {
        width: 100%;
        margin-top: 20px;
    }

    #page-visitor_ao .flow-arrow {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 30px;
        height: 20px;
    }

    #page-visitor_ao .flow-item__assignment_title {
        font-size: 16px;
    }

    #page-visitor_ao .flow-item__assignment_list li {
        font-size: 13px;
    }

    #page-visitor_ao .flow-item__contents_right>p {
        line-height: 1.84615;
        font-size: 13px;
    }

    #page-visitor_ao .banner {
        padding: 40px 0;
    }

    #page-visitor_ao .flow-item__contents_right .c-ttl__04--lg span {
        max-width: 271px;
    }
}

@media screen and (max-width:640px) {
    #page-visitor_ao .about-description {
        text-align: left;
        font-size: 13px;
        line-height: 1.8461538462;
    }

    #page-visitor_ao .about {
        background-image: url("../img/entrance/aoentry/about-background-sp.png");
    }

    #page-visitor_ao .flow-item__contents_assignment {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #page-visitor_ao .flow-item__assignment_inner {
        width: 100%;
    }

    #page-visitor_ao .flow-item__assignment_inner:first-of-type {
        margin-bottom: 12px;
    }
}

.style-list__department {
    width: 100%;
}

.style-list__department a {
    background-color: #e8f5f9;
    padding: 20px 12px;
    margin-top: 12px;
    border-radius: 20px;
    display: none;
}

.style-list__department a p:before {
    display: none !important;
}

.style-list__department a p:after {
    display: none !important;
}

.style-list__department_img img {
    border-radius: 20px;
}

.style-list__department_img {
    width: 48%;
}

.style-list__department_text {
    width: 48%;
}

.style-list__department_text_title {
    background-color: #fff;
    border-radius: 16px;
    margin: 12px 0 12px;
    padding: 12px 0;
    font-size: 18px;
    font-weight: normal;
}

.style-list__department_text_small {
    text-align: left;
    font-weight: normal;
    margin: 0 auto;
    display: inline-block;
    line-height: 1.7 !important;
}

@media screen and (max-width:640px) {
    .style-list__department a {
        display: block;
    }

    .style-list__department .style-list__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

@media screen and (max-width:420px) {
    .style-list__department_text_title {
        font-size: 16px;
    }

    .style-list__department_text_small {
        font-size: 11px;
    }
}

@media screen and (max-width:370px) {
    .style-list__department_text_title {
        font-size: 14px;
    }

    .style-list__department_text_small {
        font-size: 10px;
    }
}

.howToLearn-saturday,
.howToLearn-trylight {
    margin-top: 59px;
}

.howToLearn p {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
}

.howToLearn>p {
    text-align: center;
    margin: 16px 0 28px;
}

.howToLearn>h4 {
    font-size: 3rem;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    font-family: Zen Maru Gothic, sans-serif;
    margin-top: -4px;
}

.howToLearn-careWelfareNight>h4 {
    color: #5B6C88;
}

.howToLearn-trylight>h4 {
    color: #6A9788;
}

.howToLearn-saturday>h4 {
    color: #5B6C88;
}

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

.howToLearn-item {
    width: 30%;
}

.howToLearn-item__title {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-family: Zen Maru Gothic, sans-serif;
    border-radius: 50px;
    display: block;
    font-size: 22px;
    padding: 4px 12px 6px;
}

.howToLearn-careWelfareNight .howToLearn-online .howToLearn-item__title {
    background-color: #B7D1C6;
}

.howToLearn-careWelfareNight .howToLearn-school .howToLearn-item__title {
    background-color: #8EA8B3;
}

.howToLearn-trylight .howToLearn-online .howToLearn-item__title,
.howToLearn-saturday .howToLearn-online .howToLearn-item__title {
    background-color: #EDA59B;
}

.howToLearn-trylight .howToLearn-school .howToLearn-item__title {
    background-color: #85B9A8;
}

.howToLearn-saturday .howToLearn-school .howToLearn-item__title {
    background-color: #6A97AA;
}

.howToLearn-item>img {
    width: 100%;
    display: block;
    margin: 12px 0;
}

.howToLearn-br__sp {
    display: none;
}

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

    .howToLearn-saturday,
    .howToLearn-trylight {
        margin-top: 40px;
    }

    .howToLearn p {
        font-size: 1.3rem;
        line-height: 1.8461538462;
    }

    .howToLearn>h4 {
        line-height: 1.2;
        font-size: 2rem;
    }

    .howToLearn-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .howToLearn-school {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 28px 0 18px;
    }

    .howToLearn-item {
        width: 100%;
    }

    .howToLearn-graph {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 70%;
        margin: 0 auto;
    }

    .howToLearn>h4 {
        margin-top: 0;
    }

    .howToLearn>p {
        text-align: left;
        margin: 12px 0 28px;
    }

    .howToLearn-item__title {
        font-size: 18px;
    }
}

@media screen and (max-width:360px) {
    .howToLearn-br__sp {
        display: block;
    }
}

.welfare-night_banner {
    max-width: 680px;
    margin: 0 auto;
    margin-bottom: 70px;
    margin-top: -40px;
    padding: 0 10px;
}

.welfare-night_banner2 {
    margin-top: 40px;
    margin-bottom: 0;
}

@media screen and (max-width:834px) {
    .welfare-night_banner {
        margin-bottom: 50px;
    }

    .welfare-night_banner2 {
        margin-bottom: 0;
    }
}

/* ====================
manabinaoshi
==================== */
@media screen and (min-width:641px) {
    #page-visitor_manabinaoshi .sp {
        display: none!important;
    }
    #page-visitor_manabinaoshi .pc {
        display: block!important;
    }
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .pc {
        display: none!important;
    }
    #page-visitor_manabinaoshi .sp {
        display: block!important;
    }
}
#page-visitor_manabinaoshi .lead {
    padding: 80px 0;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .lead {
        padding: 40px 0;
    }
}
#page-visitor_manabinaoshi .lead .lead__ttl {
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 20px;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .lead .lead__ttl {
        font-size: 2rem;
        padding: 0 5px;
    }
}
#page-visitor_manabinaoshi .lead .c-txt__basic {
    text-align: center;
    font-size: 1.6rem;
    line-height: calc(24/16);
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .lead .c-txt__basic {
        font-size: 1.3rem;
    }
}

/* reason */
#page-visitor_manabinaoshi .reason {
    background: #F2EEEA;
    padding: 50px 0 100px;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .reason {
        padding: 30px 0 60px;
    }
}
#page-visitor_manabinaoshi .reason .c-ttl__01 p {
    margin-left: 90px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .c-ttl__01 p {
        margin-left: 110px;
        text-align: left;
    }
}
#page-visitor_manabinaoshi .reason .c-ttl__01 .illust {
    width: 141px;
    height: 171px;
    position: absolute;
    left: 84px;
    z-index: 1;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .reason .c-ttl__01 .illust {
        left: 14px;
        top: -49px;
    }
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .c-ttl__01 .illust {
        width: 100px;
        height: 130px;
        top: 0;
        left: 0;
        margin: auto;
    }
}
#page-visitor_manabinaoshi .reason .reason__subttl {
    width: fit-content;
    font-size: 2.6rem;
    color: #DC8670;
    font-weight: 700;
    border: 2px solid #EEA69A;
    border-radius: 100px;
    margin: 50px auto;
    padding: 6px 80px 6px 110px;
    position: relative;
    text-align: center;
    font-family: Zen Maru Gothic, sans-serif;
    max-width: 96%;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .reason .reason__subttl {
        margin: 20px auto 50px;
        font-size: 1.8rem;
        padding: 6px 30px;
    }
}
#page-visitor_manabinaoshi .reason .reason__subttl .illust {
    width: 66px;
    position: absolute;
    bottom: 0;
    left: 30px;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .reason .reason__subttl .illust {
        width: 50px;
    }
}
#page-visitor_manabinaoshi .reason .reason__subttl::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #eea69a;
    border-left: 2px solid #eea69a;
    background: #fff;
    bottom: -3.5px;
    left: 49%;
    z-index: 1;
    transform: rotate(-45deg) translateX(-50%);
}
#page-visitor_manabinaoshi .c-btn__01 {
    max-width: 488px;
}

#page-visitor_manabinaoshi .reason01 {
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}
#page-visitor_manabinaoshi .reason__box {
    background-color: #fff;
    border-radius: 16px;
}
#page-visitor_manabinaoshi .reason__ttl {
    background-color: #EEA69A;
    color: #fff;
    position: relative;
    border-radius: 16px 16px 0 0;
    min-height: 110px;
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: calc(40/34);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .reason__ttl {
        font-size: 2.4rem;
    }
}
#page-visitor_manabinaoshi .reason__ttl .num {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -18px;
    left:-18px;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .reason__ttl .num {
        width: 80px;
        height: 80px;
        top: -5px;
        left:-5px;
    }
}
#page-visitor_manabinaoshi .reason__ttl .txt {
    padding: 10px 80px;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .reason__ttl .txt {
        padding: 10px 20px 10px 80px;
        text-align: left;
    }
}
#page-visitor_manabinaoshi .reason01__txt {
    font-size: 1.6rem;
    text-align: center;
    margin: 40px auto;
    line-height: 1.6;
}
@media screen and (max-width:834px) {
    #page-visitor_manabinaoshi .reason01__txt {
        font-size: 1.3rem;
        margin: 20px;
    }
}
#page-visitor_manabinaoshi .reason01__list {
    display: flex;
    column-gap: 45px;
    padding: 0 20px 20px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason01__list {
        flex-direction: column;
        row-gap: 20px;
    }
}
#page-visitor_manabinaoshi .reason .reason02__ttl {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__ttl {
        flex-direction: column;
    }
}
#page-visitor_manabinaoshi .reason .reason02__ttl .icon {
    width: 14%;
    margin-right: 2%;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__ttl .icon {
        width:50%;
        margin: auto;
    }
}
#page-visitor_manabinaoshi .reason .reason02__ttl .txt {
    width: 54%;
    font-family: Zen Maru Gothic, sans-serif;
    margin-bottom: 60px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__ttl .txt {
        width: 100%;
    }
}
#page-visitor_manabinaoshi .reason .reason02__ttl .img {
    width: 34%;
    margin-top: -30px;
    text-align: right;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__ttl .img {
        width: 60%;
        margin: -50px auto 0;
        text-align: center;
    }
}
#page-visitor_manabinaoshi .reason .reason02__ttl .img img {
    max-height: 250px;
    width: auto;
}
#page-visitor_manabinaoshi .reason .reason02__ttl .name {
    font-size: 2.8rem;
    font-weight: 700;
    padding-bottom: 20px;
    display: block;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__ttl .name {
        font-size: 2rem;
        padding: 10px 0;
    }
}
#page-visitor_manabinaoshi .reason .reason02__ttl.online .name em {
    color: #EF8896;
    font-size: 4.8rem;
    font-weight: 700;
    font-style: normal;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__ttl.online .name em {
        font-size: 3rem;
    }
}
#page-visitor_manabinaoshi .reason .reason02__ttl.tsugaku .name em {
    color: #5A6D8A;
    font-size: 48px;
    font-weight: 700;
    font-style: normal;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__ttl.tsugaku .name em {
        font-size: 3rem;
    }
}
#page-visitor_manabinaoshi .reason .reason02__ttl .detail {
    font-size: 1.8rem;
    font-weight: 500;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__ttl .detail {
        font-size: 1.4rem;
    }
}
#page-visitor_manabinaoshi .reason .reason02__schedule {
    margin: -40px 20px 70px;
    padding: 0 0 50px;
    border-bottom: 2px solid #F2F2F2;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__schedule {
        margin: 20px 20px 30px;
        padding: 0 0 30px;
    }
}
#page-visitor_manabinaoshi .reason .reason02__schedule .ttl {
    font-size: 2rem;
    font-weight: 700;
    border-radius: 8px;
    border: 2px solid #82CFEB;
    width: fit-content;
    margin-bottom: 20px;
    padding: 4px 10px;
    font-family: Zen Maru Gothic, sans-serif;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__schedule .ttl {
        font-size: 1.6rem;
    }
}
#page-visitor_manabinaoshi .reason .reason02__schedule .table {
    margin-bottom: 50px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__schedule .table {
        overflow-x: auto;
    }
    #page-visitor_manabinaoshi .reason .reason02__schedule .table img {
        max-width: 200%;
    }
}
#page-visitor_manabinaoshi .reason .reason02__schedule02 {
    margin: 0 20px 40px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__schedule02 {
        margin: 20px 20px 20px;
    }
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__schedule02 .table {
        overflow-x: auto;
    }
    #page-visitor_manabinaoshi .reason .reason02__schedule02 .table img {
        max-width: 200%;
    }
}
#page-visitor_manabinaoshi .reason .reason02__btn-list {
    display: flex;
    column-gap: 4%;
    margin: 0 20px 88px;
    padding-bottom: 50px;
    border-bottom: 2px solid #F2F2F2;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__btn-list {
        flex-direction: column;
        row-gap: 10px;
        margin: 0 20px 30px;
        padding-bottom: 30px;
    }
}
#page-visitor_manabinaoshi .reason .reason02__btn-list li {
    width: 48%;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__btn-list li {
        width: 100%;
    }
}
#page-visitor_manabinaoshi .reason .reason02__system .txt01 {
    max-width: 725px;
    margin: 0 auto;
    padding: 0 20px;
}
#page-visitor_manabinaoshi .reason .reason02__system .support-arrow {
    width: 36px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
}
#page-visitor_manabinaoshi .reason .reason02__system .txt02 {
    margin: 0 20px 50px;
}
#page-visitor_manabinaoshi .reason .reason02__system .support-banner {
    display: block;
    padding: 50px 20px 20px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .reason .reason02__system .c-btn__01 {
        width: 90%;
    }
}

/* interview */
#page-visitor_manabinaoshi .interview {
    padding-top: 80px;
    padding-bottom: 100px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .interview {
        padding: 20px 0 30px;
    }
}
#page-visitor_manabinaoshi .interview .interview__lead {
    text-align: center;
    font-size: 1.6rem;
    line-height: calc(24/16);
    margin-bottom: 40px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .interview .interview__lead {
        font-size: 1.3rem;
        margin-bottom: 20px;
    }
}
#page-visitor_manabinaoshi .interview .interview__list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 4%;
    row-gap: 40px;
    margin-bottom: 80px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .interview .interview__list {
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 30px;
    }
}
#page-visitor_manabinaoshi .interview .interview__list li {
    width: 48%;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .interview .interview__list li {
        width: 100%;
    }
}
#page-visitor_manabinaoshi .interview .interview__list li a {
    display: block;
    background: #F2EEEA;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    pointer-events: none;
}
#page-visitor_manabinaoshi .interview .interview__list li .img {
    position: relative;
}
#page-visitor_manabinaoshi .interview .interview__list li .img span {
    font-family: Zen Maru Gothic, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #F8657C;
    border-radius: 4px;
    padding: 4px 8px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
#page-visitor_manabinaoshi .interview .interview__list li .profile {
    border-bottom: dotted 1px #C1A386;
    margin: 20px;
    padding-bottom: 8px;
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .interview .interview__list li .profile {
        margin: 14px;
    }
}
#page-visitor_manabinaoshi .interview .interview__list li .profile .name {
    font-size: 14px;
}
#page-visitor_manabinaoshi .interview .interview__list li .profile .name em {
    font-size: 20px;
    font-style: normal;
}
#page-visitor_manabinaoshi .interview .interview__list li .profile .age {
    color: #DC8670;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #DC8670;
    border-radius: 6px;
    padding: 0 10px;
}
#page-visitor_manabinaoshi .interview .interview__list li .profile .age em {
    font-size: 20px;
    font-style: normal;
}
#page-visitor_manabinaoshi .interview .interview__list li .ttl {
    font-family: Zen Maru Gothic, sans-serif;
    color: #DC8670;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 20px 20px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .interview .interview__list li .ttl {
        font-size: 2rem;
        margin: 0 14px 10px;
    }
}
#page-visitor_manabinaoshi .interview .interview__list li .txt {
    font-size: 1.4rem;
    line-height: calc(24/14);
    padding: 0 20px 20px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .interview .interview__list li .txt {
        font-size: 1.3rem;
        padding: 0 14px 20px;
    }
}

/* FAQ */
#page-visitor_manabinaoshi .faq {
    background: #F2EEEA;
    margin-bottom: 100px;
    padding: 80px 0;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .faq {
        margin-bottom: 40px;
        padding: 20px 0 60px;
    }
}
#page-visitor_manabinaoshi .faq .faq__box {
    background: #fff;
    border-radius: 16px;
    padding: 40px 20px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .faq .faq__box {
        padding: 20px;
    }
}
#page-visitor_manabinaoshi .faq .faq__box + .faq__box {
    margin-top: 40px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .faq .faq__box + .faq__box {
        margin-top: 20px;
    }
}
#page-visitor_manabinaoshi .faq .faq__box dt {
    font-family: Zen Maru Gothic, sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 0 40px 74px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .faq .faq__box dt {
        font-size: 1.8rem;
        padding: 6px 0 20px 44px;
    }
}
#page-visitor_manabinaoshi .faq .faq__box dt::before {
    font-family: Zen Maru Gothic, sans-serif;
    content: "Q";
    font-size: 7.2rem;
    line-height: 0;
    color: #EEA69A;
    margin-right: 10px;
    font-weight: 700;
    position: absolute;
    top: 20px;
    left: 0;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .faq .faq__box dt::before {
        font-size: 4rem;
    }
}
#page-visitor_manabinaoshi .faq .faq__box dd {
    position: relative;
    font-size: 1.6rem;
    line-height: calc(24/16);
    padding-left: 74px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .faq .faq__box dd {
        font-size: 1.3rem;
        padding-left: 44px;
    }
}
#page-visitor_manabinaoshi .faq .faq__box dd::before {
    font-family: Zen Maru Gothic, sans-serif;
    content: "A";
    font-size: 72px;
    line-height: 0;
    color: #EEA69A;
    margin-right: 10px;
    font-weight: 700;
    position: absolute;
    top: 20px;
    left: 0;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .faq .faq__box dd::before {
        font-size: 4rem;
        top: 14px;
    }
}
#page-visitor_manabinaoshi .faq .faq__box dd p + p {
    margin-top: 20px;
}
@media screen and (max-width:640px) {
    #page-visitor_manabinaoshi .faq .faq__box dd p + p {
        margin-top: 10px;
    }
}
#page-visitor_manabinaoshi .comparison-btn {
    margin-top: 20px;
}
/*# sourceMappingURL=map/styles.css.map */