/* 既存採用サイトのCSSのうち、LPで使う分だけを抜き出したもの（取得: 2026-11-13T04:21:39.875Z） */
/* ---- css/animations.css ---- */
.fade-in-section > :not(.section-bg) { opacity: 0; transform: translateY(40px); transition-behavior: normal, normal; transition-duration: 0.7s, 0.7s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1); transition-property: opacity, transform; transition-delay: calc(var(--delay-index, 0) * 0.08s); will-change: opacity, transform; }
.fade-in-section.is-visible > :not(.section-bg) { opacity: 1; transform: translateY(0px); will-change: auto; transition-delay: 0s; }
@media (max-width: 768px) {
.fade-in-section > :not(.section-bg) { transform: translateY(20px); transition-delay: calc(var(--delay-index, 0) * 0.04s); }
.fade-in-section.is-visible > :not(.section-bg) { transition-delay: 0s; }
}
@media (prefers-reduced-motion: reduce) {
.fade-in-section > :not(.section-bg) { transition: none; transform: none; opacity: 1; will-change: auto; }
}
/* ---- css/library.css ---- */
@-webkit-keyframes boxer-loading-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes boxer-loading-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* ---- _astro/index.e5f63188.css ---- */
*, ::before, ::after { margin: 0px; padding: 0px; box-sizing: border-box; }
:where([hidden]:not([hidden="until-found"])) { display: none !important; }
:where(html) { text-size-adjust: none; }
@supports not (min-block-size: 100dvb) {
:where(html) { block-size: 100%; }
}
@media (prefers-reduced-motion: no-preference) {
:where(html:focus-within) { scroll-behavior: smooth; }
}
:where(body) { block-size: 100%; line-height: 1.5; -webkit-font-smoothing: antialiased; }
:where(input, button, textarea, select) { font: inherit; color: inherit; }
:where(button, label, select, summary, [role="button"], [role="option"]) { cursor: pointer; }
:where(button) { border-style: solid; }
:where(a) { text-underline-offset: 0.2ex; }
:where(ul, ol) { list-style: none; }
:where(img, svg, video, canvas, audio, iframe, embed, object) { display: block; }
:where(img, picture, svg) { max-inline-size: 100%; block-size: auto; }
:where(p, h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; }
:where(h1, h2, h3) { line-height: calc(1em + 0.5rem); }
button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; appearance: none; background: transparent; color: inherit; cursor: pointer; font-family: inherit; text-align: inherit; }
button:disabled { cursor: not-allowed; }
a { color: inherit; text-decoration: none; }
:root { --color-main: var(--main); --color-sub1: var(--sub1); --color-sub2: var(--sub2); --color-pageTop: var(--pageTop); --color-icon: var(--icon); --color-assist-main: #fff; }
.variable-text-main { color: var(--color-main); }
.variable-bg-main { background-color: var(--color-main); }
.variable-bg-sub1 { background-color: var(--color-sub1); }
html { font-family: "Noto Sans JP", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, ＭＳＰゴシック, "MS PGothic", "sans-serif"; scroll-behavior: smooth; }
body { color: rgb(51, 51, 51); font-size: 3.2vw; line-height: 1.5; }
@media screen and (min-width: 768px) {
body { font-size: 12px; }
}
@media screen and (min-width: 768px) {
body { font-size: 3.52vw; }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
body { font-size: 13.2px; }
}
.overflow-hidden { overflow: hidden; }
@media screen and (min-width: 768px) {
.spOnly { display: none; }
}
@media screen and (min-width: 900px) {
.mdOnly { display: none; }
}
@media screen and (max-width: 899px) {
.mdPcOnly { display: none; }
}
@media screen and (max-width: 767px) {
.pcOnly { display: none; }
}
.global-hover { transition: opacity 0.3s; }
.global-hover:hover { opacity: 0.8; }
.c-image:where(.astro-6KOV3KIG) { width: 100%; height: 100%; }
.logo:where(.astro-GORA4MGS) { display: block; width: auto; max-width: 75vw; height: 100%; transition: 0.3s; }
@media screen and (min-width: 768px) {
.logo:where(.astro-GORA4MGS) { margin-right: 2em; }
}
.spNavMenu_overlay:where(.astro-IRSU6CRN) { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); transition: 0.5s; }
.spNavMenu_overlay:where(.astro-IRSU6CRN).active { display: block; }
.spNavMenu_wrap:where(.astro-IRSU6CRN) { display: flex; flex-direction: column; row-gap: 10px; width: 300px; height: 100vh; padding-top: 100px; position: fixed; top: 0px; right: -300px; z-index: 15; transition: right 0.5s; }
.spNavMenu_wrap:where(.astro-IRSU6CRN).active { right: 0px; }
.spNavMenu_link:where(.astro-IRSU6CRN) { display: block; color: rgb(255, 255, 255); text-align: center; padding: 10px 0px; border-bottom: 1px solid rgb(255, 255, 255); }
.pcNavMenu_link-wrap:where(.astro-ZJB3ZVBO) { display: flex; flex-wrap: wrap; column-gap: 10px; }
.pcNavMenu_link:where(.astro-ZJB3ZVBO) { color: rgb(34, 34, 34); font-size: 13.2px; padding: 10px; }
.burger:where(.astro-TTHA7JNN) { position: relative; width: 30px; height: 28px; margin-left: auto; cursor: pointer; z-index: 20; }
.burger:where(.astro-TTHA7JNN) span:where(.astro-TTHA7JNN) { position: absolute; left: 0px; width: 100%; height: 4px; background-color: rgb(34, 34, 34); border-radius: 4px; transition: 0.5s; }
.burger:where(.astro-TTHA7JNN) span:where(.astro-TTHA7JNN):nth-child(1) { top: 4px; }
.burger:where(.astro-TTHA7JNN) span:where(.astro-TTHA7JNN):nth-child(2) { top: 50%; transform: translateY(-50%); }
.burger:where(.astro-TTHA7JNN) span:where(.astro-TTHA7JNN):nth-child(3) { bottom: 4px; }
.burger:where(.astro-TTHA7JNN).active span:where(.astro-TTHA7JNN) { background-color: rgb(255, 255, 255); }
.burger:where(.astro-TTHA7JNN).active span:where(.astro-TTHA7JNN):nth-child(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }
.burger:where(.astro-TTHA7JNN).active span:where(.astro-TTHA7JNN):nth-child(2) { transition: 0.3s; opacity: 0; }
.burger:where(.astro-TTHA7JNN).active span:where(.astro-TTHA7JNN):nth-child(3) { bottom: 50%; transform: translateY(50%) rotate(-45deg); }
.company:where(.astro-YKDBD7K7) { text-align: right; flex-basis: 240px; font-size: 11px; margin-left: auto; }
@media screen and (max-width: 767px) {
.company:where(.astro-YKDBD7K7) { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(100%); white-space: nowrap; border: 0px; }
}
.header:where(.astro-Z6IZ25DN) { display: flex; align-items: center; position: sticky; top: -20px; width: 100%; height: 80px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px; z-index: 10; }
.header-inner:where(.astro-Z6IZ25DN) { position: sticky; top: 0px; width: 100%; height: 60px; padding: 10px 5.33vw; display: flex; justify-content: flex-start; align-items: center; }
@media screen and (min-width: 768px) {
.header-inner:where(.astro-Z6IZ25DN) { padding: 10px 20px; }
}
.footer:where(.astro-SZ7XMLTE) { text-align: center; font-size: 11px; color: rgb(255, 255, 255); padding: 40px 0px; }
.footer_logos:where(.astro-SZ7XMLTE), .footer_links:where(.astro-SZ7XMLTE) { max-width: 1160px; margin: 0px auto 30px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.footer_logos:where(.astro-SZ7XMLTE) li:where(.astro-SZ7XMLTE) { max-width: 240px; }
.mv:where(.astro-NDQBRLB2) { position: relative; }
.mv_img:where(.astro-NDQBRLB2) { width: 100%; }
.wrap:where(.astro-LC6KGJMX) { display: inline-block; height: var(--size); width: var(--size); }
@media screen and (min-width: 768px) {
.wrap:where(.astro-LC6KGJMX) { height: var(--mediumSize); width: var(--mediumSize); }
}
.vertical:where(.astro-43NUHUMO) { width: auto; height: var(--size); display: block; }
@media (min-width: 768px) {
.vertical:where(.astro-43NUHUMO) { height: var(--mediumSize); }
}
.sectionHeader:where(.astro-WDWML3D3) { line-height: 1; text-align: center; width: 100%; }
.sectionHeader:where(.astro-WDWML3D3).--sm { margin-bottom: 30px; }
.sectionHeader:where(.astro-WDWML3D3).--lg { margin: 40px 0px 60px; }
.searchTitle:where(.astro-WDWML3D3).--sm { font-size: 4.26667vw; }
@media screen and (min-width: 768px) {
.searchTitle:where(.astro-WDWML3D3).--sm { font-size: 16px; }
}
.searchTitle:where(.astro-WDWML3D3).--lg { font-size: 6.4vw; }
@media screen and (min-width: 768px) {
.searchTitle:where(.astro-WDWML3D3).--lg { font-size: 24px; }
}
@media screen and (min-width: 768px) {
.sectionHeader:where(.astro-WDWML3D3).--sm { margin-bottom: 60px; }
.sectionHeader:where(.astro-WDWML3D3).--lg { margin: 40px 0px 80px; }
.searchTitle:where(.astro-WDWML3D3).--sm { font-size: 17.6px; }
.searchTitle:where(.astro-WDWML3D3).--lg { font-size: 26.4px; }
}
.spAreaPictureNational:where(.astro-FIDKHCOV) { font-size: 4.26667vw; }
@media screen and (min-width: 768px) {
.spAreaPictureNational:where(.astro-FIDKHCOV) { font-size: 16px; }
}
.spAreaPictureNational_icon:where(.astro-FIDKHCOV)::after { content: ""; display: block; position: absolute; top: 50%; right: 5.33vw; width: 12px; height: 12px; margin-top: -6px; background-size: cover; transition: 0.5s; }
.spAreaPictureNational_name:where(.astro-FIDKHCOV) { position: relative; width: calc(100% + 9vw); padding: 1em 0px 1em 5.33vw; margin: 0px -5.33vw; border-bottom: 1px solid var(--color-main); cursor: pointer; }
.spAreaPictureNational_name:where(.astro-FIDKHCOV)::after { background: url("../icons/ico_plus.svg") center center no-repeat; }
.spAreaPictureNational_name:where(.astro-FIDKHCOV).active::after { background: url("../icons/ico_minus.svg") center center no-repeat; }
.spAreaPictureNationalPrefs_wrap:where(.astro-FIDKHCOV) { overflow: hidden; transition: 0.5s; height: 0px; width: 98.5%; margin-left: 5.33vw; }
.spAreaPictureNationalPref:where(.astro-FIDKHCOV) { position: relative; display: block; padding: 1em 0px 1em 3.2vw; border-bottom: 1px solid var(--color-main); }
.spAreaPictureNationalPref:where(.astro-FIDKHCOV)::after { background: url("../icons/ico_arrow_search.svg") center center no-repeat; }
.pcAreaPictureNational:where(.astro-2QBUO4YI) { position: relative; min-height: 630px; }
.pcAreaPictureNational_bg:where(.astro-2QBUO4YI) { position: absolute; top: -130px; left: 50%; transform: translate(-50%); width: 100%; height: 670px; background: var(--bg) center top no-repeat; }
.pcAreaPictureNational_region:where(.astro-2QBUO4YI) { position: absolute; display: flex; flex-wrap: wrap; gap: 0.25em 1em; z-index: 2; }
.pcAreaPictureNational_name:where(.astro-2QBUO4YI) { display: block; color: rgb(34, 34, 34); font-size: 16px; font-weight: 500; text-decoration: underline; cursor: pointer; }
.pcAreaPictureNational_name:where(.astro-2QBUO4YI).disable { color: rgb(170, 170, 170); text-decoration: none; cursor: not-allowed; }
.hkdo:where(.astro-2QBUO4YI) { top: 0px; left: calc(50% + 400px); }
.toho:where(.astro-2QBUO4YI) { top: 150px; left: calc(50% + 230px); max-width: 12em; }
.knto:where(.astro-2QBUO4YI) { top: 290px; left: calc(50% + 180px); max-width: 16em; }
.kosh:where(.astro-2QBUO4YI) { top: 140px; left: calc(50% - 40px); max-width: 9em; }
.toki:where(.astro-2QBUO4YI) { top: 430px; left: calc(50% + 80px); max-width: 9em; }
.kink:where(.astro-2QBUO4YI) { top: 480px; left: calc(50% - 140px); max-width: 14em; }
.cgsk:where(.astro-2QBUO4YI) { top: 230px; right: calc(50% + 53px); max-width: 14em; }
.kyuo:where(.astro-2QBUO4YI) { top: 350px; right: calc(50% + 300px); max-width: 11em; }
@media screen and (max-width: 980px) {
.hkdo:where(.astro-2QBUO4YI) { top: -90px; left: calc(50% + 290px); }
.kyuo:where(.astro-2QBUO4YI) { top: 550px; right: calc(50% + 180px); }
}
.wrap:where(.astro-PATNJMLL) { display: inline-block; height: var(--size); width: var(--size); }
@media screen and (min-width: 768px) {
.wrap:where(.astro-PATNJMLL) { height: var(--mediumSize); width: var(--mediumSize); }
}
.faq_list:where(.astro-3XFZXB44) { display: flex; flex-direction: column; gap: 24px; }
.faq_item:where(.astro-3XFZXB44) { padding: 20px 5.33vw; border-radius: 10px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); }
.faq_item-question:where(.astro-3XFZXB44), .faq_item-answer:where(.astro-3XFZXB44) { display: flex; align-items: center; column-gap: 20px; }
.faq_item-question:where(.astro-3XFZXB44) > span:where(.astro-3XFZXB44), .faq_item-answer:where(.astro-3XFZXB44) > span:where(.astro-3XFZXB44) { max-width: calc(100% - 58px); }
.faq_item-question:where(.astro-3XFZXB44) { margin-bottom: 20px; font-size: 22px; font-weight: 700; }
.faq_item-answer:where(.astro-3XFZXB44) { font-size: 16px; }
.faq_item-answer:where(.astro-3XFZXB44) > span:where(.astro-3XFZXB44) { line-height: 2; }
.faq_list:where(.astro-5LTLDQY2) { display: flex; flex-direction: column; gap: 24px; }
.faq_item:where(.astro-5LTLDQY2) { padding: 20px 5.33vw; border-radius: 10px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); }
.faq_item-question:where(.astro-5LTLDQY2), .faq_item-answer:where(.astro-5LTLDQY2) { display: flex; align-items: center; column-gap: 20px; font-weight: 700; }
.faq_item-question:where(.astro-5LTLDQY2) > span:where(.astro-5LTLDQY2), .faq_item-answer:where(.astro-5LTLDQY2) > span:where(.astro-5LTLDQY2) { max-width: calc(100% - 58px); }
.faq_item-question:where(.astro-5LTLDQY2) { font-size: 4.26667vw; position: relative; padding-right: 10.66vw; cursor: pointer; }
@media screen and (min-width: 768px) {
.faq_item-question:where(.astro-5LTLDQY2) { font-size: 16px; }
}
.faq_item-question:where(.astro-5LTLDQY2)::after { content: ""; display: block; position: absolute; top: 50%; right: 0px; width: 12px; height: 12px; margin-top: -6px; transition: 0.5s; background: url("../icons/ico_plus.svg") center center no-repeat; }
.faq_item-question:where(.astro-5LTLDQY2).active { margin-bottom: 20px; }
.faq_item-question:where(.astro-5LTLDQY2).active::after { background: url("../icons/ico_minus.svg") center center no-repeat; }
.faq_item-answer:where(.astro-5LTLDQY2) { font-size: 3.2vw; line-height: 2em; overflow: hidden; transition: 0.5s; height: 0px; }
@media screen and (min-width: 768px) {
.faq_item-answer:where(.astro-5LTLDQY2) { font-size: 12px; }
}
.interview_two:where(.astro-PMYUXX4N) { display: flex; gap: 20px; align-items: flex-start; margin: 0px auto 40px; word-break: break-all; }
.interview_contents:where(.astro-PMYUXX4N) { padding: 0px 3vw 20px 0px; margin: 20px 0px 4%; }
.interview_contents_wrapper:where(.astro-PMYUXX4N) { max-width: calc(100% - 436px); }
.interview_image:where(.astro-PMYUXX4N) { width: 436px; }
.interview_title_two:where(.astro-PMYUXX4N) { font-size: 22px; margin: 10px 0px 5px; }
.interview_description_two:where(.astro-PMYUXX4N) { font-size: 16px; line-height: 1.5; }
.interview_list:where(.astro-PMYUXX4N) { padding: 20px 0px 10px; }
.interview_list:where(.astro-PMYUXX4N) > li:where(.astro-PMYUXX4N):not(:first-child) { margin-top: 20px; }
.interview_list_question:where(.astro-PMYUXX4N) { margin-bottom: 10px; font-weight: 700; font-size: 20px; }
.interview_list_answer:where(.astro-PMYUXX4N) { font-size: 16px; line-height: 2em; }
.interview_schedule_title:where(.astro-PMYUXX4N) { font-size: 20px; margin: 5px 0px; }
.interview_schedule_row:where(.astro-PMYUXX4N) { display: flex; gap: 2px; margin-bottom: 2px; font-size: 13.2px; }
.interview_schedule_row:where(.astro-PMYUXX4N) > :where(.astro-PMYUXX4N) { padding: 0.5em 1em; }
.interview_schedule_row:where(.astro-PMYUXX4N) > dt:where(.astro-PMYUXX4N) { text-align: center; background: rgba(0, 0, 0, 0.2); min-width: 130px; flex-basis: 130px; display: flex; align-items: center; justify-content: center; }
.interview_schedule_row:where(.astro-PMYUXX4N) > dd:where(.astro-PMYUXX4N) { flex-basis: 400px; background: rgba(0, 0, 0, 0.1); }
.interview:where(.astro-BXMMHAF6) { word-break: break-all; margin: 0px auto 40px; }
.interview_image:where(.astro-BXMMHAF6) { max-width: 436px; height: auto; }
.interview_title:where(.astro-BXMMHAF6) { font-size: 5.33333vw; margin: 10px 0px 5px; }
@media screen and (min-width: 768px) {
.interview_title:where(.astro-BXMMHAF6) { font-size: 20px; }
}
.interview_description:where(.astro-BXMMHAF6) { font-size: 3.2vw; line-height: 1.5; }
@media screen and (min-width: 768px) {
.interview_description:where(.astro-BXMMHAF6) { font-size: 12px; }
}
.interview_button:where(.astro-BXMMHAF6) { border-radius: 16px; text-align: center; color: rgb(255, 255, 255); font-size: 3.2vw; font-weight: 700; margin: 10px 0px; padding: 5px; width: 100%; }
@media screen and (min-width: 768px) {
.interview_button:where(.astro-BXMMHAF6) { font-size: 12px; }
}
.interview_contents:where(.astro-BXMMHAF6) { overflow: hidden; transition: 0.3s; height: 0px; border-radius: 10px; background: rgb(255, 255, 255); }
.interview_list:where(.astro-BXMMHAF6) { padding: 20px 3vw 10px; }
.interview_list:where(.astro-BXMMHAF6) > li:where(.astro-BXMMHAF6):not(:first-child) { margin-top: 20px; }
.interview_list_question:where(.astro-BXMMHAF6) { margin-bottom: 10px; font-weight: 700; font-size: 4.26667vw; }
@media screen and (min-width: 768px) {
.interview_list_question:where(.astro-BXMMHAF6) { font-size: 16px; }
}
.interview_list_answer:where(.astro-BXMMHAF6) { font-size: 3.2vw; }
@media screen and (min-width: 768px) {
.interview_list_answer:where(.astro-BXMMHAF6) { font-size: 12px; }
}
.interview_schedule:where(.astro-BXMMHAF6) { padding: 0px 3vw 20px; }
.interview_schedule_title:where(.astro-BXMMHAF6) { font-size: 2.66667vw; margin: 5px 0px; }
@media screen and (min-width: 768px) {
.interview_schedule_title:where(.astro-BXMMHAF6) { font-size: 10px; }
}
.interview_schedule_row:where(.astro-BXMMHAF6) { display: flex; gap: 2px; margin-bottom: 2px; font-size: 3.2vw; }
@media screen and (min-width: 768px) {
.interview_schedule_row:where(.astro-BXMMHAF6) { font-size: 12px; }
}
.interview_schedule_row:where(.astro-BXMMHAF6) > :where(.astro-BXMMHAF6) { padding: 0.5em 1em; }
.interview_schedule_row:where(.astro-BXMMHAF6) > dt:where(.astro-BXMMHAF6) { text-align: center; background: rgba(0, 0, 0, 0.2); min-width: 20%; flex-basis: 20%; display: flex; align-items: center; justify-content: center; }
.interview_schedule_row:where(.astro-BXMMHAF6) > dd:where(.astro-BXMMHAF6) { min-width: 78%; flex-basis: 78%; background: rgba(0, 0, 0, 0.1); }
.companyInfo_wrap:where(.astro-CJM42O3R) { word-break: break-all; border-top: 1.5px solid rgb(204, 204, 204); border-bottom: 1.5px solid rgb(204, 204, 204); }
.companyInfo_item:where(.astro-CJM42O3R):not(:last-child) { border-bottom: 1.5px solid rgb(204, 204, 204); }
.companyInfo_item:where(.astro-CJM42O3R) { display: flex; gap: 5vw; align-items: center; padding: 14px 5vw 18px; }
.companyInfo_title:where(.astro-CJM42O3R) { width: 30%; line-height: 2.2; font-size: 14px; font-weight: 700; text-align: center; }
.companyInfo_desc:where(.astro-CJM42O3R) { width: 70%; font-size: 12px; line-height: 2.2; }
@media screen and (min-width: 768px) {
.companyInfo_wrap:where(.astro-CJM42O3R) { max-width: 920px; margin: 0px auto; }
.companyInfo_title:where(.astro-CJM42O3R) { width: 160px; font-size: 20px; }
.companyInfo_desc:where(.astro-CJM42O3R) { width: calc(100% - 160px); font-size: 16px; }
}
.section:where(.astro-MFST5HTQ) { position: relative; padding: 60px 0px; }
.inner:where(.astro-MFST5HTQ) { width: 100%; margin: 0px auto; padding: 0px 5.33vw; }
.fragment:where(.astro-MFST5HTQ) { position: absolute; top: -1.5em; }
@media screen and (min-width: 768px) {
.inner:where(.astro-MFST5HTQ) { max-width: 1160px; padding: 0px 40px; }
}
.pageTop:where(.astro-EU46N2MQ) { background: var(--bgcolor); display: inline-block; margin: 0px 10px 10px 0px; cursor: pointer; opacity: 0; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; position: fixed; bottom: 20px; right: 0px; width: 60px; height: 60px; border-radius: 80px; visibility: hidden; }
[data-is-scrolling="true"] .pageTop:where(.astro-EU46N2MQ) { opacity: 1; visibility: visible; z-index: 3; }
.pageTop:where(.astro-EU46N2MQ):hover { opacity: 0.4; }
@media screen and (min-width: 768px) {
.pageTop:where(.astro-EU46N2MQ) { width: 80px; height: 80px; border-radius: 100px; }
}
.arrow:where(.astro-EU46N2MQ)::before, .arrow:where(.astro-EU46N2MQ)::after { content: ""; display: block; position: absolute; left: 24%; border: 16px solid transparent; }
.arrow:where(.astro-EU46N2MQ)::before { top: 6%; border-bottom-color: rgb(255, 255, 255); }
.arrow:where(.astro-EU46N2MQ)::after { top: 16%; border-bottom-color: var(--bgcolor); }
@media screen and (min-width: 768px) {
.arrow:where(.astro-EU46N2MQ)::before, .arrow:where(.astro-EU46N2MQ)::after { left: 26%; border-width: 20px; }
.arrow:where(.astro-EU46N2MQ)::before { top: 8%; }
.arrow:where(.astro-EU46N2MQ)::after { top: 20%; }
}