@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"); }

body { background-color: #f2f4f8; }
.wrap { align-items: center; display: flex; justify-content: center; min-height: calc(100vh - 111px); padding: 70px; text-align: center; }
.wrap__inner { margin-inline: auto; max-width: 1040px; }
.heading { color: #00003e; font-size: 64px; font-weight: 700; line-height: 1.21; }
.text { color: #00003e; font-size: 22px; font-weight: 500; margin-top: 50px; }
.button { display: flex; gap: 40px; justify-content: center; margin-top: 80px; }
.button>li>a { align-items: center; border-radius: 100px; color: #fff; display: inline-flex; font-size: 18px; font-weight: 500; justify-content: flex-start; line-height: 1.3; min-height: 52px; min-width: 376px; overflow: hidden; padding: 4px 50px 1px 28px; position: relative; text-align: left; text-decoration: none; transition: all .2s linear; }
.button--green { background-color: #06c755; border: 2px solid #06c755; }
.button--red { background-color: #ff0132; border: 2px solid #ff0132; }
.button>li>a>#svg-arrow { height: 26px; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); transition: all .2s var(--transition-default); width: 26px; }
.button>li>a>#svg-arrow>.st0 { fill: #fff; }
.note { font-family: "LINESeedJPStd Regular", sans-serif; font-size: 14px; margin-top: 90px; }
.footer { align-items: center; background: rgb(0, 0, 62); background: linear-gradient(302deg, rgba(51, 51, 100, 1) 0%, rgba(51, 51, 100, 1) 58px, rgba(0, 0, 62, 1) 58px, rgba(0, 0, 62, 1) 100%); background-color: #00003e; color: #fff; display: flex; height: 111px; justify-content: center; padding: 10px 70px; position: relative; }
.footer__inner { display: flex; justify-content: space-between; margin-inline: auto; max-width: 1040px; width: 100%; }
.footer__inner::before { content: ""; width: 32%; }
.footer__company { text-align: center; width: 32%; }
.footer__company>a { color: #fff; }
.footer__copyright { font-size: 12px; text-align: right; width: 32%; }

@media (hover: hover) { .button--green:hover { background-color: #fff; color: #06c755; }
.button--green:hover>#svg-arrow>.st0 { fill: #06c755; }
.button--red:hover { background-color: #fff; color: #ff0132; }
.button--red:hover>#svg-arrow>.st0 { fill: #ff0132; } }

@media screen and (min-width: 1024px) { .only-sp { display: none; } }
@media screen and (max-width: 1023px) { .wrap { min-height: calc(100dvh - 158px); padding: 50px 20px; }
.heading { font-size: 38px; }
.text { font-size: 19px; margin-top: 20px; }
.button { flex-direction: column; gap: 20px; margin-top: 50px; }
.button>li>a { font-size: 15px; line-height: 1.1; min-width: auto; width: 269px; }
.note { font-size: 11px; margin-top: 60px; text-align: left; }
.footer { background: rgb(0, 0, 62); background: linear-gradient(302deg, rgba(51, 51, 100, 1) 0%, rgba(51, 51, 100, 1) 43px, rgba(0, 0, 62, 1) 43px, rgba(0, 0, 62, 1) 100%); height: 158px; padding: 20px; }
.footer__inner { flex-direction: column; gap: 50px; }
.footer__inner::before { content: none; }
.footer__company { font-size: 14px; width: auto; }
.footer__copyright { font-size: 15px; text-align: center; width: auto; }
.only-pc { display: none; } }
.button-navy { background-color: #000048; border: 2px solid #000048; }
.button-navy:hover { background-color: #000048; border: 2px solid #000048; }
@media (hover: hover) { .button-navy:hover { background-color: #fff; color: #000048; }
.button-navy:hover>#svg-arrow>.st0 { fill: #000048; } }