@charset "UTF-8";
/* ====================================================
Font
==================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@font-face {
    font-family: "Sofia Pro";
    src: url("../fonts/Sofia-Pro-Bold.eot");
    src: url("../fonts/Sofia-Pro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Sofia-Pro-Bold.ttf") format("truetype"), url("../fonts/Sofia-Pro-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Sofia Pro";
    src: url("../fonts/Sofia-Pro-Regular.eot");
    src: url("../fonts/Sofia-Pro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Sofia-Pro-Regular.ttf") format("truetype"), url("../fonts/Sofia-Pro-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
/* ====================================================
Media Quary
==================================================== */
@media screen and (min-width: 835px) {
    .mbpc-0 {
        margin-bottom: 0px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-0 {
        margin-bottom: 0px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-1 {
        margin-bottom: 1px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-1 {
        margin-bottom: 1px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-2 {
        margin-bottom: 2px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-2 {
        margin-bottom: 2px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-3 {
        margin-bottom: 3px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-3 {
        margin-bottom: 3px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-4 {
        margin-bottom: 4px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-4 {
        margin-bottom: 4px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-5 {
        margin-bottom: 5px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-5 {
        margin-bottom: 5px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-6 {
        margin-bottom: 6px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-6 {
        margin-bottom: 6px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-7 {
        margin-bottom: 7px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-7 {
        margin-bottom: 7px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-8 {
        margin-bottom: 8px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-8 {
        margin-bottom: 8px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-9 {
        margin-bottom: 9px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-9 {
        margin-bottom: 9px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-10 {
        margin-bottom: 10px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-10 {
        margin-bottom: 10px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-11 {
        margin-bottom: 11px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-11 {
        margin-bottom: 11px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-12 {
        margin-bottom: 12px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-12 {
        margin-bottom: 12px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-13 {
        margin-bottom: 13px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-13 {
        margin-bottom: 13px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-14 {
        margin-bottom: 14px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-14 {
        margin-bottom: 14px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-15 {
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-15 {
        margin-bottom: 15px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-16 {
        margin-bottom: 16px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-16 {
        margin-bottom: 16px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-17 {
        margin-bottom: 17px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-17 {
        margin-bottom: 17px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-18 {
        margin-bottom: 18px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-18 {
        margin-bottom: 18px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-19 {
        margin-bottom: 19px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-19 {
        margin-bottom: 19px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-20 {
        margin-bottom: 20px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-20 {
        margin-bottom: 20px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-21 {
        margin-bottom: 21px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-21 {
        margin-bottom: 21px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-22 {
        margin-bottom: 22px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-22 {
        margin-bottom: 22px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-23 {
        margin-bottom: 23px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-23 {
        margin-bottom: 23px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-24 {
        margin-bottom: 24px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-24 {
        margin-bottom: 24px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-25 {
        margin-bottom: 25px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-25 {
        margin-bottom: 25px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-26 {
        margin-bottom: 26px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-26 {
        margin-bottom: 26px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-27 {
        margin-bottom: 27px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-27 {
        margin-bottom: 27px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-28 {
        margin-bottom: 28px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-28 {
        margin-bottom: 28px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-29 {
        margin-bottom: 29px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-29 {
        margin-bottom: 29px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-30 {
        margin-bottom: 30px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-30 {
        margin-bottom: 30px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-31 {
        margin-bottom: 31px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-31 {
        margin-bottom: 31px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-32 {
        margin-bottom: 32px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-32 {
        margin-bottom: 32px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-33 {
        margin-bottom: 33px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-33 {
        margin-bottom: 33px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-34 {
        margin-bottom: 34px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-34 {
        margin-bottom: 34px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-35 {
        margin-bottom: 35px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-35 {
        margin-bottom: 35px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-36 {
        margin-bottom: 36px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-36 {
        margin-bottom: 36px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-37 {
        margin-bottom: 37px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-37 {
        margin-bottom: 37px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-38 {
        margin-bottom: 38px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-38 {
        margin-bottom: 38px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-39 {
        margin-bottom: 39px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-39 {
        margin-bottom: 39px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-40 {
        margin-bottom: 40px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-40 {
        margin-bottom: 40px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-41 {
        margin-bottom: 41px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-41 {
        margin-bottom: 41px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-42 {
        margin-bottom: 42px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-42 {
        margin-bottom: 42px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-43 {
        margin-bottom: 43px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-43 {
        margin-bottom: 43px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-44 {
        margin-bottom: 44px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-44 {
        margin-bottom: 44px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-45 {
        margin-bottom: 45px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-45 {
        margin-bottom: 45px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-46 {
        margin-bottom: 46px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-46 {
        margin-bottom: 46px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-47 {
        margin-bottom: 47px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-47 {
        margin-bottom: 47px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-48 {
        margin-bottom: 48px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-48 {
        margin-bottom: 48px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-49 {
        margin-bottom: 49px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-49 {
        margin-bottom: 49px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-50 {
        margin-bottom: 50px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-50 {
        margin-bottom: 50px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-51 {
        margin-bottom: 51px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-51 {
        margin-bottom: 51px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-52 {
        margin-bottom: 52px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-52 {
        margin-bottom: 52px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-53 {
        margin-bottom: 53px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-53 {
        margin-bottom: 53px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-54 {
        margin-bottom: 54px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-54 {
        margin-bottom: 54px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-55 {
        margin-bottom: 55px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-55 {
        margin-bottom: 55px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-56 {
        margin-bottom: 56px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-56 {
        margin-bottom: 56px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-57 {
        margin-bottom: 57px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-57 {
        margin-bottom: 57px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-58 {
        margin-bottom: 58px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-58 {
        margin-bottom: 58px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-59 {
        margin-bottom: 59px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-59 {
        margin-bottom: 59px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-60 {
        margin-bottom: 60px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-60 {
        margin-bottom: 60px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-61 {
        margin-bottom: 61px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-61 {
        margin-bottom: 61px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-62 {
        margin-bottom: 62px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-62 {
        margin-bottom: 62px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-63 {
        margin-bottom: 63px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-63 {
        margin-bottom: 63px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-64 {
        margin-bottom: 64px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-64 {
        margin-bottom: 64px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-65 {
        margin-bottom: 65px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-65 {
        margin-bottom: 65px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-66 {
        margin-bottom: 66px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-66 {
        margin-bottom: 66px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-67 {
        margin-bottom: 67px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-67 {
        margin-bottom: 67px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-68 {
        margin-bottom: 68px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-68 {
        margin-bottom: 68px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-69 {
        margin-bottom: 69px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-69 {
        margin-bottom: 69px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-70 {
        margin-bottom: 70px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-70 {
        margin-bottom: 70px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-71 {
        margin-bottom: 71px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-71 {
        margin-bottom: 71px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-72 {
        margin-bottom: 72px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-72 {
        margin-bottom: 72px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-73 {
        margin-bottom: 73px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-73 {
        margin-bottom: 73px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-74 {
        margin-bottom: 74px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-74 {
        margin-bottom: 74px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-75 {
        margin-bottom: 75px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-75 {
        margin-bottom: 75px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-76 {
        margin-bottom: 76px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-76 {
        margin-bottom: 76px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-77 {
        margin-bottom: 77px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-77 {
        margin-bottom: 77px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-78 {
        margin-bottom: 78px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-78 {
        margin-bottom: 78px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-79 {
        margin-bottom: 79px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-79 {
        margin-bottom: 79px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-80 {
        margin-bottom: 80px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-80 {
        margin-bottom: 80px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-81 {
        margin-bottom: 81px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-81 {
        margin-bottom: 81px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-82 {
        margin-bottom: 82px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-82 {
        margin-bottom: 82px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-83 {
        margin-bottom: 83px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-83 {
        margin-bottom: 83px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-84 {
        margin-bottom: 84px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-84 {
        margin-bottom: 84px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-85 {
        margin-bottom: 85px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-85 {
        margin-bottom: 85px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-86 {
        margin-bottom: 86px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-86 {
        margin-bottom: 86px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-87 {
        margin-bottom: 87px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-87 {
        margin-bottom: 87px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-88 {
        margin-bottom: 88px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-88 {
        margin-bottom: 88px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-89 {
        margin-bottom: 89px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-89 {
        margin-bottom: 89px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-90 {
        margin-bottom: 90px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-90 {
        margin-bottom: 90px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-91 {
        margin-bottom: 91px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-91 {
        margin-bottom: 91px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-92 {
        margin-bottom: 92px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-92 {
        margin-bottom: 92px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-93 {
        margin-bottom: 93px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-93 {
        margin-bottom: 93px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-94 {
        margin-bottom: 94px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-94 {
        margin-bottom: 94px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-95 {
        margin-bottom: 95px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-95 {
        margin-bottom: 95px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-96 {
        margin-bottom: 96px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-96 {
        margin-bottom: 96px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-97 {
        margin-bottom: 97px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-97 {
        margin-bottom: 97px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-98 {
        margin-bottom: 98px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-98 {
        margin-bottom: 98px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-99 {
        margin-bottom: 99px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-99 {
        margin-bottom: 99px !important;
    }
}
@media screen and (min-width: 835px) {
    .mbpc-100 {
        margin-bottom: 100px !important;
    }
}
@media screen and (max-width: 834px) {
    .mbsp-100 {
        margin-bottom: 100px !important;
    }
}
/* ====================================================
reset style
==================================================== */
html {
    overflow-y: auto;
    font-size: 10px;
    /* Base font size, change to 14px or 16px if needed */
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

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

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

fieldset, img {
    border: 0;
}

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

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

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

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

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

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

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

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

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

del, ins {
    text-decoration: none;
}

main {
    display: block;
}

section {
    position: relative;
}

.inner {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 100px;
}
@media only screen and (max-width: 1280px) {
    .inner {
        max-width: 870px;
        padding: 0 15px;
    }
}
.inner-700 {
    padding: 0 170px;
}
@media only screen and (max-width: 1280px) {
    .inner-700 {
        max-width: 730px;
        padding: 0 15px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .inner-full {
        max-width: 100%;
    }
}

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

a {
    color: inherit;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover {
    opacity: 0.7;
}
@media screen and (min-width: 835px) {
    a[href^=tel] {
        pointer-events: none;
    }
}

@media screen and (max-width: 834px) {
    .pc {
        display: none !important;
    }
}
@media screen and (max-width: 1024px) {
    .pc-ipd {
        display: none !important;
    }
}
@media screen and (max-width: 990px) {
    .pc-lg {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pc-sm-767 {
        display: none !important;
    }
}
@media screen and (max-width: 640px) {
    .pc-sm {
        display: none !important;
    }
}
@media screen and (max-width: 374px) {
    .pc-xs {
        display: none !important;
    }
}

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

.pc-bd {
    font-weight: bold;
}
@media screen and (max-width: 834px) {
    .pc-bd {
        font-weight: 500;
    }
}

.c-ft--en {
    font-family: "Sofia Pro", sans-serif;
}

.ttl-comp01 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.35;
    margin-bottom: 13px;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 834px) {
    .ttl-comp01 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.35;
        padding: 11px 15px 10px;
        margin: 0 -15px 20px;
        background: #DEDEDE;
    }
}
.ttl-comp02 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
}
@media screen and (max-width: 834px) {
    .ttl-comp02 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 40px;
    }
}
.ttl-comp02--sm {
    font-size: 24px;
    font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
    .ttl-comp02--sm {
        font-size: 20px;
        font-size: 2rem;
        line-height: 34px;
    }
}
.ttl-comp03 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 29px;
    color: #25526A;
    border-bottom: 2px solid #F29B5B;
}
@media screen and (max-width: 834px) {
    .ttl-comp03 {
        padding-bottom: 4px;
        margin-bottom: 22px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.txt-basic {
    line-height: 1.8;
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
    .txt-basic {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6;
    }
}
.txt-note {
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.4rem;
}
.txt-note--s {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    white-space: initial;
}
.txt-center {
    text-align: center;
}
.txt-right {
    text-align: right;
}
.txt-left {
    text-align: left;
}
.txt--bd {
    font-weight: 700 !important;
}
.txt--md {
    font-weight: 500 !important;
}
.txt--rd {
    color: #D90000;
}
.txt--orange {
    color: #F29B5B;
}

.btn-comp01 {
    font-size: 20px;
    font-size: 2rem;
    font-family: "Sofia Pro", sans-serif;
    font-weight: bold;
    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;
    text-align: center;
    width: 200px;
    height: 50px;
    border-radius: 30px;
    background: #25526A;
    color: white;
    margin: 0 auto;
    border: none;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 7px 10px 5px;
}
@media screen and (min-width: 835px) {
    .btn-comp01:not(.disable):hover {
        opacity: 0.7;
    }
}
.btn-comp01.gray {
    background: #DEDEDE;
    color: #25526A;
}
.btn-comp01.gray--02 {
    background: #DEDEDE;
    color: #25526A;
}
.btn-comp01.gray--03 {
    background: #DEDEDE;
    color: #708A98;
}
.btn-comp01--ligthBlue {
    background: #BCCAD1;
    width: 220px;
}
@media screen and (max-width: 834px) {
    .btn-comp01--ligthBlue {
        width: 190px;
    }
}
.btn-comp01--short {
    width: 160px;
}
@media screen and (max-width: 834px) {
    .btn-comp01--short {
        width: 140px;
        height: 40px;
    }
}
.btn-comp01--small {
    width: 80px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    height: auto;
}
.btn-comp01--ml {
    margin-left: 10px;
}
.btn-comp01--lg {
    width: 75px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Sofia Pro", sans-serif;
    line-height: 1;
    font-weight: 700;
    height: 34px;
    opacity: 0.75;
}
.btn-comp01--lg:hover {
    opacity: 1;
}
.btn-comp01--autow {
    max-width: 280px !important;
    height: 50px;
}
@media screen and (max-width: 834px) {
    .btn-comp01--autow {
        height: 40px;
    }
}
.btn-comp01--right {
    margin-left: auto;
    margin-right: 0;
}
.btn-comp01--large {
    width: auto;
    min-width: 250px;
}
.btn-comp02 {
    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;
    font-family: inherit;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7692307692;
    max-width: 90px;
    height: 26px;
    background: #F29B5B;
    color: #fff;
    border-radius: 26px;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn-comp02:active, .btn-comp02:focus {
    outline: 0;
}
.btn-comp02--blue {
    background: #25526A;
}
.btn-comp02--lightBlue {
    background: #8CA3AF;
}
.btn-comp02--gray {
    background: #DEDEDE;
    color: #25526A;
}
.btn-comp02--lg {
    min-width: 150px;
    height: 40px;
    font-size: 16px;
    font-size: 1.6rem;
}
.btn-comp03 {
    padding-left: 14px;
    display: inline-block;
    position: relative;
    color: #25526A;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.36;
    font-family: "Sofia Pro", sans-serif;
    margin-bottom: 25px;
}
@media screen and (max-width: 834px) {
    .btn-comp03 {
        margin-bottom: 17px;
    }
}
.btn-comp03:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-44%);
    -ms-transform: translateY(-44%);
    transform: translateY(-44%);
    width: 9px;
    height: 15px;
    background: url("../img/common/ico-page-back.svg") no-repeat;
}
.btn-comp04 {
    display: inline-block;
    border-radius: 40px;
    background-color: #25526A;
    color: #ffffff;
    padding: 4px 16px 3px;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.36;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .btn-comp04 {
        padding: 6px 16px 1px;
    }
}
.btn-comp04.consideration {
    background-color: rgba(37, 82, 106, 0.1);
    color: #25526A;
}
.btn-comp04.order {
    background-color: #F29B5B;
    color: #FFFFFF;
}
.btn-comp04.canceled {
    background-color: #FFFFFF;
    color: rgba(37, 82, 106, 0.5);
}
.btn-plus01 {
    color: #fff;
    background-color: #25526A;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 30px;
    font-family: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    white-space: nowrap;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 12px;
    cursor: pointer;
}
.btn-plus01:active, .btn-plus01:focus {
    outline: 0;
}
.btn-plus01 span {
    background: url("../img/common/i-plus.svg");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 21px;
}
.btn-plus01--w130 {
    width: 130px;
}
.btn-plus01--w160 {
    width: 160px;
}
.btn-plus01--w180 {
    width: 180px;
}
.btn-plus01--w260 {
    width: 260px;
}
.btn-plus01--w200 {
    width: 200px;
}
.btn-plus01.disable {
    pointer-events: none;
    background: #8CA3AF;
}
.btn-plus01--noplus span {
    background: transparent;
}
.btn-plus01--arrow {
    position: relative;
}
.btn-plus01--arrow:after {
    content: "";
    width: 13px;
    height: 8px;
    background: url("../img/common/img-arrow.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 10px;
}
.btn-plus01--arrow span {
    background: transparent;
    padding-right: 0;
}
.btn-plus01.--yellow {
    background: #F29B5B;
}
.btn-plus01.--yellow:hover {
    background: #f18f48;
}
.btn-logout {
    background: #8CA3AF;
}
.btn-logout span {
    padding: 0;
    background: none;
}

.c-link__txt {
    text-decoration: underline;
}

.box-datepicker {
    background-color: white;
    line-height: 1.32;
    width: 249px;
    height: 35px;
    background-image: url("../img/common/ico-datepicker.png");
    background-repeat: no-repeat;
    background-position: center left 14px;
    border-radius: 50px;
    position: relative;
}
.box-datepicker:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #25526A;
    border-bottom: 2px solid #25526A;
    top: 44%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.box-datepicker__input {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border-radius: 50px;
    border: none;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Sofia Pro", sans-serif;
    font-weight: bold;
    color: #25526A;
    padding: 0 0 3px 5px;
    letter-spacing: -0.2px;
}
.box-datepicker__input::-webkit-input-placeholder {
    color: #25526A;
}
.box-datepicker__input:-ms-input-placeholder {
    color: #25526A;
}
.box-datepicker__input::-moz-placeholder {
    color: #25526A;
}
.box-datepicker__input::-ms-input-placeholder {
    color: #25526A;
}
.box-datepicker__input::placeholder {
    color: #25526A;
}
.box-datepicker__input::-ms-clear {
    display: none;
}
.box-datepicker--lg {
    width: 408px;
    position: relative;
    cursor: pointer;
}
@media screen and (max-width: 834px) {
    .box-datepicker--lg {
        width: 250px;
        max-width: 100%;
    }
}
.box-datepicker--lg .box-datepicker__input {
    width: 408px;
}
@media screen and (max-width: 834px) {
    .box-datepicker--lg .box-datepicker__input {
        width: 250px;
        max-width: 100%;
    }
}
.box-datepicker--lg .box-datepicker__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 35px;
}
.box-datepicker--lg .box-datepicker__txt-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 5px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #F29B5B;
}
.box-datepicker--lg .box-datepicker__txt-l:last-child {
    margin-right: 0;
    border-right: none;
}
.box-datepicker--lg .box-datepicker__txt-l span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.357;
    font-weight: 700;
    color: #3E5776;
}
.box-datepicker--lg .box-datepicker__txt-l small {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3333333333;
    font-weight: 500;
}
.box-datepicker--bg {
    background-color: #F0F0F0;
}

.datepicker {
    margin: -4px 0 0 4px;
    width: 232px;
    border: 4px solid #F0F0F0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    font-family: "Sofia Pro", sans-serif;
}
@media screen and (max-width: 374px) {
    .datepicker {
        margin-left: 0;
    }
}
.datepicker--pointer {
    display: none;
}
.datepicker--nav {
    height: 33px;
    border-bottom: none;
}
.datepicker--nav-title {
    font-family: "Sofia Pro", sans-serif;
    font-weight: bold;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.3;
    color: #25526A;
    pointer-events: none;
}
.datepicker--nav-action {
    position: relative;
}
.datepicker--nav-action svg {
    display: none;
}
.datepicker--nav-action:before {
    position: absolute;
    content: "";
    top: 59%;
    width: 8px;
    height: 8px;
}
.datepicker--nav-action[data-action=prev]:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    border-left: 2px solid #25526A;
    border-top: 2px solid #25526A;
    left: 50%;
}
.datepicker--nav-action[data-action=next]:before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    border-left: 2px solid #25526A;
    border-top: 2px solid #25526A;
    right: 40%;
}
.datepicker--content {
    padding: 0;
}
.datepicker--days-names {
    margin: 0;
    height: 33px;
    background: #C6D8E2;
}
.datepicker--day-name {
    color: #000000;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
}
.datepicker--cell {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    border-radius: 0;
}
.datepicker--cell.-range-from-, .datepicker--cell.-range-to- {
    border-radius: 0;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    background: #F29B5B;
    font-weight: bold;
}
.datepicker--cell.-selected-.-focus- {
    background: rgba(242, 155, 91, 0.7);
}
.datepicker--cell.-in-range- {
    background: #FCF1E8;
}

.form-control {
    display: block;
    width: 100%;
    height: 46px;
    background: #F0F0F0;
    border-radius: 23px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 6px 20px 5px;
    color: #25526A;
    border: none;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media screen and (max-width: 834px) {
    .form-control {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.form-control::-webkit-input-placeholder {
    color: #25526A;
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: #25526A;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #25526A;
    opacity: 1;
}
.form-control::-ms-input-placeholder {
    color: #25526A;
    opacity: 1;
}
.form-control::placeholder {
    color: #25526A;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #25526A;
}
.form-control::-ms-input-placeholder {
    color: #25526A;
}

.form-select {
    display: block;
    width: 100%;
    max-width: 200px;
    height: 46px;
    border-radius: 23px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    background: #F0F0F0;
}
.form-select:after {
    position: absolute;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-right: 2px solid #25526a;
    border-bottom: 2px solid #25526a;
    right: 16px;
    top: 31%;
}
.form-select select {
    position: absolute;
    z-index: 1;
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    resize: none;
    padding: 6px 30px 5px 15px;
    color: #25526A;
}

.js-show-modal {
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (min-width: 835px) {
    .js-show-modal:hover {
        opacity: 0.7;
    }
}

.block__01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.block__01--02 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 10px;
}
.block__01--02 .block__01--lf {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.block__01--02 .block__01--lf .ttl-comp02 {
    margin-right: 30px;
}
.datepickers-container {
    z-index: 99999;
}

/*-- micromodal モーダル --*/
.modal-overlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.modal-container {
    background-color: #fff;
    max-height: 80vh;
    max-width: 900px;
    overflow-y: auto;
    width: 80%;
}
@media screen and (max-width: 834px) {
    .modal-container {
        width: 90%;
    }
}
.modal-container .input[type=text] {
    max-width: 100%;
    height: 40px;
    background: #F0F0F0;
}
.modal-container .input[type=text].--s {
    max-width: 200px;
}
.modal-container textarea {
    padding: 15px;
    width: 100%;
    background: #F0F0F0;
    border-radius: 10px;
    outline: 0;
    border: 0;
}
.modal-container textarea::focus {
    outline: 0;
}
.modal-container .form-attachFile__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
}
.modal-container .form-attachFile__item:not(:last-child) {
    margin-bottom: 10px;
}
.modal-container .form-attachFile__btn {
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    background: #25526A;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (any-hover: hover) {
    .modal-container .form-attachFile__btn:hover {
        opacity: 0.7;
    }
}
.modal-container .form-attachFile__input {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: calc(100% - 90px);
    max-width: 350px;
    gap: 10px;
}
.modal-container .form-attachFile__input .filename {
    display: inline-block;
    padding: 0 15px;
    width: calc(100% - 50px);
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: #F0F0F0;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.modal-container .form-attachFile__input input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 0 0 0 30px;
    background: #F0F0F0;
}

.modal-title {
    margin: 15px 0;
    font-size: 2.4rem;
    font-weight: 600;
}
@media screen and (max-width: 834px) {
    .modal-title {
        font-size: 2rem;
    }
}

.modal-close {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
@media screen and (max-width: 834px) {
    .modal-close {
        width: 58px;
        height: 58px;
    }
}
.modal-close:active, .modal-close:focus {
    outline: 0;
}
.modal-close:before {
    content: "✕";
    font-size: 2rem;
}

.modal-content {
    padding: 30px;
}

.modal-open {
    display: block;
    margin: 100px auto;
}

/* モーダルアニメーション */
@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes mmslideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes mmslideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}
@keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}
.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden=false] .modal-overlay {
    -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal-container {
    -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-overlay {
    -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-container {
    -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
    will-change: transform;
}

/*-- Page title Block --*/
@media screen and (min-width: 835px) {
    .l-head-block {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
}
.l-head-block.--nowrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.l-head-block.--nowrap .l-head-block__title {
    margin-bottom: 0;
}
@media screen and (max-width: 834px) {
    .l-head-block__title {
        margin-bottom: 15px;
    }
}
.l-head-block__search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.l-head-block__search-input {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    gap: 0 20px;
}
@media screen and (max-width: 834px) {
    .l-head-block__search-input-form {
        max-width: calc(100% - 50px);
    }
}
.l-head-block__search-note {
    margin-top: 6px;
    font-size: 1.3rem;
    text-align: right;
}
.l-head-block__btn .btn-comp01 {
    margin: 10px 0 0;
    font-size: 1.8rem;
}
@media screen and (max-width: 640px) {
    .l-head-block__btn .btn-comp01 {
        margin: 0;
        width: 160px;
        height: 46px;
        font-size: 1.6rem;
    }
}

.select-multi {
    padding-right: 15px;
    width: 300px;
    color: #25526A;
    background: #F0F0F0;
    border: 0;
    border-radius: 5px;
}
.select-multi:focus {
    outline: 0;
}
.select-multi option {
    padding: 2px 10px;
}
.select-multi option:checked {
    color: #25526A;
    font-weight: bold;
}

.c-textCopy textarea {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 500;
    color: #708A98;
    background: #DEDEDE;
    border-radius: 15px;
    border: none;
    padding: 12px 15px 10px 15px;
    width: 100%;
    margin-bottom: 7px;
    min-height: 1px !important;
    pointer-events: none;
    overflow-y: hidden;
}
@media screen and (max-width: 834px) {
    .c-textCopy textarea {
        max-width: 100%;
    }
}
.c-textCopy textarea:focus, .c-textCopy textarea:focus-visible {
    outline: none;
}
@media screen and (max-width: 834px) {
    .c-textCopy textarea {
        overflow-y: auto;
        pointer-events: inherit;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

body {
    color: #25526A;
    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;
    line-height: 1.4;
}
@media screen and (max-width: 1024px) {
    body {
        overflow: hidden;
    }
}

@media screen and (min-width: 1025px) {
    .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .container > * {
        height: 100vh;
    }
}

.header {
    width: 240px;
    background: #F29B5B;
    color: white;
    z-index: 999;
}
@media screen and (min-width: 1025px) {
    .header {
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
    }
}
@media screen and (max-width: 1024px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 70px;
        padding: 12.5px 15px;
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }
}
@media screen and (max-width: 374px) {
    .header {
        padding: 12.5px 10px;
    }
}
.header-info {
    margin-bottom: 52px;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .header-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
    }
}
.header-avata {
    width: 100px;
    height: 100px;
    margin: 0 auto 18px;
}
@media screen and (max-width: 1024px) {
    .header-avata {
        margin: 0 10px 0 0;
        width: 45px;
        height: 45px;
    }
}
@media screen and (max-width: 374px) {
    .header-avata {
        margin-right: 5px;
    }
}
.header-avata img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}
.header-company {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.32;
    margin-bottom: 7px;
}
@media screen and (max-width: 1024px) {
    .header-company {
        margin-bottom: 1px;
    }
}
@media screen and (max-width: 374px) {
    .header-company {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.header-person {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.36;
}
@media screen and (max-width: 374px) {
    .header-person {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.header-menu {
    margin: 0 0 80px 0;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.375;
    padding-left: 20px;
    padding-bottom: 30px;
}
@media screen and (max-width: 1024px) {
    .header-menu {
        margin: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #F29B5B;
        padding: 0 15px;
        color: white;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1.3;
        -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
        letter-spacing: -0.6px;
        z-index: 999;
    }
}
@media screen and (max-width: 374px) {
    .header-menu {
        padding: 0 10px;
    }
}
.header-menu .item {
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
    .header-menu .item {
        margin-bottom: 0;
    }
}
.header-menu .item:last-child {
    margin-bottom: 0;
}
.header-menu .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 10px 10px 10px 25px;
    border-radius: 50px 0 0 50px;
    position: relative;
    left: 10px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
    .header-menu .item a {
        border-radius: 0;
        padding: 12px 0 5px;
        text-align: center;
        display: block;
        min-width: 62px;
    }
}
@media screen and (max-width: 374px) {
    .header-menu .item a {
        min-width: auto;
        padding: 10px 0 5px;
    }
}
.header-menu .item a .ico {
    margin-right: 14px;
    position: relative;
    top: -1px;
}
@media screen and (max-width: 1024px) {
    .header-menu .item a .ico {
        display: block;
        margin: 0 0 2px;
        top: 0;
        min-height: 27px;
    }
}
.header-menu .item a .ico .on {
    display: none;
}
.header-menu .item a .ico .off {
    display: inline-block;
}
.header-menu .item a:hover {
    opacity: 1;
    left: 0;
}
.header-menu .item.active > * {
    left: 0;
}
@media screen and (min-width: 1025px) {
    .header-menu .item.active a {
        background: #F0F0F0;
        color: #25526A;
    }
    .header-menu .item.active a:hover {
        padding-left: 25px;
    }
    .header-menu .item.active a .ico .off {
        display: none;
    }
    .header-menu .item.active a .ico .on {
        display: inline-block;
    }
}
@media screen and (max-width: 1024px) {
    .header-menu .item.active a {
        opacity: 0.5;
    }
}
.header-menu__submenu {
    display: block;
    padding-left: 48px;
    margin-top: 12px;
}
.header-menu__submenu-item {
    margin-bottom: 9px;
}
.header-menu__submenu-item a {
    font-family: "Noto Sans", sans-serif;
    color: #fff !important;
    position: relative;
    height: auto !important;
    background: none !important;
    padding: 0 0 0 18px !important;
    opacity: 0.8;
    font-size: 16px;
    font-size: 1.6rem;
}
.header-menu__submenu-item a::before {
    content: "";
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 2px;
    top: 10px;
}
.header-menu__submenu-item a.active {
    opacity: 1;
    left: 0;
}
.header-reference {
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.42;
    font-weight: bold;
}
@media screen and (min-width: 1025px) {
    .header-reference {
        width: 220px;
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 10px 0 40px 20px;
        background: #F29B5B;
    }
}
@media screen and (max-width: 1024px) {
    .header-reference {
        position: absolute;
        top: 17px;
        right: 15px;
        left: auto;
        bottom: auto;
        padding: 0;
        width: 180px;
    }
}
@media screen and (max-width: 640px) {
    .header-reference {
        width: 120px;
    }
}
@media screen and (max-width: 374px) {
    .header-reference {
        right: 10px;
    }
}
.header-reference__ttl {
    margin-bottom: 7px;
}
.header-reference__list {
    border: 2px solid #FFF;
    position: relative;
    border-radius: 18px;
    padding: 8px 30px 8px 13px;
    max-height: 36px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #F29B5B;
}
.header-reference__list:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 9px;
    right: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-reference__list li {
    margin-bottom: 8px;
}
.header-reference__list li:last-child {
    margin-bottom: 0;
}
.header-reference__list.show {
    max-height: 101px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 10px;
    margin-top: -2px;
    padding: 16px 30px 14px 13px;
}
.header-reference__list.show:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 20px;
}
.header-reference__list.no-scroll {
    overflow: hidden;
}
.header-logout {
    text-align: center;
}
@media screen and (min-width: 1025px) {
    .header-logout {
        left: 0;
        right: 0;
        bottom: 15px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1024px) {
    .header-logout {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 10px;
    }
    .header-logout span {
        display: none;
    }
}
@media screen and (min-height: 300px) and (min-width: 1025px) {
    .header-logout {
        position: absolute;
        bottom: 5vh;
    }
}
.header-logout a {
    display: inline-block;
    padding-left: 25px;
    font-size: 1.4rem;
    background: url(../img/common/icn-logout.png) no-repeat left center;
    background-size: 20px auto;
}
@media screen and (max-width: 1024px) {
    .header-logout a {
        padding: 0;
        width: 50px;
        height: 50px;
        background-position: center;
    }
}
.header.client-header .mCSB_container {
    height: 100%;
    max-height: 100%;
}
.header .mCSB_container {
    padding: 40px 0;
}
.header .mCSB_scrollTools {
    border: none;
    width: 10px;
}
.header .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    opacity: 0.6;
}
.header .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar {
    opacity: 1;
}

.main-page {
    background: #F0F0F0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
}
@media screen and (min-width: 1025px) {
    .main-page {
        overflow-x: scroll;
        overflow-y: auto;
        padding: 30px 0 30px;
        padding-left: 240px !important;
    }
}
@media screen and (max-width: 1024px) {
    .main-page {
        position: relative;
        margin: 70px 0 60px;
        padding: 20px 0 60px;
        min-height: calc(100vh - 130px);
        height: auto;
    }
}

.sec-calendar {
    margin-bottom: 6px;
}
@media screen and (max-width: 834px) {
    .sec-calendar {
        margin-bottom: 12px;
    }
}
.sec-calendar .box-datepicker {
    margin-left: auto;
}
@media screen and (max-width: 990px) {
    .sec-calendar .box-datepicker {
        margin: 0 auto;
    }
}

.attracting-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 15px;
}

.sec-overview {
    margin-bottom: 62px;
}
@media screen and (max-width: 834px) {
    .sec-overview {
        margin-bottom: 32px;
    }
    .sec-overview .ttl-comp01 {
        padding: 6px 15px 6px;
        background: transparent;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 641px) {
    .overview-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -2.5px;
    }
}
@media screen and (min-width: 641px) {
    .overview-box__col {
        padding: 0 2.5px;
        width: 21.933%;
    }
}
.overview-box__col .item {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    background: white;
    border-radius: 5px;
}
@media screen and (min-width: 641px) {
    .overview-box__col .item {
        height: 100%;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col .item {
        margin-bottom: 6.5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}
.overview-box__col .item .head {
    background: rgba(37, 82, 106, 0.6);
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: white;
    line-height: 1;
    text-align: center;
    padding: 11px 10px 8px;
}
@media screen and (max-width: 640px) {
    .overview-box__col .item .head {
        width: 85px;
        border-radius: 5px 0 0 5px;
        padding: 13px 10px 6px;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
}
@media screen and (max-width: 374px) {
    .overview-box__col .item .head {
        font-size: 11px;
        font-size: 1.1rem;
    }
}
.overview-box__col .item .head .ico {
    min-height: 21px;
    margin-right: 8px;
}
@media screen and (max-width: 834px) {
    .overview-box__col .item .head .ico {
        min-height: 20px;
        width: 100%;
        display: inline-block;
    }
}
@media screen and (min-width: 835px) {
    .overview-box__col .item .head .wrap {
        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;
    }
}
.overview-box__col .item .body {
    padding: 9px 10px 10px;
    text-align: center;
}
@media screen and (max-width: 640px) {
    .overview-box__col .item .body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% - 85px);
        padding: 7px 5px 2px;
    }
    .overview-box__col .item .body > * {
        width: 50%;
    }
}
.overview-box__col .item .body .number {
    font-family: "Sofia Pro", sans-serif;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    line-height: 0.8;
    color: #F29B5B;
}
@media screen and (max-width: 1200px) {
    .overview-box__col .item .body .number {
        font-size: 30px;
        font-size: 3rem;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col .item .body .number {
        font-size: 36px;
        font-size: 3.6rem;
    }
}
@media screen and (max-width: 374px) {
    .overview-box__col .item .body .number {
        font-size: 28px;
        font-size: 2.8rem;
    }
}
.overview-box__col .item .body .number .txt-percent {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 0.8;
}
@media screen and (max-width: 1200px) {
    .overview-box__col .item .body .number .txt-percent {
        font-size: 22px;
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col .item .body .number .txt-percent {
        font-size: 30px;
        font-size: 3rem;
    }
}
@media screen and (max-width: 374px) {
    .overview-box__col .item .body .number .txt-percent {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.overview-box__col .item .body .wrap {
    margin-bottom: 10px;
}
@media screen and (min-width: 835px) {
    .overview-box__col .item .body .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 0 5px;
    }
}
@media screen and (max-width: 1024px) {
    .overview-box__col .item .body .wrap {
        margin-bottom: 28px;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col .item .body .wrap {
        margin-bottom: 0;
    }
}
.overview-box__col .item .body .wrap:last-child {
    margin-bottom: 0;
}
.overview-box__col .item .body .wrap .txt {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: -13px;
}
@media screen and (max-width: 834px) {
    .overview-box__col .item .body .wrap .txt {
        margin-bottom: 6px;
    }
}
.overview-box__col .item .body .wrap .txt .tooltip {
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    top: -3px;
    margin-left: -3px;
    left: 9px;
}
.overview-box__col .item .body .wrap .txt .tooltip-data {
    position: absolute;
    width: 140px;
    background: #DEDEDE;
    bottom: 100%;
    left: 0;
    margin: 0 0 0 -18px;
    padding: 8px 10px 6px 10px;
    text-align: left;
    -webkit-transform: translateY(-17px);
    -ms-transform: translateY(-17px);
    transform: translateY(-17px);
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.overview-box__col .item .body .wrap .txt .tooltip-data:before {
    position: absolute;
    content: "";
    border-top: 17px solid #DEDEDE;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 100%;
    left: 18px;
}
.overview-box__col .item .body .wrap .txt .tooltip-data--bottom {
    bottom: auto;
    top: 100%;
    -webkit-transform: translateY(17px);
    -ms-transform: translateY(17px);
    transform: translateY(17px);
}
.overview-box__col .item .body .wrap .txt .tooltip-data--bottom:before {
    top: auto;
    bottom: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.overview-box__col .item .body .wrap .txt .tooltip.right .tooltip-data {
    left: auto;
    right: 0;
    margin: 0 -18px 0 0;
}
.overview-box__col .item .body .wrap .txt .tooltip.right .tooltip-data:before {
    left: auto;
    right: 18px;
}
.overview-box__col .item .body .wrap .txt .tooltip:hover .tooltip-data {
    opacity: 1;
    pointer-events: auto;
}
@media screen and (min-width: 641px) {
    .overview-box__col--lg {
        padding-right: 24.5px;
        width: 34.2%;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col--lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0 0 15px;
    }
}
@media screen and (min-width: 641px) {
    .overview-box__col--lg .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 5px;
        height: calc(33.33% - 3.3px);
    }
    .overview-box__col--lg .item > * {
        width: 50%;
    }
    .overview-box__col--lg .item:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col--lg .item {
        display: block;
        width: calc(33.33% - 4px);
        margin: 0 6px 0 0;
    }
    .overview-box__col--lg .item:nth-child(3n+3) {
        margin-right: 0;
    }
}
.overview-box__col--lg .item .head {
    border-radius: 5px 0 0 5px;
    background: rgba(37, 82, 106, 0.5);
    padding: 7px 5px 7px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    width: 54%;
}
@media screen and (max-width: 1200px) {
    .overview-box__col--lg .item .head {
        padding: 10px;
    }
}
@media screen and (max-width: 1024px) {
    .overview-box__col--lg .item .head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col--lg .item .head {
        border-radius: 5px 5px 0 0;
        padding: 9px 5px 7px;
        width: 100%;
    }
}
.overview-box__col--lg .item .head .ico {
    min-height: auto;
}
@media screen and (max-width: 1200px) {
    .overview-box__col--lg .item .head .ico {
        min-width: 30px;
    }
}
@media screen and (max-width: 1024px) {
    .overview-box__col--lg .item .head .ico {
        width: 100%;
        margin-bottom: 3px;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col--lg .item .head .ico {
        min-height: 20px;
        display: block;
    }
}
.overview-box__col--lg .item .body {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 3px 21px 8px 10px;
    line-height: 0.8;
    width: 46%;
}
@media screen and (max-width: 1200px) {
    .overview-box__col--lg .item .body {
        padding: 4px 10px 10px;
    }
}
@media screen and (max-width: 640px) {
    .overview-box__col--lg .item .body {
        display: block;
        text-align: center;
        padding: 9px 5px 6px;
        width: 100%;
    }
    .overview-box__col--lg .item .body > * {
        width: 100%;
    }
    .overview-box__col--lg .item .body .number {
        font-size: 38px;
        font-size: 3.8rem;
    }
    .overview-box__col--lg .item .body .number .txt-percent {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 374px) {
    .overview-box__col--lg .item .body .number {
        font-size: 28px;
        font-size: 2.8rem;
    }
    .overview-box__col--lg .item .body .number .txt-percent {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.overview-box__col:not(:first-child) .item .head {
    line-height: 1.36;
}

.sec-attracting .ttl-comp01 {
    margin-bottom: 10px;
}
.sec-attracting .box-datepicker:before {
    top: 46%;
    right: 11px;
}
@media screen and (max-width: 834px) {
    .sec-attracting .ttl-comp01 {
        background: transparent;
        margin-bottom: 0;
        padding: 7px 15px 1px;
        margin-bottom: 10px;
    }
}

.attracting-box {
    background: transparent;
    padding: 0;
    border-radius: 10px;
}
@media screen and (max-width: 1200px) {
    .attracting-box {
        padding: 20px;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box {
        padding: 0;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
    }
}
.attracting-box__tbl {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl {
        display: block;
        margin-top: 0px;
    }
}
@media screen and (min-width: 768px) {
    .attracting-box__tbl-itemth {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item {
        margin: 0 -15px 20px;
        padding: 0px 15px 18px;
        background: #25526A;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item:first-child {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .attracting-box__tbl-item:nth-child(even) .td {
        padding: 10px 5px 5px;
    }
}
.attracting-box__tbl-item .td,
.attracting-box__tbl-item .th {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .attracting-box__tbl-item .td,
    .attracting-box__tbl-item .th {
        width: 9.6766%;
    }
    .attracting-box__tbl-item .td:first-child,
    .attracting-box__tbl-item .th:first-child {
        width: 20%;
        padding-left: 7px;
    }
    .attracting-box__tbl-item .td:nth-child(2), .attracting-box__tbl-item .td:nth-child(3), .attracting-box__tbl-item .td:nth-child(4),
    .attracting-box__tbl-item .th:nth-child(2),
    .attracting-box__tbl-item .th:nth-child(3),
    .attracting-box__tbl-item .th:nth-child(4) {
        width: 10.4166%;
    }
    .attracting-box__tbl-item .td:nth-child(5), .attracting-box__tbl-item .td:nth-child(6), .attracting-box__tbl-item .td:nth-child(7),
    .attracting-box__tbl-item .th:nth-child(5),
    .attracting-box__tbl-item .th:nth-child(6),
    .attracting-box__tbl-item .th:nth-child(7) {
        width: 16.25%;
    }
    .attracting-box__tbl-item .td:last-child,
    .attracting-box__tbl-item .th:last-child {
        padding-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td:first-child,
    .attracting-box__tbl-item .th:first-child {
        padding-left: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .attracting-box__tbl-item .td:last-child,
    .attracting-box__tbl-item .th:last-child {
        padding-right: 20px;
    }
}
.attracting-box__tbl-item .th,
.attracting-box__tbl-item .ttl {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.32;
    padding: 0 5px 4px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .th,
    .attracting-box__tbl-item .ttl {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.attracting-box__tbl-item .th:first-child,
.attracting-box__tbl-item .ttl:first-child {
    text-align: left;
    padding-left: 0;
}
.attracting-box__tbl-item .th:first-child .txt,
.attracting-box__tbl-item .ttl:first-child .txt {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.attracting-box__tbl-item .th .ico,
.attracting-box__tbl-item .ttl .ico {
    display: block;
    min-height: 20px;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .th .ico,
    .attracting-box__tbl-item .ttl .ico {
        min-height: auto;
        min-width: 25px;
    }
    .attracting-box__tbl-item .th .ico img,
    .attracting-box__tbl-item .ttl .ico img {
        display: block;
    }
}
.attracting-box__tbl-item .th .txt,
.attracting-box__tbl-item .ttl .txt {
    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;
    line-height: 1;
}
.attracting-box__tbl-item .th .txt small,
.attracting-box__tbl-item .ttl .txt small {
    font-size: 10px;
    font-size: 1rem;
    color: #F29B5B;
    line-height: 1.42;
    display: block;
}
@media screen and (max-width: 834px) {
    .attracting-box__tbl-item .th .txt small,
    .attracting-box__tbl-item .ttl .txt small {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 4px;
    }
}
@media screen and (min-width: 768px) {
    .attracting-box__tbl-item .th {
        font-size: 10px;
        font-size: 1rem;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .ttl {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.attracting-box__tbl-item .td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Sofia Pro", sans-serif;
    font-weight: normal;
    padding: 3.5px 5px 3.5px;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td {
        padding: 6px 7px;
        border-bottom: 1px solid #FFFFFF;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.37;
        min-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .attracting-box__tbl-item .td:last-child {
        border-bottom: none;
    }
    .attracting-box__tbl-item .td .content {
        text-align: right;
        margin-left: auto;
        position: relative;
        top: -2px;
        line-height: 1.2;
    }
}
.attracting-box__tbl-item .td:first-child {
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.36;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    text-align: left;
    padding: 0px 5px 11px 7px;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td:first-child {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.37;
        padding: 0 0 9px 0;
        margin-left: -3px;
        min-height: auto;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td .td-ttl .ico {
        position: absolute;
        right: -5px;
    }
}
.attracting-box__tbl-item .td .td-ttl__en {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td .td-ttl__en {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.attracting-box__tbl-item .td .td-ttl__jp {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td .td-ttl__jp {
        margin-bottom: 10px;
    }
}
.attracting-box__tbl-item .td .td-ttl__jp img {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 1px;
}
.attracting-box__tbl-item .td .txt-percent {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.36;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td .txt-percent {
        font-size: 10px;
        font-size: 1rem;
    }
}
.attracting-box__tbl-item .td .txt-sm {
    margin-left: 17px;
    font-weight: 700;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td .txt-sm {
        display: block;
    }
}
.attracting-box__tbl-item .td .content {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.attracting-box__tbl-item .td .content-l {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2857142857;
    font-weight: 600;
    color: #25526A;
    font-family: "Sofia Pro", sans-serif;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td .content-l {
        font-size: 20px;
        font-size: 2rem;
    }
}
.attracting-box__tbl-item .td .content-l small {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.3;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-item .td .content-l small {
        font-size: 15px;
        font-size: 1.5rem;
    }
}
.attracting-box__tbl-item .td .content-l__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 7px;
    min-width: 37px;
}
.attracting-box__tbl-item .td .content-l__sub:last-child {
    font-size: 10px;
    font-size: 1rem;
    color: #AAAAAA;
}
.attracting-box__tbl-item .td .content-r {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
    color: #25526A;
    font-family: "Sofia Pro", sans-serif;
}
.attracting-box__tbl-item .td .content-down {
    color: #EF4B4B;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.attracting-box__tbl-item .td .content-down::before {
    content: "";
    width: 6px;
    height: 7px;
    background: url("../img/common/img-down.png") no-repeat center center;
    background-size: 100%;
    display: inline-block;
    margin-right: 2px;
}
.attracting-box__tbl-item .td .content-up {
    color: #5EC462;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.attracting-box__tbl-item .td .content-up::before {
    content: "";
    width: 6px;
    height: 7px;
    background: url("../img/common/img-up.png") no-repeat center center;
    background-size: 100%;
    display: inline-block;
    margin-right: 2px;
}
.attracting-box__tbl-item .td .content-equal {
    color: #8CA3AF;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.attracting-box__tbl-item .td .content-equal::before {
    content: "";
    width: 7px;
    height: 6px;
    background: url("../img/common/img-equal.png") no-repeat center center;
    background-size: 100%;
    display: inline-block;
    margin-right: 2px;
}
@media screen and (min-width: 768px) {
    .attracting-box__tbl-itemmid {
        background: #DEDEDE;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-itemmidwrap {
        padding: 0px 20px;
        margin-bottom: 48px;
    }
    .attracting-box__tbl-itemmidwrap:last-child {
        margin-bottom: 0;
    }
    .attracting-box__tbl-itemmidwrap .td {
        border-bottom-color: #DEDEDE;
    }
    .attracting-box__tbl-itemmidwrap .td:last-child {
        border-bottom: none;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-itemsub {
        margin-bottom: 20px;
    }
    .attracting-box__tbl-itemsub:last-child {
        margin-bottom: 0;
        border-radius: 0 0 10px 10px;
    }
    .attracting-box__tbl-itemsub:first-child {
        border-radius: 10px 10px 0 0;
    }
    .attracting-box__tbl-itemsub:nth-child(even) {
        width: calc(100% + 40px);
        margin: 0 -20px;
        background: #F5F5F5;
        padding: 15px 20px 8px;
    }
    .attracting-box__tbl-itemsub:nth-child(odd) {
        width: calc(100% + 40px);
        margin: 0 -20px;
        background: #FFFFFF;
        padding: 20px 20px 4px;
    }
}
@media screen and (min-width: 768px) {
    .attracting-box__tbl-itemsub .td:first-child {
        text-align: center;
        adding-right: 55px;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-itemsub .td:first-child {
        padding-bottom: 5px;
    }
}
@media screen and (min-width: 768px) {
    .attracting-box__tbl-itemsub:nth-child(even) {
        background: #F5F5F5;
    }
}
.attracting-box__tbl-wrap {
    color: #FFFFFF;
    background: #25526A;
}
.attracting-box__tbl-wrap .td .content-l {
    color: #fff;
}
.attracting-box__tbl-wrap .content-l__sub:last-child {
    color: #fff !important;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-wrap {
        margin-bottom: 18px;
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 0 15px;
    }
    .attracting-box__tbl-wrap .td:first-child {
        color: #FFFFFF;
        background: #25526A;
        padding: 10px 0px 5px;
        border-bottom: 0;
        margin-bottom: 4px;
    }
}
@media screen and (min-width: 768px) {
    .attracting-box__tbl-wrap .td-ttl .txt {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33;
    }
}
.attracting-box__tbl-wrap .txt-sm {
    color: #FFFFFF;
}
@media screen and (max-width: 767px) {
    .attracting-box__tbl-wrapsp {
        background: #DEDEDE;
        width: calc(100% + 10px);
        margin-right: -10px;
        padding: 20px 10px 0;
        border-radius: 10px 0 0 10px;
        position: relative;
        margin-top: 11px;
        position: relative;
        right: -5px;
    }
    .attracting-box__tbl-wrapsp .td {
        padding: 9px 3px 4px;
    }
}
@media screen and (min-width: 768px) {
    .attracting-box .cm-tdline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0 5px;
    }
}
.attracting-box .js-cmsl .ico-minus {
    display: inline-block;
}
.attracting-box .js-cmsl .ico-plus {
    display: none;
}
.attracting-box .js-cmsl.open .ico-minus {
    display: none;
}
.attracting-box .js-cmsl.open .ico-plus {
    display: inline-block;
}
@media screen and (min-width: 768px) {
    .attracting-box-itemmid {
        background: #DEDEDE;
    }
    .attracting-box-itemmidsub .td:first-child {
        text-align: center;
        padding-right: 7%;
    }
}
.attracting-box .itemsub {
    background: red;
}
.attracting-box .td-ttl .ico {
    display: inline-block;
}
@media screen and (min-width: 768px) {
    .attracting-box .td-ttl .ico {
        width: 14px;
        height: 14px;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box .td-ttl .ico {
        width: 28px;
        height: 28px;
    }
    .attracting-box .td-ttl .ico img {
        width: 28px;
        height: 28px;
    }
}
@media screen and (max-width: 767px) {
    .attracting-box .btn-plus01 {
        margin: 20px auto 25px;
        color: #fff;
        height: 28px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .attracting-box .btn-plus01 .on {
        display: block;
    }
    .attracting-box .btn-plus01 .off {
        display: none;
    }
    .attracting-box .btn-plus01.open .on {
        display: none;
    }
    .attracting-box .btn-plus01.open .off {
        display: block;
    }
    .attracting-box .btn-plus01.open:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.box-datepicker__main {
    position: fixed;
    top: 0;
    right: -400px;
    bottom: 0;
    width: 375px;
    background: #DEDEDE;
    padding: 0;
    color: #25526A;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    z-index: 999999;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 100vh;
    overflow-y: auto;
}
.box-datepicker__main.active {
    right: 0;
}
.box-datepicker__tab {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    color: #3E5776;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #E6E8E9;
    padding: 75px 32px 0;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    gap: 0 17px;
}
.box-datepicker__tab-item {
    min-width: 100px;
    text-align: center;
    position: relative;
}
.box-datepicker__tab-item:after {
    content: "";
    width: 100px;
    height: 3px;
    background: #F29B5B;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box-datepicker__tab-item.active:after, .box-datepicker__tab-item:hover:after {
    opacity: 1;
}
.box-datepicker__ct .boxCheckWrap {
    padding: 13px 7px 7px 40px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 5px;
}
.box-datepicker__ct .boxCheckWrap .checkmark {
    left: 9px;
}
.box-datepicker__ct .lable-txt {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3571428571;
}
.box-datepicker__ct .lable-txt small {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    display: block;
}
.box-datepicker__ct .search-block__item {
    margin-top: 15px;
    margin-bottom: 5px;
}
.box-datepicker__mainct {
    padding: 28px 31px 30px 35px;
}
.box-datepicker__mainctsub .datepicker {
    margin: 0 20px 0 20px;
    width: 263px;
}
.box-datepicker .search-block__item .form-content__input--02 .setting-index__desc {
    width: 100%;
}
.box-datepicker .search-block__item .form-content__input--02 .setting-index__desc-check {
    background: transparent;
}
.box-datepicker .search-block__sub {
    padding: 11px 0 0;
}
.box-datepicker .search-block__sub .btn-comp01 {
    height: 40px;
}
.box-datepicker .search-block__close {
    top: 38px;
    right: 19px;
}
.box-datepicker #idboxct04 .search-block__item {
    max-width: 262px;
    margin: 25px auto 5px;
}
.box-datepicker__ttl {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 700;
    color: #3E5776;
    margin-bottom: 8px;
    text-align: left;
}

.sec-approach {
    margin-top: 62px;
}
@media screen and (max-width: 834px) {
    .sec-approach {
        margin-top: 32px;
    }
}

@media screen and (max-width: 834px) {
    .approach-result.block-setting_partsmain .list-contactmain--modify .item {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
}
.approach-result.block-setting_partsmain .list-contactmain--modify .item:hover {
    background: #fff !important;
}
.approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-th,
.approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-td {
    padding: 0 !important;
    width: 17.5% !important;
    min-width: 130px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-th,
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 !important;
        padding: 0.4em 0 0 !important;
        width: 100% !important;
        font-size: 1.6rem;
        text-align: left;
        font-family: "Sofia Pro", sans-serif;
        font-weight: 700;
    }
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-th > span,
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-td > span {
        width: auto;
        font-size: 1.4rem;
        font-weight: normal;
    }
}
.approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-th:first-child,
.approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-td:first-child {
    width: 30% !important;
    text-align: left;
}
@media screen and (max-width: 834px) {
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-th:first-child,
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-td:first-child {
        position: relative;
        padding-top: 0 !important;
        margin-bottom: 1em !important;
        width: 100% !important;
    }
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-th:first-child:before,
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-td:first-child:before {
        content: "";
        position: absolute;
        left: -10px;
        top: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        background: #DEDEDE;
        z-index: -1;
    }
}
@media screen and (max-width: 834px) {
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-th:nth-child(2),
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-td:nth-child(2) {
        margin: 0 !important;
    }
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-th:nth-child(2) > span,
    .approach-result.block-setting_partsmain .list-contactmain--modify .item .sub-td:nth-child(2) > span {
        font-size: 1.4rem;
        width: auto !important;
    }
}
.approach-result.block-setting_partsmain .list-contactmain--modify .item:last-child {
    background: rgba(37, 82, 106, 0.5) !important;
    border: 0;
    color: #fff;
}
.approach-result.block-setting_partsmain .list-contactmain--modify .item:last-child .sub-td:not(:first-child) {
    font-size: 160% !important;
}
@media screen and (max-width: 834px) {
    .approach-result.block-setting_partsmain .list-contactmain--modify .item:last-child .sub-td:first-child:before {
        background: rgba(37, 82, 106, 0.5) !important;
    }
}

.rangedate-wrap__box {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 291px;
    margin-top: 10px;
    cursor: pointer;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__box {
        width: 250px;
        background: white url("../img/common/ico-datepicker.png") center left 14px no-repeat;
        border-radius: 17px;
        padding: 3px 26px 7px 34px;
        margin: -1px 0 11px;
    }
    .rangedate-wrap__box:before {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        border: solid #25526A;
        border-width: 0 2px 2px 0;
        top: 48%;
        left: auto;
        right: 16px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }
}
.rangedate-wrap__box:after {
    content: "";
    position: absolute;
    background: #25526A;
    width: 5px;
    height: 2px;
    pointer-events: none;
    top: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__box:after {
        top: 17px;
        left: 52%;
    }
}
.rangedate-wrap__box-input {
    position: relative;
    width: 47%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    font-weight: bold;
    font-size: 9px;
    font-size: 0.9rem;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__box-input {
        width: 90px;
    }
}
.rangedate-wrap__box-input p {
    margin-right: 3px;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__box-input p {
        display: none;
    }
}
.rangedate-wrap__box-input input {
    text-align: center;
    width: 100%;
    max-width: 106px;
    height: 24px;
    background: white;
    color: #25526A;
    border-radius: 3px;
    border: 0;
    outline: none;
    font-family: "Sofia Pro", sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    word-break: keep-all;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__box-input input {
        background: unset;
        max-width: 100%;
    }
}
.rangedate-wrap__box-input input::-webkit-input-placeholder {
    color: #25526A;
}
.rangedate-wrap__box-input input::-moz-placeholder {
    color: #25526A;
}
.rangedate-wrap__box-input input:-ms-input-placeholder {
    color: #25526A;
}
.rangedate-wrap__box-input input::-ms-input-placeholder {
    color: #25526A;
}
.rangedate-wrap__box-input input::placeholder {
    color: #25526A;
}
.rangedate-wrap__popup {
    position: fixed;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 451px;
    height: 100vh;
    background: white;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
    padding-bottom: 61px;
    top: 0;
    right: -500px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: auto;
    z-index: 99;
}
@media screen and (max-width: 1024px) {
    .rangedate-wrap__popup {
        height: calc(100vh - 60px);
        padding-top: 70px;
    }
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__popup {
        width: 100vw;
        padding-bottom: 80px;
    }
}
.rangedate-wrap__control {
    width: 44.4%;
    background: #F5F5F5;
    padding: 22px 20px;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__control {
        width: 100%;
        padding: 34px 16px;
    }
}
.rangedate-wrap__ttl {
    border-bottom: 1px solid #8CA3AF;
    padding-bottom: 12px;
    margin-bottom: 23px;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__ttl {
        font-size: 14px;
        font-size: 1.4rem;
        padding-bottom: 16px;
        margin-bottom: 28px;
    }
}
.rangedate-wrap__list {
    border-bottom: 1px solid #8CA3AF;
    margin-bottom: 19px;
}
.rangedate-wrap__list-item {
    margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__list-item {
        margin-bottom: 25px;
    }
}
.rangedate-wrap__list-item:last-child {
    margin-bottom: 17px;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__list-item:last-child {
        margin-bottom: 28px;
    }
}
.rangedate-wrap__list-item a {
    display: block;
    color: #25526A;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__list-item a {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.rangedate-wrap__list-item a.ar {
    position: relative;
    padding-right: 20px;
}
.rangedate-wrap__list-item a.ar:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: solid #25526A;
    border-width: 1px 1px 0 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.rangedate-wrap__change {
    position: relative;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 45px 0 0;
    cursor: pointer;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__change {
        font-size: 14px;
        font-size: 1.4rem;
        padding-top: 3px;
    }
}
.rangedate-wrap__change:before, .rangedate-wrap__change:after {
    content: "";
    position: absolute;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.rangedate-wrap__change:before {
    width: 37px;
    height: 18px;
    background: #EAEAEA;
    border: 1px solid #DEDEDE;
    border-radius: 15px;
    right: 2px;
    top: 0;
}
.rangedate-wrap__change:after {
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    border: 2px solid #DEDEDE;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
    right: 17px;
    top: -2px;
}
.rangedate-wrap__change.on:before {
    background: #F29B5B;
    border-color: #F29B5B;
}
.rangedate-wrap__change.on:after {
    border-color: #F29B5B;
    right: 0;
}
.rangedate-wrap__calendar {
    position: relative;
    width: 55.6%;
    padding: 65px 10px 30px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar {
        width: 100%;
        padding: 67px 15px 30px;
    }
}
.rangedate-wrap__calendar.on {
    padding-top: 121px;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar.on {
        padding-top: 132px;
    }
}
.rangedate-wrap__calendar.on .rangedate-wrap__calendar-head.compare {
    opacity: 1;
    top: 56px;
}
.rangedate-wrap__calendar-head {
    position: absolute;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background: #FCF1E8;
    padding: 8px 9px 10px;
    top: 0;
    left: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar-head {
        padding: 13px 17px;
    }
}
.rangedate-wrap__calendar-head:before {
    content: "";
    position: absolute;
    background: #25526A;
    width: 6px;
    height: 1px;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar-head:before {
        height: 2px;
        bottom: 22px;
    }
}
.rangedate-wrap__calendar-head.compare {
    background: #E6E8E9;
    opacity: 0;
}
.rangedate-wrap__calendar-input {
    width: 46%;
    font-weight: bold;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar-input {
        width: 47.2%;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
}
.rangedate-wrap__calendar-input p {
    font-size: 9px;
    font-size: 0.9rem;
    margin-bottom: 1px;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar-input p {
        width: 41px;
        font-size: 12px;
        font-size: 1.2rem;
        margin: 3px 0 0;
    }
}
.rangedate-wrap__calendar-input input {
    text-align: center;
    width: 100%;
    height: 24px;
    background: white;
    color: #25526A;
    border-radius: 3px;
    border: 0;
    outline: none;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-family: "Sofia Pro", sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    word-break: keep-all;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar-input input {
        width: calc(100% - 41px);
        height: 30px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.rangedate-wrap__calendar-input input::-webkit-input-placeholder {
    color: #25526A;
}
.rangedate-wrap__calendar-input input::-moz-placeholder {
    color: #25526A;
}
.rangedate-wrap__calendar-input input:-ms-input-placeholder {
    color: #25526A;
}
.rangedate-wrap__calendar-input input::-ms-input-placeholder {
    color: #25526A;
}
.rangedate-wrap__calendar-input input::placeholder {
    color: #25526A;
}
.rangedate-wrap__calendar .daterangepicker {
    position: relative;
    display: block !important;
    width: 100%;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 20px 0 0;
    direction: unset;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}
.rangedate-wrap__calendar .daterangepicker:before, .rangedate-wrap__calendar .daterangepicker:after {
    display: none;
}
.rangedate-wrap__calendar .daterangepicker .ranges {
    display: none;
}
.rangedate-wrap__calendar .daterangepicker .drp-calendar {
    width: 100%;
    max-width: 100% !important;
    border: 0 !important;
    padding: 0;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table {
    border: 0;
    border-radius: 0;
    padding: 0 !important;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table th, .rangedate-wrap__calendar .daterangepicker .calendar-table td {
    width: 14.2857142857%;
    color: #25526A;
    border-radius: 0;
    font-family: "Sofia Pro", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar .daterangepicker .calendar-table th, .rangedate-wrap__calendar .daterangepicker .calendar-table td {
        font-size: 19px;
        font-size: 1.9rem;
    }
}
.rangedate-wrap__calendar .daterangepicker .calendar-table th {
    height: 20px;
    line-height: 1;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table thead tr {
    width: 100%;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table thead tr:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    background: #F5F5F5;
    font-weight: 500;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table thead tr:nth-child(2) {
    position: absolute;
    background: #C7D5DD;
    font-weight: bold;
    top: 0;
    left: 0;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table thead tr:nth-child(2) th:nth-child(6) {
    color: #5080CC;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table thead tr:nth-child(2) th:nth-child(7) {
    color: #F29B5B;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table td {
    height: 49px;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table td.start-date, .rangedate-wrap__calendar .daterangepicker .calendar-table td.end-date {
    border-radius: 0;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table td.available:hover {
    background: #FCF1E8;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table td.in-range {
    background: #FCF1E8;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table td.active {
    background: #F29B5B;
    color: white;
}
.rangedate-wrap__calendar .daterangepicker .calendar-table td.active:hover {
    background: #F29B5B;
}
.rangedate-wrap__calendar .daterangepicker .drp-buttons {
    position: fixed;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 451px;
    height: 66px;
    background: #DEDEDE;
    z-index: 1;
    opacity: 0;
    bottom: -70px;
    right: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar .daterangepicker .drp-buttons {
        width: 100vw;
        height: 80px;
    }
}
.rangedate-wrap__calendar .daterangepicker .drp-buttons .btn {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    max-width: 150px;
    height: 40px;
    background: white;
    color: #25526A;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 30px;
    font-family: "Sofia Pro", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    margin: 0 5px;
}
@media screen and (max-width: 640px) {
    .rangedate-wrap__calendar .daterangepicker .drp-buttons .btn {
        max-width: 160px;
        height: 50px;
        font-size: 24px;
        font-size: 2.4rem;
    }
}
.rangedate-wrap__calendar .daterangepicker .drp-buttons .btn.btn-primary {
    background: #25526A;
    color: white;
    font-weight: bold;
}
.rangedate-wrap__calendar .daterangepicker .drp-selected {
    display: none;
}

#daterange.active .rangedate-wrap__popup {
    right: 0;
}
#daterange.active .rangedate-wrap__calendar .daterangepicker .drp-buttons {
    opacity: 1;
    bottom: 0;
}
@media screen and (max-width: 1024px) {
    #daterange.active .rangedate-wrap__calendar .daterangepicker .drp-buttons {
        bottom: 60px;
    }
}

.page-login {
    width: 100%;
    height: auto;
}

.sec-login {
    background: #F29B5B;
    min-height: 100vh;
    width: 100%;
    overflow-y: auto;
    padding-bottom: 30px;
}
@media screen and (max-width: 834px) {
    .sec-login {
        padding-bottom: 25px;
    }
}
.sec-login .login-mv img {
    width: 100%;
}
.sec-login .ttl-login {
    font-family: "Sofia Pro", sans-serif;
    color: #F29B5B;
    font-size: 50px;
    font-size: 5rem;
    line-height: 1.34;
    font-weight: 700;
    margin-bottom: 17px;
}
@media screen and (max-width: 834px) {
    .sec-login .ttl-login {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 1.2619047619;
        margin-bottom: 10px;
    }
}
.sec-login .block-login {
    text-align: center;
    max-width: 700px;
    margin: -140px auto 41px;
    border-radius: 20px;
    background: #fff;
    padding: 36px 30px 52px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 1024px) {
    .sec-login .block-login {
        margin-top: -9vw;
    }
}
@media screen and (max-width: 834px) {
    .sec-login .block-login {
        margin: -35px auto 8px;
        padding: 24px 15px 43px;
        border-radius: 10px;
        max-width: calc(100% - 30px);
        width: 600px;
    }
}
.sec-login .box-login {
    max-width: 400px;
    margin: 0 auto 30px;
}
@media screen and (max-width: 640px) {
    .sec-login .box-login {
        max-width: 340px;
        margin: 0 auto 24px;
    }
}
.sec-login .box-login input {
    width: 100%;
    height: 46px;
    border-radius: 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: #F0F0F0;
    color: #25526A;
    padding: 2px 5px 5px 19px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: "Sofia Pro", sans-serif;
    margin-bottom: 10px;
}
.sec-login .box-login input::-ms-expand {
    display: none;
}
.sec-login .box-login input::-webkit-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.sec-login .box-login input::-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.sec-login .box-login input:-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.sec-login .box-login input::-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.sec-login .box-login input::placeholder {
    color: rgba(37, 82, 106, 0.5);
}
@media screen and (max-width: 834px) {
    .sec-login .box-login input {
        margin-bottom: 5px;
    }
}
.sec-login .box-login button[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    background: #25526A;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.35;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Sofia Pro", sans-serif;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    width: 200px;
    height: 50px;
    border-radius: 30px;
    margin: 10px auto 0;
    text-align: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sec-login .box-login button[type=submit]:hover {
    opacity: 0.65;
}
.sec-login .box-login button[type=submit].unblock {
    position: relative;
    pointer-events: none;
    background: rgba(37, 82, 106, 0.3);
}
@media screen and (max-width: 834px) {
    .sec-login .link-login {
        display: block;
        max-width: 230px;
        margin: 0 auto;
    }
}
.sec-login .link-login a {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3;
    color: #25526A;
    text-decoration: underline;
    margin: 0 20px;
    position: relative;
}
@media screen and (max-width: 834px) {
    .sec-login .link-login a {
        display: inline-block;
        margin: 0 0 10px 0;
    }
}
.sec-login .link-login a:after {
    content: "";
    width: 2px;
    height: 16px;
    background: #8CA3AF;
    position: absolute;
    top: 0;
    right: -22px;
}
@media screen and (max-width: 834px) {
    .sec-login .link-login a:after {
        content: none;
    }
}
.sec-login .link-login a:last-child {
    margin-right: 0;
}
@media screen and (max-width: 834px) {
    .sec-login .link-login a:last-child {
        margin-bottom: 0;
    }
}
.sec-login .link-login a:last-child:after {
    content: none;
}
.sec-login .link-login a:first-child {
    margin-left: 0;
}
.sec-login .link-forgetpass {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.333;
    font-weight: 500;
    color: #fff;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}
.sec-login .link-forgetpass a {
    color: #fff;
    text-decoration: underline;
}

.login-footer {
    max-width: 560px;
    margin: 0 auto;
    gap: 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 834px) {
    .login-footer {
        display: block;
        padding: 0 15px;
        text-align: center;
        display: block;
    }
}
.login-footer__l {
    width: 50%;
    padding-top: 11px;
}
@media screen and (max-width: 834px) {
    .login-footer__l {
        width: 250px;
        margin: 0 auto 13px;
    }
}
.login-footer__img {
    width: calc(100% + 5px);
    margin-right: -5px;
}
@media screen and (max-width: 834px) {
    .login-footer__img {
        width: calc(100% + 10px);
        margin: 0 -5px;
    }
}
.login-footer__r {
    width: 50%;
}
@media screen and (max-width: 834px) {
    .login-footer__r {
        width: 100%;
    }
}
.login-footer__ttl {
    text-align: center;
    margin-bottom: 11px;
}
.login-footer__ttl span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5714285714;
    color: #fff;
    font-weight: 700;
    position: relative;
    padding: 0 10px;
}
.login-footer__ttl span:after {
    content: "";
    position: absolute;
    height: 25px;
    width: 1px;
    right: 0;
    top: -3px;
    background-color: #fff;
    -webkit-transform: rotate(21deg);
    -ms-transform: rotate(21deg);
    transform: rotate(21deg);
}
.login-footer__ttl span:before {
    content: "";
    position: absolute;
    height: 25px;
    width: 2px;
    left: 0;
    top: -5px;
    background-color: #fff;
    -webkit-transform: rotate(340deg);
    -ms-transform: rotate(340deg);
    transform: rotate(340deg);
}
.login-footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 5px;
}
@media screen and (max-width: 834px) {
    .login-footer__logo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 0 14px;
    }
    .login-footer__logo a:first-child {
        width: 69%;
    }
    .login-footer__logo a:last-child {
        width: 31%;
    }
}

.poppuplogin-t {
    text-align: center;
    padding-bottom: 22px;
    border-bottom: 1px solid #F29B5B;
    margin-bottom: 36px;
}
@media screen and (max-width: 834px) {
    .poppuplogin-t {
        margin-bottom: 22px;
    }
}
.poppuplogin-t--nobdb {
    border-bottom: none;
    margin-bottom: 0;
}
@media screen and (max-width: 834px) {
    .poppuplogin-t--nobdb {
        margin-bottom: 18px;
    }
}
.poppuplogin-t__ttl {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #F29B5B;
    margin-bottom: 11px;
    line-height: 1.3333333333;
    display: block;
}
@media screen and (max-width: 834px) {
    .poppuplogin-t__ttl {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.35;
    }
}
.poppuplogin-t__txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 500;
    color: #3E5776;
    margin-bottom: 0;
}
@media screen and (max-width: 834px) {
    .poppuplogin-t__txt--ltxt {
        text-align: left;
    }
}
.poppuplogin-bt {
    text-align: center;
}
.poppuplogin-bt__ttl {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.35;
    font-weight: 700;
    color: #25526A;
    margin-bottom: 17px;
}
.poppuplogin-bt__links {
    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;
    gap: 0 10px;
}
.poppuplogin-bt__links .btn-comp01 {
    margin: 0;
    width: 160px;
}
@media screen and (max-width: 834px) {
    .poppuplogin-bt__links .btn-comp01 {
        width: 150px;
    }
}
.poppuplogin-bt .modal-box__item {
    margin-bottom: 30px !important;
}
.poppuplogin-bt .modal-box__item .modal-box__lbl {
    width: 130px;
    text-align: left;
}
@media screen and (max-width: 834px) {
    .poppuplogin-bt .modal-box__item .modal-box__lbl {
        width: 100%;
    }
}
.poppuplogin-bt .modal-box__item .modal-box__info {
    width: calc(100% - 130px);
}
@media screen and (max-width: 834px) {
    .poppuplogin-bt .modal-box__item .modal-box__info {
        width: 100%;
    }
}
.poppuplogin-info {
    background: #F5F5F5;
    padding: 28px 15px;
    text-align: center;
    margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
    .poppuplogin-info {
        padding: 18px 10px;
        margin-bottom: 20px;
    }
}
.poppuplogin-info .poppuplogin-bt__ttl {
    margin-bottom: 2px;
}
@media screen and (max-width: 834px) {
    .poppuplogin-info .poppuplogin-bt__ttl {
        margin-bottom: -4px;
    }
}
.poppuplogin-info__tel {
    font-size: 22px;
    font-size: 2.2rem;
    font-family: "Sofia Pro", sans-serif;
    font-weight: 700;
    line-height: 1.2272727273;
    margin-bottom: 10px;
    color: #F29B5B;
}
@media screen and (max-width: 834px) {
    .poppuplogin-info__tel {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 8px;
    }
}
.poppuplogin-info__tel a {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.2352941176;
    font-weight: 900;
    margin-left: 10px;
    position: relative;
    top: 2px;
}
@media screen and (max-width: 834px) {
    .poppuplogin-info__tel a {
        font-size: 30px;
        font-size: 3rem;
    }
}
.poppuplogin-info__mail {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3571428571;
    margin-bottom: 16px;
}
@media screen and (max-width: 834px) {
    .poppuplogin-info__mail {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 13px;
    }
}
.poppuplogin-info__mail a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2222222222;
    font-weight: 500;
    font-family: "Sofia Pro", sans-serif;
    margin-left: 21px;
    text-decoration: underline;
}
@media screen and (max-width: 834px) {
    .poppuplogin-info__mail a {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.poppuplogin-info__time {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3;
}
@media screen and (max-width: 834px) {
    .poppuplogin-info__time {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

.page-login ~ .modal-box .modal-box__wrap {
    max-width: 652px;
}

.box-pw .modal-box__item:last-child {
    margin-bottom: 0;
}
.box-pw .modal-box__item .modal-box__lbl {
    width: 250px;
    padding: 12px 0 0;
    text-align: left;
}
@media screen and (max-width: 834px) {
    .box-pw .modal-box__item .modal-box__lbl {
        margin-bottom: 15px;
    }
}

.page-pw_reset04 .poppuplogin-t__link,
.page-pw_reset03 .poppuplogin-t__link {
    font-weight: 700;
    font-size: 14px;
}
.page-pw_reset04 .poppuplogin-t__link a,
.page-pw_reset03 .poppuplogin-t__link a {
    color: #F29B5B;
    text-decoration: underline;
}

.list-contactmain {
    margin-bottom: 21px;
}
@media screen and (max-width: 834px) {
    .list-contactmain {
        margin-bottom: 165px;
    }
}
.list-contactmain .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #fff;
    margin-bottom: 3px;
    padding: 11px 0 3.2px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}
@media screen and (max-width: 834px) {
    .list-contactmain .item {
        padding: 10px 0 7px;
        margin-bottom: 6px;
        border-radius: 1px;
    }
}
.list-contactmain .item.item-th {
    background: transparent;
    border-bottom: 2px solid #F29B5B;
    padding-top: 14px;
    padding-bottom: 13px;
    margin-bottom: 4px;
    border-radius: 0;
}
.list-contactmain .item.item-th {
    border: none;
    border-bottom: 2px solid #F29B5B;
}
.list-contactmain .item.item-th .sub-th {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 700;
    color: #25526A;
}
.list-contactmain .item.item-th .sub-th:nth-child(2) {
    width: 20.8333333333%;
}
.list-contactmain .item.item-th .sub-th:nth-child(3) {
    width: 17.8571428571%;
}
.list-contactmain .item.item-th .sub-th:nth-child(4) {
    width: 19.0476190476%;
}
.list-contactmain .item.item-th .sub-th:nth-child(5) {
    width: 14.2857142857%;
    text-align: center;
}
.list-contactmain .item.item-th .sub-th:first-child {
    width: 10.7142857143%;
}
.list-contactmain .item.item-th .sub-th:first-child .boxCheckWrap {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.357;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Sofia Pro", sans-serif;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .list-contactmain .item.item-th .sub-th:first-child .boxCheckWrap label {
        padding-top: 2px;
        display: inline-block;
    }
}
.list-contactmain .item.item-th .sub-th .dropdown {
    position: relative;
}
.list-contactmain .item.item-th .sub-th .dropdown:hover .dropdown-content {
    display: inline-block;
}
.list-contactmain .item.item-th .sub-th .has-bg {
    position: relative;
    padding-right: 5px;
}
@media only screen and (min-width: 1281px) {
    .list-contactmain .item.item-th .sub-th .has-bg {
        padding-right: 0;
    }
}
.list-contactmain .item.item-th .sub-th .has-bg:after {
    content: "";
    width: 13px;
    height: 8px;
    background: url("../img/contact/img-arrow.png") no-repeat center center;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.list-contactmain .item.item-th .sub-th .dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    width: 196px;
    padding-top: 10px;
    margin-left: 8px;
    z-index: 2;
}
.list-contactmain .item.item-th .sub-th .dropdown-content__main {
    padding: 7px 15px 10px 13px;
    border-radius: 5px;
    background: #F5F5F5;
}
.list-contactmain .item.item-th .sub-th .dropdown-content.common-w96 {
    width: 96px;
    margin-left: 20px;
}
@media only screen and (min-width: 1281px) {
    .list-contactmain .item.item-th .sub-th .dropdown-content.common-w96 {
        right: 0;
        margin: 0 auto;
    }
}
.list-contactmain .item.item-th .sub-th .dropdown-content.common-w86 {
    width: 86px;
    margin-left: 20px;
}
@media only screen and (min-width: 1281px) {
    .list-contactmain .item.item-th .sub-th .dropdown-content.common-w86 {
        right: 0;
        margin: 0 auto;
    }
}
.list-contactmain .item.item-th .sub-th .dropdown-content a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.357;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    color: #25526A;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 9.5px;
}
.list-contactmain .item.item-th .sub-th .dropdown-content a:last-child {
    margin-bottom: 0;
}
.list-contactmain .item.item-td {
    position: relative;
    z-index: 1;
}
.list-contactmain .item.item-td:hover {
    background: #F5F5F5;
    border-color: #E0E0E0;
}
.list-contactmain .item.item-td:hover .box-delete {
    display: inline-block;
}
.list-contactmain .item.item-td .linkAll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.list-contactmain .item.item-td .sub-td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.357;
    font-weight: 500;
}
.list-contactmain .item.item-td .sub-td:first-child {
    width: 10.7142857143%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 834px) {
    .list-contactmain .item.item-td .sub-td:first-child {
        width: 13.608696%;
    }
}
.list-contactmain .item.item-td .sub-td:nth-child(2) {
    width: 20.8333333333%;
    font-weight: 700;
    line-height: 1.1;
}
.list-contactmain .item.item-td .sub-td:nth-child(2) > span {
    width: 100%;
    font-weight: 500;
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
}
@media screen and (max-width: 834px) {
    .list-contactmain .item.item-td .sub-td:nth-child(2) {
        width: 49.608%;
    }
    .list-contactmain .item.item-td .sub-td:nth-child(2) > span {
        width: 100%;
        font-weight: 500;
        display: inline-block;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.list-contactmain .item.item-td .sub-td:nth-child(3) {
    width: 19.0476190476%;
}
.list-contactmain .item.item-td .sub-td:nth-child(4) {
    width: 19.0476190476%;
}
@media screen and (max-width: 834px) {
    .list-contactmain .item.item-td .sub-td:nth-child(4) {
        width: 40%;
        text-align: right;
    }
    .list-contactmain .item.item-td .sub-td:nth-child(4) > span.sp {
        width: 100%;
        text-align: right;
        display: inline-block;
        padding-right: 14px;
        margin-top: 3px;
    }
    .list-contactmain .item.item-td .sub-td:nth-child(4) > span.sp span {
        color: rgba(37, 82, 106, 0.5);
    }
}
.list-contactmain .item.item-td .sub-td:nth-child(5) {
    width: 14.2857142857%;
    padding-left: 4px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-contactmain .item.item-td .sub-td:nth-child(5) {
        width: 34.7826086957%;
        text-align: center;
    }
}
.list-contactmain .item.item-td .sub-td .txt-btn {
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 20px;
    min-width: 90px;
    height: 28px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .list-contactmain .item.item-td .sub-td .txt-btn {
        padding: 7px 10px 5px;
    }
}
@media screen and (max-width: 834px) {
    .list-contactmain .item.item-td .sub-td .txt-btn {
        margin-bottom: 5px;
    }
}
.list-contactmain .item.item-td .sub-td .txt-btn__green {
    background: #25526A;
    color: #fff;
}
.list-contactmain .item.item-td .sub-td .txt-btn__green:hover {
    background: #2c617d;
    opacity: 1;
}
.list-contactmain .item.item-td .sub-td .txt-btn__yellow {
    background: #F29B5B;
    color: #fff;
}
.list-contactmain .item.item-td .sub-td .txt-btn__gray {
    background: rgba(37, 82, 106, 0.1);
    color: #25526A;
    font-weight: 500;
}
.list-contactmain .item.item-td .sub-td .txt-btn__white {
    color: rgba(37, 82, 106, 0.5);
    background: #fff;
}
.list-contactmain .item.item-td .sub-td .txt-btn__gray02 {
    padding: 9px 5px;
    background: #8CA3AF;
    color: #fff;
}
.list-contactmain .item.item-td .sub-td .txt-btn__border {
    padding: 9px 5px;
    background: #fff;
    color: #25526A;
    border: 1px #8CA3AF solid;
}
.list-contactmain .item.item-td .sub-td .txt-btn_transparent {
    background: transparent;
    color: #25526A;
}
.list-contactmain .item.item-td .sub-td .boxCheckWrap {
    padding-left: 49px;
    display: inline-block;
}
@media screen and (max-width: 834px) {
    .list-contactmain .item.item-td .sub-td .boxCheckWrap {
        padding-left: 41px;
    }
}
.list-contactmain .item.item-td .sub-td .box-checkstar {
    width: 24px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.list-contactmain .item.item-td .sub-td .box-checkstar:before {
    content: "";
    height: 24px;
    width: 24px;
    background: url("../img/contact/img-star.png") no-repeat center center;
    background-size: 100%;
    display: inline-block;
}
.list-contactmain .item.item-td .sub-td .box-checkstar.jschoosed:before {
    background: url("../img/contact/img-star01.png") no-repeat center center;
    background-size: 100%;
}
.list-contactmain .item.item-td .sub-td .number-time {
    font-weight: 400;
}
@media screen and (max-width: 834px) {
    .list-contactmain .item.item-td .sub-td .text-sm {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .list-contactmain .item.item-td .sub-td .text-sm ~ .txt-btn {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 834px) {
    .list-contactmain .item.item-td .sub-td a {
        font-weight: 700;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.list-contactmain .item.item-td.bgColor {
    background: #F5F5F5;
    border-color: #E0E0E0;
}
.list-contactmain .item.item-td .box-delete {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
@media screen and (max-width: 834px) {
    .list-contactmain--c01 .item.item-td {
        padding: 13px 10px 13px 0;
    }
}
.list-contactmain--c01 .item.item-td .sub-td:nth-child(2) {
    width: 79%;
    padding-left: 5px;
    width: 77.3913043478%;
    padding-left: 5px;
}
.list-contactmain--c01 .item.item-td .sub-td:nth-child(3) {
    width: 10%;
}
@media screen and (max-width: 834px) {
    .list-contactmain--c01 .item.item-td .sub-td:nth-child(3) {
        width: 100%;
        padding-left: calc(22.6086956522% + 5px);
    }
}
.list-contactmain.list-contactmain--10 .item {
    padding: 16px 12px 8px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.3571428571;
}
@media screen and (max-width: 834px) {
    .list-contactmain.list-contactmain--10 .item {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3125;
        padding: 15px 12px 15px 15px;
    }
}
.list-contactmain.list-contactmain--10 .item .sub-td:first-child {
    width: 78.57%;
}
@media screen and (max-width: 834px) {
    .list-contactmain.list-contactmain--10 .item .sub-td:first-child {
        width: 55%;
    }
}
.list-contactmain.list-contactmain--10 .item .sub-td:nth-child(2) {
    width: 13.69%;
    font-family: "Sofia Pro", sans-serif;
}
@media screen and (max-width: 834px) {
    .list-contactmain.list-contactmain--10 .item .sub-td:nth-child(2) {
        width: 40%;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.3571428571;
    }
}
.list-contactmain.list-contactmain--10 .item .box-delete {
    width: 4.5238%;
}
@media screen and (max-width: 834px) {
    .list-contactmain.list-contactmain--10 .item .box-delete {
        display: block;
        opacity: 0.75;
    }
}

.block-contact__function {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 39px;
}
@media screen and (max-width: 834px) {
    .block-contact__function {
        margin-bottom: 10px;
        display: block;
    }
}
.block-contact__function .wrap-function {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media screen and (max-width: 834px) {
    .block-contact__function .wrap-function {
        width: 100%;
        margin-bottom: 14px;
    }
}
.block-contact__function .wrap-function__wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media screen and (max-width: 834px) {
    .block-contact__function .wrap-function__wr {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.block-contact__function .wrap-function__wr .btn-comp01--short {
    height: 34px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 5px;
    margin-right: 10px;
    width: 140px;
}
@media screen and (max-width: 834px) {
    .block-contact__function .wrap-function__wr .btn-comp01--short {
        width: 100px;
        height: 28px !important;
        font-size: 14px;
        font-size: 1.4em;
    }
}
.block-contact__function01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 22px;
}
@media screen and (max-width: 834px) {
    .block-contact__function01 {
        margin-right: 5px;
        width: 48px;
    }
}
.block-contact__function01-star {
    margin-right: 9px;
}
@media screen and (max-width: 834px) {
    .block-contact__function01-star {
        width: 18px;
        margin-right: 8px;
    }
}
@media screen and (max-width: 834px) {
    .block-contact__function01-star.jsdelete {
        width: 18px;
        margin-right: 0;
    }
}
.block-contact__function01.jsfunction {
    display: none;
}
@media screen and (max-width: 834px) {
    .block-contact__function01.jsfunction {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.block-contact__function01.jsfunction.hasbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 834px) {
    .block-contact__function .boxCheckWrap {
        position: relative;
        width: 41px;
    }
    .block-contact__function .boxCheckWrap .lable-txt {
        position: absolute;
        bottom: 7px;
        left: 9px;
    }
    .block-contact__function .boxCheckWrap .checkmark {
        top: calc(50% + 4px);
        left: 10px;
    }
}
@media screen and (max-width: 834px) {
    .block-contact__function .box-datepicker {
        width: 208px;
        background-image: none;
        padding-right: 24px;
    }
}
@media screen and (max-width: 374px) {
    .block-contact__function .box-datepicker {
        width: 150px;
    }
}
.block-contact__function .box-datepicker > input {
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
    .block-contact__function .box-menu {
        width: 32px;
        text-align: right;
        padding-left: 10px;
    }
}

@media screen and (max-width: 374px) {
    #datepickers-container .datepicker {
        left: 50px !important;
    }
}

.block-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.block-pagination__all {
    width: 34%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.block-pagination__all-select {
    margin-right: 10px;
}
.block-pagination__all-select .dropdown {
    background: #fff url("../img/contact/img-bg.png") no-repeat right 17px center;
    background-size: 12px auto;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 500;
    font-family: "Sofia Pro", sans-serif;
    border-radius: 17px;
    height: 34px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #25526A;
    width: 88px;
    padding: 5px 5px 5px 14px;
    position: relative;
}
@media screen and (min-width: 835px) {
    .block-pagination__all-select .dropdown:hover {
        background: #fff url("../img/contact/img-bg-hover.png") no-repeat right 17px center;
    }
    .block-pagination__all-select .dropdown:hover .dropdown-content {
        display: block;
    }
}
@media screen and (max-width: 834px) {
    .block-pagination__all-select .dropdown.open {
        background: #fff url("../img/contact/img-bg-hover.png") no-repeat right 17px center;
    }
    .block-pagination__all-select .dropdown.open .dropdown-content {
        display: block;
    }
}
.block-pagination__all-select .dropdown .dropdown-content {
    position: absolute;
    bottom: auto;
    left: 13px;
    padding-bottom: 7px;
    top: 37px;
    text-align: left;
    display: none;
}
.block-pagination__all-select .dropdown .dropdown-contentmain {
    background: #F5F5F5;
    padding: 10px 14px 14px 15px;
    width: 52px;
    border-radius: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
    .block-pagination__all-select .dropdown .dropdown-contentmain {
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
    }
}
.block-pagination__all-select .dropdown .dropdown-contentmain a {
    padding: 3px 0;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
}
@media screen and (max-width: 834px) {
    .block-pagination__all-select .dropdown .dropdown-contentmain a {
        padding: 4.4px 0;
        font-family: "Sofia Pro", sans-serif;
    }
}
.block-pagination__all-txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.357;
    color: #25526A;
    font-weight: 700;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}
.block-pagination__list {
    width: 66%;
}
@media screen and (max-width: 834px) {
    .block-pagination__list {
        width: 100%;
        text-align: center;
    }
}
.block-pagination__list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media screen and (max-width: 834px) {
    .block-pagination__list .list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.block-pagination__list .item {
    margin: 0 10px;
}
.block-pagination__list .item:first-child {
    margin-left: 0;
}
.block-pagination__list .item.active a {
    color: rgba(37, 82, 106, 0.3);
}
.block-pagination__list a,
.block-pagination__list span {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
    line-height: 1.333;
    color: #25526A;
}
.block-pagination__list span {
    padding: 0 4px;
}
.block-pagination__list a {
    padding: 0 5px;
}
.block-pagination__list .item.active a {
    color: rgba(37, 82, 106, 0.3);
}

.boxCheckWrap {
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 35px;
}
@media screen and (max-width: 834px) {
    .boxCheckWrap {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33;
        font-weight: 400;
        text-transform: uppercase;
    }
}
.boxCheckWrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
}
.boxCheckWrap input:checked ~ .checkmark:after {
    display: block;
}
.boxCheckWrap .checkmark {
    position: absolute;
    top: 42%;
    left: 9px;
    width: 20px;
    height: 20px;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    background: #fff;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.boxCheckWrap .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    border-width: 0 3px 3px 0;
    border-radius: 10px;
    background: #25526A;
}
@media screen and (max-width: 834px) {
    .boxCheckWrap .checkmark:after {
        left: 3px;
        top: 3px;
        width: 12px;
        height: 12px;
    }
}
.boxCheckWrap--yellow {
    text-align: left;
}
.boxCheckWrap--yellow input:checked ~ .checkmark {
    border-color: #F29B5B;
    background: #F29B5B;
}
.boxCheckWrap--yellow input:checked ~ .checkmark:after {
    background: #fff;
}
@media screen and (min-width: 835px) {
    .boxCheckWrap--other {
        position: relative;
        left: -4px;
        padding-left: 0 !important;
    }
    .boxCheckWrap--other .lable-txt {
        position: relative;
        top: -20px;
    }
    .boxCheckWrap--other + .block-contact__function01 {
        padding-left: 12px;
    }
}

.box-menu .box-close {
    position: relative;
}
.box-menu__dropdown {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 21474836471;
    display: none;
}
.box-menu__dropdown.menu-open {
    display: block;
}
.box-menu__dropdown-main {
    background: #DEDEDE;
    padding: 16px 16px 29px 13px;
    width: 100%;
    position: relative;
}
.box-menu__dropdown-main .box-group {
    margin-bottom: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.box-menu__dropdown-main .box-group:last-child {
    margin-bottom: 0;
}
.box-menu__dropdown-main .box-group label {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35;
    font-weight: 700;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    width: 78px;
    padding-right: 5px;
}
.box-menu__dropdown-main .box-group select {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/contact/img-arrow.png") no-repeat center right 10px;
    border-radius: 17px;
    height: 34px;
    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;
    width: calc(100% - 80px);
    padding: 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.357;
    font-weight: 500;
    color: #25526A;
    outline: none;
}
.box-menu__dropdown-main .box-group select::-ms-expand {
    display: none;
}
.box-menu__dropdown-main .box-close {
    position: absolute;
    top: 25px;
    right: 15px;
}
.box-menu__dropdown-txt {
    padding-right: 35px;
    margin-bottom: 30px;
}
.box-menu__dropdown-btn {
    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;
}
.box-menu__dropdown-btn .btn-function {
    font-size: 18px;
    font-size: 1.8rem;
    width: 150px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 20px;
    font-family: "Sofia Pro", sans-serif;
    margin-right: 10px;
}
.box-menu__dropdown-btn .btn-function:last-child {
    margin-right: 0;
}
.box-menu__dropdown-btn .btn-function select::-ms-expand {
    display: none;
}
.box-menu__dropdown-btn .btn-cancel {
    font-weight: 400;
    color: #25526A;
    background: #F0F0F0;
    padding-bottom: 4px;
}
.box-menu__dropdown-btn .btn-ok {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #F29B5B;
}
.box-menu__dropdown .page-contact_index .block-pagination__all-select .dropdown {
    background-position: right 20px center;
}

.search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 140px;
    height: 34px;
    border-radius: 40px;
    background: #25526A;
    color: white;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (max-width: 834px) {
    .search-box {
        width: 23px;
        background: none;
    }
    .search-box span {
        display: none;
    }
}
.search-box:before {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img/common/ico-search.png") no-repeat;
    background-size: 100%;
    margin-right: 7px;
}
@media screen and (max-width: 834px) {
    .search-box:before {
        width: 23px;
        height: 23px;
        background: url("../img/common/ico-search-02.png") no-repeat;
        background-size: 100%;
        margin-right: 0;
    }
}
.search-box:hover {
    opacity: 0.7;
}

.box-question {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3333333333;
    width: 110px;
    height: 34px;
    border: 2px solid #8CA3AF;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 5px;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    z-index: 110;
}
.box-question .js-checkqu {
    display: none;
}
.box-question .off {
    display: none;
}
.box-question:before {
    display: block;
    content: "";
    width: 18px;
    height: 13px;
    background: url(../img/common/ico-question.png) no-repeat;
    background-size: 100%;
    margin-right: 7px;
}
.box-question.active {
    background: #8CA3AF;
    color: #fff;
}
.box-question.active .off {
    display: block;
}
.box-question.active .on {
    display: none;
}
.box-question.active:before {
    background: url(../img/common/ico-questionhv.png) no-repeat;
    background-size: 100%;
}
.box-question--lg {
    border-color: #25526A;
    border-width: 1px;
    color: #25526A;
    height: 40px;
    background: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}
.box-question--lg::before {
    content: none;
}
.box-question--lg.active {
    background: #25526A;
}

.checkbox-form {
    font-size: 16px;
}

.search-block {
    position: fixed;
    top: 0;
    right: -400px;
    bottom: 0;
    width: 375px;
    background: #DEDEDE;
    padding: 50px 30px;
    color: #25526A;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    z-index: 999;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (max-width: 834px) {
    .search-block {
        top: 70px;
        width: 100%;
        right: -100%;
    }
}
.search-block.active {
    right: 0;
}
.search-block__close {
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url("../img/common/ico-close.png") no-repeat;
    background-size: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 20px;
    right: 30px;
}
@media screen and (max-width: 834px) {
    .search-block__close {
        right: 15px;
    }
}
.search-block__close:hover {
    opacity: 0.7;
}
.search-block__ttl {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
    .search-block__ttl {
        font-size: 20px;
        font-size: 2rem;
    }
}
.search-block dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
}
@media screen and (max-width: 834px) {
    .search-block dl {
        padding: 10px 0;
    }
}
.search-block dl dt {
    width: 90px;
}
.search-block dl dd {
    width: calc(100% - 90px) !important;
}
.search-block dl dd .checkmark {
    background: #C7C7C7 !important;
}
.search-block .search-block__item--check dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.search-block .search-block__item--check dt img {
    display: block;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.search-block .input {
    max-width: 100%;
}
.search-block .input::-webkit-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.search-block .input:-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.search-block .input::-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.search-block .input:-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.search-block select {
    background: white;
}
.search-block__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding: 20px 0 0;
}
.search-block__sub .js-search-close {
    background: #F0F0F0;
    color: #25526A;
}
.search-block__sub .btn-comp01 {
    width: calc(50% - 5px);
    margin: 0;
}
.search-block .select-custom {
    max-width: 100%;
}
.search-block .select-custom:after {
    background: url(../img/contact/img-arrow.png) no-repeat center center;
    background-size: 100%;
    top: 50%;
}

.c-switchCheckbox {
    padding-left: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-size: 1.4rem;
    line-height: 26px;
}
.c-switchCheckbox > span:last-child {
    font-weight: 600;
    display: none;
}

.c-switchCheckbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.c-switchCheckbox .indicator {
    width: 44px;
    height: 26px;
    border: 4px #eee solid;
    border-radius: 13px;
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.c-switchCheckbox .indicator:after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.c-switchCheckbox input:checked + .indicator + span {
    display: none;
}
.c-switchCheckbox input:checked + .indicator + span + span {
    display: inline-block;
}

.c-switchCheckbox input:checked ~ .indicator::after {
    background: #25526A;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.c-switchCheckbox input:disabled ~ .indicator::after {
    opacity: 0.35;
}

.list-company {
    margin-bottom: 21px;
}
@media screen and (max-width: 834px) {
    .list-company {
        margin-bottom: 165px;
    }
}
.list-company .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #fff;
    margin-bottom: 3px;
    padding: 10px 0 6px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}
@media screen and (max-width: 834px) {
    .list-company .item {
        padding: 13px 0 7px;
        margin-bottom: 6px;
        border-radius: 1px;
    }
}
.list-company .item:first-child {
    background: transparent;
    border-bottom: 2px solid #F29B5B;
    padding-top: 14px;
    padding-bottom: 13px;
    margin-bottom: 4px;
}
.list-company .item.item-th {
    border: none;
    border-bottom: 2px solid #F29B5B;
}
.list-company .item.item-th .sub-th {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 700;
    color: #25526A;
}
.list-company .item.item-th .sub-th:nth-child(2) {
    width: 23.8095238095%;
}
.list-company .item.item-th .sub-th:nth-child(3) {
    width: 12.5%;
}
.list-company .item.item-th .sub-th:nth-child(4) {
    width: 14.2857142857%;
}
.list-company .item.item-th .sub-th:nth-child(5) {
    width: 23.8095238095%;
}
.list-company .item.item-th .sub-th:first-child {
    width: 11.0714285714%;
}
.list-company .item.item-th .sub-th:first-child .boxCheckWrap {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.357;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Sofia Pro", sans-serif;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .list-company .item.item-th .sub-th:first-child .boxCheckWrap label {
        padding-top: 2px;
        display: inline-block;
    }
}
.list-company .item.item-th .sub-th .dropdown {
    position: relative;
}
.list-company .item.item-th .sub-th .dropdown:hover .dropdown-content {
    display: inline-block;
}
.list-company .item.item-th .sub-th .has-bg {
    position: relative;
    padding-right: 5px;
}
@media only screen and (min-width: 1281px) {
    .list-company .item.item-th .sub-th .has-bg {
        padding-right: 0;
    }
}
.list-company .item.item-th .sub-th .has-bg:after {
    content: "";
    width: 13px;
    height: 8px;
    background: url("../img/contact/img-arrow.png") no-repeat center center;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.list-company .item.item-th .sub-th .dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    width: 196px;
    padding-top: 10px;
    margin-left: 8px;
    z-index: 2;
}
.list-company .item.item-th .sub-th .dropdown-content__main {
    padding: 7px 15px 10px 13px;
    border-radius: 5px;
    background: #F5F5F5;
}
.list-company .item.item-th .sub-th .dropdown-content.common-w96 {
    width: 96px;
    margin-left: 20px;
}
@media only screen and (min-width: 1281px) {
    .list-company .item.item-th .sub-th .dropdown-content.common-w96 {
        right: 0;
        margin: 0 auto;
    }
}
.list-company .item.item-th .sub-th .dropdown-content.common-w86 {
    width: 86px;
    margin-left: 20px;
}
@media only screen and (min-width: 1281px) {
    .list-company .item.item-th .sub-th .dropdown-content.common-w86 {
        right: 0;
        margin: 0 auto;
    }
}
.list-company .item.item-th .sub-th .dropdown-content a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.357;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    color: #25526A;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 9.5px;
}
.list-company .item.item-th .sub-th .dropdown-content a:last-child {
    margin-bottom: 0;
}
.list-company .item.item-td {
    position: relative;
    z-index: 1;
}
.list-company .item.item-td:hover {
    background: #F5F5F5;
    border-color: #E0E0E0;
}
.list-company .item.item-td:hover .box-delete {
    display: inline-block;
}
.list-company .item.item-td .linkAll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.list-company .item.item-td .sub-td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.357;
    font-weight: 500;
}
.list-company .item.item-td .sub-td:first-child {
    width: 11.0714285714%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 834px) {
    .list-company .item.item-td .sub-td:first-child {
        width: 23.768115942%;
    }
}
.list-company .item.item-td .sub-td:nth-child(2) {
    width: 23.8095238095%;
}
@media screen and (max-width: 834px) {
    .list-company .item.item-td .sub-td:nth-child(2) {
        width: 57.9710144928%;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
    }
    .list-company .item.item-td .sub-td:nth-child(2) > span {
        width: 100%;
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.55;
        font-weight: normal;
    }
}
.list-company .item.item-td .sub-td:nth-child(3) {
    width: 12.5%;
}
@media screen and (max-width: 834px) {
    .list-company .item.item-td .sub-td:nth-child(3) {
        width: 18.2608695652%;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 500;
        text-align: center;
        position: absolute;
        top: 15px;
        right: 0;
    }
}
.list-company .item.item-td .sub-td:nth-child(4) {
    width: 14.2857142857%;
}
.list-company .item.item-td .sub-td:nth-child(5) {
    width: 23.8095238095%;
}
.list-company .item.item-td .sub-td .txt-btn {
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 20px;
    min-width: 90px;
    height: 28px;
    display: inline-block;
    text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .list-company .item.item-td .sub-td .txt-btn {
        padding: 7px 10px 5px;
    }
}
@media screen and (max-width: 834px) {
    .list-company .item.item-td .sub-td .txt-btn {
        margin-bottom: 5px;
    }
}
.list-company .item.item-td .sub-td .txt-btn__green {
    background: #25526A;
    color: #fff;
}
.list-company .item.item-td .sub-td .txt-btn__yellow {
    background: #F29B5B;
    color: #fff;
}
.list-company .item.item-td .sub-td .txt-btn__gray {
    background: rgba(37, 82, 106, 0.1);
    color: #25526A;
    font-weight: 500;
}
.list-company .item.item-td .sub-td .txt-btn__white {
    color: rgba(37, 82, 106, 0.5);
    background: #fff;
}
.list-company .item.item-td .sub-td .boxCheckWrap {
    padding-left: 49px;
    display: inline-block;
}
@media screen and (max-width: 834px) {
    .list-company .item.item-td .sub-td .boxCheckWrap {
        padding-left: 46px;
    }
}
@media screen and (max-width: 374px) {
    .list-company .item.item-td .sub-td .boxCheckWrap {
        padding-left: 35px;
    }
}
@media screen and (max-width: 834px) {
    .list-company .item.item-td .sub-td .boxCheckWrap .checkmark {
        top: 44%;
        left: 14px;
    }
}
@media screen and (max-width: 374px) {
    .list-company .item.item-td .sub-td .boxCheckWrap .checkmark {
        left: 8px;
    }
}
.list-company .item.item-td .sub-td .box-checkstar {
    width: 24px;
    position: relative;
    z-index: 1;
}
.list-company .item.item-td .sub-td .box-checkstar:before {
    content: "";
    height: 24px;
    width: 24px;
    background: url("../img/contact/img-star.png") no-repeat center center;
    background-size: 100%;
    display: inline-block;
}
.list-company .item.item-td .sub-td .box-checkstar.jschoosed:before {
    background: url("../img/contact/img-star01.png") no-repeat center center;
    background-size: 100%;
}
.list-company .item.item-td .sub-td .number-time {
    font-weight: 400;
}
.list-company .item.item-td.bgColor {
    background: #F5F5F5;
    border-color: #E0E0E0;
}
.list-company .item.item-td .box-delete {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
.list-company .item-link {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Sofia Pro", sans-serif;
    color: #F29B5B;
}
@media screen and (max-width: 834px) {
    .list-company .item-link {
        text-decoration: underline;
    }
}
@media screen and (min-width: 835px) {
    .list-company--second .item.item-th .sub-th:first-child, .list-company--second .item.item-td .sub-td:first-child {
        width: 9%;
    }
}
@media screen and (min-width: 835px) {
    .list-company--second .item.item-th .sub-th:nth-child(2), .list-company--second .item.item-td .sub-td:nth-child(2) {
        width: 17%;
    }
}
@media screen and (min-width: 835px) {
    .list-company--second .item.item-th .sub-th:nth-child(3), .list-company--second .item.item-td .sub-td:nth-child(3) {
        width: 12.5%;
    }
}
@media screen and (max-width: 834px) {
    .list-company--second .item.item-th .sub-th:nth-child(3), .list-company--second .item.item-td .sub-td:nth-child(3) {
        right: 32px;
    }
}
.list-company--second .item.item-th .sub-th:nth-child(4), .list-company--second .item.item-td .sub-td:nth-child(4) {
    width: 14.5%;
}
.list-company--second .item.item-th .sub-th:nth-child(5), .list-company--second .item.item-td .sub-td:nth-child(5) {
    width: 24%;
}
.list-company--second .item.item-th .sub-th:nth-child(6), .list-company--second .item.item-td .sub-td:nth-child(6) {
    width: 14%;
}
.list-company--second .item.item-th .sub-th:nth-child(7), .list-company--second .item.item-td .sub-td:nth-child(7) {
    width: 9%;
}
@media screen and (max-width: 834px) {
    .list-company--second .item.item-th .sub-th:nth-child(7), .list-company--second .item.item-td .sub-td:nth-child(7) {
        margin-left: auto;
    }
}
.list-company--second .item.item-td .box-mail {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.box-company {
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 640px) {
    .box-company {
        text-align: center;
        margin: 0 -15px 40px;
    }
}
.box-company__wrap {
    background: white;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    padding: 15px 15px 15px 30px;
}
@media screen and (min-width: 641px) {
    .box-company__wrap {
        min-width: 536px;
    }
}
@media screen and (max-width: 640px) {
    .box-company__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 0;
        width: 100%;
        padding: 13px 15px 10px;
        border-radius: 0;
    }
}
.box-company__name {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: bold;
    border-right: 1px solid #DEDEDE;
    padding: 4px 20px 2px 0;
    width: 52%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 834px) {
    .box-company__name {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 640px) {
    .box-company__name {
        width: 100%;
        padding: 0;
        border-right: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.box-company__name span {
    position: relative;
    padding-right: 25px;
}
.box-company__name span:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: url("../img/company/ico-pain.svg") center/contain no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1px;
}
@media screen and (max-width: 834px) {
    .box-company__name span:after {
        width: 12px;
        height: 12px;
    }
}
@media screen and (max-width: 640px) {
    .box-company__name span:after {
        top: 11px;
        right: 4px;
    }
}
.box-company__info {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.75;
    padding: 0 0 0 20px;
    width: 48%;
}
@media screen and (max-width: 640px) {
    .box-company__info {
        width: 100%;
        padding: 0 0 10px;
    }
}
.box-company__info a {
    font-family: "Sofia Pro", sans-serif;
    color: #F29B5B;
    text-decoration: underline;
}
@media screen and (max-width: 640px) {
    .box-company__btn {
        width: 100%;
        text-align: center;
    }
    .box-company__btn .btn-plus01 {
        margin: 0 auto;
    }
}
.box-company__btn .icn-approach span {
    padding-right: 30px;
    background: url(../img/common/img-mail-wh.svg) no-repeat right center;
    background-size: 20px auto;
}

.cal-heighscroll {
    max-height: 277px;
    overflow: auto;
}
.cal-heighscroll .mCustomScrollBox {
    padding-right: 15px;
}
@media screen and (max-width: 834px) {
    .cal-heighscroll .wrap-function {
        padding-top: 10px;
    }
}

.sec-contact-detail > .inner > .btn-comp03 {
    margin-right: 25px;
}

.sec-contact-detail .contact-detail__head {
    max-width: calc(100% - 15px);
}

.box-author {
    min-width: 612px;
    margin-bottom: 28px;
    border-radius: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    padding: 9px 7px 8px 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 934px;
    text-align: left;
}
@media screen and (max-width: 834px) {
    .box-author {
        min-width: auto;
        margin: 0 -15px 22px;
        max-width: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 0;
        padding: 16px 15px 9px;
        width: auto;
        max-width: 100%;
    }
}
@media screen and (max-width: 374px) {
    .box-author {
        padding: 16px 4px 9px;
    }
}
.box-author__ct {
    position: relative;
    padding: 3px 20px 0 15px;
}
@media screen and (max-width: 834px) {
    .box-author__ct {
        width: 100%;
        padding: 0;
        margin-bottom: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.box-author__img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    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;
    background-color: #F5F5F5;
}
@media screen and (max-width: 834px) {
    .box-author__img {
        width: 50px;
        height: 50px;
    }
}
.box-author__ttl {
    color: #25526A;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.35;
    margin-bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.box-author__ttl small {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 10px 0 4px;
    white-space: nowrap;
}
@media screen and (max-width: 374px) {
    .box-author__ttl small {
        margin: 0 4px;
    }
}
.box-author__ttl img {
    margin-top: -1px;
}
.box-author__ttlsub {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    max-width: 128px;
}
.box-author__lead {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
}
.box-author__company {
    font-weight: 700;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.36;
    color: #fff;
    background: #8CA3AF;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 3px 30px 3px 15px;
    border-radius: 4px;
    position: relative;
}
@media screen and (max-width: 374px) {
    .box-author__company {
        padding: 3px 15px 3px 10px;
    }
}
.box-author__company:before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
    margin-top: -4px;
    right: 10px;
}
@media screen and (max-width: 374px) {
    .box-author__company:before {
        right: 7px;
    }
}
.box-author__info {
    font-family: "Sofia Pro", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #25526A;
    border-left: 1px solid #DEDEDE;
    padding: 0px 15px 0 15px;
    line-height: 1.4;
}
@media screen and (min-width: 835px) {
    .box-author__info {
        width: calc(100% - 339px);
    }
}
@media screen and (max-width: 834px) {
    .box-author__info {
        border-left: none;
        padding: 0;
        line-height: 1.4;
        max-width: calc(100% - 99px);
    }
}
.box-author__info span {
    display: inline-block;
    width: 43px;
    margin-top: 5px;
    min-width: 43px;
}
@media screen and (max-width: 834px) {
    .box-author__info span {
        width: 38px;
        margin-top: 0;
        min-width: 38px;
    }
}
@media screen and (max-width: 374px) {
    .box-author__info span {
        width: 34px;
        min-width: 34px;
    }
}
.box-author__info a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    color: #F29B5B;
    text-decoration: underline;
    line-height: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
}
@media screen and (max-width: 834px) {
    .box-author__info a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.box-author__info--wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box-author__info--wr p {
    font-size: 14px;
    font-size: 1.4rem;
}
.box-author__btn {
    border-left: 1px solid #DEDEDE;
    width: 120px;
    margin-left: auto;
    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;
}
@media screen and (max-width: 834px) {
    .box-author__btn {
        width: 99px;
        padding: 4px 0 0 3px;
    }
}
.box-author--noinfo {
    max-width: 400px;
    min-height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 834px) {
    .box-author--noinfo {
        max-width: inherit;
        min-height: 50px;
        padding: 10px 15px;
    }
}
@media screen and (min-width: 835px) {
    .box-author--noinfo .box-author__ct {
        padding: 10px;
    }
}
@media screen and (max-width: 834px) {
    .box-author--noinfo .box-author__ct {
        width: auto;
        padding: 0 10px;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 374px) {
    .box-author--noinfo .box-author__ct {
        padding: 0 5px;
    }
}
@media screen and (max-width: 374px) {
    .box-author--noinfo .box-author__ttl {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.box-author--noinfo .box-author__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: "Sofia Pro", sans-serif;
    padding-left: 10px;
}
@media screen and (max-width: 834px) {
    .box-author--noinfo .box-author__info {
        font-size: 12px;
        font-size: 1.2rem;
        border-left: 1px solid #DEDEDE;
        padding: 0 10px;
    }
}
@media screen and (max-width: 374px) {
    .box-author--noinfo .box-author__info {
        padding: 0 5px;
    }
}
.box-author--noinfo .box-author__info span {
    width: auto;
    margin-right: 15px;
    padding-top: 4px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}
@media screen and (max-width: 374px) {
    .box-author--noinfo .box-author__info span {
        padding-top: 2px;
        margin-right: 5px;
    }
}
.box-author__w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 74px;
}
@media screen and (max-width: 834px) {
    .box-author__w {
        display: block;
        gap: 0;
    }
}
@media screen and (max-width: 834px) {
    .box-author__w .box-author {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 834px) {
    .box-author__w .box-author__r {
        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;
        gap: 0 4px;
        margin-bottom: 12px;
    }
}
.box-author__w .box-author__r-item {
    margin-bottom: 4px;
}
@media screen and (max-width: 834px) {
    .box-author__w .box-author__r-item {
        margin-bottom: 0;
    }
}
.box-author__w .box-author__r-item:last-child {
    margin-bottom: 0;
}
.box-author__w .btn-comp01 {
    font-size: 16px;
    font-size: 1.6rem;
    height: 40px;
}
@media screen and (max-width: 834px) {
    .box-author__w .btn-comp01 {
        width: 160px;
    }
}

.modal-box {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    padding: 15px;
    width: 100vw;
    height: 100vh;
    background: rgba(37, 82, 106, 0.7);
    display: none;
}
.modal-box.is-show {
    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;
}
.modal-box__wrap {
    max-width: 630px;
    width: 100%;
    position: relative;
}
.modal-box__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 28px;
    height: 28px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
@media screen and (max-width: 834px) {
    .modal-box__close {
        top: 17px;
        right: 13px;
    }
}
@media screen and (max-width: 374px) {
    .modal-box__close {
        top: 12px;
        right: 10px;
    }
}
@media screen and (min-width: 835px) {
    .modal-box__close:hover {
        opacity: 0.7;
    }
}
.modal-box__close:before, .modal-box__close:after {
    position: absolute;
    content: "";
    background: #25526A;
    border-radius: 1px;
    width: 2px;
    height: 100%;
    top: 50%;
    left: 50%;
}
.modal-box__close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.modal-box__close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-box__scroll {
    background: white;
    max-height: 90vh;
    overflow: auto;
    border-radius: 20px;
}
@media screen and (max-width: 834px) {
    .modal-box__scroll {
        max-height: 565px;
        border-radius: 0;
    }
}
.modal-box__scroll::-webkit-scrollbar {
    width: 6px;
}
.modal-box__scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #F0F0F0;
    box-shadow: inset 0 0 5px #F0F0F0;
    border-radius: 6px;
}
.modal-box__scroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px;
}
.modal-box__ct {
    padding: 60px;
}
@media screen and (max-width: 834px) {
    .modal-box__ct {
        padding: 37px 14px 40px 16px;
    }
}
.modal-box__ct-search {
    position: relative;
    margin-bottom: 22px;
}
@media screen and (max-width: 834px) {
    .modal-box__ct-search {
        margin-bottom: 15px;
    }
}
.modal-box__ct-search-input {
    font-size: 16px;
    font-size: 1.6rem;
}
.modal-box__ct-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    font-size: 0;
    border: none;
    background: #F0F0F0;
}
.modal-box__ct-button:before {
    content: "";
    width: 22px;
    height: 22px;
    background: url("../img/common/ico-search-02.png") no-repeat center/cover;
    display: block;
}
.modal-box__ct-add {
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 9px 15px;
    border-radius: 18px;
    color: #fff;
    background: #8CA3AF;
    position: relative;
    margin-bottom: 46px;
}
@media screen and (max-width: 834px) {
    .modal-box__ct-add {
        margin-bottom: 30px;
    }
}
.modal-box__ct-add:before {
    position: absolute;
    content: "";
    background: url(../img/common/i-plus.svg);
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}
.modal-box__ct-check {
    margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
    .modal-box__ct-check {
        margin-bottom: 15px;
    }
}
.modal-box__des {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.2142857143;
    font-weight: 500;
}
@media screen and (max-width: 640px) {
    .modal-box__des {
        text-align: left;
    }
}
.modal-box__item {
    margin-bottom: 15px;
}
@media screen and (min-width: 835px) {
    .modal-box__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (max-width: 834px) {
    .modal-box__item {
        margin-bottom: 17px;
    }
}
.modal-box__item:last-of-type {
    margin-bottom: 40px;
}
@media screen and (max-width: 834px) {
    .modal-box__item:last-of-type {
        margin-bottom: 30px;
    }
}
.modal-box__lbl {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
@media screen and (min-width: 835px) {
    .modal-box__lbl {
        width: 110px;
        padding: 12px 0 0;
    }
}
@media screen and (max-width: 834px) {
    .modal-box__lbl {
        padding: 0 0 2px;
    }
}
@media screen and (min-width: 835px) {
    .modal-box__info {
        width: calc(100% - 110px);
    }
}
.modal-box__info > * {
    margin-bottom: 5px;
}
.modal-box__info > *:last-child {
    margin-bottom: 0;
}
.modal-box__info--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 5px;
}
.modal-box__info--wrap .box-datepicker--bg {
    width: 155px;
}
.modal-box__info--wrap .box-datepicker--time {
    width: 85px;
    background-image: url(../img/common/ico-time-on.png);
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 13px 13px;
    background-color: #F0F0F0;
}
.modal-box__info--wrap .box-datepicker--time:before {
    right: 10px;
    content: none;
}
.modal-box__info--wrap .box-datepicker--time input {
    padding: 0 0 3px 10px;
}
.modal-box__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.modal-box__flex .form-control {
    max-width: 140px;
    margin-right: 5px;
}
.modal-box#is-url .popup-form__content-ttl {
    margin-bottom: 15px;
}
.modal-box#is-url .modal-box__info-txt {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 14px;
}
.modal-box--02 .modal-box__wrap {
    max-width: 520px;
}

.contact-detail__head {
    padding: 0 30px 13px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #F29B5B;
    margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
    .contact-detail__head {
        display: none;
    }
}
.contact-detail__head .item {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: bold;
    color: #25526A;
}
.contact-detail__head .item--access {
    width: 13.75%;
}
.contact-detail__head .item--btn {
    width: 12.62%;
}
.contact-detail__head .item--map {
    width: 12.62%;
}
.contact-detail__head .item--go {
    width: 28.76%;
}
.contact-detail__head .item--leave {
    width: 23.26%;
}
.contact-detail__head .item--time {
    width: 8.99%;
}
.contact-detail__body:hover .mCSB_scrollTools {
    opacity: 1 !important;
}
.contact-detail__body .mCSB_scrollTools {
    width: 6px !important;
    border-left: none !important;
    opacity: 0 !important;
    z-index: 9999;
}
.contact-detail__body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px !important;
}
.contact-detail__body .item {
    background-color: #fff;
    padding: 10px 30px 9px 10px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item {
        padding: 18px 15px 9px;
        border-radius: 5px;
    }
}
.contact-detail__body .item__access {
    width: 14%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.36;
    font-weight: 500;
    color: #25526A;
    padding: 4px 10px 0 0;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__access {
        width: calc(100% - 198px);
        padding: 0;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.7;
        margin-bottom: 5px;
    }
}
.contact-detail__body .item__access > span:nth-child(2) {
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    font-family: "Sofia Pro", sans-serif;
    margin-left: 6px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__access > span:nth-child(2) {
        font-weight: bold;
    }
}
.contact-detail__body .item__btn {
    width: 13.2%;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__btn {
        width: 90px;
        margin: -3px 0 0 auto;
    }
}
.contact-detail__body .item__map {
    width: 12.5%;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.25;
    color: #25526A;
    font-family: "Sofia Pro", sans-serif;
    padding-top: 6px;
    padding-right: 10px;
}
.contact-detail__body .item__map span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__map {
        width: 94px;
        margin-bottom: 6px;
        margin-left: 11px;
    }
}
.contact-detail__body .item__content {
    width: 59.6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 6px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__content {
        width: 100%;
    }
}
.contact-detail__body .item__toggle {
    width: 32px;
    height: 45px;
    text-align: center;
    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;
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__toggle {
        top: 9px;
    }
}
.contact-detail__body .item__go {
    width: 43.73%;
    font-family: "Sofia Pro", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33;
    font-weight: 400;
    color: #25526A;
    padding-right: 10px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__go {
        padding-right: 0;
        width: 100%;
        margin-bottom: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.contact-detail__body .item__go .lb {
    display: none;
    font-weight: bold;
    min-width: 115px;
    padding-right: 7px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__go .lb {
        display: inline-block;
    }
}
.contact-detail__body .item__leave {
    width: 44.5%;
    font-family: "Sofia Pro", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33;
    font-weight: 400;
    color: #25526A;
    padding-right: 10px;
}
.contact-detail__body .item__leave a {
    word-wrap: break-word;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__leave {
        padding-right: 0;
        margin-bottom: 8px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.contact-detail__body .item__leave .lb {
    display: none;
    font-weight: bold;
    min-width: 115px;
    padding-right: 7px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__leave .lb {
        display: inline-block;
    }
}
.contact-detail__body .item__time {
    width: 11.77%;
    font-family: "Sofia Pro", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1;
    font-weight: 400;
    color: #25526A;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__time {
        width: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.contact-detail__body .item__time .lb {
    display: none;
    font-weight: bold;
    min-width: 115px;
    padding-right: 7px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__time .lb {
        display: inline-block;
    }
}
.contact-detail__body .item__list {
    width: 100%;
    margin: 12px 0 9px;
    display: none;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__list {
        margin: 19px 0 0;
    }
}
.contact-detail__body .item__list .sub-item {
    background-color: #fff;
    margin-bottom: 3px;
    padding: 7px 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #25526A;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    font-family: "Sofia Pro", sans-serif;
    line-height: 1.33;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__list .sub-item {
        padding: 7px 0 7px;
        margin-bottom: 5px;
        border-radius: 5px;
    }
    .contact-detail__body .item__list .sub-item:last-child {
        margin-bottom: 1px;
    }
}
.contact-detail__body .item__list .sub-item__order {
    width: 7.3%;
    text-align: center;
    padding: 0 5px 0 8px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__list .sub-item__order {
        width: 34px;
        padding: 0 5px;
    }
}
.contact-detail__body .item__list .sub-item__content {
    width: 78.18%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__list .sub-item__content {
        width: calc(100% - 92px);
        min-height: 33px;
    }
}
.contact-detail__body .item__list .sub-item__url {
    width: 56.3%;
    padding-right: 10px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__list .sub-item__url {
        width: 100%;
        padding-right: 0;
        margin-bottom: 3px;
    }
}
.contact-detail__body .item__list .sub-item__txt {
    width: 43.7%;
    padding-right: 10px;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__list .sub-item__txt {
        width: 100%;
        padding-right: 0;
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    }
}
.contact-detail__body .item__list .sub-item__time {
    width: 14.52%;
}
@media screen and (max-width: 834px) {
    .contact-detail__body .item__list .sub-item__time {
        width: 58px;
    }
}
.contact-detail__body .item.active {
    background-color: #E6E8E9;
}
.contact-detail__body .item.active .item__toggle img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.allCheckradio {
    margin-bottom: 5px;
    position: relative;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    /* Create a custom checkbox */
    /* When the checkbox is checked, add a blue background */
}
.allCheckradio:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.allCheckradio .lable-txt {
    background: #DEDEDE;
    border-radius: 18px;
    padding: 9px 15px 7px 15px;
    margin-bottom: 5px;
    position: relative;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.allCheckradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.allCheckradio .checkmark {
    position: absolute;
    content: "";
    background: url(../img/contact/detail/ico-check.svg);
    background-size: cover;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 12px;
}
.allCheckradio input:checked ~ .checkmark {
    background: url(../img/contact/detail/ico-check02.svg);
    background-size: cover;
}
.allCheckradio input:checked ~ .lable-txt {
    color: #fff;
    background: #8CA3AF;
}

.modal-box__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 14px;
}
.modal-box__list-item {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 10px;
}
.modal-box__list-item:last-child, .modal-box__list-item:nth-child(2n) {
    margin-right: 0;
}
.modal-box__list-item:last-child, .modal-box__list-item:nth-last-child(2) {
    margin-bottom: 0;
}

#addfile, .js-addfile {
    display: none;
}

.tab-box {
    background: #F0F0F0;
    padding: 40px 25px;
}
.tab-box .setting-index__desc-flex {
    gap: 0 12px;
}
.tab-box .tab-actionct {
    background: transparent;
    padding: 0;
}
.tab-box .tab-actionct__wbg {
    background: #fff;
    padding: 27px 30px;
    border-radius: 8px;
    margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
    .tab-box .tab-actionct__wbg {
        padding: 15px 15px;
    }
}
.tab-box .tab-actionct__wbg .multi-select__wrap > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}
.tab-box .tab-actionct__wbg .multi-select__wrap > div:last-child {
    margin-bottom: 0;
}

.company-bt__t {
    position: relative;
    height: 48px;
    margin-bottom: 10px;
    padding-top: 12px;
}
.company-bt__t .btn-plus01 {
    position: absolute;
    right: 0;
    bottom: 8px;
    margin-bottom: 0;
}
.company-bt__t .btn-mail span {
    padding-right: 30px;
    background: url(../img/common/img-mail-wh.svg) no-repeat right center;
    background-size: 20px auto;
}
.company-bt__t .ttl-comp03 {
    padding-bottom: 12px;
}
@media screen and (max-width: 834px) {
    .company-bt__t .ttl-comp03 {
        padding-bottom: 10px;
    }
}
@media screen and (min-width: 835px) {
    .company-bt__tHead .ttl-comp03 {
        padding-bottom: 0;
        border-bottom: 0;
    }
}

a {
    word-break: break-all;
}

/*-- メール送信履歴 --*/
.contact-sendingHistory {
    margin-top: 80px;
}
.contact-sendingHistory .company-bt__t {
    margin-bottom: 20px;
}

.list-sendingHistory .item {
    container-type: inline-size;
    padding-bottom: 11px;
}
@media screen and (min-width: 835px) {
    .list-sendingHistory .item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 834px) {
    .list-sendingHistory .item {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.list-sendingHistory .item.active {
    background: #fff;
}
.list-sendingHistory .item.item-th {
    max-width: calc(100% - 15px);
}
.list-sendingHistory .item.item-th, .list-sendingHistory .item.item-td {
    gap: 5px 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.list-sendingHistory .item.item-th .sub-th,
.list-sendingHistory .item.item-th .sub-td, .list-sendingHistory .item.item-td .sub-th,
.list-sendingHistory .item.item-td .sub-td {
    padding: 0 !important;
}
.list-sendingHistory .item.item-th .sub-th:first-child,
.list-sendingHistory .item.item-th .sub-td:first-child, .list-sendingHistory .item.item-td .sub-th:first-child,
.list-sendingHistory .item.item-td .sub-td:first-child {
    width: 120px;
    white-space: nowrap;
}
@media screen and (max-width: 834px) {
    .list-sendingHistory .item.item-th .sub-th:first-child,
    .list-sendingHistory .item.item-th .sub-td:first-child, .list-sendingHistory .item.item-td .sub-th:first-child,
    .list-sendingHistory .item.item-td .sub-td:first-child {
        width: calc(100% - 100px);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .list-sendingHistory .item.item-th .sub-th:first-child span.sp,
    .list-sendingHistory .item.item-th .sub-td:first-child span.sp, .list-sendingHistory .item.item-td .sub-th:first-child span.sp,
    .list-sendingHistory .item.item-td .sub-td:first-child span.sp {
        margin: 0 1em 0 0;
        padding: 0;
        width: auto;
    }
}
.list-sendingHistory .item.item-th .sub-th:nth-child(2),
.list-sendingHistory .item.item-th .sub-td:nth-child(2), .list-sendingHistory .item.item-td .sub-th:nth-child(2),
.list-sendingHistory .item.item-td .sub-td:nth-child(2) {
    width: calc(100% - 590px);
    line-height: 1.3;
}
@media screen and (max-width: 834px) {
    .list-sendingHistory .item.item-th .sub-th:nth-child(2),
    .list-sendingHistory .item.item-th .sub-td:nth-child(2), .list-sendingHistory .item.item-td .sub-th:nth-child(2),
    .list-sendingHistory .item.item-td .sub-td:nth-child(2) {
        padding-top: 5px !important;
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}
.list-sendingHistory .item.item-th .sub-th:nth-child(3),
.list-sendingHistory .item.item-th .sub-td:nth-child(3), .list-sendingHistory .item.item-td .sub-th:nth-child(3),
.list-sendingHistory .item.item-td .sub-td:nth-child(3) {
    width: 150px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-sendingHistory .item.item-th .sub-th:nth-child(3),
    .list-sendingHistory .item.item-th .sub-td:nth-child(3), .list-sendingHistory .item.item-td .sub-th:nth-child(3),
    .list-sendingHistory .item.item-td .sub-td:nth-child(3) {
        width: 100%;
        text-align: left;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .list-sendingHistory .item.item-th .sub-th:nth-child(3) span.sp,
    .list-sendingHistory .item.item-th .sub-td:nth-child(3) span.sp, .list-sendingHistory .item.item-td .sub-th:nth-child(3) span.sp,
    .list-sendingHistory .item.item-td .sub-td:nth-child(3) span.sp {
        margin: 0 1em 0 0;
        padding: 0;
        width: auto;
    }
}
.list-sendingHistory .item.item-th .sub-th:nth-child(4),
.list-sendingHistory .item.item-th .sub-td:nth-child(4), .list-sendingHistory .item.item-td .sub-th:nth-child(4),
.list-sendingHistory .item.item-td .sub-td:nth-child(4) {
    width: 120px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-sendingHistory .item.item-th .sub-th:nth-child(4),
    .list-sendingHistory .item.item-th .sub-td:nth-child(4), .list-sendingHistory .item.item-td .sub-th:nth-child(4),
    .list-sendingHistory .item.item-td .sub-td:nth-child(4) {
        width: 90px;
        text-align: left;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.list-sendingHistory .item.item-th .sub-th:nth-child(4) .txt-btn,
.list-sendingHistory .item.item-th .sub-td:nth-child(4) .txt-btn, .list-sendingHistory .item.item-td .sub-th:nth-child(4) .txt-btn,
.list-sendingHistory .item.item-td .sub-td:nth-child(4) .txt-btn {
    margin: 0;
}
.list-sendingHistory .item.item-th .sub-th:nth-child(5),
.list-sendingHistory .item.item-th .sub-td:nth-child(5), .list-sendingHistory .item.item-td .sub-th:nth-child(5),
.list-sendingHistory .item.item-td .sub-td:nth-child(5) {
    width: 150px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-sendingHistory .item.item-th .sub-th:nth-child(5),
    .list-sendingHistory .item.item-th .sub-td:nth-child(5), .list-sendingHistory .item.item-td .sub-th:nth-child(5),
    .list-sendingHistory .item.item-td .sub-td:nth-child(5) {
        width: 100%;
        text-align: left;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .list-sendingHistory .item.item-th .sub-th:nth-child(5) span.sp,
    .list-sendingHistory .item.item-th .sub-td:nth-child(5) span.sp, .list-sendingHistory .item.item-td .sub-th:nth-child(5) span.sp,
    .list-sendingHistory .item.item-td .sub-td:nth-child(5) span.sp {
        margin: 0 1em 0 0;
        padding: 0;
        width: auto;
    }
}

@media screen and (min-width: 835px) {
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th {
        padding: 17px 11px 10px;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th {
        padding-left: 5px;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th:first-child {
        width: 10%;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th:nth-child(2) {
        width: 9.5%;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th:nth-child(3) {
        width: 16.8%;
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th:nth-child(4) {
        width: 12.5%;
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th:nth-child(5) {
        width: 16.428%;
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th:nth-child(6) {
        width: 13.452%;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th:nth-child(7) {
        width: 9.5%;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-th .sub-th:nth-child(8) {
        width: 11.82%;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td {
        padding: 12px 8px 8.5px;
        background: #FFFFFF;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td:hover, .block-contactmain .list-contactmain.list-contactmain--08 .item-td:focus {
        background: #F5F5F5;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td {
        padding-left: 5px !important;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.153;
        font-weight: 500;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:first-child {
        width: 10%;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:nth-child(2) {
        width: 9.5%;
        font-family: "Sofia Pro", sans-serif;
        font-weight: 700;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:nth-child(2) time {
        color: #25526A;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:nth-child(3) {
        width: 16.8%;
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:nth-child(4) {
        width: 12.5%;
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:nth-child(5) {
        width: 16.428%;
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:nth-child(6) {
        width: 13.452%;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:nth-child(7) {
        width: 9.5%;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td:nth-child(8) {
        width: 11.82%;
        padding-right: 20px;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td a {
        color: #F29B5B;
        text-decoration: underline;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td a[href^="mailto:"], .block-contactmain .list-contactmain.list-contactmain--08 .item-td .sub-td a[href^="tel:"] {
        color: #25526A;
        font-family: "Sofia Pro", sans-serif;
        font-weight: 700;
        text-decoration: none;
    }
    .block-contactmain .list-contactmain.list-contactmain--08 .txt-line {
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-th {
        padding: 17px 11px 10px;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-th .sub-th {
        padding-left: 5px;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-th .sub-th:nth-child(3) {
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-th .sub-th:nth-child(4) {
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-th .sub-th:nth-child(5) {
        width: 30%;
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td {
        padding: 12px 8px 8.5px;
        background: #FFFFFF;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td:hover, .block-contactmain .list-contactmain.list-contactmain--09 .item-td:focus {
        background: #F5F5F5;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td {
        padding-left: 5px !important;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.153;
        font-weight: 500;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td:nth-child(2) {
        font-family: "Sofia Pro", sans-serif;
        font-weight: 700;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td:nth-child(2) time {
        color: #25526A;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td:nth-child(3) {
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td:nth-child(4) {
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td:nth-child(5) {
        width: 30%;
        text-align: left;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td:nth-child(8) {
        padding-right: 20px;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td a {
        color: #F29B5B;
        text-decoration: underline;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td a[href^="mailto:"], .block-contactmain .list-contactmain.list-contactmain--09 .item-td .sub-td a[href^="tel:"] {
        color: #25526A;
        font-family: "Sofia Pro", sans-serif;
        font-weight: 700;
        text-decoration: none;
    }
    .block-contactmain .list-contactmain.list-contactmain--09 .txt-line {
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
@media screen and (max-width: 834px) {
    .block-contactmain .list-contactmainsp {
        margin-bottom: 42px;
    }
    .block-contactmain .list-contactmainsp__item {
        margin-bottom: 5px;
        font-size: 12px;
        font-size: 1.2rem;
        color: #25526A;
        line-height: 1.333;
        font-weight: 500;
    }
    .block-contactmain .list-contactmainsp__t {
        padding: 13px 30px 10px 0px;
        background: #ffffff;
        border-radius: 5px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .block-contactmain .list-contactmainsp__t-l {
        width: 40px;
    }
    .block-contactmain .list-contactmainsp__t-r {
        width: calc(100% - 40px);
    }
    .block-contactmain .list-contactmainsp__tsub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .block-contactmain .list-contactmainsp__tsub:first-child {
        margin-bottom: 10px;
    }
    .block-contactmain .list-contactmainsp__t.on {
        border-radius: 5px 5px 0 0;
    }
    .block-contactmain .list-contactmainsp__t.on .list-contactmainsp__arrow span:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .block-contactmain .list-contactmainsp__bt {
        background: #F5F5F5;
        padding: 13px 15px 10px 15px;
        border-radius: 0 0px 5px 5px;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .block-contactmain .list-contactmainsp__bt-dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 2px;
    }
    .block-contactmain .list-contactmainsp__bt-dl a {
        word-break: break-all;
        font-weight: 700;
    }
    .block-contactmain .list-contactmainsp__bt-dl--full {
        width: 100%;
    }
    .block-contactmain .list-contactmainsp__bt-dl--half {
        width: 42%;
    }
    .block-contactmain .list-contactmainsp__bt-dl--half:last-child {
        width: 58%;
    }
    .block-contactmain .list-contactmainsp__bt-dt {
        min-width: 56px;
        padding-right: 9px;
    }
    .block-contactmain .list-contactmainsp__bt-dt--other {
        min-width: auto;
        white-space: nowrap;
    }
    .block-contactmain .list-contactmainsp__bt-dd {
        max-width: calc(100% - 60px);
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .block-contactmain .list-contactmainsp__bt-dd--other {
        max-width: unset;
    }
    .block-contactmain .list-contactmainsp__ct {
        font-weight: 700;
        margin-right: 27px;
    }
    .block-contactmain .list-contactmainsp__time {
        font-family: "Sofia Pro", sans-serif;
        font-weight: 700;
        color: #25526A;
    }
    .block-contactmain .list-contactmainsp__name {
        font-size: 14px;
        font-size: 1.4rem;
        color: #F29B5B;
        font-weight: 700;
        text-decoration: underline;
        width: 57%;
        padding-right: 15px;
    }
    .block-contactmain .list-contactmainsp__change {
        font-size: 12px;
        font-size: 1.2rem;
        width: 43%;
    }
    .block-contactmain .list-contactmainsp__change-td {
        font-weight: 700;
        color: #25526A;
        line-height: 1.333;
        margin-right: 5px;
    }
    .block-contactmain .list-contactmainsp__change-dd {
        font-weight: 500;
        color: #F29B5B;
        text-decoration: underline;
    }
    .block-contactmain .list-contactmainsp__arrow {
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0px;
        -webkit-transition: al 0.3s ease-in;
        -o-transition: al 0.3s ease-in;
        transition: al 0.3s ease-in;
    }
    .block-contactmain .list-contactmainsp__arrow span {
        display: inline-block;
    }
    .block-contactmain .list-contactmainsp__arrow span:after {
        content: "";
        width: 13px;
        height: 8px;
        background: url("../img/inquiries/img-arrdown.png") no-repeat center center;
        background-size: 100%;
        display: inline-block;
        -webkit-transition: al 0.3s ease-in;
        -o-transition: al 0.3s ease-in;
        transition: al 0.3s ease-in;
    }
}

.page-inquiries_detail .btn-comp01 {
    width: 200px !important;
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
    .page-inquiries_detail .btn-comp01 {
        height: 40px;
    }
}
@media screen and (max-width: 834px) {
    .page-inquiries_detail .setting-form__content--02 {
        padding: 28px 18px 30px;
    }
}
@media screen and (max-width: 640px) {
    .page-inquiries_detail .setting-field {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 12px;
    }
}

/*共通　common*/
.block-setting_parts .btn-comp01 {
    font-size: 16px;
}
.block-setting_parts .wrap-function {
    height: 20px;
    margin-top: 30px;
}
@media screen and (max-width: 834px) {
    .block-setting_parts .wrap-function {
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .block-setting_parts .wrap-function .boxCheckWrap {
        position: relative;
        width: 40px;
    }
    .block-setting_parts .wrap-function .boxCheckWrap .lable-txt {
        position: absolute;
        bottom: 10px;
        left: 9px;
    }
    .block-setting_parts .wrap-function .hasbox {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 834px) {
    .block-setting_partsmain .list-contactmain {
        margin-bottom: 0;
    }
}
.block-setting_partsmain .list-contactmain .item-th {
    padding: 17px 11px 10px;
}
.block-setting_partsmain .list-contactmain .item-th .sub-th {
    padding-left: 5px;
}
.block-setting_partsmain .list-contactmain .item-th .sub-th:first-child {
    width: 11%;
}
.block-setting_partsmain .list-contactmain .item-td {
    padding: 12px 11px;
    background: #FFFFFF;
}
@media screen and (max-width: 834px) {
    .block-setting_partsmain .list-contactmain .item-td {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5%;
    }
}
.block-setting_partsmain .list-contactmain .item-td:hover, .block-setting_partsmain .list-contactmain .item-td:focus {
    background: #F5F5F5;
}
.block-setting_partsmain .list-contactmain .item-td .sub-td {
    padding-left: 5px !important;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.153;
    font-weight: 500;
}
@media screen and (min-width: 835px) {
    .block-setting_partsmain .list-contactmain .item-td .sub-td:first-child {
        width: 11%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_partsmain .list-contactmain .item-td .sub-td:first-child {
        position: absolute;
        top: 40%;
        left: 0;
    }
}
.block-setting_partsmain .list-contactmain .item-td .sub-td:nth-child(2) {
    font-family: "Sofia Pro", sans-serif;
    font-weight: 700;
    width: 10%;
}
@media screen and (max-width: 834px) {
    .block-setting_partsmain .list-contactmain .item-td .sub-td:nth-child(2) {
        width: 70%;
        margin: 5px 80px;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_partsmain .list-contactmain .item-td .sub-td:nth-child(3) {
        width: 70%;
        margin: 2.5px 0 2.5px 80px;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_partsmain .list-contactmain .item-td .sub-td:nth-child(4) {
        width: 70%;
        margin: 2.5px 0 2.5px 80px;
    }
}
.block-setting_partsmain .list-contactmain .item-td .sub-td a {
    color: #F29B5B;
    text-decoration: underline;
}
.block-setting_partsmain .list-contactmain .item-td .sub-td a[href^="mailto:"], .block-setting_partsmain .list-contactmain .item-td .sub-td a[href^="tel:"] {
    color: #25526A;
    font-family: "Sofia Pro", sans-serif;
    font-weight: 700;
    text-decoration: none;
}
.block-setting_partsmain .list-contactmain .item-td .sub-td .box-checkstar {
    margin-bottom: 4px;
}
@media screen and (max-width: 834px) {
    .block-setting_partsmain .list-contactmain .item-td .box-delete {
        display: block;
    }
}
.block-setting_partsmain .list-contactmain .item .txt-line {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*サイト設定 setting_site*/
@media screen and (max-width: 834px) {
    .block-setting_site .wrap-function {
        height: 55px;
    }
}

.block-setting_sitemain .list-contactmain .item-th .sub-th:first-child {
    width: 11%;
}
.block-setting_sitemain .list-contactmain .item-th .sub-th:nth-child(2) {
    width: 39%;
}
.block-setting_sitemain .list-contactmain .item-th .sub-th:nth-child(3) {
    width: 40%;
}
@media screen and (min-width: 835px) {
    .block-setting_sitemain .list-contactmain .item-td .sub-td:nth-child(2) {
        width: 39%;
    }
}
@media screen and (min-width: 835px) {
    .block-setting_sitemain .list-contactmain .item-td .sub-td:nth-child(3) {
        width: 40%;
    }
}
@media screen and (min-width: 835px) {
    .block-setting_sitemain .list-contactmain .item-td .sub-td:nth-child(4) {
        width: 5%;
    }
}

/*ファイル設定*/
.block-setting_file .wrap-function {
    margin-top: 0px;
}
.block-setting_file .block__01 {
    display: block;
}
.block-setting_file .block__01--rt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.block-setting_file .block__01--bt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (max-width: 834px) {
    .block-setting_file .block__01--bt {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.block-setting_file .block__01--bt .block__01--rt {
    padding: 14px 0 0;
}
@media screen and (max-width: 834px) {
    .block-setting_file .block__01--bt .block__01--rt {
        padding: 7px 0 0;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .block-setting_file .block__01--bt .block__01--rt .btn-comp01 {
        margin-right: 0;
    }
}
.block-setting_file .block__01--fl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 36px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media screen and (max-width: 640px) {
    .block-setting_file .block__01--fl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
    }
}

.block-setting-filemain .list-contactmain .item-th .sub-th:nth-child(2) {
    width: 30%;
}
.block-setting-filemain .list-contactmain .item-th .sub-th:nth-child(3) {
    width: 41%;
}
.block-setting-filemain .list-contactmain .item-th .sub-th:nth-child(4) {
    width: 13%;
    text-align: center;
}
.block-setting-filemain .list-contactmain .item-th .sub-th:nth-child(5) {
    width: 5%;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain .item-td .sub-td {
        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;
    }
}
@media screen and (min-width: 835px) {
    .block-setting-filemain .list-contactmain .item-td .sub-td:nth-child(2) {
        width: 30%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain .item-td .sub-td:nth-child(2) {
        width: 80%;
        margin: 0 0 2.5px 20% !important;
    }
}
@media screen and (min-width: 835px) {
    .block-setting-filemain .list-contactmain .item-td .sub-td:nth-child(3) {
        width: 41%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain .item-td .sub-td:nth-child(3) {
        margin-left: 20%;
    }
}
.block-setting-filemain .list-contactmain .item-td .sub-td:nth-child(4) {
    text-align: center;
}
@media screen and (min-width: 835px) {
    .block-setting-filemain .list-contactmain .item-td .sub-td:nth-child(4) {
        width: 13%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain .item-td .sub-td:nth-child(4) {
        width: 80%;
        margin-left: 20%;
        text-align: left;
    }
    .block-setting-filemain .list-contactmain .item-td .sub-td:nth-child(4) > span.sp {
        text-align: left;
        width: 120px;
        margin: 0;
    }
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain .item-td .sub-td .sp {
        display: block;
        font-weight: bold;
        width: 120px;
    }
}
.block-setting-filemain .list-contactmain--modify .item-th {
    padding: 17px 11px 14px;
}
.block-setting-filemain .list-contactmain--modify .item-td {
    padding: 9px 0px 8px;
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain--modify .item-td {
        padding: 10px 10px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 3%;
        margin-bottom: 3px;
    }
    .block-setting-filemain .list-contactmain--modify .item-td .sub-td .item-td__flex.sp {
        font-weight: 500;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 8px;
        padding-right: 0;
    }
}
@media screen and (min-width: 835px) {
    .block-setting-filemain .list-contactmain--modify .item-td .sub-td:first-child {
        padding-left: 21px !important;
    }
}
.block-setting-filemain .list-contactmain--modify .item .sub-td:first-child, .block-setting-filemain .list-contactmain--modify .item .sub-th:first-child {
    width: 47.619%;
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain--modify .item .sub-td:first-child, .block-setting-filemain .list-contactmain--modify .item .sub-th:first-child {
        position: relative;
        top: auto;
        width: calc(100% - 98px);
        display: block;
        font-weight: 700;
        padding-left: 0 !important;
    }
}
.block-setting-filemain .list-contactmain--modify .item .sub-td:nth-child(2), .block-setting-filemain .list-contactmain--modify .item .sub-th:nth-child(2) {
    width: 17.619%;
}
.block-setting-filemain .list-contactmain--modify .item .sub-td:nth-child(3), .block-setting-filemain .list-contactmain--modify .item .sub-th:nth-child(3) {
    width: 15%;
}
.block-setting-filemain .list-contactmain--modify .item .sub-td:nth-child(4), .block-setting-filemain .list-contactmain--modify .item .sub-th:nth-child(4) {
    width: 13.69%;
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain--modify .item .sub-td:nth-child(4), .block-setting-filemain .list-contactmain--modify .item .sub-th:nth-child(4) {
        width: 70px;
        margin: 0 0;
        padding-left: 0 !important;
    }
    .block-setting-filemain .list-contactmain--modify .item .sub-td:nth-child(4) .txt-btn__green, .block-setting-filemain .list-contactmain--modify .item .sub-th:nth-child(4) .txt-btn__green {
        min-width: 110px;
    }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
    .block-setting-filemain .list-contactmain--modify .item .sub-td:nth-child(4) .txt-btn__green, .block-setting-filemain .list-contactmain--modify .item .sub-th:nth-child(4) .txt-btn__green {
        min-width: 100%;
        width: 100%;
        border-radius: 4px;
        margin-bottom: 0;
        height: auto;
        padding: 5px 4px;
    }
}
.block-setting-filemain .list-contactmain--modify .item .sub-td:nth-child(5), .block-setting-filemain .list-contactmain--modify .item .sub-th:nth-child(5) {
    width: 6.072%;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .list-contactmain--modify .item .sub-td:nth-child(5), .block-setting-filemain .list-contactmain--modify .item .sub-th:nth-child(5) {
        width: 18px;
        text-align: center;
        padding-left: 0 !important;
    }
}
.block-setting-filemain .list-contactmain--modify .js-show-modal, .block-setting-filemain .list-contactmain--modify .jsdetelesingle {
    position: relative;
    z-index: 3;
}
.block-setting-filemain .btn-comp01 {
    display: inline;
    max-width: 80px;
    height: 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    white-space: nowrap;
}
@media screen and (max-width: 834px) {
    .block-setting-filemain .btn-comp01 {
        width: 50px;
        height: 22px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.block-setting-filemain .js-urlcopybtn {
    position: relative;
    z-index: 3;
}
.block-setting-filemain .copy_bt_complete {
    background: #708A98;
    color: #fff;
}

.settingfile-name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
    .settingfile-name {
        width: 80%;
    }
}
.settingfile-cat {
    display: inline-block;
    font-weight: 500;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media screen and (max-width: 834px) {
    .settingfile-cat {
        font-weight: bold;
        width: 120px !important;
    }
}
.settingfile-cat__ct {
    font-weight: 500;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media screen and (max-width: 834px) {
    .settingfile-cat__ct {
        width: 50% !important;
    }
}
.settingfile-url {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 834px) {
    .settingfile-url {
        width: calc(100% - 120px);
        min-width: 180px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.settingfile-url__ct {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    padding-right: 15px;
}
@media screen and (max-width: 834px) {
    .settingfile-url__ct {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: calc(95% - 50px);
        min-width: 130px;
    }
}

/*パラメータ設定*/
.block-setting_paramain .list-contactmain .item-th .sub-th:nth-child(2) {
    width: 24.5%;
}
.block-setting_paramain .list-contactmain .item-th .sub-th:nth-child(3) {
    width: 24.5%;
}
.block-setting_paramain .list-contactmain .item-th .sub-th:nth-child(4) {
    width: 40%;
}
.block-setting_paramain .list-contactmain .item-th .sub-th:nth-child(5) {
    width: 5%;
    text-align: right;
}
.block-setting_paramain .list-contactmain .item-td .sub-td:nth-child(2) {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
}
@media screen and (min-width: 835px) {
    .block-setting_paramain .list-contactmain .item-td .sub-td:nth-child(2) {
        width: 25%;
    }
}
@media screen and (min-width: 835px) {
    .block-setting_paramain .list-contactmain .item-td .sub-td:nth-child(3) {
        width: 24%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_paramain .list-contactmain .item-td .sub-td:nth-child(3) > span.sp {
        font-weight: bold;
    }
}
@media screen and (min-width: 835px) {
    .block-setting_paramain .list-contactmain .item-td .sub-td:nth-child(4) {
        width: 40%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_paramain .list-contactmain .item-td .sub-td:nth-child(4) {
        text-align: left;
    }
    .block-setting_paramain .list-contactmain .item-td .sub-td:nth-child(4) > span.sp {
        display: inline;
        padding: 0;
        font-weight: bold;
    }
    .block-setting_paramain .list-contactmain .item-td .sub-td:nth-child(4) > span.sp strong {
        display: inline-block;
        width: 5.2rem;
        text-align: center;
        font-weight: bold;
    }
}

/*URL設定*/
.block-setting_urlmain .list-contactmain .item-th .sub-th:nth-child(1) {
    width: 10%;
}
.block-setting_urlmain .list-contactmain .item-th .sub-th:nth-child(2) {
    width: 19.7%;
}
.block-setting_urlmain .list-contactmain .item-th .sub-th:nth-child(3) {
    width: 41.938%;
}
.block-setting_urlmain .list-contactmain .item-th .sub-th:nth-child(4) {
    width: 23%;
}
.block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(1) {
    width: 10%;
}
@media screen and (min-width: 835px) {
    .block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(2) {
        width: 19.7%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(2) {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        margin: 5px 0;
    }
}
.block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(3) {
    font-weight: 500;
}
@media screen and (min-width: 835px) {
    .block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(3) {
        width: 41.938%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(3) {
        width: calc(100% - 50px);
        margin: 5px 50px 5px 0;
    }
}
.block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(3) .sp {
    display: block;
}
.block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(4) {
    word-break: break-all;
}
@media screen and (min-width: 835px) {
    .block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(4) {
        width: 23%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(4) {
        width: calc(100% - 50px);
        margin: 0px 50px 0px 0;
        text-align: left;
    }
    .block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(4) > span.sp {
        text-align: left;
        width: 30%;
        font-weight: bold;
    }
}
.block-setting_urlmain .list-contactmain .item-td .sub-td:nth-child(4) .sp {
    display: block;
}
.block-setting_urlmain .list-contactmain .item-td .sub-td .sp {
    font-weight: bold;
}
@media screen and (max-width: 834px) {
    .block-setting_urlmain .list-contactmain .item-td .sub-td .settingfile-url {
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 834px) {
    .block-setting_urlmain .list-contactmain .item-td .sub-td {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.3333333333;
    }
}
.block-setting_urlmain .btn-comp01 {
    display: inline;
    max-width: 50px;
    height: 22px;
    margin-bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
    white-space: nowrap;
}
.block-setting_urlmain .js-urlcopybtn {
    position: relative;
    z-index: 3;
}
.block-setting_urlmain .copy_bt_complete {
    background: #708A98;
    color: #fff;
}

/*modal*/
.para-modal .select-custom select {
    background: #F0F0F0;
}

@media screen and (min-width: 835px) {
    .setting_site-modal .setting-index__ttl {
        width: 140px;
    }
}
@media screen and (max-width: 834px) {
    .setting_site-modal .setting-index__ttl {
        width: 100%;
    }
}
.setting_site-modal .setting-index__desc {
    text-align: right;
    width: calc(100% - 140px);
    max-width: 400px;
}
@media screen and (min-width: 835px) {
    .setting_site-modal .setting-index__desc {
        width: 100%;
    }
}
@media screen and (max-width: 834px) {
    .setting_site-modal .setting-index__desc {
        width: 100%;
        max-width: 100%;
    }
}
.setting_site-modal .setting-index__desc .btn-comp01--small {
    display: inline-block;
    margin-top: 5px;
}
@media screen and (max-width: 834px) {
    .setting_site-modal .setting-index__desc .btn-comp01--small {
        display: block;
        margin: 5px 5px auto auto;
    }
}
.setting_site-modal textarea {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #25526A;
    width: 100%;
    height: 300px;
    background: #DEDEDE;
    border-radius: 15px;
    border: none;
    padding: 10px 15px;
    width: 100%;
    max-width: 400px;
}
@media screen and (max-width: 834px) {
    .setting_site-modal textarea {
        font-size: 1.6rem;
        line-height: 1.75;
        max-width: 100%;
        height: 375px;
    }
}
.setting_site-modal textarea.h130 {
    max-width: 130px;
}
.setting_site-modal .setting-index__desc-wrap-left {
    width: calc(100% - 50px);
}
.setting_site-modal .setting-index__desc-wrap-right {
    width: 50px;
}
.setting_site-modal .popup-list__item {
    max-width: 660px;
}
.setting_site-modal .modal-box__ct {
    padding-bottom: 40px;
    padding-top: 40px;
}

.block-dl_parts--check .boxCheckWrap {
    display: inline-block;
}
@media screen and (min-width: 641px) {
    .block-dl_parts--check {
        text-align: right;
    }
}
.block-dl_parts--form, .block-dl_parts--input {
    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;
}
@media screen and (min-width: 641px) {
    .block-dl_parts--form, .block-dl_parts--input {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.block-dl_parts--input {
    margin-top: 10px;
    width: 100%;
}
.block-dl_parts--form {
    max-width: 510px;
    width: calc(100% - 210px);
}
@media screen and (max-width: 834px) {
    .block-dl_parts--form {
        width: 100%;
    }
}
.block-dl_parts--form .setting-field__input {
    width: calc(100% - 90px);
}
.block-dl_parts--form .btn-comp01 {
    margin: 0 0 0 10px;
    min-width: 80px;
    width: 80px;
}
.block-dl_parts--dl {
    width: 200px;
    margin: 0 0 0 10px;
}
@media screen and (max-width: 834px) {
    .block-dl_parts--dl {
        margin: 10px 0 0;
        width: 100%;
    }
}
.block-dl_parts--dl .btn-comp01 {
    margin: 0;
}
@media screen and (min-width: 641px) {
    .block-dl_parts--dl .btn-comp01 {
        margin-left: auto;
    }
}

@media screen and (max-width: 834px) {
    .page-setting,
    .page-setting_form,
    .page-setting_form_detail {
        padding: 20px 0 40px;
    }
}
@media screen and (min-width: 835px) {
    .page-setting .ttl-comp02,
    .page-setting_form .ttl-comp02,
    .page-setting_form_detail .ttl-comp02 {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 834px) {
    .page-setting .ttl-comp02,
    .page-setting_form .ttl-comp02,
    .page-setting_form_detail .ttl-comp02 {
        padding-top: 2px;
    }
}
.page-setting .btn-comp01,
.page-setting_form .btn-comp01,
.page-setting_form_detail .btn-comp01 {
    max-width: 160px;
}
@media screen and (max-width: 834px) {
    .page-setting .btn-comp01,
    .page-setting_form .btn-comp01,
    .page-setting_form_detail .btn-comp01 {
        max-width: 140px;
        height: 40px;
    }
}
.page-setting .block__01,
.page-setting_form .block__01,
.page-setting_form_detail .block__01 {
    margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
    .page-setting .block__01,
    .page-setting_form .block__01,
    .page-setting_form_detail .block__01 {
        margin-bottom: 16px;
    }
}

.setting-index__item {
    margin-bottom: 57px;
}
@media screen and (max-width: 834px) {
    .setting-index__item {
        margin-bottom: 36px;
    }
}
.setting-index__item:last-child {
    margin-bottom: 0;
}
.setting-index__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
    .setting-index__flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 18px;
    }
}
.setting-index__flex:last-child {
    margin-bottom: 0;
}
.setting-index__flex--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
    .setting-index__flex--start {
        margin-bottom: 18px;
    }
}
.setting-index__flex--start .setting-index__ttl {
    padding-top: 13px;
}
.setting-index__flex--02 .setting-index__ttl {
    width: 110px;
}
@media screen and (max-width: 834px) {
    .setting-index__flex--02 .setting-index__ttl {
        width: 100%;
    }
}
.setting-index__flex--02 .setting-index__desc {
    width: calc(100% - 110px);
}
@media screen and (max-width: 834px) {
    .setting-index__flex--02 .setting-index__desc {
        width: 100%;
    }
}
.setting-index__flex--03 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.setting-index__flex--03 .setting-index__ttl {
    padding-top: 11px;
}
.setting-index__flex--03 .setting-index__desc-wrap-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 835px) {
    .setting-index__flex--03.form-content__input--02 .setting-index__ttl {
        width: 140px;
        padding-top: 5px;
    }
    .setting-index__flex--03.form-content__input--02 .setting-index__desc {
        width: calc(100% - 140px);
    }
}
.setting-index__flex--03.form-content__input--02 .setting-index__ttl {
    line-height: 1.25;
    font-size: 16px;
    font-size: 1.6rem;
}
.setting-index__flex--04 .setting-index__ttl {
    padding-top: 1px !important;
}
.setting-index__flex--05 .setting-index__desc {
    width: 100%;
}
.setting-index__flex--05 .setting-index__desc .setting-index__desc-wrap-left input:first-child {
    width: calc(40% - 3px);
}
.setting-index__flex--05 .setting-index__desc .setting-index__desc-wrap-left input:last-child {
    width: calc(60% - 3px);
}
.setting-index__flex--ct {
    text-align: center;
    margin-bottom: 20px;
}
.setting-index__flex--ct .setting-form__content-popup {
    margin: 15px auto 0;
    display: inline-block;
}
.setting-index__flex--ct .setting-form__content-link {
    margin-bottom: 0;
}
.setting-index__flex--ct .setting-form__content-list {
    text-align: left;
}
.setting-index__ttl {
    width: 140px;
    padding-right: 10px;
    color: #3E5776;
    font-weight: bold;
    line-height: 1.25;
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
    .setting-index__ttl {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
    }
}
.setting-index__ttl.--top {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.setting-index__ttl--02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.setting-index__ttl--02 small {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
}
.setting-index__desc {
    width: calc(100% - 140px);
}
@media screen and (max-width: 834px) {
    .setting-index__desc {
        width: 100%;
    }
}
.setting-index__desc .setting-field__wrap {
    width: 100%;
    max-width: 400px;
}
.setting-index__desc .setting-field__wrap .select-custom:after {
    content: none;
}
.setting-index__desc .setting-field__wrap select {
    background: #F0F0F0;
}
.setting-index__desc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}
.setting-index__desc-input {
    max-width: 140px;
    margin-right: 5px;
}
.setting-index__desc-select {
    max-width: 200px;
}
.setting-index__desc-w100 {
    display: block;
    margin-bottom: 5px;
}
.setting-index__desc-w100:last-child {
    margin-bottom: 0;
}
.setting-index__desc-file label {
    padding: 25px 20px;
    cursor: pointer;
    background: #DEDEDE;
    max-width: 400px;
    border-radius: 10px;
    text-align: center;
    color: #8CA3AF;
    font-weight: 500;
    display: block;
    line-height: 1.5;
    font-size: 12px;
    font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
    .setting-index__desc-file label {
        padding: 25px 20px 22px;
        font-weight: 600;
    }
}
.setting-index__desc-file #imgInp {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.setting-index__desc-file span {
    line-height: 1.2;
    display: block;
    color: #8CA3AF;
    font-weight: bold;
    font-family: "Sofia Pro", sans-serif;
    margin-bottom: 6px;
    font-size: 16px;
    font-size: 1.6rem;
}
.setting-index__desc-file img {
    margin-bottom: 3px;
}
@media screen and (max-width: 834px) {
    .setting-index__desc-file img {
        margin-bottom: 11px;
    }
}
.setting-index__desc-pass {
    max-width: 400px;
    position: relative;
    width: 100%;
}
.setting-index__desc-pass .field-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 25px;
    height: 17px;
    background: url("../img/contact/icon-eye.png") center no-repeat;
    background-size: contain;
    cursor: pointer;
}
@media screen and (max-width: 834px) {
    .setting-index__desc-pass .field-icon {
        right: 13px;
    }
}
.setting-index__desc-pass .field-icon.on:before {
    content: "";
    width: 26px;
    height: 2px;
    background: #8ca3af;
    position: absolute;
    left: 38%;
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
    -ms-transform: rotate(-45deg) translate(-50%, -50%);
    transform: rotate(-45deg) translate(-50%, -50%);
    top: -1px;
}
.setting-index__desc-txt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 15px 0 5px 0;
}
.setting-index__desc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F5F5F5;
    border-radius: 3px;
    padding-left: 10px;
    margin-bottom: 5px;
}
.setting-index__desc-wrap-left {
    width: calc(100% - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 7px 0;
}
.setting-index__desc-wrap-left input {
    width: calc(50% - 3px);
    background: #fff !important;
    border: 1px #DEDEDE solid;
    height: 40px;
    padding: 10px;
}
.setting-index__desc-wrap-left input::-webkit-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.setting-index__desc-wrap-left input:-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.setting-index__desc-wrap-left input::-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.setting-index__desc-wrap-left input::-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.setting-index__desc-wrap-left input::placeholder {
    color: rgba(37, 82, 106, 0.5);
}
@media screen and (max-width: 640px) {
    .setting-index__desc-wrap-left input {
        width: 100%;
        margin: 3px 0;
    }
}
.setting-index__desc-wrap-right {
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.setting-index__desc-wrap-remove {
    width: 50%;
    text-align: center;
    cursor: pointer;
}
.setting-index__desc-wrap-bar {
    width: 50%;
    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;
    min-height: 55px;
    background: #EDEDED;
    position: relative;
    cursor: pointer;
}
@media screen and (max-width: 640px) {
    .setting-index__desc-wrap-bar {
        height: 100px;
    }
}
.setting-index__desc-wrap-bar:before {
    content: "";
    width: 18px;
    height: 2px;
    background: #8CA3AF;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 45%;
}
.setting-index__desc-wrap-bar:after {
    content: "";
    width: 18px;
    height: 2px;
    background: #8CA3AF;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 55%;
}
.setting-index__desc-btn {
    background: #8CA3AF;
    border-radius: 3px;
    height: 20px;
    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: #fff;
    position: relative;
    cursor: pointer;
}
.setting-index__desc-btn:before {
    content: "";
    background: url("../img/common/i-plus.svg");
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -1px;
}
.setting-index__desc-namefile {
    display: none;
    margin: 10px 0;
}
.setting-index__desc-namefile .txt {
    color: #25526A;
    font-weight: 500;
    line-height: 1.357;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 10px;
}
.setting-index__desc-infofile {
    display: none;
    border-radius: 10px;
    background: #25526A;
    padding: 20px 30px 5px;
}
.setting-index__desc-infofile p {
    line-height: 1.3125;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
    .setting-index__desc-infofile {
        padding: 20px 15px 5px;
    }
}
.setting-index__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
}
.setting-index__list-item {
    width: 50%;
    padding: 0 5px;
    max-width: 205px;
}
.setting-index__account {
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
}
.setting-index__account-delete {
    display: block;
    text-align: center;
    cursor: pointer;
}
.setting-index__account tr {
    background: white;
    border-bottom: 5px solid #F0F0F0;
}
@media screen and (max-width: 834px) {
    .setting-index__account tr {
        display: block;
        position: relative;
        padding: 10px 15px;
    }
}
.setting-index__account tr th,
.setting-index__account tr td {
    padding: 10px 15px;
}
@media screen and (max-width: 834px) {
    .setting-index__account tr th,
    .setting-index__account tr td {
        display: block;
        width: 100%;
        padding: 5px;
    }
}
.setting-index__account tr th:nth-child(2),
.setting-index__account tr td:nth-child(2) {
    width: 40%;
}
@media screen and (max-width: 834px) {
    .setting-index__account tr th:nth-child(2),
    .setting-index__account tr td:nth-child(2) {
        width: 100%;
    }
}
.setting-index__account tr th:nth-child(3),
.setting-index__account tr td:nth-child(3) {
    width: 30%;
}
@media screen and (max-width: 834px) {
    .setting-index__account tr th:nth-child(3),
    .setting-index__account tr td:nth-child(3) {
        width: 100%;
    }
}
.setting-index__account tr th:nth-child(4),
.setting-index__account tr td:nth-child(4) {
    width: 70px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .setting-index__account tr th:nth-child(4),
    .setting-index__account tr td:nth-child(4) {
        width: 30px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
    }
}
.setting-index__account tr th {
    font-weight: bold;
}
@media screen and (max-width: 834px) {
    .setting-index__account tr th {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.setting-index__hr {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 700;
    border-bottom: 2px solid #25526A;
    margin-bottom: 15px;
}
.setting-index__fromAddress {
    margin-top: 40px;
}
@media screen and (min-width: 835px) {
    .setting-index__fromAddress {
        padding-bottom: 80px;
    }
}
.setting-index__fromAddress-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.setting-index__fromAddress-form .btn-comp01 {
    margin: 0 0 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    min-width: 80px;
    width: 80px;
    height: 44px;
}
.setting-index__btn {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.setting-index__btn .btn-comp02 {
    margin-right: 5px;
    cursor: pointer;
}
.setting-index__btn .btn-plus01 {
    min-width: 150px;
}
.setting-index__btn button {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.setting-index__btn button:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.page-setting_url .wrap-function {
    margin-left: 28px;
}
@media screen and (max-width: 834px) {
    .page-setting_url .wrap-function {
        margin-left: 0;
    }
}

.form-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
    .form-content {
        display: block;
    }
}
.form-content__sub {
    width: 220px;
}
@media screen and (max-width: 834px) {
    .form-content__sub {
        width: 100%;
    }
}
.form-content__input {
    width: calc(100% - 220px);
    padding-right: 10px;
}
@media screen and (max-width: 834px) {
    .form-content__input {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
}
.form-content__input--02 .setting-index__flex {
    margin-bottom: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
@media screen and (max-width: 834px) {
    .form-content__input--02 .setting-index__flex {
        margin-bottom: 18px;
    }
}
.form-content__input--02 .setting-index__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 12px;
}
@media screen and (min-width: 835px) {
    .form-content__input--02 .setting-index__ttl {
        width: 230px;
    }
}
@media screen and (max-width: 834px) {
    .form-content__input--02 .setting-index__ttl {
        margin-bottom: 12px;
    }
}
.form-content__input--02 .setting-index__ttl-require {
    font-weight: 700;
    color: #fff;
    background: #F29B5B;
    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;
    height: 24px;
    min-width: 39px;
    border-radius: 12px;
    margin-right: 10px;
}
.form-content__input--02 .setting-index__ttl-require--gray {
    background: #DEDEDE;
    color: #25526A;
}
.form-content__input--02 .setting-index__ttl-lead {
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (min-width: 835px) {
    .form-content__input--02 .setting-index__desc {
        width: calc(100% - 230px);
    }
}
.form-content__input--02 .setting-index__desc input::-webkit-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--02 .setting-index__desc input:-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--02 .setting-index__desc input::-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--02 .setting-index__desc input::-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--02 .setting-index__desc input::placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--02 .setting-index__desc-select select {
    background: #F0F0F0;
}
.form-content__input--02 .setting-index__desc-check {
    padding-left: 60px;
}
@media screen and (max-width: 834px) {
    .form-content__input--02 .setting-index__desc-check {
        height: 40px;
    }
}
.form-content__input--02 .setting-index__desc-check .checkmark {
    top: 50%;
    width: 50px;
    height: 30px;
    border: 1px #DEDEDE solid;
    border-radius: 15px;
    background: #F0F0F0;
    left: 0;
}
.form-content__input--02 .setting-index__desc-check .checkmark:before {
    display: block;
    content: "";
    background: #fff;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-content__input--02 .setting-index__desc-check input:checked ~ .checkmark:after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    left: auto;
    right: 2px;
    top: 2px;
}
.form-content__input--02 .setting-index__desc-check input:checked ~ .checkmark:before {
    display: none;
}
.form-content__input--02 .setting-index__desc-check .lable-txt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
}
@media screen and (max-width: 834px) {
    .form-content__input--02 .setting-index__desc-check .lable-txt {
        height: 40px;
        padding-top: 6px;
        display: block;
    }
}
.form-content__input--03 .setting-index__flex {
    margin-bottom: 9px;
}
@media screen and (max-width: 834px) {
    .form-content__input--03 .setting-index__flex {
        margin-bottom: 22px;
    }
}
@media screen and (min-width: 835px) {
    .form-content__input--03 .setting-index__ttl {
        width: 180px;
    }
}
@media screen and (max-width: 834px) {
    .form-content__input--03 .setting-index__ttl {
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 835px) {
    .form-content__input--03 .setting-index__desc {
        width: calc(100% - 180px);
    }
}
.form-content__input--03 .setting-index__desc p {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.1rem;
    margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
    .form-content__input--03 .setting-index__desc p {
        margin-bottom: 5px;
    }
}
.form-content__input--03 .setting-index__desc textarea {
    vertical-align: top;
}
.form-content__input--03 .setting-index__flex--02 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
@media screen and (max-width: 834px) {
    .form-content__input--03 input {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.form-content__input--03 input::-webkit-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 input:-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 input::-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 input::-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 input::placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 textarea {
    font-size: 14px;
    font-size: 1.4rem;
    background: #F0F0F0;
    border-radius: 15px;
    border: none;
    padding: 10px 15px;
    width: 100%;
    max-width: 400px;
}
@media screen and (max-width: 834px) {
    .form-content__input--03 textarea {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 100%;
    }
}
.form-content__input--03 textarea::-webkit-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 textarea:-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 textarea::-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 textarea::-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 textarea::placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.form-content__input--03 textarea:focus-visible {
    outline: none;
}
.form-content__input--03 textarea.h130 {
    height: 130px;
}
.form-content__input--03 textarea.h200 {
    height: 200px;
}
.form-content .btn-plus01 {
    max-width: 220px;
    height: 40px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (max-width: 834px) {
    .form-content .btn-plus01 {
        margin: 0 auto;
    }
}
.form-content .btn-plus01:hover {
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.input {
    max-width: 400px;
    width: 100%;
    height: 46px;
    padding: 10px 20px;
    color: #25526A;
    font-weight: 500;
    border: 0;
    border-radius: 35px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-size: 1.4rem;
}
.input::-webkit-input-placeholder {
    color: #25526A;
}
.input::-moz-placeholder {
    color: #25526A;
}
.input:-ms-input-placeholder {
    color: #25526A;
}
.input::-ms-input-placeholder {
    color: #25526A;
}
.input::placeholder {
    color: #25526A;
}
@media screen and (max-width: 834px) {
    .input {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 374px) {
    .input {
        padding: 12px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.input--gray {
    background: #F0F0F0;
    color: #708A98;
}
.input--white {
    background: #FFFFFF !important;
    color: #25526A !important;
}

.select-custom {
    max-width: 200px;
    width: 100%;
    position: relative;
}
.select-custom select {
    width: 100%;
    height: 46px;
    padding: 10px 20px;
    color: #25526A;
    border: 0;
    border-radius: 35px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-size: 1.4rem;
    background: #fff;
    opacity: 1;
}
@media screen and (max-width: 834px) {
    .select-custom select {
        padding: 6px 20px;
    }
}
.select-custom select.select--white {
    background: #fff !important;
}
.select-custom::after {
    content: "";
    width: 13px;
    height: 7px;
    background: url("../img/contact/icon-arrow-down.png") center no-repeat;
    background-size: contain;
    position: absolute;
    right: 15px;
    top: 55%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 374px) {
    .select-custom::after {
        top: 52%;
    }
}
.select-custom--low select {
    height: 38px;
    padding: 10px 15px;
}
.select-custom--gray select {
    background: #F0F0F0;
}

.popup-form__content-ttl {
    color: #25526A;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
    .popup-form__content-ttl {
        margin-bottom: 15px;
        font-size: 20px;
        font-size: 2rem;
    }
}
.popup-form__content-ttl--small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3571428571;
    font-weight: 500;
    margin-bottom: 20px;
}
.popup-form__content-txt {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    max-width: 535px;
    margin: 0 auto 18px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .popup-form__content-txt {
        margin-bottom: 23px;
    }
}
.popup-form__content .input {
    background: #F0F0F0;
}
@media screen and (max-width: 834px) {
    .popup-form__content .input {
        max-width: 100%;
    }
}
.popup-form__content .input.bg-white {
    background: #fff;
}
.popup-form__content .form-content__input {
    width: 100%;
    margin-bottom: 40px;
}
.popup-form__content-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.popup-form__content-flex .btn-comp01 {
    max-width: 160px;
    width: 100%;
    margin: 0 5px;
}
@media screen and (max-width: 834px) {
    .popup-form__content-flex .btn-comp01 {
        margin: 0 2px;
        max-width: 150px;
    }
}
.popup-form__content-flex.c-al--l {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.popup-form__content-lead {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}
.popup-form__content-lead strong {
    font-size: 22px;
    font-size: 2.2rem;
}
@media screen and (max-width: 834px) {
    .popup-form__content-lead strong {
        font-size: 20px;
        font-size: 2rem;
    }
}

.setting-index__box {
    padding: 25px;
    border-radius: 3px;
    background: #F5F5F5;
    margin-top: 10px;
    text-align: left;
}
@media screen and (max-width: 834px) {
    .setting-index__box {
        padding: 20px 20px;
    }
}
.setting-index__box-ttl {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3125;
    color: #3E5776;
    margin-bottom: 4px;
}
.setting-index__box-input {
    margin-bottom: 20px;
}
.setting-index__box-input:last-child {
    margin-bottom: 0;
}
.setting-index__box-input input {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    height: 36px;
    background: #FFFFFF;
    line-height: 1.3571428571;
}
.setting-index__box-wr {
    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;
    gap: 5px 5px;
}
.setting-index__box-wr .boxCheckWrap {
    height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3571428571;
    font-weight: 500;
    padding-left: 30px;
    min-width: 80px;
}
@media screen and (max-width: 834px) {
    .setting-index__box-wr .boxCheckWrap {
        min-width: 70px;
    }
}
.setting-index__box-wr .boxCheckWrap .checkmark {
    left: 0;
}

/*--------------------------
アカウント設定
--------------------------*/
.setting-accountConfirm {
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (min-width: 835px) {
    .setting-accountConfirm {
        padding-bottom: 80px;
    }
}
.setting-accountConfirm .setting-index__list-item {
    width: auto;
}
.setting-accountConfirm .setting-index__flex--start .setting-index__ttl {
    padding-top: 0;
}
.setting-accountConfirm .setting-index__desc-select {
    margin-left: 1em;
}
.setting-accountConfirm .setting-index__desc-select:after {
    display: none;
}
.setting-accountConfirm .setting-index__desc-file img {
    width: 100%;
    max-width: 400px;
}
.setting-accountConfirm__sendVars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 15px;
    margin-bottom: 50px;
}
.setting-accountConfirm__sendVars-item {
    width: calc(25% - 11.25px);
    max-width: 240px;
    cursor: pointer;
}
@media screen and (max-width: 834px) {
    .setting-accountConfirm__sendVars-item {
        width: calc(50% - 11.25px);
    }
}
.setting-accountConfirm__sendVars-item .logo {
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #ddd;
}
.setting-accountConfirm__sendVars-item .boxCheckWrap {
    padding-left: 0;
}
.setting-accountConfirm__sendVars-item .checkmark {
    left: 0;
    top: auto;
    bottom: 2px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media screen and (max-width: 834px) {
    .setting-accountConfirm__sendVars-item .checkmark {
        bottom: 0;
    }
}
.setting-accountConfirm__sendVars-item .lable-txt {
    padding-left: 30px;
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
    .setting-accountConfirm__sendVars-item .lable-txt {
        padding-left: 25px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.setting-accountConfirm__sendVars-wrap {
    margin-bottom: 50px;
}
.setting-accountConfirm__sendVars-cont {
    background: #fff;
    padding: 28px 30px 40px;
}
@media screen and (max-width: 834px) {
    .setting-accountConfirm__sendVars-cont {
        padding: 28px 18px 30px;
    }
}
.setting-accountConfirm__sendVars-cont input[type=text] {
    max-width: 100%;
    background: #F0F0F0;
}
.setting-accountConfirm__sendVars-cont input[type=text].--ss {
    max-width: 100px;
}
.setting-accountConfirm__sendVars-cont input[type=text].--s {
    max-width: 400px;
}
@media screen and (min-width: 835px) {
    .setting-accountConfirm__sendVars-cont .flex-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .setting-accountConfirm__sendVars-cont .flex-top .setting-index__ttl {
        padding-top: 0.8em;
    }
}
@media screen and (min-width: 835px) {
    .setting-accountConfirm__sendVars-cont .flex-top02 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .setting-accountConfirm__sendVars-cont .flex-top02 .setting-index__ttl {
        padding-top: 0.2em;
    }
}
.setting-accountConfirm__sendVars-cont .note {
    margin-top: 10px;
    font-size: 90%;
}
.setting-accountConfirm__sendVars-cont a {
    text-decoration: underline;
    font-weight: 600;
}
.setting-accountConfirm__sendVars-cont .btn-login {
    padding-right: 1em;
    padding-left: 1em;
    width: auto;
    max-width: 300px;
    font-size: 1.6rem;
    text-decoration: none;
}
.setting-accountConfirm .btn-comp01 {
    margin: 0;
}

/*------------------------
	メール配信設定
------------------------*/
.list-mailingList .item-th {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.list-mailingList .item.item-th,
.list-mailingList .item.item-td {
    gap: 0 10px;
}
.list-mailingList .item.item-th .sub-th:first-child,
.list-mailingList .item.item-th .sub-td:first-child,
.list-mailingList .item.item-td .sub-th:first-child,
.list-mailingList .item.item-td .sub-td:first-child {
    position: relative;
    padding: 0;
    width: 40px;
    text-align: center;
}
.list-mailingList .item.item-th .sub-th:first-child .boxCheckWrap .checkmark,
.list-mailingList .item.item-th .sub-td:first-child .boxCheckWrap .checkmark,
.list-mailingList .item.item-td .sub-th:first-child .boxCheckWrap .checkmark,
.list-mailingList .item.item-td .sub-td:first-child .boxCheckWrap .checkmark {
    left: 0;
    right: 0;
    margin: 0 auto;
}
@media screen and (max-width: 834px) {
    .list-mailingList .item.item-th .sub-th:first-child,
    .list-mailingList .item.item-th .sub-td:first-child,
    .list-mailingList .item.item-td .sub-th:first-child,
    .list-mailingList .item.item-td .sub-td:first-child {
        display: none;
    }
}
.list-mailingList .item.item-th .sub-th:nth-child(2),
.list-mailingList .item.item-th .sub-td:nth-child(2),
.list-mailingList .item.item-td .sub-th:nth-child(2),
.list-mailingList .item.item-td .sub-td:nth-child(2) {
    width: calc(100% - 480px);
}
@media screen and (max-width: 834px) {
    .list-mailingList .item.item-th .sub-th:nth-child(2),
    .list-mailingList .item.item-th .sub-td:nth-child(2),
    .list-mailingList .item.item-td .sub-th:nth-child(2),
    .list-mailingList .item.item-td .sub-td:nth-child(2) {
        margin: 0;
        width: calc(100% - 45px);
    }
}
.list-mailingList .item.item-th .sub-th:nth-child(3),
.list-mailingList .item.item-th .sub-td:nth-child(3),
.list-mailingList .item.item-td .sub-th:nth-child(3),
.list-mailingList .item.item-td .sub-td:nth-child(3) {
    padding: 0 !important;
    text-align: center;
    width: 90px;
}
@media screen and (max-width: 834px) {
    .list-mailingList .item.item-th .sub-th:nth-child(3),
    .list-mailingList .item.item-th .sub-td:nth-child(3),
    .list-mailingList .item.item-td .sub-th:nth-child(3),
    .list-mailingList .item.item-td .sub-td:nth-child(3) {
        margin: 5px 0;
        width: calc(100% - 45px);
        text-align: left;
    }
}
.list-mailingList .item.item-th .sub-th:nth-child(4),
.list-mailingList .item.item-th .sub-td:nth-child(4),
.list-mailingList .item.item-td .sub-th:nth-child(4),
.list-mailingList .item.item-td .sub-td:nth-child(4) {
    padding-left: 0 !important;
    /*padding-right: 30px;*/
    text-align: center;
    width: 90px;
}
@media screen and (max-width: 834px) {
    .list-mailingList .item.item-th .sub-th:nth-child(4),
    .list-mailingList .item.item-th .sub-td:nth-child(4),
    .list-mailingList .item.item-td .sub-th:nth-child(4),
    .list-mailingList .item.item-td .sub-td:nth-child(4) {
        margin: 0;
        width: calc(100% - 45px);
        text-align: left;
    }
}
.list-mailingList .item.item-th .sub-td:first-child .boxCheckWrap .checkmark,
.list-mailingList .item.item-td .sub-td:first-child .boxCheckWrap .checkmark {
    right: auto;
}

.page-setting_mail_detail .days-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    font-size: 1.5rem;
}
.page-setting_mail_detail .days-row input {
    width: 100px;
}
.page-setting_mail_detail .tab-actionct__item {
    display: block !important;
}
.page-setting_mail_detail .mailing-info {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 1px !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.page-setting_mail_detail .mailing-info__item {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.page-setting_mail_detail .mailing-info__item:first-child {
    padding-top: 30px;
}
@media screen and (max-width: 834px) {
    .page-setting_mail_detail .mailing-info__item:first-child {
        padding-top: 20px;
    }
}
.page-setting_mail_detail .mailing-info__item:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: calc(100% + 60px);
    height: 1px;
    bottom: 0;
    left: -30px;
    background: #fff;
}
@media screen and (max-width: 834px) {
    .page-setting_mail_detail .mailing-info__item:before {
        left: -15px;
        width: calc(100% + 30px);
    }
}
.page-setting_mail_detail .mailing-info__item-deleteBtn {
    margin: 0 0 0 auto;
    padding-bottom: 7px;
    text-align: center;
    cursor: pointer;
    color: #25526A;
    font-weight: 500;
    background: rgba(37, 82, 106, 0.1);
}
.page-setting_mail_detail .mailing-info__btn {
    padding-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.js-selectSetting-cont {
    display: none;
}
.js-selectSetting-cont.is-selected {
    display: block;
}

.copyClip-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
}
.copyClip-row .input {
    max-width: calc(100% - 60px) !important;
    background: #fff;
}
.copyClip-row__btn {
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 0;
    border-radius: 5px;
    background: #25526a;
    cursor: pointer;
}
.copyClip-row__btn img {
    width: 16px;
}

@media screen and (max-width: 834px) {
    .table-dnsRecord {
        width: 100% !important;
    }
    .table-dnsRecord tbody {
        display: block;
    }
}
@media screen and (max-width: 834px) {
    .table-dnsRecord tr {
        display: block;
    }
    .table-dnsRecord tr:not(:first-child) {
        display: block;
        padding: 10px;
        margin-bottom: 10px;
        width: 100%;
        border: 1px solid #DEDEDE;
        background: #F5F5F5;
    }
}
.table-dnsRecord tr th {
    font-size: 1.4rem !important;
}
.table-dnsRecord tr th:nth-child(3), .table-dnsRecord tr th:nth-child(4) {
    text-align: left !important;
}
.table-dnsRecord tr th,
.table-dnsRecord tr td {
    padding: 10px 5px !important;
}
@media screen and (max-width: 834px) {
    .table-dnsRecord tr th,
    .table-dnsRecord tr td {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0 !important;
        text-align: left !important;
    }
}
.table-dnsRecord tr th:first-child,
.table-dnsRecord tr td:first-child {
    text-align: center !important;
    width: 100px !important;
}
@media screen and (max-width: 834px) {
    .table-dnsRecord tr th:first-child,
    .table-dnsRecord tr td:first-child {
        width: 100% !important;
    }
}
.table-dnsRecord tr th:nth-child(2),
.table-dnsRecord tr td:nth-child(2) {
    width: 140px !important;
}
@media screen and (max-width: 834px) {
    .table-dnsRecord tr th:nth-child(2),
    .table-dnsRecord tr td:nth-child(2) {
        margin-top: 16px;
        width: 100% !important;
    }
}
.table-dnsRecord tr th:nth-child(3), .table-dnsRecord tr th:nth-child(4),
.table-dnsRecord tr td:nth-child(3),
.table-dnsRecord tr td:nth-child(4) {
    width: calc((100% - 240px) / 2) !important;
}
@media screen and (max-width: 834px) {
    .table-dnsRecord tr th:nth-child(3), .table-dnsRecord tr th:nth-child(4),
    .table-dnsRecord tr td:nth-child(3),
    .table-dnsRecord tr td:nth-child(4) {
        margin-top: 10px;
        width: 100% !important;
    }
    .table-dnsRecord tr th:nth-child(3) .copyClip-row, .table-dnsRecord tr th:nth-child(4) .copyClip-row,
    .table-dnsRecord tr td:nth-child(3) .copyClip-row,
    .table-dnsRecord tr td:nth-child(4) .copyClip-row {
        width: calc(100% - 10px - 3.5em);
    }
}
.table-dnsRecord .sp-head {
    width: 3.5em;
    font-weight: 600;
}
.table-dnsRecord .is-verified span {
    display: inline-block;
    padding-left: 16px;
    background: url(../img/common/icn-checked-wh.png) no-repeat left center;
    background-size: 12px auto;
}

.list-applicatedDomains button.txt-btn {
    cursor: pointer;
}
.list-applicatedDomains button.txt-btn:hover {
    opacity: 0.7;
}
.list-applicatedDomains .item.item-th {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 0;
    background: #E6E8E9;
}
@media screen and (max-width: 834px) {
    .list-applicatedDomains .item {
        padding: 10px 15px;
    }
    .list-applicatedDomains .item .sp-head {
        display: inline-block;
        width: 8em !important;
        font-weight: 600;
    }
    .list-applicatedDomains .item .desc {
        width: calc(100% - 10px - 8em);
    }
}
.list-applicatedDomains .item .txt-btn {
    margin-bottom: 0 !important;
}
.list-applicatedDomains .item.item-th,
.list-applicatedDomains .item.item-td {
    gap: 8px 10px;
    padding-bottom: 11px;
}
.list-applicatedDomains .item.item-th .sub-th,
.list-applicatedDomains .item.item-td .sub-th {
    font-size: 1.4rem;
}
.list-applicatedDomains .item.item-th .sub-th,
.list-applicatedDomains .item.item-th .sub-td,
.list-applicatedDomains .item.item-td .sub-th,
.list-applicatedDomains .item.item-td .sub-td {
    margin: 0;
}
@media screen and (max-width: 834px) {
    .list-applicatedDomains .item.item-th .sub-th,
    .list-applicatedDomains .item.item-th .sub-td,
    .list-applicatedDomains .item.item-td .sub-th,
    .list-applicatedDomains .item.item-td .sub-td {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
}
.list-applicatedDomains .item.item-th .sub-th:first-child,
.list-applicatedDomains .item.item-th .sub-td:first-child,
.list-applicatedDomains .item.item-td .sub-th:first-child,
.list-applicatedDomains .item.item-td .sub-td:first-child {
    position: relative;
    padding: 0 0 0 10px;
    width: 20%;
    word-wrap: break-word;
}
@media screen and (min-width: 835px) {
    .list-applicatedDomains .item.item-th .sub-th:first-child,
    .list-applicatedDomains .item.item-th .sub-td:first-child,
    .list-applicatedDomains .item.item-td .sub-th:first-child,
    .list-applicatedDomains .item.item-td .sub-td:first-child {
        display: block;
    }
}
@media screen and (max-width: 834px) {
    .list-applicatedDomains .item.item-th .sub-th:first-child,
    .list-applicatedDomains .item.item-th .sub-td:first-child,
    .list-applicatedDomains .item.item-td .sub-th:first-child,
    .list-applicatedDomains .item.item-td .sub-td:first-child {
        padding: 0;
        width: 100%;
    }
}
.list-applicatedDomains .item.item-th .sub-th:nth-child(2),
.list-applicatedDomains .item.item-th .sub-td:nth-child(2),
.list-applicatedDomains .item.item-td .sub-th:nth-child(2),
.list-applicatedDomains .item.item-td .sub-td:nth-child(2) {
    width: calc(80% - 380px);
    word-wrap: break-word;
}
@media screen and (max-width: 834px) {
    .list-applicatedDomains .item.item-th .sub-th:nth-child(2),
    .list-applicatedDomains .item.item-th .sub-td:nth-child(2),
    .list-applicatedDomains .item.item-td .sub-th:nth-child(2),
    .list-applicatedDomains .item.item-td .sub-td:nth-child(2) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0;
        width: 100%;
    }
    .list-applicatedDomains .item.item-th .sub-th:nth-child(2) > .sp-head,
    .list-applicatedDomains .item.item-th .sub-td:nth-child(2) > .sp-head,
    .list-applicatedDomains .item.item-td .sub-th:nth-child(2) > .sp-head,
    .list-applicatedDomains .item.item-td .sub-td:nth-child(2) > .sp-head {
        margin: 0;
        padding: 0;
        font-size: 1.4rem;
        font-weight: 600;
    }
}
.list-applicatedDomains .item.item-th .sub-th:nth-child(3),
.list-applicatedDomains .item.item-th .sub-td:nth-child(3),
.list-applicatedDomains .item.item-td .sub-th:nth-child(3),
.list-applicatedDomains .item.item-td .sub-td:nth-child(3) {
    padding: 0 !important;
    text-align: center;
    width: 100px;
}
@media screen and (max-width: 834px) {
    .list-applicatedDomains .item.item-th .sub-th:nth-child(3),
    .list-applicatedDomains .item.item-th .sub-td:nth-child(3),
    .list-applicatedDomains .item.item-td .sub-th:nth-child(3),
    .list-applicatedDomains .item.item-td .sub-td:nth-child(3) {
        width: calc(100% - 45px);
        text-align: left;
    }
}
.list-applicatedDomains .item.item-th .sub-th:nth-child(4),
.list-applicatedDomains .item.item-th .sub-td:nth-child(4),
.list-applicatedDomains .item.item-td .sub-th:nth-child(4),
.list-applicatedDomains .item.item-td .sub-td:nth-child(4) {
    padding: 0 !important;
    text-align: center;
    width: 130px;
}
@media screen and (max-width: 834px) {
    .list-applicatedDomains .item.item-th .sub-th:nth-child(4),
    .list-applicatedDomains .item.item-th .sub-td:nth-child(4),
    .list-applicatedDomains .item.item-td .sub-th:nth-child(4),
    .list-applicatedDomains .item.item-td .sub-td:nth-child(4) {
        width: 100%;
        text-align: left;
    }
    .list-applicatedDomains .item.item-th .sub-th:nth-child(4) > .sp-head,
    .list-applicatedDomains .item.item-th .sub-td:nth-child(4) > .sp-head,
    .list-applicatedDomains .item.item-td .sub-th:nth-child(4) > .sp-head,
    .list-applicatedDomains .item.item-td .sub-td:nth-child(4) > .sp-head {
        margin: 0;
        padding: 0;
        width: 8em !important;
        text-align: left !important;
    }
}
.list-applicatedDomains .item.item-th .sub-th:nth-child(5),
.list-applicatedDomains .item.item-th .sub-td:nth-child(5),
.list-applicatedDomains .item.item-td .sub-th:nth-child(5),
.list-applicatedDomains .item.item-td .sub-td:nth-child(5) {
    padding: 0 !important;
    text-align: center;
    width: 110px;
}
@media screen and (max-width: 834px) {
    .list-applicatedDomains .item.item-th .sub-th:nth-child(5),
    .list-applicatedDomains .item.item-th .sub-td:nth-child(5),
    .list-applicatedDomains .item.item-td .sub-th:nth-child(5),
    .list-applicatedDomains .item.item-td .sub-td:nth-child(5) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 5px;
        padding-top: 10px !important;
        border-top: 1px solid #DEDEDE;
        width: 100%;
    }
}

.page-setting_form {
    padding: 25px 0 30px;
}
@media screen and (max-width: 834px) {
    .page-setting_form {
        padding: 17px 0 30px;
    }
}
.page-setting_form .block__01 {
    margin-bottom: 15px;
}
.page-setting_form .btn-comp03 {
    margin-bottom: 11px;
}
@media screen and (max-width: 834px) {
    .page-setting_form .btn-comp03 {
        margin-bottom: 6px;
    }
}
.page-setting_form .input {
    background: #F0F0F0;
}
.page-setting_form .select-custom select {
    height: 36px;
    background: #F0F0F0;
}
.page-setting_form .select-custom--02 select {
    border: 1px #DEDEDE solid;
    max-width: 200px;
    background: #fff;
}
.page-setting_form + .modal-box .modal-box__wrap {
    max-width: 750px;
}
.page-setting_form + .modal-box .setting-index__flex {
    margin-bottom: 0;
}
.page-setting_form + .modal-box .form-content__input {
    margin-bottom: 16px;
}

@media screen and (max-width: 834px) {
    .page-setting_loginform .btn-plus01 {
        margin-right: 0;
        margin-left: auto;
    }
}
@media screen and (max-width: 834px) {
    .page-setting_loginform .block-setting-filemain .list-contactmain .item-td .sub-td .sp {
        width: 190px;
    }
}

.page-setting_form_detail, .page-setting_loginform_detail, .page-setting_loginform, .page-inquiries_detail {
    padding: 25px 0 30px;
}
@media screen and (max-width: 834px) {
    .page-setting_form_detail, .page-setting_loginform_detail, .page-setting_loginform, .page-inquiries_detail {
        padding: 11px 0 30px;
    }
}
.page-setting_form_detail .block__01, .page-setting_loginform_detail .block__01, .page-setting_loginform .block__01, .page-inquiries_detail .block__01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
    .page-setting_form_detail .block__01, .page-setting_loginform_detail .block__01, .page-setting_loginform .block__01, .page-inquiries_detail .block__01 {
        display: block;
        margin-bottom: 17px;
    }
    .page-setting_form_detail .block__01 .btn-comp01, .page-setting_loginform_detail .block__01 .btn-comp01, .page-setting_loginform .block__01 .btn-comp01, .page-inquiries_detail .block__01 .btn-comp01 {
        margin-right: 0;
        width: 140px;
    }
}
.page-setting_form_detail .btn-comp03, .page-setting_loginform_detail .btn-comp03, .page-setting_loginform .btn-comp03, .page-inquiries_detail .btn-comp03 {
    margin-bottom: 11px;
}
@media screen and (max-width: 834px) {
    .page-setting_form_detail .btn-comp03, .page-setting_loginform_detail .btn-comp03, .page-setting_loginform .btn-comp03, .page-inquiries_detail .btn-comp03 {
        margin-bottom: 6px;
    }
}
.page-setting_form_detail .block__01--rt, .page-setting_loginform_detail .block__01--rt, .page-setting_loginform .block__01--rt, .page-inquiries_detail .block__01--rt {
    padding-top: 14px;
}
@media screen and (max-width: 834px) {
    .page-setting_form_detail .block__01--rt, .page-setting_loginform_detail .block__01--rt, .page-setting_loginform .block__01--rt, .page-inquiries_detail .block__01--rt {
        padding-top: 8px;
    }
}
.page-setting_form_detail .input, .page-setting_loginform_detail .input, .page-setting_loginform .input, .page-inquiries_detail .input {
    background: #F0F0F0;
}
.page-setting_form_detail .select-custom select, .page-setting_loginform_detail .select-custom select, .page-setting_loginform .select-custom select, .page-inquiries_detail .select-custom select {
    height: 36px;
    background: #F0F0F0;
}
.page-setting_form_detail .select-custom--02 select, .page-setting_loginform_detail .select-custom--02 select, .page-setting_loginform .select-custom--02 select, .page-inquiries_detail .select-custom--02 select {
    border: 1px #DEDEDE solid;
    max-width: 200px;
    background: #fff;
}

.tab-box {
    display: none;
    opacity: 0;
}
.tab-box.active {
    display: block;
    opacity: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 834px) {
    .setting-form {
        margin: 0 -15px;
    }
}
.setting-form__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #F29B5B;
    padding-bottom: 1px;
    padding-left: 10px;
}
@media screen and (max-width: 834px) {
    .setting-form__list {
        padding-left: 18px;
    }
}
.setting-form__list-item {
    margin-right: 5px;
    margin-bottom: -2px;
}
.setting-form__list-item a,
.setting-form__list-item span {
    border: 2px solid #F29B5B;
    border-bottom-width: 1px;
    border-radius: 5px 5px 0 0;
    background: #F0F0F0;
    display: inline-block;
    color: #25526A;
    font-weight: bold;
    padding: 7.5px 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    min-width: 220px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
    .setting-form__list-item a,
    .setting-form__list-item span {
        min-width: 110px;
        padding: 7.5px 5px;
    }
}
@media screen and (max-width: 374px) {
    .setting-form__list-item a,
    .setting-form__list-item span {
        min-width: 88px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}
.setting-form__list-item a:hover,
.setting-form__list-item span:hover {
    cursor: pointer;
    background: #F29B5B;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}
.setting-form__list-item.active a,
.setting-form__list-item.active span {
    background: #F29B5B;
    color: #fff;
}
.setting-form__content {
    min-height: 69.2vh;
    background: #fff;
    padding: 28px 30px 40px;
}
@media screen and (max-width: 834px) {
    .setting-form__content {
        padding: 28px 18px 30px;
        min-height: -webkit-max-content;
        min-height: -moz-max-content;
        min-height: max-content;
    }
}
.setting-form__content--nobg {
    background: transparent;
}
@media screen and (min-width: 835px) {
    .setting-form__content--nobg {
        padding: 0;
    }
}
@media screen and (max-width: 834px) {
    .setting-form__content--nobg {
        padding-top: 0;
    }
}
.setting-form__content-popup {
    position: relative;
}
.setting-form__content-list {
    position: absolute;
    top: 120%;
    right: 0;
    width: 100%;
    max-width: 185px;
    background: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-size: 1.4rem;
    z-index: 9;
    padding: 10px 0;
    display: none;
}
.setting-form__content-list-item {
    padding: 4px 10px;
}
.setting-form__content-form {
    width: 100%;
    max-width: 540px;
    margin-bottom: 50px;
}
.setting-form__content-field {
    width: 100%;
    margin: 0 auto;
}
.setting-form__content-link {
    width: 180px;
    cursor: pointer;
    margin-bottom: 15px;
    margin-left: auto;
}
.setting-form__content-link span {
    line-height: 1.3;
}
.setting-form__content-detail {
    width: 100%;
    max-width: 540px;
}
@media screen and (max-width: 834px) {
    .setting-form__content-detail {
        max-width: 100%;
    }
}
.setting-form__content-detail p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 7px;
}
.setting-form__content-detail textarea {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 500;
    color: #708A98;
    background: #DEDEDE;
    border-radius: 15px;
    border: none;
    padding: 12px 15px 10px 15px;
    width: 100%;
    margin-bottom: 7px;
    min-height: 115px;
    pointer-events: none;
    overflow-y: hidden;
    max-width: 530px;
}
@media screen and (max-width: 834px) {
    .setting-form__content-detail textarea {
        max-width: 100%;
    }
}
.setting-form__content-detail textarea:focus, .setting-form__content-detail textarea:focus-visible {
    outline: none;
}
@media screen and (max-width: 834px) {
    .setting-form__content-detail textarea {
        overflow-y: auto;
        pointer-events: inherit;
        font-size: 16px;
        font-size: 1.6rem;
    }
}
.setting-form__content-detail .btn-comp01 {
    margin-right: 10px;
    max-width: 80px;
    height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
    .setting-form__content-detail .btn-comp01 {
        margin-right: 0;
    }
}
.setting-form__content--02 {
    padding: 24px 30px 40px 30px;
}
.setting-form__content--02 .setting-field__left button[disabled] {
    pointer-events: none;
}
.setting-form__content--02 .setting-field__left label[disabled] {
    pointer-events: none;
}
.setting-form__content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 834px) {
    .setting-form__content-wrap {
        display: block;
    }
}
.setting-form__content-wrapsub {
    width: 50%;
    position: relative;
}
@media screen and (max-width: 834px) {
    .setting-form__content-wrapsub {
        width: 100%;
        border-bottom: 3px dotted #DEDEDE;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .setting-form__content-wrapsub:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
}
.setting-form__content-wrapsub:nth-child(even) {
    padding-left: 30px;
}
@media screen and (max-width: 834px) {
    .setting-form__content-wrapsub:nth-child(even) {
        padding-left: 0;
    }
}
.setting-form__content-wrapsub:nth-child(odd) {
    padding-right: 30px;
    border-right: 3px dotted #DEDEDE;
}
@media screen and (max-width: 834px) {
    .setting-form__content-wrapsub:nth-child(odd) {
        padding-right: 0;
        border-right: none;
    }
}
.setting-form__content-ttl {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 10px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .setting-form__content-ttl {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.setting-form__content-ttlsub {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3571428571;
    margin-bottom: 14px;
}
.setting-form--02 .setting-form__list {
    border-bottom: none;
    padding-left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (max-width: 834px) {
    .setting-form--02 .setting-form__list {
        padding: 0 13px;
    }
}
.setting-form--02 .setting-form__list-item {
    width: calc(25% - 5px);
    margin: 0 0 -1px 0;
}
@media screen and (max-width: 834px) {
    .setting-form--02 .setting-form__list-item {
        width: calc(25% - 2.75px);
    }
}
.setting-form--02 .setting-form__list-item span {
    border: none;
    background: #708A98;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
    vertical-align: top;
    min-width: auto;
    padding: 8px 10px 5px 10px;
}
@media screen and (max-width: 834px) {
    .setting-form--02 .setting-form__list-item span {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 9px 0;
    }
}
.setting-form--02 .setting-form__list-item.active span {
    background: #fff;
    color: #25526A;
}
.setting-form--02 .tab-box {
    background: #fff;
    padding: 14px 37px;
}
@media screen and (max-width: 834px) {
    .setting-form--02 .tab-box {
        padding: 14px 0 14px 15px;
    }
}

.setting-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F5F5F5;
    min-height: 55px;
    padding-left: 12px;
    margin-bottom: 4px;
}
.setting-field--start {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}
.setting-field--start .setting-field__left {
    padding: 10px;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}
@media screen and (max-width: 640px) {
    .setting-field--start .setting-field__left {
        padding: 10px 0;
    }
}
.setting-field--start .setting-field__left .setting-field__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.setting-field--start .setting-field__right-bar {
    min-height: 100%;
}
.setting-field__left {
    width: calc(100% - 90px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 640px) {
    .setting-field__left {
        width: calc(100% - 70px);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 0;
    }
}
.setting-field__right {
    width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media screen and (max-width: 640px) {
    .setting-field__right {
        width: 70px;
    }
}
.setting-field__right-remove {
    width: 50%;
    text-align: center;
    padding-right: 10px;
    cursor: pointer;
}
.setting-field__right-bar {
    width: 50%;
    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;
    min-height: 55px;
    background: #EDEDED;
    position: relative;
    cursor: pointer;
}
@media screen and (max-width: 640px) {
    .setting-field__right-bar {
        height: 85px;
    }
}
.setting-field__right-bar:before {
    content: "";
    width: 18px;
    height: 2px;
    background: #8CA3AF;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: calc(50% - 3px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.setting-field__right-bar:after {
    content: "";
    width: 18px;
    height: 2px;
    background: #8CA3AF;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: calc(50% + 3px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.setting-field__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-size: 1.2rem;
    width: 200px;
}
@media screen and (max-width: 1024px) {
    .setting-field__ttl {
        width: 160px;
    }
}
@media screen and (max-width: 640px) {
    .setting-field__ttl {
        width: 100%;
        margin-bottom: 5px;
    }
}
.setting-field__ttl-require {
    font-weight: 700;
    color: #fff;
    background: #F29B5B;
    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;
    height: 24px;
    min-width: 39px;
    border-radius: 12px;
    margin-right: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.setting-field__ttl-require--gray {
    background: #DEDEDE;
    color: #25526A;
}
.setting-field__ttl-lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (max-width: 640px) {
    .setting-field__ttl-lead {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.setting-field__ttl-lead strong {
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 640px) {
    .setting-field__ttl-lead strong {
        font-size: 13px;
        font-size: 1.3rem;
        min-width: 116px;
    }
}
@media screen and (max-width: 374px) {
    .setting-field__ttl-lead strong {
        min-width: 110px;
    }
}
@media screen and (max-width: 640px) {
    .setting-field__ttl-lead--noflsp {
        display: block;
    }
    .setting-field__ttl-lead--noflsp strong {
        width: 100%;
        display: inline-block;
    }
}
.setting-field__ttl-lead small {
    font-weight: 500;
    color: #8CA3AF;
}
.setting-field__desc {
    padding: 0.8em 1.2em 0.8em 0;
    width: calc(100% - 200px);
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
}
@media screen and (max-width: 1024px) {
    .setting-field__desc {
        width: calc(100% - 160px);
    }
}
@media screen and (max-width: 640px) {
    .setting-field__desc {
        padding: 0;
        width: 100%;
    }
}
.setting-field__input {
    background: #fff;
    border: 1px #DEDEDE solid;
    border-radius: 18px;
    width: calc(100% - 200px);
    height: 37px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 15px;
    max-width: 450px;
}
@media screen and (max-width: 1024px) {
    .setting-field__input {
        width: calc(100% - 160px);
    }
}
.setting-field__input:focus-visible {
    outline: none;
}
@media screen and (max-width: 640px) {
    .setting-field__input {
        width: 100%;
    }
}
.setting-field__select {
    width: calc(100% - 200px);
}
@media screen and (max-width: 1024px) {
    .setting-field__select {
        width: calc(100% - 160px);
    }
}
@media screen and (max-width: 640px) {
    .setting-field__select {
        width: 100%;
    }
}
.setting-field__check {
    padding-left: 30px;
}
.setting-field__check .checkmark {
    border-radius: 0;
    left: 2px;
}
.setting-field__check .checkmark:after {
    left: 6px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: transparent;
    border-radius: 0;
}
.setting-field__check .lable-txt {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
}
.setting-field__btn {
    font-size: 16px;
    font-size: 1.6rem;
    height: 36px;
    min-width: 180px;
    margin-left: 0;
    margin-right: 0;
}
.setting-field--02 {
    min-height: 45px;
}
.setting-field--02 .setting-field__ttl {
    width: 100%;
}
@media screen and (max-width: 640px) {
    .setting-field--02 .setting-field__ttl {
        margin-bottom: 0;
    }
}
.setting-field--02 .setting-field__right-bar {
    min-height: 45px;
}
.setting-field--02 .setting-field__right-remove {
    padding-right: 0;
}
.setting-field__wrap {
    width: calc(100% - 200px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 5px;
    max-width: 450px;
}
@media screen and (max-width: 1024px) {
    .setting-field__wrap {
        width: calc(100% - 160px);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 640px) {
    .setting-field__wrap {
        width: 100%;
    }
}
.setting-field__wrap .setting-field__ttl-require {
    margin-bottom: 5px;
}
.setting-field__wrap-l {
    width: 45%;
}
@media screen and (max-width: 1024px) {
    .setting-field__wrap-l {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 5px;
    }
}
.setting-field__wrap-r {
    width: 55%;
}
@media screen and (max-width: 1024px) {
    .setting-field__wrap-r {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.setting-field__wrap-r .select-custom {
    max-width: 100%;
}
.setting-field__wrap-r .setting-field__input {
    width: 100%;
}
.setting-field__wrap--fl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.setting-field__wrap-sub {
    width: 100%;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 640px) {
    .setting-field__wrap-sub {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .setting-field__wrap-sub .setting-field__ttl-require {
        margin-bottom: 0;
    }
}
.setting-field__wrap-sub--fl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.setting-field__wrap-sub--fl .setting-field__ttl-require {
    margin-top: 6px;
}
.setting-field__wrap-sub .setting-field__input {
    width: 100%;
}
.setting-field__wradio {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.3571428571;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 10px;
    margin-bottom: -5px;
}
.setting-field__wradio .boxCheckWrap {
    min-width: 140px;
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
    .setting-field__wradio .boxCheckWrap {
        min-width: 125px;
    }
}
@media screen and (max-width: 640px) {
    .setting-field__wradio .boxCheckWrap {
        min-width: auto;
        width: 100%;
    }
}
.setting-field--popup {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}
.setting-field--popup .setting-field__wradio {
    padding: 10px 0;
}
.setting-field--popup .setting-field__right-bar {
    min-height: 100%;
}

.popup-main {
    display: none;
    z-index: 999;
}

.popup-list {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background: rgba(37, 82, 106, 0.7);
    overflow-y: auto;
    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;
}
.popup-list__item {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    position: relative;
    display: none;
}
@media screen and (max-width: 834px) {
    .popup-list__item {
        height: 92vh;
        border-radius: 0;
    }
}
@media screen and (min-width: 835px) {
    .popup-list__item--wother {
        max-width: 900px;
    }
    .popup-list__item--wother .modal-box__ct {
        padding: 40px 49px 40px 61px !important;
    }
}
@media screen and (min-width: 835px) and (max-width: 1024px) {
    .popup-list__item--wother .setting-field__ttl {
        width: 190px;
    }
}
@media screen and (max-width: 834px) {
    .popup-list__item--wother .setting-field__ttl-lead {
        display: block;
    }
    .popup-list__item--wother .setting-field__ttl-lead strong {
        min-width: 100%;
        display: inline-block;
    }
    .popup-list__item--wother .setting-field__wradio .boxCheckWrap {
        min-width: auto;
        width: calc(50% - 5px);
    }
}
@media screen and (min-width: 835px) {
    .popup-list .modal-box__ct {
        padding-right: 34px;
    }
}
.popup-list .modal-box__ct hr {
    border-width: 0 0 3px 0;
    border-style: dotted;
    border-color: #DEDEDE;
    margin: 35px 0;
}
.popup-list .modal-box__wrap {
    max-width: 100%;
    padding: 15px 0;
}
.popup-list .popup-form__content-ttl {
    margin-bottom: 33px;
}
@media screen and (max-width: 834px) {
    .popup-list .popup-form__content-ttl {
        margin-bottom: 22px;
    }
}
.popup-list .error {
    color: #B70000;
    display: block;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 5px 0 0;
}
.popup-list--02 .popup-list__item {
    max-width: 610px;
}
.popup-list--02 .popup-list__itemwth {
    max-width: 900px;
}
@media screen and (max-width: 834px) {
    .popup-list--02 .popup-list__itemwth .list-contactmain {
        margin-bottom: 25px;
    }
}
.popup-list--02 .popup-list__itemwth .modal-box__wrap {
    padding: 60px 60px 120px;
}
@media screen and (max-width: 834px) {
    .popup-list--02 .popup-list__itemwth .modal-box__wrap {
        padding: 45px 20px 70px;
    }
}
.popup-list--02 .popup-list__itemwth .modal-box__scroll {
    max-height: calc(90vh - 120px);
}
.popup-list--02 .popup-list__itemwth .popup-form__content-flex {
    position: absolute;
    bottom: 60px;
    right: 0;
    left: 0;
    padding: 20px 0 0;
    background: #fff;
    z-index: 5;
}
@media screen and (max-width: 834px) {
    .popup-list--02 .popup-list__itemwth .popup-form__content-flex {
        bottom: 0;
        padding: 10px 0 0;
    }
}
@media screen and (max-width: 834px) {
    .popup-list--02 .popup-list__itemwth .btn-comp01 {
        height: 40px;
    }
}
.popup-list--02 .popup-list__itemwth .setting-form__content {
    background: transparent;
    min-height: auto;
}
@media screen and (max-width: 834px) {
    .popup-list--02 .popup-list__itemwth .setting-form__content {
        padding: 0;
    }
}

.input-checkbox {
    margin-top: 10px;
    display: none;
}
.input-checkbox.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.setting-index__desc .ck-rounded-corners {
    max-width: 400px;
    background: #F0F0F0 !important;
    border-radius: 15px;
    border: none !important;
    overflow: hidden;
}
.setting-index__desc .ck.ck-toolbar {
    border: none !important;
}
.setting-index__desc .ck-editor__editable {
    font-size: 1.4rem;
    background: #F0F0F0;
    border-radius: 15px;
    border: none;
    padding: 10px 15px;
    width: 100%;
    min-height: 250px;
}

@media screen and (min-width: 835px) {
    #popup-15 .setting-index__ttl {
        width: 220px;
    }
    #popup-15 .setting-index__desc {
        width: calc(100% - 220px);
    }
}

.setting_add {
    background: white;
    border-radius: 15px;
    overflow: auto;
    max-height: 90vh;
    padding: 49px 15px;
}
@media screen and (max-width: 834px) {
    .setting_add {
        margin: 0 -15px;
        border-radius: 0;
        padding: 38px 13px 38px 18px;
    }
}
.setting_add__inner {
    max-width: 540px;
    margin: 0 auto;
}
.setting_add__inner .form-content__input {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
    .setting_add__inner .form-content__input {
        margin-bottom: 18px;
    }
}
.setting_add__inner .form-content__input:last-child {
    margin-bottom: 0;
}
.setting_add__inner .setting-index__flex.is-active {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.setting_add__inner .setting-index__desc--flex {
    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;
}
.setting_add__inner .setting-index__desc--flex .input {
    width: calc(100% - 85px);
    background: #DEDEDE;
}
@media screen and (max-width: 834px) {
    .setting_add__inner .setting-index__desc--flex .input {
        width: calc(100% - 79px);
    }
}
.setting_add__inner .setting-index__desc.is-active .input-file {
    display: none;
}
.setting_add__inner .setting-index__desc.is-active .input-file__close {
    pointer-events: auto;
    opacity: 1;
}
.setting_add__inner .setting-index__btn {
    width: 80px;
    height: 30px;
    background: #25526A;
    color: white;
    border-radius: 30px;
    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;
    text-align: center;
    border: none;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (max-width: 834px) {
    .setting_add__inner .setting-index__btn {
        width: 70px;
        height: 40px;
    }
}
@media screen and (min-width: 835px) {
    .setting_add__inner .setting-index__btn:hover {
        opacity: 0.7;
    }
}

.input-file {
    font-size: 14px;
    font-size: 1.4rem;
}
.input-file__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 0;
}
.input-file__flex.is-active {
    height: auto;
}
.input-file__name {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
}
.input-file__close {
    position: relative;
    background: #8CA3AF;
    min-width: 13px;
    height: 13px;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    margin: 2px 0 0 3px;
}
.input-file__close:before, .input-file__close:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 8px;
    left: 6px;
    background: white;
}
.input-file__close:before {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.input-file__close:after {
    bottom: 50%;
    -webkit-transform: translateY(50%) rotate(-45deg);
    -ms-transform: translateY(50%) rotate(-45deg);
    transform: translateY(50%) rotate(-45deg);
}

.page-report .ttl-comp02, .sec-seles .ttl-comp02 {
    font-size: 24px;
    font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
    .page-report .ttl-comp02, .sec-seles .ttl-comp02 {
        font-size: 20px;
        font-size: 2rem;
    }
}
.page-report .block__01, .sec-seles .block__01 {
    margin-bottom: 8px;
}
@media screen and (max-width: 834px) {
    .page-report .block__01, .sec-seles .block__01 {
        margin-bottom: 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 834px) {
    .page-report .block__01--lf, .sec-seles .block__01--lf {
        width: 100%;
    }
}
@media screen and (max-width: 834px) {
    .page-report .block__01--rt, .sec-seles .block__01--rt {
        width: 100%;
    }
}
.page-report .box-datepicker, .sec-seles .box-datepicker {
    height: 30px;
}
@media screen and (max-width: 834px) {
    .page-report .box-datepicker, .sec-seles .box-datepicker {
        margin-left: auto;
    }
}

.report-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
}
@media screen and (max-width: 640px) {
    .report-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.report-flex__txt {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 7px;
    padding-top: 6px;
}
@media screen and (max-width: 834px) {
    .report-flex__txt {
        font-size: 10px;
        font-size: 1rem;
        white-space: nowrap;
        padding-top: 3px;
    }
}
@media screen and (max-width: 640px) {
    .report-flex__txt {
        margin: 0 3.5px;
    }
}
.report-flex__txt:first-child {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 0;
}
@media screen and (max-width: 834px) {
    .report-flex__txt:first-child {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 640px) {
    .report-flex__txt:first-child {
        width: 100%;
    }
}
.report-flex__select {
    position: relative;
}
.report-flex__select:before {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px #8CA3AF solid;
    border-right: 1px #8CA3AF solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 10px;
    top: 6px;
    pointer-events: none;
}
.report-flex__select:after {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 1px #8CA3AF solid;
    border-right: 1px #8CA3AF solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 12px;
    pointer-events: none;
}
.report-flex__select select {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #25526A;
    font-family: "Sofia Pro", sans-serif;
    background: #fff;
    border-radius: 20px;
    border: none;
    max-width: 82px;
    padding-left: 15px;
    padding-right: 25px;
    -webkit-appearance: none;
    cursor: pointer;
}
.report-flex__select select:focus-visible, .report-flex__select select:focus {
    outline: none;
}
.report-flex__number {
    background: #F0F0F0;
    width: 50px;
    height: 23px;
    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;
    border-radius: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: "Sofia Pro", sans-serif;
}
.report-flex--02 {
    padding-top: 7px;
}
@media screen and (max-width: 834px) {
    .report-flex--02 {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.report-flex--02 .report-flex__txt {
    margin: 0 6px;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
}
.report-flex--02 .report-flex__select:before {
    right: 11px;
}
.report-flex--02 .report-flex__select:after {
    right: 11px;
}
.report-flex--02 .report-flex__select select {
    background: #F0F0F0;
    width: 60px;
    height: 25px;
    font-size: 12px;
    font-size: 1.2rem;
}
.report-flex__btn {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    font-family: "Sofia Pro", sans-serif;
    padding: 4px 5px;
    width: 70px;
    height: 27px;
    border-radius: 20px;
    background: #25526A;
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.report-flex__btn::-ms-expand {
    display: none;
}
.report-flex__btn:hover {
    opacity: 0.75;
}
@media screen and (max-width: 640px) {
    .report-flex__btn {
        width: 60px;
        height: 24px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.25;
    }
}

.number-page {
    padding: 12px 10px 3px 38px;
}
@media screen and (max-width: 834px) {
    .number-page {
        padding: 12px 0 3px 20px;
    }
}
.number-page .wp-pagenavi .pages {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
}
.number-page .wp-pagenavi .previouspostslink {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.number-page .wp-pagenavi .previouspostslink:before {
    content: "";
    width: 9px;
    height: 16px;
    background: url("../img/common/img-prev.png") no-repeat center center;
    background-size: 100%;
    display: inline-block;
}
.number-page .wp-pagenavi .nextpostslink {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}
.number-page .wp-pagenavi .nextpostslink:before {
    content: "";
    width: 9px;
    height: 16px;
    background: url("../img/common/img-next.png") no-repeat center center;
    background-size: 100%;
    display: inline-block;
}

.report-scroll {
    margin-bottom: 28px;
}
@media screen and (max-width: 1130px) {
    .report-scroll {
        overflow-x: scroll;
        margin-right: -15px;
        padding-bottom: 10px;
        margin-bottom: 2px;
    }
}

.table-report {
    width: 100%;
}
@media screen and (max-width: 1130px) {
    .table-report {
        width: 840px;
    }
}
.table-report tr th {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    min-width: 88px;
    width: 88px;
    padding: 7px 0;
}
.table-report tr td {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: "Sofia Pro", sans-serif;
    text-align: right;
    padding: 7px 10px 5px 0;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    display: inline-block;
}
.table-report tr td:nth-child(2n) {
    background: #fff;
}
.table-report tr:last-child {
    border-top: 2px #F29B5B solid;
}
.table-report tr:last-child td {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 4px;
    font-weight: 700;
    background: transparent;
}

.access-block {
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 24px;
    margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
    .access-block {
        margin-bottom: 14px;
        padding: 0 13px;
    }
}
.access-block__lt {
    width: 240px;
    padding-right: 15px;
}
@media screen and (max-width: 834px) {
    .access-block__lt {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
}
.access-block__rt {
    width: calc(100% - 240px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media screen and (max-width: 834px) {
    .access-block__rt {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.access-block .select-custom {
    max-width: 240px;
}
@media screen and (max-width: 640px) {
    .access-block .select-custom {
        max-width: calc(100% - 15px);
        margin-right: 15px;
    }
}
.access-block .select-custom select {
    height: 24px;
    padding: 0 20px;
    background: #F0F0F0;
}

@media screen and (max-width: 640px) {
    .access-scroll {
        overflow-x: scroll;
        padding-bottom: 10px;
    }
}

.table-access {
    width: 100%;
    table-layout: fixed;
}
@media screen and (max-width: 640px) {
    .table-access {
        width: 570px;
    }
}
.table-access tr th {
    background: #E6E8E9;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    padding: 2px 10px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .table-access tr th {
        line-height: 1.1;
    }
}
.table-access tr th:first-child {
    width: 276px;
    text-align: left;
}
@media screen and (max-width: 834px) {
    .table-access tr th:first-child {
        width: 160px;
    }
}
@media screen and (max-width: 834px) {
    .table-access tr th:nth-child(3) {
        width: 80px;
    }
}
.table-access tr td {
    padding: 5px 7px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: "Sofia Pro", sans-serif;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .table-access tr td {
        padding: 4px 10px;
    }
}
.table-access tr td:first-child {
    width: 280px;
    text-align: left;
}
@media screen and (max-width: 834px) {
    .table-access tr td:first-child {
        width: 180px;
        text-align: left;
        min-width: 180px;
        display: inline-block;
    }
}
.table-access tr td a {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #F29B5B;
    text-decoration: underline;
    position: relative;
}
.table-access tr td a:after {
    content: "";
    width: 12px;
    height: 10px;
    background: url("../img/common/img-tab.png") no-repeat center center;
    background-size: 100%;
    display: inline-block;
    margin-left: 15px;
}
@media screen and (max-width: 834px) {
    .table-access tr td a:after {
        margin-left: 7px;
    }
}
@media screen and (max-width: 834px) {
    .table-access tr td a {
        font-size: 10px;
        font-size: 1rem;
    }
}
.table-access tr:nth-child(2n+1) {
    background: #F5F5F5;
}

.page-setting_action .jsstar, .page-setting_action .box-checkstar {
    display: none;
}
@media screen and (min-width: 835px) {
    .page-setting_action .boxCheckWrap .checkmark {
        left: -2px;
    }
    .page-setting_action .block-setting_sitemain .list-contactmain .item-th .sub-th:first-child {
        width: 9.6%;
    }
    .page-setting_action .block-setting_sitemain .list-contactmain .item-th .sub-th:nth-child(2) {
        width: 65%;
    }
    .page-setting_action .block-setting_sitemain .list-contactmain .item-th .sub-th:nth-child(3) {
        width: 23.8%;
    }
    .page-setting_action .block-setting_sitemain .list-contactmain .item-td .sub-td {
        padding: 6.5px 11px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.3571428571;
        font-weight: 500;
    }
    .page-setting_action .block-setting_sitemain .list-contactmain .item-td .sub-td .boxCheckWrap {
        padding-left: 39px;
    }
    .page-setting_action .block-setting_sitemain .list-contactmain .item-td .sub-td:first-child {
        width: 9.6%;
        padding-left: 0 !important;
    }
    .page-setting_action .block-setting_sitemain .list-contactmain .item-td .sub-td:nth-child(2) {
        width: 65%;
    }
    .page-setting_action .block-setting_sitemain .list-contactmain .item-td .sub-td:nth-child(3) {
        width: 23.8%;
        font-weight: 700;
    }
}
@media screen and (max-width: 834px) {
    .page-setting_action .btn-comp01 {
        width: 150px;
    }
    .page-setting_action .block-setting_site .wrap-function {
        margin-top: 0;
        height: 48px;
    }
    .page-setting_action .block-setting_partsmain .list-contactmain .item-td {
        padding: 1px 4px 8px;
    }
    .page-setting_action .block-setting_partsmain .list-contactmain .item-td .sub-td:first-child {
        display: none;
    }
    .page-setting_action .block-setting_partsmain .list-contactmain .item-td .sub-td:nth-child(2) {
        width: 100%;
        margin: 5px 25px 5px 0px;
        padding-left: 0;
        font-size: 14px;
        line-height: 1.3571428571;
    }
    .page-setting_action .block-setting_partsmain .list-contactmain .item-td .sub-td:nth-child(3) {
        width: 100%;
        margin: 2.5px 25px 2.5px 0px;
    }
    .page-setting_action .block-setting_partsmain .list-contactmain .item-td .box-delete {
        right: 10px;
        display: none;
    }
    .page-setting_action .block-setting_partsmain .list-contactmain .item-td:hover .box-delete {
        display: block;
    }
}

.action-detail__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 5px;
}
.action-detail__btn .box-question {
    margin-right: 0;
}
.action-detail__btn--l {
    margin-top: 5px;
    display: inline-block;
}
@media screen and (max-width: 834px) {
    .action-detail__btn--l {
        margin-top: 0px;
        display: inline-block;
    }
}
.action-detail__btn--l .btn-comp01 {
    margin-left: 0;
}
.action-detail .setting-index__flex--02 {
    margin-bottom: 7px;
}
@media screen and (max-width: 834px) {
    .action-detail .setting-index__flex--02 {
        margin-bottom: 2px;
    }
}
.action-detail .setting-index__flex--02:last-child {
    margin-bottom: 0;
}
.action-detail .setting-index__flex--02 .setting-index__ttl {
    width: 140px;
}
@media screen and (max-width: 834px) {
    .action-detail .setting-index__flex--02 .setting-index__ttl {
        width: 100%;
        margin-bottom: 1px;
    }
}
.action-detail .setting-index__flex--02 .setting-index__desc {
    width: calc(100% - 140px);
}
@media screen and (max-width: 834px) {
    .action-detail .setting-index__flex--02 .setting-index__desc {
        width: 100%;
    }
}
.action-detail .setting-index__desc-select--lg {
    width: calc(100% - 98px - 210px);
    max-width: 100%;
}
.action-detail .setting-index__desc-flex {
    gap: 0 5px;
}
@media screen and (max-width: 640px) {
    .action-detail .setting-index__desc-flex .select-custom {
        width: 100%;
        margin-bottom: 5px;
        max-width: 100%;
    }
    .action-detail .setting-index__desc-flex .select-custom.select-customsp {
        max-width: 200px;
    }
    .action-detail .setting-index__desc-flex .select-custom.select-customsp select {
        height: 36px;
        padding: 8px 17px;
    }
}
.action-detail__block {
    padding: 30px 30px 30px;
    border-radius: 5px;
    background: #DEDEDE;
    margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
    .action-detail__block {
        padding: 20px 15px;
        width: calc(100% + 30px);
        margin: 0 -15px;
    }
}
.action-detail__block:last-child {
    margin-bottom: 5px;
}
.action-detail__block .setting-index__flex .setting-index__ttl {
    width: 110px;
}
@media screen and (max-width: 834px) {
    .action-detail__block .setting-index__flex .setting-index__ttl {
        width: 100%;
        padding-top: 0;
        margin-bottom: 6px;
    }
}
.action-detail__block .setting-index__flex .setting-index__desc {
    width: calc(100% - 110px);
}
@media screen and (max-width: 834px) {
    .action-detail__block .setting-index__flex .setting-index__desc {
        width: 100%;
    }
}
.action-detail__block .setting-index__flex .setting-index__desc .setting-index__ttl {
    padding-top: 3px;
    margin-bottom: 6px;
}
@media screen and (max-width: 640px) {
    .action-detail__block .setting-index__flex .setting-index__desc .setting-index__ttl {
        padding-top: 0px;
        margin-bottom: 2px;
        text-align: center;
    }
}
@media screen and (max-width: 640px) {
    .action-detail__block .setting-index__flex .setting-index__desc-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.action-detail .action-detail__link {
    width: 100%;
    height: 46px;
    padding: 10px 0px;
    color: #25526A;
    border: 0;
    border-radius: 35px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-size: 1.4rem;
    background: #fff;
    position: relative;
    text-align: left;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.action-detail .showpage:after {
    content: none;
}
.action-detail .showpage .action-detail__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.action-detail .showpage .js-selectbox {
    display: none;
}

.js-showchoose:after {
    content: none;
}

.box-multiselect .dropbtn {
    width: 100%;
    height: 46px;
    padding: 10px 20px;
    color: #25526A;
    border: 0;
    border-radius: 35px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-size: 1.4rem;
    background: #fff;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box-multiselect .dropbtn:after {
    content: "";
    width: 13px;
    height: 7px;
    background: url(../img/contact/icon-arrow-down.png) center no-repeat;
    background-size: contain;
    position: absolute;
    right: 15px;
    top: 55%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.box-multiselect .dropbtn.selected {
    background: #F0F0F0;
}
.box-multiselect.active .dropbtn {
    border-radius: 23px 23px 0 0;
}
.box-multiselect.active .dropbtn:after {
    background: url(../img/contact/img-bg-hover.png) center no-repeat;
    background-size: contain;
}
.box-multiselect.active .multi-select {
    z-index: 5;
}
.box-multiselect .multi-select {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3571428571;
    font-weight: 500;
    padding: 9px 15px;
    background: #F0F0F0;
    border-radius: 0 0 23px 23px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
}
@media screen and (max-width: 834px) and (min-width: 641px) {
    .box-multiselect .multi-select {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.box-multiselect .multi-select__item {
    margin-bottom: 9px;
    padding-left: 30px;
    position: relative;
    min-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.box-multiselect .multi-select__item:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #DEDEDE;
    position: absolute;
    left: 0;
    top: 3px;
}
.box-multiselect .multi-select__item:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #25526A;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    top: 7px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}
.box-multiselect .multi-select__item.checked::before {
    opacity: 1;
}
.box-multiselect .multi-select__item:last-child {
    margin-bottom: 0;
}
.box-multiselect .multi-select__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 5px;
}
@media screen and (max-width: 640px) {
    .box-multiselect .multi-select__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.box-multiselect .multi-select__wrap select {
    width: 70px;
    border-radius: 0;
    background: #fff;
    height: 30px;
    padding: 5px 10px;
    line-height: 1;
    background: #fff url("../img/contact/img-bg.png") no-repeat center right 10px;
    background-size: 12px 7px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}
.box-multiselect .multi-select__wrap select::-ms-expand {
    display: none;
}
@media screen and (max-width: 834px) and (min-width: 641px) {
    .box-multiselect .multi-select__wrap select {
        width: 53px;
        background-position: center right 5px;
    }
}
.box-multiselect .multi-select--checkbox {
    position: relative;
}
.box-multiselect .multi-select--checkbox .multi-select__item:after {
    border-radius: 0;
}
.box-multiselect .multi-select--checkbox .multi-select__item::before {
    content: "";
    left: 8px;
    top: 5px;
    width: 6px;
    height: 11px;
    border: solid #25526A;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: transparent;
    border-radius: 0;
    opacity: 0;
}
.box-multiselect .multi-select--checkbox .multi-select__item.active:before {
    opacity: 1;
}
.box-multiselect .multi-select--checkbox .multi-select__wrap select {
    background-color: #F0F0F0;
    border: none;
}

.tab-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 10px;
}
@media screen and (max-width: 640px) {
    .tab-action .allCheckradio {
        width: 50%;
    }
}
.tab-action .allCheckradio .lable-txt {
    border: 1px solid #25526A;
    background: #fff;
    color: #25526A;
    min-width: 200px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 700;
}
@media screen and (max-width: 640px) {
    .tab-action .allCheckradio .lable-txt {
        min-width: 100%;
        text-align: left;
        padding: 6px 10px 6px 34px;
    }
}
.tab-action .allCheckradio .checkmark {
    opacity: 0;
    right: auto;
    top: calc(50% - 3px);
    left: 35px;
}
@media screen and (max-width: 834px) {
    .tab-action .allCheckradio .checkmark {
        left: 7%;
    }
}
.tab-action .allCheckradio input .checkmark {
    left: 14px;
}
.tab-action .allCheckradio input:checked ~ .checkmark {
    opacity: 1;
    left: 14px;
}
.tab-action .allCheckradio input:checked ~ .lable-txt {
    background: #25526A;
}

.tab-actionct {
    padding: 27px 30px;
    background: #FFFFFF;
    border-radius: 8px;
}
.tab-actionct .box-multiselect .multi-select {
    padding: 0;
    background: transparent;
    border-radius: 0;
    display: block;
}
@media screen and (max-width: 834px) {
    .tab-actionct {
        padding: 20px 10px;
    }
}
.tab-actionct .setting-index__ttl {
    padding-top: 0;
    margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
    .tab-actionct .setting-index__ttl {
        text-align: left !important;
    }
}
.tab-actionct #box-tab01 .setting-index__ttl,
.tab-actionct #box-tab03 .setting-index__ttl {
    width: 100% !important;
}
.tab-actionct input {
    width: 100%;
    max-width: 100%;
    border: 1px solid #DEDEDE;
    background: #F5F5F5;
    color: #25526A;
}
.tab-actionct__t {
    margin-bottom: 22px;
}
.tab-actionct__t input {
    height: 40px;
}
@media screen and (max-width: 834px) {
    .tab-actionct__t input {
        height: 48px;
    }
}
.tab-actionct__bt-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 640px) {
    .tab-actionct__bt-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.tab-actionct__bt-wrap .setting-index__desc-file label {
    padding: 18px 5px;
    max-width: 100%;
}
.tab-actionct__bt-wrap .setting-index__desc-file label > span {
    margin-bottom: 2px;
}
.tab-actionct__bt-wrap .setting-index__desc-file label > span img {
    margin-right: 9px;
}
@media screen and (max-width: 834px) {
    .tab-actionct__bt-wrap .setting-index__desc-file label > span img {
        margin-bottom: 3px;
    }
}
.tab-actionct__bt-wrap .setting-index__desc-namefile .txt {
    margin-left: 0;
}
.tab-actionct__bt-sub {
    width: 50%;
    border-radius: 10px;
    overflow: hidden;
    background: #25526A;
    padding: 20px 15px;
}
@media screen and (max-width: 640px) {
    .tab-actionct__bt-sub {
        width: 100%;
        padding: 20px 17px;
        margin-bottom: 10px;
    }
    .tab-actionct__bt-sub:last-child {
        margin-bottom: 0;
    }
}
.tab-actionct__ttl {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
    text-align: center;
}
.tab-actionct .setting-index__desc-namefile .txt {
    color: #fff;
}
.tab-actionct .setting-index__desc-infofile {
    border-radius: 10px;
    background: transparent;
    padding: 0;
}
.tab-actionct__item .error {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3571428571;
    font-weight: 500;
    color: #F29B5B;
}
.tab-actionct__item textarea {
    border-radius: 15px;
    min-height: 200px;
    padding: 20px;
}
@media screen and (max-width: 834px) {
    .tab-actionct__item textarea {
        min-height: 300px;
        padding: 15px 19px;
    }
}
.tab-actionct__item .modal-box__lbl {
    width: 183px;
}
@media screen and (max-width: 834px) {
    .tab-actionct__item .modal-box__lbl {
        width: 100%;
    }
}
@media screen and (max-width: 834px) {
    .tab-actionct__item .modal-box__item {
        margin-bottom: 22px;
    }
}
.tab-actionct__item .modal-box__info {
    width: calc(100% - 183px);
}
@media screen and (max-width: 834px) {
    .tab-actionct__item .modal-box__info {
        width: 100%;
    }
}
.tab-actionct__item .modal-box__info input,
.tab-actionct__item .modal-box__info textarea {
    width: 93%;
    border: none;
}
@media screen and (max-width: 834px) {
    .tab-actionct__item .modal-box__info input,
    .tab-actionct__item .modal-box__info textarea {
        width: 100%;
    }
}
.tab-actionct__item .modal-box__item:last-child {
    margin-bottom: 0;
}
.tab-actionct__item .modal-box__item.haserror .modal-box__info {
    position: relative;
}
.tab-actionct__item .modal-box__item.haserror .modal-box__info .form-control {
    display: none;
}
.tab-actionct__item .modal-box__item.haserror .modal-box__info .error {
    width: 100%;
    max-width: 100%;
    border: 1px solid #DEDEDE;
    background: #F5F5F5;
    height: 46px;
    padding: 6px 20px 5px;
    border-radius: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tab-actionct__item .modal-box__ct {
    padding: 0;
}
.tab-actionct__checkbox {
    margin-top: 31px;
}
.tab-actionct__checkbox .form-content__input--02 {
    margin-bottom: 5px;
}
.tab-actionct__checkbox .form-content__input--02 .lable-txt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}
.tab-actionct__checkbox .form-content__input--02 .setting-index__ttl {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 3px;
    line-height: 1.3125;
}
.tab-actionct__checkbox-bt {
    padding-left: 60px;
}

.wysiwygEditor {
    font-size: 1.5rem;
}
.wysiwygEditor .ck.ck-reset {
    border: 1px solid #ddd !important;
    width: 100% !important;
}
.wysiwygEditor .ck.ck-editor__top {
    border-bottom: 1px solid #ddd;
}
.wysiwygEditor .ck-rounded-corners {
    max-width: 100%;
}
.wysiwygEditor h2 {
    font-size: 180%;
    font-weight: 600;
    line-height: 1.4;
}
.wysiwygEditor h3 {
    font-size: 160%;
    font-weight: 600;
    line-height: 1.4;
}
.wysiwygEditor h4 {
    font-size: 140%;
    font-weight: 600;
    line-height: 1.4;
}
.wysiwygEditor a {
    text-decoration: underline;
}
.wysiwygEditor ul li {
    list-style: disc;
}
.wysiwygEditor ol li {
    list-style-type: decimal;
}
.wysiwygEditor .ck-content .table table th,
.wysiwygEditor .ck-content .table table td {
    border-radius: 0;
}

/*----------------
	見積管理
----------------*/
.page-estimate_index > .inner {
    padding: 0 30px;
    max-width: 100%;
}
@media screen and (max-width: 1200px) {
    .page-estimate_index > .inner {
        padding: 0 15px;
    }
}

.list-estimatetmain {
    margin-bottom: 50px;
}
@media screen and (min-width: 835px) {
    .list-estimatetmain .item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.list-estimatetmain .item.item-th, .list-estimatetmain .item.item-td {
    gap: 5px 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.list-estimatetmain .item.item-th .sub-th,
.list-estimatetmain .item.item-th .sub-td, .list-estimatetmain .item.item-td .sub-th,
.list-estimatetmain .item.item-td .sub-td {
    padding: 0 !important;
}
.list-estimatetmain .item.item-th .sub-th:first-child,
.list-estimatetmain .item.item-th .sub-td:first-child, .list-estimatetmain .item.item-td .sub-th:first-child,
.list-estimatetmain .item.item-td .sub-td:first-child {
    width: 120px;
    white-space: nowrap;
}
.list-estimatetmain .item.item-th .sub-th:nth-child(2),
.list-estimatetmain .item.item-th .sub-td:nth-child(2), .list-estimatetmain .item.item-td .sub-th:nth-child(2),
.list-estimatetmain .item.item-td .sub-td:nth-child(2) {
    width: max(300px, 30%);
    line-height: 1.3;
}
@media screen and (max-width: 834px) {
    .list-estimatetmain .item.item-th .sub-th:nth-child(2),
    .list-estimatetmain .item.item-th .sub-td:nth-child(2), .list-estimatetmain .item.item-td .sub-th:nth-child(2),
    .list-estimatetmain .item.item-td .sub-td:nth-child(2) {
        width: 100%;
    }
}
.list-estimatetmain .item.item-th .sub-th:nth-child(3),
.list-estimatetmain .item.item-th .sub-td:nth-child(3), .list-estimatetmain .item.item-td .sub-th:nth-child(3),
.list-estimatetmain .item.item-td .sub-td:nth-child(3) {
    width: max(200px, 25%);
}
@media screen and (max-width: 834px) {
    .list-estimatetmain .item.item-th .sub-th:nth-child(3),
    .list-estimatetmain .item.item-th .sub-td:nth-child(3), .list-estimatetmain .item.item-td .sub-th:nth-child(3),
    .list-estimatetmain .item.item-td .sub-td:nth-child(3) {
        width: auto;
        max-width: calc(100% - 130px);
    }
    .list-estimatetmain .item.item-th .sub-th:nth-child(3) a,
    .list-estimatetmain .item.item-th .sub-td:nth-child(3) a, .list-estimatetmain .item.item-td .sub-th:nth-child(3) a,
    .list-estimatetmain .item.item-td .sub-td:nth-child(3) a {
        font-size: 1.4rem;
        font-weight: normal;
    }
}
@media screen and (max-width: 640px) {
    .list-estimatetmain .item.item-th .sub-th:nth-child(3),
    .list-estimatetmain .item.item-th .sub-td:nth-child(3), .list-estimatetmain .item.item-td .sub-th:nth-child(3),
    .list-estimatetmain .item.item-td .sub-td:nth-child(3) {
        width: 100%;
        max-width: 100%;
    }
}
.list-estimatetmain .item.item-th .sub-th:nth-child(4),
.list-estimatetmain .item.item-th .sub-td:nth-child(4), .list-estimatetmain .item.item-td .sub-th:nth-child(4),
.list-estimatetmain .item.item-td .sub-td:nth-child(4) {
    width: 90px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-estimatetmain .item.item-th .sub-th:nth-child(4),
    .list-estimatetmain .item.item-th .sub-td:nth-child(4), .list-estimatetmain .item.item-td .sub-th:nth-child(4),
    .list-estimatetmain .item.item-td .sub-td:nth-child(4) {
        margin-top: 10px;
        padding-top: 10px !important;
        width: 100%;
        text-align: left;
        border-top: 1px solid #ddd;
    }
    .list-estimatetmain .item.item-th .sub-th:nth-child(4) span.sp,
    .list-estimatetmain .item.item-th .sub-td:nth-child(4) span.sp, .list-estimatetmain .item.item-td .sub-th:nth-child(4) span.sp,
    .list-estimatetmain .item.item-td .sub-td:nth-child(4) span.sp {
        margin: 0 1em 0 0;
        padding: 0;
        width: auto;
    }
}
.list-estimatetmain .item.item-th .sub-th:nth-child(5),
.list-estimatetmain .item.item-th .sub-td:nth-child(5), .list-estimatetmain .item.item-td .sub-th:nth-child(5),
.list-estimatetmain .item.item-td .sub-td:nth-child(5) {
    width: 100px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-estimatetmain .item.item-th .sub-th:nth-child(5),
    .list-estimatetmain .item.item-th .sub-td:nth-child(5), .list-estimatetmain .item.item-td .sub-th:nth-child(5),
    .list-estimatetmain .item.item-td .sub-td:nth-child(5) {
        width: 100%;
        text-align: left;
    }
}
@media screen and (min-width: 835px) {
    .list-estimatetmain .item.item-th .sub-th:nth-child(5).sub-td,
    .list-estimatetmain .item.item-th .sub-td:nth-child(5).sub-td, .list-estimatetmain .item.item-td .sub-th:nth-child(5).sub-td,
    .list-estimatetmain .item.item-td .sub-td:nth-child(5).sub-td {
        text-align: right;
    }
}
.list-estimatetmain .item.item-th .sub-th:nth-child(6),
.list-estimatetmain .item.item-th .sub-td:nth-child(6), .list-estimatetmain .item.item-td .sub-th:nth-child(6),
.list-estimatetmain .item.item-td .sub-td:nth-child(6) {
    width: 140px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-estimatetmain .item.item-th .sub-th:nth-child(6),
    .list-estimatetmain .item.item-th .sub-td:nth-child(6), .list-estimatetmain .item.item-td .sub-th:nth-child(6),
    .list-estimatetmain .item.item-td .sub-td:nth-child(6) {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        gap: 10px;
        width: 100%;
        text-align: left;
    }
}
.list-estimatetmain .item.item-th .sub-th:nth-child(6) button,
.list-estimatetmain .item.item-th .sub-td:nth-child(6) button, .list-estimatetmain .item.item-td .sub-th:nth-child(6) button,
.list-estimatetmain .item.item-td .sub-td:nth-child(6) button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.list-estimatetmain .item.item-th .sub-th:nth-child(6) button:active, .list-estimatetmain .item.item-th .sub-th:nth-child(6) button:focus,
.list-estimatetmain .item.item-th .sub-td:nth-child(6) button:active,
.list-estimatetmain .item.item-th .sub-td:nth-child(6) button:focus, .list-estimatetmain .item.item-td .sub-th:nth-child(6) button:active, .list-estimatetmain .item.item-td .sub-th:nth-child(6) button:focus,
.list-estimatetmain .item.item-td .sub-td:nth-child(6) button:active,
.list-estimatetmain .item.item-td .sub-td:nth-child(6) button:focus {
    outline: 0;
}
.list-estimatetmain .item.item-th .sub-th:nth-child(6) button:hover,
.list-estimatetmain .item.item-th .sub-td:nth-child(6) button:hover, .list-estimatetmain .item.item-td .sub-th:nth-child(6) button:hover,
.list-estimatetmain .item.item-td .sub-td:nth-child(6) button:hover {
    background: #f08a3f;
}
.list-estimatetmain .item.item-th {
    border-radius: 0;
}
.list-estimatetmain .item.item-th .sub-th {
    font-size: 1.5rem;
}
.list-estimatetmain .item.item-td {
    padding-bottom: 11px;
}
.list-estimatetmain .item.item-td .sp-head {
    margin-right: 1em;
}
.list-estimatetmain .item.item-td .sub-td a {
    text-decoration: underline;
}

/*----------------
	見積を編集
----------------*/
.estimate-content {
    font-size: 1.5rem;
}
@media only screen and (min-width: 835px) and (max-width: 1280px) {
    .estimate-content .tab-box {
        padding-left: 0;
        padding-right: 0;
    }
}
.estimate-content input[type=text] {
    max-width: 100%;
    background: #F0F0F0;
}
.estimate-content input[type=text].--s {
    max-width: 200px;
}
.estimate-content input[type=text].--ss {
    max-width: 100px;
}
.estimate-content__checkbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 15px;
    white-space: nowrap;
}
.estimate-content__checkbox .boxCheckWrap {
    font-size: 1.5rem;
}
.estimate-content__checkbox .boxCheckWrap .checkmark {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.estimate-content__checkbox .boxCheckWrap.setting-field__check {
    padding-left: 35px;
}
.estimate-content__checkbox .boxCheckWrap.setting-field__check .checkmark {
    left: 9px;
}
.estimate-content .input-row--ym {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 0 15px;
}
.estimate-content .input-row--ym .clm {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 0 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 120px;
}
.estimate-content .input-row--ym .select-custom {
    width: 100%;
    max-width: 100px;
}
.estimate-content .input-row--ym .select-custom select {
    background: #F0F0F0;
}
.estimate-content .txt-btn {
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 20px;
    min-width: 90px;
    height: 28px;
    display: inline-block;
    text-align: center;
}
.estimate-content .txt-btn__yellow {
    background: #F29B5B;
    color: #fff;
}
.estimate-content__approval {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 15px;
}
.estimate-content__approval .btn-comp02 {
    width: 100px;
    font-size: 1.4rem;
}
.estimate-content__approval button.btn-comp02 {
    cursor: pointer;
}
.estimate-content__approval button.btn-comp02:hover {
    background: #f08a3f;
}
.estimate-content__controls {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px 30px;
    margin-top: 50px;
}
.estimate-content__controls .btn-comp01 {
    margin: 0;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
}
.estimate-content__function {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 30px;
    gap: 0 15px;
}
.estimate-content__total {
    margin-top: 10px;
    margin-left: auto;
    padding: 10px 15px;
    font-size: 1.5rem;
    background: #f0f0f0;
    border-top: 2px solid rgba(242, 155, 91, 0.3);
}
.estimate-content__total-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    font-weight: bold;
}
.estimate-content__total-row:last-child {
    margin-top: 4px;
}
.estimate-content__total-body {
    width: 170px;
    text-align: right;
    font-size: 115%;
}
.estimate-content__total-body.--l {
    font-size: 140%;
}

.estimateTable-content__controls {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}
.estimateTable-content__controls .btn-comp01 {
    margin: 0;
    font-size: 1.6rem;
}
.estimateTable-content__controls .disable {
    cursor: default;
}

.list-estimatetTable {
    margin: 0;
}
.list-estimatetTable .item {
    background: #F5F5F5;
    border: 0;
}
@media screen and (min-width: 835px) {
    .list-estimatetTable .item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.list-estimatetTable .item.item-th, .list-estimatetTable .item.item-td {
    gap: 5px 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.list-estimatetTable .item.item-th .sub-th,
.list-estimatetTable .item.item-th .sub-td, .list-estimatetTable .item.item-td .sub-th,
.list-estimatetTable .item.item-td .sub-td {
    padding: 0 !important;
}
.list-estimatetTable .item.item-th .sub-th:nth-child(4),
.list-estimatetTable .item.item-th .sub-td:nth-child(4), .list-estimatetTable .item.item-td .sub-th:nth-child(4),
.list-estimatetTable .item.item-td .sub-td:nth-child(4) {
    text-align: center;
}
@media screen and (min-width: 835px) {
    .list-estimatetTable .item.item-th .sub-th:nth-child(4).sub-td,
    .list-estimatetTable .item.item-th .sub-td:nth-child(4).sub-td, .list-estimatetTable .item.item-td .sub-th:nth-child(4).sub-td,
    .list-estimatetTable .item.item-td .sub-td:nth-child(4).sub-td {
        text-align: right;
    }
}
.list-estimatetTable .item.item-th .sub-th:first-child, .list-estimatetTable .item.item-th .sub-th:nth-child(4),
.list-estimatetTable .item.item-th .sub-td:first-child,
.list-estimatetTable .item.item-th .sub-td:nth-child(4), .list-estimatetTable .item.item-td .sub-th:first-child, .list-estimatetTable .item.item-td .sub-th:nth-child(4),
.list-estimatetTable .item.item-td .sub-td:first-child,
.list-estimatetTable .item.item-td .sub-td:nth-child(4) {
    width: 100px;
    white-space: nowrap;
}
@media screen and (max-width: 834px) {
    .list-estimatetTable .item.item-th .sub-th:first-child, .list-estimatetTable .item.item-th .sub-th:nth-child(4),
    .list-estimatetTable .item.item-th .sub-td:first-child,
    .list-estimatetTable .item.item-th .sub-td:nth-child(4), .list-estimatetTable .item.item-td .sub-th:first-child, .list-estimatetTable .item.item-td .sub-th:nth-child(4),
    .list-estimatetTable .item.item-td .sub-td:first-child,
    .list-estimatetTable .item.item-td .sub-td:nth-child(4) {
        width: 100%;
        text-align: left;
    }
}
.list-estimatetTable .item.item-th .sub-th:nth-child(2),
.list-estimatetTable .item.item-th .sub-td:nth-child(2), .list-estimatetTable .item.item-td .sub-th:nth-child(2),
.list-estimatetTable .item.item-td .sub-td:nth-child(2) {
    width: max(400px, 35%);
    line-height: 1.3;
}
@media screen and (max-width: 834px) {
    .list-estimatetTable .item.item-th .sub-th:nth-child(2),
    .list-estimatetTable .item.item-th .sub-td:nth-child(2), .list-estimatetTable .item.item-td .sub-th:nth-child(2),
    .list-estimatetTable .item.item-td .sub-td:nth-child(2) {
        width: 100%;
    }
}
.list-estimatetTable .item.item-th .sub-th:nth-child(3),
.list-estimatetTable .item.item-th .sub-td:nth-child(3), .list-estimatetTable .item.item-td .sub-th:nth-child(3),
.list-estimatetTable .item.item-td .sub-td:nth-child(3) {
    text-align: center;
}
@media screen and (min-width: 835px) {
    .list-estimatetTable .item.item-th .sub-th:nth-child(3).sub-td,
    .list-estimatetTable .item.item-th .sub-td:nth-child(3).sub-td, .list-estimatetTable .item.item-td .sub-th:nth-child(3).sub-td,
    .list-estimatetTable .item.item-td .sub-td:nth-child(3).sub-td {
        text-align: right;
    }
}
.list-estimatetTable .item.item-th .sub-th:nth-child(3), .list-estimatetTable .item.item-th .sub-th:nth-child(5),
.list-estimatetTable .item.item-th .sub-td:nth-child(3),
.list-estimatetTable .item.item-th .sub-td:nth-child(5), .list-estimatetTable .item.item-td .sub-th:nth-child(3), .list-estimatetTable .item.item-td .sub-th:nth-child(5),
.list-estimatetTable .item.item-td .sub-td:nth-child(3),
.list-estimatetTable .item.item-td .sub-td:nth-child(5) {
    width: 150px;
    white-space: nowrap;
}
@media screen and (max-width: 834px) {
    .list-estimatetTable .item.item-th .sub-th:nth-child(3), .list-estimatetTable .item.item-th .sub-th:nth-child(5),
    .list-estimatetTable .item.item-th .sub-td:nth-child(3),
    .list-estimatetTable .item.item-th .sub-td:nth-child(5), .list-estimatetTable .item.item-td .sub-th:nth-child(3), .list-estimatetTable .item.item-td .sub-th:nth-child(5),
    .list-estimatetTable .item.item-td .sub-td:nth-child(3),
    .list-estimatetTable .item.item-td .sub-td:nth-child(5) {
        width: 100%;
        text-align: left;
    }
}
.list-estimatetTable .item.item-th .sub-th:nth-child(5),
.list-estimatetTable .item.item-th .sub-td:nth-child(5), .list-estimatetTable .item.item-td .sub-th:nth-child(5),
.list-estimatetTable .item.item-td .sub-td:nth-child(5) {
    font-weight: 600;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-estimatetTable .item.item-th .sub-th:nth-child(5),
    .list-estimatetTable .item.item-th .sub-td:nth-child(5), .list-estimatetTable .item.item-td .sub-th:nth-child(5),
    .list-estimatetTable .item.item-td .sub-td:nth-child(5) {
        text-align: left;
    }
}
@media screen and (min-width: 835px) {
    .list-estimatetTable .item.item-th .sub-th:nth-child(5).sub-td,
    .list-estimatetTable .item.item-th .sub-td:nth-child(5).sub-td, .list-estimatetTable .item.item-td .sub-th:nth-child(5).sub-td,
    .list-estimatetTable .item.item-td .sub-td:nth-child(5).sub-td {
        text-align: right;
    }
}
.list-estimatetTable .item.item-th .sub-th:nth-child(6),
.list-estimatetTable .item.item-th .sub-td:nth-child(6), .list-estimatetTable .item.item-td .sub-th:nth-child(6),
.list-estimatetTable .item.item-td .sub-td:nth-child(6) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    width: 130px;
}
.list-estimatetTable .item.item-th .sub-th:nth-child(6) .btn-comp02,
.list-estimatetTable .item.item-th .sub-td:nth-child(6) .btn-comp02, .list-estimatetTable .item.item-td .sub-th:nth-child(6) .btn-comp02,
.list-estimatetTable .item.item-td .sub-td:nth-child(6) .btn-comp02 {
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 1.5rem;
    cursor: pointer;
}
.list-estimatetTable .item.item-th .sub-th:nth-child(6) .btn-comp02:first-child:hover,
.list-estimatetTable .item.item-th .sub-td:nth-child(6) .btn-comp02:first-child:hover, .list-estimatetTable .item.item-td .sub-th:nth-child(6) .btn-comp02:first-child:hover,
.list-estimatetTable .item.item-td .sub-td:nth-child(6) .btn-comp02:first-child:hover {
    background: #f08a3f;
}
.list-estimatetTable .item.item-th .sub-th:nth-child(6) .btn-comp02:last-child:hover,
.list-estimatetTable .item.item-th .sub-td:nth-child(6) .btn-comp02:last-child:hover, .list-estimatetTable .item.item-td .sub-th:nth-child(6) .btn-comp02:last-child:hover,
.list-estimatetTable .item.item-td .sub-td:nth-child(6) .btn-comp02:last-child:hover {
    background: #cfcfcf;
}
.list-estimatetTable .item.item-th {
    border-radius: 0;
}
.list-estimatetTable .item.item-th .sub-th {
    font-size: 1.5rem;
}
.list-estimatetTable .item.item-td {
    padding-bottom: 11px;
}
.list-estimatetTable .item.item-td .sub-td:nth-child(2) {
    font-weight: normal;
}
@media screen and (max-width: 834px) {
    .list-estimatetTable .item.item-td .sub-td:nth-child(3) {
        margin-top: 10px;
        padding-top: 10px !important;
        width: 100%;
        border-top: 1px solid #ddd;
    }
}
@media screen and (max-width: 834px) {
    .list-estimatetTable .item.item-td .sub-td:nth-child(6) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 5px;
        padding-top: 10px !important;
        width: 100%;
        border-top: 1px solid #ddd;
    }
}
@media screen and (max-width: 834px) {
    .list-estimatetTable .item.item-td span.sp-head {
        display: inline-block !important;
        width: auto !important;
        text-align: left !important;
        margin-right: 1em;
        padding-right: 0 !important;
    }
}

/*---------------------
	見積書・請求書発行
---------------------*/
.issueDoc-status {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 30px;
    margin-bottom: 40px;
    padding: 10px 20px 10px 10px;
    width: 100%;
    font-size: 1.4rem;
    background: #fff;
    border-radius: 6px;
}
@media screen and (max-width: 1200px) {
    .issueDoc-status {
        gap: 10px 20px;
    }
}
@media screen and (max-width: 834px) {
    .issueDoc-status {
        padding: 15px;
    }
}
.issueDoc-status__item {
    position: relative;
    padding: 0 10px;
}
@media screen and (max-width: 834px) {
    .issueDoc-status__item {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        width: 100%;
    }
}
.issueDoc-status__item .num {
    font-weight: 600;
}
.issueDoc-status__item:first-child .issueDoc-status__body .num {
    font-size: 110%;
    line-height: 1.58;
}
.issueDoc-status__item:nth-child(2) .issueDoc-status__body .num {
    font-size: 150%;
    line-height: 1;
}
.issueDoc-status__item:nth-child(3) .issueDoc-status__body {
    color: #c80000;
    font-weight: 600;
}
.issueDoc-status__item:nth-child(3) .issueDoc-status__body .num {
    font-size: 150%;
    line-height: 1;
}
@media screen and (min-width: 1025px) {
    .issueDoc-status__item:not(:last-child):before {
        right: -15px;
    }
}
@media screen and (min-width: 835px) {
    .issueDoc-status__item:not(:last-child):before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 1px;
        height: 100%;
    @inculde v-align;
        right: -10px;
        background: #ddd;
    }
}
.issueDoc-status__head {
    margin-bottom: 0.4em;
    font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
    .issueDoc-status__head {
        margin-bottom: 0;
        width: 8em;
    }
}
.issueDoc-status__btn {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 0 auto;
}
@media screen and (max-width: 834px) {
    .issueDoc-status__btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 10px auto 0;
        padding-top: 15px;
        width: 100%;
        border-top: 1px solid #ddd;
    }
}
.issueDoc-status__btn .btn-comp01 {
    margin: 0;
    font-size: 1.8rem;
}
.issueDoc-status__btn .ordered {
    background: rgba(37, 82, 106, 0.1);
    color: #25526A;
}
.issueDoc-status__btn .ordered:hover {
    cursor: default;
    opacity: 1;
}

/*---------------
　　見積書画面
---------------*/
.page-estimate_issue .inner {
    container-type: inline-size;
}
@container (max-width: 800px) {
    .page-estimate_issue .issueDoc-status__btn .btn-comp01 {
        width: auto;
        min-width: 150px;
    }
}
@media screen and (max-width: 834px) {
    .page-estimate_issue .issueDoc-status__btn .btn-comp01 {
        width: 100%;
        max-width: 200px;
    }
}
.page-estimate_issue .issuedDocument-headerR .top {
    margin-bottom: 50px;
}

/*---------------
	pdf画面
---------------*/
.issuedDocument {
    overflow-x: auto;
}
.issuedDocument-container {
    margin: 0 auto;
    padding: 30px;
    width: 860px;
    background: #fff;
}
.issuedDocument-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-size: 1.5rem;
}
.issuedDocument-header__ttl {
    margin-bottom: 1em;
    width: 100%;
    font-size: 160%;
    letter-spacing: 0.4em;
    font-weight: 600;
}
.issuedDocument-header__name {
    margin-bottom: 10px;
    font-size: 120%;
}
.issuedDocument-header__price {
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 0.2em;
    font-size: 110%;
    border-bottom: 2px solid #25526A;
}
.issuedDocument-header__price .num {
    font-size: 125%;
    font-weight: 600;
    line-height: 1;
}
.issuedDocument-header__period .num {
    font-weight: 600;
}
.issuedDocument-header .note {
    margin-top: 5px;
    font-size: 86.66%;
}
.issuedDocument-header .note.--rd {
    color: #c80000;
}
.issuedDocument-headerL {
    width: 65%;
}
.issuedDocument-headerL .top {
    margin-bottom: 50px;
}
.issuedDocument-headerR {
    width: 35%;
    font-size: 1.4rem;
}
.issuedDocument-headerR .top {
    margin-bottom: 20px;
    text-align: right;
}
.issuedDocument-headerR .top .no {
    display: inline-block;
    margin-bottom: 3px;
    padding-bottom: 2px;
    border-bottom: 1px solid #25526A;
}
.issuedDocument-headerR .bottom {
    position: relative;
}
.issuedDocument-headerR .bottom img {
    position: absolute;
    top: 0;
    right: 0;
}
.issuedDocument-headerR .bottom > div {
    position: relative;
}
.issuedDocument-headerR .bottom > div:nth-child(5) {
    text-align: right;
    font-weight: 600;
}
.issuedDocument-table table {
    table-layout: fixed;
    width: 100%;
    font-size: 1.5rem;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.issuedDocument-table table col {
    width: 16%;
}
.issuedDocument-table table col:first-child {
    width: 58%;
}
.issuedDocument-table table col:nth-child(3) {
    width: 10%;
}
.issuedDocument-table table th, .issuedDocument-table table td {
    padding: 0.5em 0.5em;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.issuedDocument-table table th.no-bdr, .issuedDocument-table table td.no-bdr {
    border: 0;
}
.issuedDocument-table table th {
    text-align: center;
    background: #f2f2f2;
    border-bottom-width: 2px;
}
.issuedDocument-table table td {
    height: 32px;
}
.issuedDocument-table table td:not(:first-child) {
    text-align: right;
}
.issuedDocument-table table td:first-child {
    font-size: 93.333%;
}

/* css only for preview invoice screen */
.previewInvoice-table table td:first-child {
    text-align: center;
}
.previewInvoice-table table td:nth-child(2) {
    text-align: left;
    font-size: 93.333%;
}
.previewInvoice-table table col:first-child {
    width: 10%;
}
.previewInvoice-table table col:nth-child(2) {
    width: 58%;
}
.issuedDocument-table table col:nth-child(3) {
    width: 16%;
}
.previewInvoice-table table col:nth-child(4) {
    width: 10%;
}
/* end css only for preview invoice screen */

.issuedDocument-table table .total td:last-child {
    font-size: 110%;
    font-weight: 600;
}
.issuedDocument-remarks {
    margin-top: 20px;
    font-size: 1.3rem;
}
.issuedDocument-remarks__title {
    margin-bottom: 0.2em;
    font-size: 115.38%;
    font-weight: 600;
}
.issuedDocument-remarks__cont {
    padding: 15px;
    border: 3px solid #eee;
}

/*--- POPUP モーダル --*/
.form-contModal__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 15px;
    font-size: 1.6rem;
    padding-top: 20px;
}
@media screen and (max-width: 834px) {
    .form-contModal__row {
        padding-top: 15px;
    }
}
.form-contModal__row:not(:last-child) {
    margin-bottom: 20px;
}
.form-contModal__row-head {
    width: 200px;
    font-weight: 600;
}
@media screen and (max-width: 834px) {
    .form-contModal__row-head {
        width: 100%;
    }
}
.form-contModal__row-head sub {
    color: red;
}
.form-contModal__row-body {
    width: calc(100% - 215px);
    font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
    .form-contModal__row-body {
        width: 100%;
    }
}
.form-contModal__row-body-title {
    position: relative;
    margin-bottom: 10px;
    padding: 0 0 0 1.5em;
    width: 100%;
    font-weight: 600;
    font-size: 1.6rem;
}
.form-contModal__row-body-title:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 90%;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #25526A;
    border-radius: 4px;
}
.form-contModal__row-body .clm:not(:last-child) {
    margin-bottom: 20px;
}
.form-contModal__row-body .btn-plus01 {
    font-size: 1.6rem;
}
.form-contModal__row-body .--row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
@media screen and (min-width: 641px) {
    .form-contModal__row-body .--row .checkmark {
        top: 21px !important;
    }
}
@media screen and (max-width: 640px) {
    .form-contModal__row-body .--row label {
        width: 100%;
    }
}
.form-contModal__row.--input {
    padding-top: 0;
    border-top: 0;
}
@media screen and (min-width: 835px) {
    .form-contModal__row.--input .form-Searchdetail__row-head {
        padding-top: 0.6em;
    }
}
.form-contModal__checkbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 15px;
    white-space: nowrap;
}
.form-contModal__checkbox .boxCheckWrap {
    padding-left: 35px;
    font-size: 1.5rem;
    white-space: normal;
    line-height: 1.6;
}
@media screen and (max-width: 640px) {
    .form-contModal__checkbox .boxCheckWrap {
        width: 100%;
    }
}
.form-contModal__checkbox .boxCheckWrap .checkmark {
    top: 11px;
    left: 9px;
}
.form-contModal__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 500px;
    margin: 40px auto 0;
}
.form-contModal__btn .btn-comp01 {
    font-size: 1.8rem;
}
.form-contModal__rowItem {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 0;
    width: 100%;
}
.form-contModal__rowItem .boxCheckWrap {
    width: 85px;
}
.form-contModal__rowItem .input {
    width: calc(100% - 90px);
}
@media screen and (max-width: 640px) {
    .form-contModal__rowItem .input {
        width: 100%;
    }
}
.form-contModal__single {
    width: 100%;
}
.form-contModal__section {
    margin-bottom: 40px;
}
.form-contModal__lead {
    line-height: 1.4;
}
.form-contModal__lead .note {
    color: red;
    font-size: 80%;
}

/*----------------
	案件管理
----------------*/
.page-project_index > .inner,
.page-project_detail > .inner,
.page-estimate_issue > .inner,
.page-invoice_issue > .inner {
    padding: 0 30px;
    max-width: 100%;
}
@media screen and (max-width: 1200px) {
    .page-project_index > .inner,
    .page-project_detail > .inner,
    .page-estimate_issue > .inner,
    .page-invoice_issue > .inner {
        padding: 0 15px;
    }
}
.page-project_index .ttl-comp02,
.page-project_detail .ttl-comp02,
.page-estimate_issue .ttl-comp02,
.page-invoice_issue .ttl-comp02 {
    line-height: 1.4;
}

.list-projectmain {
    margin-bottom: 0;
}
.list-projectmain-block {
    margin-bottom: 50px;
}
.list-projectmain__title {
    position: relative;
    margin: 0 -30px 15px;
    padding: 0.6em 30px 0.6em 55px;
    font-size: 2.2rem;
    font-weight: 600;
    background: gainsboro;
}
@media screen and (max-width: 1200px) {
    .list-projectmain__title {
        margin: 0 -15px 15px;
        padding: 0.6em 15px 0.6em 40px;
    }
}
@media screen and (max-width: 834px) {
    .list-projectmain__title {
        font-size: 2rem;
    }
}
.list-projectmain__title:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 60%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px;
    background: #25526A;
    border-radius: 4px;
}
@media screen and (max-width: 1200px) {
    .list-projectmain__title:before {
        left: 20px;
    }
}
@media screen and (min-width: 835px) {
    .list-projectmain .item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.list-projectmain .item.item-th, .list-projectmain .item.item-td {
    gap: 5px 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.list-projectmain .item.item-th .sub-th,
.list-projectmain .item.item-th .sub-td, .list-projectmain .item.item-td .sub-th,
.list-projectmain .item.item-td .sub-td {
    padding: 0 !important;
}
.list-projectmain .item.item-th .sub-th:first-child,
.list-projectmain .item.item-th .sub-td:first-child, .list-projectmain .item.item-td .sub-th:first-child,
.list-projectmain .item.item-td .sub-td:first-child {
    width: 120px;
    white-space: nowrap;
}
.list-projectmain .item.item-th .sub-th:nth-child(2),
.list-projectmain .item.item-th .sub-td:nth-child(2), .list-projectmain .item.item-td .sub-th:nth-child(2),
.list-projectmain .item.item-td .sub-td:nth-child(2) {
    width: 30%;
    line-height: 1.3;
    white-space: break-spaces;
}
@media screen and (max-width: 834px) {
    .list-projectmain .item.item-th .sub-th:nth-child(2),
    .list-projectmain .item.item-th .sub-td:nth-child(2), .list-projectmain .item.item-td .sub-th:nth-child(2),
    .list-projectmain .item.item-td .sub-td:nth-child(2) {
        width: 100%;
    }
}
.list-projectmain .item.item-th .sub-th:nth-child(3),
.list-projectmain .item.item-th .sub-td:nth-child(3), .list-projectmain .item.item-td .sub-th:nth-child(3),
.list-projectmain .item.item-td .sub-td:nth-child(3) {
    width: max(200px, 25%);
}
@media screen and (max-width: 834px) {
    .list-projectmain .item.item-th .sub-th:nth-child(3),
    .list-projectmain .item.item-th .sub-td:nth-child(3), .list-projectmain .item.item-td .sub-th:nth-child(3),
    .list-projectmain .item.item-td .sub-td:nth-child(3) {
        width: auto;
        max-width: calc(100% - 130px);
    }
    .list-projectmain .item.item-th .sub-th:nth-child(3) a,
    .list-projectmain .item.item-th .sub-td:nth-child(3) a, .list-projectmain .item.item-td .sub-th:nth-child(3) a,
    .list-projectmain .item.item-td .sub-td:nth-child(3) a {
        font-size: 1.4rem;
        font-weight: normal;
    }
}
@media screen and (max-width: 640px) {
    .list-projectmain .item.item-th .sub-th:nth-child(3),
    .list-projectmain .item.item-th .sub-td:nth-child(3), .list-projectmain .item.item-td .sub-th:nth-child(3),
    .list-projectmain .item.item-td .sub-td:nth-child(3) {
        width: 100%;
        max-width: 100%;
    }
}
.list-projectmain .item.item-th .sub-th:nth-child(4),
.list-projectmain .item.item-th .sub-td:nth-child(4), .list-projectmain .item.item-td .sub-th:nth-child(4),
.list-projectmain .item.item-td .sub-td:nth-child(4) {
    width: 120px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 640px) {
    .list-projectmain .item.item-th .sub-th:nth-child(4),
    .list-projectmain .item.item-th .sub-td:nth-child(4), .list-projectmain .item.item-td .sub-th:nth-child(4),
    .list-projectmain .item.item-td .sub-td:nth-child(4) {
        width: 100%;
        text-align: left;
    }
}
.list-projectmain .item.item-th .sub-th:nth-child(5),
.list-projectmain .item.item-th .sub-td:nth-child(5), .list-projectmain .item.item-td .sub-th:nth-child(5),
.list-projectmain .item.item-td .sub-td:nth-child(5) {
    width: 90px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-projectmain .item.item-th .sub-th:nth-child(5),
    .list-projectmain .item.item-th .sub-td:nth-child(5), .list-projectmain .item.item-td .sub-th:nth-child(5),
    .list-projectmain .item.item-td .sub-td:nth-child(5) {
        margin-top: 10px;
        padding-top: 10px !important;
        width: 100%;
        text-align: left;
        border-top: 1px solid #ddd;
    }
}
.list-projectmain .item.item-th .sub-th:nth-child(6),
.list-projectmain .item.item-th .sub-td:nth-child(6), .list-projectmain .item.item-td .sub-th:nth-child(6),
.list-projectmain .item.item-td .sub-td:nth-child(6) {
    width: 100px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-projectmain .item.item-th .sub-th:nth-child(6),
    .list-projectmain .item.item-th .sub-td:nth-child(6), .list-projectmain .item.item-td .sub-th:nth-child(6),
    .list-projectmain .item.item-td .sub-td:nth-child(6) {
        width: 100%;
        text-align: left;
    }
}
@media screen and (min-width: 835px) {
    .list-projectmain .item.item-th .sub-th:nth-child(6).sub-td,
    .list-projectmain .item.item-th .sub-td:nth-child(6).sub-td, .list-projectmain .item.item-td .sub-th:nth-child(6).sub-td,
    .list-projectmain .item.item-td .sub-td:nth-child(6).sub-td {
        text-align: right;
    }
}
.list-projectmain .item.item-th .sub-th:nth-child(7),
.list-projectmain .item.item-th .sub-td:nth-child(7), .list-projectmain .item.item-td .sub-th:nth-child(7),
.list-projectmain .item.item-td .sub-td:nth-child(7) {
    width: 140px;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-projectmain .item.item-th .sub-th:nth-child(7),
    .list-projectmain .item.item-th .sub-td:nth-child(7), .list-projectmain .item.item-td .sub-th:nth-child(7),
    .list-projectmain .item.item-td .sub-td:nth-child(7) {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        gap: 10px;
        width: 100%;
        text-align: left;
    }
}
.list-projectmain .item.item-th .sub-th:nth-child(7) .tag,
.list-projectmain .item.item-th .sub-td:nth-child(7) .tag, .list-projectmain .item.item-td .sub-th:nth-child(7) .tag,
.list-projectmain .item.item-td .sub-td:nth-child(7) .tag {
    margin-top: 5px;
}
.list-projectmain .item.item-th .sub-th:nth-child(8),
.list-projectmain .item.item-th .sub-td:nth-child(8), .list-projectmain .item.item-td .sub-th:nth-child(8),
.list-projectmain .item.item-td .sub-td:nth-child(8) {
    white-space: nowrap;
    width: 75px;
}
@media screen and (max-width: 834px) {
    .list-projectmain .item.item-th .sub-th:nth-child(8),
    .list-projectmain .item.item-th .sub-td:nth-child(8), .list-projectmain .item.item-td .sub-th:nth-child(8),
    .list-projectmain .item.item-td .sub-td:nth-child(8) {
        width: 100%;
        text-align: center;
    }
    .list-projectmain .item.item-th .sub-th:nth-child(8) a,
    .list-projectmain .item.item-th .sub-td:nth-child(8) a, .list-projectmain .item.item-td .sub-th:nth-child(8) a,
    .list-projectmain .item.item-td .sub-td:nth-child(8) a {
        position: relative;
        margin-bottom: -11px;
        margin-left: -10px;
        padding: 0.8em 0;
        width: calc(100% + 20px);
        border-radius: 0;
    }
    .list-projectmain .item.item-th .sub-th:nth-child(8) a:before,
    .list-projectmain .item.item-th .sub-td:nth-child(8) a:before, .list-projectmain .item.item-td .sub-th:nth-child(8) a:before,
    .list-projectmain .item.item-td .sub-td:nth-child(8) a:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 8px;
        height: 8px;
        right: 15px;
        top: 50%;
        margin-top: -5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
.list-projectmain .item.item-th {
    border-radius: 0;
}
.list-projectmain .item.item-th .sub-th {
    font-size: 1.5rem;
}
.list-projectmain .item.item-td {
    padding-bottom: 11px;
}
.list-projectmain .item.item-td .sp-head {
    margin-right: 1em;
}
.list-projectmain .item.item-td .sub-td a {
    text-decoration: underline;
}

/*----------------
	案件管理 詳細
----------------*/
.projectDetail {
    container-type: inline-size;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 40px;
    font-size: 1.5rem;
}
.projectDetail-clmL {
    width: 100%;
}
@container (min-width: 901px) {
    .projectDetail-clmL {
        width: 35%;
    }
}
.projectDetail-clmR {
    width: 100%;
}
@container (min-width: 901px) {
    .projectDetail-clmR {
        width: calc(65% - 40px);
    }
}
.projectDetail__subtitle {
    margin-bottom: 20px;
}

.projectDetail-descRow {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
.projectDetail-descRow:not(:last-child) {
    margin-bottom: 10px;
}
.projectDetail-descRow__head {
    width: 7em;
    font-weight: 600;
}
.projectDetail-descRow__head.editable {
    padding-left: 1.4em;
    background: url(../img/common/icn-edit.png) no-repeat left center;
    background-size: 14px auto;
}
.projectDetail-descRow__head.pd {
    padding-top: 0.65em;
    padding-bottom: 0.65em;
}
.projectDetail-descRow__body {
    width: calc(100% - 15px - 7em);
}
.projectDetail-descRow__body .checkbox-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 15px;
}
.projectDetail-descRow__body a {
    text-decoration: underline;
}
.projectDetail-descRow__body .label {
    display: inline-block;
    padding: 0 1.5em;
    line-height: 24px;
    border-radius: 20px;
}
.projectDetail-descRow__body .label.--yellow {
    color: #fff;
    font-weight: 600;
    background: #F29B5B;
}
.projectDetail-descRow__body .label.--gray {
    background: rgba(37, 82, 106, 0.1);
    color: #25526A;
    font-weight: 600;
}
.projectDetail-descRow__body .label.--blue {
    background: #25526A;
    color: #fff;
}
.projectDetail-descRow__body .label.--rd {
    color: #fff;
    font-weight: 600;
    background: #c80000;
}
.projectDetail-descRow__body .c-select {
    max-width: 250px;
}
.projectDetail-descRow__body .boxCheckWrap {
    font-size: 1.5rem;
}

.projectDetail-block {
    margin-bottom: 40px;
    padding: 20px;
    background: #fff;
}
.projectDetail-block + .projectDetail-block {
    margin-top: -20px;
}
.projectDetail-block .input {
    max-width: 100%;
    background: #F0F0F0;
}
.projectDetail-block-controls {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px 20px;
}
.projectDetail-block-controls .btn-export span {
    padding-left: 1.7em;
    background: url(../img/common/icn-export.png) no-repeat left center;
    background-size: 20px auto;
}
.projectDetail-block.--export {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 641px) {
    .projectDetail-block.--export .clm {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .projectDetail-block.--export .clm + .clm {
        border-left: 1px solid #ddd;
    }
}
@media screen and (max-width: 640px) {
    .projectDetail-block.--export .clm {
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    .projectDetail-block.--export .clm + .clm {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #ddd;
    }
}

.projectDetail-status {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 30px;
    margin-bottom: 40px;
    padding: 15px;
    width: 100%;
    font-size: 1.4rem;
    background: #fff;
    border-radius: 6px;
}
.projectDetail-status__item {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px 15px;
}
@media screen and (max-width: 640px) {
    .projectDetail-status__item {
        width: 100%;
    }
}
.projectDetail-status__item:first-child .projectDetail-status__body {
    font-size: 110%;
    font-weight: 600;
}
@media screen and (min-width: 641px) {
    .projectDetail-status__item:not(:last-child):before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 1px;
        height: 100%;
    @inculde v-align;
        right: -15px;
        background: #ddd;
    }
}
.projectDetail-status__item .label {
    display: inline-block;
    padding: 0 1.5em;
    line-height: 24px;
    border-radius: 20px;
}
.projectDetail-status__item .label.--yellow {
    color: #fff;
    font-weight: 600;
    background: #F29B5B;
}
.projectDetail-status__item .label.--gray {
    background: rgba(37, 82, 106, 0.1);
    color: #25526A;
    font-weight: 600;
}
.projectDetail-status__item .label.--blue {
    background: #25526A;
    color: #fff;
}
.projectDetail-status__item .label.--rd {
    color: #fff;
    font-weight: 600;
    background: #c80000;
}
.projectDetail-status__btm {
    width: 100%;
}
.projectDetail-status__btm .projectDetail-descRow {
    margin-top: 15px;
}

.projectDetail-checkSheet {
    padding: 0;
}
.projectDetail-checkSheet__list-item:not(:last-child) {
    border-bottom: 1px solid #F0F0F0;
}
.projectDetail-checkSheet__list-item a {
    position: relative;
    display: block;
    padding: 0.6em 1.5em 0.6em 2.5em;
}
.projectDetail-checkSheet__list-item a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1em;
    background: url(../img/common/icn-xmark.png) no-repeat center center;
    background-size: contain;
}
.projectDetail-checkSheet__list-item a:hover {
    background: #F0F0F0;
}
.projectDetail-checkSheet__list-item.checked a:before {
    width: 16px;
    height: 16px;
    background: url(../img/common/icn-checked.png) no-repeat center center;
    background-size: contain;
}

.projectDetail-spec {
    width: 100%;
}
.projectDetail-spec .projectDetail-descRow:not(:last-child) {
    margin-bottom: 25px;
}
@media screen and (min-width: 641px) {
    .projectDetail-spec .projectDetail-descRow__head {
        width: 9em;
    }
}
@media screen and (max-width: 640px) {
    .projectDetail-spec .projectDetail-descRow__head {
        width: 100%;
    }
}
@media screen and (min-width: 641px) {
    .projectDetail-spec .projectDetail-descRow__body {
        width: calc(100% - 15px - 9em);
    }
}
@media screen and (max-width: 640px) {
    .projectDetail-spec .projectDetail-descRow__body {
        width: 100%;
    }
}

.c-select {
    position: relative;
    background: #F0F0F0;
    border-radius: 40px;
}
.c-select select {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 15px 35px 15px 20px;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1;
}
.c-select select:active, .c-select select:focus {
    outline: 0;
}
.c-select:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    border-top: 2px solid #25526A;
    border-right: 2px solid #25526A;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 0;
}

/*--------------------------------
	クライアント向け　管理画面
--------------------------------*/
.page-client_mitsumoris > .inner,
.page-client_project > .inner,
.page-client_project_detail > .inner {
    padding: 0 30px;
    max-width: 100%;
}
@media screen and (max-width: 1200px) {
    .page-client_mitsumoris > .inner,
    .page-client_project > .inner,
    .page-client_project_detail > .inner {
        padding: 0 15px;
    }
}
@media screen and (max-width: 834px) {
    .page-client_mitsumoris .l-head-block__title,
    .page-client_project .l-head-block__title,
    .page-client_project_detail .l-head-block__title {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
}

.list-clientEstimatet {
    margin-bottom: 50px;
}
.list-clientEstimatet .item {
    container-type: inline-size;
}
@media screen and (min-width: 835px) {
    .list-clientEstimatet .item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.list-clientEstimatet .item.item-th, .list-clientEstimatet .item.item-td {
    gap: 5px 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.list-clientEstimatet .item.item-th .sub-th,
.list-clientEstimatet .item.item-th .sub-td, .list-clientEstimatet .item.item-td .sub-th,
.list-clientEstimatet .item.item-td .sub-td {
    padding: 0 !important;
}
.list-clientEstimatet .item.item-th .sub-th:first-child,
.list-clientEstimatet .item.item-th .sub-td:first-child, .list-clientEstimatet .item.item-td .sub-th:first-child,
.list-clientEstimatet .item.item-td .sub-td:first-child {
    width: 120px;
    white-space: nowrap;
}
.list-clientEstimatet .item.item-th .sub-th:nth-child(2),
.list-clientEstimatet .item.item-th .sub-td:nth-child(2), .list-clientEstimatet .item.item-td .sub-th:nth-child(2),
.list-clientEstimatet .item.item-td .sub-td:nth-child(2) {
    width: max(300px, 30%);
    line-height: 1.3;
}
@media screen and (max-width: 834px) {
    .list-clientEstimatet .item.item-th .sub-th:nth-child(2),
    .list-clientEstimatet .item.item-th .sub-td:nth-child(2), .list-clientEstimatet .item.item-td .sub-th:nth-child(2),
    .list-clientEstimatet .item.item-td .sub-td:nth-child(2) {
        width: 100%;
    }
}
.list-clientEstimatet .item.item-th .sub-th:nth-child(3),
.list-clientEstimatet .item.item-th .sub-td:nth-child(3), .list-clientEstimatet .item.item-td .sub-th:nth-child(3),
.list-clientEstimatet .item.item-td .sub-td:nth-child(3) {
    width: 90px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-clientEstimatet .item.item-th .sub-th:nth-child(3),
    .list-clientEstimatet .item.item-th .sub-td:nth-child(3), .list-clientEstimatet .item.item-td .sub-th:nth-child(3),
    .list-clientEstimatet .item.item-td .sub-td:nth-child(3) {
        margin-top: 10px;
        padding-top: 10px !important;
        width: 100%;
        text-align: left;
        border-top: 1px solid #ddd;
    }
    .list-clientEstimatet .item.item-th .sub-th:nth-child(3) span.sp,
    .list-clientEstimatet .item.item-th .sub-td:nth-child(3) span.sp, .list-clientEstimatet .item.item-td .sub-th:nth-child(3) span.sp,
    .list-clientEstimatet .item.item-td .sub-td:nth-child(3) span.sp {
        margin: 0 1em 0 0;
        padding: 0;
        width: auto;
    }
}
.list-clientEstimatet .item.item-th .sub-th:nth-child(4),
.list-clientEstimatet .item.item-th .sub-td:nth-child(4), .list-clientEstimatet .item.item-td .sub-th:nth-child(4),
.list-clientEstimatet .item.item-td .sub-td:nth-child(4) {
    width: 110px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-clientEstimatet .item.item-th .sub-th:nth-child(4),
    .list-clientEstimatet .item.item-th .sub-td:nth-child(4), .list-clientEstimatet .item.item-td .sub-th:nth-child(4),
    .list-clientEstimatet .item.item-td .sub-td:nth-child(4) {
        width: 100%;
        text-align: left;
    }
    .list-clientEstimatet .item.item-th .sub-th:nth-child(4) > span.sp,
    .list-clientEstimatet .item.item-th .sub-td:nth-child(4) > span.sp, .list-clientEstimatet .item.item-td .sub-th:nth-child(4) > span.sp,
    .list-clientEstimatet .item.item-td .sub-td:nth-child(4) > span.sp {
        width: auto;
    }
}
@media screen and (min-width: 835px) {
    .list-clientEstimatet .item.item-th .sub-th:nth-child(4).sub-td,
    .list-clientEstimatet .item.item-th .sub-td:nth-child(4).sub-td, .list-clientEstimatet .item.item-td .sub-th:nth-child(4).sub-td,
    .list-clientEstimatet .item.item-td .sub-td:nth-child(4).sub-td {
        text-align: right;
    }
}
.list-clientEstimatet .item.item-th .sub-th:nth-child(5),
.list-clientEstimatet .item.item-th .sub-td:nth-child(5), .list-clientEstimatet .item.item-td .sub-th:nth-child(5),
.list-clientEstimatet .item.item-td .sub-td:nth-child(5) {
    width: 110px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-clientEstimatet .item.item-th .sub-th:nth-child(5),
    .list-clientEstimatet .item.item-th .sub-td:nth-child(5), .list-clientEstimatet .item.item-td .sub-th:nth-child(5),
    .list-clientEstimatet .item.item-td .sub-td:nth-child(5) {
        width: 100%;
        text-align: left;
    }
}
.list-clientEstimatet .item.item-th .sub-th:nth-child(6),
.list-clientEstimatet .item.item-th .sub-td:nth-child(6), .list-clientEstimatet .item.item-td .sub-th:nth-child(6),
.list-clientEstimatet .item.item-td .sub-td:nth-child(6) {
    width: 100px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
@container (min-width: 901px) {
    .list-clientEstimatet .item.item-th .sub-th:nth-child(6),
    .list-clientEstimatet .item.item-th .sub-td:nth-child(6), .list-clientEstimatet .item.item-td .sub-th:nth-child(6),
    .list-clientEstimatet .item.item-td .sub-td:nth-child(6) {
        width: 200px;
    }
}
@media screen and (max-width: 834px) {
    .list-clientEstimatet .item.item-th .sub-th:nth-child(6),
    .list-clientEstimatet .item.item-th .sub-td:nth-child(6), .list-clientEstimatet .item.item-td .sub-th:nth-child(6),
    .list-clientEstimatet .item.item-td .sub-td:nth-child(6) {
        padding-top: 10px !important;
        border-top: 1px solid #ddd;
        width: 100%;
    }
}
.list-clientEstimatet .item.item-th .sub-th:nth-child(6) button:hover,
.list-clientEstimatet .item.item-th .sub-td:nth-child(6) button:hover, .list-clientEstimatet .item.item-td .sub-th:nth-child(6) button:hover,
.list-clientEstimatet .item.item-td .sub-td:nth-child(6) button:hover {
    background: #f08a3f;
}
.list-clientEstimatet .item.item-th .sub-th:nth-child(6) a,
.list-clientEstimatet .item.item-th .sub-th:nth-child(6) button,
.list-clientEstimatet .item.item-th .sub-td:nth-child(6) a,
.list-clientEstimatet .item.item-th .sub-td:nth-child(6) button, .list-clientEstimatet .item.item-td .sub-th:nth-child(6) a,
.list-clientEstimatet .item.item-td .sub-th:nth-child(6) button,
.list-clientEstimatet .item.item-td .sub-td:nth-child(6) a,
.list-clientEstimatet .item.item-td .sub-td:nth-child(6) button {
    margin: 0;
    padding: 0;
    height: 38px;
    border: none;
    font-size: 1.5rem;
    line-height: 38px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.list-clientEstimatet .item.item-th .sub-th:nth-child(6) a:active, .list-clientEstimatet .item.item-th .sub-th:nth-child(6) a:focus,
.list-clientEstimatet .item.item-th .sub-th:nth-child(6) button:active,
.list-clientEstimatet .item.item-th .sub-th:nth-child(6) button:focus,
.list-clientEstimatet .item.item-th .sub-td:nth-child(6) a:active,
.list-clientEstimatet .item.item-th .sub-td:nth-child(6) a:focus,
.list-clientEstimatet .item.item-th .sub-td:nth-child(6) button:active,
.list-clientEstimatet .item.item-th .sub-td:nth-child(6) button:focus, .list-clientEstimatet .item.item-td .sub-th:nth-child(6) a:active, .list-clientEstimatet .item.item-td .sub-th:nth-child(6) a:focus,
.list-clientEstimatet .item.item-td .sub-th:nth-child(6) button:active,
.list-clientEstimatet .item.item-td .sub-th:nth-child(6) button:focus,
.list-clientEstimatet .item.item-td .sub-td:nth-child(6) a:active,
.list-clientEstimatet .item.item-td .sub-td:nth-child(6) a:focus,
.list-clientEstimatet .item.item-td .sub-td:nth-child(6) button:active,
.list-clientEstimatet .item.item-td .sub-td:nth-child(6) button:focus {
    outline: 0;
}
@media screen and (max-width: 834px) {
    .list-clientEstimatet .item.item-th .sub-th:nth-child(6) a,
    .list-clientEstimatet .item.item-th .sub-th:nth-child(6) button,
    .list-clientEstimatet .item.item-th .sub-td:nth-child(6) a,
    .list-clientEstimatet .item.item-th .sub-td:nth-child(6) button, .list-clientEstimatet .item.item-td .sub-th:nth-child(6) a,
    .list-clientEstimatet .item.item-td .sub-th:nth-child(6) button,
    .list-clientEstimatet .item.item-td .sub-td:nth-child(6) a,
    .list-clientEstimatet .item.item-td .sub-td:nth-child(6) button {
        font-size: 1.6rem;
        width: 140px;
    }
}
.list-clientEstimatet .item.item-th {
    border-radius: 0;
}
.list-clientEstimatet .item.item-th .sub-th {
    font-size: 1.5rem;
}
.list-clientEstimatet .item.item-td {
    padding-bottom: 11px;
}
.list-clientEstimatet .item.item-td .sp-head {
    margin-right: 1em;
}
.list-clientEstimatet .item.item-td .sub-td a {
    text-decoration: underline;
}

/*--------------------------------
	クライアント向け　案件一覧
--------------------------------*/
.list-clientProject {
    margin-bottom: 0;
}
.list-clientProject-block {
    margin-bottom: 50px;
}
.list-clientProject__title {
    position: relative;
    margin: 0 -30px 15px;
    padding: 0.6em 30px 0.6em 55px;
    font-size: 2.2rem;
    font-weight: 600;
    background: gainsboro;
}
@media screen and (max-width: 1200px) {
    .list-clientProject__title {
        margin: 0 -15px 15px;
        padding: 0.6em 15px 0.6em 40px;
    }
}
@media screen and (max-width: 834px) {
    .list-clientProject__title {
        font-size: 2rem;
    }
}
.list-clientProject__title:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 60%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px;
    background: #25526A;
    border-radius: 4px;
}
@media screen and (max-width: 1200px) {
    .list-clientProject__title:before {
        left: 20px;
    }
}
.list-clientProject .item {
    container-type: inline-size;
}
@media screen and (min-width: 835px) {
    .list-clientProject .item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.list-clientProject .item.item-th, .list-clientProject .item.item-td {
    gap: 5px 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.list-clientProject .item.item-th .sub-th,
.list-clientProject .item.item-th .sub-td, .list-clientProject .item.item-td .sub-th,
.list-clientProject .item.item-td .sub-td {
    padding: 0 !important;
}
.list-clientProject .item.item-th .sub-th:first-child,
.list-clientProject .item.item-th .sub-td:first-child, .list-clientProject .item.item-td .sub-th:first-child,
.list-clientProject .item.item-td .sub-td:first-child {
    width: 120px;
    white-space: nowrap;
}
.list-clientProject .item.item-th .sub-th:nth-child(2),
.list-clientProject .item.item-th .sub-td:nth-child(2), .list-clientProject .item.item-td .sub-th:nth-child(2),
.list-clientProject .item.item-td .sub-td:nth-child(2) {
    width: 30%;
    line-height: 1.3;
}
@media screen and (max-width: 834px) {
    .list-clientProject .item.item-th .sub-th:nth-child(2),
    .list-clientProject .item.item-th .sub-td:nth-child(2), .list-clientProject .item.item-td .sub-th:nth-child(2),
    .list-clientProject .item.item-td .sub-td:nth-child(2) {
        width: 100%;
    }
}
.list-clientProject .item.item-th .sub-th:nth-child(3),
.list-clientProject .item.item-th .sub-td:nth-child(3), .list-clientProject .item.item-td .sub-th:nth-child(3),
.list-clientProject .item.item-td .sub-td:nth-child(3) {
    width: 120px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-clientProject .item.item-th .sub-th:nth-child(3),
    .list-clientProject .item.item-th .sub-td:nth-child(3), .list-clientProject .item.item-td .sub-th:nth-child(3),
    .list-clientProject .item.item-td .sub-td:nth-child(3) {
        width: 100%;
        text-align: left;
    }
}
.list-clientProject .item.item-th .sub-th:nth-child(4),
.list-clientProject .item.item-th .sub-td:nth-child(4), .list-clientProject .item.item-td .sub-th:nth-child(4),
.list-clientProject .item.item-td .sub-td:nth-child(4) {
    width: 90px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-clientProject .item.item-th .sub-th:nth-child(4),
    .list-clientProject .item.item-th .sub-td:nth-child(4), .list-clientProject .item.item-td .sub-th:nth-child(4),
    .list-clientProject .item.item-td .sub-td:nth-child(4) {
        margin: 10px 0 0;
        padding-top: 10px !important;
        width: 100%;
        text-align: left;
        border-top: 1px solid #ddd;
    }
    .list-clientProject .item.item-th .sub-th:nth-child(4) > span.sp,
    .list-clientProject .item.item-th .sub-td:nth-child(4) > span.sp, .list-clientProject .item.item-td .sub-th:nth-child(4) > span.sp,
    .list-clientProject .item.item-td .sub-td:nth-child(4) > span.sp {
        width: auto;
    }
}
.list-clientProject .item.item-th .sub-th:nth-child(5),
.list-clientProject .item.item-th .sub-td:nth-child(5), .list-clientProject .item.item-td .sub-th:nth-child(5),
.list-clientProject .item.item-td .sub-td:nth-child(5) {
    width: 100px;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width: 834px) {
    .list-clientProject .item.item-th .sub-th:nth-child(5),
    .list-clientProject .item.item-th .sub-td:nth-child(5), .list-clientProject .item.item-td .sub-th:nth-child(5),
    .list-clientProject .item.item-td .sub-td:nth-child(5) {
        width: 100%;
        text-align: left;
    }
}
@media screen and (min-width: 835px) {
    .list-clientProject .item.item-th .sub-th:nth-child(5).sub-td,
    .list-clientProject .item.item-th .sub-td:nth-child(5).sub-td, .list-clientProject .item.item-td .sub-th:nth-child(5).sub-td,
    .list-clientProject .item.item-td .sub-td:nth-child(5).sub-td {
        text-align: right;
    }
}
.list-clientProject .item.item-th .sub-th:nth-child(6),
.list-clientProject .item.item-th .sub-td:nth-child(6), .list-clientProject .item.item-td .sub-th:nth-child(6),
.list-clientProject .item.item-td .sub-td:nth-child(6) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    width: 100px;
    text-align: center;
}
@container (min-width: 901px) {
    .list-clientProject .item.item-th .sub-th:nth-child(6),
    .list-clientProject .item.item-th .sub-td:nth-child(6), .list-clientProject .item.item-td .sub-th:nth-child(6),
    .list-clientProject .item.item-td .sub-td:nth-child(6) {
        width: 200px;
    }
}
@media screen and (max-width: 834px) {
    .list-clientProject .item.item-th .sub-th:nth-child(6),
    .list-clientProject .item.item-th .sub-td:nth-child(6), .list-clientProject .item.item-td .sub-th:nth-child(6),
    .list-clientProject .item.item-td .sub-td:nth-child(6) {
        margin-top: 5px;
        padding-top: 10px !important;
        width: 100%;
        border-top: 1px solid #ddd;
    }
}
.list-clientProject .item.item-th .sub-th:nth-child(6) button:hover,
.list-clientProject .item.item-th .sub-td:nth-child(6) button:hover, .list-clientProject .item.item-td .sub-th:nth-child(6) button:hover,
.list-clientProject .item.item-td .sub-td:nth-child(6) button:hover {
    background: #f08a3f;
}
.list-clientProject .item.item-th .sub-th:nth-child(6) a,
.list-clientProject .item.item-th .sub-th:nth-child(6) button,
.list-clientProject .item.item-th .sub-td:nth-child(6) a,
.list-clientProject .item.item-th .sub-td:nth-child(6) button, .list-clientProject .item.item-td .sub-th:nth-child(6) a,
.list-clientProject .item.item-td .sub-th:nth-child(6) button,
.list-clientProject .item.item-td .sub-td:nth-child(6) a,
.list-clientProject .item.item-td .sub-td:nth-child(6) button {
    margin: 0;
    padding: 0;
    height: 38px;
    border: none;
    font-size: 1.5rem;
    line-height: 38px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.list-clientProject .item.item-th .sub-th:nth-child(6) a:active, .list-clientProject .item.item-th .sub-th:nth-child(6) a:focus,
.list-clientProject .item.item-th .sub-th:nth-child(6) button:active,
.list-clientProject .item.item-th .sub-th:nth-child(6) button:focus,
.list-clientProject .item.item-th .sub-td:nth-child(6) a:active,
.list-clientProject .item.item-th .sub-td:nth-child(6) a:focus,
.list-clientProject .item.item-th .sub-td:nth-child(6) button:active,
.list-clientProject .item.item-th .sub-td:nth-child(6) button:focus, .list-clientProject .item.item-td .sub-th:nth-child(6) a:active, .list-clientProject .item.item-td .sub-th:nth-child(6) a:focus,
.list-clientProject .item.item-td .sub-th:nth-child(6) button:active,
.list-clientProject .item.item-td .sub-th:nth-child(6) button:focus,
.list-clientProject .item.item-td .sub-td:nth-child(6) a:active,
.list-clientProject .item.item-td .sub-td:nth-child(6) a:focus,
.list-clientProject .item.item-td .sub-td:nth-child(6) button:active,
.list-clientProject .item.item-td .sub-td:nth-child(6) button:focus {
    outline: 0;
}
@media screen and (max-width: 834px) {
    .list-clientProject .item.item-th .sub-th:nth-child(6) a,
    .list-clientProject .item.item-th .sub-th:nth-child(6) button,
    .list-clientProject .item.item-th .sub-td:nth-child(6) a,
    .list-clientProject .item.item-th .sub-td:nth-child(6) button, .list-clientProject .item.item-td .sub-th:nth-child(6) a,
    .list-clientProject .item.item-td .sub-th:nth-child(6) button,
    .list-clientProject .item.item-td .sub-td:nth-child(6) a,
    .list-clientProject .item.item-td .sub-td:nth-child(6) button {
        font-size: 1.6rem;
        width: 140px;
    }
}
.list-clientProject .item.item-th {
    border-radius: 0;
}
.list-clientProject .item.item-th .sub-th {
    font-size: 1.5rem;
}
.list-clientProject .item.item-td {
    padding-bottom: 11px;
}
.list-clientProject .item.item-td .sp-head {
    margin-right: 1em;
}
.list-clientProject .item.item-td .sub-td a {
    text-decoration: underline;
}

/*--------------------------------
	クライアント向け　タスク一覧
--------------------------------*/
.page-client_project_detail .l-head-block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
}
@media screen and (max-width: 834px) {
    .page-client_project_detail .l-head-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .page-client_project_detail .l-head-block .l-head-block__title {
        width: 100%;
    }
}
.page-client_project_detail .l-head-block .ttl-comp02 {
    line-height: 1.4;
}
.page-client_project_detail .l-head-block .small {
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
}
@media screen and (max-width: 834px) {
    .page-client_project_detail .l-head-block__btn {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        gap: 10px;
        width: 100%;
    }
}
.page-client_project_detail .l-head-block__btn .btn-comp01 {
    margin: 0;
}
.page-client_project_detail .l-head-block__btn .btn-comp01:last-child {
    background: #F29B5B;
}
@media screen and (min-width: 835px) {
    .page-client_project_detail .l-head-block__btn .btn-comp01 {
        width: 100%;
    }
    .page-client_project_detail .l-head-block__btn .btn-comp01:last-child {
        margin-top: 10px;
    }
}
@media screen and (max-width: 834px) {
    .page-client_project_detail .l-head-block__btn .btn-comp01 {
        height: 50px;
        line-height: 50px;
    }
}

.list-taskPages .item {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 0 10px;
    font-size: 1.4rem;
    background: #fff;
}
@media screen and (max-width: 640px) {
    .list-taskPages .item {
        margin-bottom: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: 1px solid #ddd;
    }
}
@media screen and (min-width: 641px) {
    .list-taskPages .item:nth-child(2n+1) {
        background: #F5F5F5;
    }
}
.list-taskPages .item-th {
    font-weight: 600;
    background: #E6E8E9 !important;
}
.list-taskPages .sub-th:first-child {
    text-align: center;
}
.list-taskPages .sub-td:first-child {
    text-align: center;
}
.list-taskPages .sub-th,
.list-taskPages .sub-td {
    padding: 0.5em;
}
@media screen and (max-width: 640px) {
    .list-taskPages .sub-th,
    .list-taskPages .sub-td {
        padding: 0.8em 0.6em;
    }
}
.list-taskPages .sub-th:first-child,
.list-taskPages .sub-td:first-child {
    width: 60px;
}
@media screen and (max-width: 640px) {
    .list-taskPages .sub-th:first-child,
    .list-taskPages .sub-td:first-child {
        padding-left: 0;
        padding-right: 0;
        width: 50px;
        font-weight: 600;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}
.list-taskPages .sub-th:nth-child(2),
.list-taskPages .sub-td:nth-child(2) {
    width: calc(65% - 230px);
}
@media screen and (max-width: 834px) {
    .list-taskPages .sub-th:nth-child(2),
    .list-taskPages .sub-td:nth-child(2) {
        width: calc(100% - 290px);
    }
}
@media screen and (max-width: 640px) {
    .list-taskPages .sub-th:nth-child(2),
    .list-taskPages .sub-td:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 110px);
    }
}
.list-taskPages .sub-th:nth-child(3),
.list-taskPages .sub-td:nth-child(3) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px 10px;
    width: 140px;
    text-align: center;
}
.list-taskPages .sub-th:nth-child(3) .btn-comp02,
.list-taskPages .sub-td:nth-child(3) .btn-comp02 {
    margin: 0;
    width: 60px;
}
@media screen and (max-width: 640px) {
    .list-taskPages .sub-th:nth-child(3),
    .list-taskPages .sub-td:nth-child(3) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        height: 50px;
        border-top: 1px solid #ddd;
    }
}
.list-taskPages .sub-th:nth-child(4),
.list-taskPages .sub-td:nth-child(4) {
    width: 35%;
    font-size: 1.3rem;
}
@media screen and (max-width: 834px) {
    .list-taskPages .sub-th:nth-child(4),
    .list-taskPages .sub-td:nth-child(4) {
        width: 60px;
        text-align: center;
    }
}
@media screen and (max-width: 640px) {
    .list-taskPages .sub-th:nth-child(4),
    .list-taskPages .sub-td:nth-child(4) {
        position: absolute;
        top: 0;
        right: 0;
        padding-top: 0;
        padding-bottom: 0;
        width: 50px;
        height: calc(100% - 50px);
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
}
.list-taskPages .sub-th:nth-child(4) a,
.list-taskPages .sub-td:nth-child(4) a {
    color: #F29B5B;
    text-decoration: underline;
}

.modal-delivery .lead {
    font-size: 1.6rem;
    line-height: 1.6;
}
.modal-delivery .form-contModal__btn {
    gap: 10px 20px;
    max-width: 520px;
    padding-top: 0;
}
.modal-delivery .form-contModal__btn .btn-comp01 {
    width: 100%;
    max-width: calc(50% - 10px);
    border: 0;
    outline: 0;
}
@media screen and (max-width: 640px) {
    .modal-delivery .form-contModal__btn .btn-comp01 {
        max-width: 220px;
    }
}
.modal-delivery .form-contModal__btn .btn-comp01:last-child {
    max-width: 150px;
}
.modal-delivery .form-contModal__btn .btn-comp01 > span {
    padding-left: 1.7em;
    background: url(../img/common/icn-export.png) no-repeat left center;
    background-size: 20px auto;
}

.sec-seles .table-report tr th {
    background: #E6E8E9;
    width: 96px;
    min-width: 96px;
    font-size: 10px;
    font-size: 1rem;
    padding: 7px 10px;
}
.sec-seles .table-report tr td {
    background: white;
    font-weight: 600;
}
.sec-seles .table-report tr.total th {
    background: #8CA3AF;
    color: white;
}
.sec-seles .table-report tr.total td {
    background: #E6E8E9;
}
.sec-seles .table-report tr.last th, .sec-seles .table-report tr.last td {
    background: unset;
}

.seles-list__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    background: white;
    color: #25526A;
    border-radius: 3px;
    padding: 13px 15px 8px;
    margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
    .seles-list__item {
        padding: 11px 10px 5px;
        margin-bottom: 3px;
    }
}
.seles-list__item-ttl {
    width: calc(100% - 380px);
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}
@media screen and (max-width: 640px) {
    .seles-list__item-ttl {
        width: calc(100% - 155px);
    }
}
.seles-list__item-number {
    text-align: right;
    width: 190px;
    font-family: "Sofia Pro", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 640px) {
    .seles-list__item-number {
        width: 50px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7;
    }
}
.seles-list__item-price {
    text-align: right;
    width: 190px;
    font-family: "Sofia Pro", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
}
@media screen and (max-width: 640px) {
    .seles-list__item-price {
        width: 105px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3;
    }
}
.seles-list__item-price small {
    position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    top: -8px;
    margin-left: 2px;
}
@media screen and (max-width: 640px) {
    .seles-list__item-price small {
        top: -6px;
    }
}
.seles-list__item--head {
    background: unset;
    border-bottom: 2px solid #F29B5B;
    padding: 9px 15px 5px;
}
@media screen and (max-width: 640px) {
    .seles-list__item--head {
        padding: 0 10px 4px;
    }
}
.seles-list__item--head .seles-list__item-number, .seles-list__item--head .seles-list__item-price, .seles-list__item--head .seles-list__item-ttl {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
}
@media screen and (max-width: 640px) {
    .seles-list__item--head .seles-list__item-number, .seles-list__item--head .seles-list__item-price, .seles-list__item--head .seles-list__item-ttl {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
    }
}
.seles-list__item--total {
    background: #8CA3AF;
    color: white;
    border-radius: 0;
    padding: 9px 15px 3px;
    margin-bottom: 0;
}
@media screen and (max-width: 640px) {
    .seles-list__item--total {
        padding: 9px 11px 5px;
    }
}
.seles-list__item--total .seles-list__item-ttl {
    text-align: right;
}
.seles-list__wrap {
    max-height: 334px;
    overflow: auto;
}
@media screen and (max-width: 640px) {
    .seles-list__wrap {
        max-height: 263px;
    }
}
.seles-list a.seles-list__item {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.seles-list a.seles-list__item:hover {
    opacity: 1;
    background: #F5F5F5;
}

.sec-projectsetting {
    padding-top: 9px;
}
@media screen and (max-width: 834px) {
    .sec-projectsetting {
        padding-top: 0;
        margin-top: -14px;
    }
}
.sec-projectsetting .form-content__input--02 .setting-index__desc-check .lable-txt {
    font-weight: bold;
}
@media screen and (max-width: 834px) {
    .sec-projectsetting .form-content__input--02 .setting-index__desc-check .lable-txt {
        padding-top: 9px;
    }
}

@media screen and (max-width: 640px) {
    .block__01--wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .block__01--wrap .block__01--rt {
        width: 100%;
    }
    .block__01--wrap .block__01--rt .btn-comp01 {
        margin-right: 0;
    }
}

.setting-index__type a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 110px;
    height: 40px;
    background: white;
    color: #25526A;
    border-radius: 30px;
    border: 1px solid #25526A;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 2px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.setting-index__type a:hover {
    background: #25526A;
    color: white;
    opacity: 1;
}
.setting-index__desc textarea.input {
    height: 150px;
    border-radius: 15px;
    resize: none;
}

.setting-field__wradio--s2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}
.setting-field__wradio--s2 .boxCheckWrap {
    min-width: 80px;
    margin: 0 5px 0 0;
    padding-left: 30px;
}
@media screen and (max-width: 640px) {
    .setting-field__wradio--s2 .boxCheckWrap {
        width: auto;
        min-width: 75px;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 10px;
    }
}
.setting-field__wradio--s2 .boxCheckWrap .checkmark {
    top: 50%;
    left: 0;
}
.setting-field__wradio--s2 > a {
    text-align: center;
    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;
    width: 100%;
    max-width: 100px;
    height: 27px;
    background: #25526A;
    color: white;
    border-radius: 20px;
    font-family: "Sofia Pro", sans-serif;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.project-setting {
    display: block;
    width: 100%;
    max-width: 590px;
    background: white;
    border-radius: 3px;
    padding: 25px;
    margin-top: 13px;
}
@media screen and (max-width: 640px) {
    .project-setting {
        padding: 18px 20px 20px;
        margin-top: 5px;
    }
}
.project-setting__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
    .project-setting__item {
        margin-bottom: 18px;
    }
}
.project-setting__item:last-child {
    margin-bottom: 0;
}
.project-setting__ttl {
    width: 130px;
    color: #3E5776;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
}
@media screen and (max-width: 640px) {
    .project-setting__ttl {
        width: 100%;
        margin-bottom: 6px;
    }
}
.project-setting__ct {
    width: calc(100% - 140px);
}
@media screen and (max-width: 640px) {
    .project-setting__ct {
        width: 100%;
    }
}
.project-setting__ct .input {
    background: #F5F5F5;
    border: 1px solid #E6E8E9;
}
@media screen and (max-width: 640px) {
    .project-setting__ct .input {
        height: 36px;
    }
}
.project-setting__ct .input::-webkit-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.project-setting__ct .input::-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.project-setting__ct .input:-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.project-setting__ct .input::-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.project-setting__ct .input::placeholder {
    color: rgba(37, 82, 106, 0.5);
}

.popup-list__item--610 {
    max-width: 610px;
}
@media screen and (max-width: 834px) {
    .popup-list__item--610 {
        height: auto;
    }
}
.popup-list__item--610 .modal-box__ct {
    padding: 46px 60px;
}
@media screen and (max-width: 834px) {
    .popup-list__item--610 .modal-box__ct {
        padding: 22px 15px 25px;
    }
}
.popup-list__item--610 .modal-box__close {
    top: 21px;
}
@media screen and (max-width: 834px) {
    .popup-list__item--610 .modal-box__close {
        top: 16px;
        right: 12px;
    }
}
.popup-list__item--610 .setting-field {
    margin-bottom: 5px;
}
@media screen and (min-width: 835px) {
    .popup-list__item--610 .setting-field__right-remove {
        width: 43%;
    }
}
@media screen and (max-width: 640px) {
    .popup-list__item--610 .setting-field__right-bar {
        height: 45px;
    }
}
.popup-list__item--570 {
    max-width: 570px;
}
@media screen and (max-width: 834px) {
    .popup-list__item--570 {
        height: auto;
    }
}
.popup-list__item--570 .modal-box__ct {
    padding: 46px 60px;
}
@media screen and (max-width: 834px) {
    .popup-list__item--570 .modal-box__ct {
        padding: 22px 15px 25px;
    }
}
.popup-list__item--570 .modal-box__close {
    top: 21px;
    right: 17px;
}
@media screen and (max-width: 834px) {
    .popup-list__item--570 .modal-box__close {
        top: 16px;
        right: 11px;
    }
}
@media screen and (min-width: 835px) {
    .popup-list__item--570 .setting-index__ttl {
        width: 50px;
    }
}
@media screen and (max-width: 834px) {
    .popup-list__item--570 .setting-index__ttl {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 835px) {
    .popup-list__item--570 .setting-index__desc {
        width: calc(100% - 50px);
    }
}
.popup-list__item--450 {
    max-width: 450px;
}
@media screen and (max-width: 834px) {
    .popup-list__item--450 {
        height: auto;
    }
}
.popup-list__item--450 .modal-box__ct {
    padding: 41px 50px 44px;
}
@media screen and (max-width: 834px) {
    .popup-list__item--450 .modal-box__ct {
        padding: 22px 34px 26px;
    }
}

.popup-form__content-checkbox {
    max-width: 100px;
    margin: 0 auto;
}
@media screen and (max-width: 834px) {
    .popup-form__content-checkbox {
        max-width: 100%;
    }
}
.popup-form__content-checkbox .boxCheckWrap {
    margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
    .popup-form__content-checkbox .boxCheckWrap {
        padding-left: 31px;
        margin-bottom: 16px;
    }
}
.popup-form__content-checkbox .boxCheckWrap .checkmark {
    border-radius: 0;
    left: 5px;
}
@media screen and (max-width: 834px) {
    .popup-form__content-checkbox .boxCheckWrap .checkmark {
        left: 1px;
    }
}
.popup-form__content-checkbox .boxCheckWrap .checkmark:after {
    width: 6px;
    height: 11px;
    background: unset;
    border-radius: 0;
    border: solid #25526A;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 5px;
    top: 1px;
}
.popup-form__content-checkbox .boxCheckWrap .lable-txt {
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
}

.setting-index__desc-btn--04 {
    height: 40px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 3px;
}
.setting-index__desc-btn--04:before {
    margin-right: 9px;
}

.sec-acount {
    padding-right: 18px;
}

.acount-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.acount-list__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 20px;
    position: relative;
}
.acount-list__item:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 24px;
    background: #25526A;
    top: -2px;
    right: -10px;
}
.acount-list__item:last-child {
    margin-right: 0;
}
.acount-list__item:last-child::before {
    display: none;
}
.acount-list__ttl {
    font-weight: 700;
    margin-right: 3px;
}
.acount-list__txt {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: -3px;
    font-weight: 600;
    color: #F29B5B;
    font-family: "Sofia Pro", sans-serif;
}

.list-contactmain--acount .item {
    border: none;
}
.list-contactmain--acount .item.item-th {
    padding-top: 17px;
    padding-bottom: 1px;
}
.list-contactmain--acount .item.item-th .sub-th {
    font-size: 12px;
    font-size: 1.2rem;
}
.list-contactmain--acount .item.item-th .sub-th:first-child {
    width: 9.5%;
    padding-left: 10px;
}
.list-contactmain--acount .item.item-th .sub-th:nth-child(2) {
    width: 17%;
}
.list-contactmain--acount .item.item-th .sub-th:nth-child(3) {
    width: 16.5%;
}
.list-contactmain--acount .item.item-th .sub-th:nth-child(4) {
    width: 21%;
}
.list-contactmain--acount .item.item-th .sub-th:nth-child(5) {
    width: 8%;
}
.list-contactmain--acount .item.item-th .sub-th:nth-child(6) {
    width: 7%;
}
.list-contactmain--acount .item.item-th .sub-th:nth-child(7) {
    width: 9%;
}
.list-contactmain--acount .item.item-th .sub-th:last-child {
    width: 12%;
}
.list-contactmain--acount .item.item-td .sub-td {
    font-size: 16px;
    font-size: 1.6rem;
}
.list-contactmain--acount .item.item-td .sub-td:first-child {
    width: 9.5%;
    font-family: "Sofia Pro", sans-serif;
    padding-left: 10px;
    font-weight: 400;
}
.list-contactmain--acount .item.item-td .sub-td:nth-child(2) {
    width: 17%;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
}
.list-contactmain--acount .item.item-td .sub-td:nth-child(3) {
    width: 16.5%;
    padding-right: 10px;
}
.list-contactmain--acount .item.item-td .sub-td:nth-child(3) a {
    color: #F29B5B;
    text-decoration: underline;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
}
.list-contactmain--acount .item.item-td .sub-td:nth-child(4) {
    width: 21%;
}
.list-contactmain--acount .item.item-td .sub-td:nth-child(5) {
    width: 8%;
    font-family: "Sofia Pro", sans-serif;
    padding-left: 0;
    font-weight: 400;
}
.list-contactmain--acount .item.item-td .sub-td:nth-child(6) {
    width: 7%;
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
}
.list-contactmain--acount .item.item-td .sub-td:nth-child(7) {
    width: 9%;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
}
.list-contactmain--acount .item.item-td .sub-td:last-child {
    width: 12%;
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
}
.list-contactmain--acount .item.item-td .sub-td ul li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.16;
    font-weight: 500;
    position: relative;
    padding-left: 10px;
}
.list-contactmain--acount .item.item-td .sub-td ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 9px;
    height: 7px;
    background: url(../img/admin/acount/icon-check.png) no-repeat center/cover;
    top: 2px;
    left: 0;
}
.list-contactmain--acount .item.item-td .sub-td ul li.gray {
    color: #DEDEDE;
}
.list-contactmain--acount .item.item-td .sub-td ul li.gray::before {
    background: url(../img/admin/acount/icon-check02.png) no-repeat center/cover;
}
.list-contactmain--acount .item.item-td .sub-td .txt-btn {
    min-width: 60px;
    height: 21px;
    padding: 2px 5px;
}

.page-admin_acount_detail .block__01 .btn-comp01 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.setting-index__plan {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}
.setting-index__plan-item {
    background: #fff;
    text-align: center;
    padding: 14px 0 17px;
    border-radius: 5px;
}
.setting-index__plan-item .boxCheckWrap {
    width: 25px;
    height: 25px;
    margin: 0 auto 10px;
}
.setting-index__plan-item .boxCheckWrap .checkmark:after {
    border: #F29B5B solid;
    border-width: 0 2px 2px 0;
}
.setting-index__plan-item.bgColor {
    background: #FFFADD;
}
.setting-index__plan-ttl {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 3px;
}
.setting-index__plan-ttl span {
    font-size: 18px;
    font-size: 1.8rem;
}
.setting-index__plan p {
    font-weight: 500;
}
.setting-index__plan-price {
    font-weight: 700;
    line-height: 1.1;
}
.setting-index__plan-price .c-ft--en {
    font-size: 28px;
    font-size: 2.8rem;
    padding-left: 3px;
}

.list-contactmain--applied {
    margin-right: 22.7%;
}
.list-contactmain--applied .item.item-th {
    background: #E6E8E9;
    border-bottom: none;
    padding: 8px 0;
    margin-bottom: 0;
}
.list-contactmain--applied .item.item-th .sub-th {
    font-size: 10px;
    font-size: 1rem;
}
.list-contactmain--applied .item.item-th .sub-th:first-child {
    padding-left: 10px;
    width: 38.3%;
}
.list-contactmain--applied .item.item-th .sub-th:nth-child(2) {
    width: 14%;
}
.list-contactmain--applied .item.item-th .sub-th:nth-child(3) {
    width: 23.7%;
}
.list-contactmain--applied .item.item-th .sub-th:last-child {
    width: 24%;
}
.list-contactmain--applied .item.item-td {
    border: none;
    border-radius: 0;
    padding: 8px 0 3px;
    margin-bottom: 0;
}
.list-contactmain--applied .item.item-td .sub-td:first-child {
    padding-left: 10px;
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
    width: 38.3%;
}
.list-contactmain--applied .item.item-td .sub-td:nth-child(2) {
    width: 14%;
}
.list-contactmain--applied .item.item-td .sub-td:nth-child(2) span {
    width: auto;
    min-width: 50px;
    font-weight: 700;
    height: 20px;
    padding: 4px;
}
.list-contactmain--applied .item.item-td .sub-td:nth-child(3) {
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
    width: 23.7%;
}
.list-contactmain--applied .item.item-td .sub-td:nth-child(4) {
    width: 11%;
}
.list-contactmain--applied .item.item-td .sub-td:nth-child(4) .txt-btn {
    width: 70px;
    min-width: inherit;
}
.list-contactmain--applied .item.item-td .sub-td:last-child {
    width: 13%;
}
.list-contactmain--applied .item.item-td .sub-td:last-child .txt-btn {
    width: 70px;
    min-width: inherit;
}
.list-contactmain--applied .item.item-td .sub-td .txt-btn {
    font-size: 10px;
    font-size: 1rem;
    height: 24px;
    padding: 6px 5px;
}
.list-contactmain--applied .item.item-td:nth-child(2n+1) {
    background: #F5F5F5;
}
.list-contactmain--applied .item.item-td:nth-child(2n+1):hover {
    background: #F5F5F5;
}
.list-contactmain--applied .item.item-td:hover {
    background: #fff;
}
.list-contactmain--billing {
    margin-right: 12%;
}
.list-contactmain--billing .item.item-th {
    background: #E6E8E9;
    border-bottom: none;
    padding: 8px 0;
    margin-bottom: 0;
}
.list-contactmain--billing .item.item-th .sub-th {
    font-size: 10px;
    font-size: 1rem;
    position: relative;
}
.list-contactmain--billing .item.item-th .sub-th:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-top: 1px #8CA3AF solid;
    border-right: 1px #8CA3AF solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 39px;
    top: 2px;
    pointer-events: none;
}
.list-contactmain--billing .item.item-th .sub-th:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-bottom: 1px #8CA3AF solid;
    border-right: 1px #8CA3AF solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 39px;
    top: 6px;
    pointer-events: none;
}
.list-contactmain--billing .item.item-th .sub-th:first-child {
    padding-left: 15px;
    width: 23.5%;
}
.list-contactmain--billing .item.item-th .sub-th:nth-child(2) {
    width: 16%;
}
.list-contactmain--billing .item.item-th .sub-th:nth-child(3) {
    width: 19.3%;
}
.list-contactmain--billing .item.item-th .sub-th:nth-child(4) {
    width: 16%;
}
.list-contactmain--billing .item.item-th .sub-th:last-child {
    width: 13.2%;
}
.list-contactmain--billing .item.item-td {
    border: none;
    border-radius: 0;
    padding: 9px 0;
    margin-bottom: 0;
}
.list-contactmain--billing .item.item-td .sub-td:first-child {
    padding-left: 14px;
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
    width: 23.5%;
}
.list-contactmain--billing .item.item-td .sub-td:nth-child(2) {
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
    width: 16%;
}
.list-contactmain--billing .item.item-td .sub-td:nth-child(3) {
    width: 19.3%;
}
.list-contactmain--billing .item.item-td .sub-td:nth-child(3) span {
    font-family: "Sofia Pro", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
}
.list-contactmain--billing .item.item-td .sub-td:nth-child(3) small {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
}
.list-contactmain--billing .item.item-td .sub-td:nth-child(4) {
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
    width: 16%;
}
.list-contactmain--billing .item.item-td .sub-td:nth-child(5) {
    width: 12%;
    font-size: 10px;
    font-size: 1rem;
}
.list-contactmain--billing .item.item-td .sub-td:nth-child(5) .txt--orange {
    font-weight: 700;
}
.list-contactmain--billing .item.item-td .sub-td:last-child {
    width: 13.2%;
}
.list-contactmain--billing .item.item-td .sub-td .txt-btn {
    font-size: 10px;
    font-size: 1rem;
    padding: 5px;
    height: 24px;
    min-width: 80px;
}
.list-contactmain--billing .item.item-td:nth-child(2n+1) {
    background: #F5F5F5;
}
.list-contactmain--billing .item.item-td:nth-child(2n+1):hover {
    background: #F5F5F5;
}
.list-contactmain--billing .item.item-td:hover {
    background: #fff;
}
.list-contactmain--invoice .item.item-th {
    background: #E6E8E9;
    border-bottom: none;
    padding: 6px 0 5px;
    margin-bottom: 4px;
}
.list-contactmain--invoice .item.item-th .sub-th:first-child {
    padding-left: 15px;
    width: 8.6%;
}
.list-contactmain--invoice .item.item-th .sub-th:nth-child(2) {
    width: 46%;
}
.list-contactmain--invoice .item.item-th .sub-th:nth-child(3) {
    width: 10%;
}
.list-contactmain--invoice .item.item-th .sub-th:nth-child(4) {
    width: 10.5%;
    text-align: right;
    padding-right: 55px;
}
.list-contactmain--invoice .item.item-th .sub-th:last-child {
    width: 24.9%;
}
.list-contactmain--invoice .item.item-td {
    border: none;
    border-radius: 0;
    padding: 4px 0;
    margin-bottom: 3px;
}
.list-contactmain--invoice .item.item-td .sub-td .txt-price {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    font-family: "Sofia Pro", sans-serif;
}
.list-contactmain--invoice .item.item-td .sub-td .txt-price small {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    display: inline-block;
    vertical-align: top;
}
.list-contactmain--invoice .item.item-td .sub-td__flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-contactmain--invoice .item.item-td .sub-td__flex .txt-price {
    font-weight: 600;
    margin-right: 21px;
}
.list-contactmain--invoice .item.item-td .sub-td__flex .txt-btn {
    margin-right: 10px;
    font-size: 10px;
    font-size: 1rem;
    min-width: 40px;
    padding: 5px;
    height: 24px;
    cursor: pointer;
}
.list-contactmain--invoice .item.item-td .sub-td .jsdetelesingle {
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 60px;
}
.list-contactmain--invoice .item.item-td .sub-td:first-child {
    padding-left: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: "Sofia Pro", sans-serif;
    width: 8.6%;
}
.list-contactmain--invoice .item.item-td .sub-td:nth-child(2) {
    font-weight: 500;
    width: 46%;
    line-height: 1.3;
    padding-right: 36px;
}
.list-contactmain--invoice .item.item-td .sub-td:nth-child(3) {
    width: 10%;
}
.list-contactmain--invoice .item.item-td .sub-td:nth-child(4) {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: "Sofia Pro", sans-serif;
    width: 9.5%;
    text-align: right;
    padding-right: 45px;
}
.list-contactmain--invoice .item.item-td .sub-td:last-child {
    position: relative;
    width: 25.9%;
}
.list-contactmain--invoice .item.item-td .sub-td:last-child .drag-area {
    position: absolute;
    top: -12px;
    right: 0;
    width: 45px;
    min-height: 46px;
}
.list-contactmain--invoice .item.item-td:hover {
    background: #fff;
}
.list-contactmain--invoice .item.item-td02 {
    background: #DEDEDE;
    padding: 0;
    margin-bottom: 2px;
    position: relative;
    margin-right: 45px;
}
.list-contactmain--invoice .item.item-td02 .sub-td .txt-price {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    font-family: "Sofia Pro", sans-serif;
}
.list-contactmain--invoice .item.item-td02 .sub-td .txt-price small {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    display: inline-block;
    vertical-align: top;
}
.list-contactmain--invoice .item.item-td02 .sub-td .txt-price--02 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
}
.list-contactmain--invoice .item.item-td02 .sub-td__flex {
    max-width: 122px;
}
.list-contactmain--invoice .item.item-td02 .sub-td:first-child {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    width: 73%;
    text-align: right;
}
.list-contactmain--invoice .item.item-td02 .sub-td:nth-child(2) {
    width: 14.8%;
    text-align: right;
}

.sec-calendarpage .block-pagination {
    max-width: 700px;
    margin: 0 auto;
}

.block__01--wrap .block__01--rt .btn-plus01 {
    max-width: 210px;
    margin-left: auto;
}

.calendar-list {
    margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
    .calendar-list {
        margin: 20px 0 24px;
    }
}
.calendar-list__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: white;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 9px 20px 7px;
    margin-bottom: 4px;
}
@media screen and (max-width: 640px) {
    .calendar-list__item {
        position: relative;
        min-height: 60px;
        padding: 9px 90px 8px 10px;
        margin-bottom: 5px;
    }
}
.calendar-list__item:last-child {
    margin-bottom: 0;
}
.calendar-list__item--head {
    background: unset;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: 2px solid #F29B5B;
    padding: 25px 20px 12px;
}
@media screen and (max-width: 640px) {
    .calendar-list__item--head {
        display: none;
    }
}
.calendar-list__item--head > * {
    padding: 0 !important;
}
.calendar-list__ttl {
    width: 51.3%;
    font-weight: bold;
    padding: 5px 0;
}
@media screen and (max-width: 640px) {
    .calendar-list__ttl {
        width: 100%;
        padding: 0;
        margin-bottom: 4px;
    }
}
.calendar-list__author {
    width: 18.7%;
    padding: 5px 0;
}
@media screen and (max-width: 640px) {
    .calendar-list__author {
        position: relative;
        width: 72%;
        padding: 0 0 0 56px;
    }
    .calendar-list__author:before {
        content: "作成者：";
        position: absolute;
        top: 0;
        left: 0;
    }
}
.calendar-list__number {
    width: calc(30% - 110px);
    padding: 5px 0;
}
@media screen and (max-width: 640px) {
    .calendar-list__number {
        width: 28%;
        padding: 0;
    }
}
.calendar-list__btn {
    width: 110px;
}
@media screen and (max-width: 640px) {
    .calendar-list__btn {
        position: absolute;
        width: 70px;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.calendar-list__btn a {
    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;
    width: 100%;
    height: 30px;
    background: #25526A;
    color: white;
    border-radius: 18px;
    font-weight: bold;
}
@media screen and (max-width: 640px) {
    .calendar-list__btn a {
        height: 40px;
        border-radius: 5px;
        font-size: 13px;
        font-size: 1.3rem;
    }
}

.advanced-wrap {
    background: white;
    border-radius: 0 0 10px 10px;
    padding: 23px 30px 22px;
    margin-bottom: 19px;
}
@media screen and (max-width: 640px) {
    .advanced-wrap {
        border-top: 2px solid #F29B5B;
        margin: -2px -15px 13px;
        padding: 13px 15px 12px;
    }
    .advanced-wrap .setting-field__ttl-lead {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .advanced-wrap + .btn-comp01 {
        min-width: 240px;
        height: 42px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.advanced-wrap .setting-field__ttl-lead small {
    font-size: 12px;
    font-size: 1.2rem;
}
@media screen and (max-width: 640px) {
    .advanced-wrap .setting-field__ttl-lead small {
        font-size: 10px;
        font-size: 1rem;
    }
}
.advanced-wrap__ttl {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3125;
    margin: 11px 0 -31px;
}
@media screen and (max-width: 640px) {
    .advanced-wrap__ttl {
        line-height: 1.7;
        margin: 0 0 -2px;
    }
}

.setting-index__flex--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.setting-index__desc-txttop {
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}
.setting-index__desc-week {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2px;
}
.setting-index__desc-weekDay {
    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;
    width: calc(14.2857142857% - 4px);
    height: 40px;
    background: #E6E8E9;
    color: #25526A;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    margin: 0 2px 24px;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .setting-index__desc-weekDay {
        width: calc(25% - 4px);
        height: 50px;
        margin-bottom: 29px;
    }
}
.setting-index__desc-weekDay:first-child {
    border-radius: 5px 0 0 5px;
}
.setting-index__desc-weekDay:first-child .checkmark, .setting-index__desc-weekDay:first-child .checkmark:after {
    border-radius: 5px 0 0 5px;
}
.setting-index__desc-weekDay:last-child {
    border-radius: 0 5px 5px 0;
}
.setting-index__desc-weekDay:last-child .checkmark, .setting-index__desc-weekDay:last-child .checkmark:after {
    border-radius: 0 5px 5px 0;
}
@media screen and (max-width: 640px) {
    .setting-index__desc-weekDay:nth-child(4n+1) {
        border-radius: 5px 0 0 5px;
    }
    .setting-index__desc-weekDay:nth-child(4n+1) .checkmark, .setting-index__desc-weekDay:nth-child(4n+1) .checkmark:after {
        border-radius: 5px 0 0 5px;
    }
}
@media screen and (max-width: 640px) {
    .setting-index__desc-weekDay:nth-child(4n) {
        border-radius: 0 5px 5px 0;
    }
    .setting-index__desc-weekDay:nth-child(4n) .checkmark, .setting-index__desc-weekDay:nth-child(4n) .checkmark:after {
        border-radius: 0 5px 5px 0;
    }
}
.setting-index__desc-weekDay:hover {
    color: white;
}
.setting-index__desc-weekDay:hover .checkmark {
    background: #708A98;
}
.setting-index__desc-weekDay:hover .checkmark:before {
    opacity: 1;
}
.setting-index__desc-weekDay input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.setting-index__desc-weekDay input:checked ~ .checkmark:after {
    opacity: 1;
}
.setting-index__desc-weekDay input:checked ~ .checkmark:before {
    content: "編集中";
    color: #F29B5B;
    opacity: 1;
}
.setting-index__desc-weekDay input:checked ~ .checkmark ~ .lable-txt {
    color: white;
}
.setting-index__desc-weekDay .checkmark {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #E6E8E9;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.setting-index__desc-weekDay .checkmark:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F29B5B;
    opacity: 0;
    top: 0;
    left: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.setting-index__desc-weekDay .checkmark:before {
    content: "更新";
    position: absolute;
    text-align: center;
    width: 100%;
    color: #25526A;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    opacity: 0;
    top: calc(100% + 4px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .setting-index__desc-weekDay .checkmark:before {
        font-size: 14px;
        font-size: 1.4rem;
        top: calc(100% + 6px);
    }
}
@media screen and (min-width: 641px) {
    .setting-index__desc-time {
        max-width: 320px;
    }
}
@media screen and (max-width: 640px) {
    .setting-index__desc-time .setting-index__desc-wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .setting-index__desc-time .setting-index__desc-wrap-bar {
        height: auto;
        min-height: 50px;
    }
}
.setting-index__desc-time .setting-index__desc-wrap-left {
    position: relative;
}
@media screen and (max-width: 640px) {
    .setting-index__desc-time .setting-index__desc-wrap-left {
        width: calc(100% - 150px);
        padding: 0;
    }
}
.setting-index__desc-time .setting-index__desc-wrap-left:before {
    content: "〜";
    position: absolute;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.setting-index__desc-time .setting-index__desc-wrap-left input {
    text-align: center;
    width: calc(50% - 14px);
}
.setting-index__desc-close {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    max-width: 109px;
    height: 36px;
    border: 2px solid #25526A;
    border-radius: 18px;
    padding: 5px 5px 5px 20px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}
.setting-index__desc-close:before, .setting-index__desc-close:after {
    content: "";
    position: absolute;
    background: #8CA3AF;
    width: 17px;
    height: 2px;
    border-radius: 3px;
    top: 50%;
    left: 9px;
}
.setting-index__desc-close:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.setting-index__desc-close:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.setting-index__desc-add {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    max-width: 80px;
    height: 36px;
    background: #25526A;
    color: white;
    border-radius: 18px;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 5px;
}
.setting-index__desc-note {
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
}
.setting-index__web {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}
.setting-index__web-item {
    position: relative;
    margin-right: 2px;
}
.setting-index__web-item:first-child .lable-txt {
    border-radius: 5px 0 0 5px;
}
.setting-index__web-item:last-of-type .lable-txt {
    border-radius: 0 5px 5px 0;
}
.setting-index__web-item .lable-txt {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100px;
    height: 50px;
    background: white;
    border: 2px solid #E6E8E9;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .setting-index__web-item .lable-txt {
        width: 105px;
    }
}
.setting-index__web-item:hover .lable-txt {
    background: #708A98;
    color: white;
}
.setting-index__web-item input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    background: transparent;
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    top: 0;
    left: 0;
}
.setting-index__web-item input:checked ~ .checkmark {
    opacity: 1;
}
.setting-index__web-item input:checked ~ .checkmark ~ .lable-txt {
    background: #708A98;
    color: white;
}
.setting-index__web-item .checkmark {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.setting-index__web-item.zoom {
    font-family: "Sofia Pro", sans-serif;
    font-size: 20px;
    font-size: 2rem;
}
.setting-index__web-item.zoom input:checked ~ .lable-txt ~ a {
    opacity: 1;
}
.setting-index__web-item.zoom a {
    position: absolute;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 151px;
    height: 36px;
    background: #25526A;
    color: white;
    border-radius: 18px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    opacity: 0;
    left: calc(100% + 10px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .setting-index__web-item.zoom a {
        width: 131px;
        font-size: 14px;
        font-size: 1.4rem;
        left: calc(100% + 3px);
    }
}

.time-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 640px) {
    .time-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1px;
    }
}
.time-list--s2 .time-list__check {
    padding: 5px;
}
@media screen and (min-width: 641px) {
    .time-list--s2 .time-list__check--sub {
        min-width: 138px;
    }
}
.time-list__check {
    position: relative;
    text-align: center;
    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;
    min-width: 92px;
    height: 50px;
    background: white;
    color: #25526A;
    border: 2px solid #E6E8E9;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 5px 10px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .time-list__check {
        width: calc(33.333% - 1px);
        height: 50px;
        margin: 0 1px 2px 0;
    }
    .time-list__check--sub {
        width: calc(66.666% - 1px);
    }
}
.time-list__check:first-child {
    border-radius: 5px 0 0 5px;
}
.time-list__check:last-child {
    border-radius: 0 5px 5px 0;
}
.time-list__check .lable-txt {
    width: 100%;
}
.time-list__check .lable-txt strong {
    font-family: "Sofia Pro", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
}
.time-list__check .lable-txt small {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
    .time-list__check .lable-txt small {
        display: inline;
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0;
    }
}
.time-list__check .lable-txt span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 24px;
    background: #F0F0F0;
    color: rgba(37, 82, 106, 0.5);
    border-radius: 18px;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 4px 0 -2px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    top: -1px;
}
@media screen and (max-width: 640px) {
    .time-list__check .lable-txt span {
        width: 80px;
        height: 36px;
        margin: 0 5px;
        top: 0;
    }
}
@media screen and (max-width: 374px) {
    .time-list__check .lable-txt span {
        width: 70px;
        height: 30px;
        margin: 0 2px;
    }
}
.time-list__check .lable-txt span:after {
    content: "例：";
    position: absolute;
    top: 5px;
    left: 8px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .time-list__check .lable-txt span:after {
        top: 12px;
        left: 12px;
    }
}
@media screen and (max-width: 374px) {
    .time-list__check .lable-txt span:after {
        top: 9px;
        left: 10px;
    }
}
.time-list__check .lable-txt span input {
    opacity: 1;
    color: rgba(37, 82, 106, 0.5);
    padding: 5px 5px 5px 35px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.time-list__check .lable-txt span input::-webkit-inner-spin-button, .time-list__check .lable-txt span input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
.time-list__check .lable-txt span input::-webkit-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.time-list__check .lable-txt span input::-moz-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.time-list__check .lable-txt span input:-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.time-list__check .lable-txt span input::-ms-input-placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.time-list__check .lable-txt span input::placeholder {
    color: rgba(37, 82, 106, 0.5);
}
.time-list__check:hover {
    color: white;
}
.time-list__check:hover .checkmark {
    opacity: 1;
}
.time-list__check:hover .lable-txt span input {
    text-align: center;
    padding-left: 5px;
}
.time-list__check:hover .lable-txt span:after {
    display: none;
}
.time-list__check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    background: transparent;
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    top: 0;
    left: 0;
}
.time-list__check input:checked ~ .checkmark {
    opacity: 1;
}
.time-list__check input:checked ~ .checkmark ~ .lable-txt {
    color: white;
}
.time-list__check input:checked ~ .checkmark ~ .lable-txt span input {
    text-align: center;
    padding-left: 5px;
}
.time-list__check input:checked ~ .checkmark ~ .lable-txt span:after {
    display: none;
}
.time-list__check .checkmark {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #708A98;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.schedule-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.schedule-list__item {
    text-align: center;
    position: relative;
    display: block;
    width: 14.2857142857%;
    min-height: 66px;
    background: white;
    border-radius: 5px;
    border: 2px solid #E6E8E9;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 8px 0 27px;
    cursor: pointer;
}
@media screen and (max-width: 640px) {
    .schedule-list__item {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        width: 100%;
        min-height: 65px;
        padding: 9px 40px 8px 13px;
        margin-bottom: 2px;
    }
}
@media screen and (max-width: 374px) {
    .schedule-list__item {
        padding: 8px 25px 8px 10px;
    }
}
.schedule-list__item:before {
    content: "受け付けない";
    position: absolute;
    font-weight: 500;
    font-size: 10px;
    font-size: 1rem;
    opacity: 0;
    bottom: 26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
@media screen and (max-width: 640px) {
    .schedule-list__item:before {
        font-size: 16px;
        font-size: 1.6rem;
        top: 50%;
        bottom: auto;
        left: 83px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.schedule-list__item:after {
    content: "";
    position: absolute;
    background: url("../img/common/icon-plus.svg") center no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    bottom: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
    .schedule-list__item:after {
        width: 28px;
        height: 28px;
        top: 50%;
        bottom: auto;
        left: auto;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 374px) {
    .schedule-list__item:after {
        width: 20px;
        height: 20px;
        right: 5px;
    }
}
.schedule-list__item.off:before {
    opacity: 1;
}
.schedule-list__item.off .schedule-list__ct {
    display: none;
}
.schedule-list__ttl {
    font-weight: bold;
    margin-bottom: 2px;
}
@media screen and (max-width: 640px) {
    .schedule-list__ttl {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        width: 61px;
        border-right: 1px solid #25526A;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 374px) {
    .schedule-list__ttl {
        width: 55px;
    }
}
@media screen and (max-width: 640px) {
    .schedule-list__ct {
        text-align: left;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        width: calc(100% - 61px);
        padding-left: 9px;
    }
}
@media screen and (max-width: 374px) {
    .schedule-list__ct {
        width: calc(100% - 55px);
        padding-left: 5px;
    }
}
.schedule-list__ct span {
    display: inline-block;
    font-family: "Sofia Pro", sans-serif;
    font-weight: 400;
    margin-bottom: 4px;
}
@media screen and (max-width: 640px) {
    .schedule-list__ct span {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 0 7px 4px 0;
    }
}
@media screen and (max-width: 374px) {
    .schedule-list__ct span {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0 4px 4px 0;
    }
}
.schedule-list__ct span small {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
    font-size: 10px;
    font-size: 1rem;
}

.sec-add .block__01--rt {
    margin-top: -16px;
}
@media screen and (max-width: 640px) {
    .sec-add .block__01--rt {
        margin-top: -8px;
    }
}
@media screen and (min-width: 641px) {
    .sec-add .setting-index__desc textarea.input {
        height: 125px;
    }
}
.sec-add .select-custom select {
    height: 36px;
}
/*# sourceMappingURL=map/styles.css.map */