@charset "UTF-8";html[data-v-5b18506c] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-5b18506c] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-5b18506c] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-5b18506c] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-5b18506c] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-5b18506c] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-5b18506c] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-5b18506c], *[data-v-5b18506c]::before, *[data-v-5b18506c]::after { box-sizing: border-box; } img[data-v-5b18506c] { max-width: 100%; vertical-align: middle; } a[data-v-5b18506c] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-5b18506c]:hover { opacity: 0.7; } button[data-v-5b18506c] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-5b18506c], ol[data-v-5b18506c] { list-style: none; } iframe[data-v-5b18506c] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-5b18506c] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-5b18506c] { width: 78.6666666667vw; } .bg-blue[data-v-5b18506c] { background-color: var(--primary-light); } .bg-blueLight[data-v-5b18506c] { background-color: var(--primary-ex-light); } .bg-img[data-v-5b18506c] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-5b18506c] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-5b18506c] { display: none; } } ._show[data-v-5b18506c] { display: block; } ._hide[data-v-5b18506c] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-5b18506c], ._flex[data-v-5b18506c] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-5b18506c], ._flex[data-v-5b18506c] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-5b18506c], ._column[data-v-5b18506c] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-5b18506c], ._column[data-v-5b18506c] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-5b18506c], ._wrap[data-v-5b18506c] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-5b18506c], ._wrap[data-v-5b18506c] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-5b18506c], ._ac[data-v-5b18506c] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-5b18506c], ._ac[data-v-5b18506c] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-5b18506c], ._as[data-v-5b18506c] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-5b18506c], ._as[data-v-5b18506c] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-5b18506c], ._jc[data-v-5b18506c] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-5b18506c], ._jc[data-v-5b18506c] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-5b18506c], ._jb[data-v-5b18506c] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-5b18506c], ._jb[data-v-5b18506c] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-5b18506c] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-5b18506c], .content_inner[data-v-5b18506c], .content_inner-small[data-v-5b18506c], .content_inner-large[data-v-5b18506c] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-5b18506c], .content_inner[data-v-5b18506c], .content_inner-small[data-v-5b18506c], .content_inner-large[data-v-5b18506c] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-5b18506c], .content_inner[data-v-5b18506c], .content_inner-small[data-v-5b18506c], .content_inner-large[data-v-5b18506c] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-5b18506c], .content_inner-large[data-v-5b18506c] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-5b18506c], .content_inner-large[data-v-5b18506c] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-5b18506c], .content_inner-small[data-v-5b18506c] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-5b18506c], .content_inner-small[data-v-5b18506c] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-5b18506c], .content_inner-small[data-v-5b18506c], .content_inner-large[data-v-5b18506c] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-5b18506c], .content_inner-small[data-v-5b18506c], .content_inner-large[data-v-5b18506c] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-5b18506c] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-5b18506c] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-5b18506c] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-5b18506c] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-5b18506c] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-5b18506c] { padding: 0; } ._pt0[data-v-5b18506c] { padding-top: 0; } ._pr0[data-v-5b18506c] { padding-right: 0; } ._pb0[data-v-5b18506c] { padding-bottom: 0; } ._pl0[data-v-5b18506c] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-5b18506c] { z-index: 1; } .slidePagination span[data-v-5b18506c] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-5b18506c] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-5b18506c] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-5b18506c] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-5b18506c] { background: var(--primary) !important; } .slidePagination.right[data-v-5b18506c] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-5b18506c] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-5b18506c] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-5b18506c] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-5b18506c] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-5b18506c] { text-align: center; } .slidePagination.bottom span[data-v-5b18506c] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-5b18506c] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-5b18506c] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-5b18506c] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-5b18506c] { text-align: center; } ._tar[data-v-5b18506c] { text-align: right; } ._ta[data-v-5b18506c] { text-align: left; } .ff-biz[data-v-5b18506c] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-5b18506c] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-5b18506c] { text-transform: uppercase; } .fw-normal[data-v-5b18506c] { font-weight: 400; } .fw-medium[data-v-5b18506c] { font-weight: 500; } .fw-bold[data-v-5b18506c] { font-weight: 700; } .indent[data-v-5b18506c] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-5b18506c] { color: var(--primary); } .c-light[data-v-5b18506c] { color: var(--gray); } .c-exLight[data-v-5b18506c] { color: var(--gray-light); } .c-white[data-v-5b18506c] { color: var(--white); } .c-red[data-v-5b18506c] { color: var(--red); } .td-underline[data-v-5b18506c] { text-decoration: underline; } .marker-w[data-v-5b18506c] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-5b18506c] { letter-spacing: 0.05em; } .ls-200[data-v-5b18506c] { letter-spacing: 0.2em; } body[data-v-5b18506c], tooltip[data-v-5b18506c], popover[data-v-5b18506c] { font-family: "Noto Sans JP", sans-serif; } code[data-v-5b18506c], kbd[data-v-5b18506c], pre[data-v-5b18506c], samp[data-v-5b18506c] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-5b18506c] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-5b18506c] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-5b18506c] { font-size: 2.6666666667vw; } } .heading[data-v-5b18506c] { text-align: center; font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; line-height: 1.2; font-weight: 400; text-transform: uppercase; letter-spacing: 0.3em; } @media screen and (min-width: 1126px) { .heading[data-v-5b18506c] { margin-bottom: 60px; font-size: 56px; } } @media screen and (max-width: 1125px) { .heading[data-v-5b18506c] { margin-bottom: 5.3333333333vw; font-size: 7.1111111111vw; } } .heading .point[data-v-5b18506c] { display: inline-block; padding-top: 0.1em; background: url("/images/common/point02.svg") no-repeat left top/0.5em; } .heading .jp[data-v-5b18506c] { margin-top: 0.2em; display: block; letter-spacing: 0.3em; font-weight: 400; } @media screen and (min-width: 1126px) { .heading .jp[data-v-5b18506c] { font-size: 26px; } } @media screen and (max-width: 1125px) { .heading .jp[data-v-5b18506c] { font-size: 3.5555555556vw; } } @media screen and (min-width: 1126px) { .heading-lower[data-v-5b18506c] { font-size: 47px; margin-bottom: 60px; } } @media screen and (max-width: 1125px) { .heading-lower[data-v-5b18506c] { font-size: 5.9555555556vw; margin-bottom: 5.3333333333vw; } } @media screen and (min-width: 1126px) { .heading-lower .jp[data-v-5b18506c] { font-size: 23px; } } @media screen and (max-width: 1125px) { .heading-lower .jp[data-v-5b18506c] { font-size: 2.9333333333vw; } } html[data-v-7e7720ac] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-7e7720ac] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-7e7720ac] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-7e7720ac] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-7e7720ac] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-7e7720ac] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-7e7720ac] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-7e7720ac], *[data-v-7e7720ac]::before, *[data-v-7e7720ac]::after { box-sizing: border-box; } img[data-v-7e7720ac] { max-width: 100%; vertical-align: middle; } a[data-v-7e7720ac] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-7e7720ac]:hover { opacity: 0.7; } button[data-v-7e7720ac] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-7e7720ac], ol[data-v-7e7720ac] { list-style: none; } iframe[data-v-7e7720ac] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-7e7720ac] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-7e7720ac] { width: 78.6666666667vw; } .bg-blue[data-v-7e7720ac] { background-color: var(--primary-light); } .bg-blueLight[data-v-7e7720ac] { background-color: var(--primary-ex-light); } .bg-img[data-v-7e7720ac] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-7e7720ac] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-7e7720ac] { display: none; } } ._show[data-v-7e7720ac] { display: block; } ._hide[data-v-7e7720ac] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-7e7720ac], ._flex[data-v-7e7720ac] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-7e7720ac], ._flex[data-v-7e7720ac] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-7e7720ac], ._column[data-v-7e7720ac] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-7e7720ac], ._column[data-v-7e7720ac] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-7e7720ac], ._wrap[data-v-7e7720ac] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-7e7720ac], ._wrap[data-v-7e7720ac] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-7e7720ac], ._ac[data-v-7e7720ac] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-7e7720ac], ._ac[data-v-7e7720ac] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-7e7720ac], ._as[data-v-7e7720ac] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-7e7720ac], ._as[data-v-7e7720ac] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-7e7720ac], ._jc[data-v-7e7720ac] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-7e7720ac], ._jc[data-v-7e7720ac] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-7e7720ac], ._jb[data-v-7e7720ac] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-7e7720ac], ._jb[data-v-7e7720ac] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-7e7720ac] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-7e7720ac], .content_inner[data-v-7e7720ac], .content_inner-small[data-v-7e7720ac], .content_inner-large[data-v-7e7720ac] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-7e7720ac], .content_inner[data-v-7e7720ac], .content_inner-small[data-v-7e7720ac], .content_inner-large[data-v-7e7720ac] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-7e7720ac], .content_inner[data-v-7e7720ac], .content_inner-small[data-v-7e7720ac], .content_inner-large[data-v-7e7720ac] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-7e7720ac], .content_inner-large[data-v-7e7720ac] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-7e7720ac], .content_inner-large[data-v-7e7720ac] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-7e7720ac], .content_inner-small[data-v-7e7720ac] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-7e7720ac], .content_inner-small[data-v-7e7720ac] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-7e7720ac], .content_inner-small[data-v-7e7720ac], .content_inner-large[data-v-7e7720ac] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-7e7720ac], .content_inner-small[data-v-7e7720ac], .content_inner-large[data-v-7e7720ac] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-7e7720ac] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-7e7720ac] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-7e7720ac] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-7e7720ac] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-7e7720ac] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-7e7720ac] { padding: 0; } ._pt0[data-v-7e7720ac] { padding-top: 0; } ._pr0[data-v-7e7720ac] { padding-right: 0; } ._pb0[data-v-7e7720ac] { padding-bottom: 0; } ._pl0[data-v-7e7720ac] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-7e7720ac] { z-index: 1; } .slidePagination span[data-v-7e7720ac] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-7e7720ac] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-7e7720ac] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-7e7720ac] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-7e7720ac] { background: var(--primary) !important; } .slidePagination.right[data-v-7e7720ac] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-7e7720ac] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-7e7720ac] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-7e7720ac] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-7e7720ac] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-7e7720ac] { text-align: center; } .slidePagination.bottom span[data-v-7e7720ac] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-7e7720ac] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-7e7720ac] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-7e7720ac] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-7e7720ac] { text-align: center; } ._tar[data-v-7e7720ac] { text-align: right; } ._ta[data-v-7e7720ac] { text-align: left; } .ff-biz[data-v-7e7720ac] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-7e7720ac] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-7e7720ac] { text-transform: uppercase; } .fw-normal[data-v-7e7720ac] { font-weight: 400; } .fw-medium[data-v-7e7720ac] { font-weight: 500; } .fw-bold[data-v-7e7720ac] { font-weight: 700; } .indent[data-v-7e7720ac] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-7e7720ac] { color: var(--primary); } .c-light[data-v-7e7720ac] { color: var(--gray); } .c-exLight[data-v-7e7720ac] { color: var(--gray-light); } .c-white[data-v-7e7720ac] { color: var(--white); } .c-red[data-v-7e7720ac] { color: var(--red); } .td-underline[data-v-7e7720ac] { text-decoration: underline; } .marker-w[data-v-7e7720ac] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-7e7720ac] { letter-spacing: 0.05em; } .ls-200[data-v-7e7720ac] { letter-spacing: 0.2em; } body[data-v-7e7720ac], tooltip[data-v-7e7720ac], popover[data-v-7e7720ac] { font-family: "Noto Sans JP", sans-serif; } code[data-v-7e7720ac], kbd[data-v-7e7720ac], pre[data-v-7e7720ac], samp[data-v-7e7720ac] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-7e7720ac] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-7e7720ac] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-7e7720ac] { font-size: 2.6666666667vw; } } .header[data-v-7e7720ac] { z-index: 100000; transition: padding 0.3s, min-height 0.3s; position: fixed; top: 0; left: 0; width: 100%; background: var(--white); } @media screen and (min-width: 1126px) { .header[data-v-7e7720ac] { padding: 35px 20px 20px; } } @media screen and (max-width: 1125px) { .header[data-v-7e7720ac] { padding: 6.2222222222vw 4vw 4.4444444444vw 3.5555555556vw; min-height: 22.6666666667vw; } } .header h1[data-v-7e7720ac] { transition: width 0.3s; margin-right: auto; } @media screen and (min-width: 1126px) { .header h1[data-v-7e7720ac] { width: 232px; } } @media screen and (max-width: 1125px) { .header h1[data-v-7e7720ac] { width: 41.2444444444vw; } } .header h1 a[data-v-7e7720ac] { display: block; } .header h1 img[data-v-7e7720ac] { width: 100%; } .header_inner[data-v-7e7720ac] { width: 100%; margin: 0 auto; } @media screen and (min-width: 1126px) { .header_inner[data-v-7e7720ac] { max-width: 1028px; } } .header_keep[data-v-7e7720ac] { display: block; } @media screen and (min-width: 1126px) { .header_keep[data-v-7e7720ac] { width: 128px; } } @media screen and (max-width: 1125px) { .header_keep[data-v-7e7720ac] { width: 22.7555555556vw; } } .header_keep img[data-v-7e7720ac] { width: 100%; } .header .hamburger[data-v-7e7720ac] { position: relative; cursor: pointer; } @media screen and (min-width: 1126px) { .header .hamburger[data-v-7e7720ac] { margin-left: 20px; width: 60px; height: 60px; border-radius: 10px; border: 2px solid var(--primary); } } @media screen and (max-width: 1125px) { .header .hamburger[data-v-7e7720ac] { margin-left: 1.7777777778vw; width: 11.4666666667vw; height: 10.7555555556vw; border-radius: 1.7777777778vw; border: 0.4vw solid var(--primary); } } .header .hamburger span[data-v-7e7720ac] { background: var(--primary); display: block; position: absolute; left: 50%; transform: translateX(-50%); transform-origin: left; } @media screen and (min-width: 1126px) { .header .hamburger span[data-v-7e7720ac] { width: 35px; height: 2px; border-radius: 2px; } } @media screen and (max-width: 1125px) { .header .hamburger span[data-v-7e7720ac] { width: 5.9555555556vw; height: 0.3555555556vw; border-radius: 0.1777777778vw; } } @media screen and (min-width: 1126px) { .header .hamburger span[data-v-7e7720ac]:nth-of-type(1) { top: 15px; } } @media screen and (max-width: 1125px) { .header .hamburger span[data-v-7e7720ac]:nth-of-type(1) { top: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header .hamburger span[data-v-7e7720ac]:nth-of-type(2) { top: 27px; } } @media screen and (max-width: 1125px) { .header .hamburger span[data-v-7e7720ac]:nth-of-type(2) { top: 4.8vw; } } @media screen and (min-width: 1126px) { .header .hamburger span[data-v-7e7720ac]:nth-of-type(3) { top: 40px; } } @media screen and (max-width: 1125px) { .header .hamburger span[data-v-7e7720ac]:nth-of-type(3) { top: 7.0222222222vw; } } .header .hamburger p[data-v-7e7720ac] { margin-top: auto; letter-spacing: 0.4em; } @media screen and (min-width: 1126px) { .header .hamburger p[data-v-7e7720ac] { font-size: 12px; } } @media screen and (max-width: 1125px) { .header .hamburger p[data-v-7e7720ac] { font-size: 1.0666666667vw; } } .header .hamburgerMenu[data-v-7e7720ac] { position: absolute; top: 100%; right: 0; width: 100%; transition: background 0.3s; } @media screen and (max-width: 1125px) { .header .hamburgerMenu[data-v-7e7720ac] { overflow: scroll; } } .header .hamburgerMenu_inner[data-v-7e7720ac] { background: var(--white); position: relative; transition: max-height 0.3s; } @media screen and (max-width: 1125px) { .header .hamburgerMenu_inner[data-v-7e7720ac] { padding: 3.1111111111vw 0 8.8888888889vw; } } @media screen and (min-width: 1126px) { .header .hamburgerMenu_inner > ul[data-v-7e7720ac] { display: flex; flex-wrap: wrap; padding: 50px 0 100px; max-width: 1028px; max-height: 100vh; margin: 0 auto; } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_inner > ul[data-v-7e7720ac] { max-height: 78vh; overflow-y: scroll; } } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item[data-v-7e7720ac] { position: relative; width: 33.3333333333%; padding: 0 20px; } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_item[data-v-7e7720ac] { width: 87.5555555556vw; border-radius: 1.3333333333vw; border: 0.1777777778vw solid var(--primary); margin: 0 auto; } } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item[data-v-7e7720ac]:not(:nth-of-type(-n + 3)) { margin-top: 20px; } } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item:not(:nth-of-type(-n + 3)) .hamburgerMenu_item_inner[data-v-7e7720ac] { padding-bottom: 0.5em; } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_item + li[data-v-7e7720ac] { margin-top: 0.8888888889vw; } } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item_inner[data-v-7e7720ac] { padding-bottom: 0.5em; border-bottom: 1px solid var(--primary); } } .header .hamburgerMenu_item_inner a[data-v-7e7720ac], .header .hamburgerMenu_item_inner span[data-v-7e7720ac]:not(.icon) { width: 100%; margin-bottom: 0; } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item_inner a[data-v-7e7720ac], .header .hamburgerMenu_item_inner span[data-v-7e7720ac]:not(.icon) { position: relative; } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_item_inner a[data-v-7e7720ac], .header .hamburgerMenu_item_inner span[data-v-7e7720ac]:not(.icon) { padding: 1em 1em 1em 1.5em; } } .header .hamburgerMenu_item_inner a[data-v-7e7720ac] { display: block; } .header .hamburgerMenu_item_inner .icon[data-v-7e7720ac] { display: inline-block; transform-origin: center; transition: transform 0.3s; transform: rotate(90deg); } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item_inner .icon[data-v-7e7720ac] { position: absolute; top: 12px; right: 0; width: 1.2em; height: 1.2em; } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_item_inner .icon[data-v-7e7720ac] { width: 1.5em; height: 1.5em; } } .header .hamburgerMenu_item_inner .icon img[data-v-7e7720ac] { display: block; width: 100%; } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item_pages[data-v-7e7720ac] { z-index: 1; position: absolute; top: calc(100% - 1px); left: 20px; width: calc(100% - 40px); background: var(--white); } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_item_pages[data-v-7e7720ac] { padding: 0 1.5em; } } .header .hamburgerMenu_item_pages li[data-v-7e7720ac] { max-height: 0; overflow: hidden; opacity: 0; text-indent: -1em; padding-left: 1em; transition: max-height 0.3s, margin 0.3s, padding 0.3s, border 0.3s, opacity 0.3s; } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item_pages li[data-v-7e7720ac] { font-size: 16px; } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_item_pages li[data-v-7e7720ac] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item_pages li[data-v-7e7720ac]:nth-of-type(1) { width: 100%; } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_item_pages li[data-v-7e7720ac]:nth-of-type(1) { border-top: 1px solid transparent; } } .header .hamburgerMenu_item_pages li[data-v-7e7720ac]::before { content: "●"; color: var(--primary); font-size: 70%; margin-right: 0.5em; } .header .hamburgerMenu_item.open .icon[data-v-7e7720ac] { transform: rotate(-90deg); } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item.open .hamburgerMenu_item_pages[data-v-7e7720ac] { padding: 0 20px; border: 1px solid var(--primary); } } .header .hamburgerMenu_item.open .hamburgerMenu_item_pages li[data-v-7e7720ac] { max-height: 4em; opacity: 1; } @media screen and (min-width: 1126px) { .header .hamburgerMenu_item.open .hamburgerMenu_item_pages li[data-v-7e7720ac] { margin-bottom: 0.5em; } } @media screen and (max-width: 1125px) { .header .hamburgerMenu_item.open .hamburgerMenu_item_pages li[data-v-7e7720ac] { margin-bottom: 1em; } } .header .hamburgerMenu_item.open .hamburgerMenu_item_pages li[data-v-7e7720ac]:nth-of-type(1) { padding-top: 1em; border-color: var(--primary); } .header.open .hamburger span[data-v-7e7720ac]:nth-of-type(1) { transform: rotate(45deg) translateX(-50%); } @media screen and (min-width: 1126px) { .header.open .hamburger span[data-v-7e7720ac]:nth-of-type(1) { top: 27px; } } @media screen and (max-width: 1125px) { .header.open .hamburger span[data-v-7e7720ac]:nth-of-type(1) { top: 4.8vw; } } .header.open .hamburger span[data-v-7e7720ac]:nth-of-type(2) { opacity: 0; } .header.open .hamburger span[data-v-7e7720ac]:nth-of-type(3) { transform: rotate(-45deg) translateX(-50%); } @media screen and (min-width: 1126px) { .header.open .hamburger span[data-v-7e7720ac]:nth-of-type(3) { top: 27px; } } @media screen and (max-width: 1125px) { .header.open .hamburger span[data-v-7e7720ac]:nth-of-type(3) { top: 4.8vw; } } .header.fixed[data-v-7e7720ac] { min-height: auto; } @media screen and (min-width: 1126px) { .header.fixed[data-v-7e7720ac] { padding: 15px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } } @media screen and (max-width: 1125px) { .header.fixed[data-v-7e7720ac] { padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 2.6666666667vw; box-shadow: 0 0 1.7777777778vw rgba(0, 0, 0, 0.2); } } @media screen and (min-width: 1126px) { .header.fixed h1[data-v-7e7720ac] { width: 200px; } } @media screen and (max-width: 1125px) { .header.fixed h1[data-v-7e7720ac] { width: 35.5555555556vw; } } .mask[data-v-7e7720ac] { z-index: 1000; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: var(--mask); } .menu-enter-active[data-v-7e7720ac], .mask-enter-active[data-v-7e7720ac] { animation: menuOpen-7e7720ac 0.3s ease 0s both; } .menu-leave-active[data-v-7e7720ac], .mask-leave-active[data-v-7e7720ac] { animation: menuClose-7e7720ac 0.3s ease 0s both; } [data-v-7e7720ac] .heading { margin-bottom: 0; } @media screen and (min-width: 1126px) { [data-v-7e7720ac] .heading { font-size: 30px; letter-spacing: 0.15em; text-align: left; } } @media screen and (max-width: 1125px) { [data-v-7e7720ac] .heading { align-items: center; display: flex; font-size: 4.4444444444vw; letter-spacing: 0.25em; } } @media screen and (min-width: 1126px) { [data-v-7e7720ac] .heading .jp { font-size: 13px; letter-spacing: 0.05em; } } @media screen and (max-width: 1125px) { [data-v-7e7720ac] .heading .jp { font-size: 2.4888888889vw; margin-left: 1em; letter-spacing: 0.15em; } } @keyframes menuOpen-7e7720ac { from { opacity: 0; } to { opacity: 1; } } @keyframes menuClose-7e7720ac { from { opacity: 1; } to { opacity: 0; } } @keyframes headerFix-7e7720ac { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes headerClose-7e7720ac { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-100%); opacity: 0; } }html[data-v-def3c474] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-def3c474] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-def3c474] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-def3c474] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-def3c474] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-def3c474] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-def3c474] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-def3c474], *[data-v-def3c474]::before, *[data-v-def3c474]::after { box-sizing: border-box; } img[data-v-def3c474] { max-width: 100%; vertical-align: middle; } a[data-v-def3c474] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-def3c474]:hover { opacity: 0.7; } button[data-v-def3c474] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-def3c474], ol[data-v-def3c474] { list-style: none; } iframe[data-v-def3c474] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-def3c474] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-def3c474] { width: 78.6666666667vw; } .bg-blue[data-v-def3c474] { background-color: var(--primary-light); } .bg-blueLight[data-v-def3c474] { background-color: var(--primary-ex-light); } .bg-img[data-v-def3c474] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-def3c474] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-def3c474] { display: none; } } ._show[data-v-def3c474] { display: block; } ._hide[data-v-def3c474] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-def3c474], ._flex[data-v-def3c474] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-def3c474], ._flex[data-v-def3c474] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-def3c474], ._column[data-v-def3c474] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-def3c474], ._column[data-v-def3c474] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-def3c474], ._wrap[data-v-def3c474] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-def3c474], ._wrap[data-v-def3c474] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-def3c474], ._ac[data-v-def3c474] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-def3c474], ._ac[data-v-def3c474] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-def3c474], ._as[data-v-def3c474] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-def3c474], ._as[data-v-def3c474] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-def3c474], ._jc[data-v-def3c474] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-def3c474], ._jc[data-v-def3c474] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-def3c474], ._jb[data-v-def3c474] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-def3c474], ._jb[data-v-def3c474] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-def3c474] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-def3c474], .content_inner[data-v-def3c474], .content_inner-small[data-v-def3c474], .content_inner-large[data-v-def3c474] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-def3c474], .content_inner[data-v-def3c474], .content_inner-small[data-v-def3c474], .content_inner-large[data-v-def3c474] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-def3c474], .content_inner[data-v-def3c474], .content_inner-small[data-v-def3c474], .content_inner-large[data-v-def3c474] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-def3c474], .content_inner-large[data-v-def3c474] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-def3c474], .content_inner-large[data-v-def3c474] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-def3c474], .content_inner-small[data-v-def3c474] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-def3c474], .content_inner-small[data-v-def3c474] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-def3c474], .content_inner-small[data-v-def3c474], .content_inner-large[data-v-def3c474] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-def3c474], .content_inner-small[data-v-def3c474], .content_inner-large[data-v-def3c474] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-def3c474] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-def3c474] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-def3c474] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-def3c474] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-def3c474] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-def3c474] { padding: 0; } ._pt0[data-v-def3c474] { padding-top: 0; } ._pr0[data-v-def3c474] { padding-right: 0; } ._pb0[data-v-def3c474] { padding-bottom: 0; } ._pl0[data-v-def3c474] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-def3c474] { z-index: 1; } .slidePagination span[data-v-def3c474] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-def3c474] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-def3c474] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-def3c474] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-def3c474] { background: var(--primary) !important; } .slidePagination.right[data-v-def3c474] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-def3c474] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-def3c474] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-def3c474] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-def3c474] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-def3c474] { text-align: center; } .slidePagination.bottom span[data-v-def3c474] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-def3c474] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-def3c474] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-def3c474] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-def3c474] { text-align: center; } ._tar[data-v-def3c474] { text-align: right; } ._ta[data-v-def3c474] { text-align: left; } .ff-biz[data-v-def3c474] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-def3c474] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-def3c474] { text-transform: uppercase; } .fw-normal[data-v-def3c474] { font-weight: 400; } .fw-medium[data-v-def3c474] { font-weight: 500; } .fw-bold[data-v-def3c474] { font-weight: 700; } .indent[data-v-def3c474] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-def3c474] { color: var(--primary); } .c-light[data-v-def3c474] { color: var(--gray); } .c-exLight[data-v-def3c474] { color: var(--gray-light); } .c-white[data-v-def3c474] { color: var(--white); } .c-red[data-v-def3c474] { color: var(--red); } .td-underline[data-v-def3c474] { text-decoration: underline; } .marker-w[data-v-def3c474] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-def3c474] { letter-spacing: 0.05em; } .ls-200[data-v-def3c474] { letter-spacing: 0.2em; } body[data-v-def3c474], tooltip[data-v-def3c474], popover[data-v-def3c474] { font-family: "Noto Sans JP", sans-serif; } code[data-v-def3c474], kbd[data-v-def3c474], pre[data-v-def3c474], samp[data-v-def3c474] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-def3c474] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-def3c474] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-def3c474] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .footer[data-v-def3c474] { padding: 100px 0 70px; } } @media screen and (max-width: 1125px) { .footer[data-v-def3c474] { padding: 8.8888888889vw 0 6.2222222222vw; } } .footer_inner[data-v-def3c474] { margin: 0 auto; } .footer_logo[data-v-def3c474] { margin: 0 auto; display: block; } @media screen and (min-width: 1126px) { .footer_logo[data-v-def3c474] { width: 350px; } } @media screen and (max-width: 1125px) { .footer_logo[data-v-def3c474] { width: 54.6666666667vw; } } .footer address[data-v-def3c474] { font-style: normal; color: var(--gray); line-height: 1.72; letter-spacing: 0.1em; } @media screen and (min-width: 1126px) { .footer address[data-v-def3c474] { margin-top: 20px; font-size: 25px; } } @media screen and (max-width: 1125px) { .footer address[data-v-def3c474] { margin-top: 1.7777777778vw; font-size: 2.8444444444vw; } } .footer_nav a[data-v-def3c474], .footer_link a[data-v-def3c474] { display: inline-block; } .footer_nav[data-v-def3c474] { line-height: 2.14; letter-spacing: 0.1em; } @media screen and (min-width: 1126px) { .footer_nav[data-v-def3c474] { margin-top: 75px; font-size: 18px; } } @media screen and (max-width: 1125px) { .footer_nav[data-v-def3c474] { margin-top: 6.6666666667vw; font-size: 2.4888888889vw; } } @media screen and (min-width: 1126px) { .footer_nav li[data-v-def3c474] { width: 31%; } } @media screen and (max-width: 1125px) { .footer_nav li[data-v-def3c474] { width: 50%; } } @media screen and (min-width: 1126px) { .footer_nav li[data-v-def3c474]:not(:last-of-type(-n + 3)) { margin-top: 20px; } } .footer_link[data-v-def3c474] { border-top: 2px solid var(--primary); } @media screen and (min-width: 1126px) { .footer_link[data-v-def3c474] { margin-top: 50px; padding: 50px 50px; } } @media screen and (max-width: 1125px) { .footer_link[data-v-def3c474] { margin-top: 7.1111111111vw; padding: 8vw 4.4444444444vw; } } @media screen and (min-width: 1126px) { .footer_link li[data-v-def3c474]:nth-of-type(1) { width: 423px; } } @media screen and (max-width: 1125px) { .footer_link li[data-v-def3c474]:nth-of-type(1) { width: 37.6vw; } } @media screen and (min-width: 1126px) { .footer_link li[data-v-def3c474]:nth-of-type(2) { width: 228px; } } @media screen and (max-width: 1125px) { .footer_link li[data-v-def3c474]:nth-of-type(2) { width: 20.2666666667vw; } } @media screen and (min-width: 1126px) { .footer_link li[data-v-def3c474]:nth-of-type(3) { width: 322px; } } @media screen and (max-width: 1125px) { .footer_link li[data-v-def3c474]:nth-of-type(3) { width: 28.6222222222vw; } } @media screen and (min-width: 1126px) { .footer_link li[data-v-def3c474]:nth-of-type(4) { width: 304px; } } @media screen and (max-width: 1125px) { .footer_link li[data-v-def3c474]:nth-of-type(4) { width: 27.0222222222vw; } } @media screen and (min-width: 1126px) { .footer_link li[data-v-def3c474]:not(:nth-of-type(-n + 2)) { margin-top: 50px; } } @media screen and (max-width: 1125px) { .footer_link li[data-v-def3c474]:not(:nth-of-type(-n + 2)) { margin-top: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .footer_link li[data-v-def3c474]:nth-of-type(even) { margin-left: 50px; } } @media screen and (max-width: 1125px) { .footer_link li[data-v-def3c474]:nth-of-type(even) { margin-left: 7.1111111111vw; } } .footer small[data-v-def3c474] { letter-spacing: 0.1em; display: block; color: var(--gray); } @media screen and (min-width: 1126px) { .footer small[data-v-def3c474] { margin-top: 70px; } } @media screen and (max-width: 1125px) { .footer small[data-v-def3c474] { margin-top: 6.2222222222vw; font-size: 2.0444444444vw; } }html[data-v-02e88324] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-02e88324] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-02e88324] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-02e88324] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-02e88324] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-02e88324] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-02e88324] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-02e88324], *[data-v-02e88324]::before, *[data-v-02e88324]::after { box-sizing: border-box; } img[data-v-02e88324] { max-width: 100%; vertical-align: middle; } a[data-v-02e88324] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-02e88324]:hover { opacity: 0.7; } button[data-v-02e88324] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-02e88324], ol[data-v-02e88324] { list-style: none; } iframe[data-v-02e88324] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-02e88324] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-02e88324] { width: 78.6666666667vw; } .bg-blue[data-v-02e88324] { background-color: var(--primary-light); } .bg-blueLight[data-v-02e88324] { background-color: var(--primary-ex-light); } .bg-img[data-v-02e88324] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-02e88324] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-02e88324] { display: none; } } ._show[data-v-02e88324] { display: block; } ._hide[data-v-02e88324] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-02e88324], ._flex[data-v-02e88324] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-02e88324], ._flex[data-v-02e88324] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-02e88324], ._column[data-v-02e88324] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-02e88324], ._column[data-v-02e88324] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-02e88324], ._wrap[data-v-02e88324] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-02e88324], ._wrap[data-v-02e88324] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-02e88324], ._ac[data-v-02e88324] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-02e88324], ._ac[data-v-02e88324] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-02e88324], ._as[data-v-02e88324] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-02e88324], ._as[data-v-02e88324] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-02e88324], ._jc[data-v-02e88324] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-02e88324], ._jc[data-v-02e88324] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-02e88324], ._jb[data-v-02e88324] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-02e88324], ._jb[data-v-02e88324] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-02e88324] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-02e88324], .content_inner[data-v-02e88324], .content_inner-small[data-v-02e88324], .content_inner-large[data-v-02e88324] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-02e88324], .content_inner[data-v-02e88324], .content_inner-small[data-v-02e88324], .content_inner-large[data-v-02e88324] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-02e88324], .content_inner[data-v-02e88324], .content_inner-small[data-v-02e88324], .content_inner-large[data-v-02e88324] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-02e88324], .content_inner-large[data-v-02e88324] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-02e88324], .content_inner-large[data-v-02e88324] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-02e88324], .content_inner-small[data-v-02e88324] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-02e88324], .content_inner-small[data-v-02e88324] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-02e88324], .content_inner-small[data-v-02e88324], .content_inner-large[data-v-02e88324] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-02e88324], .content_inner-small[data-v-02e88324], .content_inner-large[data-v-02e88324] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-02e88324] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-02e88324] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-02e88324] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-02e88324] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-02e88324] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-02e88324] { padding: 0; } ._pt0[data-v-02e88324] { padding-top: 0; } ._pr0[data-v-02e88324] { padding-right: 0; } ._pb0[data-v-02e88324] { padding-bottom: 0; } ._pl0[data-v-02e88324] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-02e88324] { z-index: 1; } .slidePagination span[data-v-02e88324] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-02e88324] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-02e88324] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-02e88324] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-02e88324] { background: var(--primary) !important; } .slidePagination.right[data-v-02e88324] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-02e88324] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-02e88324] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-02e88324] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-02e88324] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-02e88324] { text-align: center; } .slidePagination.bottom span[data-v-02e88324] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-02e88324] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-02e88324] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-02e88324] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-02e88324] { text-align: center; } ._tar[data-v-02e88324] { text-align: right; } ._ta[data-v-02e88324] { text-align: left; } .ff-biz[data-v-02e88324] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-02e88324] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-02e88324] { text-transform: uppercase; } .fw-normal[data-v-02e88324] { font-weight: 400; } .fw-medium[data-v-02e88324] { font-weight: 500; } .fw-bold[data-v-02e88324] { font-weight: 700; } .indent[data-v-02e88324] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-02e88324] { color: var(--primary); } .c-light[data-v-02e88324] { color: var(--gray); } .c-exLight[data-v-02e88324] { color: var(--gray-light); } .c-white[data-v-02e88324] { color: var(--white); } .c-red[data-v-02e88324] { color: var(--red); } .td-underline[data-v-02e88324] { text-decoration: underline; } .marker-w[data-v-02e88324] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-02e88324] { letter-spacing: 0.05em; } .ls-200[data-v-02e88324] { letter-spacing: 0.2em; } body[data-v-02e88324], tooltip[data-v-02e88324], popover[data-v-02e88324] { font-family: "Noto Sans JP", sans-serif; } code[data-v-02e88324], kbd[data-v-02e88324], pre[data-v-02e88324], samp[data-v-02e88324] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-02e88324] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-02e88324] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-02e88324] { font-size: 2.6666666667vw; } } html[data-v-02e88324] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-02e88324] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-02e88324] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-02e88324] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-02e88324] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-02e88324] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-02e88324] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-02e88324], *[data-v-02e88324]::before, *[data-v-02e88324]::after { box-sizing: border-box; } img[data-v-02e88324] { max-width: 100%; vertical-align: middle; } a[data-v-02e88324] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-02e88324]:hover { opacity: 0.7; } button[data-v-02e88324] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-02e88324], ol[data-v-02e88324] { list-style: none; } iframe[data-v-02e88324] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-02e88324] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-02e88324] { width: 78.6666666667vw; } .bg-blue[data-v-02e88324] { background-color: var(--primary-light); } .bg-blueLight[data-v-02e88324] { background-color: var(--primary-ex-light); } .bg-img[data-v-02e88324] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-02e88324] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-02e88324] { display: none; } } ._show[data-v-02e88324] { display: block; } ._hide[data-v-02e88324] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-02e88324], ._flex[data-v-02e88324] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-02e88324], ._flex[data-v-02e88324] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-02e88324], ._column[data-v-02e88324] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-02e88324], ._column[data-v-02e88324] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-02e88324], ._wrap[data-v-02e88324] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-02e88324], ._wrap[data-v-02e88324] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-02e88324], ._ac[data-v-02e88324] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-02e88324], ._ac[data-v-02e88324] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-02e88324], ._as[data-v-02e88324] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-02e88324], ._as[data-v-02e88324] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-02e88324], ._jc[data-v-02e88324] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-02e88324], ._jc[data-v-02e88324] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-02e88324], ._jb[data-v-02e88324] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-02e88324], ._jb[data-v-02e88324] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-02e88324] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-02e88324], .content_inner[data-v-02e88324], .content_inner-large[data-v-02e88324], .content_inner-small[data-v-02e88324] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-02e88324], .content_inner[data-v-02e88324], .content_inner-large[data-v-02e88324], .content_inner-small[data-v-02e88324] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-02e88324], .content_inner[data-v-02e88324], .content_inner-large[data-v-02e88324], .content_inner-small[data-v-02e88324] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-02e88324], .content_inner-large[data-v-02e88324] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-02e88324], .content_inner-large[data-v-02e88324] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-02e88324], .content_inner-small[data-v-02e88324] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-02e88324], .content_inner-small[data-v-02e88324] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-02e88324], .content_inner-large[data-v-02e88324], .content_inner-small[data-v-02e88324] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-02e88324], .content_inner-large[data-v-02e88324], .content_inner-small[data-v-02e88324] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-02e88324] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-02e88324] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-02e88324] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-02e88324] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-02e88324] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-02e88324] { padding: 0; } ._pt0[data-v-02e88324] { padding-top: 0; } ._pr0[data-v-02e88324] { padding-right: 0; } ._pb0[data-v-02e88324] { padding-bottom: 0; } ._pl0[data-v-02e88324] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-02e88324] { z-index: 1; } .slidePagination span[data-v-02e88324] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-02e88324] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-02e88324] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-02e88324] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-02e88324] { background: var(--primary) !important; } .slidePagination.right[data-v-02e88324] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-02e88324] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-02e88324] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-02e88324] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-02e88324] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-02e88324] { text-align: center; } .slidePagination.bottom span[data-v-02e88324] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-02e88324] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-02e88324] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-02e88324] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-02e88324] { text-align: center; } ._tar[data-v-02e88324] { text-align: right; } ._ta[data-v-02e88324] { text-align: left; } .ff-biz[data-v-02e88324] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-02e88324] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-02e88324] { text-transform: uppercase; } .fw-normal[data-v-02e88324] { font-weight: 400; } .fw-medium[data-v-02e88324] { font-weight: 500; } .fw-bold[data-v-02e88324] { font-weight: 700; } .indent[data-v-02e88324] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-02e88324] { color: var(--primary); } .c-light[data-v-02e88324] { color: var(--gray); } .c-exLight[data-v-02e88324] { color: var(--gray-light); } .c-white[data-v-02e88324] { color: var(--white); } .c-red[data-v-02e88324] { color: var(--red); } .td-underline[data-v-02e88324] { text-decoration: underline; } .marker-w[data-v-02e88324] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-02e88324] { letter-spacing: 0.05em; } .ls-200[data-v-02e88324] { letter-spacing: 0.2em; } body[data-v-02e88324], tooltip[data-v-02e88324], popover[data-v-02e88324] { font-family: "Noto Sans JP", sans-serif; } code[data-v-02e88324], kbd[data-v-02e88324], pre[data-v-02e88324], samp[data-v-02e88324] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .invisible[data-v-02e88324] { opacity: 0; } .animated[data-v-02e88324] { animation-timing-function: ease; animation-duration: 0.5s; animation-fill-mode: both; } .anime-delay-1[data-v-02e88324] { animation-delay: 0.3s; } .anime-delay-2[data-v-02e88324] { animation-delay: 0.6s; } .anime-delay-3[data-v-02e88324] { animation-delay: 0.9s; } .anime-delay-4[data-v-02e88324] { animation-delay: 1.2s; } .anime-delay-5[data-v-02e88324] { animation-delay: 1.5s; } .anime-delay-6[data-v-02e88324] { animation-delay: 1.8s; } .fadeIn[data-v-02e88324] { animation-name: fadeIn-02e88324; } .fadeInUp[data-v-02e88324] { animation-name: fadeInUp-02e88324; } .fadeOut[data-v-02e88324] { animation-name: fadeOut-02e88324; } .fadeOutDown[data-v-02e88324] { animation-name: fadeOutDown-02e88324; } @keyframes fadeIn-02e88324 { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUp-02e88324 { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeOut-02e88324 { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutDown-02e88324 { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(100px); } }html[data-v-2172206c] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-2172206c] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-2172206c] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-2172206c] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-2172206c] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-2172206c] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-2172206c] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-2172206c], *[data-v-2172206c]::before, *[data-v-2172206c]::after { box-sizing: border-box; } img[data-v-2172206c] { max-width: 100%; vertical-align: middle; } a[data-v-2172206c] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-2172206c]:hover { opacity: 0.7; } button[data-v-2172206c] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-2172206c], ol[data-v-2172206c] { list-style: none; } iframe[data-v-2172206c] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-2172206c] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-2172206c] { width: 78.6666666667vw; } .bg-blue[data-v-2172206c] { background-color: var(--primary-light); } .bg-blueLight[data-v-2172206c] { background-color: var(--primary-ex-light); } .bg-img[data-v-2172206c] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-2172206c] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-2172206c] { display: none; } } ._show[data-v-2172206c] { display: block; } ._hide[data-v-2172206c] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-2172206c], ._flex[data-v-2172206c] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-2172206c], ._flex[data-v-2172206c] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-2172206c], ._column[data-v-2172206c] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-2172206c], ._column[data-v-2172206c] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-2172206c], ._wrap[data-v-2172206c] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-2172206c], ._wrap[data-v-2172206c] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-2172206c], ._ac[data-v-2172206c] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-2172206c], ._ac[data-v-2172206c] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-2172206c], ._as[data-v-2172206c] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-2172206c], ._as[data-v-2172206c] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-2172206c], ._jc[data-v-2172206c] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-2172206c], ._jc[data-v-2172206c] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-2172206c], ._jb[data-v-2172206c] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-2172206c], ._jb[data-v-2172206c] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-2172206c] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-2172206c], .content_inner[data-v-2172206c], .content_inner-small[data-v-2172206c], .content_inner-large[data-v-2172206c] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-2172206c], .content_inner[data-v-2172206c], .content_inner-small[data-v-2172206c], .content_inner-large[data-v-2172206c] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-2172206c], .content_inner[data-v-2172206c], .content_inner-small[data-v-2172206c], .content_inner-large[data-v-2172206c] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-2172206c], .content_inner-large[data-v-2172206c] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-2172206c], .content_inner-large[data-v-2172206c] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-2172206c], .content_inner-small[data-v-2172206c] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-2172206c], .content_inner-small[data-v-2172206c] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-2172206c], .content_inner-small[data-v-2172206c], .content_inner-large[data-v-2172206c] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-2172206c], .content_inner-small[data-v-2172206c], .content_inner-large[data-v-2172206c] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-2172206c] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-2172206c] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-2172206c] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-2172206c] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-2172206c] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-2172206c] { padding: 0; } ._pt0[data-v-2172206c] { padding-top: 0; } ._pr0[data-v-2172206c] { padding-right: 0; } ._pb0[data-v-2172206c] { padding-bottom: 0; } ._pl0[data-v-2172206c] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-2172206c] { z-index: 1; } .slidePagination span[data-v-2172206c] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-2172206c] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-2172206c] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-2172206c] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-2172206c] { background: var(--primary) !important; } .slidePagination.right[data-v-2172206c] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-2172206c] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-2172206c] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-2172206c] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-2172206c] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-2172206c] { text-align: center; } .slidePagination.bottom span[data-v-2172206c] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-2172206c] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-2172206c] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-2172206c] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-2172206c] { text-align: center; } ._tar[data-v-2172206c] { text-align: right; } ._ta[data-v-2172206c] { text-align: left; } .ff-biz[data-v-2172206c] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-2172206c] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-2172206c] { text-transform: uppercase; } .fw-normal[data-v-2172206c] { font-weight: 400; } .fw-medium[data-v-2172206c] { font-weight: 500; } .fw-bold[data-v-2172206c] { font-weight: 700; } .indent[data-v-2172206c] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-2172206c] { color: var(--primary); } .c-light[data-v-2172206c] { color: var(--gray); } .c-exLight[data-v-2172206c] { color: var(--gray-light); } .c-white[data-v-2172206c] { color: var(--white); } .c-red[data-v-2172206c] { color: var(--red); } .td-underline[data-v-2172206c] { text-decoration: underline; } .marker-w[data-v-2172206c] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-2172206c] { letter-spacing: 0.05em; } .ls-200[data-v-2172206c] { letter-spacing: 0.2em; } body[data-v-2172206c], tooltip[data-v-2172206c], popover[data-v-2172206c] { font-family: "Noto Sans JP", sans-serif; } code[data-v-2172206c], kbd[data-v-2172206c], pre[data-v-2172206c], samp[data-v-2172206c] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-2172206c] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-2172206c] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-2172206c] { font-size: 2.6666666667vw; } } .notice[data-v-2172206c] { line-height: 1.2; letter-spacing: 0.05em; } @media screen and (min-width: 1126px) { .notice[data-v-2172206c] { font-size: 18px; } } @media screen and (max-width: 1125px) { .notice[data-v-2172206c] { font-size: 2.9333333333vw; } } .notice_inner[data-v-2172206c] { padding: 1em 0; display: block; } .notice p[data-v-2172206c] { padding-left: 1.3em; background: url("/images/common/caution.svg") no-repeat left top/1.2em; }/** * Swiper 8.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 15, 2022 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; }:root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; }.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }html[data-v-6d9de36a] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-6d9de36a] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-6d9de36a] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-6d9de36a] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-6d9de36a] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-6d9de36a] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-6d9de36a] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-6d9de36a], *[data-v-6d9de36a]::before, *[data-v-6d9de36a]::after { box-sizing: border-box; } img[data-v-6d9de36a] { max-width: 100%; vertical-align: middle; } a[data-v-6d9de36a] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-6d9de36a]:hover { opacity: 0.7; } button[data-v-6d9de36a] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-6d9de36a], ol[data-v-6d9de36a] { list-style: none; } iframe[data-v-6d9de36a] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-6d9de36a] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-6d9de36a] { width: 78.6666666667vw; } .bg-blue[data-v-6d9de36a] { background-color: var(--primary-light); } .bg-blueLight[data-v-6d9de36a] { background-color: var(--primary-ex-light); } .bg-img[data-v-6d9de36a] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-6d9de36a] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-6d9de36a] { display: none; } } ._show[data-v-6d9de36a] { display: block; } ._hide[data-v-6d9de36a] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-6d9de36a], ._flex[data-v-6d9de36a] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-6d9de36a], ._flex[data-v-6d9de36a] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-6d9de36a], ._column[data-v-6d9de36a] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-6d9de36a], ._column[data-v-6d9de36a] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-6d9de36a], ._wrap[data-v-6d9de36a] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-6d9de36a], ._wrap[data-v-6d9de36a] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-6d9de36a], ._ac[data-v-6d9de36a] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-6d9de36a], ._ac[data-v-6d9de36a] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-6d9de36a], ._as[data-v-6d9de36a] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-6d9de36a], ._as[data-v-6d9de36a] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-6d9de36a], ._jc[data-v-6d9de36a] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-6d9de36a], ._jc[data-v-6d9de36a] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-6d9de36a], ._jb[data-v-6d9de36a] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-6d9de36a], ._jb[data-v-6d9de36a] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-6d9de36a] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-6d9de36a], .content_inner[data-v-6d9de36a], .content_inner-small[data-v-6d9de36a], .content_inner-large[data-v-6d9de36a] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-6d9de36a], .content_inner[data-v-6d9de36a], .content_inner-small[data-v-6d9de36a], .content_inner-large[data-v-6d9de36a] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-6d9de36a], .content_inner[data-v-6d9de36a], .content_inner-small[data-v-6d9de36a], .content_inner-large[data-v-6d9de36a] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-6d9de36a], .content_inner-large[data-v-6d9de36a] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-6d9de36a], .content_inner-large[data-v-6d9de36a] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-6d9de36a], .content_inner-small[data-v-6d9de36a] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-6d9de36a], .content_inner-small[data-v-6d9de36a] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-6d9de36a], .content_inner-small[data-v-6d9de36a], .content_inner-large[data-v-6d9de36a] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-6d9de36a], .content_inner-small[data-v-6d9de36a], .content_inner-large[data-v-6d9de36a] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-6d9de36a] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-6d9de36a] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-6d9de36a] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-6d9de36a] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-6d9de36a] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-6d9de36a] { padding: 0; } ._pt0[data-v-6d9de36a] { padding-top: 0; } ._pr0[data-v-6d9de36a] { padding-right: 0; } ._pb0[data-v-6d9de36a] { padding-bottom: 0; } ._pl0[data-v-6d9de36a] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-6d9de36a] { z-index: 1; } .slidePagination span[data-v-6d9de36a] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-6d9de36a] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-6d9de36a] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-6d9de36a] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-6d9de36a] { background: var(--primary) !important; } .slidePagination.right[data-v-6d9de36a] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-6d9de36a] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-6d9de36a] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-6d9de36a] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-6d9de36a] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-6d9de36a] { text-align: center; } .slidePagination.bottom span[data-v-6d9de36a] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-6d9de36a] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-6d9de36a] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-6d9de36a] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-6d9de36a] { text-align: center; } ._tar[data-v-6d9de36a] { text-align: right; } ._ta[data-v-6d9de36a] { text-align: left; } .ff-biz[data-v-6d9de36a] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-6d9de36a] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-6d9de36a] { text-transform: uppercase; } .fw-normal[data-v-6d9de36a] { font-weight: 400; } .fw-medium[data-v-6d9de36a] { font-weight: 500; } .fw-bold[data-v-6d9de36a] { font-weight: 700; } .indent[data-v-6d9de36a] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-6d9de36a] { color: var(--primary); } .c-light[data-v-6d9de36a] { color: var(--gray); } .c-exLight[data-v-6d9de36a] { color: var(--gray-light); } .c-white[data-v-6d9de36a] { color: var(--white); } .c-red[data-v-6d9de36a] { color: var(--red); } .td-underline[data-v-6d9de36a] { text-decoration: underline; } .marker-w[data-v-6d9de36a] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-6d9de36a] { letter-spacing: 0.05em; } .ls-200[data-v-6d9de36a] { letter-spacing: 0.2em; } body[data-v-6d9de36a], tooltip[data-v-6d9de36a], popover[data-v-6d9de36a] { font-family: "Noto Sans JP", sans-serif; } code[data-v-6d9de36a], kbd[data-v-6d9de36a], pre[data-v-6d9de36a], samp[data-v-6d9de36a] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-6d9de36a] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-6d9de36a] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-6d9de36a] { font-size: 2.6666666667vw; } } [data-v-6d9de36a] .swiper-slide img { width: 100%; }html[data-v-407049c3] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-407049c3] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-407049c3] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-407049c3] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-407049c3] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-407049c3] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-407049c3] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-407049c3], *[data-v-407049c3]::before, *[data-v-407049c3]::after { box-sizing: border-box; } img[data-v-407049c3] { max-width: 100%; vertical-align: middle; } a[data-v-407049c3] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-407049c3]:hover { opacity: 0.7; } button[data-v-407049c3] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-407049c3], ol[data-v-407049c3] { list-style: none; } iframe[data-v-407049c3] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-407049c3] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-407049c3] { width: 78.6666666667vw; } .bg-blue[data-v-407049c3] { background-color: var(--primary-light); } .bg-blueLight[data-v-407049c3] { background-color: var(--primary-ex-light); } .bg-img[data-v-407049c3] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-407049c3] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-407049c3] { display: none; } } ._show[data-v-407049c3] { display: block; } ._hide[data-v-407049c3] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-407049c3], ._flex[data-v-407049c3] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-407049c3], ._flex[data-v-407049c3] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-407049c3], ._column[data-v-407049c3] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-407049c3], ._column[data-v-407049c3] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-407049c3], ._wrap[data-v-407049c3] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-407049c3], ._wrap[data-v-407049c3] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-407049c3], ._ac[data-v-407049c3] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-407049c3], ._ac[data-v-407049c3] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-407049c3], ._as[data-v-407049c3] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-407049c3], ._as[data-v-407049c3] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-407049c3], ._jc[data-v-407049c3] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-407049c3], ._jc[data-v-407049c3] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-407049c3], ._jb[data-v-407049c3] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-407049c3], ._jb[data-v-407049c3] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-407049c3] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-407049c3], .content_inner[data-v-407049c3], .content_inner-small[data-v-407049c3], .content_inner-large[data-v-407049c3] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-407049c3], .content_inner[data-v-407049c3], .content_inner-small[data-v-407049c3], .content_inner-large[data-v-407049c3] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-407049c3], .content_inner[data-v-407049c3], .content_inner-small[data-v-407049c3], .content_inner-large[data-v-407049c3] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-407049c3], .content_inner-large[data-v-407049c3] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-407049c3], .content_inner-large[data-v-407049c3] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-407049c3], .content_inner-small[data-v-407049c3] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-407049c3], .content_inner-small[data-v-407049c3] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-407049c3], .content_inner-small[data-v-407049c3], .content_inner-large[data-v-407049c3] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-407049c3], .content_inner-small[data-v-407049c3], .content_inner-large[data-v-407049c3] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-407049c3] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-407049c3] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-407049c3] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-407049c3] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-407049c3] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-407049c3] { padding: 0; } ._pt0[data-v-407049c3] { padding-top: 0; } ._pr0[data-v-407049c3] { padding-right: 0; } ._pb0[data-v-407049c3] { padding-bottom: 0; } ._pl0[data-v-407049c3] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-407049c3] { z-index: 1; } .slidePagination span[data-v-407049c3] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-407049c3] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-407049c3] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-407049c3] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-407049c3] { background: var(--primary) !important; } .slidePagination.right[data-v-407049c3] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-407049c3] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-407049c3] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-407049c3] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-407049c3] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-407049c3] { text-align: center; } .slidePagination.bottom span[data-v-407049c3] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-407049c3] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-407049c3] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-407049c3] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-407049c3] { text-align: center; } ._tar[data-v-407049c3] { text-align: right; } ._ta[data-v-407049c3] { text-align: left; } .ff-biz[data-v-407049c3] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-407049c3] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-407049c3] { text-transform: uppercase; } .fw-normal[data-v-407049c3] { font-weight: 400; } .fw-medium[data-v-407049c3] { font-weight: 500; } .fw-bold[data-v-407049c3] { font-weight: 700; } .indent[data-v-407049c3] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-407049c3] { color: var(--primary); } .c-light[data-v-407049c3] { color: var(--gray); } .c-exLight[data-v-407049c3] { color: var(--gray-light); } .c-white[data-v-407049c3] { color: var(--white); } .c-red[data-v-407049c3] { color: var(--red); } .td-underline[data-v-407049c3] { text-decoration: underline; } .marker-w[data-v-407049c3] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-407049c3] { letter-spacing: 0.05em; } .ls-200[data-v-407049c3] { letter-spacing: 0.2em; } body[data-v-407049c3], tooltip[data-v-407049c3], popover[data-v-407049c3] { font-family: "Noto Sans JP", sans-serif; } code[data-v-407049c3], kbd[data-v-407049c3], pre[data-v-407049c3], samp[data-v-407049c3] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-407049c3] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-407049c3] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-407049c3] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .section_inner[data-v-407049c3] { padding: 90px 0 110px; } } @media screen and (max-width: 1125px) { .section_inner[data-v-407049c3] { padding: 8vw 0 9.7777777778vw; } } @media screen and (min-width: 1126px) { .section_border .section_inner[data-v-407049c3] { border-top: 2px solid var(--primary); } } @media screen and (max-width: 1125px) { .section_border .section_inner[data-v-407049c3] { border-top: 0.1777777778vw solid var(--primary); } } .section_fill[data-v-407049c3] { background-color: var(--primary-light); }html[data-v-14d84b6b] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-14d84b6b] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-14d84b6b] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-14d84b6b] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-14d84b6b] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-14d84b6b] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-14d84b6b] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-14d84b6b], *[data-v-14d84b6b]::before, *[data-v-14d84b6b]::after { box-sizing: border-box; } img[data-v-14d84b6b] { max-width: 100%; vertical-align: middle; } a[data-v-14d84b6b] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-14d84b6b]:hover { opacity: 0.7; } button[data-v-14d84b6b] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-14d84b6b], ol[data-v-14d84b6b] { list-style: none; } iframe[data-v-14d84b6b] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-14d84b6b] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-14d84b6b] { width: 78.6666666667vw; } .bg-blue[data-v-14d84b6b] { background-color: var(--primary-light); } .bg-blueLight[data-v-14d84b6b] { background-color: var(--primary-ex-light); } .bg-img[data-v-14d84b6b] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-14d84b6b] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-14d84b6b] { display: none; } } ._show[data-v-14d84b6b] { display: block; } ._hide[data-v-14d84b6b] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-14d84b6b], ._flex[data-v-14d84b6b] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-14d84b6b], ._flex[data-v-14d84b6b] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-14d84b6b], ._column[data-v-14d84b6b] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-14d84b6b], ._column[data-v-14d84b6b] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-14d84b6b], ._wrap[data-v-14d84b6b] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-14d84b6b], ._wrap[data-v-14d84b6b] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-14d84b6b], ._ac[data-v-14d84b6b] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-14d84b6b], ._ac[data-v-14d84b6b] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-14d84b6b], ._as[data-v-14d84b6b] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-14d84b6b], ._as[data-v-14d84b6b] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-14d84b6b], ._jc[data-v-14d84b6b] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-14d84b6b], ._jc[data-v-14d84b6b] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-14d84b6b], ._jb[data-v-14d84b6b] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-14d84b6b], ._jb[data-v-14d84b6b] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-14d84b6b] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-14d84b6b], .content_inner[data-v-14d84b6b], .content_inner-small[data-v-14d84b6b], .content_inner-large[data-v-14d84b6b] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-14d84b6b], .content_inner[data-v-14d84b6b], .content_inner-small[data-v-14d84b6b], .content_inner-large[data-v-14d84b6b] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-14d84b6b], .content_inner[data-v-14d84b6b], .content_inner-small[data-v-14d84b6b], .content_inner-large[data-v-14d84b6b] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-14d84b6b], .content_inner-large[data-v-14d84b6b] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-14d84b6b], .content_inner-large[data-v-14d84b6b] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-14d84b6b], .content_inner-small[data-v-14d84b6b] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-14d84b6b], .content_inner-small[data-v-14d84b6b] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-14d84b6b], .content_inner-small[data-v-14d84b6b], .content_inner-large[data-v-14d84b6b] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-14d84b6b], .content_inner-small[data-v-14d84b6b], .content_inner-large[data-v-14d84b6b] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-14d84b6b] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-14d84b6b] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-14d84b6b] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-14d84b6b] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-14d84b6b] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-14d84b6b] { padding: 0; } ._pt0[data-v-14d84b6b] { padding-top: 0; } ._pr0[data-v-14d84b6b] { padding-right: 0; } ._pb0[data-v-14d84b6b] { padding-bottom: 0; } ._pl0[data-v-14d84b6b] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-14d84b6b] { z-index: 1; } .slidePagination span[data-v-14d84b6b] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-14d84b6b] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-14d84b6b] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-14d84b6b] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-14d84b6b] { background: var(--primary) !important; } .slidePagination.right[data-v-14d84b6b] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-14d84b6b] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-14d84b6b] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-14d84b6b] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-14d84b6b] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-14d84b6b] { text-align: center; } .slidePagination.bottom span[data-v-14d84b6b] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-14d84b6b] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-14d84b6b] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-14d84b6b] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-14d84b6b] { text-align: center; } ._tar[data-v-14d84b6b] { text-align: right; } ._ta[data-v-14d84b6b] { text-align: left; } .ff-biz[data-v-14d84b6b] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-14d84b6b] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-14d84b6b] { text-transform: uppercase; } .fw-normal[data-v-14d84b6b] { font-weight: 400; } .fw-medium[data-v-14d84b6b] { font-weight: 500; } .fw-bold[data-v-14d84b6b] { font-weight: 700; } .indent[data-v-14d84b6b] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-14d84b6b] { color: var(--primary); } .c-light[data-v-14d84b6b] { color: var(--gray); } .c-exLight[data-v-14d84b6b] { color: var(--gray-light); } .c-white[data-v-14d84b6b] { color: var(--white); } .c-red[data-v-14d84b6b] { color: var(--red); } .td-underline[data-v-14d84b6b] { text-decoration: underline; } .marker-w[data-v-14d84b6b] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-14d84b6b] { letter-spacing: 0.05em; } .ls-200[data-v-14d84b6b] { letter-spacing: 0.2em; } body[data-v-14d84b6b], tooltip[data-v-14d84b6b], popover[data-v-14d84b6b] { font-family: "Noto Sans JP", sans-serif; } code[data-v-14d84b6b], kbd[data-v-14d84b6b], pre[data-v-14d84b6b], samp[data-v-14d84b6b] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-14d84b6b] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-14d84b6b] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-14d84b6b] { font-size: 2.6666666667vw; } } .searchLink[data-v-14d84b6b] { text-align: center; background: var(--primary); font-weight: 500; } @media screen and (min-width: 1126px) { .searchLink[data-v-14d84b6b] { justify-content: center; padding: 1em 1em 1em 2em; width: 277px; border-radius: 25px; } } @media screen and (max-width: 1125px) { .searchLink[data-v-14d84b6b] { width: 27.1111111111vw; border-radius: 4.8888888889vw; padding: 1em 0; flex-direction: column; } } .searchLink_img[data-v-14d84b6b] { background-size: 100%; background-position: center center; background-repeat: no-repeat; } @media screen and (min-width: 1126px) { .searchLink_img[data-v-14d84b6b] { width: 70px; height: 70px; } } @media screen and (max-width: 1125px) { .searchLink_img[data-v-14d84b6b] { width: 8.8888888889vw; height: 8.8888888889vw; } } .searchLink p[data-v-14d84b6b] { margin-top: 0.5em; line-height: 1.2; } @media screen and (min-width: 1126px) { .searchLink p[data-v-14d84b6b] { margin: 0 auto; font-size: 22px; } } @media screen and (max-width: 1125px) { .searchLink p[data-v-14d84b6b] { font-size: 3.1111111111vw; } } .searchLink p[data-v-14d84b6b] span { font-weight: 600; } @media screen and (min-width: 1126px) { .searchLink p[data-v-14d84b6b] span { font-size: 30px; } } @media screen and (max-width: 1125px) { .searchLink p[data-v-14d84b6b] span { font-size: 4.4444444444vw; } }html[data-v-e54e4c02] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-e54e4c02] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-e54e4c02] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-e54e4c02] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-e54e4c02] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-e54e4c02] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-e54e4c02] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-e54e4c02], *[data-v-e54e4c02]::before, *[data-v-e54e4c02]::after { box-sizing: border-box; } img[data-v-e54e4c02] { max-width: 100%; vertical-align: middle; } a[data-v-e54e4c02] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-e54e4c02]:hover { opacity: 0.7; } button[data-v-e54e4c02] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-e54e4c02], ol[data-v-e54e4c02] { list-style: none; } iframe[data-v-e54e4c02] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-e54e4c02] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-e54e4c02] { width: 78.6666666667vw; } .bg-blue[data-v-e54e4c02] { background-color: var(--primary-light); } .bg-blueLight[data-v-e54e4c02] { background-color: var(--primary-ex-light); } .bg-img[data-v-e54e4c02] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-e54e4c02] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-e54e4c02] { display: none; } } ._show[data-v-e54e4c02] { display: block; } ._hide[data-v-e54e4c02] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-e54e4c02], ._flex[data-v-e54e4c02] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-e54e4c02], ._flex[data-v-e54e4c02] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-e54e4c02], ._column[data-v-e54e4c02] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-e54e4c02], ._column[data-v-e54e4c02] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-e54e4c02], ._wrap[data-v-e54e4c02] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-e54e4c02], ._wrap[data-v-e54e4c02] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-e54e4c02], ._ac[data-v-e54e4c02] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-e54e4c02], ._ac[data-v-e54e4c02] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-e54e4c02], ._as[data-v-e54e4c02] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-e54e4c02], ._as[data-v-e54e4c02] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-e54e4c02], ._jc[data-v-e54e4c02] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-e54e4c02], ._jc[data-v-e54e4c02] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-e54e4c02], ._jb[data-v-e54e4c02] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-e54e4c02], ._jb[data-v-e54e4c02] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-e54e4c02] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-e54e4c02], .content_inner[data-v-e54e4c02], .content_inner-small[data-v-e54e4c02], .content_inner-large[data-v-e54e4c02] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-e54e4c02], .content_inner[data-v-e54e4c02], .content_inner-small[data-v-e54e4c02], .content_inner-large[data-v-e54e4c02] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-e54e4c02], .content_inner[data-v-e54e4c02], .content_inner-small[data-v-e54e4c02], .content_inner-large[data-v-e54e4c02] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-e54e4c02], .content_inner-large[data-v-e54e4c02] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-e54e4c02], .content_inner-large[data-v-e54e4c02] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-e54e4c02], .content_inner-small[data-v-e54e4c02] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-e54e4c02], .content_inner-small[data-v-e54e4c02] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-e54e4c02], .content_inner-small[data-v-e54e4c02], .content_inner-large[data-v-e54e4c02] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-e54e4c02], .content_inner-small[data-v-e54e4c02], .content_inner-large[data-v-e54e4c02] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-e54e4c02] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-e54e4c02] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-e54e4c02] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-e54e4c02] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-e54e4c02] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-e54e4c02] { padding: 0; } ._pt0[data-v-e54e4c02] { padding-top: 0; } ._pr0[data-v-e54e4c02] { padding-right: 0; } ._pb0[data-v-e54e4c02] { padding-bottom: 0; } ._pl0[data-v-e54e4c02] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-e54e4c02] { z-index: 1; } .slidePagination span[data-v-e54e4c02] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-e54e4c02] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-e54e4c02] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-e54e4c02] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-e54e4c02] { background: var(--primary) !important; } .slidePagination.right[data-v-e54e4c02] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-e54e4c02] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-e54e4c02] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-e54e4c02] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-e54e4c02] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-e54e4c02] { text-align: center; } .slidePagination.bottom span[data-v-e54e4c02] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-e54e4c02] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-e54e4c02] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-e54e4c02] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-e54e4c02] { text-align: center; } ._tar[data-v-e54e4c02] { text-align: right; } ._ta[data-v-e54e4c02] { text-align: left; } .ff-biz[data-v-e54e4c02] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-e54e4c02] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-e54e4c02] { text-transform: uppercase; } .fw-normal[data-v-e54e4c02] { font-weight: 400; } .fw-medium[data-v-e54e4c02] { font-weight: 500; } .fw-bold[data-v-e54e4c02] { font-weight: 700; } .indent[data-v-e54e4c02] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-e54e4c02] { color: var(--primary); } .c-light[data-v-e54e4c02] { color: var(--gray); } .c-exLight[data-v-e54e4c02] { color: var(--gray-light); } .c-white[data-v-e54e4c02] { color: var(--white); } .c-red[data-v-e54e4c02] { color: var(--red); } .td-underline[data-v-e54e4c02] { text-decoration: underline; } .marker-w[data-v-e54e4c02] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-e54e4c02] { letter-spacing: 0.05em; } .ls-200[data-v-e54e4c02] { letter-spacing: 0.2em; } body[data-v-e54e4c02], tooltip[data-v-e54e4c02], popover[data-v-e54e4c02] { font-family: "Noto Sans JP", sans-serif; } code[data-v-e54e4c02], kbd[data-v-e54e4c02], pre[data-v-e54e4c02], samp[data-v-e54e4c02] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-e54e4c02] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-e54e4c02] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-e54e4c02] { font-size: 2.6666666667vw; } } .searchForm[data-v-e54e4c02] { position: relative; } @media screen and (min-width: 1126px) { .searchForm[data-v-e54e4c02] { margin-top: 30px; } } @media screen and (max-width: 1125px) { .searchForm[data-v-e54e4c02] { margin-top: 2.6666666667vw; } } .searchForm input[data-v-e54e4c02], .searchForm button[data-v-e54e4c02] { line-height: 1; } @media screen and (min-width: 1126px) { .searchForm input[data-v-e54e4c02], .searchForm button[data-v-e54e4c02] { font-size: 30px; } } @media screen and (max-width: 1125px) { .searchForm input[data-v-e54e4c02], .searchForm button[data-v-e54e4c02] { font-size: 3.1111111111vw; } } .searchForm input[data-v-e54e4c02] { margin: 0; width: 100%; padding: 0.5em 1em; } @media screen and (min-width: 1126px) { .searchForm input[data-v-e54e4c02] { font-size: 26px; border: 2px solid var(--border-blue) !important; border-radius: 20px !important; } } @media screen and (max-width: 1125px) { .searchForm input[data-v-e54e4c02] { font-size: 3.5555555556vw; border: 0.3555555556vw solid var(--border-blue) !important; border-radius: 2.6666666667vw !important; } } .searchForm input[data-v-e54e4c02]::-moz-placeholder { color: var(--gray-light); letter-spacing: 0.15em; } .searchForm input[data-v-e54e4c02]::placeholder { color: var(--gray-light); letter-spacing: 0.15em; } .searchForm button[data-v-e54e4c02] { position: absolute; top: 0; right: 0; height: 100%; border: none; background: var(--primary); cursor: pointer; } @media screen and (min-width: 1126px) { .searchForm button[data-v-e54e4c02] { width: 95px; border-radius: 0 20px 20px 0 !important; } } @media screen and (max-width: 1125px) { .searchForm button[data-v-e54e4c02] { width: 8.4444444444vw; border-radius: 0 2.6666666667vw 2.6666666667vw 0 !important; } } .searchForm button img[data-v-e54e4c02] { width: 1.3em; }html[data-v-dbc4f4a0] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-dbc4f4a0] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-dbc4f4a0] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-dbc4f4a0] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-dbc4f4a0] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-dbc4f4a0] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-dbc4f4a0] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-dbc4f4a0], *[data-v-dbc4f4a0]::before, *[data-v-dbc4f4a0]::after { box-sizing: border-box; } img[data-v-dbc4f4a0] { max-width: 100%; vertical-align: middle; } a[data-v-dbc4f4a0] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-dbc4f4a0]:hover { opacity: 0.7; } button[data-v-dbc4f4a0] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-dbc4f4a0], ol[data-v-dbc4f4a0] { list-style: none; } iframe[data-v-dbc4f4a0] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-dbc4f4a0] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-dbc4f4a0] { width: 78.6666666667vw; } .bg-blue[data-v-dbc4f4a0] { background-color: var(--primary-light); } .bg-blueLight[data-v-dbc4f4a0] { background-color: var(--primary-ex-light); } .bg-img[data-v-dbc4f4a0] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-dbc4f4a0] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-dbc4f4a0] { display: none; } } ._show[data-v-dbc4f4a0] { display: block; } ._hide[data-v-dbc4f4a0] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-dbc4f4a0], ._flex[data-v-dbc4f4a0] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-dbc4f4a0], ._flex[data-v-dbc4f4a0] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-dbc4f4a0], ._column[data-v-dbc4f4a0] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-dbc4f4a0], ._column[data-v-dbc4f4a0] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-dbc4f4a0], ._wrap[data-v-dbc4f4a0] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-dbc4f4a0], ._wrap[data-v-dbc4f4a0] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-dbc4f4a0], ._ac[data-v-dbc4f4a0] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-dbc4f4a0], ._ac[data-v-dbc4f4a0] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-dbc4f4a0], ._as[data-v-dbc4f4a0] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-dbc4f4a0], ._as[data-v-dbc4f4a0] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-dbc4f4a0], ._jc[data-v-dbc4f4a0] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-dbc4f4a0], ._jc[data-v-dbc4f4a0] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-dbc4f4a0], ._jb[data-v-dbc4f4a0] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-dbc4f4a0], ._jb[data-v-dbc4f4a0] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-dbc4f4a0] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-dbc4f4a0], .content_inner[data-v-dbc4f4a0], .content_inner-small[data-v-dbc4f4a0], .content_inner-large[data-v-dbc4f4a0] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-dbc4f4a0], .content_inner[data-v-dbc4f4a0], .content_inner-small[data-v-dbc4f4a0], .content_inner-large[data-v-dbc4f4a0] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-dbc4f4a0], .content_inner[data-v-dbc4f4a0], .content_inner-small[data-v-dbc4f4a0], .content_inner-large[data-v-dbc4f4a0] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-dbc4f4a0], .content_inner-large[data-v-dbc4f4a0] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-dbc4f4a0], .content_inner-large[data-v-dbc4f4a0] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-dbc4f4a0], .content_inner-small[data-v-dbc4f4a0] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-dbc4f4a0], .content_inner-small[data-v-dbc4f4a0] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-dbc4f4a0], .content_inner-small[data-v-dbc4f4a0], .content_inner-large[data-v-dbc4f4a0] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-dbc4f4a0], .content_inner-small[data-v-dbc4f4a0], .content_inner-large[data-v-dbc4f4a0] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-dbc4f4a0] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-dbc4f4a0] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-dbc4f4a0] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-dbc4f4a0] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-dbc4f4a0] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-dbc4f4a0] { padding: 0; } ._pt0[data-v-dbc4f4a0] { padding-top: 0; } ._pr0[data-v-dbc4f4a0] { padding-right: 0; } ._pb0[data-v-dbc4f4a0] { padding-bottom: 0; } ._pl0[data-v-dbc4f4a0] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-dbc4f4a0] { z-index: 1; } .slidePagination span[data-v-dbc4f4a0] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-dbc4f4a0] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-dbc4f4a0] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-dbc4f4a0] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-dbc4f4a0] { background: var(--primary) !important; } .slidePagination.right[data-v-dbc4f4a0] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-dbc4f4a0] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-dbc4f4a0] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-dbc4f4a0] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-dbc4f4a0] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-dbc4f4a0] { text-align: center; } .slidePagination.bottom span[data-v-dbc4f4a0] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-dbc4f4a0] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-dbc4f4a0] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-dbc4f4a0] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-dbc4f4a0] { text-align: center; } ._tar[data-v-dbc4f4a0] { text-align: right; } ._ta[data-v-dbc4f4a0] { text-align: left; } .ff-biz[data-v-dbc4f4a0] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-dbc4f4a0] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-dbc4f4a0] { text-transform: uppercase; } .fw-normal[data-v-dbc4f4a0] { font-weight: 400; } .fw-medium[data-v-dbc4f4a0] { font-weight: 500; } .fw-bold[data-v-dbc4f4a0] { font-weight: 700; } .indent[data-v-dbc4f4a0] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-dbc4f4a0] { color: var(--primary); } .c-light[data-v-dbc4f4a0] { color: var(--gray); } .c-exLight[data-v-dbc4f4a0] { color: var(--gray-light); } .c-white[data-v-dbc4f4a0] { color: var(--white); } .c-red[data-v-dbc4f4a0] { color: var(--red); } .td-underline[data-v-dbc4f4a0] { text-decoration: underline; } .marker-w[data-v-dbc4f4a0] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-dbc4f4a0] { letter-spacing: 0.05em; } .ls-200[data-v-dbc4f4a0] { letter-spacing: 0.2em; } body[data-v-dbc4f4a0], tooltip[data-v-dbc4f4a0], popover[data-v-dbc4f4a0] { font-family: "Noto Sans JP", sans-serif; } code[data-v-dbc4f4a0], kbd[data-v-dbc4f4a0], pre[data-v-dbc4f4a0], samp[data-v-dbc4f4a0] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-dbc4f4a0] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-dbc4f4a0] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-dbc4f4a0] { font-size: 2.6666666667vw; } } .btn[data-v-dbc4f4a0] { padding: 0.86em 0.5em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; cursor: pointer; transition: opacity 0.3s; line-height: 1.3; font-weight: 500; letter-spacing: 0.15em; text-align: center; display: block; transition: opacity 0.3s; } @media screen and (min-width: 1126px) { .btn[data-v-dbc4f4a0] { width: 378px; font-size: 40px; } } @media screen and (max-width: 1125px) { .btn[data-v-dbc4f4a0] { width: 33.6vw; font-size: 3.5555555556vw; } } .btn[data-v-dbc4f4a0]:hover { opacity: 0.75; } .btn-primary[data-v-dbc4f4a0] { color: var(--white); background: var(--primary); } @media screen and (min-width: 1126px) { .btn-primary[data-v-dbc4f4a0] { border-radius: 15px; } } @media screen and (max-width: 1125px) { .btn-primary[data-v-dbc4f4a0] { border-radius: 1.3333333333vw; } } @media screen and (min-width: 1126px) { .btn-small[data-v-dbc4f4a0] { padding: 8px 25px; font-size: 25px; } } @media screen and (max-width: 1125px) { .btn-small[data-v-dbc4f4a0] { padding: 0.7111111111vw 2.2222222222vw; font-size: 2.2222222222vw; } } .btn-white[data-v-dbc4f4a0] { color: #666; background-color: var(--white); } @media screen and (min-width: 1126px) { .btn-radius[data-v-dbc4f4a0] { border-radius: 15px; } } @media screen and (max-width: 1125px) { .btn-radius[data-v-dbc4f4a0] { border-radius: 1.3333333333vw; } }html[data-v-281ccdde] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-281ccdde] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-281ccdde] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-281ccdde] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-281ccdde] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-281ccdde] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-281ccdde] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-281ccdde], *[data-v-281ccdde]::before, *[data-v-281ccdde]::after { box-sizing: border-box; } img[data-v-281ccdde] { max-width: 100%; vertical-align: middle; } a[data-v-281ccdde] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-281ccdde]:hover { opacity: 0.7; } button[data-v-281ccdde] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-281ccdde], ol[data-v-281ccdde] { list-style: none; } iframe[data-v-281ccdde] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-281ccdde] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-281ccdde] { width: 78.6666666667vw; } .bg-blue[data-v-281ccdde] { background-color: var(--primary-light); } .bg-blueLight[data-v-281ccdde] { background-color: var(--primary-ex-light); } .bg-img[data-v-281ccdde] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-281ccdde] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-281ccdde] { display: none; } } ._show[data-v-281ccdde] { display: block; } ._hide[data-v-281ccdde] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-281ccdde], ._flex[data-v-281ccdde] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-281ccdde], ._flex[data-v-281ccdde] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-281ccdde], ._column[data-v-281ccdde] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-281ccdde], ._column[data-v-281ccdde] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-281ccdde], ._wrap[data-v-281ccdde] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-281ccdde], ._wrap[data-v-281ccdde] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-281ccdde], ._ac[data-v-281ccdde] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-281ccdde], ._ac[data-v-281ccdde] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-281ccdde], ._as[data-v-281ccdde] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-281ccdde], ._as[data-v-281ccdde] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-281ccdde], ._jc[data-v-281ccdde] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-281ccdde], ._jc[data-v-281ccdde] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-281ccdde], ._jb[data-v-281ccdde] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-281ccdde], ._jb[data-v-281ccdde] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-281ccdde] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-281ccdde], .content_inner[data-v-281ccdde], .content_inner-small[data-v-281ccdde], .content_inner-large[data-v-281ccdde] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-281ccdde], .content_inner[data-v-281ccdde], .content_inner-small[data-v-281ccdde], .content_inner-large[data-v-281ccdde] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-281ccdde], .content_inner[data-v-281ccdde], .content_inner-small[data-v-281ccdde], .content_inner-large[data-v-281ccdde] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-281ccdde], .content_inner-large[data-v-281ccdde] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-281ccdde], .content_inner-large[data-v-281ccdde] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-281ccdde], .content_inner-small[data-v-281ccdde] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-281ccdde], .content_inner-small[data-v-281ccdde] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-281ccdde], .content_inner-small[data-v-281ccdde], .content_inner-large[data-v-281ccdde] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-281ccdde], .content_inner-small[data-v-281ccdde], .content_inner-large[data-v-281ccdde] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-281ccdde] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-281ccdde] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-281ccdde] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-281ccdde] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-281ccdde] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-281ccdde] { padding: 0; } ._pt0[data-v-281ccdde] { padding-top: 0; } ._pr0[data-v-281ccdde] { padding-right: 0; } ._pb0[data-v-281ccdde] { padding-bottom: 0; } ._pl0[data-v-281ccdde] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-281ccdde] { z-index: 1; } .slidePagination span[data-v-281ccdde] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-281ccdde] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-281ccdde] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-281ccdde] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-281ccdde] { background: var(--primary) !important; } .slidePagination.right[data-v-281ccdde] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-281ccdde] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-281ccdde] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-281ccdde] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-281ccdde] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-281ccdde] { text-align: center; } .slidePagination.bottom span[data-v-281ccdde] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-281ccdde] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-281ccdde] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-281ccdde] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-281ccdde] { text-align: center; } ._tar[data-v-281ccdde] { text-align: right; } ._ta[data-v-281ccdde] { text-align: left; } .ff-biz[data-v-281ccdde] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-281ccdde] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-281ccdde] { text-transform: uppercase; } .fw-normal[data-v-281ccdde] { font-weight: 400; } .fw-medium[data-v-281ccdde] { font-weight: 500; } .fw-bold[data-v-281ccdde] { font-weight: 700; } .indent[data-v-281ccdde] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-281ccdde] { color: var(--primary); } .c-light[data-v-281ccdde] { color: var(--gray); } .c-exLight[data-v-281ccdde] { color: var(--gray-light); } .c-white[data-v-281ccdde] { color: var(--white); } .c-red[data-v-281ccdde] { color: var(--red); } .td-underline[data-v-281ccdde] { text-decoration: underline; } .marker-w[data-v-281ccdde] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-281ccdde] { letter-spacing: 0.05em; } .ls-200[data-v-281ccdde] { letter-spacing: 0.2em; } body[data-v-281ccdde], tooltip[data-v-281ccdde], popover[data-v-281ccdde] { font-family: "Noto Sans JP", sans-serif; } code[data-v-281ccdde], kbd[data-v-281ccdde], pre[data-v-281ccdde], samp[data-v-281ccdde] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-281ccdde] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-281ccdde] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-281ccdde] { font-size: 2.6666666667vw; } } button[data-v-281ccdde] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: none; color: var(--gray); } @media screen and (min-width: 1126px) { button[data-v-281ccdde] { min-width: 340px; padding: 20px 40px; font-size: 23px; border-radius: 15px; } } @media screen and (max-width: 1125px) { button[data-v-281ccdde] { min-width: 30.2222222222vw; padding: 1.7777777778vw 3.5555555556vw; font-size: 4.0888888889vw; border-radius: 1.3333333333vw; } } button[data-v-281ccdde]:hover { cursor: pointer; } button.confirm[data-v-281ccdde], button.submit[data-v-281ccdde] { color: var(--white); background-color: var(--primary); } button.back[data-v-281ccdde] { color: var(--primary); background-color: var(--white); border: 2px solid var(--primary); } button.search[data-v-281ccdde], button.clear[data-v-281ccdde] { background: var(--gray-ex-light2); color: var(--gray-light); box-sizing: border-box; display: inline-block; min-width: auto; } @media screen and (min-width: 1126px) { button.search[data-v-281ccdde], button.clear[data-v-281ccdde] { font-size: 23px; border: 2px solid var(--gray-ex-light); } } @media screen and (max-width: 1125px) { button.search[data-v-281ccdde], button.clear[data-v-281ccdde] { font-size: 3.5555555556vw; border: 0.2666666667vw solid var(--gray-ex-light); } } @media screen and (min-width: 1126px) { button + button[data-v-281ccdde] { margin-left: 20px; } } @media screen and (max-width: 1125px) { button + button[data-v-281ccdde] { margin-left: 3.5555555556vw; } } button.primary[data-v-281ccdde] { color: var(--white); background: var(--primary); border: 2px solid var(--primary); } @media screen and (min-width: 1126px) { button.primary[data-v-281ccdde] { border-radius: 15px; padding: 0.8em 1em; } } @media screen and (max-width: 1125px) { button.primary[data-v-281ccdde] { border-radius: 1.3333333333vw; padding: 0.5em 1em; } } button.keep[data-v-281ccdde], button.isKeep[data-v-281ccdde] { margin: 0; line-height: 1.2; border: 2px solid var(--primary); } @media screen and (min-width: 1126px) { button.keep[data-v-281ccdde], button.isKeep[data-v-281ccdde] { padding: 0.9em 1em 0.9em 3em; } } @media screen and (max-width: 1125px) { button.keep[data-v-281ccdde], button.isKeep[data-v-281ccdde] { font-size: 3.2vw; padding: 0.4em 1em 0.4em 3em; min-height: 3.3em; } } @media screen and (min-width: 1126px) { button.keep[data-v-281ccdde] { background: url("/images/common/star.svg") no-repeat left 1em center/45px, var(--white); } } @media screen and (max-width: 1125px) { button.keep[data-v-281ccdde] { background: url("/images/common/star.svg") no-repeat left 2em center/7.2888888889vw, var(--white); } } button.isKeep[data-v-281ccdde] { color: var(--primary); } @media screen and (min-width: 1126px) { button.isKeep[data-v-281ccdde] { background: url("/images/common/star.svg") no-repeat left 1em center/45px, var(--yellow); } } @media screen and (max-width: 1125px) { button.isKeep[data-v-281ccdde] { background: url("/images/common/star.svg") no-repeat left 2em center/7.2888888889vw, var(--yellow); } } button[data-v-281ccdde]:disabled { cursor: default; }html[data-v-1c0eab14] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-1c0eab14] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-1c0eab14] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-1c0eab14] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-1c0eab14] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-1c0eab14] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-1c0eab14] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-1c0eab14], *[data-v-1c0eab14]::before, *[data-v-1c0eab14]::after { box-sizing: border-box; } img[data-v-1c0eab14] { max-width: 100%; vertical-align: middle; } a[data-v-1c0eab14] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-1c0eab14]:hover { opacity: 0.7; } button[data-v-1c0eab14] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-1c0eab14], ol[data-v-1c0eab14] { list-style: none; } iframe[data-v-1c0eab14] { width: 100%; height: 100%; } .card-new .card_name[data-v-1c0eab14]::before, .card-new .card_name[data-v-1c0eab14]::after { text-transform: uppercase; display: inline-block; background: var(--yellow); color: var(--primary); line-height: 1; vertical-align: middle; font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; font-weight: 700; padding: 0.2em 0.3em 0.2em 0.5em; border-radius: 0.5em; letter-spacing: 0.2em; } /** * * main * */ .menuOpen[data-v-1c0eab14] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-1c0eab14] { width: 78.6666666667vw; } .bg-blue[data-v-1c0eab14] { background-color: var(--primary-light); } .bg-blueLight[data-v-1c0eab14] { background-color: var(--primary-ex-light); } .bg-img[data-v-1c0eab14] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-1c0eab14] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-1c0eab14] { display: none; } } ._show[data-v-1c0eab14] { display: block; } ._hide[data-v-1c0eab14] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-1c0eab14], ._flex[data-v-1c0eab14] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-1c0eab14], ._flex[data-v-1c0eab14] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-1c0eab14], ._column[data-v-1c0eab14] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-1c0eab14], ._column[data-v-1c0eab14] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-1c0eab14], ._wrap[data-v-1c0eab14] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-1c0eab14], ._wrap[data-v-1c0eab14] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-1c0eab14], ._ac[data-v-1c0eab14] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-1c0eab14], ._ac[data-v-1c0eab14] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-1c0eab14], ._as[data-v-1c0eab14] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-1c0eab14], ._as[data-v-1c0eab14] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-1c0eab14], ._jc[data-v-1c0eab14] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-1c0eab14], ._jc[data-v-1c0eab14] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-1c0eab14], ._jb[data-v-1c0eab14] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-1c0eab14], ._jb[data-v-1c0eab14] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-1c0eab14] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-1c0eab14], .content_inner[data-v-1c0eab14], .content_inner-small[data-v-1c0eab14], .content_inner-large[data-v-1c0eab14] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-1c0eab14], .content_inner[data-v-1c0eab14], .content_inner-small[data-v-1c0eab14], .content_inner-large[data-v-1c0eab14] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-1c0eab14], .content_inner[data-v-1c0eab14], .content_inner-small[data-v-1c0eab14], .content_inner-large[data-v-1c0eab14] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-1c0eab14], .content_inner-large[data-v-1c0eab14] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-1c0eab14], .content_inner-large[data-v-1c0eab14] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-1c0eab14], .content_inner-small[data-v-1c0eab14] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-1c0eab14], .content_inner-small[data-v-1c0eab14] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-1c0eab14], .content_inner-small[data-v-1c0eab14], .content_inner-large[data-v-1c0eab14] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-1c0eab14], .content_inner-small[data-v-1c0eab14], .content_inner-large[data-v-1c0eab14] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-1c0eab14] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-1c0eab14] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-1c0eab14] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-1c0eab14] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-1c0eab14] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-1c0eab14] { padding: 0; } ._pt0[data-v-1c0eab14] { padding-top: 0; } ._pr0[data-v-1c0eab14] { padding-right: 0; } ._pb0[data-v-1c0eab14] { padding-bottom: 0; } ._pl0[data-v-1c0eab14] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-1c0eab14] { z-index: 1; } .slidePagination span[data-v-1c0eab14] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-1c0eab14] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-1c0eab14] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-1c0eab14] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-1c0eab14] { background: var(--primary) !important; } .slidePagination.right[data-v-1c0eab14] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-1c0eab14] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-1c0eab14] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-1c0eab14] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-1c0eab14] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-1c0eab14] { text-align: center; } .slidePagination.bottom span[data-v-1c0eab14] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-1c0eab14] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-1c0eab14] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-1c0eab14] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-1c0eab14] { text-align: center; } ._tar[data-v-1c0eab14] { text-align: right; } ._ta[data-v-1c0eab14] { text-align: left; } .ff-biz[data-v-1c0eab14] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-1c0eab14] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-1c0eab14] { text-transform: uppercase; } .fw-normal[data-v-1c0eab14] { font-weight: 400; } .fw-medium[data-v-1c0eab14] { font-weight: 500; } .fw-bold[data-v-1c0eab14] { font-weight: 700; } .indent[data-v-1c0eab14] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-1c0eab14] { color: var(--primary); } .c-light[data-v-1c0eab14] { color: var(--gray); } .c-exLight[data-v-1c0eab14] { color: var(--gray-light); } .c-white[data-v-1c0eab14] { color: var(--white); } .c-red[data-v-1c0eab14] { color: var(--red); } .td-underline[data-v-1c0eab14] { text-decoration: underline; } .marker-w[data-v-1c0eab14] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-1c0eab14] { letter-spacing: 0.05em; } .ls-200[data-v-1c0eab14] { letter-spacing: 0.2em; } body[data-v-1c0eab14], tooltip[data-v-1c0eab14], popover[data-v-1c0eab14] { font-family: "Noto Sans JP", sans-serif; } code[data-v-1c0eab14], kbd[data-v-1c0eab14], pre[data-v-1c0eab14], samp[data-v-1c0eab14] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-1c0eab14] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-1c0eab14] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-1c0eab14] { font-size: 2.6666666667vw; } } .card[data-v-1c0eab14] { display: block; overflow: hidden; background: var(--white); } @media screen and (min-width: 1126px) { .card[data-v-1c0eab14] { border-radius: 15px; } } @media screen and (max-width: 1125px) { .card[data-v-1c0eab14] { border-radius: 1.3333333333vw; } } @media screen and (min-width: 1126px) { .card_inner[data-v-1c0eab14] { padding: 25px 30px; } } @media screen and (max-width: 1125px) { .card_inner[data-v-1c0eab14] { padding: 4vw 3.5555555556vw; } } @media screen and (min-width: 1126px) { .card + .card[data-v-1c0eab14] { margin-top: 50px; } } @media screen and (max-width: 1125px) { .card + .card[data-v-1c0eab14] { margin-top: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .card_info_inner[data-v-1c0eab14] { flex-direction: column; width: 670px; } } @media screen and (max-width: 1125px) { .card_info_inner[data-v-1c0eab14] { width: 46.2222222222vw; } } .card_info p[data-v-1c0eab14] { line-height: 1.6; margin-top: 0.6em; } @media screen and (min-width: 1126px) { .card_info p[data-v-1c0eab14] { font-size: 18px; } } @media screen and (max-width: 1125px) { .card_info p[data-v-1c0eab14] { font-size: 3.5555555556vw; } } @media screen and (min-width: 1126px) { .card_info.underline[data-v-1c0eab14] { padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid var(--primary); } } @media screen and (max-width: 1125px) { .card_info.underline[data-v-1c0eab14] { padding-bottom: 3.1111111111vw; margin-bottom: 2.2222222222vw; border-bottom: 0.0888888889vw solid var(--primary); } } @media screen and (min-width: 1126px) { .card_img[data-v-1c0eab14] { width: 240px; height: 180px; } } @media screen and (max-width: 1125px) { .card_img[data-v-1c0eab14] { width: 32vw; height: 25.3333333333vw; } } .card_name[data-v-1c0eab14] { line-height: 1.25; letter-spacing: 0.1em; } @media screen and (min-width: 1126px) { .card_name[data-v-1c0eab14] { font-size: 22px; } } @media screen and (max-width: 1125px) { .card_name[data-v-1c0eab14] { font-size: 3.5555555556vw; } } .card_tags[data-v-1c0eab14] { color: var(--white); line-height: 1.33; letter-spacing: 0.1em; } @media screen and (min-width: 1126px) { .card_tags[data-v-1c0eab14] { margin-top: 15px; font-size: 16px; } } @media screen and (max-width: 1125px) { .card_tags[data-v-1c0eab14] { margin-top: 1.7777777778vw; font-size: 2.8444444444vw; } } .card_tags li[data-v-1c0eab14] { padding: 0.2em 0.7em 0.3em; border-radius: 0.6em; background: var(--primary); margin: 0.2em; } .card_price[data-v-1c0eab14], .card_address[data-v-1c0eab14] { padding: 0 0 0.34em 1.3em; } @media screen and (min-width: 1126px) { .card_price[data-v-1c0eab14], .card_address[data-v-1c0eab14] { font-size: 22px; } } @media screen and (max-width: 1125px) { .card_price[data-v-1c0eab14], .card_address[data-v-1c0eab14] { font-size: 3.2vw; } } .card_price[data-v-1c0eab14] { line-height: 1.33; letter-spacing: 0.05em; } @media screen and (min-width: 1126px) { .card_price[data-v-1c0eab14] { margin-top: 15px; background: url("/images/keep/price.svg") no-repeat left top 6px/21px; } } @media screen and (max-width: 1125px) { .card_price[data-v-1c0eab14] { margin-top: 2.2222222222vw; background: url("/images/keep/price.svg") no-repeat left top 0.7111111111vw/2.8444444444vw; } } @media screen and (min-width: 1126px) { .card_price_large[data-v-1c0eab14] { font-size: 26px; } } @media screen and (max-width: 1125px) { .card_price_large[data-v-1c0eab14] { font-size: 3.6444444444vw; } } @media screen and (min-width: 1126px) { .card_address[data-v-1c0eab14] { background: url("/images/keep/pin.svg") no-repeat left top 5px/20px; } } @media screen and (max-width: 1125px) { .card_address[data-v-1c0eab14] { background: url("/images/keep/pin.svg") no-repeat left top 0.7111111111vw/2.8444444444vw; } } @media screen and (min-width: 1126px) { .card .btnWrap[data-v-1c0eab14] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .card .btnWrap[data-v-1c0eab14] { margin-top: 2.2222222222vw; } } @media screen and (min-width: 1126px) { .card .btn[data-v-1c0eab14], .card button[data-v-1c0eab14] { width: 340px; } } @media screen and (max-width: 1125px) { .card .btn[data-v-1c0eab14], .card button[data-v-1c0eab14] { width: 39.1111111111vw; } } .card-new .card_name[data-v-1c0eab14] { position: relative; padding-right: 2em; } .card-new .card_name[data-v-1c0eab14]::after { padding: 0.3em 0.5em; content: "new"; vertical-align: top; margin-left: 0.5em; } @media screen and (min-width: 1126px) { .card-new .card_name[data-v-1c0eab14]::after { font-size: 20px; } } @media screen and (max-width: 1125px) { .card-new .card_name[data-v-1c0eab14]::after { font-size: 3.1111111111vw; } }html[data-v-017b5332] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-017b5332] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-017b5332] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-017b5332] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-017b5332] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-017b5332] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-017b5332] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-017b5332], *[data-v-017b5332]::before, *[data-v-017b5332]::after { box-sizing: border-box; } img[data-v-017b5332] { max-width: 100%; vertical-align: middle; } a[data-v-017b5332] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-017b5332]:hover { opacity: 0.7; } button[data-v-017b5332] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-017b5332], ol[data-v-017b5332] { list-style: none; } iframe[data-v-017b5332] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-017b5332] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-017b5332] { width: 78.6666666667vw; } .bg-blue[data-v-017b5332] { background-color: var(--primary-light); } .bg-blueLight[data-v-017b5332] { background-color: var(--primary-ex-light); } .bg-img[data-v-017b5332] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-017b5332] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-017b5332] { display: none; } } ._show[data-v-017b5332] { display: block; } ._hide[data-v-017b5332] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-017b5332], ._flex[data-v-017b5332] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-017b5332], ._flex[data-v-017b5332] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-017b5332], ._column[data-v-017b5332] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-017b5332], ._column[data-v-017b5332] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-017b5332], ._wrap[data-v-017b5332] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-017b5332], ._wrap[data-v-017b5332] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-017b5332], ._ac[data-v-017b5332] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-017b5332], ._ac[data-v-017b5332] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-017b5332], ._as[data-v-017b5332] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-017b5332], ._as[data-v-017b5332] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-017b5332], ._jc[data-v-017b5332] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-017b5332], ._jc[data-v-017b5332] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-017b5332], ._jb[data-v-017b5332] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-017b5332], ._jb[data-v-017b5332] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-017b5332] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-017b5332], .content_inner[data-v-017b5332], .content_inner-small[data-v-017b5332], .content_inner-large[data-v-017b5332] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-017b5332], .content_inner[data-v-017b5332], .content_inner-small[data-v-017b5332], .content_inner-large[data-v-017b5332] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-017b5332], .content_inner[data-v-017b5332], .content_inner-small[data-v-017b5332], .content_inner-large[data-v-017b5332] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-017b5332], .content_inner-large[data-v-017b5332] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-017b5332], .content_inner-large[data-v-017b5332] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-017b5332], .content_inner-small[data-v-017b5332] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-017b5332], .content_inner-small[data-v-017b5332] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-017b5332], .content_inner-small[data-v-017b5332], .content_inner-large[data-v-017b5332] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-017b5332], .content_inner-small[data-v-017b5332], .content_inner-large[data-v-017b5332] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-017b5332] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-017b5332] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-017b5332] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-017b5332] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-017b5332] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-017b5332] { padding: 0; } ._pt0[data-v-017b5332] { padding-top: 0; } ._pr0[data-v-017b5332] { padding-right: 0; } ._pb0[data-v-017b5332] { padding-bottom: 0; } ._pl0[data-v-017b5332] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-017b5332] { z-index: 1; } .slidePagination span[data-v-017b5332] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-017b5332] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-017b5332] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-017b5332] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-017b5332] { background: var(--primary) !important; } .slidePagination.right[data-v-017b5332] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-017b5332] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-017b5332] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-017b5332] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-017b5332] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-017b5332] { text-align: center; } .slidePagination.bottom span[data-v-017b5332] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-017b5332] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-017b5332] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-017b5332] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-017b5332] { text-align: center; } ._tar[data-v-017b5332] { text-align: right; } ._ta[data-v-017b5332] { text-align: left; } .ff-biz[data-v-017b5332] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-017b5332] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-017b5332] { text-transform: uppercase; } .fw-normal[data-v-017b5332] { font-weight: 400; } .fw-medium[data-v-017b5332] { font-weight: 500; } .fw-bold[data-v-017b5332] { font-weight: 700; } .indent[data-v-017b5332] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-017b5332] { color: var(--primary); } .c-light[data-v-017b5332] { color: var(--gray); } .c-exLight[data-v-017b5332] { color: var(--gray-light); } .c-white[data-v-017b5332] { color: var(--white); } .c-red[data-v-017b5332] { color: var(--red); } .td-underline[data-v-017b5332] { text-decoration: underline; } .marker-w[data-v-017b5332] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-017b5332] { letter-spacing: 0.05em; } .ls-200[data-v-017b5332] { letter-spacing: 0.2em; } body[data-v-017b5332], tooltip[data-v-017b5332], popover[data-v-017b5332] { font-family: "Noto Sans JP", sans-serif; } code[data-v-017b5332], kbd[data-v-017b5332], pre[data-v-017b5332], samp[data-v-017b5332] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-017b5332] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-017b5332] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-017b5332] { font-size: 2.6666666667vw; } } time[data-v-017b5332] { border-radius: 0.77em; display: block; padding: 0.5em 0; margin: 0 auto; text-align: center; line-height: 1; letter-spacing: 0.3em; background: var(--white); } @media screen and (min-width: 1126px) { time[data-v-017b5332] { font-size: 26px; width: 300px; } } @media screen and (max-width: 1125px) { time[data-v-017b5332] { font-size: 3.2vw; width: 30.2222222222vw; } } .link[data-v-017b5332] { letter-spacing: 0.15em; } @media screen and (min-width: 1126px) { .link[data-v-017b5332] { font-size: 28px; margin-top: 70px; } } @media screen and (max-width: 1125px) { .link[data-v-017b5332] { font-size: 3.7333333333vw; margin-top: 6.2222222222vw; } } .link-icon[data-v-017b5332] { padding-bottom: 0.1em; border-bottom: 1px solid var(--black); position: relative; display: inline-block; } @media screen and (min-width: 1126px) { .link-icon[data-v-017b5332] { margin-left: 50px; } } @media screen and (max-width: 1125px) { .link-icon[data-v-017b5332] { margin-left: 4.4444444444vw; } } .link-icon[data-v-017b5332]::before { position: absolute; top: 50%; transform: translateY(-50%); content: ""; display: block; background: url("/images/common/point01.svg") no-repeat center center/100%; } @media screen and (min-width: 1126px) { .link-icon[data-v-017b5332]::before { left: -60px; width: 42px; height: 100px; } } @media screen and (max-width: 1125px) { .link-icon[data-v-017b5332]::before { left: -8vw; width: 5.5111111111vw; height: 8.8888888889vw; } } @media screen and (min-width: 1126px) { .newSwiper[data-v-017b5332] { margin-top: 30px; } } @media screen and (max-width: 1125px) { .newSwiper[data-v-017b5332] { margin-top: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .thumbs[data-v-017b5332] { width: 400px; } } @media screen and (max-width: 1125px) { .thumbs[data-v-017b5332] { width: 44.4444444444vw; } } .thumbs .pagination[data-v-017b5332] { border-radius: 50%; display: block; background: var(--white); } @media screen and (min-width: 1126px) { .thumbs .pagination[data-v-017b5332] { width: 15px; height: 15px; margin: 50px auto 0; } } @media screen and (max-width: 1125px) { .thumbs .pagination[data-v-017b5332] { width: 2.6666666667vw; height: 2.6666666667vw; margin: 4.4444444444vw auto 0; } } .thumbs[data-v-017b5332] .swiper-slide-thumb-active .pagination { background: var(--primary); }html[data-v-77ee6362] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-77ee6362] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-77ee6362] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-77ee6362] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-77ee6362] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-77ee6362] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-77ee6362] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-77ee6362], *[data-v-77ee6362]::before, *[data-v-77ee6362]::after { box-sizing: border-box; } img[data-v-77ee6362] { max-width: 100%; vertical-align: middle; } a[data-v-77ee6362] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-77ee6362]:hover { opacity: 0.7; } button[data-v-77ee6362] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-77ee6362], ol[data-v-77ee6362] { list-style: none; } iframe[data-v-77ee6362] { width: 100%; height: 100%; } .mediaItem-new .mediaItem_heading[data-v-77ee6362]::before, .mediaItem-new .mediaItem_heading[data-v-77ee6362]::after { text-transform: uppercase; display: inline-block; background: var(--yellow); color: var(--primary); line-height: 1; vertical-align: middle; font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; font-weight: 700; padding: 0.2em 0.3em 0.2em 0.5em; border-radius: 0.5em; letter-spacing: 0.2em; } /** * * main * */ .menuOpen[data-v-77ee6362] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-77ee6362] { width: 78.6666666667vw; } .bg-blue[data-v-77ee6362] { background-color: var(--primary-light); } .bg-blueLight[data-v-77ee6362] { background-color: var(--primary-ex-light); } .bg-img[data-v-77ee6362] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-77ee6362] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-77ee6362] { display: none; } } ._show[data-v-77ee6362] { display: block; } ._hide[data-v-77ee6362] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-77ee6362], ._flex[data-v-77ee6362] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-77ee6362], ._flex[data-v-77ee6362] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-77ee6362], ._column[data-v-77ee6362] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-77ee6362], ._column[data-v-77ee6362] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-77ee6362], ._wrap[data-v-77ee6362] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-77ee6362], ._wrap[data-v-77ee6362] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-77ee6362], ._ac[data-v-77ee6362] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-77ee6362], ._ac[data-v-77ee6362] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-77ee6362], ._as[data-v-77ee6362] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-77ee6362], ._as[data-v-77ee6362] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-77ee6362], ._jc[data-v-77ee6362] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-77ee6362], ._jc[data-v-77ee6362] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-77ee6362], ._jb[data-v-77ee6362] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-77ee6362], ._jb[data-v-77ee6362] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-77ee6362] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-77ee6362], .content_inner[data-v-77ee6362], .content_inner-small[data-v-77ee6362], .content_inner-large[data-v-77ee6362] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-77ee6362], .content_inner[data-v-77ee6362], .content_inner-small[data-v-77ee6362], .content_inner-large[data-v-77ee6362] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-77ee6362], .content_inner[data-v-77ee6362], .content_inner-small[data-v-77ee6362], .content_inner-large[data-v-77ee6362] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-77ee6362], .content_inner-large[data-v-77ee6362] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-77ee6362], .content_inner-large[data-v-77ee6362] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-77ee6362], .content_inner-small[data-v-77ee6362] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-77ee6362], .content_inner-small[data-v-77ee6362] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-77ee6362], .content_inner-small[data-v-77ee6362], .content_inner-large[data-v-77ee6362] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-77ee6362], .content_inner-small[data-v-77ee6362], .content_inner-large[data-v-77ee6362] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-77ee6362] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-77ee6362] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-77ee6362] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-77ee6362] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-77ee6362] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-77ee6362] { padding: 0; } ._pt0[data-v-77ee6362] { padding-top: 0; } ._pr0[data-v-77ee6362] { padding-right: 0; } ._pb0[data-v-77ee6362] { padding-bottom: 0; } ._pl0[data-v-77ee6362] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-77ee6362] { z-index: 1; } .slidePagination span[data-v-77ee6362] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-77ee6362] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-77ee6362] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-77ee6362] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-77ee6362] { background: var(--primary) !important; } .slidePagination.right[data-v-77ee6362] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-77ee6362] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-77ee6362] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-77ee6362] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-77ee6362] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-77ee6362] { text-align: center; } .slidePagination.bottom span[data-v-77ee6362] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-77ee6362] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-77ee6362] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-77ee6362] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-77ee6362] { text-align: center; } ._tar[data-v-77ee6362] { text-align: right; } ._ta[data-v-77ee6362] { text-align: left; } .ff-biz[data-v-77ee6362] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-77ee6362] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-77ee6362] { text-transform: uppercase; } .fw-normal[data-v-77ee6362] { font-weight: 400; } .fw-medium[data-v-77ee6362] { font-weight: 500; } .fw-bold[data-v-77ee6362] { font-weight: 700; } .indent[data-v-77ee6362] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-77ee6362] { color: var(--primary); } .c-light[data-v-77ee6362] { color: var(--gray); } .c-exLight[data-v-77ee6362] { color: var(--gray-light); } .c-white[data-v-77ee6362] { color: var(--white); } .c-red[data-v-77ee6362] { color: var(--red); } .td-underline[data-v-77ee6362] { text-decoration: underline; } .marker-w[data-v-77ee6362] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-77ee6362] { letter-spacing: 0.05em; } .ls-200[data-v-77ee6362] { letter-spacing: 0.2em; } body[data-v-77ee6362], tooltip[data-v-77ee6362], popover[data-v-77ee6362] { font-family: "Noto Sans JP", sans-serif; } code[data-v-77ee6362], kbd[data-v-77ee6362], pre[data-v-77ee6362], samp[data-v-77ee6362] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-77ee6362] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-77ee6362] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-77ee6362] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .mediaItem[data-v-77ee6362] { width: calc((100% - 40px) / 3); } } @media screen and (min-width: 1126px) { .mediaItem[data-v-77ee6362]:not(:nth-of-type(3n + 1)) { margin-left: 20px; } } @media screen and (max-width: 1125px) { .mediaItem + .mediaItem[data-v-77ee6362] { padding-top: 4.4444444444vw; margin-top: 3.1111111111vw; background: url("/images/common/border-dash.svg") repeat-x left top/1.4222222222vw; } } @media screen and (min-width: 1126px) { .mediaItem_img[data-v-77ee6362] { width: 100%; height: 240px; } } @media screen and (max-width: 1125px) { .mediaItem_img[data-v-77ee6362] { width: 32vw; height: 21.3333333333vw; } } @media screen and (max-width: 1125px) { .mediaItem_info[data-v-77ee6362] { width: 58%; } } .mediaItem_heading[data-v-77ee6362] { line-height: 1.32em; letter-spacing: 0.05em; } @media screen and (min-width: 1126px) { .mediaItem_heading[data-v-77ee6362] { margin-top: 0.5em; font-size: 26px; } } @media screen and (max-width: 1125px) { .mediaItem_heading[data-v-77ee6362] { font-size: 3.7333333333vw; } } .mediaItem p[data-v-77ee6362] { -webkit-line-clamp: 2; margin-top: 0.5em; line-height: 1.5; letter-spacing: 0; } @media screen and (min-width: 1126px) { .mediaItem p[data-v-77ee6362] { font-size: 20px; } } @media screen and (max-width: 1125px) { .mediaItem p[data-v-77ee6362] { font-size: 3.3777777778vw; } } .mediaItem-new .mediaItem_heading[data-v-77ee6362]::before { content: "new"; margin-right: 0.5em; } @media screen and (min-width: 1126px) { .mediaItem-new .mediaItem_heading[data-v-77ee6362]::before { font-size: 20px; } } @media screen and (max-width: 1125px) { .mediaItem-new .mediaItem_heading[data-v-77ee6362]::before { font-size: 3.1111111111vw; } }html[data-v-5d6114ba] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-5d6114ba] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-5d6114ba] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-5d6114ba] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-5d6114ba] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-5d6114ba] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-5d6114ba] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-5d6114ba], *[data-v-5d6114ba]::before, *[data-v-5d6114ba]::after { box-sizing: border-box; } img[data-v-5d6114ba] { max-width: 100%; vertical-align: middle; } a[data-v-5d6114ba] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-5d6114ba]:hover { opacity: 0.7; } button[data-v-5d6114ba] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-5d6114ba], ol[data-v-5d6114ba] { list-style: none; } iframe[data-v-5d6114ba] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-5d6114ba] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-5d6114ba] { width: 78.6666666667vw; } .bg-blue[data-v-5d6114ba] { background-color: var(--primary-light); } .bg-blueLight[data-v-5d6114ba] { background-color: var(--primary-ex-light); } .bg-img[data-v-5d6114ba] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-5d6114ba] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-5d6114ba] { display: none; } } ._show[data-v-5d6114ba] { display: block; } ._hide[data-v-5d6114ba] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-5d6114ba], ._flex[data-v-5d6114ba] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-5d6114ba], ._flex[data-v-5d6114ba] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-5d6114ba], ._column[data-v-5d6114ba] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-5d6114ba], ._column[data-v-5d6114ba] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-5d6114ba], ._wrap[data-v-5d6114ba] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-5d6114ba], ._wrap[data-v-5d6114ba] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-5d6114ba], ._ac[data-v-5d6114ba] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-5d6114ba], ._ac[data-v-5d6114ba] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-5d6114ba], ._as[data-v-5d6114ba] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-5d6114ba], ._as[data-v-5d6114ba] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-5d6114ba], ._jc[data-v-5d6114ba] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-5d6114ba], ._jc[data-v-5d6114ba] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-5d6114ba], ._jb[data-v-5d6114ba] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-5d6114ba], ._jb[data-v-5d6114ba] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-5d6114ba] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-5d6114ba], .content_inner[data-v-5d6114ba], .content_inner-small[data-v-5d6114ba], .content_inner-large[data-v-5d6114ba] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-5d6114ba], .content_inner[data-v-5d6114ba], .content_inner-small[data-v-5d6114ba], .content_inner-large[data-v-5d6114ba] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-5d6114ba], .content_inner[data-v-5d6114ba], .content_inner-small[data-v-5d6114ba], .content_inner-large[data-v-5d6114ba] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-5d6114ba], .content_inner-large[data-v-5d6114ba] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-5d6114ba], .content_inner-large[data-v-5d6114ba] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-5d6114ba], .content_inner-small[data-v-5d6114ba] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-5d6114ba], .content_inner-small[data-v-5d6114ba] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-5d6114ba], .content_inner-small[data-v-5d6114ba], .content_inner-large[data-v-5d6114ba] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-5d6114ba], .content_inner-small[data-v-5d6114ba], .content_inner-large[data-v-5d6114ba] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-5d6114ba] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-5d6114ba] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-5d6114ba] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-5d6114ba] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-5d6114ba] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-5d6114ba] { padding: 0; } ._pt0[data-v-5d6114ba] { padding-top: 0; } ._pr0[data-v-5d6114ba] { padding-right: 0; } ._pb0[data-v-5d6114ba] { padding-bottom: 0; } ._pl0[data-v-5d6114ba] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-5d6114ba] { z-index: 1; } .slidePagination span[data-v-5d6114ba] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-5d6114ba] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-5d6114ba] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-5d6114ba] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-5d6114ba] { background: var(--primary) !important; } .slidePagination.right[data-v-5d6114ba] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-5d6114ba] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-5d6114ba] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-5d6114ba] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-5d6114ba] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-5d6114ba] { text-align: center; } .slidePagination.bottom span[data-v-5d6114ba] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-5d6114ba] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-5d6114ba] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-5d6114ba] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-5d6114ba] { text-align: center; } ._tar[data-v-5d6114ba] { text-align: right; } ._ta[data-v-5d6114ba] { text-align: left; } .ff-biz[data-v-5d6114ba] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-5d6114ba] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-5d6114ba] { text-transform: uppercase; } .fw-normal[data-v-5d6114ba] { font-weight: 400; } .fw-medium[data-v-5d6114ba] { font-weight: 500; } .fw-bold[data-v-5d6114ba] { font-weight: 700; } .indent[data-v-5d6114ba] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-5d6114ba] { color: var(--primary); } .c-light[data-v-5d6114ba] { color: var(--gray); } .c-exLight[data-v-5d6114ba] { color: var(--gray-light); } .c-white[data-v-5d6114ba] { color: var(--white); } .c-red[data-v-5d6114ba] { color: var(--red); } .td-underline[data-v-5d6114ba] { text-decoration: underline; } .marker-w[data-v-5d6114ba] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-5d6114ba] { letter-spacing: 0.05em; } .ls-200[data-v-5d6114ba] { letter-spacing: 0.2em; } body[data-v-5d6114ba], tooltip[data-v-5d6114ba], popover[data-v-5d6114ba] { font-family: "Noto Sans JP", sans-serif; } code[data-v-5d6114ba], kbd[data-v-5d6114ba], pre[data-v-5d6114ba], samp[data-v-5d6114ba] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-5d6114ba] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-5d6114ba] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-5d6114ba] { font-size: 2.6666666667vw; } }html[data-v-80334e0a] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-80334e0a] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-80334e0a] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-80334e0a] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-80334e0a] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-80334e0a] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-80334e0a] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-80334e0a], *[data-v-80334e0a]::before, *[data-v-80334e0a]::after { box-sizing: border-box; } img[data-v-80334e0a] { max-width: 100%; vertical-align: middle; } a[data-v-80334e0a] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-80334e0a]:hover { opacity: 0.7; } button[data-v-80334e0a] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-80334e0a], ol[data-v-80334e0a] { list-style: none; } iframe[data-v-80334e0a] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-80334e0a] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-80334e0a] { width: 78.6666666667vw; } .bg-blue[data-v-80334e0a] { background-color: var(--primary-light); } .bg-blueLight[data-v-80334e0a] { background-color: var(--primary-ex-light); } .bg-img[data-v-80334e0a] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-80334e0a] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-80334e0a] { display: none; } } ._show[data-v-80334e0a] { display: block; } ._hide[data-v-80334e0a] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-80334e0a], ._flex[data-v-80334e0a] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-80334e0a], ._flex[data-v-80334e0a] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-80334e0a], ._column[data-v-80334e0a] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-80334e0a], ._column[data-v-80334e0a] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-80334e0a], ._wrap[data-v-80334e0a] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-80334e0a], ._wrap[data-v-80334e0a] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-80334e0a], ._ac[data-v-80334e0a] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-80334e0a], ._ac[data-v-80334e0a] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-80334e0a], ._as[data-v-80334e0a] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-80334e0a], ._as[data-v-80334e0a] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-80334e0a], ._jc[data-v-80334e0a] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-80334e0a], ._jc[data-v-80334e0a] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-80334e0a], ._jb[data-v-80334e0a] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-80334e0a], ._jb[data-v-80334e0a] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-80334e0a] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-80334e0a], .content_inner[data-v-80334e0a], .content_inner-small[data-v-80334e0a], .content_inner-large[data-v-80334e0a] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-80334e0a], .content_inner[data-v-80334e0a], .content_inner-small[data-v-80334e0a], .content_inner-large[data-v-80334e0a] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-80334e0a], .content_inner[data-v-80334e0a], .content_inner-small[data-v-80334e0a], .content_inner-large[data-v-80334e0a] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-80334e0a], .content_inner-large[data-v-80334e0a] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-80334e0a], .content_inner-large[data-v-80334e0a] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-80334e0a], .content_inner-small[data-v-80334e0a] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-80334e0a], .content_inner-small[data-v-80334e0a] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-80334e0a], .content_inner-small[data-v-80334e0a], .content_inner-large[data-v-80334e0a] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-80334e0a], .content_inner-small[data-v-80334e0a], .content_inner-large[data-v-80334e0a] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-80334e0a] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-80334e0a] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-80334e0a] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-80334e0a] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-80334e0a] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-80334e0a] { padding: 0; } ._pt0[data-v-80334e0a] { padding-top: 0; } ._pr0[data-v-80334e0a] { padding-right: 0; } ._pb0[data-v-80334e0a] { padding-bottom: 0; } ._pl0[data-v-80334e0a] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-80334e0a] { z-index: 1; } .slidePagination span[data-v-80334e0a] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-80334e0a] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-80334e0a] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-80334e0a] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-80334e0a] { background: var(--primary) !important; } .slidePagination.right[data-v-80334e0a] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-80334e0a] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-80334e0a] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-80334e0a] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-80334e0a] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-80334e0a] { text-align: center; } .slidePagination.bottom span[data-v-80334e0a] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-80334e0a] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-80334e0a] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-80334e0a] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-80334e0a] { text-align: center; } ._tar[data-v-80334e0a] { text-align: right; } ._ta[data-v-80334e0a] { text-align: left; } .ff-biz[data-v-80334e0a] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-80334e0a] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-80334e0a] { text-transform: uppercase; } .fw-normal[data-v-80334e0a] { font-weight: 400; } .fw-medium[data-v-80334e0a] { font-weight: 500; } .fw-bold[data-v-80334e0a] { font-weight: 700; } .indent[data-v-80334e0a] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-80334e0a] { color: var(--primary); } .c-light[data-v-80334e0a] { color: var(--gray); } .c-exLight[data-v-80334e0a] { color: var(--gray-light); } .c-white[data-v-80334e0a] { color: var(--white); } .c-red[data-v-80334e0a] { color: var(--red); } .td-underline[data-v-80334e0a] { text-decoration: underline; } .marker-w[data-v-80334e0a] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-80334e0a] { letter-spacing: 0.05em; } .ls-200[data-v-80334e0a] { letter-spacing: 0.2em; } body[data-v-80334e0a], tooltip[data-v-80334e0a], popover[data-v-80334e0a] { font-family: "Noto Sans JP", sans-serif; } code[data-v-80334e0a], kbd[data-v-80334e0a], pre[data-v-80334e0a], samp[data-v-80334e0a] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-80334e0a] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-80334e0a] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-80334e0a] { font-size: 2.6666666667vw; } } .video[data-v-80334e0a] { width: 100%; } @media screen and (min-width: 1126px) { .video[data-v-80334e0a] { width: 680px; height: 400px; margin: 0 auto; } } @media screen and (max-width: 1125px) { .video[data-v-80334e0a] { height: 49.3333333333vw; } } .video iframe[data-v-80334e0a] { width: 100%; height: 100%; }html[data-v-ab520b74] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-ab520b74] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-ab520b74] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-ab520b74] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-ab520b74] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-ab520b74] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-ab520b74] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-ab520b74], *[data-v-ab520b74]::before, *[data-v-ab520b74]::after { box-sizing: border-box; } img[data-v-ab520b74] { max-width: 100%; vertical-align: middle; } a[data-v-ab520b74] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-ab520b74]:hover { opacity: 0.7; } button[data-v-ab520b74] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-ab520b74], ol[data-v-ab520b74] { list-style: none; } iframe[data-v-ab520b74] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-ab520b74] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-ab520b74] { width: 78.6666666667vw; } .bg-blue[data-v-ab520b74] { background-color: var(--primary-light); } .bg-blueLight[data-v-ab520b74] { background-color: var(--primary-ex-light); } .bg-img[data-v-ab520b74] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-ab520b74] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-ab520b74] { display: none; } } ._show[data-v-ab520b74] { display: block; } ._hide[data-v-ab520b74] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-ab520b74], ._flex[data-v-ab520b74] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-ab520b74], ._flex[data-v-ab520b74] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-ab520b74], ._column[data-v-ab520b74] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-ab520b74], ._column[data-v-ab520b74] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-ab520b74], ._wrap[data-v-ab520b74] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-ab520b74], ._wrap[data-v-ab520b74] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-ab520b74], ._ac[data-v-ab520b74] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-ab520b74], ._ac[data-v-ab520b74] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-ab520b74], ._as[data-v-ab520b74] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-ab520b74], ._as[data-v-ab520b74] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-ab520b74], ._jc[data-v-ab520b74] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-ab520b74], ._jc[data-v-ab520b74] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-ab520b74], ._jb[data-v-ab520b74] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-ab520b74], ._jb[data-v-ab520b74] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-ab520b74] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-ab520b74], .content_inner[data-v-ab520b74], .content_inner-small[data-v-ab520b74], .content_inner-large[data-v-ab520b74] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-ab520b74], .content_inner[data-v-ab520b74], .content_inner-small[data-v-ab520b74], .content_inner-large[data-v-ab520b74] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-ab520b74], .content_inner[data-v-ab520b74], .content_inner-small[data-v-ab520b74], .content_inner-large[data-v-ab520b74] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-ab520b74], .content_inner-large[data-v-ab520b74] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-ab520b74], .content_inner-large[data-v-ab520b74] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-ab520b74], .content_inner-small[data-v-ab520b74] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-ab520b74], .content_inner-small[data-v-ab520b74] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-ab520b74], .content_inner-small[data-v-ab520b74], .content_inner-large[data-v-ab520b74] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-ab520b74], .content_inner-small[data-v-ab520b74], .content_inner-large[data-v-ab520b74] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-ab520b74] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-ab520b74] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-ab520b74] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-ab520b74] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-ab520b74] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-ab520b74] { padding: 0; } ._pt0[data-v-ab520b74] { padding-top: 0; } ._pr0[data-v-ab520b74] { padding-right: 0; } ._pb0[data-v-ab520b74] { padding-bottom: 0; } ._pl0[data-v-ab520b74] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-ab520b74] { z-index: 1; } .slidePagination span[data-v-ab520b74] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-ab520b74] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-ab520b74] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-ab520b74] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-ab520b74] { background: var(--primary) !important; } .slidePagination.right[data-v-ab520b74] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-ab520b74] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-ab520b74] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-ab520b74] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-ab520b74] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-ab520b74] { text-align: center; } .slidePagination.bottom span[data-v-ab520b74] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-ab520b74] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-ab520b74] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-ab520b74] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-ab520b74] { text-align: center; } ._tar[data-v-ab520b74] { text-align: right; } ._ta[data-v-ab520b74] { text-align: left; } .ff-biz[data-v-ab520b74] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-ab520b74] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-ab520b74] { text-transform: uppercase; } .fw-normal[data-v-ab520b74] { font-weight: 400; } .fw-medium[data-v-ab520b74] { font-weight: 500; } .fw-bold[data-v-ab520b74] { font-weight: 700; } .indent[data-v-ab520b74] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-ab520b74] { color: var(--primary); } .c-light[data-v-ab520b74] { color: var(--gray); } .c-exLight[data-v-ab520b74] { color: var(--gray-light); } .c-white[data-v-ab520b74] { color: var(--white); } .c-red[data-v-ab520b74] { color: var(--red); } .td-underline[data-v-ab520b74] { text-decoration: underline; } .marker-w[data-v-ab520b74] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-ab520b74] { letter-spacing: 0.05em; } .ls-200[data-v-ab520b74] { letter-spacing: 0.2em; } body[data-v-ab520b74], tooltip[data-v-ab520b74], popover[data-v-ab520b74] { font-family: "Noto Sans JP", sans-serif; } code[data-v-ab520b74], kbd[data-v-ab520b74], pre[data-v-ab520b74], samp[data-v-ab520b74] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-ab520b74] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-ab520b74] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-ab520b74] { font-size: 2.6666666667vw; } } .card[data-v-ab520b74] { display: block; } @media screen and (min-width: 1126px) { .card[data-v-ab520b74] { max-width: 680px; } } .card_left[data-v-ab520b74], .card_right[data-v-ab520b74] { width: 50%; overflow: hidden; } @media screen and (min-width: 1126px) { .card_left[data-v-ab520b74], .card_right[data-v-ab520b74] { height: 220px; } } @media screen and (max-width: 1125px) { .card_left[data-v-ab520b74], .card_right[data-v-ab520b74] { height: 27.5555555556vw; } } .card_left img[data-v-ab520b74], .card_right img[data-v-ab520b74] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 1126px) { .card_left[data-v-ab520b74] { border-radius: 25px 0 0 25px; } } @media screen and (max-width: 1125px) { .card_left[data-v-ab520b74] { border-radius: 3.1111111111vw 0 0 3.1111111111vw; } } @media screen and (min-width: 1126px) { .card_right[data-v-ab520b74] { border-radius: 0 25px 25px 0; } } @media screen and (max-width: 1125px) { .card_right[data-v-ab520b74] { border-radius: 0 3.1111111111vw 3.1111111111vw 0; } }html[data-v-8016f430] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-8016f430] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-8016f430] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-8016f430] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-8016f430] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-8016f430] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-8016f430] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-8016f430], *[data-v-8016f430]::before, *[data-v-8016f430]::after { box-sizing: border-box; } img[data-v-8016f430] { max-width: 100%; vertical-align: middle; } a[data-v-8016f430] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-8016f430]:hover { opacity: 0.7; } button[data-v-8016f430] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-8016f430], ol[data-v-8016f430] { list-style: none; } iframe[data-v-8016f430] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-8016f430] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-8016f430] { width: 78.6666666667vw; } .bg-blue[data-v-8016f430] { background-color: var(--primary-light); } .bg-blueLight[data-v-8016f430] { background-color: var(--primary-ex-light); } .bg-img[data-v-8016f430] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-8016f430] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-8016f430] { display: none; } } ._show[data-v-8016f430] { display: block; } ._hide[data-v-8016f430] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-8016f430], ._flex[data-v-8016f430] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-8016f430], ._flex[data-v-8016f430] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-8016f430], ._column[data-v-8016f430] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-8016f430], ._column[data-v-8016f430] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-8016f430], ._wrap[data-v-8016f430] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-8016f430], ._wrap[data-v-8016f430] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-8016f430], ._ac[data-v-8016f430] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-8016f430], ._ac[data-v-8016f430] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-8016f430], ._as[data-v-8016f430] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-8016f430], ._as[data-v-8016f430] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-8016f430], ._jc[data-v-8016f430] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-8016f430], ._jc[data-v-8016f430] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-8016f430], ._jb[data-v-8016f430] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-8016f430], ._jb[data-v-8016f430] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-8016f430] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-8016f430], .content_inner[data-v-8016f430], .content_inner-small[data-v-8016f430], .content_inner-large[data-v-8016f430] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-8016f430], .content_inner[data-v-8016f430], .content_inner-small[data-v-8016f430], .content_inner-large[data-v-8016f430] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-8016f430], .content_inner[data-v-8016f430], .content_inner-small[data-v-8016f430], .content_inner-large[data-v-8016f430] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-8016f430], .content_inner-large[data-v-8016f430] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-8016f430], .content_inner-large[data-v-8016f430] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-8016f430], .content_inner-small[data-v-8016f430] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-8016f430], .content_inner-small[data-v-8016f430] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-8016f430], .content_inner-small[data-v-8016f430], .content_inner-large[data-v-8016f430] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-8016f430], .content_inner-small[data-v-8016f430], .content_inner-large[data-v-8016f430] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-8016f430] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-8016f430] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-8016f430] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-8016f430] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-8016f430] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-8016f430] { padding: 0; } ._pt0[data-v-8016f430] { padding-top: 0; } ._pr0[data-v-8016f430] { padding-right: 0; } ._pb0[data-v-8016f430] { padding-bottom: 0; } ._pl0[data-v-8016f430] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-8016f430] { z-index: 1; } .slidePagination span[data-v-8016f430] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-8016f430] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-8016f430] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-8016f430] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-8016f430] { background: var(--primary) !important; } .slidePagination.right[data-v-8016f430] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-8016f430] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-8016f430] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-8016f430] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-8016f430] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-8016f430] { text-align: center; } .slidePagination.bottom span[data-v-8016f430] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-8016f430] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-8016f430] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-8016f430] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-8016f430] { text-align: center; } ._tar[data-v-8016f430] { text-align: right; } ._ta[data-v-8016f430] { text-align: left; } .ff-biz[data-v-8016f430] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-8016f430] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-8016f430] { text-transform: uppercase; } .fw-normal[data-v-8016f430] { font-weight: 400; } .fw-medium[data-v-8016f430] { font-weight: 500; } .fw-bold[data-v-8016f430] { font-weight: 700; } .indent[data-v-8016f430] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-8016f430] { color: var(--primary); } .c-light[data-v-8016f430] { color: var(--gray); } .c-exLight[data-v-8016f430] { color: var(--gray-light); } .c-white[data-v-8016f430] { color: var(--white); } .c-red[data-v-8016f430] { color: var(--red); } .td-underline[data-v-8016f430] { text-decoration: underline; } .marker-w[data-v-8016f430] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-8016f430] { letter-spacing: 0.05em; } .ls-200[data-v-8016f430] { letter-spacing: 0.2em; } body[data-v-8016f430], tooltip[data-v-8016f430], popover[data-v-8016f430] { font-family: "Noto Sans JP", sans-serif; } code[data-v-8016f430], kbd[data-v-8016f430], pre[data-v-8016f430], samp[data-v-8016f430] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-8016f430] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-8016f430] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-8016f430] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .card[data-v-8016f430] { margin: 0 auto; } } @media screen and (min-width: 1126px) { .card + .card[data-v-8016f430] { margin-top: 30px; } } @media screen and (max-width: 1125px) { .card + .card[data-v-8016f430] { margin-top: 2.6666666667vw; } }html[data-v-f690c9f8] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-f690c9f8] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-f690c9f8] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-f690c9f8] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-f690c9f8] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-f690c9f8] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-f690c9f8] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-f690c9f8], *[data-v-f690c9f8]::before, *[data-v-f690c9f8]::after { box-sizing: border-box; } img[data-v-f690c9f8] { max-width: 100%; vertical-align: middle; } a[data-v-f690c9f8] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-f690c9f8]:hover { opacity: 0.7; } button[data-v-f690c9f8] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-f690c9f8], ol[data-v-f690c9f8] { list-style: none; } iframe[data-v-f690c9f8] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-f690c9f8] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-f690c9f8] { width: 78.6666666667vw; } .bg-blue[data-v-f690c9f8] { background-color: var(--primary-light); } .bg-blueLight[data-v-f690c9f8] { background-color: var(--primary-ex-light); } .bg-img[data-v-f690c9f8] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-f690c9f8] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-f690c9f8] { display: none; } } ._show[data-v-f690c9f8] { display: block; } ._hide[data-v-f690c9f8] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-f690c9f8], ._flex[data-v-f690c9f8] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-f690c9f8], ._flex[data-v-f690c9f8] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-f690c9f8], ._column[data-v-f690c9f8] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-f690c9f8], ._column[data-v-f690c9f8] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-f690c9f8], ._wrap[data-v-f690c9f8] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-f690c9f8], ._wrap[data-v-f690c9f8] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-f690c9f8], ._ac[data-v-f690c9f8] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-f690c9f8], ._ac[data-v-f690c9f8] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-f690c9f8], ._as[data-v-f690c9f8] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-f690c9f8], ._as[data-v-f690c9f8] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-f690c9f8], ._jc[data-v-f690c9f8] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-f690c9f8], ._jc[data-v-f690c9f8] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-f690c9f8], ._jb[data-v-f690c9f8] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-f690c9f8], ._jb[data-v-f690c9f8] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-f690c9f8] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-f690c9f8], .content_inner[data-v-f690c9f8], .content_inner-small[data-v-f690c9f8], .content_inner-large[data-v-f690c9f8] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-f690c9f8], .content_inner[data-v-f690c9f8], .content_inner-small[data-v-f690c9f8], .content_inner-large[data-v-f690c9f8] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-f690c9f8], .content_inner[data-v-f690c9f8], .content_inner-small[data-v-f690c9f8], .content_inner-large[data-v-f690c9f8] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-f690c9f8], .content_inner-large[data-v-f690c9f8] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-f690c9f8], .content_inner-large[data-v-f690c9f8] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-f690c9f8], .content_inner-small[data-v-f690c9f8] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-f690c9f8], .content_inner-small[data-v-f690c9f8] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-f690c9f8], .content_inner-small[data-v-f690c9f8], .content_inner-large[data-v-f690c9f8] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-f690c9f8], .content_inner-small[data-v-f690c9f8], .content_inner-large[data-v-f690c9f8] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-f690c9f8] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-f690c9f8] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-f690c9f8] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-f690c9f8] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-f690c9f8] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-f690c9f8] { padding: 0; } ._pt0[data-v-f690c9f8] { padding-top: 0; } ._pr0[data-v-f690c9f8] { padding-right: 0; } ._pb0[data-v-f690c9f8] { padding-bottom: 0; } ._pl0[data-v-f690c9f8] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-f690c9f8] { z-index: 1; } .slidePagination span[data-v-f690c9f8] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-f690c9f8] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-f690c9f8] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-f690c9f8] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-f690c9f8] { background: var(--primary) !important; } .slidePagination.right[data-v-f690c9f8] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-f690c9f8] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-f690c9f8] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-f690c9f8] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-f690c9f8] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-f690c9f8] { text-align: center; } .slidePagination.bottom span[data-v-f690c9f8] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-f690c9f8] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-f690c9f8] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-f690c9f8] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-f690c9f8] { text-align: center; } ._tar[data-v-f690c9f8] { text-align: right; } ._ta[data-v-f690c9f8] { text-align: left; } .ff-biz[data-v-f690c9f8] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-f690c9f8] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-f690c9f8] { text-transform: uppercase; } .fw-normal[data-v-f690c9f8] { font-weight: 400; } .fw-medium[data-v-f690c9f8] { font-weight: 500; } .fw-bold[data-v-f690c9f8] { font-weight: 700; } .indent[data-v-f690c9f8] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-f690c9f8] { color: var(--primary); } .c-light[data-v-f690c9f8] { color: var(--gray); } .c-exLight[data-v-f690c9f8] { color: var(--gray-light); } .c-white[data-v-f690c9f8] { color: var(--white); } .c-red[data-v-f690c9f8] { color: var(--red); } .td-underline[data-v-f690c9f8] { text-decoration: underline; } .marker-w[data-v-f690c9f8] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-f690c9f8] { letter-spacing: 0.05em; } .ls-200[data-v-f690c9f8] { letter-spacing: 0.2em; } body[data-v-f690c9f8], tooltip[data-v-f690c9f8], popover[data-v-f690c9f8] { font-family: "Noto Sans JP", sans-serif; } code[data-v-f690c9f8], kbd[data-v-f690c9f8], pre[data-v-f690c9f8], samp[data-v-f690c9f8] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-f690c9f8] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-f690c9f8] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-f690c9f8] { font-size: 2.6666666667vw; } } .accordionBtn[data-v-f690c9f8] { display: inline-block; padding: 0.7em 1em 0.7em 2.7em; width: 100%; line-height: 1.3; cursor: pointer; transition: background 0.3s; background: url("/images/common/arrow-c.svg") no-repeat left 1em top 0.8em/1.2em; } @media screen and (min-width: 1126px) { .accordionBtn[data-v-f690c9f8] { font-size: 22px; } } @media screen and (max-width: 1125px) { .accordionBtn[data-v-f690c9f8] { font-size: 3.2888888889vw; } } .accordionBtn.active[data-v-f690c9f8] { background-image: url("/images/common/arrow-c-d.svg"); } .accordionBody[data-v-f690c9f8] { padding: 0 1em; transition: padding 0.3s; } .accordionBody li[data-v-f690c9f8] { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.3s, max-height 0.3s; } .accordionBody a[data-v-f690c9f8] { display: inline-block; padding: 0.3em 0; color: var(--gray); text-decoration: underline; line-height: 1.5; } .accordionBody.active[data-v-f690c9f8] { padding: 0.5em 1em; } @media screen and (min-width: 1126px) { .accordionBody.active[data-v-f690c9f8] { border-top: 2px solid var(--primary); } } @media screen and (max-width: 1125px) { .accordionBody.active[data-v-f690c9f8] { border-top: 0.1777777778vw solid var(--primary); } } .accordionBody.active li[data-v-f690c9f8] { max-height: 5em; opacity: 1; }html[data-v-139720c3] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-139720c3] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-139720c3] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-139720c3] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-139720c3] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-139720c3] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-139720c3] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-139720c3], *[data-v-139720c3]::before, *[data-v-139720c3]::after { box-sizing: border-box; } img[data-v-139720c3] { max-width: 100%; vertical-align: middle; } a[data-v-139720c3] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-139720c3]:hover { opacity: 0.7; } button[data-v-139720c3] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-139720c3], ol[data-v-139720c3] { list-style: none; } iframe[data-v-139720c3] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-139720c3] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-139720c3] { width: 78.6666666667vw; } .bg-blue[data-v-139720c3] { background-color: var(--primary-light); } .bg-blueLight[data-v-139720c3] { background-color: var(--primary-ex-light); } .bg-img[data-v-139720c3] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-139720c3] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-139720c3] { display: none; } } ._show[data-v-139720c3] { display: block; } ._hide[data-v-139720c3] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-139720c3], ._flex[data-v-139720c3] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-139720c3], ._flex[data-v-139720c3] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-139720c3], ._column[data-v-139720c3] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-139720c3], ._column[data-v-139720c3] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-139720c3], ._wrap[data-v-139720c3] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-139720c3], ._wrap[data-v-139720c3] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-139720c3], ._ac[data-v-139720c3] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-139720c3], ._ac[data-v-139720c3] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-139720c3], ._as[data-v-139720c3] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-139720c3], ._as[data-v-139720c3] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-139720c3], ._jc[data-v-139720c3] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-139720c3], ._jc[data-v-139720c3] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-139720c3], ._jb[data-v-139720c3] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-139720c3], ._jb[data-v-139720c3] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-139720c3] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-139720c3], .content_inner[data-v-139720c3], .content_inner-small[data-v-139720c3], .content_inner-large[data-v-139720c3] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-139720c3], .content_inner[data-v-139720c3], .content_inner-small[data-v-139720c3], .content_inner-large[data-v-139720c3] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-139720c3], .content_inner[data-v-139720c3], .content_inner-small[data-v-139720c3], .content_inner-large[data-v-139720c3] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-139720c3], .content_inner-large[data-v-139720c3] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-139720c3], .content_inner-large[data-v-139720c3] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-139720c3], .content_inner-small[data-v-139720c3] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-139720c3], .content_inner-small[data-v-139720c3] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-139720c3], .content_inner-small[data-v-139720c3], .content_inner-large[data-v-139720c3] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-139720c3], .content_inner-small[data-v-139720c3], .content_inner-large[data-v-139720c3] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-139720c3] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-139720c3] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-139720c3] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-139720c3] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-139720c3] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-139720c3] { padding: 0; } ._pt0[data-v-139720c3] { padding-top: 0; } ._pr0[data-v-139720c3] { padding-right: 0; } ._pb0[data-v-139720c3] { padding-bottom: 0; } ._pl0[data-v-139720c3] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-139720c3] { z-index: 1; } .slidePagination span[data-v-139720c3] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-139720c3] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-139720c3] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-139720c3] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-139720c3] { background: var(--primary) !important; } .slidePagination.right[data-v-139720c3] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-139720c3] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-139720c3] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-139720c3] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-139720c3] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-139720c3] { text-align: center; } .slidePagination.bottom span[data-v-139720c3] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-139720c3] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-139720c3] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-139720c3] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-139720c3] { text-align: center; } ._tar[data-v-139720c3] { text-align: right; } ._ta[data-v-139720c3] { text-align: left; } .ff-biz[data-v-139720c3] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-139720c3] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-139720c3] { text-transform: uppercase; } .fw-normal[data-v-139720c3] { font-weight: 400; } .fw-medium[data-v-139720c3] { font-weight: 500; } .fw-bold[data-v-139720c3] { font-weight: 700; } .indent[data-v-139720c3] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-139720c3] { color: var(--primary); } .c-light[data-v-139720c3] { color: var(--gray); } .c-exLight[data-v-139720c3] { color: var(--gray-light); } .c-white[data-v-139720c3] { color: var(--white); } .c-red[data-v-139720c3] { color: var(--red); } .td-underline[data-v-139720c3] { text-decoration: underline; } .marker-w[data-v-139720c3] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-139720c3] { letter-spacing: 0.05em; } .ls-200[data-v-139720c3] { letter-spacing: 0.2em; } body[data-v-139720c3], tooltip[data-v-139720c3], popover[data-v-139720c3] { font-family: "Noto Sans JP", sans-serif; } code[data-v-139720c3], kbd[data-v-139720c3], pre[data-v-139720c3], samp[data-v-139720c3] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-139720c3] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-139720c3] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-139720c3] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .keywordList[data-v-139720c3] { width: 680px; margin: 0 auto; } } .wrap[data-v-139720c3] { width: 48%; } .accordion[data-v-139720c3] { background: var(--white); } @media screen and (min-width: 1126px) { .accordion[data-v-139720c3] { border-radius: 25px; } } @media screen and (max-width: 1125px) { .accordion[data-v-139720c3] { border-radius: 3.5555555556vw; } } @media screen and (min-width: 1126px) { .accordion + .accordion[data-v-139720c3] { margin-top: 25px; } } @media screen and (max-width: 1125px) { .accordion + .accordion[data-v-139720c3] { margin-top: 2.2222222222vw; } }html[data-v-d0d521dc] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-d0d521dc] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-d0d521dc] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-d0d521dc] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-d0d521dc] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-d0d521dc] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-d0d521dc] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-d0d521dc], *[data-v-d0d521dc]::before, *[data-v-d0d521dc]::after { box-sizing: border-box; } img[data-v-d0d521dc] { max-width: 100%; vertical-align: middle; } a[data-v-d0d521dc] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-d0d521dc]:hover { opacity: 0.7; } button[data-v-d0d521dc] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-d0d521dc], ol[data-v-d0d521dc] { list-style: none; } iframe[data-v-d0d521dc] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-d0d521dc] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-d0d521dc] { width: 78.6666666667vw; } .bg-blue[data-v-d0d521dc] { background-color: var(--primary-light); } .bg-blueLight[data-v-d0d521dc] { background-color: var(--primary-ex-light); } .bg-img[data-v-d0d521dc] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-d0d521dc] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-d0d521dc] { display: none; } } ._show[data-v-d0d521dc] { display: block; } ._hide[data-v-d0d521dc] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-d0d521dc], ._flex[data-v-d0d521dc] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-d0d521dc], ._flex[data-v-d0d521dc] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-d0d521dc], ._column[data-v-d0d521dc] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-d0d521dc], ._column[data-v-d0d521dc] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-d0d521dc], ._wrap[data-v-d0d521dc] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-d0d521dc], ._wrap[data-v-d0d521dc] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-d0d521dc], ._ac[data-v-d0d521dc] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-d0d521dc], ._ac[data-v-d0d521dc] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-d0d521dc], ._as[data-v-d0d521dc] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-d0d521dc], ._as[data-v-d0d521dc] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-d0d521dc], ._jc[data-v-d0d521dc] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-d0d521dc], ._jc[data-v-d0d521dc] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-d0d521dc], ._jb[data-v-d0d521dc] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-d0d521dc], ._jb[data-v-d0d521dc] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-d0d521dc] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-d0d521dc], .content_inner[data-v-d0d521dc], .content_inner-small[data-v-d0d521dc], .content_inner-large[data-v-d0d521dc] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-d0d521dc], .content_inner[data-v-d0d521dc], .content_inner-small[data-v-d0d521dc], .content_inner-large[data-v-d0d521dc] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-d0d521dc], .content_inner[data-v-d0d521dc], .content_inner-small[data-v-d0d521dc], .content_inner-large[data-v-d0d521dc] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-d0d521dc], .content_inner-large[data-v-d0d521dc] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-d0d521dc], .content_inner-large[data-v-d0d521dc] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-d0d521dc], .content_inner-small[data-v-d0d521dc] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-d0d521dc], .content_inner-small[data-v-d0d521dc] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-d0d521dc], .content_inner-small[data-v-d0d521dc], .content_inner-large[data-v-d0d521dc] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-d0d521dc], .content_inner-small[data-v-d0d521dc], .content_inner-large[data-v-d0d521dc] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-d0d521dc] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-d0d521dc] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-d0d521dc] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-d0d521dc] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-d0d521dc] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-d0d521dc] { padding: 0; } ._pt0[data-v-d0d521dc] { padding-top: 0; } ._pr0[data-v-d0d521dc] { padding-right: 0; } ._pb0[data-v-d0d521dc] { padding-bottom: 0; } ._pl0[data-v-d0d521dc] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-d0d521dc] { z-index: 1; } .slidePagination span[data-v-d0d521dc] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-d0d521dc] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-d0d521dc] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-d0d521dc] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-d0d521dc] { background: var(--primary) !important; } .slidePagination.right[data-v-d0d521dc] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-d0d521dc] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-d0d521dc] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-d0d521dc] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-d0d521dc] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-d0d521dc] { text-align: center; } .slidePagination.bottom span[data-v-d0d521dc] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-d0d521dc] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-d0d521dc] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-d0d521dc] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-d0d521dc] { text-align: center; } ._tar[data-v-d0d521dc] { text-align: right; } ._ta[data-v-d0d521dc] { text-align: left; } .ff-biz[data-v-d0d521dc] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-d0d521dc] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-d0d521dc] { text-transform: uppercase; } .fw-normal[data-v-d0d521dc] { font-weight: 400; } .fw-medium[data-v-d0d521dc] { font-weight: 500; } .fw-bold[data-v-d0d521dc] { font-weight: 700; } .indent[data-v-d0d521dc] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-d0d521dc] { color: var(--primary); } .c-light[data-v-d0d521dc] { color: var(--gray); } .c-exLight[data-v-d0d521dc] { color: var(--gray-light); } .c-white[data-v-d0d521dc] { color: var(--white); } .c-red[data-v-d0d521dc] { color: var(--red); } .td-underline[data-v-d0d521dc] { text-decoration: underline; } .marker-w[data-v-d0d521dc] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-d0d521dc] { letter-spacing: 0.05em; } .ls-200[data-v-d0d521dc] { letter-spacing: 0.2em; } body[data-v-d0d521dc], tooltip[data-v-d0d521dc], popover[data-v-d0d521dc] { font-family: "Noto Sans JP", sans-serif; } code[data-v-d0d521dc], kbd[data-v-d0d521dc], pre[data-v-d0d521dc], samp[data-v-d0d521dc] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-d0d521dc] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-d0d521dc] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-d0d521dc] { font-size: 2.6666666667vw; } } .linkBullet[data-v-d0d521dc] { position: relative; display: inline-block; margin-left: 1.7em; line-height: 1.4; letter-spacing: 0.015em; } @media screen and (min-width: 1126px) { .linkBullet[data-v-d0d521dc] { font-size: 22px; } } @media screen and (max-width: 1125px) { .linkBullet[data-v-d0d521dc] { font-size: 3.1111111111vw; } } .linkBullet[data-v-d0d521dc]::before { position: absolute; left: -1.7em; top: 0.1em; content: ""; display: inline-block; width: 1.3em; height: 1.3em; background: url("/images/common/arrow-c.svg") no-repeat center center/1.25em; vertical-align: middle; }html[data-v-b489858a] { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body[data-v-b489858a] { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body[data-v-b489858a] { font-size: 16px; } } @media screen and (max-width: 1125px) { body[data-v-b489858a] { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + *[data-v-b489858a] { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + *[data-v-b489858a] { padding-top: 22.6666666667vw; } } .menuOpenFixed[data-v-b489858a] { position: fixed; width: 100%; z-index: -1; height: 100%; } *[data-v-b489858a], *[data-v-b489858a]::before, *[data-v-b489858a]::after { box-sizing: border-box; } img[data-v-b489858a] { max-width: 100%; vertical-align: middle; } a[data-v-b489858a] { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a[data-v-b489858a]:hover { opacity: 0.7; } button[data-v-b489858a] { font-family: "Noto Sans JP", sans-serif; } ul[data-v-b489858a], ol[data-v-b489858a] { list-style: none; } iframe[data-v-b489858a] { width: 100%; height: 100%; } /** * * main * */ .menuOpen[data-v-b489858a] { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg[data-v-b489858a] { width: 78.6666666667vw; } .bg-blue[data-v-b489858a] { background-color: var(--primary-light); } .bg-blueLight[data-v-b489858a] { background-color: var(--primary-ex-light); } .bg-img[data-v-b489858a] { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide[data-v-b489858a] { display: none; } } @media screen and (max-width: 1125px) { ._spHide[data-v-b489858a] { display: none; } } ._show[data-v-b489858a] { display: block; } ._hide[data-v-b489858a] { display: none; } @media screen and (min-width: 1126px) { ._pcFlex[data-v-b489858a], ._flex[data-v-b489858a] { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex[data-v-b489858a], ._flex[data-v-b489858a] { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn[data-v-b489858a], ._column[data-v-b489858a] { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn[data-v-b489858a], ._column[data-v-b489858a] { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap[data-v-b489858a], ._wrap[data-v-b489858a] { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap[data-v-b489858a], ._wrap[data-v-b489858a] { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc[data-v-b489858a], ._ac[data-v-b489858a] { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc[data-v-b489858a], ._ac[data-v-b489858a] { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs[data-v-b489858a], ._as[data-v-b489858a] { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs[data-v-b489858a], ._as[data-v-b489858a] { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc[data-v-b489858a], ._jc[data-v-b489858a] { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc[data-v-b489858a], ._jc[data-v-b489858a] { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb[data-v-b489858a], ._jb[data-v-b489858a] { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb[data-v-b489858a], ._jb[data-v-b489858a] { justify-content: space-between; } } /** * * line * */ .line-b-gray[data-v-b489858a] { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width[data-v-b489858a], .content_inner[data-v-b489858a], .content_inner-small[data-v-b489858a], .content_inner-large[data-v-b489858a] { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width[data-v-b489858a], .content_inner[data-v-b489858a], .content_inner-small[data-v-b489858a], .content_inner-large[data-v-b489858a] { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width[data-v-b489858a], .content_inner[data-v-b489858a], .content_inner-small[data-v-b489858a], .content_inner-large[data-v-b489858a] { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large[data-v-b489858a], .content_inner-large[data-v-b489858a] { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large[data-v-b489858a], .content_inner-large[data-v-b489858a] { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small[data-v-b489858a], .content_inner-small[data-v-b489858a] { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small[data-v-b489858a], .content_inner-small[data-v-b489858a] { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner[data-v-b489858a], .content_inner-small[data-v-b489858a], .content_inner-large[data-v-b489858a] { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner[data-v-b489858a], .content_inner-small[data-v-b489858a], .content_inner-large[data-v-b489858a] { padding: 5.3333333333vw 0; } } .content_inner-noPadding[data-v-b489858a] { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large[data-v-b489858a] { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large[data-v-b489858a] { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin[data-v-b489858a] { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin[data-v-b489858a] { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0[data-v-b489858a] { padding: 0; } ._pt0[data-v-b489858a] { padding-top: 0; } ._pr0[data-v-b489858a] { padding-right: 0; } ._pb0[data-v-b489858a] { padding-bottom: 0; } ._pl0[data-v-b489858a] { padding-left: 0; } /** * * pagination * */ .slidePagination[data-v-b489858a] { z-index: 1; } .slidePagination span[data-v-b489858a] { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span[data-v-b489858a] { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span[data-v-b489858a] { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet[data-v-b489858a] { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active[data-v-b489858a] { background: var(--primary) !important; } .slidePagination.right[data-v-b489858a] { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right[data-v-b489858a] { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right[data-v-b489858a] { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span[data-v-b489858a] { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span[data-v-b489858a] { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom[data-v-b489858a] { text-align: center; } .slidePagination.bottom span[data-v-b489858a] { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span[data-v-b489858a] { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span[data-v-b489858a] { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp[data-v-b489858a] { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac[data-v-b489858a] { text-align: center; } ._tar[data-v-b489858a] { text-align: right; } ._ta[data-v-b489858a] { text-align: left; } .ff-biz[data-v-b489858a] { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub[data-v-b489858a] { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper[data-v-b489858a] { text-transform: uppercase; } .fw-normal[data-v-b489858a] { font-weight: 400; } .fw-medium[data-v-b489858a] { font-weight: 500; } .fw-bold[data-v-b489858a] { font-weight: 700; } .indent[data-v-b489858a] { text-indent: -1em; padding-left: 1em; } .c-primary[data-v-b489858a] { color: var(--primary); } .c-light[data-v-b489858a] { color: var(--gray); } .c-exLight[data-v-b489858a] { color: var(--gray-light); } .c-white[data-v-b489858a] { color: var(--white); } .c-red[data-v-b489858a] { color: var(--red); } .td-underline[data-v-b489858a] { text-decoration: underline; } .marker-w[data-v-b489858a] { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50[data-v-b489858a] { letter-spacing: 0.05em; } .ls-200[data-v-b489858a] { letter-spacing: 0.2em; } body[data-v-b489858a], tooltip[data-v-b489858a], popover[data-v-b489858a] { font-family: "Noto Sans JP", sans-serif; } code[data-v-b489858a], kbd[data-v-b489858a], pre[data-v-b489858a], samp[data-v-b489858a] { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form[data-v-b489858a] { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form[data-v-b489858a] { font-size: 30px; } } @media screen and (max-width: 1125px) { .form[data-v-b489858a] { font-size: 2.6666666667vw; } } .top_hero_text[data-v-b489858a] { display: flex; align-items: flex-start; letter-spacing: 0.1em; padding: 0.3em 0; } @media screen and (min-width: 1126px) { .top_hero_text[data-v-b489858a] { font-size: 24px; border: 2px solid var(--border-blue); border-width: 2px 0; } } @media screen and (max-width: 1125px) { .top_hero_text[data-v-b489858a] { font-size: 3.0222222222vw; border: 0.2666666667vw solid var(--border-blue); border-width: 0.2666666667vw 0; } } .top_hero_text strong[data-v-b489858a] { margin: 0.1em 0.1em 0 0.1em; font-size: 120%; line-height: 1; } .top_search[data-v-b489858a] .searchLink:nth-of-type(1) .searchLink_img { background-image: url("/images/top/search01.svg"); } .top_search[data-v-b489858a] .searchLink:nth-of-type(2) .searchLink_img { background-image: url("/images/top/search02.svg"); } .top_search[data-v-b489858a] .searchLink:nth-of-type(3) .searchLink_img { background-image: url("/images/top/search03.svg"); } @media screen and (max-width: 1125px) { .top_category_contents[data-v-b489858a] { margin-top: 4.7111111111vw; } } .top_category_contents a[data-v-b489858a] { display: inline-flex; } @media screen and (min-width: 1126px) { .top_category_contents a[data-v-b489858a] { width: 47.5%; } } @media screen and (max-width: 1125px) { .top_category_contents a + a[data-v-b489858a] { margin-top: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .top_category_contents a[data-v-b489858a]:nth-of-type(2n) { margin-left: 5%; } } @media screen and (min-width: 1126px) { .top_category_contents a[data-v-b489858a]:not(:nth-of-type(-n + 2)) { margin-top: 30px; } } @media screen and (min-width: 1126px) { .top_info[data-v-b489858a] .section_inner, .top_event[data-v-b489858a] .section_inner { padding: 90px 0; } } @media screen and (max-width: 1125px) { .top_info[data-v-b489858a] .section_inner, .top_event[data-v-b489858a] .section_inner { padding: 8vw 0; } } @media screen and (min-width: 1126px) { .top_info ul[data-v-b489858a], .top_event ul[data-v-b489858a] { max-width: 680px; margin: 0 auto; } } @media screen and (min-width: 1126px) { .top_info li + li[data-v-b489858a], .top_event li + li[data-v-b489858a] { margin-top: 0.5em; } } @media screen and (max-width: 1125px) { .top_info li + li[data-v-b489858a], .top_event li + li[data-v-b489858a] { margin-top: 0.8em; } } @media screen and (min-width: 1126px) { .top_info h2[data-v-b489858a], .top_event h2[data-v-b489858a] { margin-bottom: 30px; } } @media screen and (max-width: 1125px) { .top_info h2[data-v-b489858a], .top_event h2[data-v-b489858a] { margin-bottom: 2.6666666667vw; } } .top_info[data-v-b489858a] .linkBullet, .top_event[data-v-b489858a] .linkBullet { max-width: 100%; margin-left: 0; padding-left: 1.7em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media screen and (max-width: 1125px) { .top_info[data-v-b489858a] .linkBullet, .top_event[data-v-b489858a] .linkBullet { font-size: 3.5555555556vw; } } .top_info[data-v-b489858a] .linkBullet::before, .top_event[data-v-b489858a] .linkBullet::before { left: 0; } .top_banner ul[data-v-b489858a] { display: flex; flex-wrap: wrap; } @media screen and (min-width: 1126px) { .top_banner ul[data-v-b489858a] { margin-top: 70px; } } @media screen and (max-width: 1125px) { .top_banner ul[data-v-b489858a] { justify-content: space-between; margin-top: 6.2222222222vw; } } @media screen and (min-width: 1126px) { .top_banner li[data-v-b489858a] { width: 30%; } } @media screen and (max-width: 1125px) { .top_banner li[data-v-b489858a] { width: 48%; } } @media screen and (max-width: 1125px) { .top_banner li[data-v-b489858a]:not(:nth-of-type(-n + 2)) { margin-top: 3.5555555556vw; } } @media screen and (min-width: 1126px) { .top_banner li[data-v-b489858a]:not(:nth-of-type(-n + 3)) { margin-top: 40px; } } @media screen and (min-width: 1126px) { .top_banner li[data-v-b489858a]:not(:nth-of-type(3n + 1)) { margin-left: 5%; } } .top_banner a[data-v-b489858a] { display: block; } .top_banner img[data-v-b489858a] { width: 100%; } @media screen and (min-width: 1126px) { [data-v-b489858a] .top_search .section_inner { width: 890px; } } @media screen and (min-width: 1126px) { [data-v-b489858a] .top_banner .section_inner { border-bottom: 2px solid var(--primary); } } @media screen and (max-width: 1125px) { [data-v-b489858a] .top_banner .section_inner { border-bottom: 0.1777777778vw solid var(--primary); } }html { position: relative; font-size: 62.5%; min-height: 100%; min-width: 320px; height: -webkit-fill-available; } body { color: var(--black); line-height: 1.6; width: 100%; margin: 0 auto; min-height: 100vh; min-height: -webkit-fill-available; } @media screen and (min-width: 1126px) { body { font-size: 16px; } } @media screen and (max-width: 1125px) { body { font-size: 2.6666666667vw; } } @media screen and (min-width: 1126px) { .header + * { padding-top: 123px; } } @media screen and (max-width: 1125px) { .header + * { padding-top: 22.6666666667vw; } } .menuOpenFixed { position: fixed; width: 100%; z-index: -1; height: 100%; } *, *::before, *::after { box-sizing: border-box; } img { max-width: 100%; vertical-align: middle; } a { text-decoration: none; color: var(--black); transition: opacity 0.4s ease, color 0.4s ease, border 0.4s ease; } a:hover { opacity: 0.7; } button { font-family: "Noto Sans JP", sans-serif; } ul, ol { list-style: none; } iframe { width: 100%; height: 100%; } /** * * main * */ .menuOpen { overflow: hidden; position: fixed; width: 100%; height: 100%; overflow: visible !important; } /** * * bg * */ .bg { width: 78.6666666667vw; } .bg-blue { background-color: var(--primary-light); } .bg-blueLight { background-color: var(--primary-ex-light); } .bg-img { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** * * display * */ @media screen and (min-width: 1126px) { ._pcHide { display: none; } } @media screen and (max-width: 1125px) { ._spHide { display: none; } } ._show { display: block; } ._hide { display: none; } @media screen and (min-width: 1126px) { ._pcFlex, ._flex { display: flex; } } @media screen and (max-width: 1125px) { ._spFlex, ._flex { display: flex; } } @media screen and (min-width: 1126px) { ._pcColumn, ._column { flex-direction: column; } } @media screen and (max-width: 1125px) { ._spColumn, ._column { flex-direction: column; } } @media screen and (min-width: 1126px) { ._pcWrap, ._wrap { flex-wrap: wrap; } } @media screen and (max-width: 1125px) { ._spWrap, ._wrap { flex-wrap: wrap; } } @media screen and (min-width: 1126px) { ._pcAc, ._ac { align-items: center; } } @media screen and (max-width: 1125px) { ._spAc, ._ac { align-items: center; } } @media screen and (min-width: 1126px) { ._pcAs, ._as { align-items: flex-start; } } @media screen and (max-width: 1125px) { ._spAs, ._as { align-items: flex-start; } } @media screen and (min-width: 1126px) { ._pcJc, ._jc { justify-content: center; } } @media screen and (max-width: 1125px) { ._spJc, ._jc { justify-content: center; } } @media screen and (min-width: 1126px) { ._pcJb, ._jb { justify-content: space-between; } } @media screen and (max-width: 1125px) { ._spJb, ._jb { justify-content: space-between; } } /** * * line * */ .line-b-gray { border-bottom: 2px solid var(--gray-ex-light); } /** * * size * */ .inner-width, .content_inner, .content_inner-small, .content_inner-large { margin: 0 auto; } @media screen and (min-width: 1126px) { .inner-width, .content_inner, .content_inner-small, .content_inner-large { width: 985px; } } @media screen and (max-width: 1125px) { .inner-width, .content_inner, .content_inner-small, .content_inner-large { width: 87.5555555556vw; } } @media screen and (min-width: 1126px) { .inner-width-large, .content_inner-large { width: 1024px; } } @media screen and (max-width: 1125px) { .inner-width-large, .content_inner-large { width: 91.0222222222vw; } } @media screen and (min-width: 1126px) { .inner-width-small, .content_inner-small { width: 885px; } } @media screen and (max-width: 1125px) { .inner-width-small, .content_inner-small { width: 78.6666666667vw; } } @media screen and (min-width: 1126px) { .content_inner, .content_inner-small, .content_inner-large { padding: 60px 0; } } @media screen and (max-width: 1125px) { .content_inner, .content_inner-small, .content_inner-large { padding: 5.3333333333vw 0; } } .content_inner-noPadding { padding: 0; } @media screen and (min-width: 1126px) { .content_inner-large { margin-bottom: 90px; } } @media screen and (max-width: 1125px) { .content_inner-large { margin-bottom: 8vw; } } @media screen and (min-width: 1126px) { .content-margin { margin-top: 15px; } } @media screen and (max-width: 1125px) { .content-margin { margin-top: 1.3333333333vw; } } /** * * padding * */ ._p0 { padding: 0; } ._pt0 { padding-top: 0; } ._pr0 { padding-right: 0; } ._pb0 { padding-bottom: 0; } ._pl0 { padding-left: 0; } /** * * pagination * */ .slidePagination { z-index: 1; } .slidePagination span { transition: background 0.5s; opacity: 1; } @media screen and (min-width: 1126px) { .slidePagination span { width: 15px; height: 15px; } } @media screen and (max-width: 1125px) { .slidePagination span { width: 1.3333333333vw; height: 1.3333333333vw; } } .slidePagination span.swiper-pagination-bullet { background: var(--white); } .slidePagination span.swiper-pagination-bullet-active { background: var(--primary) !important; } .slidePagination.right { position: absolute; bottom: 50%; transform: translateY(50%); left: auto !important; width: auto !important; } @media screen and (min-width: 1126px) { .slidePagination.right { right: 50px; } } @media screen and (max-width: 1125px) { .slidePagination.right { right: 4.4444444444vw; } } @media screen and (min-width: 1126px) { .slidePagination.right span { margin: 15px 0 !important; } } @media screen and (max-width: 1125px) { .slidePagination.right span { margin: 1.3333333333vw 0 !important; } } .slidePagination.bottom { text-align: center; } .slidePagination.bottom span { background: var(--white); } @media screen and (min-width: 1126px) { .slidePagination.bottom span { width: 23px; height: 23px; margin: 0 23px !important; } } @media screen and (max-width: 1125px) { .slidePagination.bottom span { width: 2.0444444444vw; height: 2.0444444444vw; margin: 0 2.0444444444vw !important; } } /** * * text * */ .lineClamp { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } ._tac { text-align: center; } ._tar { text-align: right; } ._ta { text-align: left; } .ff-biz { font-family: "BIZ UDPGothic", "Noto Sans JP", sans-serif; } .ff-ub { font-family: "Ubuntu Mono", "Noto Sans JP", sans-serif; } .tt-upper { text-transform: uppercase; } .fw-normal { font-weight: 400; } .fw-medium { font-weight: 500; } .fw-bold { font-weight: 700; } .indent { text-indent: -1em; padding-left: 1em; } .c-primary { color: var(--primary); } .c-light { color: var(--gray); } .c-exLight { color: var(--gray-light); } .c-white { color: var(--white); } .c-red { color: var(--red); } .td-underline { text-decoration: underline; } .marker-w { background: linear-gradient(transparent 60%, #fff 60%, #fff 90%, transparent 90%); } .ls-50 { letter-spacing: 0.05em; } .ls-200 { letter-spacing: 0.2em; } body, tooltip, popover { font-family: "Noto Sans JP", sans-serif; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .form { color: var(--gray-dark); } @media screen and (min-width: 1126px) { .form { font-size: 30px; } } @media screen and (max-width: 1125px) { .form { font-size: 2.6666666667vw; } } :root { --primary: #0099cb; --primary-light: #d3e9f4; --primary-ex-light: #0099cb12; --black: #000; --black-30: rgba(0,0,0, .3); --white: #fff; --yellow: #fafa46; --yellow-dark: #ffff00; --red: #f00; --gray: #4d4d4d; --gray-light: #999999; --gray-ex-light: #ccc; --gray-ex-light2: #f2f2f2; --gray-dark: #4c4c4c; --gray-dark2: #666666; --mask: rgba(0,0,0, .1); --border-blue: #0099cb; --border-gray: #4d4d4d; }