@charset "UTF-8";
@font-face { font-family: Sukhumvit; font-style: normal;font-weight: 400; src: url(/static/jp-en/common/font/07_SukhumvitTadmai_Lig.otf) format("opentype");  }

@font-face { font-family: volteweb; font-style: normal;font-weight: 400; src: url(/static/jp-en/common/font/Volte-Regular.woff) format("woff"), url(/static/jp-en/common/font/Volte-Regular.otf) format("opentype");  }

@font-face { font-family: Sukhumvit; font-style: normal;font-weight: normal; src: url(/static/jp-en/common/font/07_SukhumvitTadmai_Lig.otf) format("opentype");  }

@font-face { font-family: "Volte Regular"; font-style: normal; font-weight: normal;src: url(/static/jp-en/common/font/Volte-Regular.otf) format("opentype");  }

@font-face { font-family: "Volte Bold"; font-style: normal; font-weight: normal;src: url(/static/jp-en/common/font/VolteBold.woff) format("woff");  }

@font-face { font-family: "LINESeedJPStd Regular"; font-style: normal; font-weight: normal;src: url(/static/jp-en/common/font/LINESeedJP_OTF_Rg.woff2) format("woff2"), url(/static/jp-en/common/font/LINESeedJP_OTF_Rg.woff) format("woff");  }

@font-face { font-family: "LINESeedJPStd Thin"; font-style: normal; font-weight: normal;src: url(/static/jp-en/common/font/LINESeedJP_OTF_Th.woff2) format("woff2"), url(/static/jp-en/common/font/LINESeedJP_OTF_Th.woff) format("woff");  }

@font-face { font-family: "LINESeedJPStd Bold"; font-style: normal; font-weight: normal;src: url(/static/jp-en/common/font/LINESeedJP_OTF_Bd.woff2) format("woff2"), url(/static/jp-en/common/font/LINESeedJP_OTF_Bd.woff) format("woff");  }

@font-face { font-family: "LINESeedJPStd ExtraBold"; font-style: normal; font-weight: normal;src: url(/static/jp-en/common/font/LINESeedJP_OTF_Eb.woff2) format("woff2"), url(/static/jp-en/common/font/LINESeedJP_OTF_Eb.woff) format("woff");  }

@font-face { font-family: "LINESeedJPStd"; font-style: normal; font-weight: 100;src: url(/static/jp-en/common/font/LINESeedJP_OTF_Th.woff2) format("woff2"), url(/static/jp-en/common/font/LINESeedJP_OTF_Th.woff) format("woff");  }

@font-face { font-family: "LINESeedJPStd"; font-style: normal; font-weight: 400;src: url(/static/jp-en/common/font/LINESeedJP_OTF_Rg.woff2) format("woff2"), url(/static/jp-en/common/font/LINESeedJP_OTF_Rg.woff) format("woff");  }

@font-face { font-family: "LINESeedJPStd"; font-style: normal; font-weight: 700;src: url(/static/jp-en/common/font/LINESeedJP_OTF_Bd.woff2) format("woff2"), url(/static/jp-en/common/font/LINESeedJP_OTF_Bd.woff) format("woff");  }

@font-face { font-family: "LINESeedJPStd"; font-style: normal; font-weight: 800;src: url(/static/jp-en/common/font/LINESeedJP_OTF_Eb.woff2) format("woff2"), url(/static/jp-en/common/font/LINESeedJP_OTF_Eb.woff) format("woff");  }
.wrap { margin: 0 auto; padding-top: 96px; }
@media screen and (max-width: 1024px) { .wrap { padding-top: 50px; } }
/* @media screen and (max-width: 1024px) { .wrap>main { padding-bottom: 80px; } } */
.l-header { height: calc(var(--fixed-header-height) * 1px); }

.l-footer { background-color: #00003e; color: #fff; overflow: hidden; padding-bottom: 105px; padding-top: 80px; position: relative; width: 100%; }
@media screen and (max-width: 1024px) { .l-footer { --design-width: 348; padding-bottom: 80px; padding-top: 38px; } }
.l-footer__inner { margin: 0 auto; max-width: 100%; padding: 0 20px; position: relative; width: 100%; z-index: 2; }
@media screen and (max-width: 1024px) { .l-footer__inner { padding: 0 15px; } }
@media only screen and (min-width: 1024px) { .l-footer__inner { max-width: 1240px; padding: 0 20px; } }
.l-footer__deco { position: absolute; z-index: 1; }
.l-footer__deco--green { border-color: #06c755 transparent transparent transparent; border-style: solid; border-width: 280px 150px 0 0; height: 0; left: 0; top: 0; width: 0; }
@media screen and (max-width: 1024px) { .l-footer__deco--green { border-width: calc(103 / var(--design-width) * 100vw) calc(56 / var(--design-width) * 100vw) 0 0; } }
.l-footer__deco--red { border-color: transparent transparent #f03 transparent; border-style: solid; border-width: 0 0 280px 150px; bottom: 0; height: 0; right: 0; width: 0; }
@media screen and (max-width: 1024px) { .l-footer__deco--red { border-width: 0 0 calc(103 / var(--design-width) * 100vw) calc(56 / var(--design-width) * 100vw); } }
.l-footer__logo { font-family: "LINESeedJPStd Bold", sans-serif; font-size: 27px; font-weight: bold; margin-bottom: 26px; text-align: center; }
.l-footer__logo a { color: #fff; text-decoration: none; transition: opacity .3s; }
@media screen and (min-width: 1025px) { .l-footer__logo a:hover { opacity: .7; } }
@media only screen and (min-width: 1024px) { .l-footer__logo { font-size: 27px; margin-bottom: 0; text-align: left; } }
.l-footer__copyright { color: #fff; font-family: "LINESeedJPStd Regular", sans-serif; margin-top: 20px; text-align: center; }
.l-footer__copyright small { color: #fff; font-size: 12px; }
@media screen and (max-width: 1024px) { .l-footer__copyright { margin-top: 20px; }
.l-footer__copyright small { font-size: 10px; } }
@media only screen and (min-width: 1024px) { .l-footer__copyright { margin-top: 0; text-align: right; } }

.l-footer-cta { background-color: #fff; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, .1); color: #404040; margin-bottom: 40px; overflow: hidden; padding: 0; }
@media only screen and (min-width: 1024px) { .l-footer-cta { border-radius: 12px; margin-bottom: 60px; padding: 33px 60px 36px; width: 100%; } }
.l-footer-cta__row { display: flex; flex-direction: column; margin-inline: auto; width: 345px; }
@media only screen and (min-width: 1024px) { .l-footer-cta__row { flex-direction: row; justify-content: space-between; width: 100%; } }
.l-footer-cta__col { align-items: center; display: flex; flex: 1; flex-direction: column; padding: 35px 15px 30px; text-align: center; }
.l-footer-cta__col:nth-of-type(2) { padding: 25px 15px 30px; }
@media only screen and (min-width: 1024px) { .l-footer-cta__col { padding: 0; }
.l-footer-cta__col:nth-of-type(2) { padding: 0; } }
.l-footer-cta__divider { background-color: #000; display: block; flex-shrink: 0; height: 1px; margin: 0 auto 0; width: calc(100% - 40px); }
@media only screen and (min-width: 1024px) { .l-footer-cta__divider { height: 206px; margin: 0 40px; width: 1px; } }
.l-footer-cta__title { font-family: "LINESeedJPStd Bold", sans-serif; font-size: 18px; font-weight: bold; letter-spacing: .01em; margin-bottom: 13px; }
@media only screen and (min-width: 1024px) { .l-footer-cta__title { font-size: 28px; margin-bottom: 36px; margin-top: 31px; } }
.l-footer-cta__btn { align-items: center; background-color: #f77911; border: 1px solid #f77911; border-radius: 50px; color: #fff; display: flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; justify-content: space-between; padding: 4px 5px 5px 15px; text-decoration: none; text-decoration: none !important; transition: opacity .3s; white-space: nowrap; width: 100%; }
@media screen and (max-width: 1160px) { .l-footer-cta__btn { white-space: wrap; } }
@media only screen and (min-width: 1024px) { .l-footer-cta__btn { font-size: 16px; max-width: 410px; padding: 10px 10px 10px 18px; } }
@media (hover: hover) and (pointer: fine) { .l-footer-cta__btn { text-decoration: none; transition: all .3s; }
.l-footer-cta__btn:hover { background-color: #fff; color: #f77911; }
.l-footer-cta__btn:hover .l-footer-cta__btn-icon { background-color: #f77911; }
.l-footer-cta__btn:hover .l-footer-cta__btn-icon::after { background-color: #fff; } }
.l-footer-cta__btn-icon { background-color: #fff; border-radius: 50%; flex-shrink: 0; height: 26px; margin-left: 10px; position: relative; transition: all .3s; width: 26px; }
.l-footer-cta__btn-icon::after { background-color: #f77911; content: ""; height: 12px; left: 50%; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transition: all .3s; translate: -50% -50%; width: 7px; }
.l-footer-cta__note { color: #000; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 12px; margin-top: 10px; }
@media screen and (max-width: 1024px) { .l-footer-cta__note { font-size: 10px; margin-top: 11px; } }

.l-footer-main__top { display: flex; flex-direction: column; margin-bottom: 0; }
@media only screen and (min-width: 1024px) { .l-footer-main__top { flex-direction: row; justify-content: space-between; margin-bottom: 40px; } }

.l-footer-nav-area { align-items: center; display: flex; flex-direction: column; }
@media only screen and (min-width: 1024px) { .l-footer-nav-area { display: block; } }

.l-footer-nav { margin-bottom: 26px; width: 100%; }
@media only screen and (min-width: 1024px) { .l-footer-nav { margin-bottom: 0; width: auto; } }
.l-footer-nav__list { display: flex; flex-wrap: wrap; gap: 8px 31px; justify-content: center; }
@media only screen and (min-width: 1024px) { .l-footer-nav__list { gap: 42px; justify-content: flex-end; margin-top: 6px; } }
.l-footer-nav__item { font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; }
.l-footer-nav__item a { color: #fff; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .l-footer-nav__item a:hover { text-decoration: underline; } }
@media screen and (max-width: 1024px) { .l-footer-nav__item { font-size: 12px; } }

.l-footer-btns { display: flex; gap: 15px; justify-content: end; margin-top: 24px; }
@media screen and (max-width: 1024px) { .l-footer-btns { display: none; } }

.l-footer-btn { align-items: center; border-radius: 22px; display: inline-flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 16px; height: 47px; justify-content: space-between; padding: 2px 10px 0 18px; text-decoration: none; text-decoration: none !important; transition: all .3s; white-space: nowrap; width: 180px; }
@media screen and (max-width: 1024px) { .l-footer-btn { border-radius: 22px; font-size: 14px; height: 44px; padding: 0 15px; width: 180px; } }
.l-footer-btn__icon { align-items: center; border-radius: 50%; display: inline-flex; height: 26px; justify-content: center; margin-left: 10px; position: relative; transition: background-color .3s; width: 26px; }
.l-footer-btn__icon::after { background-color: transparent; content: ""; height: 12px; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; transition: background-color .3s; width: 7px; }
.l-footer-btn--contact { background-color: #0432ff; border: 1px solid #0432ff; color: #fff; }
.l-footer-btn--contact .l-footer-btn__icon { background-color: #fff; }
.l-footer-btn--contact .l-footer-btn__icon::after { background-color: #0432ff; }
.l-footer-btn--contact:hover { background-color: #fff; color: #0432ff; opacity: 1; }
.l-footer-btn--contact:hover .l-footer-btn__icon { background-color: #0432ff; }
.l-footer-btn--contact:hover .l-footer-btn__icon::after { background-color: #fff; }
.l-footer-btn--login { background-color: #fff; border: 2px solid #f77911; color: #f77911; }
.l-footer-btn--login .l-footer-btn__icon { background-color: #f77911; }
.l-footer-btn--login .l-footer-btn__icon::after { background-color: #fff; }
.l-footer-btn--login:hover { background-color: #f77911; color: #fff; opacity: 1; }
.l-footer-btn--login:hover .l-footer-btn__icon { background-color: #fff; }
.l-footer-btn--login:hover .l-footer-btn__icon::after { background-color: #f77911; }

.l-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .5); display: flex; flex-direction: column; padding-top: 20px; }
@media only screen and (min-width: 1024px) { .l-footer-bottom { align-items: center; flex-direction: row; justify-content: space-between; padding-top: 22px; } }
.l-footer-bottom__links { display: flex; gap: 50px; justify-content: center; margin-bottom: 20px; }
.l-footer-bottom__links a { color: #fff; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 12px; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .l-footer-bottom__links a:hover { text-decoration: underline; } }
@media only screen and (min-width: 1024px) { .l-footer-bottom__links { justify-content: flex-start; margin-bottom: 0; } }

.bg-white { background-color: var(--color-white-1) !important; }

.fw-normal { font-weight: 500 !important; }

.fw-bold { font-weight: 700 !important; }

.txt-al-center { text-align: center !important; }

.txt-al-right { text-align: right !important; }

.txt-al-left { text-align: left !important; }

.js-fadein { opacity: 0; }
.js-fadein.is-active { opacity: 1; transition: opacity 1s; }

.js-fadein-up { opacity: 0; transform: translateY(50px); }
.js-fadein-up.is-active { opacity: 1; transform: translateY(0); transition: transform .8s, opacity 1s; }

.js-fadein-up-late { opacity: 0; transform: translateY(50px); }
.js-fadein-up-late.is-active { opacity: 1; transform: translateY(0); transition: transform .8s, opacity 1s; transition-delay: .5s; }

.js-slidein-to-left { opacity: 0; transform: translateX(50px); }
.js-slidein-to-left.is-active { opacity: 1; transform: translateX(0); transition: transform .8s, opacity 1s; }

.js-slidein-to-right { opacity: 0; transform: translateX(-50px); }
.js-slidein-to-right.is-active { opacity: 1; transform: translateX(0); transition: transform .8s, opacity 1s; }

@media print and (min-width: 1025px), screen and (min-width: 1025px) { .pc-hide { display: none !important; } }
@media print and (max-width: 1024px), screen and (max-width: 1024px) { .sp-hide { display: none !important; } }
.mgt-pc--0 { margin-top: 0 !important; }

.mgt-pc--5 { margin-top: 5px !important; }

.mgt-pc--10 { margin-top: 10px !important; }

.mgt-pc--15 { margin-top: 15px !important; }

.mgt-pc--20 { margin-top: 20px !important; }

.mgt-pc--25 { margin-top: 25px !important; }

.mgt-pc--30 { margin-top: 30px !important; }

.mgt-pc--35 { margin-top: 35px !important; }

.mgt-pc--40 { margin-top: 40px !important; }

.mgt-pc--45 { margin-top: 45px !important; }

.mgt-pc--50 { margin-top: 50px !important; }

.mgt-pc--55 { margin-top: 55px !important; }

.mgt-pc--60 { margin-top: 60px !important; }

.mgt-pc--65 { margin-top: 65px !important; }

.mgt-pc--70 { margin-top: 70px !important; }

.mgt-pc--75 { margin-top: 75px !important; }

.mgt-pc--80 { margin-top: 80px !important; }

.mgt-pc--85 { margin-top: 85px !important; }

.mgt-pc--90 { margin-top: 90px !important; }

.mgt-pc--95 { margin-top: 95px !important; }

.mgt-pc--100 { margin-top: 100px !important; }

.mgt-pc--105 { margin-top: 105px !important; }

.mgt-pc--110 { margin-top: 110px !important; }

.mgt-pc--115 { margin-top: 115px !important; }

.mgt-pc--120 { margin-top: 120px !important; }

.mgt-pc--125 { margin-top: 125px !important; }

.mgt-pc--130 { margin-top: 130px !important; }

.mgt-pc--135 { margin-top: 135px !important; }

.mgt-pc--140 { margin-top: 140px !important; }

.mgt-pc--145 { margin-top: 145px !important; }

.mgt-pc--150 { margin-top: 150px !important; }

.mgt-pc--155 { margin-top: 155px !important; }

.mgt-pc--160 { margin-top: 160px !important; }

.mgt-pc--165 { margin-top: 165px !important; }

.mgt-pc--170 { margin-top: 170px !important; }

.mgt-pc--175 { margin-top: 175px !important; }

.mgt-pc--180 { margin-top: 180px !important; }

.mgt-pc--185 { margin-top: 185px !important; }

.mgt-pc--190 { margin-top: 190px !important; }

.mgt-pc--195 { margin-top: 195px !important; }

.mgt-pc--200 { margin-top: 200px !important; }

.mgt-pc--205 { margin-top: 205px !important; }

.mgt-pc--210 { margin-top: 210px !important; }

.mgt-pc--215 { margin-top: 215px !important; }

.mgt-pc--220 { margin-top: 220px !important; }

.mgt-pc--225 { margin-top: 225px !important; }

.mgt-pc--230 { margin-top: 230px !important; }

.mgt-pc--235 { margin-top: 235px !important; }

.mgt-pc--240 { margin-top: 240px !important; }

.mgt-pc--245 { margin-top: 245px !important; }

.mgt-pc--250 { margin-top: 250px !important; }

@media screen and (max-width: 1024px) { .mgt-sp--0 { margin-top: 0 !important; }

.mgt-sp--5 { margin-top: calc(5 / var(--design-width) * 100vw) !important; }

.mgt-sp--10 { margin-top: calc(10 / var(--design-width) * 100vw) !important; }

.mgt-sp--15 { margin-top: calc(15 / var(--design-width) * 100vw) !important; }

.mgt-sp--20 { margin-top: calc(20 / var(--design-width) * 100vw) !important; }

.mgt-sp--25 { margin-top: calc(25 / var(--design-width) * 100vw) !important; }

.mgt-sp--30 { margin-top: calc(30 / var(--design-width) * 100vw) !important; }

.mgt-sp--35 { margin-top: calc(35 / var(--design-width) * 100vw) !important; }

.mgt-sp--40 { margin-top: calc(40 / var(--design-width) * 100vw) !important; }

.mgt-sp--45 { margin-top: calc(45 / var(--design-width) * 100vw) !important; }

.mgt-sp--50 { margin-top: calc(50 / var(--design-width) * 100vw) !important; }

.mgt-sp--55 { margin-top: calc(55 / var(--design-width) * 100vw) !important; }

.mgt-sp--60 { margin-top: calc(60 / var(--design-width) * 100vw) !important; }

.mgt-sp--65 { margin-top: calc(65 / var(--design-width) * 100vw) !important; }

.mgt-sp--70 { margin-top: calc(70 / var(--design-width) * 100vw) !important; }

.mgt-sp--75 { margin-top: calc(75 / var(--design-width) * 100vw) !important; }

.mgt-sp--80 { margin-top: calc(80 / var(--design-width) * 100vw) !important; }

.mgt-sp--85 { margin-top: calc(85 / var(--design-width) * 100vw) !important; }

.mgt-sp--90 { margin-top: calc(90 / var(--design-width) * 100vw) !important; }

.mgt-sp--95 { margin-top: calc(95 / var(--design-width) * 100vw) !important; }

.mgt-sp--100 { margin-top: calc(100 / var(--design-width) * 100vw) !important; }

.mgt-sp--105 { margin-top: calc(105 / var(--design-width) * 100vw) !important; }

.mgt-sp--110 { margin-top: calc(110 / var(--design-width) * 100vw) !important; }

.mgt-sp--115 { margin-top: calc(115 / var(--design-width) * 100vw) !important; }

.mgt-sp--120 { margin-top: calc(120 / var(--design-width) * 100vw) !important; }

.mgt-sp--125 { margin-top: calc(125 / var(--design-width) * 100vw) !important; }

.mgt-sp--130 { margin-top: calc(130 / var(--design-width) * 100vw) !important; }

.mgt-sp--135 { margin-top: calc(135 / var(--design-width) * 100vw) !important; }

.mgt-sp--140 { margin-top: calc(140 / var(--design-width) * 100vw) !important; }

.mgt-sp--145 { margin-top: calc(145 / var(--design-width) * 100vw) !important; }

.mgt-sp--150 { margin-top: calc(150 / var(--design-width) * 100vw) !important; }

.mgt-sp--155 { margin-top: calc(155 / var(--design-width) * 100vw) !important; }

.mgt-sp--160 { margin-top: calc(160 / var(--design-width) * 100vw) !important; }

.mgt-sp--165 { margin-top: calc(165 / var(--design-width) * 100vw) !important; }

.mgt-sp--170 { margin-top: calc(170 / var(--design-width) * 100vw) !important; }

.mgt-sp--175 { margin-top: calc(175 / var(--design-width) * 100vw) !important; }

.mgt-sp--180 { margin-top: calc(180 / var(--design-width) * 100vw) !important; }

.mgt-sp--185 { margin-top: calc(185 / var(--design-width) * 100vw) !important; }

.mgt-sp--190 { margin-top: calc(190 / var(--design-width) * 100vw) !important; }

.mgt-sp--195 { margin-top: calc(195 / var(--design-width) * 100vw) !important; }

.mgt-sp--200 { margin-top: calc(200 / var(--design-width) * 100vw) !important; }

.mgt-sp--205 { margin-top: calc(205 / var(--design-width) * 100vw) !important; }

.mgt-sp--210 { margin-top: calc(210 / var(--design-width) * 100vw) !important; }

.mgt-sp--215 { margin-top: calc(215 / var(--design-width) * 100vw) !important; }

.mgt-sp--220 { margin-top: calc(220 / var(--design-width) * 100vw) !important; }

.mgt-sp--225 { margin-top: calc(225 / var(--design-width) * 100vw) !important; }

.mgt-sp--230 { margin-top: calc(230 / var(--design-width) * 100vw) !important; }

.mgt-sp--235 { margin-top: calc(235 / var(--design-width) * 100vw) !important; }

.mgt-sp--240 { margin-top: calc(240 / var(--design-width) * 100vw) !important; }

.mgt-sp--245 { margin-top: calc(245 / var(--design-width) * 100vw) !important; }

.mgt-sp--250 { margin-top: calc(250 / var(--design-width) * 100vw) !important; } }
.mgb-pc--0 { margin-bottom: 0 !important; }

.mgb-pc--5 { margin-bottom: 5px !important; }

.mgb-pc--10 { margin-bottom: 10px !important; }

.mgb-pc--15 { margin-bottom: 15px !important; }

.mgb-pc--20 { margin-bottom: 20px !important; }

.mgb-pc--25 { margin-bottom: 25px !important; }

.mgb-pc--30 { margin-bottom: 30px !important; }

.mgb-pc--35 { margin-bottom: 35px !important; }

.mgb-pc--40 { margin-bottom: 40px !important; }

.mgb-pc--45 { margin-bottom: 45px !important; }

.mgb-pc--50 { margin-bottom: 50px !important; }

.mgb-pc--55 { margin-bottom: 55px !important; }

.mgb-pc--60 { margin-bottom: 60px !important; }

.mgb-pc--65 { margin-bottom: 65px !important; }

.mgb-pc--70 { margin-bottom: 70px !important; }

.mgb-pc--75 { margin-bottom: 75px !important; }

.mgb-pc--80 { margin-bottom: 80px !important; }

.mgb-pc--85 { margin-bottom: 85px !important; }

.mgb-pc--90 { margin-bottom: 90px !important; }

.mgb-pc--95 { margin-bottom: 95px !important; }

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

.mgb-pc--105 { margin-bottom: 105px !important; }

.mgb-pc--110 { margin-bottom: 110px !important; }

.mgb-pc--115 { margin-bottom: 115px !important; }

.mgb-pc--120 { margin-bottom: 120px !important; }

.mgb-pc--125 { margin-bottom: 125px !important; }

.mgb-pc--130 { margin-bottom: 130px !important; }

.mgb-pc--135 { margin-bottom: 135px !important; }

.mgb-pc--140 { margin-bottom: 140px !important; }

.mgb-pc--145 { margin-bottom: 145px !important; }

.mgb-pc--150 { margin-bottom: 150px !important; }

.mgb-pc--155 { margin-bottom: 155px !important; }

.mgb-pc--160 { margin-bottom: 160px !important; }

.mgb-pc--165 { margin-bottom: 165px !important; }

.mgb-pc--170 { margin-bottom: 170px !important; }

.mgb-pc--175 { margin-bottom: 175px !important; }

.mgb-pc--180 { margin-bottom: 180px !important; }

.mgb-pc--185 { margin-bottom: 185px !important; }

.mgb-pc--190 { margin-bottom: 190px !important; }

.mgb-pc--195 { margin-bottom: 195px !important; }

.mgb-pc--200 { margin-bottom: 200px !important; }

.mgb-pc--205 { margin-bottom: 205px !important; }

.mgb-pc--210 { margin-bottom: 210px !important; }

.mgb-pc--215 { margin-bottom: 215px !important; }

.mgb-pc--220 { margin-bottom: 220px !important; }

.mgb-pc--225 { margin-bottom: 225px !important; }

.mgb-pc--230 { margin-bottom: 230px !important; }

.mgb-pc--235 { margin-bottom: 235px !important; }

.mgb-pc--240 { margin-bottom: 240px !important; }

.mgb-pc--245 { margin-bottom: 245px !important; }

.mgb-pc--250 { margin-bottom: 250px !important; }

@media screen and (max-width: 1024px) { .mgb-sp--0 { margin-bottom: 0 !important; }

.mgb-sp--5 { margin-bottom: calc(5 / var(--design-width) * 100vw) !important; }

.mgb-sp--10 { margin-bottom: calc(10 / var(--design-width) * 100vw) !important; }

.mgb-sp--15 { margin-bottom: calc(15 / var(--design-width) * 100vw) !important; }

.mgb-sp--20 { margin-bottom: calc(20 / var(--design-width) * 100vw) !important; }

.mgb-sp--25 { margin-bottom: calc(25 / var(--design-width) * 100vw) !important; }

.mgb-sp--30 { margin-bottom: calc(30 / var(--design-width) * 100vw) !important; }

.mgb-sp--35 { margin-bottom: calc(35 / var(--design-width) * 100vw) !important; }

.mgb-sp--40 { margin-bottom: calc(40 / var(--design-width) * 100vw) !important; }

.mgb-sp--45 { margin-bottom: calc(45 / var(--design-width) * 100vw) !important; }

.mgb-sp--50 { margin-bottom: calc(50 / var(--design-width) * 100vw) !important; }

.mgb-sp--55 { margin-bottom: calc(55 / var(--design-width) * 100vw) !important; }

.mgb-sp--60 { margin-bottom: calc(60 / var(--design-width) * 100vw) !important; }

.mgb-sp--65 { margin-bottom: calc(65 / var(--design-width) * 100vw) !important; }

.mgb-sp--70 { margin-bottom: calc(70 / var(--design-width) * 100vw) !important; }

.mgb-sp--75 { margin-bottom: calc(75 / var(--design-width) * 100vw) !important; }

.mgb-sp--80 { margin-bottom: calc(80 / var(--design-width) * 100vw) !important; }

.mgb-sp--85 { margin-bottom: calc(85 / var(--design-width) * 100vw) !important; }

.mgb-sp--90 { margin-bottom: calc(90 / var(--design-width) * 100vw) !important; }

.mgb-sp--95 { margin-bottom: calc(95 / var(--design-width) * 100vw) !important; }

.mgb-sp--100 { margin-bottom: calc(100 / var(--design-width) * 100vw) !important; }

.mgb-sp--105 { margin-bottom: calc(105 / var(--design-width) * 100vw) !important; }

.mgb-sp--110 { margin-bottom: calc(110 / var(--design-width) * 100vw) !important; }

.mgb-sp--115 { margin-bottom: calc(115 / var(--design-width) * 100vw) !important; }

.mgb-sp--120 { margin-bottom: calc(120 / var(--design-width) * 100vw) !important; }

.mgb-sp--125 { margin-bottom: calc(125 / var(--design-width) * 100vw) !important; }

.mgb-sp--130 { margin-bottom: calc(130 / var(--design-width) * 100vw) !important; }

.mgb-sp--135 { margin-bottom: calc(135 / var(--design-width) * 100vw) !important; }

.mgb-sp--140 { margin-bottom: calc(140 / var(--design-width) * 100vw) !important; }

.mgb-sp--145 { margin-bottom: calc(145 / var(--design-width) * 100vw) !important; }

.mgb-sp--150 { margin-bottom: calc(150 / var(--design-width) * 100vw) !important; }

.mgb-sp--155 { margin-bottom: calc(155 / var(--design-width) * 100vw) !important; }

.mgb-sp--160 { margin-bottom: calc(160 / var(--design-width) * 100vw) !important; }

.mgb-sp--165 { margin-bottom: calc(165 / var(--design-width) * 100vw) !important; }

.mgb-sp--170 { margin-bottom: calc(170 / var(--design-width) * 100vw) !important; }

.mgb-sp--175 { margin-bottom: calc(175 / var(--design-width) * 100vw) !important; }

.mgb-sp--180 { margin-bottom: calc(180 / var(--design-width) * 100vw) !important; }

.mgb-sp--185 { margin-bottom: calc(185 / var(--design-width) * 100vw) !important; }

.mgb-sp--190 { margin-bottom: calc(190 / var(--design-width) * 100vw) !important; }

.mgb-sp--195 { margin-bottom: calc(195 / var(--design-width) * 100vw) !important; }

.mgb-sp--200 { margin-bottom: calc(200 / var(--design-width) * 100vw) !important; }

.mgb-sp--205 { margin-bottom: calc(205 / var(--design-width) * 100vw) !important; }

.mgb-sp--210 { margin-bottom: calc(210 / var(--design-width) * 100vw) !important; }

.mgb-sp--215 { margin-bottom: calc(215 / var(--design-width) * 100vw) !important; }

.mgb-sp--220 { margin-bottom: calc(220 / var(--design-width) * 100vw) !important; }

.mgb-sp--225 { margin-bottom: calc(225 / var(--design-width) * 100vw) !important; }

.mgb-sp--230 { margin-bottom: calc(230 / var(--design-width) * 100vw) !important; }

.mgb-sp--235 { margin-bottom: calc(235 / var(--design-width) * 100vw) !important; }

.mgb-sp--240 { margin-bottom: calc(240 / var(--design-width) * 100vw) !important; }

.mgb-sp--245 { margin-bottom: calc(245 / var(--design-width) * 100vw) !important; }

.mgb-sp--250 { margin-bottom: calc(250 / var(--design-width) * 100vw) !important; } }
.p-opening { height: 100%; left: 0; overflow: hidden; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 9999; }
.p-opening.is-done { display: none; }
.p-opening__shape { background-color: #0a0f2e; height: 100%; left: 0; position: absolute; top: 0; transition: transform 1s cubic-bezier(.77, 0, .175, 1); width: 100%; }
.p-opening__shape--left { clip-path: polygon(0 0, 60% 0, 40% 100%, 0 100%); }
.p-opening__shape--right { clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%); }
.p-opening.is-active .p-opening__shape--left { transform: translateX(-100%); }
.p-opening.is-active .p-opening__shape--right { transform: translateX(100%); }

.p-header { background-color: #fff; height: 50px; left: 0; position: fixed; top: 0; transition: background-color .3s ease; width: 100%; z-index: 1000; }
.p-header.is-active .p-header__inner { background-color: transparent; box-shadow: none; }
.p-header.is-active .p-header__grobal { filter: brightness(0) invert(1); }
.p-header__inner { align-items: center; display: flex; height: 100%; justify-content: flex-end; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; z-index: 1002; }
.p-header__logo { font-size: 0; height: 40%; line-height: 1; margin: 0 auto 0 0; max-width: 250px; }
.p-header__logo-link { color: #404040; display: inline-block; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 20px; font-weight: bold; height: 100%; text-decoration: none !important; }
.p-header__logo-link img { height: 100%; width: auto; }
.p-header__hamburger { cursor: pointer; height: 12px; position: relative; transition: opacity .3s; width: 28px; z-index: 1003; }
@media (hover: hover) and (pointer: fine) { .p-header__hamburger:hover { opacity: .6; } }
.p-header__hamburger span { background-color: #000; display: block; height: 1px; left: 0; position: absolute; transition: all .3s ease; width: 100%; }
.p-header__hamburger span:nth-child(1) { top: 0; }
.p-header__hamburger span:nth-child(2) { margin-top: -1px; top: 50%; }
.p-header__hamburger span:nth-child(3) { bottom: 0; }
.p-header__hamburger.is-active { opacity: 0; pointer-events: none; }
.p-header__grobal { align-items: center; cursor: pointer; display: flex; height: 16px; justify-content: center; margin: 0 15px 0 0; position: relative; transition: opacity .3s; width: 16px; z-index: 1003; }
.p-header__grobal img { vertical-align: center; }
@media (hover: hover) and (pointer: fine) { .p-header__grobal:hover { opacity: .6; } }
.p-header__nav { background-color: #00003e; height: 100vh; overflow-y: auto; position: fixed; right: -100%; top: 0; transition: right .3s ease; width: 100%; z-index: 1001; }
.p-header__nav.is-active { right: 0; }
.p-header__nav::before { background: linear-gradient(118deg, #06c755 50%, transparent 50%); content: ""; height: 156px; left: 0; pointer-events: none; position: absolute; top: -20px; width: 59px; z-index: 1; }
.p-header__nav::after { background: #f33; bottom: 0; clip-path: polygon(100% 0, 0% 100%, 100% 100%); content: ""; height: 156px; pointer-events: none; position: absolute; right: 0; width: 59px; z-index: 1; }
.p-header__menupopup { backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, .8); border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .05); display: flex; opacity: 0; padding: 17px 18px; pointer-events: none; position: absolute; z-index: 1005; }
.p-header__menupopup.menupop__grobal { right: 55px; top: 55px; }
.p-header__menupopup.menupop__help { display: none; }
.p-header__menupopup ul { color: #000; display: inline-grid; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 14px; font-weight: bold; gap: 10px; line-height: 1.4; }
.p-header__menupopup ul li { width: 100%; }
.p-header__menupopup ul li a { color: #000; }
.p-header__menupopup ul span { font-size: 10px; }
.p-header__menupopup.is-active { opacity: 1; pointer-events: auto; }
.p-header__nav-close { background: none; border: none; cursor: pointer; height: 44px; padding: 0; position: absolute; right: 8px; top: 3px; width: 44px; z-index: 3; }
.p-header__nav-close span { background-color: #fff; display: block; height: 1px; left: 50%; position: absolute; top: 50%; width: 28px; }
.p-header__nav-close span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.p-header__nav-close span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }
@media (hover: hover) and (pointer: fine) { .p-header__nav-close { transition: opacity .3s; }
.p-header__nav-close:hover { opacity: .6; } }
.p-header__nav-inner { display: flex; flex-direction: column; min-height: 100%; padding-bottom: 100px; padding-left: 15px; padding-right: 15px; padding-top: 56px; position: relative; z-index: 2; }
.p-header__nav-logo { color: #fff; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 27px; font-weight: bold; margin-bottom: 40px; text-align: center; }
.p-header__nav-buttons { display: none; }
.p-header__nav-list { border-top: 1px solid #d9d9d9; list-style: none; margin-bottom: 30px; margin-top: 0; padding: 0; width: 100%; }
.p-header__nav-item { border-bottom: 1px solid #d9d9d9; padding-inline: 20px; }
.p-header__nav-item.is-sp-hidden { display: none; }
.p-header__nav-item a, .p-header__nav-item p { align-items: center; color: #fff; display: flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 16px; font-weight: bold; justify-content: space-between; padding-block: 16px; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .p-header__nav-item a, .p-header__nav-item p { transition: all .3s; }
.p-header__nav-item a:hover, .p-header__nav-item p:hover { opacity: .7; } }
.p-header__nav-sub { font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; font-weight: bold; margin-left: 6px; }
.p-header__nav-icon { align-items: center; background-color: #fff; border: 2px solid #fff; border-radius: 50%; display: flex; flex-shrink: 0; height: 20px; justify-content: center; margin-left: auto; width: 20px; }
.p-header__nav-icon::after { background-color: #000048; content: ""; display: block; height: 12px; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 7px; }
.p-header__nav-footer { display: flex; gap: 50px; justify-content: center; margin-top: auto; }
.p-header__nav-footer a { color: rgba(255, 255, 255, .7); font-size: 12px; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .p-header__nav-footer a { transition: opacity .3s; }
.p-header__nav-footer a:hover { opacity: .6; } }
.p-header__btn { align-items: center; border-radius: 26px; display: flex; flex: 1; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 14px; font-weight: bold; height: 52px; justify-content: space-between; padding-left: 20px; padding-right: 14px; text-decoration: none !important; transition: opacity .3s; white-space: nowrap; }
.p-header__btn:hover { opacity: .8; }
.p-header__btn--contact { background-color: #225cff; border: none; color: #fff; }
.p-header__btn--contact .p-header__btn-icon { background-color: #fff; }
.p-header__btn--contact .p-header__btn-icon::after { background-color: #225cff; content: ""; display: block; height: 12px; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 7px; }
.p-header__btn--login { background-color: #fff; border: 1.5px solid #f77911; color: #f77911; }
.p-header__btn--login .p-header__btn-icon { background-color: #f77911; }
.p-header__btn--login .p-header__btn-icon::after { background-color: #fff; content: ""; display: block; height: 12px; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 7px; }
.p-header__btn-icon { align-items: center; border-radius: 50%; display: flex; flex-shrink: 0; height: 28px; justify-content: center; width: 28px; }

@media only screen and (min-width: 1024px) { .p-header { height: 96px; }
.p-header.is-scrolled { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, .5); }
.p-header.is-active .p-header__inner { box-shadow: none; }
.p-header__inner { margin-left: auto; margin-right: auto; max-width: 1440px; padding-left: 40px; padding-right: 40px; }
.p-header__logo { order: 1; }
.p-header__logo__logo-link { font-size: 30px; letter-spacing: .02em; transition: opacity .3s; }
.p-header__hamburger { display: none; }
.p-header__grobal { height: 26px; margin: 0 0 0 20px; order: 3; width: 26px; }
.p-header__nav { align-items: center; background-color: transparent; display: flex; flex-direction: row; height: auto; order: 2; overflow: visible; position: static; transition: none; width: auto; z-index: auto; }
.p-header__nav::before, .p-header__nav::after { display: none; }
.p-header__menupopup.menupop__grobal { top: 120px; }
.p-header__menupopup.menupop__help { display: flex; right: 345px; top: 120px; }
.p-header__nav-close { display: none; }
.p-header__nav-inner { align-items: center; display: flex; flex-direction: row; min-height: auto; padding: 0; }
.p-header__nav-logo, .p-header__nav-footer { display: none; }
.p-header__nav-list { align-items: center; border-top: none; display: flex; margin-bottom: 0; margin-right: 32px; padding: 0; width: auto; }
.p-header__nav-list li { border-bottom: none; margin-bottom: 0; margin-left: 21px; }
.p-header__nav-list li:first-child { margin-left: 0; }
.p-header__nav-item { border-bottom: none; padding-inline: 0; }
.p-header__nav-item.is-pc-hidden { display: none; }
.p-header__nav-item.is-sp-hidden { display: block; }
.p-header__nav-item a, .p-header__nav-item p { color: #404040; display: inline-block; font-size: 14px; padding-bottom: 0; padding-top: 0; transition: color .3s; }
.p-header__nav-item.is-has-dropdown a { padding-right: 14px; position: relative; }
.p-header__nav-item.is-has-dropdown a::after { background-color: #333; content: ""; display: block; height: 12px; margin-top: -6px; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; right: 0; top: 50%; transform: rotate(90deg); width: 7px; }
.p-header__nav-item.is-has-dropdown a:hover::after { background-color: #225cff; }
.p-header__nav-sub { display: none; }
.p-header__nav-icon { display: none; }
.p-header__nav-buttons { background: none; display: flex; flex-direction: row; gap: 12px; margin-bottom: 0; padding: 0; width: auto; }
.p-header__btn { align-items: center; border-radius: 32px; display: flex; font-size: 16px; height: 46px; justify-content: space-between; padding-left: 18px; padding-right: 10px; transition: all .3s; width: 180px; }
.p-header__btn--contact { background-color: #225cff; border: 1px solid #225cff; color: #fff; }
.p-header__btn--contact:hover { background-color: #fff; color: #225cff; opacity: 1; text-decoration: none !important; }
.p-header__btn--contact:hover .p-header__btn-icon { background-color: #225cff; }
.p-header__btn--contact:hover .p-header__btn-icon::after { background-color: #fff; }
.p-header__btn--login { background-color: #fff; border: 1.5px solid #f77911; color: #f77911; }
.p-header__btn--login:hover { background-color: #f77911; color: #fff; opacity: 1; }
.p-header__btn--login:hover .p-header__btn-icon { background-color: #fff; }
.p-header__btn--login:hover .p-header__btn-icon::after { background-color: #f77911; }
.p-header__btn-icon { border: none; border-radius: 50%; height: 28px; margin-left: 12px; position: relative; transition: background-color .3s; width: 28px; }
.p-header__btn-icon::after { content: ""; display: block; height: 12px; left: 50%; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transition: background-color .3s; translate: -50% -50%; width: 7px; }
.p-header__btn--contact .p-header__btn-icon { background-color: #fff; }
.p-header__btn--contact .p-header__btn-icon::after { background-color: #225cff; }
.p-header__btn--login .p-header__btn-icon { background-color: #f77911; }
.p-header__btn--login .p-header__btn-icon::after { background-color: #fff; } }
@media only screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) { .p-header__logo-link:hover { opacity: .6; }

.p-header__nav-item a:hover, .p-header__nav-item p:hover { color: #225cff; cursor: pointer; opacity: 1; } }
.p-mv { box-sizing: border-box; padding-inline: 18px; position: relative; width: 100%; }
.p-mv__kv { aspect-ratio: 1440/745; background-color: #f5f5f5; background-image: url("/sites/default/files/media/jp-en/top/img/img_kv_new.jpg"); background-position: center center; background-size: cover; border-radius: 31px; margin: 0 auto; max-width: 1404px; overflow: hidden; position: relative; width: 100%; }
.p-mv__slider { height: 100%; overflow: hidden; position: absolute; top: 0; width: 25%; z-index: 1; }
.p-mv__slider--left { left: 0; }
.p-mv__slider--right { right: 0; }
.p-mv__slider-track { animation: p-mv-slide-up 14s linear infinite; }
.p-mv__slider--right .p-mv__slider-track { animation: p-mv-slide-down 14s linear infinite; }
.p-mv__slide { aspect-ratio: 720/745; overflow: hidden; width: 100%; }
.p-mv__slide img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100%; }
.p-mv__glow { border-radius: 50%; filter: blur(50px); height: 342px; opacity: .35; pointer-events: none; position: absolute; width: 342px; }
.p-mv__glow--tl { background: #f03; left: 11.6666666667%; top: 12.0805369128%; }
.p-mv__glow--bl { background: #06c755; bottom: 0; left: -5%; }
.p-mv__glow--tr { background: #06c755; right: 0; top: -10%; }
.p-mv__glow--br { background: #f03; bottom: 0; right: -5%; }
.p-mv__phone { border-radius: 22px; overflow: hidden; position: absolute; z-index: 3; }
.p-mv__phone img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; width: 100%; }
.p-mv__phone--line { aspect-ratio: 142/307; background: #06c755; box-shadow: 8px 8px 24px rgba(0, 0, 0, .3); left: 1.04%; top: 42.41%; width: 9.84%; }
.p-mv__phone--yahoo { aspect-ratio: 145/311; background: #f03; box-shadow: 8px 8px 24px rgba(0, 0, 0, .3); left: 13.96%; top: 40.13%; width: 10.06%; }
.p-mv__screen { aspect-ratio: 360/260; background: #225cff; border-radius: 8px 0 0 8px; box-shadow: -10px 10px 25px rgba(0, 0, 0, .25); overflow: hidden; position: absolute; right: 0; top: 37.85%; width: clamp(160px, 25vw, 360px); z-index: 2; }
.p-mv__screen img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; width: 100%; }
.p-mv__icon { border-radius: 7px; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); height: clamp(36px, 3.82vw, 55px); overflow: hidden; position: absolute; width: clamp(36px, 3.82vw, 55px); z-index: 2; }
.p-mv__icon img, .p-mv__icon svg { display: block; height: 100%; width: 100%; }
.p-mv__icon--tl { left: 17.5%; top: 15.7%; }
.p-mv__icon--tr { background: white; border-radius: 7px; box-sizing: border-box; padding: 4px; right: 0; top: 23.9%; }
.p-mv__icon--br { bottom: 21.9%; box-shadow: 0 4px 16px rgba(0, 0, 0, .2); right: 0; }
.p-mv__logo-strip { align-items: center; background: white; border-radius: 7px; bottom: 21.9%; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); box-sizing: border-box; display: flex; height: clamp(32px, 3.82vw, 55px); justify-content: center; left: 14.86%; overflow: hidden; padding: 8px 10px; position: absolute; width: clamp(60px, 6.875vw, 99px); z-index: 2; }
.p-mv__logo-strip img { display: block; height: auto; -o-object-fit: contain; object-fit: contain; width: 100%; }
.p-mv__content { align-items: center; display: flex; flex-direction: column; left: 50%; padding-top: 16.9%; position: absolute; text-align: center; top: 0; transform: translateX(-50%); width: clamp(300px, 32.5%, 468px); z-index: 5; }
.p-mv__subcopy { color: #000; font-family: "LINESeedJPStd Regular", sans-serif; font-size: clamp(13px, 1.39vw, 20px); font-weight: 400; letter-spacing: .02em; line-height: 1.7; margin: 0 0 clamp(10px, 1.5%, 22px); white-space: nowrap; }
.p-mv__title { color: #000; font-family: "LINESeedJPStd ExtraBold", sans-serif; font-size: clamp(32px, 3.89vw, 56px); font-weight: 800; letter-spacing: -.02em; line-height: 1.1; margin: 0 0 clamp(14px, 2%, 30px); white-space: nowrap; }
.p-mv__desc { color: #000; font-family: "LINESeedJPStd Regular", sans-serif; font-size: clamp(11px, 1.04vw, 15px); font-weight: 400; letter-spacing: .01em; line-height: 1.8; margin: 0 0 clamp(16px, 2.5%, 36px); text-align: left; }
.p-mv__btn { align-items: center; background: #f77911; border: 2px solid #fff; border-radius: 100px; box-sizing: border-box; color: #fff; display: inline-flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: clamp(13px, 1.18vw, 17px); font-weight: 700; gap: 12px; height: clamp(48px, 4.51vw, 65px); justify-content: center; margin-bottom: clamp(10px, 1.3%, 20px); padding: 0 clamp(16px, 2vw, 28px); text-decoration: none; transition: opacity .3s ease; white-space: nowrap; width: clamp(220px, 23.26vw, 335px); }
.p-mv__btn:hover { opacity: .85; }
.p-mv__btn-circle { align-items: center; background: #fff; border-radius: 50%; display: flex; flex-shrink: 0; height: clamp(22px, 1.81vw, 26px); justify-content: center; width: clamp(22px, 1.81vw, 26px); }
.p-mv__btn-circle svg { display: block; height: 55%; width: 55%; }
.p-mv__sublink { align-items: center; color: #000; display: inline-flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: clamp(12px, 1.04vw, 15px); font-weight: 700; gap: 6px; text-decoration: underline; text-decoration-color: rgba(0, 0, 0, .5); text-underline-offset: 3px; transition: opacity .3s; }
.p-mv__sublink:hover { opacity: .7; }
.p-mv__sublink-arrow { background-color: #f77911; display: inline-block; flex-shrink: 0; height: 12px; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 7px; }
.p-mv__indicator { display: flex; flex-direction: column; gap: 8px; position: absolute; right: 1.2%; top: 28.6%; z-index: 10; }
.p-mv__dot { background: rgba(255, 255, 255, .3); border-radius: 50%; display: block; height: 8px; width: 8px; }
.p-mv__dot.is-active { background: #fff; }
.p-mv__cards { box-sizing: border-box; display: flex; gap: 16px; margin: 0 auto; margin-top: -63px; max-width: 1404px; padding-inline: 120px; position: relative; z-index: 10; }
.p-mv__card { align-items: center; background: #000048; border-radius: 17px; box-shadow: 0 10px 40px rgba(0, 0, 68, .07); box-sizing: border-box; display: flex; flex: 1; gap: 18px; min-height: 163px; padding: 24px 80px 24px 30px; position: relative; text-decoration: none; transition: opacity .3s; }
.p-mv__card:hover { opacity: .85; }
.p-mv__card-icon { align-items: center; display: flex; flex-shrink: 0; height: 44px; justify-content: center; width: 44px; }
.p-mv__card-icon svg { height: 100%; width: 100%; }
.p-mv__card-body { flex: 1; min-width: 0; }
.p-mv__card-title { color: #fff; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 17px; font-weight: 700; letter-spacing: .01em; line-height: 1.4; margin: 0 0 8px; }
.p-mv__card-desc { color: rgba(255, 255, 255, .85); font-family: "LINESeedJPStd Regular", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.7; margin: 0; }
.p-mv__card-badge { align-items: center; background: #ffe500; border-radius: 4px 4px 4px 0; color: #000048; display: inline-flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; font-weight: 700; gap: 4px; left: 80px; padding: 4px 12px; position: absolute; top: -14px; white-space: nowrap; }
.p-mv__card-badge::before { content: "🎁"; font-size: 12px; }
.p-mv__card-arrow { background: #fff; border-radius: 50%; flex-shrink: 0; height: 40px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 40px; }
.p-mv__card-arrow::after { background-color: #000048; content: ""; height: 12px; left: 50%; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 7px; }

@keyframes p-mv-slide-up { 0% { transform: translateY(0); }
100% { transform: translateY(-50%); } }
@keyframes p-mv-slide-down { 0% { transform: translateY(-50%); }
100% { transform: translateY(0); } }
.p-important { background-color: #fff; border-bottom: 1px solid #000048; color: #404040; margin-top: 24px; padding-inline: 12px; width: 100%; }
.p-important__inner { display: flex; margin: 0 auto; padding: 0; width: 100%; }
.p-important__label { background-color: #fff; border-right: 1px solid #000048; display: flex; justify-content: center; padding-bottom: 55px; padding-right: 2px; white-space: nowrap; }
.p-important__label span { color: #000048; display: block; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 10px; font-weight: bold; text-orientation: mixed; writing-mode: vertical-rl; }
.p-important__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 7px 15px 20px; }
.p-important__info { display: flex; flex-direction: column; }
.p-important__title { color: #000; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 16px; font-weight: bold; line-height: 1.4; }
.p-important__date { color: #404040; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 10px; letter-spacing: .02em; margin-top: 4px; }
.p-important__desc-wrap { display: block; }
.p-important__desc { color: #000; display: none; letter-spacing: .02em; }
.p-important__link { margin-top: 2px; }
.p-important__link a { align-items: center; color: #000; display: inline-flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; font-weight: bold; padding-left: 16px; position: relative; text-decoration: underline; text-underline-offset: 3px; }
.p-important__link a::before { background-color: #f77911; content: ""; display: block; flex-shrink: 0; height: 12px; left: 0; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transform: translateY(-50%); width: 7px; }
@media screen and (min-width: 1025px) { .p-important__link a:hover { text-decoration: none; } }

@media only screen and (min-width: 1024px) { .p-mv { margin: 0 auto; padding-inline: 40px; }

.p-important { margin-top: 40px; padding-inline: 0; }
.p-important__inner { align-items: stretch; min-height: 100px; padding-inline: 40px; }
.p-important__label { background: transparent; border-right: 1px solid #000048; padding-bottom: 63px; padding-right: 5px; }
.p-important__label span { font-size: 12px; letter-spacing: .05em; }
.p-important__body { flex-direction: row; gap: 168px; padding: 0 30px 30px 40px; }
.p-important__info { flex: 0 0 auto; }
.p-important__date { font-size: 12px; margin-top: 7px; }
.p-important__desc-wrap { display: flex; flex: 1; flex-direction: column; gap: 20px; }
.p-important__desc { display: block; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 16px; line-height: 1.4; }
.p-important__desc strong { font-weight: bold; }
.p-important__link { margin-top: 0; }
.p-important__link a { font-size: 16px; } }
.p-service { background-color: #fff; padding-left: 15px; padding-right: 15px; padding-top: 56px; width: 100%; }
.p-service__inner { margin: 0 auto; width: 100%; }
.p-service__title { color: #404040; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 34px; font-weight: bold; line-height: 1.2; }

@media only screen and (min-width: 1024px) { .p-service { margin-top: 0; padding-left: 0; padding-right: 0; padding-top: 98px; }
.p-service__inner { padding-inline: 40px; }
.p-service__title { font-size: 50px; margin-bottom: 26px; margin-top: -3px; } }
.p-service-index { padding: 22px 0 30px; width: 100%; }
.p-service-index__list { border-top: 1px solid #000048; display: flex; flex-direction: column; gap: 0; }
@media screen and (max-width: 1024px) { .p-service-index__list { border-top: none; } }
.p-service-index__item { border-top: 1px solid #d9d9d9; padding: 20px 0 37px; width: 100%; }
@media screen and (max-width: 1024px) { .p-service-index__item:first-of-type { border-top: 2px solid #000048; }
.p-service-index__item:last-of-type { border-bottom: none; } }
.p-service-index__link { align-items: flex-start; color: #404040; display: flex; height: 100%; position: relative; text-decoration: none; text-decoration: none !important; }
@media (hover: hover) and (pointer: fine) { .p-service-index__link:hover .p-service-index__icon-box--1, .p-service-index__link:hover .p-service-index__icon-box--3, .p-service-index__link:hover .p-service-index__arrow--1, .p-service-index__link:hover .p-service-index__arrow--3 { background-color: #06c755; }
.p-service-index__link:hover .p-service-index__icon-box--2, .p-service-index__link:hover .p-service-index__arrow--2 { background-color: #225cff; } }
.p-service-index__icon-box { align-items: center; background-color: #000048; display: flex; height: 143px; justify-content: center; margin-right: 20px; transition: background-color .3s; width: 111px; }
.p-service-index__icon-box img { display: block; height: auto; width: 50%; }
@media screen and (max-width: 1024px) { .p-service-index__icon-box--1 img, .p-service-index__icon-box--2 img, .p-service-index__icon-box--3 img { display: block; height: auto; width: 70%; } }
.p-service-index__content { display: flex; flex: 1; flex-direction: column; height: 100%; justify-content: space-between; position: relative; }
.p-service-index__title { color: #404040; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 16px; font-weight: bold; letter-spacing: .02em; line-height: 1.5; margin-bottom: 24px; padding-right: 20px; }
.p-service-index__title--2 { margin-bottom: 42px; }
.p-service-index__title--3 { margin-bottom: 10px; }
.p-service-index__desc { color: #404040; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 14px; line-height: 1.5; margin-bottom: 0; }
.p-service-index__arrow { background-color: #000048; border-radius: 50%; height: 20px; position: absolute; right: 0; top: -2px; transition: background-color .3s; width: 20px; }
.p-service-index__arrow::after { background-color: #fff; content: ""; height: 12px; left: 50%; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 55%; transform: rotate(90deg); translate: -50% -50%; width: 6px; }

@media only screen and (min-width: 1024px) { .p-service-index { padding: 0 0 23px; }
.p-service-index__list { border-top: none; flex-direction: row; gap: 2.3443223443vw; width: 100%; }
.p-service-index__item { border-bottom: none; border-color: #000048; padding: 2.1978021978vw 0; width: calc((100% - 4.6886446886vw) / 3); }
.p-service-index__link { align-items: flex-start; display: flex; height: 100%; }
.p-service-index__icon-box { flex: 0 0 9.9633699634vw; height: 12.7472527473vw; margin-right: 1.4652014652vw; width: 9.9633699634vw; }
.p-service-index__icon-box--1 img { width: 66.91%; }
.p-service-index__icon-box--2 img { width: 51.88%; }
.p-service-index__icon-box--3 img { width: 51.38%; }
.p-service-index__content { display: flex; flex-direction: column; height: 100%; justify-content: space-between; min-width: 0; padding-right: 0; padding-top: 0; }
.p-service-index__title { font-size: 1.1721611722vw; line-height: 1.5; margin-bottom: 1.0989010989vw; margin-top: -.2197802198vw; padding-right: 4.3956043956vw; word-wrap: break-word; }
.p-service-index__desc { font-size: 1.1721611722vw; padding-right: 2.5641025641vw; }
.p-service-index__arrow { height: 1.9047619048vw; right: 0; top: 0; width: 1.9047619048vw; } }
@media only screen and (min-width: 1024px) and (min-width: 1366px) { .p-service-index__list { gap: 32px; }
.p-service-index__item { padding: 30px 0; width: calc((100% - 64px) / 3); }
.p-service-index__icon-box { flex: 0 0 136px; height: 174px; margin-right: 20px; width: 136px; }
.p-service-index__title { font-size: 16px; margin-bottom: 15px; padding-right: 60px; }
.p-service-index__desc { font-size: 16px; padding-right: 35px; }
.p-service-index__arrow { height: 26px; top: 0; width: 26px; } }
.p-service-detail { padding: 16px 15px; width: 100%; }
.p-service-detail .p-service__inner { padding-block: 65px 70px; padding-inline: 40px; }
@media screen and (max-width: 1024px) { .p-service-detail .p-service__inner { padding: 35px 15px 40px; } }
.p-service-detail--communication .p-service__inner { background-color: rgba(6, 199, 85, .05); }
@media screen and (max-width: 1024px) { .p-service-detail--advertising { margin-top: 23px; } }
.p-service-detail--advertising .p-service__inner { background-color: rgba(34, 92, 255, .05); }
@media screen and (max-width: 1024px) { .p-service-detail--advertising .p-service__inner { padding: 31px 13px 41px; } }
@media screen and (max-width: 1024px) { .p-service-detail--sales { margin-top: 23px; } }
.p-service-detail--sales .p-service__inner { background-color: rgba(6, 199, 85, .05); }
.p-service-detail__header { align-items: flex-start; display: flex; flex-direction: column-reverse; margin-bottom: 19px; position: relative; }
.p-service-detail__title-area { align-items: center; display: flex; }
.p-service-detail__title-dot { background-color: #06c755; border-radius: 50%; display: block; flex-shrink: 0; height: 10px; margin-right: 12px; width: 10px; }
.p-service-detail--advertising .p-service-detail__title-dot { background-color: #0432ff; }
@media screen and (max-width: 1024px) { .p-service-detail__title-dot { display: none; } }
.p-service-detail__title { color: #404040; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 24px; font-weight: bold; line-height: 1.2; }
.p-service-detail__number { color: #06c755; flex-shrink: 0; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 10px; font-weight: bold; margin-bottom: 3px; }
.p-service-detail--advertising .p-service-detail__number { color: #0432ff; }
.p-service-detail__list { display: flex; flex-direction: column; gap: 20px; }
.p-service-detail__card { background-color: #fff; display: flex; flex-direction: column; overflow: hidden; padding: 26px 15px 34px; }
.p-service-detail__card-title { color: #404040; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 20px; order: 1; }
.p-service-detail__card-title-sub { font-family: "LINESeedJPStd Bold", sans-serif; font-size: 14px; font-weight: normal; font-weight: 700; margin-left: 8px; }
.p-service-detail__card-img { margin-bottom: 16px; order: 2; width: 100%; }
.p-service-detail__card-img img { display: block; height: auto; width: 100%; }
.p-service-detail__card-desc { color: #404040; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 14px; letter-spacing: .04em; line-height: 1.6; order: 3; }
.p-service-detail__card-desc--mb { margin-bottom: 13px; }
.p-service-detail__card-links { display: flex; flex-wrap: wrap; gap: 9px 12px; order: 4; }
.p-service-detail__card-links:empty { display: none; }
.p-service-detail__card-link { color: #000; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .01em; line-height: 1.3; margin-left: 15px; padding-bottom: 2px; position: relative; text-decoration: underline; transition: opacity .3s; width: fit-content; }
.p-service-detail__card-link::before { background-color: #f77911; content: ""; height: 12px; left: -16px; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transform: translateY(-50%); width: 7px; }
.p-service-detail__card-link:hover { text-decoration: none !important; }
.p-service-detail__bottom-info { background-color: #fff; border: 1px solid #d6d9e0; border-radius: 20px; display: flex; flex-direction: column; gap: 22px; margin-top: 30px; padding: 21px 16px; }
.p-service-detail__bottom-info-block { border-left: 4px solid #0432ff; display: flex; flex-direction: column; padding-bottom: 14px; padding-left: 12px; padding-top: 10px; }
.p-service-detail__bottom-info-title { color: #404040; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 16px; }
.p-service-detail__bottom-info-links { display: flex; flex-direction: column; gap: 8px; }

@media only screen and (min-width: 1024px) { .p-service-detail { padding: 26px 40px 70px; }
.p-service-detail--advertising { padding-top: 0; }
.p-service-detail--advertising .p-service-detail__card-img { padding-top: 40px; }
.p-service-detail--sales { padding-top: 0; }
.p-service-detail--sales .p-service-detail__card-img { padding-top: 40px; }
.p-service-detail__header { align-items: center; flex-direction: row; gap: 50px; justify-content: space-between; margin-bottom: 40px; }
.p-service-detail__title-area { order: 1; }
.p-service-detail__title-dot { height: 14px; margin-right: 16px; width: 14px; }
.p-service-detail__title { font-size: 40px; line-height: 1.3; }
.p-service-detail__number { font-size: 16px; margin-bottom: 0; margin-top: 5px; order: 2; padding-right: 22px; }
.p-service-detail__list { flex-direction: row; flex-wrap: nowrap; gap: 24px; margin: 0 auto; max-width: initial; }
.p-service-detail__card { display: flex; flex-direction: column; padding: 32px 26px 26px; width: calc(50% - 12px); }
.p-service-detail__card-title { font-size: 28px; margin-bottom: 23px; order: 1; }
.p-service-detail__card-title-sub { font-size: 18px; margin-left: 5px; }
.p-service-detail__card-desc { font-size: 15px; margin-bottom: 13px; order: 2; }
.p-service-detail__card-links { align-items: center; flex-direction: row; gap: 8px 24px; order: 3; }
.p-service-detail__card-img { margin-bottom: 0; margin-top: auto; order: 4; padding-top: 65px; }
.p-service-detail__card-link { font-size: 16px; }
.p-service-detail__card-link::before { left: -16px; top: 10px; }
.p-service-detail__content { margin: 0 auto; max-width: initial; padding-inline: 40px; }
.p-service-detail__bottom-info { background-color: rgba(255, 255, 255, .7); flex-direction: row; gap: 50px; margin: 0 auto; margin-top: 40px; padding: 40px 125px; }
.p-service-detail__bottom-info-block { padding-bottom: 14px; padding-left: 16px; padding-top: 8px; width: auto; }
.p-service-detail__bottom-info-title { font-size: 22px; margin-bottom: 22px; }
.p-service-detail__bottom-info-links { gap: 16px; }

.p-service-detail--advertising .p-service-detail__list { gap: 20px; }
.p-service-detail--advertising .p-service-detail__card { width: calc((100% - 40px) / 3); }
.p-service-detail--advertising .p-service-detail__card-title { font-size: 28px; }

.p-service-detail--sales .p-service-detail__list { gap: 20px; }
.p-service-detail--sales .p-service-detail__card { width: calc((100% - 40px) / 3); }
.p-service-detail--sales .p-service-detail__card-title { font-size: 28px; } }
@media only screen and (min-width: 1024px) and (max-width: 1285px) { .p-service-detail__number { padding-right: 0; } }
.p-service-detail__btn-area { display: flex; justify-content: center; margin-inline: auto; margin-top: 30px; width: 315px; }
@media only screen and (min-width: 1024px) { .p-service-detail__btn-area { margin-top: 44px; width: 100%; } }
.p-service-detail__btn-download { align-items: center; background-color: #f77911; border: 2px solid #f77911; border-radius: 50px; color: #fff; display: flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; font-weight: bold; justify-content: center; padding: 6px 6px 6px 15px; text-decoration: none; text-decoration: none !important; transition: all .3s ease; width: 100%; }
@media only screen and (min-width: 1024px) { .p-service-detail__btn-download { font-size: 16px; max-width: none; padding: 9px 15px; width: auto; } }
@media screen and (min-width: 460px) { .p-service-detail__btn-download { white-space: nowrap; } }
@media (hover: hover) and (pointer: fine) { .p-service-detail__btn-download { text-decoration: none; }
.p-service-detail__btn-download:hover { background-color: #fff; color: #f77911; opacity: 1; }
.p-service-detail__btn-download:hover .p-service-detail__btn-icon-wrapper { background-color: #f77911; }
.p-service-detail__btn-download:hover .p-service-detail__btn-icon { color: #fff; } }
.p-service-detail__btn-icon-wrapper { align-items: center; background-color: #fff; border-radius: 50%; display: flex; height: 26px; justify-content: center; margin-left: 11px; transition: background-color .3s; width: 26px; }
@media only screen and (min-width: 1024px) { .p-service-detail__btn-icon-wrapper { height: 26px; margin-left: 25px; width: 26px; } }
.p-service-detail__btn-icon { color: #f77911; height: 11px; margin-left: 1px; transition: color .3s ease; width: 11px; }
@media screen and (max-width: 1024px) { .p-service-detail__btn-icon { height: 11px; width: 10px; } }
.p-service-detail__btn-icon svg { display: block; width: 100%; }

.p-news { padding: 60px 0 0; width: 100%; }
.p-news__inner { margin: 0 auto; max-width: 100%; padding: 0 15px; width: 100%; }
.p-news__header { align-items: center; border-bottom: 1px solid #000048; display: flex; justify-content: space-between; margin-bottom: 0; padding-bottom: 26px; }
.p-news__title { color: #404040; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; margin-bottom: 0; }
.p-news__list { display: flex; flex-direction: column; }

@media only screen and (min-width: 1024px) { .p-news { background-color: #f8f8f8; margin-bottom: 200px; margin-top: 80px; padding: 68px 0 50px; }
.p-news__container { margin-inline: auto; max-width: 1440px; }
.p-news__inner { align-items: flex-start; display: flex; justify-content: space-between; margin: 0 0 0 auto; max-width: 1360px; padding: 0 0 0 40px; }
.p-news__header { align-items: flex-start; border-bottom: none; flex-direction: column; justify-content: flex-start; margin-bottom: 0; margin-right: 60px; padding-bottom: 0; width: 350px; }
.p-news__title { font-size: 49px; margin-bottom: 21px; margin-top: -7px; }
.p-news__list { border-top: 1px solid #e0e0e0; flex: 1; } }
.p-news-item { border-bottom: 1px solid #e0e0e0; width: 100%; }
@media screen and (max-width: 1024px) { .p-news-item:last-of-type { border-bottom: none; } }
.p-news-item__link { color: #404040; display: block; padding: 20px 0; text-decoration: none; text-decoration: none !important; }
@media (hover: hover) and (pointer: fine) { .p-news-item__link:hover .p-news-item__meta, .p-news-item__link:hover .p-news-item__title { translate: 20px 0; } }
.p-news-item__meta { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; transition: translate .3s; }
.p-news-item__date { color: #404040; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 12px; margin-right: 4px; }
.p-news-item__cat { align-items: center; background: linear-gradient(130deg, #225cff 0%, #225cff 10px, #000048 10px, #000048 100%) !important; border-radius: 12px; color: #fff; display: flex; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 12px; justify-content: center; padding: 1px 14px 3px; }
.p-news-item__tag { align-items: center; background-color: #e0e4f0; border-radius: 12px; color: #000048; display: flex; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 12px; justify-content: center; padding: 2px 15px 3px; }
.p-news-item__title { color: #404040; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 14px; font-weight: bold; line-height: 1.6; transition: translate .3s; }

@media only screen and (min-width: 1024px) { .p-news-item:last-of-type { border-bottom: none; }
.p-news-item__link { padding: 19px 2px; }
.p-news-item__meta { gap: 0; margin-bottom: 6px; }
.p-news-item__date { font-size: 12px; margin-right: 13px; }
.p-news-item__cat { border-radius: 14px; font-size: 12px; margin-right: 10px; padding: 1px 15px 3px; }
.p-news-item__tag { border-radius: 14px; font-size: 12px; padding: 1px 15px 3px; }
.p-news-item__title { font-size: 16px; } }
.p-news__btn { align-items: center; background-color: #fff; border: 2px solid #000048; border-radius: 20px; color: #000048; display: inline-flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; font-weight: bold; height: 36px; justify-content: space-between; padding: 0 5px 0 14px; text-decoration: none; text-decoration: none !important; transition: all .3s; white-space: nowrap; width: 133px; }
@media only screen and (min-width: 1024px) { .p-news__btn { border-radius: 25px; font-size: 16px; height: 44px; min-width: 180px; padding: 0 7px 0 15px; } }
.p-news__btn:hover { background-color: #000048; color: #fff; }
.p-news__btn:hover .p-news__btn-icon { background-color: #fff; }
.p-news__btn:hover .p-news__btn-icon::after { background-color: #000048; }

.p-news__btn-icon { background-color: #000048; border-radius: 50%; height: 24px; margin-left: 10px; position: relative; transition: background-color .3s; width: 24px; }
@media only screen and (min-width: 1024px) { .p-news__btn-icon { height: 26px; width: 26px; } }
.p-news__btn-icon::after { background-color: #fff; content: ""; height: 12px; left: 50%; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transition: background-color .3s; translate: -50% -50%; width: 7px; }

.p-cta-fixed { bottom: 0; box-sizing: border-box; display: flex; justify-content: space-between; left: 0; position: fixed; width: 100%; z-index: 1040; }
@media only screen and (min-width: 1024px) { .p-cta-fixed { display: none; } }
.p-cta-fixed__btn { align-items: center; border-radius: 8px 8px 0 0; box-sizing: border-box; display: flex; flex: 1; font-size: 12px; font-weight: bold; height: 44px; justify-content: space-between; padding: 0 14px; padding-right: 50px; position: relative; text-decoration: none; text-decoration: none !important; transition: all .3s; }
.p-cta-fixed__btn::before { border-radius: 50%; content: ""; display: block; height: 28px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); transition: background-color .3s; width: 28px; }
.p-cta-fixed__btn::after { content: ""; display: block; height: 12px; -webkit-mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); mask-image: url("/sites/default/files/media/jp-en/top/img/icon_arrow_btn.svg"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; right: 24.5px; top: 50%; transform: translateY(-50%); transition: background-color .3s; width: 7px; z-index: 1; }
.p-cta-fixed__btn--contact { background-color: #225cff; border: 1px solid #225cff; color: #fff; }
.p-cta-fixed__btn--contact::before { background-color: #fff; }
.p-cta-fixed__btn--contact::after { background-color: #225cff; }
.p-cta-fixed__btn--contact:hover { background-color: #fff; color: #225cff; opacity: 1; }
.p-cta-fixed__btn--contact:hover::before { background-color: #225cff; }
.p-cta-fixed__btn--contact:hover::after { background-color: #fff; }
.p-cta-fixed__btn--login { background-color: #fff; border-left: 2px solid #f77911; border-right: 2px solid #f77911; border-top: 2px solid #f77911; color: #f77911; }
.p-cta-fixed__btn--login::before { background-color: #f77911; }
.p-cta-fixed__btn--login::after { background-color: #fff; }
.p-cta-fixed__btn--login:hover { background-color: #f77911; color: #fff; opacity: 1; }
.p-cta-fixed__btn--login:hover::before { background-color: #fff; }
.p-cta-fixed__btn--login:hover::after { background-color: #f77911; }

@media screen and (max-width: 1024px) { .breadcrumb-sp.only-sp .topicpath .topicpath__list { margin-inline: unset; width: unset; } }