/* @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,400;1,500&display=swap");
/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap"); */
@font-face {
  font-family: "DIN Condensed Bold";
  src: url("../fonts/DINCondensed-Bold.eot");
  src: url("../fonts/DINCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINCondensed-Bold.woff2") format("woff2"), url("../fonts/DINCondensed-Bold.woff") format("woff"), url("../fonts/DINCondensed-Bold.ttf") format("truetype"), url("../fonts/DINCondensed-Bold.svg#DINCondensed-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "YuKyokasyo";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/yukyokasyo/YuKyo-Medium-Yoko.woff2") format("woff2"), url("../fonts/yukyokasyo/YuKyo-Medium-Yoko.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/NotoSansJP-Bold.woff") format("woff");
}
@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: scroll;
  overflow-x: hidden;
  font-size: 10px; /* Base font size, change to 14px or 16px if needed */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

* {
  -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, button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

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

del, ins {
  text-decoration: none;
}

main {
  display: block;
}

section {
  position: relative;
}

/* ====================================================
HTML
==================================================== */
html {
  font-size: 62.5%;
}

body {
  color: #233F5E;
  font-family: "NotoSansJP", sans-serif;
  font-weight: 400;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  background: #fff;
  overflow-x: hidden;
}
body.thanks{
  padding-top: 86px;
}

a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  outline: none;
}
a:hover {
  opacity: 0.7;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a {
    display: inline-block;
  }
}

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

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

.inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
}
@media screen and (max-width: 834px) {
  .inner {
    width: 100%;
    padding: 0 4%;
  }
}

.form-control {
  display: block;
  width: 100%;
  height: 50px;
  background: #F5F5F5;
  border: 1px solid #C7C7C7;
  padding: 9px 18px;
  font-size: 1.6rem;
  outline: none;
  resize: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 0 !important;
}
@media screen and (max-width: 834px) {
  .form-control {
    height: 43px;
    font-size: 1.4rem;
  }
}
.form-control--select {
  cursor: pointer;
  max-width: 340px;
  background: #F5F5F5 url(../img/index/ico-arr-select.png) no-repeat center right 15px/14px 12px;
}
.form-control--textarea {
  height: 287px;
  padding: 15px;
}
@media screen and (max-width: 834px) {
  .form-control--textarea {
    height: 190px;
  }
}
.form-control::-webkit-input-placeholder {
  color: #919191;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #919191;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #919191;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #919191;
  opacity: 1;
}
.form-control::placeholder {
  color: #919191;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #919191;
}
.form-control::-ms-input-placeholder {
  color: #919191;
}

@media screen and (min-width: 835px) {
  .mwform-checkbox-field-text {
    padding-right: 70px !important;
  }
}

.mwform-checkbox-field label,
.mwform-radio-field label,
.pure-input {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  display: inline-block;
}
@media screen and (max-width: 834px) {
  .mwform-checkbox-field label,
  .mwform-radio-field label,
  .pure-input {
    font-size: 1.4rem;
  }
}
.mwform-checkbox-field label input,
.mwform-radio-field label input,
.pure-input input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.mwform-checkbox-field label input[type=checkbox] + span,
.mwform-radio-field label input[type=checkbox] + span,
.pure-input input[type=checkbox] + span {
  padding: 3px 0 3px 22px;
}
@media screen and (max-width: 834px) {
  .mwform-checkbox-field label input[type=checkbox] + span,
  .mwform-radio-field label input[type=checkbox] + span,
  .pure-input input[type=checkbox] + span {
    padding: 3px 0 3px 26px;
  }
}
.mwform-checkbox-field label input[type=checkbox] + span::before,
.mwform-radio-field label input[type=checkbox] + span::before,
.pure-input input[type=checkbox] + span::before {
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 834px) {
  .mwform-checkbox-field label input[type=checkbox] + span::before,
  .mwform-radio-field label input[type=checkbox] + span::before,
  .pure-input input[type=checkbox] + span::before {
    top: 2px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.mwform-checkbox-field label input[type=checkbox] + span:after,
.mwform-radio-field label input[type=checkbox] + span:after,
.pure-input input[type=checkbox] + span:after {
  background-color: transparent;
  left: 3px;
  width: 12px;
  height: 4px;
  border-style: solid;
  border-color: white;
  border-width: 0 0 2px 2px;
  -o-border-image: none;
     border-image: none;
  -webkit-transform: rotate(-45deg) scale(0);
      -ms-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
}
@media screen and (max-width: 834px) {
  .mwform-checkbox-field label input[type=checkbox] + span:after,
  .mwform-radio-field label input[type=checkbox] + span:after,
  .pure-input input[type=checkbox] + span:after {
    top: 3px;
    left: 1px;
    width: 14px;
    height: 5px;
  }
}
.mwform-checkbox-field label input[type=checkbox]:checked + span:after,
.mwform-radio-field label input[type=checkbox]:checked + span:after,
.pure-input input[type=checkbox]:checked + span:after {
  content: "";
  -webkit-transform: rotate(-45deg) scale(1);
      -ms-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}
.mwform-checkbox-field label input[type=checkbox]:checked + span:before,
.mwform-radio-field label input[type=checkbox]:checked + span:before,
.pure-input input[type=checkbox]:checked + span:before {
  background: #233f5e;
}
.mwform-checkbox-field label input[type=radio] + span:after, .mwform-checkbox-field label input[type=radio] + span:before,
.mwform-radio-field label input[type=radio] + span:after,
.mwform-radio-field label input[type=radio] + span:before,
.pure-input input[type=radio] + span:after,
.pure-input input[type=radio] + span:before {
  border-radius: 50%;
}
.mwform-checkbox-field label input[type=radio] + span:after,
.mwform-radio-field label input[type=radio] + span:after,
.pure-input input[type=radio] + span:after {
  top: 4px;
  left: 4px;
  width: 13px;
  height: 13px;
}
@media screen and (max-width: 834px) {
  .mwform-checkbox-field label input[type=radio] + span:after,
  .mwform-radio-field label input[type=radio] + span:after,
  .pure-input input[type=radio] + span:after {
    left: 5px;
    width: 9px;
    height: 9px;
  }
}
.mwform-checkbox-field label input[type=radio]:checked + span:before,
.mwform-radio-field label input[type=radio]:checked + span:before,
.pure-input input[type=radio]:checked + span:before {
  -webkit-animation: borderscale 300ms ease-in;
          animation: borderscale 300ms ease-in;
  background-color: white;
}
.mwform-checkbox-field label input[type=radio]:checked + span:after,
.mwform-radio-field label input[type=radio]:checked + span:after,
.pure-input input[type=radio]:checked + span:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.mwform-checkbox-field label span,
.mwform-radio-field label span,
.pure-input span {
  display: block;
  position: relative;
  padding: 3px 0 3px 27px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  .mwform-checkbox-field label span,
  .mwform-radio-field label span,
  .pure-input span {
    padding: 2px 0 2px 24px;
  }
}
.mwform-checkbox-field label span:before,
.mwform-radio-field label span:before,
.pure-input span:before {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1px;
  width: 17px;
  height: 17px;
  border: 1px solid #707070;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 834px) {
  .mwform-checkbox-field label span:before,
  .mwform-radio-field label span:before,
  .pure-input span:before {
    width: 15px;
    height: 15px;
  }
}
.mwform-checkbox-field label span:after,
.mwform-radio-field label span:after,
.pure-input span:after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  content: "";
  background-color: #233F5E;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 10px;
  height: 10px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

/* ====================================================
Control
==================================================== */
.c-fc--ff {
  color: #fff;
}

.c-ft--en {
  font-family: "Cormorant Garamond", serif;
}

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

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

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

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

/* ====================================================
Component
==================================================== */
.c-txt__01 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556;
}
@media screen and (max-width: 834px) {
  .c-txt__01 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}

.c-ttl__01 {
  font-size: 4.8rem;
  font-weight: 800;
  text-align: center;
  color: #233F5E;
  margin-bottom: 50px;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}
.c-ttl__02 {
  font-size: 5rem;
  line-height: 1.2;
  font-weight: 700;
}
@media screen and (max-width: 990px) {
  .c-ttl__02 {
    font-size: max(34px, 6vw);
  }
}
.c-ttl__02-cap {
  display: block;
  margin-top: 15px;
  font-size: 35%;
}
@media screen and (max-width: 640px) {
  .c-ttl__02-cap {
    font-size: max(15px, 35%);
  }
}

.c-btn__shine {
  position: relative;
  overflow: hidden;
}
.c-btn__shine:before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
      -ms-transform: skewX(-25deg);
          transform: skewX(-25deg);
}
@media (any-hover: hover) {
  .c-btn__shine:hover:before {
    -webkit-animation: shine 0.7s;
            animation: shine 0.7s;
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}
.c-btn__01--ff, .c-btn__01 {
  position: relative;
  padding-bottom: 20px;
  width: 200px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #000;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.c-btn__01--ff:before, .c-btn__01:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 1px;
  right: 0;
  font-size: 1.8rem;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f30b";
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.c-btn__01--ff {
  color: #fff;
  border-bottom: 2px solid #fff;
}

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

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

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

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

.u-fn-hover {
  display: inline-block;
}
@media (any-hover: hover) {
  .u-fn-hover {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .u-fn-hover:hover {
    opacity: 0.7;
  }
}

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

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

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

.js-u__scrollin {
  opacity: 0;
  -webkit-transform: translate(0, 70px);
  -ms-transform: translate(0, 70px);
  transform: translate(0, 70px);
}

.js-u__scrollin.is-visible {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ====================================================
Module
==================================================== */
/* ====================================================
Header
==================================================== */
.main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
}
.main-header__inner {
  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: 0 auto;
}
@media screen and (min-width: 1025px) {
  .main-header__inner {
    padding: 0 0 0 20px;
  }
}
@media screen and (max-width: 834px) {
  .main-header__inner {
    padding: 10px 14px;
  }
  body.thanks {
    padding-top: 57px;
  }
}
.main-header__logo {
  width: 326px;
}
@media screen and (max-width: 834px) {
  .main-header__logo {
    width: 226px;
  }
}
@media screen and (max-width: 640px) {
  .main-header__logo {
    width: 160px;
    z-index: 100;
  }
}
.main-header__logo a {
  display: block;
}
.main-header__contact {
  width: calc(100% - 326px);
  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;
}
@media screen and (max-width: 834px) {
  .main-header__contact {
    width: calc(100% - 226px);
  }
}
@media screen and (max-width: 640px) {
  .main-header__contact {
    width: calc(100% - 160px);
  }
}
.main-header__contact-tel {
  font-size: 1.4rem;
  font-weight: 600;
  color: #233F5E;
}
@media screen and (max-width: 834px) {
  .main-header__contact-tel {
    text-align: right;
  }
}
@media screen and (max-width: 640px) {
  .main-header__contact-tel {
    font-size: 0.85rem;
    position: relative;
    left: 2px;
  }
}
.main-header__contact-tel p {
  text-align: right;
  padding-right: 5px;
}
.main-header__contact-tel span {
  font-size: 1.2rem;
  margin-left: 5px;
}
@media screen and (max-width: 640px) {
  .main-header__contact-tel span {
    font-size: 0.7rem;
  }
}
.main-header__contact-tel a {
  font-family: "din-condensed", sans-serif;
  font-size: 3.97055rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #01A0C8;
  position: relative;
  margin-top: 5px;
}
@media screen and (max-width: 640px) {
  .main-header__contact-tel a {
    font-size: 2.3465rem;
    line-height: 1;
    height: 23px;
  }
}
.main-header__contact-tel a img {
  width: 26px;
  margin-right: 10px;
}
@media screen and (max-width: 834px) {
  .main-header__contact-tel a img {
    margin-right: 5px;
    position: relative;
    top: -3px;
  }
}
@media screen and (max-width: 640px) {
  .main-header__contact-tel a img {
    width: 15px;
  }
}
.main-header__contact-sns {
  margin-left: 20px;
}
@media screen and (max-width: 834px) {
  .main-header__contact-sns {
    display: none;
  }
}
.main-header__contact-sns a {
  background: #06C255;
  padding: 21px 25px;
}
.main-header__contact-sns a span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
  color: #fff;
  display: inline-block;
  position: relative;
  padding-left: 60px;
  background: url(../img/common/ico-line.png) no-repeat left center/45px auto;
}

/* ====================================================
Footer
==================================================== */
.main-footer {
  padding: 62px 0;
  background: #233F5E;
}
@media screen and (max-width: 834px) {
  .main-footer {
    padding: 30px 0;
  }
}
.main-footer__ttl {
  text-align: center;
  font-size: 3rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 73px;
}
@media screen and (max-width: 834px) {
  .main-footer__ttl {
    font-size: 1.5rem;
    margin-bottom: 36px;
  }
}
.main-footer__ttlsub {
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  display: block;
  padding: 10px 15px;
  background: #39536F;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .main-footer__ttlsub {
    font-size: 1.4rem;
    padding: 7px 15px;
  }
}
.main-footer__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 834px) {
  .main-footer__content {
    gap: 0 15px;
  }
}
@media screen and (max-width: 640px) {
  .main-footer__content {
    grid-template-columns: 1fr;
    gap: 28px 0;
  }
}
.main-footer__dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8888888889;
  color: #fff;
}
@media screen and (max-width: 834px) {
  .main-footer__dl {
    font-size: 12.54px;
    font-size: 1.254rem;
    line-height: 1.9051036683;
  }
}
.main-footer__dt {
  width: 86px;
}
@media screen and (max-width: 834px) {
  .main-footer__dt {
    width: 60px;
  }
}
.main-footer__dd {
  width: calc(100% - 86px);
  line-height: 1.45;
}
@media screen and (max-width: 834px) {
  .main-footer__dd {
    width: calc(100% - 60px);
  }
}
.main-footer__left {
  padding-right: 64px;
}
@media screen and (max-width: 834px) {
  .main-footer__left {
    padding-right: 0;
  }
}
.main-footer__right .main-footer__dt {
  width: 100px;
}
@media screen and (max-width: 834px) {
  .main-footer__right .main-footer__dt {
    width: 70px;
  }
}
.main-footer__right .main-footer__dd {
  width: calc(100% - 100px);
}
@media screen and (max-width: 834px) {
  .main-footer__right .main-footer__dd {
    width: calc(100% - 70px);
  }
}

/* ====================================================
Pages
==================================================== */
.lp-mv {
  background: url(../img/index/mv.webp) no-repeat center/cover;
  padding: 32px 0;
  min-height: 550px;
}
@media screen and (max-width: 834px) {
  .lp-mv {
    min-height: auto;
    background: url(../img/index/mv-sp.webp) no-repeat center/cover;
    padding: 22px 0;
  }
}
.lp-mv .inner {
  position: relative;
}
.lp-mv__ttl {
  max-width: 73.5%;
  position: relative;
  left: -100px;
}
@media screen and (max-width: 834px) {
  .lp-mv__ttl {
    max-width: 550px;
    width: 100%;
    left: 48%;
    -webkit-transform: translateX(-48%);
        -ms-transform: translateX(-48%);
            transform: translateX(-48%);
  }
}
.lp-mv__circle {
  position: absolute;
  top: 0;
  right: -50px;
  width: 184px;
}

.lp-intro {
  background: rgb(1, 160, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 160, 200)), to(rgb(138, 211, 230)));
  background: linear-gradient(90deg, rgb(1, 160, 200) 0%, rgb(138, 211, 230) 100%);
  padding: 30px 0 0;
  position: relative;
}
@media screen and (max-width: 834px) {
  .lp-intro {
    padding: 13px 0 0;
  }
}
.lp-intro:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 117%;
  background: url(../img/index/after-intro.png) no-repeat top center/100% 100%;
  bottom: -8px;
  left: 0;
}
.lp-intro .inner {
  position: relative;
  z-index: 2;
}
.lp-intro__top {
  max-width: 690px;
  width: 100%;
  margin: 0 auto 50px;
  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;
  position: relative;
  left: 3.5%;
}
@media screen and (max-width: 834px) {
  .lp-intro__top {
    max-width: 450px;
    left: 0;
    margin-bottom: min(13vw, 80px);
  }
}
.lp-intro__top-item:nth-child(1) {
  width: 45.21%;
}
.lp-intro__top-item:nth-child(2) {
  width: 50.94%;
}
.lp-intro__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 9px;
  padding-left: 17%;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .lp-intro__list {
    padding-left: 28%;
    gap: 0 7px;
  }
}
.lp-intro__list-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;
}
@media screen and (max-width: 1024px) {
  .lp-intro__list-item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.lp-intro__list-img {
  width: 140px;
  border-radius: 50%;
  border: 6px solid #01A0C8;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .lp-intro__list-img {
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 834px) {
  .lp-intro__list-img {
    width: 100%;
    border-width: 3px;
  }
}
.lp-intro__list-desc {
  width: calc(100% - 140px);
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  color: #fff;
  font-weight: 700;
  padding-left: 10px;
}
@media screen and (max-width: 1200px) {
  .lp-intro__list-desc {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .lp-intro__list-desc {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 834px) {
  .lp-intro__list-desc {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.0833333333;
    line-height: 1.3;
  }
}
.lp-intro__img {
  max-width: 320px;
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
@media screen and (max-width: 834px) {
  .lp-intro__img {
    max-width: 33.5%;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    bottom: 18px;
    left: -16px;
  }
}
@media screen and (max-width: 640px) {
  .lp-intro__img {
    max-width: 40.5%;
  }
}
.lp-intro__img-desc {
  text-align: center;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .lp-intro__img-desc {
    line-height: 1.2;
    margin-top: 6px;
  }
}
.lp-intro__img-desc span {
  display: block;
  font-size: 1.1rem;
}
.lp-intro__wp {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  padding-left: 10%;
  padding-bottom: 14px;
}
@media screen and (max-width: 1024px) {
  .lp-intro__wp {
    padding-left: 18%;
  }
}
@media screen and (max-width: 834px) {
  .lp-intro__wp {
    padding-left: 30%;
    padding-bottom: 8px;
  }
}
.lp-intro__wp-left {
  width: 30%;
  font-size: 1.6rem;
  line-height: 1.15;
  font-weight: 600;
  text-align: center;
}
.lp-intro__wp-left span {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.75;
}
.lp-intro__wp-right {
  width: 74%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
  margin-right: -4%;
  position: relative;
  left: 9px;
}
@media screen and (max-width: 834px) {
  .lp-intro__wp-right {
    width: 100%;
    margin-right: 0;
    font-size: 0.7rem;
    left: 0;
  }
  .lp-intro__wp-right span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .lp-intro__wp-right p {
    position: relative;
  }
}

.lp-know {
  padding-top: 77px;
}
@media screen and (max-width: 834px) {
  .lp-know {
    padding-top: 47px;
  }
}
.lp-know__inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lp-know__ct {
  width: 65%;
  padding-bottom: 83px;
}
@media screen and (max-width: 834px) {
  .lp-know__ct {
    width: 100%;
    padding-bottom: 42px;
  }
}
.lp-know__ttl {
  width: 86%;
  margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
  .lp-know__ttl {
    margin-bottom: 33px;
    width: 71%;
  }
}
.lp-know__desc {
  width: 88%;
}
@media screen and (max-width: 834px) {
  .lp-know__desc {
    width: 100%;
  }
}
.lp-know__desc span {
  color: #01A0C8;
  font-weight: 600;
}
.lp-know__desc p {
  margin-bottom: 28px;
}
@media screen and (max-width: 834px) {
  .lp-know__desc p {
    margin-bottom: 20px;
  }
}
.lp-know__desc p:last-of-type {
  margin-bottom: 0;
}
.lp-know__img {
  width: 35%;
  position: relative;
  top: 42px;
  right: 4px;
}
@media screen and (max-width: 834px) {
  .lp-know__img {
    width: 33%;
    position: absolute;
    top: 10px;
    right: -13px;
  }
}
@media screen and (max-width: 640px) {
  .lp-know__img {
    top: 36px;
  }
}
.lp-know__bottom {
  padding: 110px 0 75px;
  background: url(../img/index/bg-know-bottom.png) no-repeat center/cover;
  position: relative;
}
@media screen and (max-width: 834px) {
  .lp-know__bottom {
    padding: 60px 0 40px;
  }
}
@media screen and (max-width: 640px) {
  .lp-know__bottom {
    padding: 42px 0 40px;
  }
}
.lp-know__bottom-ttl {
  max-width: 854px;
  width: 100%;
  position: absolute;
  top: 23px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 834px) {
  .lp-know__bottom-ttl {
    width: 91%;
    top: 9px;
    max-width: 500px;
  }
}
.lp-know__bottom-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 min(3.5vw, 56px);
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .lp-know__bottom-list {
    gap: 0 20px;
    margin-bottom: 28px;
  }
}
.lp-know__bottom-item {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 600;
  color: #233F5E;
}
@media screen and (max-width: 1024px) {
  .lp-know__bottom-item {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-know__bottom-item {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4166666667;
    text-align: left;
  }
}
.lp-know__bottom-img {
  margin-bottom: 17px;
}
@media screen and (max-width: 834px) {
  .lp-know__bottom-img {
    margin-bottom: 5px;
  }
}
.lp-know__bottom-note {
  text-align: right;
  font-size: 1.4rem;
  color: #233F5E;
}
@media screen and (max-width: 834px) {
  .lp-know__bottom-note {
    font-size: 0.75rem;
    text-align: left;
    letter-spacing: -0.5px;
  }
}

.lp-customer {
  padding: 52px 0 18px;
  background: #01A0C8;
}
@media screen and (max-width: 834px) {
  .lp-customer {
    padding: 26px 0 14px;
  }
}
.lp-customer__ttl {
  max-width: 1033px;
  margin: 0 auto 64px;
}
@media screen and (max-width: 834px) {
  .lp-customer__ttl {
    margin-bottom: 30px;
    max-width: 450px;
    width: 91%;
  }
}
.lp-customer__list {
  margin: 0 -20px 44px;
}
@media screen and (max-width: 1200px) {
  .lp-customer__list {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .lp-customer__list {
    font-size: 1.3rem;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 834px) {
  .lp-customer__list {
    display: block;
    font-size: 0.9rem;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}
.lp-customer__list-item {
  padding: 0 20px;
}
@media screen and (max-width: 834px) {
  .lp-customer__list-item {
    padding: 0 7.5px;
  }
}
.lp-customer__list .slick-arrow {
  width: 28px;
  height: 71px;
  z-index: 10;
  top: 44%;
}
@media screen and (min-width: 1025px) {
  .lp-customer__list .slick-arrow {
    width: 46px;
    height: 142px;
    cursor: pointer;
  }
}
@media screen and (min-width: 1025px) and (any-hover: hover) {
  .lp-customer__list .slick-arrow {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .lp-customer__list .slick-arrow:hover {
    opacity: 0.7;
  }
}
.lp-customer__list .slick-arrow:before {
  content: "";
  display: block;
  width: 28px;
  height: 71px;
  background: url(../img/index/arr-next.png) no-repeat center/100%;
  opacity: 1;
}
@media screen and (min-width: 1025px) {
  .lp-customer__list .slick-arrow:before {
    width: 46px;
    height: 142px;
  }
}
.lp-customer__list .slick-arrow.slick-prev {
  left: 15px;
}
@media screen and (max-width: 834px) {
  .lp-customer__list .slick-arrow.slick-prev {
    left: 0;
  }
}
.lp-customer__list .slick-arrow.slick-prev:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.lp-customer__list .slick-arrow.slick-next {
  right: 15px;
}
@media screen and (max-width: 834px) {
  .lp-customer__list .slick-arrow.slick-next {
    right: 0;
  }
}
.lp-customer__list-item {
  text-align: center;
  color: #fff;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .lp-customer__list-item {
    padding: 0 7.5px;
  }
}
.lp-customer__list-img {
  margin-bottom: 10px;
}
.lp-customer__note {
  max-width: 1000px;
  margin: 0 auto;
  text-align: right;
  font-size: 1.2rem;
  color: #fff;
}
@media screen and (max-width: 834px) {
  .lp-customer__note {
    font-size: 0.75rem;
    margin-right: 6px;
  }
}

.lp-contact {
  padding: 95px 0 0;
}
@media screen and (max-width: 834px) {
  .lp-contact {
    padding: 13.7vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  .lp-contact {
    padding: 10.7vw 0 0;
  }
}
.lp-contact .inner {
  position: relative;
  padding-bottom: 47px;
}
@media screen and (max-width: 834px) {
  .lp-contact .inner {
    padding-bottom: 20px;
  }
}
.lp-contact__ttlsub {
  max-width: 636px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 834px) {
  .lp-contact__ttlsub {
    width: 92%;
    max-width: 450px;
    margin-bottom: 16px;
  }
}
.lp-contact__heading {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .lp-contact__heading {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 834px) {
  .lp-contact__heading {
    margin-bottom: 11px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.lp-contact__heading-left {
  width: 249px;
}
@media screen and (max-width: 834px) {
  .lp-contact__heading-left {
    display: none;
  }
}
.lp-contact__heading-right {
  width: calc(100% - 249px);
  padding-left: 33px;
  padding-right: 12%;
}
@media screen and (max-width: 834px) {
  .lp-contact__heading-right {
    width: 86%;
    max-width: 600px;
    padding: 0;
    margin: 0 auto;
  }
}
.lp-contact__button {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 30px;
}
@media screen and (max-width: 834px) {
  .lp-contact__button {
    gap: 0 15px;
  }
}
@media screen and (max-width: 640px) {
  .lp-contact__button {
    grid-template-columns: 1fr;
    gap: 15px 0;
  }
}
.lp-contact__button-item--sns a {
  display: block;
  background: #06C255;
  padding: 27px 25px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .lp-contact__button-item--sns a {
    padding: 14px 19px;
    border-radius: 15px;
  }
}
.lp-contact__button-item--sns a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 33px;
  height: 33px;
  background: url(../img/index/arr-line.png) no-repeat center/100%;
  top: 50%;
  right: 23px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .lp-contact__button-item--sns a:after {
    width: 23px;
    height: 23px;
    right: 15px;
  }
}
.lp-contact__button-item--sns a span {
  font-size: 2.48619rem;
  line-height: 1.34;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  position: relative;
  padding-left: 80px;
  background: url(../img/common/ico-line.png) no-repeat left center/63px auto;
}
@media screen and (max-width: 834px) {
  .lp-contact__button-item--sns a span {
    padding-left: 48px;
    text-align: center;
    font-size: 2.0135rem;
    background: url(../img/common/ico-line.png) no-repeat left center/45px auto;
  }
}
@media screen and (max-width: 640px) {
  .lp-contact__button-item--sns a span {
    padding-left: 64px;
    font-size: 2.2135rem;
  }
}
.lp-contact__button-item--tel a {
  border: 5px solid #233F5E;
  border-radius: 20px;
  display: block;
  padding: 22px 20px 10px 84px;
  position: relative;
  background: #fff url(../img/index/ico-phone.png) no-repeat left 15px center/47px 47px;
}
@media screen and (max-width: 834px) {
  .lp-contact__button-item--tel a {
    border-radius: 15px;
    padding: 10px 20px 3px 53px;
    background: #fff url(../img/index/ico-phone.png) no-repeat left 15px center/34px 34px;
  }
}
@media screen and (max-width: 640px) {
  .lp-contact__button-item--tel a {
    padding: 10px 20px 3px 70px;
  }
}
.lp-contact__button-item--tel .txt-note {
  width: 106px;
  height: 32px;
  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;
  color: #fff;
  background: #233F5E;
  font-size: 1.7646rem;
  font-weight: 600;
  position: absolute;
  top: -4px;
  left: -13px;
  border-radius: 10px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-align: center;
}
@media screen and (max-width: 834px) {
  .lp-contact__button-item--tel .txt-note {
    width: 77px;
    height: 23px;
    font-size: 1.267rem;
    left: -10px;
  }
}
.lp-contact__button-item--tel .txt-note:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 9px 5px 0 5px;
  border-color: #233F5E transparent transparent transparent;
  border-style: solid;
  position: absolute;
  bottom: 1px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.lp-contact__button-item--tel .txt-label {
  font-size: 1.871rem;
  font-weight: 600;
  color: #233F5E;
}
@media screen and (max-width: 834px) {
  .lp-contact__button-item--tel .txt-label {
    font-size: 1.6235rem;
  }
}
.lp-contact__button-item--tel .txt-label span {
  font-size: 1.2rem;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 834px) {
  .lp-contact__button-item--tel .txt-label span {
    font-size: 1.0415rem;
  }
}
.lp-contact__button-item--tel .txt-tel {
  font-family: "din-condensed", sans-serif;
  font-size: 5.5rem;
  color: #FF7B80;
  letter-spacing: -2px;
}
@media screen and (max-width: 1024px) {
  .lp-contact__button-item--tel .txt-tel {
    font-size: 5.5rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-contact__button-item--tel .txt-tel {
    font-size: 4.026rem;
    margin-top: 8px;
  }
}
@media screen and (max-width: 640px) {
  .lp-contact__button-item--tel .txt-tel {
    font-size: 4.926rem;
  }
}
.lp-contact__img {
  max-width: 29%;
  position: absolute;
  bottom: -24px;
  right: 6px;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .lp-contact__img {
    max-width: 111%;
    width: 111%;
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-bottom: -56px;
    left: -14px;
    bottom: 0;
  }
}
.lp-contact__img-voice {
  display: block;
  width: 66%;
}
.lp-contact__img span {
  position: absolute;
  width: 37.6%;
  left: 20px;
  top: 38px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (min-width: 835px) {
  .lp-contact__img span {
    width: 60.6%;
    position: absolute;
    left: 10px;
    top: 0;
    -webkit-transform: translateY(-78%);
        -ms-transform: translateY(-78%);
            transform: translateY(-78%);
  }
}

.lp-notification {
  padding: 50px 0 58px;
  background: url(../img/index/bg-notification2.jpg) no-repeat center/cover;
}
@media screen and (max-width: 834px) {
  .lp-notification {
    padding: 30px 0 30px;
  }
}
.lp-notification__ttl {
  max-width: 752px;
  width: 100%;
  margin: 0 auto 20px;
}
@media screen and (max-width: 834px) {
  .lp-notification__ttl {
    max-width: 450px;
    width: 90%;
    margin-bottom: 7px;
  }
}
.lp-notification__btn {
  max-width: 543px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 834px) {
  .lp-notification__btn {
    max-width: 350px;
    width: 91%;
  }
}

.lp-msg {
  padding-bottom: 66px;
}
@media screen and (max-width: 834px) {
  .lp-msg {
    padding-bottom: 26px;
  }
}
.lp-msg .inner {
  position: relative;
}
@media screen and (max-width: 834px) {
  .lp-msg .inner {
    padding: 0;
  }
}
.lp-msg__top {
  background: url(../img/index/img-msg2.webp) no-repeat left center/cover;
  padding: 62px 0;
}
@media screen and (max-width: 834px) {
  .lp-msg__top {
    padding: 22px 0 0;
    background: none;
    margin-bottom: -32px;
  }
}
.lp-msg__ttl {
  max-width: 790px;
  width: 100%;
  margin: 0 auto 20px;
}
@media screen and (max-width: 834px) {
  .lp-msg__ttl {
    width: 103%;
    left: -1.5%;
    position: relative;
    margin-bottom: 5px;
  }
}
.lp-msg__content {
  max-width: 718px;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 834px) {
  .lp-msg__content {
    width: 104%;
    position: relative;
    z-index: 2;
    left: -2%;
    background: url(../img/index/img-msg-sp2.jpg) no-repeat center/100%;
  }
}
.lp-msg__advice {
  background: #233F5E;
  font-size: 4.79544rem;
  text-align: center;
  color: #fff;
  padding: 36px 0 52px;
  font-weight: 800;
  line-height: 1.15;
  position: relative;
  margin-bottom: 98px;
}
@media screen and (max-width: 1200px) {
  .lp-msg__advice {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__advice {
    font-size: 1.9rem;
    padding: 36px 0 19px;
    margin-bottom: 42px;
  }
}
.lp-msg__advice:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 53px 30px 0 30px;
  border-color: #233F5E transparent transparent transparent;
  border-style: solid;
  bottom: 1px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  position: absolute;
}
@media screen and (max-width: 834px) {
  .lp-msg__advice:after {
    border-width: 24px 15px 0 15px;
  }
}
.lp-msg__advice span {
  font-size: 8.45203rem;
  color: #FFFF00;
}
@media screen and (max-width: 1200px) {
  .lp-msg__advice span {
    font-size: 6rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__advice span {
    font-size: 3.3495rem;
  }
}
.lp-msg__advice small {
  font-size: 4.79544rem;
  color: #FFFF00;
}
@media screen and (max-width: 1200px) {
  .lp-msg__advice small {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__advice small {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__about .inner {
    padding: 0 4%;
  }
}
.lp-msg__ttl-sub {
  max-width: 1047px;
  width: 105%;
  margin: 0 auto 32px;
  position: relative;
  left: 40px;
}
@media screen and (max-width: 1200px) {
  .lp-msg__ttl-sub {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__ttl-sub {
    width: 103%;
    left: 0;
    margin-bottom: 12px;
  }
}
.lp-msg__voice {
  max-width: 770px;
  background: #FFFFD9;
  padding: 35px 37px 40px;
  color: #233F5E;
  border: 6px solid #01A0C8;
  border-radius: 30px;
  margin-bottom: 27px;
  position: relative;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .lp-msg__voice {
    max-width: calc(100% - 250px);
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__voice {
    border: 3px solid #01A0C8;
    border-radius: 15px;
    font-size: 1.4rem;
    padding: 23px 16px 17px;
    margin-bottom: 40px;
    max-width: 100%;
  }
}
.lp-msg__voice:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 17px 0 17px 40px;
  border-color: transparent transparent transparent #01A0C8;
  border-style: solid;
  position: absolute;
  top: 36%;
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
@media screen and (max-width: 834px) {
  .lp-msg__voice:after {
    display: none;
  }
}
.lp-msg__voice:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 9px 0 9px 26px;
  border-color: transparent transparent transparent #FFFFD9;
  border-style: solid;
  top: 38%;
  right: 0;
  position: absolute;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .lp-msg__voice:before {
    top: 37.5%;
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__voice:before {
    display: none;
  }
}
.lp-msg__voice p {
  margin-bottom: 37px;
}
@media screen and (max-width: 834px) {
  .lp-msg__voice p {
    margin-bottom: 15px;
  }
}
.lp-msg__voice p:last-of-type {
  margin-bottom: 0;
}
.lp-msg__card {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 72%;
}
@media screen and (max-width: 1024px) {
  .lp-msg__card {
    max-width: 68%;
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__card {
    max-width: 100%;
  }
}
.lp-msg__card-img {
  width: 217px;
}
@media screen and (max-width: 834px) {
  .lp-msg__card-img {
    width: 178px;
  }
}
.lp-msg__card-desc {
  width: calc(100% - 217px);
  padding-left: 25px;
  position: relative;
  top: 5px;
}
@media screen and (max-width: 834px) {
  .lp-msg__card-desc {
    width: 100%;
    padding-left: 0;
    top: 0;
    padding-top: 25px;
  }
}
.lp-msg__ceo {
  max-width: 324px;
  width: 100%;
  position: absolute;
  bottom: 7px;
  right: -25px;
}
@media screen and (max-width: 1200px) {
  .lp-msg__ceo {
    right: -50px;
  }
}
@media screen and (max-width: 1024px) {
  .lp-msg__ceo {
    bottom: 100px;
  }
}
@media screen and (max-width: 834px) {
  .lp-msg__ceo {
    max-width: 160px;
    right: 14px;
    bottom: 80px;
  }
}
@media screen and (max-width: 640px) {
  .lp-msg__ceo {
    bottom: 50px;
  }
}
@media screen and (max-width: 475px) {
  .lp-msg__ceo {
    bottom: 100px;
  }
}
.lp-msg__ceo-img {
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .lp-msg__ceo-img {
    margin-bottom: 5px;
  }
}
.lp-msg__ceo-desc {
  text-align: center;
  font-size: 1.778rem;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (max-width: 834px) {
  .lp-msg__ceo-desc {
    font-size: 1.2765rem;
  }
}
.lp-msg__ceo-desc span {
  display: block;
  font-size: 2.44476rem;
}
@media screen and (max-width: 834px) {
  .lp-msg__ceo-desc span {
    font-size: 1.755rem;
  }
}

.lp-office {
  background: url(../img/index/bg-office.png) no-repeat center/cover;
  padding: 115px 0 0;
}
@media screen and (max-width: 834px) {
  .lp-office {
    padding-top: 30px;
  }
}
.lp-office .inner {
  position: relative;
  padding-bottom: 84px;
}
@media screen and (max-width: 834px) {
  .lp-office .inner {
    padding-bottom: 34px;
  }
}
.lp-office__ttl {
  max-width: 730px;
  width: 100%;
  margin: 0 auto -6px;
}
@media screen and (max-width: 834px) {
  .lp-office__ttl {
    width: 86%;
    position: relative;
    left: 6px;
    margin-bottom: 8px;
  }
}
.lp-office__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px 75px;
}
@media screen and (max-width: 834px) {
  .lp-office__list {
    gap: 6px 33px;
  }
}
@media screen and (max-width: 640px) {
  .lp-office__list {
    grid-template-columns: 1fr 1fr;
  }
}
.lp-office__list-img {
  margin-bottom: 16px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .lp-office__list-img {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 834px) {
  .lp-office__list-img img {
    width: 91%;
  }
}
.lp-office__list-txt {
  font-size: 4rem;
  font-weight: 800;
  text-align: center;
  color: #FF7B80;
  position: absolute;
  bottom: 21px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  line-height: 1.125;
  width: 100%;
  height: 90px;
}
@media screen and (max-width: 1024px) {
  .lp-office__list-txt {
    font-size: 3rem;
    height: 67px;
    bottom: 2vw;
  }
}
@media screen and (max-width: 834px) {
  .lp-office__list-txt {
    font-size: 3.5vw;
    height: 10vw;
    bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .lp-office__list-txt {
    font-size: 5vw;
    height: 12vw;
    bottom: 3vw;
  }
}
.lp-office__list-caption {
  color: #fff;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .lp-office__list-caption {
    font-size: 1.2rem;
  }
}
.lp-office__person {
  position: absolute;
  max-width: 33.5%;
  width: 100%;
  right: -24px;
  bottom: 0;
}
@media screen and (max-width: 834px) {
  .lp-office__person {
    max-width: 32.5%;
    right: -5px;
  }
}
@media screen and (max-width: 640px) {
  .lp-office__person {
    max-width: 54.5%;
  }
}

.lp-qa {
  background: #01A0C8;
  padding: 74px 0 86px;
}
@media screen and (max-width: 834px) {
  .lp-qa {
    padding: 18px 0 33px;
  }
}
.lp-qa__ttl {
  text-align: center;
  margin-bottom: 56px;
}
@media screen and (max-width: 834px) {
  .lp-qa__ttl {
    margin-bottom: 30px;
  }
}
.lp-qa__ttl img {
  max-width: 341px;
}
@media screen and (max-width: 834px) {
  .lp-qa__ttl img {
    max-width: 170px;
  }
}
.lp-qa__box {
  background: #fff;
  border-radius: 20px;
  padding: 38px 25px 24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .lp-qa__box {
    padding: 15px 17px 18px;
    border-radius: 15px;
    margin-bottom: 15px;
  }
}
.lp-qa__box:last-of-type {
  margin-bottom: 0;
  padding: 38px 25px 40px;
}
@media screen and (max-width: 834px) {
  .lp-qa__box:last-of-type {
    padding: 15px 17px 23px;
  }
}
.lp-qa__box:last-of-type .lp-qa__a {
  padding-top: 11px;
  line-height: 1;
}
@media screen and (max-width: 834px) {
  .lp-qa__box:last-of-type .lp-qa__a {
    padding-top: 6px;
  }
}
.lp-qa__box:last-of-type .lp-qa__a::before {
  top: 0;
}
.lp-qa__q {
  font-size: 2rem;
  font-weight: 600;
  padding: 7.6px 0 12px 50px;
  position: relative;
  margin-bottom: 12.6px;
}
@media screen and (max-width: 834px) {
  .lp-qa__q {
    font-size: 1.4rem;
    line-height: 1.2;
    padding-left: 35px;
  }
}
.lp-qa__q::before {
  content: "Q";
  width: 40px;
  height: 40px;
  background: #233F5E;
  color: #fff;
  border-radius: 50%;
  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;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2rem;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .lp-qa__q::before {
    width: 28px;
    height: 28px;
    font-size: 1.387rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.lp-qa__a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  padding-left: 50px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .lp-qa__a {
    padding-left: 35px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
.lp-qa__a::before {
  content: "A";
  width: 40px;
  height: 40px;
  background: #01A0C8;
  color: #fff;
  border-radius: 50%;
  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;
  position: absolute;
  top: -1.32px;
  left: 0;
  font-size: 2rem;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .lp-qa__a::before {
    width: 28px;
    height: 28px;
    font-size: 1.387rem;
    top: -5px;
  }
}

.lp-entry {
  padding: 82px 0 125px;
}
@media screen and (max-width: 834px) {
  .lp-entry {
    padding: 14px 0 46px;
  }
}
.lp-entry__ttl {
  text-align: center;
  margin-bottom: 11px;
}
.lp-entry__ttl img {
  max-width: 312px;
}
@media screen and (max-width: 834px) {
  .lp-entry__ttl img {
    max-width: 155px;
  }
}
.lp-entry__intro {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.625;
  text-align: center;
  margin-bottom: 66px;
}
@media screen and (max-width: 834px) {
  .lp-entry__intro {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 23px;
  }
}
.lp-entry .contact-result{
  background-color: #fcefef;
  color: #35353c;
  text-align: center;
  font-size: 20px;
  padding: 1em;
  margin-bottom: 30px;
  line-height: 1.5;
}
.lp-entry__form {
  max-width: 854px;
  margin: 0 auto;
}
.lp-entry__form-item {
  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;
  padding: 22px 10px;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-item {
    padding: 18px 0;
  }
  .lp-entry__form-item:last-of-type {
    border-bottom: none;
  }
}
.lp-entry__form-label {
  width: 202px;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  padding-top: 18px;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-label {
    font-size: 1.4rem;
    padding-top: 0;
    margin-bottom: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.lp-entry__form-input {
  width: calc(100% - 202px);
  font-size: 1.6rem;
  padding-left: 10px;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-input {
    width: 100%;
    font-size: 1.4rem;
    padding-left: 0;
  }
}
.lp-entry__form-input p {
  margin-bottom: 15px;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-input p {
    margin-bottom: 10px;
  }
}
.lp-entry__form-input--gr01 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 12px;
  max-width: 413px;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-input--gr01 {
    max-width: 100%;
  }
}
.lp-entry__form-input--radio {
  padding-top: 10px;
}
.lp-entry__form-input--textarea {
  padding-top: 16px;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-input--textarea {
    padding-top: 0;
    line-height: 1.5;
  }
}
.lp-entry__form-input .mwform-radio-field {
  display: inline-block;
  margin-bottom: 18px;
}
.lp-entry__form-input .mwform-radio-field:last-of-type {
  margin-bottom: 0;
}
.lp-entry__form-dl {
  margin-bottom: 20px;
  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;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-dl {
    margin-bottom: 17px;
  }
}
.lp-entry__form-dl:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-dl--zipcode {
    margin-top: 10px;
  }
}
.lp-entry__form-dl--zipcode .lp-entry__form-dd {
  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;
}
.lp-entry__form-dl--zipcode .lp-entry__form-dd .form-control {
  width: 91px;
  padding: 0 7px;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-dl--zipcode .lp-entry__form-dd .form-control {
    width: 80px;
  }
}
.lp-entry__form-dl--zipcode .lp-entry__form-dd span {
  font-size: 2.1rem;
  margin: 0 8px;
}
.lp-entry__form-dt {
  width: 80px;
  font-size: 1.6rem;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-dt {
    font-size: 1.4rem;
    width: 67px;
  }
}
.lp-entry__form-dd {
  width: calc(100% - 80px);
}
@media screen and (max-width: 834px) {
  .lp-entry__form-dd {
    width: calc(100% - 67px);
  }
}
.lp-entry__form-check {
  max-width: 350px;
  width: 100%;
  margin: 30px auto 50px;
}
.g-recaptcha {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-check {
    margin: 10px auto 47px;
    text-align: center;
  }
  .lp-entry__form-check .mwform-checkbox-field-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.lp-entry__form-check .required {
  right: 0;
  top: 0;
}
.lp-entry__form-button button {
  font-family: "NotoSansJP", sans-serif;
  max-width: 363px;
  width: 100%;
  height: 62px;
  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;
  color: #fff;
  background: #01A0C8;
  outline: 0;
  border: none;
  margin: 0 auto;
  font-size: 2.4rem;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .lp-entry__form-button button {
    font-size: 1.7965rem;
    max-width: 326px;
    height: 56px;
  }
}

.required {
  width: 57px;
  height: 30px;
  color: #fff;
  background: #E9083C;
  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;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
  .required {
    font-size: 0.8655rem;
    width: 31px;
    height: 16px;
    position: static;
    margin-left: 6px;
    padding-top: 2px;
  }
}

.lp-area {
  padding: 100px 0 106px;
}
@media screen and (max-width: 834px) {
  .lp-area {
    padding: 25px 0 40px;
  }
}
.lp-area__ttl {
  text-align: center;
}
@media screen and (max-width: 834px) {
  .lp-area__ttl {
    margin-bottom: 0;
  }
}
.lp-area__ttl img {
  max-width: 259px;
}
@media screen and (max-width: 834px) {
  .lp-area__ttl img {
    max-width: 130px;
  }
}
.lp-area__intro {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 834px) {
  .lp-area__intro {
    letter-spacing: -1.5px;
    margin-bottom: 31px;
  }
}
.lp-area__img {
  max-width: 616px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .lp-area__img {
    width: 84.5%;
  }
}

.lp-process {
  padding: 70px 0 100px;
  background: #D9F1F7;
}
@media screen and (max-width: 834px) {
  .lp-process {
    padding: 20px 0 36px;
  }
}
.lp-process__ttl {
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 834px) {
  .lp-process__ttl {
    margin-bottom: 26px;
  }
}
.lp-process__ttl img {
  max-width: 405px;
}
@media screen and (max-width: 834px) {
  .lp-process__ttl img {
    max-width: 205px;
  }
}
.lp-process__list-item {
  background: #fff;
  border-radius: 20px;
  padding: 14px 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
@media screen and (max-width: 834px) {
  .lp-process__list-item {
    border-radius: 15px;
    padding: 20px 22px;
    margin-bottom: 17px;
  }
}
.lp-process__list-item:last-of-type {
  margin-bottom: 0;
}
.lp-process__list-img {
  width: 148px;
}
@media screen and (max-width: 640px) {
  .lp-process__list-img {
    width: 73px;
  }
}
.lp-process__list-ct {
  width: calc(100% - 148px);
  padding-left: 37px;
  padding-top: 11px;
}
@media screen and (max-width: 834px) {
  .lp-process__list-ct {
    padding-left: 20px;
    padding-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .lp-process__list-ct {
    width: calc(100% - 73px);
    padding-left: 15px;
    padding-top: 0;
  }
}
.lp-process__list-heading {
  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-bottom: 15px;
}
@media screen and (max-width: 834px) {
  .lp-process__list-heading {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .lp-process__list-heading {
    position: relative;
    top: 7px;
  }
}
.lp-process__list-steps {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 2.1809rem;
  font-weight: 600;
  color: #01A0C8;
}
@media screen and (max-width: 834px) {
  .lp-process__list-steps {
    font-size: 1.398rem;
    margin-bottom: 10px;
  }
}
.lp-process__list-steps span {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: #01A0C8;
  font-size: 2.81629rem;
  color: #fff;
  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;
  margin-left: 4px;
}
@media screen and (max-width: 834px) {
  .lp-process__list-steps span {
    font-size: 1.805rem;
    margin-left: 3px;
    width: 25px;
    height: 25px;
  }
}
.lp-process__list-ttl {
  font-size: 2.6rem;
  font-weight: 800;
  margin-left: 20px;
}
@media screen and (max-width: 834px) {
  .lp-process__list-ttl {
    width: 100%;
    margin-left: 0;
    font-size: 1.6665rem;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 834px) {
  .lp-process__list-desc {
    padding-top: 13px;
    letter-spacing: -0.5px;
  }
}

.lp-apply {
  padding: 109px 0 90px;
}
@media screen and (max-width: 834px) {
  .lp-apply {
    padding: 45px 0 30px;
  }
}
.lp-apply__ttl {
  max-width: 782px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 834px) {
  .lp-apply__ttl {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 21px;
  }
}
.lp-apply__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 min(3.75vw, 60px);
  margin-bottom: 44px;
}
@media screen and (max-width: 834px) {
  .lp-apply__list {
    margin-bottom: 24px;
    gap: 0 20px;
  }
}
.lp-apply__list-img {
  margin-bottom: 18px;
}
@media screen and (max-width: 834px) {
  .lp-apply__list-img {
    margin-bottom: 8px;
  }
}
.lp-apply__list-desc {
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .lp-apply__list-desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-apply__list-desc {
    font-size: 1.2rem;
    line-height: 1.35;
    text-align: left;
    font-weight: 600;
  }
}
.lp-apply__contact {
  font-size: 3.65827rem;
  text-align: center;
  font-weight: 900;
  line-height: 1.15;
}
@media screen and (max-width: 834px) {
  .lp-apply__contact {
    font-size: 2.027rem;
  }
}
.lp-apply__contact span {
  color: #FF7B80;
}

.lp-difficult {
  padding: 104px 0 64px;
  background: url(../img/index/bgdifficult.png) no-repeat center/cover;
}
@media screen and (max-width: 834px) {
  .lp-difficult {
    padding: 39px 0 18px;
  }
}
.lp-difficult__ttl {
  max-width: 825px;
  margin: 0 auto 30px;
  position: relative;
  left: 32px;
}
@media screen and (max-width: 1680px) {
  .lp-difficult__ttl {
    left: 0;
  }
}
@media screen and (max-width: 834px) {
  .lp-difficult__ttl {
    left: 0;
    max-width: 500px;
    width: 102%;
    margin-bottom: 14px;
  }
}
.lp-difficult__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 30px;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .lp-difficult__list {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .lp-difficult__list {
    gap: 0 10px;
  }
}
.lp-difficult__list-img {
  margin-bottom: 10px;
}
.lp-difficult__list-ttl {
  text-align: center;
  font-weight: 800;
  margin-bottom: 15px;
  font-size: 3rem;
}
@media screen and (max-width: 834px) {
  .lp-difficult__list-ttl {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.lp-difficult__list-desc {
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .lp-difficult__list-desc {
    padding-left: 8px;
    line-height: 1.2;
  }
}

.lp-cost {
  position: relative;
  padding-bottom: 80px;
}
@media screen and (max-width: 834px) {
  .lp-cost {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .lp-cost {
    padding-bottom: 0;
    margin-bottom: -6px;
  }
}
.lp-cost:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 288px;
  background: #01A0C8;
}
@media screen and (max-width: 834px) {
  .lp-cost:before {
    height: 240px;
  }
}
@media screen and (max-width: 640px) {
  .lp-cost:before {
    height: 205px;
  }
}
.lp-cost__heading {
  margin-bottom: 155px;
}
@media screen and (max-width: 834px) {
  .lp-cost__heading {
    margin-bottom: 8px;
  }
}
.lp-cost__heading .inner {
  position: relative;
}
.lp-cost__heading-img {
  width: 444px;
  position: absolute;
  top: -45px;
  left: -18px;
  -webkit-transform: translateX(-30%);
      -ms-transform: translateX(-30%);
          transform: translateX(-30%);
}
@media screen and (max-width: 1024px) {
  .lp-cost__heading-img {
    width: 350px;
    top: 0;
  }
}
@media screen and (max-width: 834px) {
  .lp-cost__heading-img {
    display: none;
  }
}
.lp-cost__heading-ttl {
  max-width: 623px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  left: 90px;
  top: -10px;
}
@media screen and (max-width: 1024px) {
  .lp-cost__heading-ttl {
    max-width: 563px;
    left: 106px;
  }
}
@media screen and (max-width: 834px) {
  .lp-cost__heading-ttl {
    left: 0;
    top: -15px;
    width: 103%;
    max-width: 400px;
  }
}
.lp-cost__ttlsub {
  max-width: 761px;
  width: 100%;
  margin: 0 auto 20px;
}
@media screen and (max-width: 1024px) {
  .lp-cost__ttlsub {
    max-width: 650px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 834px) {
  .lp-cost__ttlsub {
    max-width: 461px;
    margin: 0 auto 10px;
  }
}
.lp-cost__card {
  margin: 0 auto 25px;
  max-width: 312px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  .lp-cost__card {
    max-width: 189px;
    margin-left: 0;
    margin-bottom: 14vw;
  }
}
@media screen and (max-width: 640px) {
  .lp-cost__card {
    margin-bottom: 28vw;
  }
}
.lp-cost__note {
  position: relative;
}
@media screen and (max-width: 640px) {
  .lp-cost__note {
    padding: 6px 8px;
    width: 114%;
    left: -7%;
  }
}
.lp-cost__note-wp {
  padding: 37px 25px 23px;
  position: relative;
  border: 1px solid #233F5E;
  background: #fff;
}
@media screen and (max-width: 834px) {
  .lp-cost__note-wp {
    padding: 35px 15px 28px;
    z-index: 2;
  }
}
.lp-cost__note-label {
  position: absolute;
  top: 0;
  left: 17px;
  font-size: 2.4rem;
  font-weight: 800;
  background: #233F5E;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 10px 13px;
}
@media screen and (max-width: 834px) {
  .lp-cost__note-label {
    font-size: 1.46rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 6px 8px;
  }
}
.lp-cost__ceo {
  max-width: 284px;
  position: absolute;
  top: 0;
  right: 40px;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media screen and (max-width: 1024px) {
  .lp-cost__ceo {
    max-width: 245px;
    right: 0;
  }
}
@media screen and (max-width: 834px) {
  .lp-cost__ceo {
    max-width: 200px;
    top: 6px;
    right: 7px;
  }
}
.lp-cost__ceo-desc {
  position: absolute;
  bottom: 17px;
  right: -35px;
  text-align: right;
  font-size: 1.778rem;
  font-weight: 600;
  line-height: 1.3;
  text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
@media screen and (max-width: 834px) {
  .lp-cost__ceo-desc {
    font-size: 1.278rem;
    right: auto;
    left: 0;
    -webkit-transform: translateX(-88%);
        -ms-transform: translateX(-88%);
            transform: translateX(-88%);
    bottom: 39px;
  }
}
.lp-cost__ceo-desc span {
  display: block;
  font-size: 2.44476rem;
}
@media screen and (max-width: 834px) {
  .lp-cost__ceo-desc span {
    font-size: 1.757rem;
  }
}

.lp-repairing {
  padding: 50px 0 0;
}
@media screen and (max-width: 834px) {
  .lp-repairing {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}
.lp-repairing__ttl {
  max-width: 998px;
  margin: 0 auto -13px;
}
@media screen and (max-width: 834px) {
  .lp-repairing__ttl {
    max-width: 508px;
    margin-bottom: 6px;
  }
}
.lp-repairing__intro {
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 834px) {
  .lp-repairing__intro {
    margin-bottom: 25px;
  }
}
.lp-repairing__intro span {
  color: #FF7B80;
  font-weight: 600;
}
.lp-repairing__wp {
  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;
}
.lp-repairing__wp-ttl {
  text-align: center;
  font-size: 3.14782rem;
  font-weight: 800;
  margin-bottom: 27px;
}
@media screen and (max-width: 1024px) {
  .lp-repairing__wp-ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-ttl {
    font-size: 1.8115rem;
    margin-bottom: 16px;
  }
}
.lp-repairing__wp-left {
  width: 56%;
}
@media screen and (max-width: 1024px) {
  .lp-repairing__wp-left {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-left {
    width: 100%;
  }
}
.lp-repairing__wp-right {
  width: 37.6%;
}
@media screen and (max-width: 1024px) {
  .lp-repairing__wp-right {
    width: 34.6%;
  }
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-right {
    display: none;
  }
}
.lp-repairing__wp-table table {
  width: 100%;
}
.lp-repairing__wp-table table tr td {
  font-size: 2.68219rem;
  font-weight: 700;
  background: #E3F5F9;
  width: calc(100% - 170px);
  border-bottom: 10px solid #fff;
  padding: 18px 20px;
}
@media screen and (max-width: 1200px) {
  .lp-repairing__wp-table table tr td {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .lp-repairing__wp-table table tr td {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-table table tr td {
    font-size: 1.6465rem;
    padding: 9.5px 11px;
    width: calc(100% - 110px);
  }
}
.lp-repairing__wp-table table tr td:nth-child(2) {
  width: 170px;
  text-align: right;
  padding-left: 0;
}
@media screen and (max-width: 1024px) {
  .lp-repairing__wp-table table tr td:nth-child(2) {
    width: 150px;
  }
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-table table tr td:nth-child(2) {
    width: 110px;
    padding-right: 20px;
  }
}
.lp-repairing__wp-total {
  background: #FFFFA3;
  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;
}
.lp-repairing__wp-total span:nth-child(1) {
  width: 120px;
  height: 84px;
  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;
  font-size: 2.68219rem;
  font-weight: 700;
  color: #fff;
  background: #FF7B80;
  position: relative;
  padding-left: 15px;
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-total span:nth-child(1) {
    width: 78px;
    height: 52px;
    font-size: 1.6465rem;
  }
}
.lp-repairing__wp-total span:nth-child(1):after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 42px 0 42px 30px;
  border-color: transparent transparent transparent #FF7B80;
  border-style: solid;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-total span:nth-child(1):after {
    border-width: 26px 0 26px 15px;
  }
}
.lp-repairing__wp-total span:nth-child(2) {
  width: calc(100% - 120px);
  font-size: 5.68633rem;
  font-weight: 700;
  color: #FF7B80;
  text-align: right;
  padding-right: 25px;
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-total span:nth-child(2) {
    font-size: 3.49rem;
    width: calc(100% - 78px);
    padding-right: 15px;
  }
}
.lp-repairing__wp-total span:nth-child(2) small {
  font-size: 3.81295rem;
}
@media screen and (max-width: 834px) {
  .lp-repairing__wp-total span:nth-child(2) small {
    font-size: 2.3405rem;
  }
}

.lp-careful {
  padding: 100px 0 144px;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .lp-careful {
    padding: 20px 0 56px;
  }
}
.lp-careful__wp {
  background: url(../img/index/bg-careful2.webp) no-repeat center/cover;
  border: 9px dashed #233F5E;
  border-radius: 45px;
  padding: 50px 48px 0;
}
@media screen and (max-width: 1024px) {
  .lp-careful__wp {
    padding: 35px 30px 0;
  }
}
@media screen and (max-width: 834px) {
  .lp-careful__wp {
    border: 5px dashed #233F5E;
    border-radius: 20px;
    padding: 22px 13px 0;
  }
}
@media screen and (max-width: 640px) {
  .lp-careful__wp {
    padding: 22px 28px 0;
  }
}
.lp-careful__ttl {
  max-width: 775px;
  width: 100%;
  margin: 0 auto 37px;
}
@media screen and (max-width: 834px) {
  .lp-careful__ttl {
    max-width: 450px;
    width: 100%;
    margin: 0 auto 14px;
  }
}
@media screen and (max-width: 640px) {
  .lp-careful__ttl {
    width: 108%;
    left: -4%;
    position: relative;
  }
}
.lp-careful__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 28px;
  margin-bottom: -30px;
}
@media screen and (max-width: 1024px) {
  .lp-careful__list {
    gap: 0 15px;
  }
}
@media screen and (max-width: 834px) {
  .lp-careful__list {
    gap: 9px 10px;
  }
}
@media screen and (max-width: 640px) {
  .lp-careful__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 9px 15px;
  }
}
.lp-careful__list-img {
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .lp-careful__list-img {
    margin-bottom: 7px;
  }
}
.lp-careful__list-desc {
  text-align: center;
  font-weight: 800;
  font-size: 2.2rem;
  line-height: 1.45;
}
@media screen and (max-width: 1024px) {
  .lp-careful__list-desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 834px) {
  .lp-careful__list-desc {
    font-size: 1.444rem;
  }
}
.lp-careful__cause {
  max-width: 648px;
  width: 100%;
  margin: 0 auto;
  background: #233F5E;
  padding: 23px 30px;
  border-radius: 15px;
  font-size: 4.45707rem;
  line-height: 1.2;
  text-align: center;
  font-weight: 600;
  color: #fff;
  position: relative;
  -webkit-transform: translateY(56%);
      -ms-transform: translateY(56%);
          transform: translateY(56%);
  letter-spacing: -2px;
}
@media screen and (max-width: 834px) {
  .lp-careful__cause {
    font-size: 1.8415rem;
    width: 97%;
    padding: 11px 15px;
    border-radius: 10px;
  }
}
.lp-careful__cause::before {
  content: "";
  display: inline-block;
  width: 129px;
  height: 40px;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  position: absolute;
  background: #233F5E;
}
@media screen and (max-width: 834px) {
  .lp-careful__cause::before {
    width: 53px;
    height: 14px;
  }
}
.lp-careful__cause:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 102px 130px 0 130px;
  border-color: #233F5E transparent transparent transparent;
  border-style: solid;
  position: absolute;
  bottom: -23px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (max-width: 834px) {
  .lp-careful__cause:after {
    border-width: 42px 56px 0 56px;
    bottom: -8px;
  }
}
.lp-careful__cause span {
  color: #FFFF00;
}

.lp-house {
  background: #DEF3F8;
  padding: 80px 0 0;
  margin-bottom: 240px;
}
@media screen and (max-width: 834px) {
  .lp-house {
    padding: 50px 0 0;
    margin-bottom: 107px;
  }
}
.lp-house__ttl {
  max-width: 740px;
  width: 100%;
  margin: 0 auto 37px;
  position: relative;
  left: 44px;
}
@media screen and (max-width: 834px) {
  .lp-house__ttl {
    width: 90%;
    margin: 0 auto 50px;
    left: 9px;
  }
}
.lp-house__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 30px;
  margin-bottom: -67px;
  position: relative;
}
.lp-house__list:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: min(12.375vw, 198px);
  height: min(15.563vw, 249px);
  background: url(../img/index/before-house.png) no-repeat center/100%;
  top: 0;
  left: 0;
  -webkit-transform: translate(-45%, -90%);
      -ms-transform: translate(-45%, -90%);
          transform: translate(-45%, -90%);
}
@media screen and (max-width: 640px) {
  .lp-house__list:before {
    width: 99px;
    height: 124px;
    left: auto;
    right: 0;
    -webkit-transform: translate(0, -30%);
        -ms-transform: translate(0, -30%);
            transform: translate(0, -30%);
  }
}
.lp-house__list:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: min(12.375vw, 198px);
  height: min(15.563vw, 249px);
  background: url(../img/index/before-house.png) no-repeat center/100%;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(45%, 45%);
      -ms-transform: translate(45%, 45%);
          transform: translate(45%, 45%);
}
@media screen and (max-width: 640px) {
  .lp-house__list:after {
    width: 99px;
    height: 124px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media screen and (max-width: 834px) {
  .lp-house__list {
    gap: 0 15px;
  }
}
@media screen and (max-width: 640px) {
  .lp-house__list {
    grid-template-columns: 1fr;
    gap: 15px 0;
    margin-bottom: -20px;
  }
}
.lp-house__list-item {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  .lp-house__list-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .lp-house__list-item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .lp-house__list-item:nth-child(even) .lp-house__list-img {
    padding-left: 15px;
    padding-right: 0;
  }
  .lp-house__list-item:nth-child(2) {
    position: relative;
  }
  .lp-house__list-item:nth-child(2):before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 99px;
    height: 124px;
    background: url(../img/index/before-house.png) no-repeat center/100%;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.lp-house__list-img {
  margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
  .lp-house__list-img {
    margin-bottom: 0;
    width: 50%;
    padding-right: 15px;
  }
}
.lp-house__list-desc {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.3181818182;
  font-weight: 800;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .lp-house__list-desc {
    font-size: 14.44px;
    font-size: 1.444rem;
    line-height: 1.3182132964;
  }
}
@media screen and (max-width: 640px) {
  .lp-house__list-desc {
    width: 50%;
  }
}

.box-resolve {
  max-width: 688px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 26px 47px 25px;
  border-radius: 40px;
  font-size: 4.45707rem;
  line-height: 1.3;
  text-align: center;
  font-weight: 600;
  position: relative;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  border: 9px solid #233F5E;
}
@media screen and (max-width: 834px) {
  .box-resolve {
    padding: 13px 18px 12px;
    border-radius: 20px;
    border-width: 6px;
  }
}
.box-resolve::before {
  content: "";
  display: inline-block;
  width: 129px;
  height: 40px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  position: absolute;
  background: #233F5E;
}
@media screen and (max-width: 834px) {
  .box-resolve::before {
    width: 63px;
    height: 18px;
  }
}
.box-resolve:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 102px 140px 0 140px;
  border-color: #233F5E transparent transparent transparent;
  border-style: solid;
  position: absolute;
  bottom: -36px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (max-width: 834px) {
  .box-resolve:after {
    border-width: 50px 70px 0 70px;
    bottom: -18px;
  }
}
.box-resolve span {
  color: #FFFF00;
}
/*# sourceMappingURL=maps/styles.css.map */

/* thanksページ */
.page-inquiry {
  padding-top: 100px;
  padding-bottom: 160px;
}
.page-inquiry .contents-inr {
  max-width: 960px;
}
.contents-inr {
  position: relative;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
}
.page-inquiry .ttl-cmn01 {
  margin-bottom: 20px;
  color: #01A0C8;
  font-size: 37px;
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: 1px;
  font-weight: 900;
}
.ttl-cmn01 {
  text-align: center;
}
.page-inquiry p.txt {
  margin-bottom: 100px;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}
.page-inquiry .pthanks {
  text-align: center !important;
  padding-top: 70px;
  padding-bottom: 0px;
}
.page-inquiry .big {
  font-size: 18px !important;
  font-weight: 700 !important;
}
@media screen and (max-width: 834px) {
  .page-inquiry .contents-inr {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-inquiry .ttl-cmn01 {
    font-size: 28px;
  }
  .page-inquiry p.txt {
    margin-bottom: 50px;
  }
  .page-inquiry .pthanks {
    padding-top: 50px;
  }
  .page-inquiry .big {
    font-size: 16px !important;
  }
}
/* フローティングバナー */
.lp-notification.fixed-banner {
  position: fixed;
  width: 100%;
  padding: 5px 0 8px;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: none;
}

@media screen and (max-width: 768px) {
  .lp-notification.fixed-banner {
    display: block;
  }
}