@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
:root {
  --font-family-base: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

:root {
  --font-weight-base: 400;
}

:root {
  --color-base: #333;
  --color-placeholder: #A8A8A8;
}

:root {
  --z-index-level-top: 2147483647;
}

:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

/* 言語が英語（ラテン系言語）の場合、cap-heightベースにする */
:root:lang(en) {
  --leading-trim: calc((1cap - 1lh) / 2);
}

/* もし lh が未対応のブラウザであれば fallback */
@supports not (top: 1lh) {
  :root {
    --leading-trim: 0px;
  }
}
:root {
  --width-pc-design: 1360;
  --width-pc-design-content: 1040;
  --width-pc-design-content-percent: calc(var(--width-pc-design-content) / (--width-pc-design-content * 1.05) * 100%);
  --width-pc-design-content-vw: calc(var(--width-pc-design-content) / (--width-pc-design-content * 1.05) * 100vw);
  --width-pc-design-content-rem: calc((var(--width-pc-design-content) / 10) * 1rem);
  --width-sp-design: 375;
  --width-sp-design-content: 335;
  --width-sp-design-content-percent: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100%);
  --width-sp-design-content-vw: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100vw);
  --width-sp-design-content-rem: calc((var(--width-sp-design-content) / 10) * 1rem);
}

:root {
  --border-radius-infinity: calc(1px / 0);
}

:root {
  --opacity-base: .6;
}

:root {
  --transition-base: .4s;
  --transition-sub: .6s;
}

/* -----------------
base / reset
-------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, picture,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  font: normal normal var(--font-weight-base) 100%/1 var(--font-family-base);
  color: var(--color-base);
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  height: 100%;
  overflow-y: scroll;
}
@media screen and (max-width: 1280px) {
  html {
    font-size: calc(10 / 1280 * 100vw) !important;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: clamp(0%, 10 / var(--width-sp-design) * 100vw, 62.5%) !important;
  }
}
html:has(body.is-fixed) {
  overflow: clip;
  overscroll-behavior: none;
}

body {
  min-height: 100svh;
}
body.is-fixed {
  overflow: clip;
  overscroll-behavior: none;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
  background-color: transparent;
  transition: opacity var(--transition-base);
}
a:hover {
  color: inherit;
  text-decoration: none;
  opacity: var(--opacity-base);
}
a:active, a:focus-visible {
  text-decoration: none;
  opacity: var(--opacity-base);
}
@media (any-hover: hover) {
  a[href*="tel:"] {
    pointer-events: none;
  }
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

span,
small {
  font: inherit;
  color: inherit;
}

picture {
  display: block;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img, svg {
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-style: none;
}

button, input, optgroup, select, textarea {
  font: normal normal var(--font-weight-base) 100%/1 var(--font-family-base);
  color: var(--color-base);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

::placeholder {
  color: var(--color-placeholder);
}

button, input {
  overflow: visible;
}
button[disabled], input[disabled] {
  cursor: not-allowed;
}

button, select {
  text-transform: none;
}

button {
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  transition: opacity var(--transition-base);
}
button:active, button:focus-visible {
  opacity: var(--opacity-base);
}
@media (any-hover: hover) {
  button:hover {
    opacity: var(--opacity-base);
  }
}

textarea {
  display: block;
  resize: none;
  field-sizing: content;
  overflow: auto;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=checkbox], [type=radio] {
  position: absolute;
  visibility: hidden;
  width: 1px;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

pre {
  white-space: pre-wrap;
}

ul, ol {
  list-style: none;
}

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

th, td {
  background-clip: padding-box;
}

/* -----------------
js
-------------------- */
.js-bottom-action.--fade-up {
  translate: 0 4rem;
  opacity: 0;
  transition: translate var(--transition-sub), opacity var(--transition-sub);
}
.js-bottom-action.--fade-up.is-bottom-action {
  translate: 0 0;
  opacity: 1;
}

/* -----------------
Component
-------------------- */
.c-wrap {
  margin-inline: auto;
  width: 96%;
  max-width: var(--width-pc-design-content-rem);
}
@media screen and (max-width: 767px) {
  .c-wrap {
    width: var(--width-sp-design-content-percent);
  }
}

.c-loop {
  display: flex;
}
.c-loop__list {
  --_img-padding-inline: 10;
  --_animation-time: 60s;
  display: flex;
  flex-shrink: 0;
  width: 260rem;
}
@media screen and (max-width: 767px) {
  .c-loop__list {
    --_img-padding-inline: 6;
    width: 156rem;
  }
}
.c-loop__list:first-of-type {
  animation: loop-slide1 var(--_animation-time) calc(var(--_animation-time) / 2 * -1) linear infinite;
}
.c-loop__list:last-of-type {
  animation: loop-slide2 var(--_animation-time) linear infinite;
}
@keyframes loop-slide1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.c-loop__list-item {
  padding-inline: calc(var(--_img-padding-inline) / 2 * 1px);
}

.c-button-01__link {
  display: flex inline;
  align-items: center;
  column-gap: 0.5rem;
  position: relative;
  z-index: 1;
  padding: 1rem 10.8rem 1rem 5rem;
  height: 10rem;
  border-radius: var(--border-radius-infinity);
  overflow: hidden;
  transition: opacity var(--transition-base);
}
@media screen and (max-width: 767px) {
  .c-button-01__link {
    column-gap: 0.4rem;
    padding: 0.8rem 8rem 0.8rem 4rem;
    width: 100%;
    max-width: 33.5rem;
    height: 8rem;
  }
}
.c-button-01__link:active, .c-button-01__link:focus-visible {
  opacity: 1;
}
.c-button-01__link:active::before, .c-button-01__link:focus-visible::before {
  left: 0;
}
.c-button-01__link:active .c-button-01__logo, .c-button-01__link:focus-visible .c-button-01__logo {
  filter: brightness(0) invert(1);
}
.c-button-01__link:active .c-button-01__text, .c-button-01__link:focus-visible .c-button-01__text {
  color: #fff;
}
.c-button-01__link:active .c-button-01__icon::before, .c-button-01__link:focus-visible .c-button-01__icon::before {
  opacity: 0;
}
.c-button-01__link:active .c-button-01__icon::after, .c-button-01__link:focus-visible .c-button-01__icon::after {
  opacity: 1;
}
@media (any-hover: hover) {
  .c-button-01__link:hover {
    opacity: 1;
  }
  .c-button-01__link:hover::before {
    left: 0;
  }
  .c-button-01__link:hover .c-button-01__logo {
    filter: brightness(0) invert(1);
  }
  .c-button-01__link:hover .c-button-01__text {
    color: #fff;
  }
  .c-button-01__link:hover .c-button-01__icon::before {
    opacity: 0;
  }
  .c-button-01__link:hover .c-button-01__icon::after {
    opacity: 1;
  }
}
.c-button-01__link.--bg-white::before {
  background: linear-gradient(90deg, #2EA2EA 0%, #81CFFF 50%, #fff 50%, #fff 100%);
}
.c-button-01__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  z-index: -1;
  width: 200%;
  height: 100%;
  background: linear-gradient(90deg, #2EA2EA 0%, #81CFFF 50%, #EAEFF5 50%, #EAEFF5 100%);
  transition: left var(--transition-base);
}
.c-button-01__logo {
  width: 14.2rem;
  transition: filter var(--transition-base);
}
@media screen and (max-width: 767px) {
  .c-button-01__logo {
    width: 12.3rem;
  }
}
.c-button-01__text {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #006CCB;
  text-align: left;
  transition: color var(--transition-base);
}
@media screen and (min-width: 768px) {
  .c-button-01__text {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-button-01__text {
    font-size: 1.8rem;
    line-height: 1.3888888889;
  }
}
.c-button-01__icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  translate: 0 -50%;
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 767px) {
  .c-button-01__icon {
    right: 0.8rem;
    width: 6.4rem;
    height: 6.4rem;
  }
}
.c-button-01__icon::before, .c-button-01__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  transition: opacity var(--transition-base);
}
.c-button-01__icon::before {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" fill="url(%23paint0_linear_759_2612)"/><path d="M29.0002 37.0657H43.6667V42.9328H29.0002V37.0657Z" fill="white"/><path d="M50.9998 40L39.4499 47.6217L39.4499 32.3784L50.9998 40Z" fill="white"/><defs><linearGradient id="paint0_linear_759_2612" x1="4.11653e-07" y1="39.451" x2="79.322" y2="33.1388" gradientUnits="userSpaceOnUse"><stop stop-color="%230079EA"/><stop offset="1" stop-color="%2357A6EF"/></linearGradient></defs></svg>') center/contain no-repeat;
}
.c-button-01__icon::after {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" fill="white"/><path d="M51 39.9995L39.4492 47.6216V42.9321H29V37.0649H39.4492V32.3784L51 39.9995Z" fill="url(%23paint0_linear_759_2639)"/><defs><linearGradient id="paint0_linear_759_2639" x1="29" y1="39.8954" x2="50.6659" y2="37.407" gradientUnits="userSpaceOnUse"><stop stop-color="%230079EA"/><stop offset="1" stop-color="%2357A6EF"/></linearGradient></defs></svg>') center/contain no-repeat;
  opacity: 0;
}

/* -----------------
Utility
-------------------- */
.u-text-align-left {
  text-align: left !important;
}
@media screen and (min-width: 768px) {
  .u-text-align-left-pc {
    text-align: left !important;
  }
}
@media screen and (max-width: 767px) {
  .u-text-align-left-sp {
    text-align: left !important;
  }
}
.u-text-align-center {
  text-align: center !important;
}
@media screen and (min-width: 768px) {
  .u-text-align-center-pc {
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  .u-text-align-center-sp {
    text-align: center !important;
  }
}
.u-text-align-right {
  text-align: right !important;
}
@media screen and (min-width: 768px) {
  .u-text-align-right-pc {
    text-align: right !important;
  }
}
@media screen and (max-width: 767px) {
  .u-text-align-right-sp {
    text-align: right !important;
  }
}

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

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

.u-leading-trim-block {
  margin-block: var(--leading-trim) !important;
}
@media screen and (min-width: 768px) {
  .u-leading-trim-block-pc {
    margin-block: var(--leading-trim) !important;
  }
}
@media screen and (max-width: 767px) {
  .u-leading-trim-block-sp {
    margin-block: var(--leading-trim) !important;
  }
}

.u-leading-trim-top {
  margin-top: var(--leading-trim) !important;
}
@media screen and (min-width: 768px) {
  .u-leading-trim-top-pc {
    margin-top: var(--leading-trim) !important;
  }
}
@media screen and (max-width: 767px) {
  .u-leading-trim-top-sp {
    margin-top: var(--leading-trim) !important;
  }
}

.u-leading-trim-bottom {
  margin-bottom: var(--leading-trim) !important;
}
@media screen and (min-width: 768px) {
  .u-leading-trim-bottom-pc {
    margin-bottom: var(--leading-trim) !important;
  }
}
@media screen and (max-width: 767px) {
  .u-leading-trim-bottom-sp {
    margin-bottom: var(--leading-trim) !important;
  }
}

/* -----------------
その他
-------------------- */
#locator {
  display: none !important;
}

#dcms_layoutPageBlock:has(#p-playweb-case-fv) {
  background: linear-gradient(90deg, #FCFCFC 0%, #F1F3F5 100%);
}

/* -----------------
共通
-------------------- */
.c-button-back__link {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #006CCB;
  display: inline-block;
  position: relative;
  padding-left: 2.3rem;
  transition: opacity var(--transition-base);
}
.c-button-back__link:active, .c-button-back__link:focus-visible {
  color: #006CCB;
}
@media (any-hover: hover) {
  .c-button-back__link:hover {
    color: #006CCB;
  }
}
.c-button-back__link::before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 1.9rem;
  height: 1.9rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="19" height="19" rx="9.5" transform="matrix(-1 0 0 1 19 0)" fill="url(%23paint0_linear_907_1829)"/><path d="M5 9.49951L9.72461 12.6187V10.6997H14V8.29932H9.72461V6.38135L5 9.49951Z" fill="white"/><defs><linearGradient id="paint0_linear_907_1829" x1="-2.65868e-07" y1="10" x2="19" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="%232EA2EA"/><stop offset="1" stop-color="%2381CFFF"/></linearGradient></defs></svg>') center/contain no-repeat;
}

/* -----------------
* ヘッダー
-------------------- */
:root {
  --header-height: 10.2rem;
}

@media screen and (max-width: 767px) {
  :root {
    --header-height: 6rem;
  }
}
@media screen and (max-width: 767px) {
  body:has(.p-playweb-index-fv) .l-header {
    position: fixed;
  }
}
body:has(.p-playweb-index-fv) .l-header:has(.is-open) .l-header__logo {
  opacity: 1;
  pointer-events: all;
}
@media screen and (max-width: 767px) {
  body:has(.p-playweb-index-fv) .l-header__inner {
    position: static;
    border-bottom: none;
    background: none;
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  body:has(.p-playweb-index-fv) .l-header__logo {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body:has(.p-playweb-index-fv) .l-header__logo {
    opacity: 0;
    transition: opacity var(--transition-base);
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  body:has(.p-playweb-index-fv) .l-header__nav-list-link {
    color: #fff;
  }
  body:has(.p-playweb-index-fv) .l-header__nav-list-link:not(.--contact)::before {
    background: linear-gradient(90deg, #2EA2EA 0%, #81CFFF 50%, rgba(2, 2, 2, 0.2) 50%, rgba(2, 2, 2, 0.2) 100%);
  }
}
@media screen and (min-width: 768px) {
  body:has(.p-playweb-index-fv) .l-header__nav-list-link:has(.l-header__nav-list-image) .l-header__nav-list-image {
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  body:has(.p-playweb-index-fv) .l-header__nav-list-link:has(.l-header__nav-list-image) {
    grid-template-columns: 14.1rem;
  }
  body:has(.p-playweb-index-fv) .l-header__nav-list-link:has(.l-header__nav-list-image) .l-header__nav-list-text {
    display: none;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: var(--header-height);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-header {
    position: static;
  }
}
.l-header__inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-inline: 4rem;
  height: var(--header-height);
}
@media screen and (max-width: 767px) {
  .l-header__inner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    justify-content: space-between;
    padding-inline: 2rem 0;
    border-bottom: 1px solid #E0E0E0;
    background: #fff;
    pointer-events: all;
  }
}
.l-header__logo {
  width: 16.6rem;
  pointer-events: all;
}
@media screen and (min-width: 768px) {
  .l-header__logo {
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo {
    position: relative;
    z-index: 1;
    width: 12rem;
  }
}
.l-header__logo-link {
  display: block;
}
@media screen and (max-width: 767px) {
  .l-header__nav {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    overflow-y: auto;
    pointer-events: none;
    transition: opacity var(--transition-base);
  }
  .l-header__nav.is-open {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) {
  .l-header__nav-list {
    display: flex;
    align-items: center;
    column-gap: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav-list {
    position: relative;
    padding: 8rem 2rem 6rem;
    border-radius: 0 0 2rem 2rem;
    background: #fff;
  }
  .l-header__nav-list::before {
    content: "";
    position: absolute;
    top: calc(var(--header-height) - 0.1rem);
    left: 0;
    width: 100%;
    height: 0.1rem;
    background: #E0E0E0;
  }
}
@media screen and (min-width: 768px) {
  .l-header__nav-list-item {
    pointer-events: all;
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav-list-item:not(:has(.--contact)) {
    position: relative;
    padding-bottom: 0.1rem;
  }
  .l-header__nav-list-item:not(:has(.--contact))::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-radius: 1px;
    background-image: linear-gradient(90deg, rgb(223, 64, 64), rgb(47, 145, 236) 29%, rgb(207, 232, 137) 72%, rgb(248, 220, 84));
  }
  .l-header__nav-list-item:has(.--contact) {
    margin-top: 3.6rem;
  }
}
.l-header__nav-list-link {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #333;
  display: block;
  position: relative;
  z-index: 1;
  padding: 0.5rem 3.4rem 0.5rem 1.2rem;
  transition: color var(--transition-base);
}
@media screen and (min-width: 768px) {
  .l-header__nav-list-link {
    border-radius: var(--border-radius-infinity);
    overflow: hidden;
  }
  .l-header__nav-list-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, #2EA2EA 0%, #81CFFF 50%, #F7F8F8 50%, #F7F8F8 100%);
    transition: left var(--transition-base);
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav-list-link {
    font-size: 2rem;
    line-height: 1.4;
    color: #000;
    padding: 2.6rem 4.2rem 2.6rem 1rem;
  }
}
.l-header__nav-list-link:has(.l-header__nav-list-image) {
  display: grid;
  align-items: center;
  grid-template-columns: 8.5rem 1fr;
  column-gap: 0.1rem;
}
@media screen and (max-width: 767px) {
  .l-header__nav-list-link:has(.l-header__nav-list-image) {
    grid-template-columns: 14.1rem;
  }
  .l-header__nav-list-link:has(.l-header__nav-list-image) .l-header__nav-list-text {
    display: none;
  }
}
.l-header__nav-list-link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.2rem;
  width: 1.4rem;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="white"/><path d="M11.1191 7L6.79395 9.85449V8.09863H2.88086V5.90137H6.79395V4.14551L11.1191 7Z" fill="url(%23paint0_linear_712_1276)"/><defs><linearGradient id="paint0_linear_712_1276" x1="2.88086" y1="6.96082" x2="10.9941" y2="6.02916" gradientUnits="userSpaceOnUse"><stop stop-color="%230079EA"/><stop offset="1" stop-color="%2357A6EF"/></linearGradient></defs></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .l-header__nav-list-link::after {
    right: 1rem;
    width: 3.2rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.5898 16.0547L15.9307 21.1094V18H9V14.1084H15.9307V11L23.5898 16.0547Z" fill="black"/></svg>') center/contain no-repeat;
  }
}
.l-header__nav-list-link:active, .l-header__nav-list-link:focus-visible {
  color: #fff;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .l-header__nav-list-link:active::before, .l-header__nav-list-link:focus-visible::before {
    left: 0;
  }
  .l-header__nav-list-link:active .l-header__nav-list-image, .l-header__nav-list-link:focus-visible .l-header__nav-list-image {
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav-list-link:active, .l-header__nav-list-link:focus-visible {
    color: #000;
  }
}
@media (any-hover: hover) {
  .l-header__nav-list-link:hover {
    color: #fff;
    opacity: 1;
  }
}
@media screen and (any-hover: hover) and (min-width: 768px) {
  .l-header__nav-list-link:hover::before {
    left: 0;
  }
  .l-header__nav-list-link:hover .l-header__nav-list-image {
    filter: brightness(0) invert(1);
  }
}
@media screen and (any-hover: hover) and (max-width: 767px) {
  .l-header__nav-list-link:hover {
    color: #000;
  }
}
.l-header__nav-list-link.--contact {
  color: #fff;
  padding: 1.3rem 4.5rem 1.3rem 2.2rem;
}
@media screen and (max-width: 767px) {
  .l-header__nav-list-link.--contact {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    padding: 2.8rem 7rem 2.8rem 4rem;
    border-radius: var(--border-radius-infinity);
    overflow: hidden;
  }
}
.l-header__nav-list-link.--contact:active::before, .l-header__nav-list-link.--contact:focus-visible::before {
  left: 0;
}
@media (any-hover: hover) {
  .l-header__nav-list-link.--contact:hover::before {
    left: 0;
  }
}
.l-header__nav-list-link.--contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  z-index: -1;
  width: 200%;
  height: 100%;
  background: linear-gradient(90deg, #2EA2EA 0%, #81CFFF 50%, #FFA200 37.87%, #FF8C00 99.59%);
  transition: left var(--transition-base);
}
.l-header__nav-list-link.--contact::after {
  right: 2.2rem;
  width: 1.8rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_712_1281)"><path d="M18 0V12L11.4768 5.81773L18 0Z" fill="white"/><path d="M-5.25408e-07 0H18L9.00059 6.89649L-5.25408e-07 0Z" fill="white"/><path d="M6.52344 5.81773L-0.000926974 12V0L6.52344 5.81773Z" fill="white"/><path d="M9.00059 8.02666L11.214 6.05199L18 12H-5.25408e-07L6.78595 6.05199L9.00059 8.02666Z" fill="white"/></g><defs><clipPath id="clip0_712_1281"><rect width="18" height="12" fill="white" transform="matrix(-1 0 0 1 18 0)"/></clipPath></defs></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .l-header__nav-list-link.--contact::after {
    right: 0.8rem;
    width: 6.4rem;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="64" height="64" rx="32" fill="white"/><path d="M41.522 32.0005L31.5239 38.5972V34.5386H22.478V29.4604H31.5239V25.4028L41.522 32.0005Z" fill="%23FF8C01"/></svg>') center/contain no-repeat;
  }
}
.l-header__nav-list-image {
  transition: filter var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-header__nav-button {
    display: grid;
    place-content: center;
    row-gap: 0.7rem;
    position: relative;
    z-index: 1;
    width: var(--header-height);
    height: var(--header-height);
    background: linear-gradient(85.45deg, #0079EA 3.74%, #57A6EF 96.16%);
    border-bottom-left-radius: 0.5rem;
    pointer-events: all;
  }
  .l-header__nav-button.is-active .l-header__nav-button-line {
    margin-left: 0;
  }
  .l-header__nav-button.is-active .l-header__nav-button-line::before {
    left: 0;
    width: 2.8rem;
    height: 0.4rem;
    opacity: 0;
  }
  .l-header__nav-button.is-active .l-header__nav-button-line:nth-child(1) {
    translate: 0 1.1rem;
    rotate: 45deg;
  }
  .l-header__nav-button.is-active .l-header__nav-button-line:nth-child(2) {
    opacity: 0;
  }
  .l-header__nav-button.is-active .l-header__nav-button-line:nth-child(3) {
    translate: 0 -1.1rem;
    rotate: -45deg;
  }
  .l-header__nav-button-line {
    position: relative;
    margin-left: 0.9rem;
    width: 2.8rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: #fff;
    transition: margin-left var(--transition-base), translate var(--transition-base), rotate var(--transition-base), opacity var(--transition-base);
  }
  .l-header__nav-button-line::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.9rem;
    translate: 0 -50%;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: #fff;
    transition: left var(--transition-base), width var(--transition-base), height var(--transition-base), opacity var(--transition-base);
  }
}

/* -----------------
* PLAY WEB トップページ
-------------------- */
.p-playweb-index {
  /* -----------------
  FV
  -------------------- */
  /* -----------------
  パートナー募集
  -------------------- */
  /* -----------------
  * 学校で取り組むeスポーツ
  * 学校現場での課題例
  -------------------- */
  /* -----------------
  練習試合
  自動マッチメイキング
  サービス
  -------------------- */
  /* -----------------
  部活動環境構築・
  指導者派遣
  サービス
  -------------------- */
}
.p-playweb-index-fv {
  position: relative;
  background: linear-gradient(111.01deg, #FFFFFF 10.19%, #F1F3F5 45.78%, #F7F8FA 85.51%);
}
.p-playweb-index-fv__image {
  opacity: 0;
  transition: opacity ease-in-out var(--transition-sub);
}
.p-playweb-index-fv__image.is-bottom-action {
  opacity: 1;
}
.p-playweb-index-fv__title {
  width: min(62.3rem, 45.8088235294%);
}
@media screen and (min-width: 768px) {
  .p-playweb-index-fv__title {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    padding-bottom: 0.3676470588%;
    filter: drop-shadow(0 0.1rem 4.3rem #000);
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-fv__title {
    margin-inline: auto;
    padding-block: 3.3rem calc(74 / var(--width-sp-design) * 100vw);
    width: calc(299 / var(--width-sp-design) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-fv__title-image {
    width: 27.4rem;
  }
}
.p-playweb-index-fv__title-image.is-bottom-action {
  transition-delay: var(--transition-sub);
}
.p-playweb-index-partner {
  position: relative;
  overflow-x: clip;
}
.p-playweb-index-partner::before, .p-playweb-index-partner::after {
  content: "";
  position: absolute;
  inset: -6.4705882353vw 0 0;
  background-image: linear-gradient(85.45deg, #0079EA 3.74%, #57A6EF 96.16%);
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner::before, .p-playweb-index-partner::after {
    inset: calc(-72 / var(--width-sp-design) * 100vw) 0 0;
  }
}
.p-playweb-index-partner::before {
  z-index: 1;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1360 757" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1360 757H0V0.25C217.546 54.8315 445.159 83.8096 679.5 83.8096C914.2 83.8096 1142.15 54.7439 1360 0V757Z" fill="white"/></svg>') center top/100% auto no-repeat;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner::before {
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 375 74" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23p-playweb-index-partner__wave-image)"><path d="M377.383 88.9358L377.383 0.415527C327.711 37.2262 249.84 64.14 174.54 66.3163C102.987 68.3843 43.5662 62.1803 -1.59302 51.7023L1.65701e-05 92.9248L377.383 88.9358Z" fill="%230C75D8"/></g><defs><clipPath id="p-playweb-index-partner__wave-image"><rect width="375" height="74" fill="white"/></clipPath></defs></svg>') center top/100% auto no-repeat;
  }
}
.p-playweb-index-partner::after {
  z-index: -1;
}
.p-playweb-index-partner__inner {
  position: relative;
  padding-block: 2.7rem 15.3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner__inner {
    padding-block: 3rem calc(194 / var(--width-sp-design) * 100vw);
  }
}
.p-playweb-index-partner__inner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 2;
  width: 100%;
  height: 14.8529411765vw;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1360 202" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="p-playweb-index-partner__wave-image" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1360" height="202"><rect width="1360" height="202" fill="%23D9D9D9"/></mask><g mask="url(%23p-playweb-index-partner__wave-image)"><path d="M859 179.095C657 204.294 225 202.409 1.52588e-05 166.347C-225 130.285 1.52588e-05 202.409 1.52588e-05 202.409H1368.64C1402.12 171.951 1525.28 -130.905 1368.64 -5.90462C1212 119.095 1061 153.897 859 179.095Z" fill="%230C75D8"/></g></svg>') center bottom/100% auto no-repeat;
  background-color: #0C75D8;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner__inner::after {
    height: calc(74 / var(--width-sp-design) * 100vw);
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 375 74" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23p-playweb-index-partner__wave-image)"><path d="M377.383 88.9358L377.383 0.415527C327.711 37.2262 249.84 64.14 174.54 66.3163C102.987 68.3843 43.5662 62.1803 -1.59302 51.7023L1.65701e-05 92.9248L377.383 88.9358Z" fill="%230C75D8"/></g><defs><clipPath id="p-playweb-index-partner__wave-image"><rect width="375" height="74" fill="white"/></clipPath></defs></svg>') center bottom/100% auto no-repeat;
  }
}
.p-playweb-index-partner .c-loop {
  position: relative;
  z-index: 2;
}
.p-playweb-index-partner .c-wrap {
  position: relative;
  z-index: 2;
  margin-top: 9rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner .c-wrap {
    margin-top: 6rem;
  }
}
.p-playweb-index-partner__title {
  font-size: 4.5rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner__title {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    white-space: nowrap;
  }
}
.p-playweb-index-partner__news {
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-partner__news {
    display: grid;
    grid-template-columns: 15.2rem 1fr;
    max-width: 64.9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner__news {
    margin-top: 3.2rem;
  }
}
.p-playweb-index-partner__news:not(:has(.dlb_media_block)) {
  opacity: 0;
  pointer-events: none;
}
.p-playweb-index-partner__news:not(:has(.dlb_media_block)) + .p-playweb-index-partner__button {
  opacity: 0;
  pointer-events: none;
}
.p-playweb-index-partner__news-theme {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #fff;
  display: grid;
  place-content: center;
  background: #0064C2;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner__news-theme {
    font-size: 1.6rem;
    line-height: 1.375;
    padding: 0.7rem;
  }
}
.p-playweb-index-partner__news-des {
  background: rgba(0, 114, 221, 0.8);
}
.p-playweb-index-partner__news-des-link {
  display: block;
  position: relative;
  padding: 1.5rem 4rem 1.5rem 2.4rem;
}
.p-playweb-index-partner__news-des-link:active, .p-playweb-index-partner__news-des-link:focus-visible {
  opacity: 1;
}
.p-playweb-index-partner__news-des-link:active::before, .p-playweb-index-partner__news-des-link:focus-visible::before {
  opacity: 0;
}
.p-playweb-index-partner__news-des-link:active::after, .p-playweb-index-partner__news-des-link:focus-visible::after {
  opacity: 1;
}
.p-playweb-index-partner__news-des-link:active .p-playweb-index-partner__news-des-link-inner::before, .p-playweb-index-partner__news-des-link:focus-visible .p-playweb-index-partner__news-des-link-inner::before {
  width: 100%;
}
@media (any-hover: hover) {
  .p-playweb-index-partner__news-des-link:hover {
    opacity: 1;
  }
  .p-playweb-index-partner__news-des-link:hover::before {
    opacity: 0;
  }
  .p-playweb-index-partner__news-des-link:hover::after {
    opacity: 1;
  }
  .p-playweb-index-partner__news-des-link:hover .p-playweb-index-partner__news-des-link-inner::before {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .p-playweb-index-partner__news-des-link {
    padding: 1.4rem 4.3rem 1.4rem 1.2rem;
  }
}
.p-playweb-index-partner__news-des-link::before, .p-playweb-index-partner__news-des-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  translate: 0 -50%;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  transition: opacity var(--transition-base);
}
@media screen and (max-width: 1024px) {
  .p-playweb-index-partner__news-des-link::before, .p-playweb-index-partner__news-des-link::after {
    right: 1.2rem;
  }
}
.p-playweb-index-partner__news-des-link::before {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 9.49951L9.27539 12.6187V10.6997H5V8.29932H9.27539V6.38135L14 9.49951Z" fill="%23006CCB"/></svg>') center/contain no-repeat #fff;
}
.p-playweb-index-partner__news-des-link::after {
  opacity: 0;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="19" height="19" fill="url(%23paint0_linear_763_2802)"/><path d="M14 9.49951L9.27539 12.6187V10.6997H5V8.29932H9.27539V6.38135L14 9.49951Z" fill="white"/><defs><linearGradient id="paint0_linear_763_2802" x1="-2.65868e-07" y1="10" x2="19" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="%232EA2EA"/><stop offset="1" stop-color="%2381CFFF"/></linearGradient></defs></svg>') center/contain no-repeat;
}
.p-playweb-index-partner__news-des-link-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1.6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner__news-des-link-inner {
    column-gap: 1rem;
  }
}
.p-playweb-index-partner__news-des-link-inner::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #fff;
  transition: width var(--transition-base);
}
.p-playweb-index-partner__news-des-date, .p-playweb-index-partner__news-des-title {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .p-playweb-index-partner__news-des-date, .p-playweb-index-partner__news-des-title {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.p-playweb-index-partner__news-des .dlb_media_block {
  display: block;
  position: relative;
  padding: 1.5rem 4rem 1.5rem 2.4rem;
}
.p-playweb-index-partner__news-des .dlb_media_block:active, .p-playweb-index-partner__news-des .dlb_media_block:focus-visible {
  opacity: 1;
}
.p-playweb-index-partner__news-des .dlb_media_block:active::before, .p-playweb-index-partner__news-des .dlb_media_block:focus-visible::before {
  opacity: 0;
}
.p-playweb-index-partner__news-des .dlb_media_block:active::after, .p-playweb-index-partner__news-des .dlb_media_block:focus-visible::after {
  opacity: 1;
}
.p-playweb-index-partner__news-des .dlb_media_block:active .dlb_media_right::before, .p-playweb-index-partner__news-des .dlb_media_block:focus-visible .dlb_media_right::before {
  width: 100%;
}
@media (any-hover: hover) {
  .p-playweb-index-partner__news-des .dlb_media_block:hover {
    opacity: 1;
  }
  .p-playweb-index-partner__news-des .dlb_media_block:hover::before {
    opacity: 0;
  }
  .p-playweb-index-partner__news-des .dlb_media_block:hover::after {
    opacity: 1;
  }
  .p-playweb-index-partner__news-des .dlb_media_block:hover .dlb_media_right::before {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .p-playweb-index-partner__news-des .dlb_media_block {
    padding: 1.4rem 4.3rem 1.4rem 1.2rem;
  }
}
.p-playweb-index-partner__news-des .dlb_media_block::before, .p-playweb-index-partner__news-des .dlb_media_block::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  translate: 0 -50%;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  transition: opacity var(--transition-base);
}
@media screen and (max-width: 1024px) {
  .p-playweb-index-partner__news-des .dlb_media_block::before, .p-playweb-index-partner__news-des .dlb_media_block::after {
    right: 1.2rem;
  }
}
.p-playweb-index-partner__news-des .dlb_media_block::before {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 9.49951L9.27539 12.6187V10.6997H5V8.29932H9.27539V6.38135L14 9.49951Z" fill="%23006CCB"/></svg>') center/contain no-repeat #fff;
}
.p-playweb-index-partner__news-des .dlb_media_block::after {
  opacity: 0;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="19" height="19" fill="url(%23paint0_linear_763_2802)"/><path d="M14 9.49951L9.27539 12.6187V10.6997H5V8.29932H9.27539V6.38135L14 9.49951Z" fill="white"/><defs><linearGradient id="paint0_linear_763_2802" x1="-2.65868e-07" y1="10" x2="19" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="%232EA2EA"/><stop offset="1" stop-color="%2381CFFF"/></linearGradient></defs></svg>') center/contain no-repeat;
}
.p-playweb-index-partner__news-des .dlb_media_block .dlb_media_left,
.p-playweb-index-partner__news-des .dlb_media_block .dlb_media_txt,
.p-playweb-index-partner__news-des .dlb_media_block .dlb_media_cate {
  display: none !important;
}
.p-playweb-index-partner__news-des .dlb_media_block .dlb_media_right {
  display: grid inline;
  grid-template-columns: auto 1fr;
  column-gap: 1.6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner__news-des .dlb_media_block .dlb_media_right {
    column-gap: 1rem;
  }
}
.p-playweb-index-partner__news-des .dlb_media_block .dlb_media_right::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #fff;
  transition: width var(--transition-base);
}
.p-playweb-index-partner__news-des .dlb_media_block .dlb_media_right .dlb_media_time,
.p-playweb-index-partner__news-des .dlb_media_block .dlb_media_right .dlb_media_title {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .p-playweb-index-partner__news-des .dlb_media_block .dlb_media_right .dlb_media_time,
  .p-playweb-index-partner__news-des .dlb_media_block .dlb_media_right .dlb_media_title {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.p-playweb-index-partner__news-des .dlb_media_block .dlb_media_right .dlb_media_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.p-playweb-index-partner__button {
  margin-top: 1rem;
}
.p-playweb-index-partner__button-link {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  color: #fff;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3rem;
  display: inline-block;
  position: relative;
  padding-right: 2.3rem;
  transition: text-decoration-color var(--transition-base);
}
@media screen and (max-width: 1024px) {
  .p-playweb-index-partner__button-link {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    padding-right: 2.6rem;
  }
}
.p-playweb-index-partner__button-link:active, .p-playweb-index-partner__button-link:focus-visible {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #fff;
  opacity: 1;
}
.p-playweb-index-partner__button-link:active::before, .p-playweb-index-partner__button-link:focus-visible::before {
  opacity: 0;
}
.p-playweb-index-partner__button-link:active::after, .p-playweb-index-partner__button-link:focus-visible::after {
  opacity: 1;
}
@media (any-hover: hover) {
  .p-playweb-index-partner__button-link:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #fff;
    opacity: 1;
  }
  .p-playweb-index-partner__button-link:hover::before {
    opacity: 0;
  }
  .p-playweb-index-partner__button-link:hover::after {
    opacity: 1;
  }
}
.p-playweb-index-partner__button-link::before, .p-playweb-index-partner__button-link::after {
  content: "";
  position: absolute;
  top: calc(50% + 0.2rem);
  right: 0;
  translate: 0 -50%;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  transition: opacity var(--transition-base);
}
.p-playweb-index-partner__button-link::before {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 9.49951L9.27539 12.6187V10.6997H5V8.29932H9.27539V6.38135L14 9.49951Z" fill="%23006CCB"/></svg>') center/contain no-repeat #fff;
}
.p-playweb-index-partner__button-link::after {
  opacity: 0;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="19" height="19" fill="url(%23paint0_linear_763_2802)"/><path d="M14 9.49951L9.27539 12.6187V10.6997H5V8.29932H9.27539V6.38135L14 9.49951Z" fill="white"/><defs><linearGradient id="paint0_linear_763_2802" x1="-2.65868e-07" y1="10" x2="19" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="%232EA2EA"/><stop offset="1" stop-color="%2381CFFF"/></linearGradient></defs></svg>') center/contain no-repeat;
}
.p-playweb-index-partner__image {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: min(81.8rem, 60.1470588235%);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-partner__image {
    width: 100%;
  }
}
.p-playweb-index-school {
  position: relative;
  z-index: 1;
  padding-block: 4rem 9.4rem;
  background: #0C75D8;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school {
    padding-block: 7rem 6rem;
    overflow-x: clip;
  }
}
.p-playweb-index-school .c-wrap {
  max-width: 126.4rem;
}
.p-playweb-index-school__wave {
  position: absolute;
  top: 5.9558823529vw;
  left: 0;
  z-index: -1;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__wave {
    top: calc(300 / var(--width-sp-design) * 100vw);
  }
}
.p-playweb-index-school__title {
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #fff;
  position: relative;
  margin-inline: auto;
  padding-bottom: 0.9rem;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__title {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    padding-bottom: 0.8rem;
  }
}
.p-playweb-index-school__title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-radius: 1px;
  background-image: linear-gradient(-90deg, rgb(223, 64, 64), rgb(47, 145, 236) 29%, rgb(207, 232, 137) 72%, rgb(248, 220, 84));
}
@media screen and (min-width: 768px) {
  .p-playweb-index-school__block {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 50.3rem;
    margin-inline: auto;
    max-width: 107rem;
  }
}
.p-playweb-index-school__block + .p-playweb-index-school__title {
  margin-top: 13.4rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__block + .p-playweb-index-school__title {
    margin-top: 9rem;
  }
}
.p-playweb-index-school__block-box-title {
  margin: 0;
}
.p-playweb-index-school__block-box-text {
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__block-box-text {
    font-size: 1.6rem;
    line-height: 1.8125;
    margin-top: 2.2rem;
  }
}
.p-playweb-index-school__block-graph {
  position: relative;
  z-index: 1;
  padding-top: 8rem;
  height: 50.3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__block-graph {
    margin-top: 3.2rem;
    padding-top: 6.8rem;
    height: 42.7rem;
  }
}
.p-playweb-index-school__block-graph::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 100%;
  translate: -50% 0;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__block-graph::before {
    width: 42.7rem;
  }
}
.p-playweb-index-school__block-graph-title {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__block-graph-title {
    font-size: 2rem;
    line-height: 1.2;
  }
}
.p-playweb-index-school__block-graph-image {
  margin: 2.4rem auto 0;
  max-width: 38.1rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__block-graph-image {
    margin-top: 2rem;
    max-width: 32.4rem;
  }
}
.p-playweb-index-school__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__list {
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }
}
.p-playweb-index-school__list-item {
  padding: 4rem 4rem 4.8rem;
  border-radius: 2rem;
  background: #F5F5F2;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-school__list-item:nth-child(3n+2) {
    transition-delay: 0.2s;
  }
  .p-playweb-index-school__list-item:nth-child(3n+3) {
    transition-delay: 0.4s;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__list-item {
    padding: 3rem 2rem;
  }
}
.p-playweb-index-school__list-image {
  aspect-ratio: 330/253;
  border-radius: var(--border-radius-infinity);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__list-image {
    margin-inline: auto;
    width: calc(235 / var(--width-sp-design) * 100vw);
    aspect-ratio: 235/180;
  }
}
.p-playweb-index-school__list-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-playweb-index-school__list-title {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #006CCB;
  text-align: center;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__list-title {
    font-size: 1.8rem;
    line-height: 1.3888888889;
    margin-top: 1.6rem;
  }
}
.p-playweb-index-school__list-text {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-school__list-text {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.p-playweb-index-matchmaking-service {
  position: relative;
  padding-block: 16.3235294118vw 8rem;
  background: #EAEFF5;
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service {
    padding-top: calc(112 / var(--width-sp-design) * 100vw);
  }
}
.p-playweb-index-matchmaking-service::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 14.7058823529vw;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1360 200" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_753_2203)"><path d="M851 190C1308.96 190 1733.28 46.0153 2081.18 -199.154C1816.66 -81.9642 1523.94 -16.8623 1216 -16.8623C35.2152 -16.8623 -922 -974.078 -922 -2154.86C-922 -2877.69 -563.291 -3516.74 -14.1787 -3903.71C-763.944 -3571.53 -1287 -2820.85 -1287 -1948C-1287 -767.215 -329.785 190 851 190Z" fill="%230C75D8"/></g><defs><clipPath id="clip0_753_2203"><rect width="1360" height="200" fill="white"/></clipPath></defs></svg>') center bottom/100% auto no-repeat;
  background-color: #0C75D8;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service::before {
    height: calc(52 / var(--width-sp-design) * 100vw);
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 375 52" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_759_2643)"><path d="M233.62 52.2593C359.339 52.2593 475.824 12.7309 571.33 -54.5728C498.716 -22.4022 418.356 -4.52881 333.821 -4.52881C9.66746 -4.52894 -253.111 -267.308 -253.111 -591.461C-253.111 -789.896 -154.636 -965.329 -3.89075 -1071.56C-209.72 -980.371 -353.313 -774.292 -353.313 -534.673C-353.313 -210.519 -90.534 52.2593 233.62 52.2593Z" fill="%230C75D8"/></g><defs><clipPath id="clip0_759_2643"><rect width="375" height="52" fill="white"/></clipPath></defs></svg>') center bottom/100% auto no-repeat;
  }
}
.p-playweb-index-matchmaking-service__block {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-matchmaking-service__block {
    display: grid;
    align-items: flex-end;
    grid-template-columns: 46.9230769231% 1fr;
    gap: 1.7rem 6.4rem;
  }
}
.p-playweb-index-matchmaking-service__deco {
  position: absolute;
  top: -13.8235294118vw;
  right: -1.3235294118vw;
  z-index: 1;
  width: 43.2rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__deco {
    top: calc(-140 / var(--width-sp-design) * 100vw);
    right: calc(-10 / var(--width-sp-design) * 100vw);
    width: calc(154 / var(--width-sp-design) * 100vw);
  }
}
.p-playweb-index-matchmaking-service__circle {
  width: 49.7058823529vw;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-matchmaking-service__circle {
    grid-row: 2;
    grid-column: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__circle {
    margin-inline: auto;
    width: 100%;
    max-width: 33.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-playweb-index-matchmaking-service__hgroup {
    grid-row: 1;
    grid-column: span 2;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__hgroup {
    position: relative;
    z-index: 1;
    margin-top: -3.2rem;
  }
}
.p-playweb-index-matchmaking-service__hgroup-logo {
  display: grid;
  place-content: center;
  grid-template-columns: 18.1rem;
  width: 25.8rem;
  height: 6.4rem;
  border-radius: var(--border-radius-infinity);
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__hgroup-logo {
    grid-template-columns: 14.1rem;
    margin-inline: auto;
    width: 20.1rem;
    height: 5rem;
  }
}
.p-playweb-index-matchmaking-service__hgroup-title {
  font-size: 7rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #006CCB;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__hgroup-title {
    font-size: 3.2rem;
    line-height: 1.40625;
    text-align: center;
    margin-top: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .p-playweb-index-matchmaking-service__about {
    grid-row: 2;
    grid-column: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about {
    margin-top: 4.2rem;
  }
}
.p-playweb-index-matchmaking-service__about-title {
  display: grid;
  align-items: center;
  grid-template-columns: 23.3rem auto;
  column-gap: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about-title {
    grid-template-columns: 17.5rem auto;
    column-gap: 0.3rem;
  }
}
.p-playweb-index-matchmaking-service__about-title-logo {
  padding-top: 0.3rem;
}
.p-playweb-index-matchmaking-service__about-title-text {
  font-size: 3.8rem;
  line-height: 1.3947368421;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about-title-text {
    font-size: 2.8rem;
    line-height: 1.3928571429;
  }
}
.p-playweb-index-matchmaking-service__about-text {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.05em;
  color: #000;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about-text {
    font-size: 1.6rem;
    line-height: 1.8125;
    margin-top: 1.6rem;
  }
}
.p-playweb-index-matchmaking-service__about-dl {
  margin-top: 3rem;
  padding: 2.4rem 3.5rem 1.6rem 3rem;
  border-radius: 0.5rem;
  background: #DFE6EF;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about-dl {
    margin-top: 3rem;
    padding: 2.4rem 2rem 1.4rem;
    border-radius: 2rem;
  }
}
.p-playweb-index-matchmaking-service__about-dl-theme {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #006CCB;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about-dl-theme {
    font-size: 2rem;
    line-height: 1.4;
  }
}
.p-playweb-index-matchmaking-service__about-dl-des {
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about-dl-des {
    margin-top: 1rem;
  }
}
.p-playweb-index-matchmaking-service__about-dl-list-item {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  color: #000;
  position: relative;
  padding: 1.7rem 0 1.7rem 2.5rem;
  border-top: 1px solid #C3CEDB;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about-dl-list-item {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    padding: 1rem 0 1rem 2.6rem;
  }
}
.p-playweb-index-matchmaking-service__about-dl-list-item::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 0;
  width: 1.9rem;
  height: 1.8rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9Z" fill="%23006CCB"/><path d="M15.2929 3.79289C15.6834 3.40237 16.3164 3.40237 16.707 3.79289C17.0975 4.18342 17.0975 4.81643 16.707 5.20696L9.70696 12.207C9.31643 12.5975 8.68342 12.5975 8.29289 12.207L4.79289 8.70696C4.40237 8.31643 4.40237 7.68342 4.79289 7.29289C5.18342 6.90237 5.81643 6.90237 6.20696 7.29289L8.99992 10.0859L15.2929 3.79289Z" fill="white"/><path d="M13.9902 2.27246C15.1679 1.20816 16.986 1.24385 18.1211 2.37891C19.2926 3.55049 19.2926 5.44955 18.1211 6.62109L11.1211 13.6211C9.94955 14.7926 8.05048 14.7926 6.87891 13.6211L3.37891 10.1211C2.20733 8.94952 2.20733 7.05048 3.37891 5.87891L3.49023 5.77246C4.62984 4.74254 6.36903 4.74281 7.50879 5.77246L7.62109 5.87891L9 7.25781L13.8789 2.37891L13.9902 2.27246ZM16.707 3.79289C16.3164 3.40237 15.6834 3.40237 15.2929 3.79289L8.99992 10.0859L6.20696 7.29289C5.81643 6.90237 5.18342 6.90237 4.79289 7.29289C4.40237 7.68342 4.40237 8.31643 4.79289 8.70696L8.29289 12.207C8.65902 12.573 9.23813 12.5957 9.63086 12.2754L9.70696 12.207L16.707 5.20696C17.0975 4.81643 17.0975 4.18342 16.707 3.79289Z" fill="%23006CCB"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__about-dl-list-item::before {
    top: 1.2rem;
  }
}
.p-playweb-index-matchmaking-service__school-block {
  margin-top: 13rem;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-matchmaking-service__school-block {
    display: grid;
    grid-template-columns: 44.8rem 1fr;
    column-gap: 7.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-block {
    margin-top: 6rem;
  }
}
.p-playweb-index-matchmaking-service__school-circle {
  display: grid;
  place-content: center;
  position: relative;
  padding-top: 2.2rem;
  height: 44.8rem;
  border-radius: 50%;
  background: linear-gradient(85.45deg, #0079EA 3.74%, #57A6EF 96.16%);
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-circle {
    margin-inline: auto;
    padding-top: 2rem;
    width: 26.5rem;
    height: 26.5rem;
  }
}
.p-playweb-index-matchmaking-service__school-circle-image {
  position: absolute;
  top: -5.2rem;
  left: 50%;
  translate: -50% 0;
  width: 26.7rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-circle-image {
    top: -2.6rem;
    width: 15.2rem;
  }
}
.p-playweb-index-matchmaking-service__school-circle-logo {
  margin-inline: auto;
  width: 14.5rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-circle-logo {
    width: 9.2rem;
  }
}
.p-playweb-index-matchmaking-service__school-circle-title {
  font-size: 5rem;
  line-height: 1.28;
  letter-spacing: 0.02em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-circle-title {
    font-size: 3rem;
    line-height: 1.2666666667;
  }
}
.p-playweb-index-matchmaking-service__school-circle-value {
  font-size: 6.6rem;
  line-height: 1;
  letter-spacing: -0.015em;
  color: #FFE550;
  text-align: center;
  margin-top: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-circle-value {
    font-size: 4rem;
    margin-top: 0;
  }
}
.p-playweb-index-matchmaking-service__school-circle-value-lg {
  font-size: 10rem;
  line-height: 0.9;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-circle-value-lg {
    font-size: 6rem;
    line-height: 1.1;
  }
}
.p-playweb-index-matchmaking-service__school-circle-date {
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-matchmaking-service__school-circle-date {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-box {
    margin-top: 2rem;
  }
}
.p-playweb-index-matchmaking-service__school-box-text {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-box-text {
    font-size: 1.6rem;
    line-height: 1.8125;
  }
}
.p-playweb-index-matchmaking-service__school-box-text + .p-playweb-index-matchmaking-service__school-box-text {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-box-text + .p-playweb-index-matchmaking-service__school-box-text {
    margin-top: 2.9rem;
  }
}
.p-playweb-index-matchmaking-service__school-box .c-button-01 {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-matchmaking-service__school-box .c-button-01 {
    margin-top: 3.2rem;
  }
}
.p-playweb-index-dispatch-service {
  position: relative;
  padding-block: 24.0441176471vw 12rem;
  background: #fff;
  overflow-x: clip;
  container-type: inline-size;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service {
    padding-block: calc(122 / var(--width-sp-design) * 100vw) 8rem;
  }
}
.p-playweb-index-dispatch-service::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 14.7058823529vw;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1360 200" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_759_2660)"><path d="M509 189.862C51.0431 189.862 -373.28 45.8776 -721.178 -199.292C-456.664 -82.1019 -163.936 -17 144 -17C1324.78 -17 2282 -974.215 2282 -2155C2282 -2877.83 1923.29 -3516.87 1374.18 -3903.84C2123.94 -3571.67 2647 -2820.99 2647 -1948.14C2647 -767.353 1689.78 189.862 509 189.862Z" fill="white"/><path d="M509 189.862C51.0431 189.862 -373.28 45.8776 -721.178 -199.292C-456.664 -82.1019 -163.936 -17 144 -17C1324.78 -17 2282 -974.215 2282 -2155C2282 -2877.83 1923.29 -3516.87 1374.18 -3903.84C2123.94 -3571.67 2647 -2820.99 2647 -1948.14C2647 -767.353 1689.78 189.862 509 189.862Z" fill="%23EAEFF5"/></g><defs><clipPath id="clip0_759_2660"><rect width="1360" height="200" fill="white" transform="matrix(-1 0 0 1 1360 0)"/></clipPath></defs></svg>') center bottom/100% auto no-repeat;
  background-color: #EAEFF5;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service::before {
    height: calc(52 / var(--width-sp-design) * 100vw);
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 375 53" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_759_2665)"><path d="M141.38 52.2593C15.661 52.2593 -100.824 12.7309 -196.33 -54.5728C-123.716 -22.4022 -43.3559 -4.52881 41.1787 -4.52881C365.332 -4.52894 628.111 -267.308 628.111 -591.461C628.111 -789.896 529.636 -965.329 378.891 -1071.56C584.72 -980.371 728.312 -774.292 728.312 -534.673C728.312 -210.519 465.534 52.2593 141.38 52.2593Z" fill="%23EAEFF5"/></g><defs><clipPath id="clip0_759_2665"><rect width="375" height="52.1596" fill="white" transform="matrix(-1 0 0 1 375 0.137695)"/></clipPath></defs></svg>') center bottom/100% auto no-repeat;
  }
}
.p-playweb-index-dispatch-service__block {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__block {
    display: grid;
    align-items: flex-start;
  }
}
.p-playweb-index-dispatch-service__block + .p-playweb-index-dispatch-service__title {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__block + .p-playweb-index-dispatch-service__title {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__block-box {
    grid-row: 1;
    grid-column: 1;
    position: relative;
    z-index: 1;
  }
}
.p-playweb-index-dispatch-service__deco01 {
  position: absolute;
  top: -5.4411764706vw;
  left: 10.5147058824vw;
  z-index: 1;
  width: 34.3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__deco01 {
    top: calc(-39 / var(--width-sp-design) * 100vw);
    left: calc(17 / var(--width-sp-design) * 100vw);
    width: calc(136 / var(--width-sp-design) * 100vw);
  }
}
.p-playweb-index-dispatch-service__circle {
  --_translate: 0 4rem;
  --_opacity: 0;
  position: relative;
  width: 49.7058823529vw;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__circle {
    grid-row: 1;
    grid-column: 1;
    position: relative;
    margin-left: 55.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__circle {
    margin-inline: auto;
    width: 100%;
    max-width: 33.5rem;
  }
}
.p-playweb-index-dispatch-service__circle.is-bottom-action {
  --_translate: 0 0;
  --_opacity: 1;
}
.p-playweb-index-dispatch-service__circle-image {
  border-radius: 50%;
  translate: var(--_translate);
  opacity: var(--_opacity);
  transition: translate var(--transition-sub), opacity var(--transition-sub);
}
.p-playweb-index-dispatch-service__circle-deco02 {
  position: absolute;
  top: -1.4705882353vw;
  right: 8.2352941176vw;
  rotate: 30deg;
  width: 7.8676470588vw;
  translate: var(--_translate);
  opacity: var(--_opacity);
  transition: translate var(--transition-sub) 0.2s, opacity var(--transition-sub) 0.2s;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__circle-deco02 {
    top: 1.6rem;
    right: 1.5rem;
    width: 4.9rem;
  }
}
.p-playweb-index-dispatch-service__circle-deco03 {
  position: absolute;
  left: 3.9705882353vw;
  bottom: 1.0294117647vw;
  width: 13.6764705882vw;
  translate: var(--_translate);
  opacity: var(--_opacity);
  transition: translate var(--transition-sub) 0.4s, opacity var(--transition-sub) 0.4s;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__circle-deco03 {
    left: 0.3rem;
    bottom: 3.8rem;
    width: 7.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__hgroup {
    position: relative;
    z-index: 1;
    margin-top: -3.2rem;
  }
}
.p-playweb-index-dispatch-service__hgroup-label {
  font-size: 2.8rem;
  line-height: 1.3928571429;
  letter-spacing: -0.015em;
  color: #fff;
  text-align: center;
  display: grid;
  place-content: center;
  width: 33.2rem;
  height: 7.5rem;
  border-radius: var(--border-radius-infinity);
  background: linear-gradient(85.45deg, #0079EA 3.74%, #57A6EF 96.16%);
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__hgroup-label {
    font-size: 2rem;
    line-height: 1.4;
    margin-inline: auto;
    width: 24.2rem;
    height: 5rem;
  }
}
.p-playweb-index-dispatch-service__hgroup-title {
  font-size: 7rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #006CCB;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__hgroup-title {
    font-size: 3.2rem;
    line-height: 1.40625;
    text-align: center;
    margin-top: 1.4rem;
  }
}
.p-playweb-index-dispatch-service__text {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.05em;
  color: #000;
  margin-top: 2.4rem;
  max-width: 51rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__text {
    font-size: 1.6rem;
    line-height: 1.8125;
    max-width: 100%;
  }
}
.p-playweb-index-dispatch-service__title {
  font-size: 3.8rem;
  line-height: 1.3947368421;
  letter-spacing: 0.02em;
  font-weight: 700;
  margin-top: 13rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__title {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    margin-top: 7.2rem;
  }
}
.p-playweb-index-dispatch-service__list {
  position: relative;
  z-index: 1;
  margin-top: 3rem;
  padding: 5rem;
  border-radius: 0.5rem;
  background: #EAEFF5;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__list {
    display: flex;
    justify-content: center;
    gap: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__list {
    padding: 2rem;
  }
}
.p-playweb-index-dispatch-service__list::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.4rem;
  z-index: -1;
  translate: -50% 0;
  width: 5.1rem;
  height: 1.7rem;
  background: inherit;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__list-item {
    width: 20.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__list-item {
    display: grid;
    align-items: center;
    grid-template-columns: 12rem 1fr;
    column-gap: 1.4rem;
  }
  .p-playweb-index-dispatch-service__list-item:nth-child(n+2) {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__list-image {
    margin-inline: auto;
    width: 19.4rem;
  }
}
.p-playweb-index-dispatch-service__list-text {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__list-text {
    text-align: center;
    margin-top: 1rem;
  }
}
.p-playweb-index-dispatch-service__box {
  margin-top: 2.4rem;
  border-radius: 0.5rem;
  background: #EAEFF5;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__box {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__box {
    margin-top: 2.6rem;
    border-radius: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .p-playweb-index-dispatch-service__box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.p-playweb-index-dispatch-service__box-hgroup {
  padding: 5rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__box-hgroup {
    padding: 2.4rem 2rem 3rem;
  }
}
.p-playweb-index-dispatch-service__box-hgroup-title {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__box-hgroup-title {
    font-size: 1.8rem;
    line-height: 1.3888888889;
  }
}
.p-playweb-index-dispatch-service__box-hgroup-text {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service__box-hgroup-text {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 0.8rem;
  }
}
.p-playweb-index-dispatch-service .c-button-01 {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-index-dispatch-service .c-button-01 {
    margin-top: 2.4rem;
  }
}

/* -----------------
* 部活動創設支援事例
* 企業×高校の事例
-------------------- */
.p-playweb-case-fv {
  position: relative;
  z-index: 1;
  padding-block: 15.3rem 21.2rem;
  background: linear-gradient(90deg, #FCFCFC 0%, #F1F3F5 100%);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv {
    padding-block: 5rem 8.4rem;
  }
}
.p-playweb-case-fv::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1360 550" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1360 549.928C1159.31 535.605 927.466 527.428 680.5 527.428C433.123 527.428 200.916 535.633 0 550V0H1360V549.928Z" fill="white"/></svg>') center calc(100% - 8rem)/cover no-repeat;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv::before {
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 375 456" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="375" height="420.447" fill="white"/><path d="M375 455.929C319.664 441.618 255.735 433.447 187.638 433.447C119.427 433.447 55.3998 441.645 0 456V420.447H375V455.929Z" fill="white"/></svg>') center calc(100% - 6rem)/cover no-repeat;
  }
}
.p-playweb-case-fv:not(.is-bottom-action) .p-playweb-case-fv__media-icon {
  top: 50%;
  left: 50%;
  right: 50%;
  opacity: 0;
}
.p-playweb-case-fv:not(.is-bottom-action) .p-playweb-case-fv__media-line {
  translate: 200% -200%;
}
@media screen and (min-width: 768px) {
  .p-playweb-case-fv .c-wrap {
    display: flex;
    justify-content: space-between;
    padding-right: 16px;
    max-width: 104.4rem;
  }
}
@media screen and (min-width: 768px) {
  .p-playweb-case-fv__box {
    padding-top: 3.5rem;
  }
}
.p-playweb-case-fv__box-title {
  font-size: 4.5rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #006CCB;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv__box-title {
    font-size: 3.2rem;
    line-height: 1.40625;
  }
}
.p-playweb-case-fv__box-text {
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv__box-text {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 1.2rem;
  }
}
.p-playweb-case-fv__media {
  position: relative;
  width: 36.3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv__media {
    margin: -0.4rem 0 0 auto;
    padding-right: 1.7rem;
    width: 17.1rem;
  }
}
.p-playweb-case-fv__media-circle {
  position: relative;
  z-index: 1;
  border-radius: 50%;
}
.p-playweb-case-fv__media-icon {
  position: absolute;
  transition: top var(--transition-base) 0.3s, left var(--transition-base) 0.3s, right var(--transition-base) 0.3s, opacity var(--transition-base) 0.3s;
}
.p-playweb-case-fv__media-icon.--headphones {
  top: 13.7rem;
  left: -10.2rem;
  rotate: 30deg;
  width: 6.9rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv__media-icon.--headphones {
    top: 2.6rem;
    left: -9rem;
    width: 3.8rem;
  }
}
.p-playweb-case-fv__media-icon.--computer {
  top: 7.7rem;
  right: -9.7rem;
  rotate: 15deg;
  width: 7.8rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv__media-icon.--computer {
    top: -4.7rem;
    right: -0.3rem;
    width: 5.3rem;
  }
}
.p-playweb-case-fv__media-icon.--mouse {
  top: 24.2rem;
  left: -7.6rem;
  rotate: -30deg;
  width: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv__media-icon.--mouse {
    top: 9.7rem;
    left: -3.7rem;
    width: 2.6rem;
  }
}
.p-playweb-case-fv__media-icon.--trophy {
  top: 24.3rem;
  right: -2.5rem;
  z-index: 1;
  rotate: 15deg;
  width: 9.6rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv__media-icon.--trophy {
    top: 8.3rem;
    right: -0.8rem;
    width: 5.6rem;
  }
}
.p-playweb-case-fv__media-line {
  position: absolute;
  left: -16rem;
  bottom: -16.8rem;
  z-index: -1;
  min-width: 89.1rem;
  transition: translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-playweb-case-fv__media-line {
    left: -5.9rem;
    bottom: -6.4rem;
    min-width: 41.8rem;
  }
}
.p-playweb-case-article + .p-playweb-case-article {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-article + .p-playweb-case-article {
    margin-top: 2rem;
  }
}
.p-playweb-case-article:last-of-type {
  padding-bottom: 9rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-article:last-of-type {
    padding-bottom: 8rem;
  }
}
.p-playweb-case-article__wrap {
  padding: 7rem;
  border-radius: 2rem;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-playweb-case-article__wrap {
    display: grid;
    grid-template-columns: 34.4rem 1fr;
    gap: 6.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-playweb-case-article__wrap {
    padding: 2rem 2rem 3.2rem;
  }
}
.p-playweb-case-article__image {
  aspect-ratio: 344/229;
  border-radius: 1rem;
  overflow: hidden;
}
.p-playweb-case-article__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-article__box {
    margin-top: 2.4rem;
  }
}
.p-playweb-case-article__title {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #006CCB;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-article__title {
    font-size: 1.8rem;
    line-height: 1.3888888889;
  }
}
.p-playweb-case-article__subTitle {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  font-weight: 700;
  margin-top: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-article__subTitle {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 1.2rem;
  }
}
.p-playweb-case-article__text {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-case-article__text {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 0.4rem;
  }
}

/* -----------------
お知らせ
-------------------- */
.p-playweb-news-fv {
  position: relative;
  z-index: 1;
  padding-block: 7.9rem 7.6rem;
  background: linear-gradient(90deg, #FCFCFC 0%, #F1F3F5 100%);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-fv {
    padding-block: 3.7rem 12.3rem;
  }
}
.p-playweb-news-fv::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 1360 550" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1360 549.928C1159.31 535.605 927.466 527.428 680.5 527.428C433.123 527.428 200.916 535.633 0 550V0H1360V549.928Z" fill="white"/></svg>') center calc(100% - 8rem)/cover no-repeat;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-fv::before {
    mask: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 375 456" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="375" height="420.447" fill="white"/><path d="M375 455.929C319.664 441.618 255.735 433.447 187.638 433.447C119.427 433.447 55.3998 441.645 0 456V420.447H375V455.929Z" fill="white"/></svg>') center calc(100% - 6rem)/cover no-repeat;
  }
}
.p-playweb-news-fv:not(.is-bottom-action) .p-playweb-news-fv__media-icon {
  top: 50%;
  right: 50%;
  opacity: 0;
}
.p-playweb-news-fv:not(.is-bottom-action) .p-playweb-news-fv__media-line {
  translate: 200% -200%;
}
.p-playweb-news-fv .c-wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-playweb-news-fv .c-wrap {
    padding-right: 143px;
    max-width: 104.4rem;
  }
}
.p-playweb-news-fv__box {
  padding-top: 6.8rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-fv__box {
    padding-top: 4rem;
  }
}
.p-playweb-news-fv__box-title {
  font-size: 4.5rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #006CCB;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-fv__box-title {
    font-size: 3.2rem;
    line-height: 1.40625;
  }
}
.p-playweb-news-fv__media {
  position: relative;
  width: 32.6rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-fv__media {
    padding-right: 1.7rem;
    width: 16rem;
  }
}
.p-playweb-news-fv__media-image {
  position: relative;
  z-index: 1;
}
.p-playweb-news-fv__media-icon {
  position: absolute;
  transition: top var(--transition-base) 0.3s, right var(--transition-base) 0.3s, opacity var(--transition-base) 0.3s;
}
.p-playweb-news-fv__media-icon.--bell {
  top: 9.3rem;
  right: -13.3rem;
  rotate: 30deg;
  width: 8.4rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-fv__media-icon.--bell {
    top: 10.7rem;
    right: -1.2rem;
    width: 4.3rem;
  }
}
.p-playweb-news-fv__media-line {
  position: absolute;
  left: -7.2rem;
  bottom: -10.2rem;
  z-index: -1;
  min-width: 89.1rem;
  transition: translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-playweb-news-fv__media-line {
    left: -6.9rem;
    bottom: -9.9rem;
    min-width: 41.8rem;
  }
}
.p-playweb-news-archive {
  padding-bottom: 9rem;
  background: linear-gradient(90deg, #FCFCFC 0%, #F1F3F5 100%);
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive {
    padding-bottom: 8rem;
  }
}
.p-playweb-news-archive dl {
  position: relative;
  padding: 3rem 13.7rem 3rem 7rem;
  border-radius: 0.5rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive dl {
    padding: 2rem 7.2rem 2rem 2rem;
  }
}
.p-playweb-news-archive dl:nth-child(n+2) {
  margin-top: 1rem;
}
.p-playweb-news-archive dl .rss_date {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.02em;
  color: #8A8A8A;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive dl .rss_date {
    font-size: 1.2rem;
    line-height: 1.4166666667;
  }
}
.p-playweb-news-archive dl .rss_title {
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive dl .rss_title {
    margin-top: 0.4rem;
  }
}
.p-playweb-news-archive dl .rss_title a {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  color: #000;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive dl .rss_title a {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.p-playweb-news-archive dl .rss_title a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4rem;
  translate: 0 -50%;
  width: 5rem;
  height: 5rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="49" rx="24.5" fill="white"/><rect x="0.5" y="0.5" width="49" height="49" rx="24.5" stroke="url(%23paint0_linear_866_757)"/><path d="M31.875 24.9995L24.6562 29.7632V26.8325H18.125V23.1665H24.6562V20.2368L31.875 24.9995Z" fill="url(%23paint1_linear_866_757)"/><defs><linearGradient id="paint0_linear_866_757" x1="2.57283e-07" y1="24.6569" x2="49.5763" y2="20.7117" gradientUnits="userSpaceOnUse"><stop stop-color="%230079EA"/><stop offset="1" stop-color="%2357A6EF"/></linearGradient><linearGradient id="paint1_linear_866_757" x1="18.125" y1="24.9346" x2="31.6662" y2="23.3793" gradientUnits="userSpaceOnUse"><stop stop-color="%230079EA"/><stop offset="1" stop-color="%2357A6EF"/></linearGradient></defs></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive dl .rss_title a::after {
    right: 2rem;
    width: 4rem;
    height: 4rem;
  }
}
.p-playweb-news-archive dl .rss_contents {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  color: #000;
  display: none;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive dl .rss_contents {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.p-playweb-news-archive .dlb_media_block {
  display: block;
  position: relative;
  z-index: 1;
  padding: 3rem 13.7rem 3rem 7rem;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive .dlb_media_block {
    padding: 2rem 7.2rem 2rem 2rem;
  }
}
.p-playweb-news-archive .dlb_media_block::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  z-index: -1;
  width: 200%;
  height: 100%;
  background: linear-gradient(90deg, #2EA2EA 0%, #81CFFF 50%, #fff 50%, #fff 100%);
  transition: left var(--transition-base);
}
.p-playweb-news-archive .dlb_media_block::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4rem;
  translate: 0 -50%;
  width: 5rem;
  height: 5rem;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="49" height="49" rx="24.5" fill="white"/><rect x="0.5" y="0.5" width="49" height="49" rx="24.5" stroke="url(%23paint0_linear_866_757)"/><path d="M31.875 24.9995L24.6562 29.7632V26.8325H18.125V23.1665H24.6562V20.2368L31.875 24.9995Z" fill="url(%23paint1_linear_866_757)"/><defs><linearGradient id="paint0_linear_866_757" x1="2.57283e-07" y1="24.6569" x2="49.5763" y2="20.7117" gradientUnits="userSpaceOnUse"><stop stop-color="%230079EA"/><stop offset="1" stop-color="%2357A6EF"/></linearGradient><linearGradient id="paint1_linear_866_757" x1="18.125" y1="24.9346" x2="31.6662" y2="23.3793" gradientUnits="userSpaceOnUse"><stop stop-color="%230079EA"/><stop offset="1" stop-color="%2357A6EF"/></linearGradient></defs></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive .dlb_media_block::after {
    right: 2rem;
    width: 4rem;
    height: 4rem;
  }
}
.p-playweb-news-archive .dlb_media_block:active, .p-playweb-news-archive .dlb_media_block:focus-visible {
  opacity: 1;
}
.p-playweb-news-archive .dlb_media_block:active::before, .p-playweb-news-archive .dlb_media_block:focus-visible::before {
  left: 0;
}
.p-playweb-news-archive .dlb_media_block:active .dlb_media_right .dlb_media_time,
.p-playweb-news-archive .dlb_media_block:active .dlb_media_right .dlb_media_title, .p-playweb-news-archive .dlb_media_block:focus-visible .dlb_media_right .dlb_media_time,
.p-playweb-news-archive .dlb_media_block:focus-visible .dlb_media_right .dlb_media_title {
  color: #fff;
}
@media (any-hover: hover) {
  .p-playweb-news-archive .dlb_media_block:hover {
    opacity: 1;
  }
  .p-playweb-news-archive .dlb_media_block:hover::before {
    left: 0;
  }
  .p-playweb-news-archive .dlb_media_block:hover .dlb_media_right .dlb_media_time,
  .p-playweb-news-archive .dlb_media_block:hover .dlb_media_right .dlb_media_title {
    color: #fff;
  }
}
.p-playweb-news-archive .dlb_media_block:nth-child(n+2) {
  margin-top: 1rem;
}
.p-playweb-news-archive .dlb_media_block .dlb_media_left,
.p-playweb-news-archive .dlb_media_block .dlb_media_txt,
.p-playweb-news-archive .dlb_media_block .dlb_media_cate {
  display: none !important;
}
.p-playweb-news-archive .dlb_media_block .dlb_media_right .dlb_media_time {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #8A8A8A;
  margin: 0;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive .dlb_media_block .dlb_media_right .dlb_media_time {
    font-size: 1.2rem;
    line-height: 1.4166666667;
  }
}
.p-playweb-news-archive .dlb_media_block .dlb_media_right .dlb_media_title {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  margin-block: 0.5rem 0;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive .dlb_media_block .dlb_media_right .dlb_media_title {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 0.4rem;
  }
}
.p-playweb-news-archive__pager {
  --_pager-item-size: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-playweb-news-archive__pager {
    margin-top: 2.6rem;
  }
}
.p-playweb-news-archive__pager-item:not(.--ellipsis) {
  width: var(--_pager-item-size);
}
.p-playweb-news-archive__pager-item.--ellipsis {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
}
.p-playweb-news-archive__pager-link {
  display: grid;
  place-content: center;
  width: inherit;
  height: var(--_pager-item-size);
  border-radius: 50%;
}
.p-playweb-news-archive__pager-link:not(.--arrow) {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.02em;
  color: #000;
  border: 0.1rem solid #E2E2E2;
  background: #fff;
}
.p-playweb-news-archive__pager-link.--arrow {
  position: relative;
  background: linear-gradient(85.45deg, #0079EA 3.74%, #57A6EF 96.16%);
}
.p-playweb-news-archive__pager-link.--arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.375 19L24.375 25L19.375 31" stroke="white"/><path d="M25.625 19L30.625 25L25.625 31" stroke="white"/></svg>') center/contain no-repeat;
}

/* -----------------
お知らせ 詳細
-------------------- */
body:has(#articledetail) {
  background: linear-gradient(90deg, #FCFCFC 0%, #F1F3F5 100%);
}
body:has(#articledetail) #header,
body:has(#articledetail) #footer,
body:has(#articledetail) #pagetitle,
body:has(#articledetail) #relation {
  display: none !important;
}
body:has(#articledetail) .l-header {
  box-shadow: none;
}
body:has(#articledetail) .p-playweb-news-fv {
  padding-bottom: 3.8rem;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) .p-playweb-news-fv {
    padding-bottom: 0.9rem;
  }
}
body:has(#articledetail) .p-playweb-news-fv .c-wrap {
  flex-wrap: wrap;
}
body:has(#articledetail) .p-playweb-news-fv .c-button-back {
  margin-top: 1.6rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) .p-playweb-news-fv .c-button-back {
    margin-top: 9.3rem;
  }
}
body:has(#articledetail) .p-playweb-news-detail-button-back {
  margin: 0 auto;
  width: 82.9333333333%;
  max-width: 1060px;
}
body:has(#articledetail) .l-footer {
  margin-top: 9rem;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) .l-footer {
    margin-top: calc(80 / var(--width-sp-design) * 100vw);
  }
}
body:has(#articledetail) #container {
  margin: 0 !important;
  padding: 20px 0 120px;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container {
    padding: calc(40 / var(--width-sp-design) * 100vw) 0 calc(90 / var(--width-sp-design) * 100vw);
  }
}
body:has(#articledetail) #container .inner_1200 {
  margin: 0 auto;
  padding: 0 !important;
  width: 82.9333333333%;
  max-width: 1060px;
}
body:has(#articledetail) #container .inner_1200 #contents_left {
  float: none;
  width: 100%;
}
body:has(#articledetail) #container #main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 20px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main {
    gap: 3.4666666667vw 4vw;
  }
}
body:has(#articledetail) #container #main > h1 {
  width: 100%;
}
body:has(#articledetail) #container #main h1 {
  font-weight: 700;
  font-size: 5rem !important;
  line-height: 1.48 !important;
  letter-spacing: 0.02em !important;
  margin: 120px 0 0;
  padding-top: 11px;
  position: relative;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main h1 {
    font-size: 6.9333333333vw !important;
    line-height: 1.3846153846 !important;
    margin-top: 24vw;
    padding-top: 3.2vw;
  }
}
body:has(#articledetail) #container #main h1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 102px;
  height: 5px;
  background: linear-gradient(90deg, #C2E1F8 0%, #C2E1F8 33.33333%, #F2EFE2 33.33333%, #F2EFE2 66.66666%, #D3DEB5 66.66666%, #D3DEB5 100%);
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main h1::before {
    width: calc(84 / var(--width-sp-design) * 100vw);
    height: calc(5 / var(--width-sp-design) * 100vw);
  }
}
body:has(#articledetail) #container #main h1:first-child {
  margin-top: 0;
}
body:has(#articledetail) #container #main > time {
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: 0.06em;
  color: #939393;
  margin: 0;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main > time {
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
  }
}
body:has(#articledetail) #container #main > .catelist {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
}
body:has(#articledetail) #container #main > .catelist a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.06em;
  text-indent: 0.06em;
  color: #000;
  order: 1;
  display: block;
  margin: 0;
  padding: 4px 10px;
  border: 1px solid #d9d9d9;
  background: #F2F2F2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main > .catelist {
    gap: 1.3333333333vw;
  }
  body:has(#articledetail) #container #main > .catelist a {
    font-size: max(1rem, 2.6666666667vw);
    padding: 1.0666666667vw 2.6666666667vw;
  }
}
body:has(#articledetail) #container #main > .taglist {
  display: none;
  flex-wrap: wrap;
  gap: 5px;
}
body:has(#articledetail) #container #main > .taglist a {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  letter-spacing: 0.06em;
  color: #313131;
  margin: 0;
  padding: 0;
  background: none;
}
body:has(#articledetail) #container #main > .taglist a::before {
  content: "#";
  color: #313131;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main > .taglist {
    gap: 1.3333333333vw;
  }
  body:has(#articledetail) #container #main > .taglist a {
    font-size: 3.2vw;
  }
}
body:has(#articledetail) #container #main > .sns_share {
  width: 100%;
}
body:has(#articledetail) #container #main > .cover {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
body:has(#articledetail) #container #main #articledetail {
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.02em;
  word-break: break-all;
  margin: 17px 0 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail {
    margin-top: 5.6vw;
  }
}
body:has(#articledetail) #container #main #articledetail * {
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.02em;
  word-break: normal;
}
body:has(#articledetail) #container #main #articledetail *:first-child {
  margin-top: 0 !important;
}
body:has(#articledetail) #container #main #articledetail .maintext,
body:has(#articledetail) #container #main #articledetail p,
body:has(#articledetail) #container #main #articledetail div {
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.02em;
  margin: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail .maintext,
  body:has(#articledetail) #container #main #articledetail p,
  body:has(#articledetail) #container #main #articledetail div {
    font-size: 4.2666666667vw;
    margin-top: 10.4vw;
  }
}
body:has(#articledetail) #container #main #articledetail a {
  color: inherit !important;
  text-decoration: underline !important;
  text-decoration-color: #E0E0E0 !important;
  text-underline-offset: 5px;
}
body:has(#articledetail) #container #main #articledetail a:hover {
  text-decoration: underline !important;
  text-decoration-color: transparent !important;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  body:has(#articledetail) #container #main #articledetail a:hover {
    color: #0068B7 !important;
  }
}
body:has(#articledetail) #container #main #articledetail a:hover {
  text-decoration: underline;
  text-decoration-color: #0068B7;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail a {
    text-underline-offset: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body:has(#articledetail) #container #main #articledetail a [target=_blank]:hover::after {
    background-size: 0 0, 100% auto;
  }
}
body:has(#articledetail) #container #main #articledetail a [target=_blank]::after {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 5px;
  width: 13px;
  height: 13px;
  background-image: url(/dcms_media/other/icon_blank_black.svg), url(/dcms_media/other/icon_blank_blue.svg);
  background-size: 100% auto, 0 0;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail a [target=_blank]::after {
    margin-left: 1.3333333333vw;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
}
body:has(#articledetail) #container #main #articledetail ul,
body:has(#articledetail) #container #main #articledetail ol {
  list-style: none;
}
body:has(#articledetail) #container #main #articledetail ul > li,
body:has(#articledetail) #container #main #articledetail ol > li {
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.02em;
  position: relative;
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail ul > li,
  body:has(#articledetail) #container #main #articledetail ol > li {
    font-size: 4.2666666667vw;
  }
}
body:has(#articledetail) #container #main #articledetail ul > li::before,
body:has(#articledetail) #container #main #articledetail ol > li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
body:has(#articledetail) #container #main #articledetail ul > li:nth-child(n+2),
body:has(#articledetail) #container #main #articledetail ol > li:nth-child(n+2) {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail ul > li:nth-child(n+2),
  body:has(#articledetail) #container #main #articledetail ol > li:nth-child(n+2) {
    margin-top: 2.6666666667vw;
  }
}
body:has(#articledetail) #container #main #articledetail ul > li {
  padding-left: 1em;
}
body:has(#articledetail) #container #main #articledetail ul > li::before {
  content: "・";
  color: #000;
}
body:has(#articledetail) #container #main #articledetail ol {
  counter-reset: number 0;
}
body:has(#articledetail) #container #main #articledetail ol > li {
  padding-left: 39px;
}
body:has(#articledetail) #container #main #articledetail ol > li::before {
  content: "※" counter(number);
  counter-increment: number 1;
  font-weight: 400;
}
body:has(#articledetail) #container #main #articledetail ol > li:nth-child(n+10) {
  padding-left: 48px;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail ol > li {
    padding-left: 10.4vw;
  }
  body:has(#articledetail) #container #main #articledetail ol > li:nth-child(n+10) {
    padding-left: 12.8vw;
  }
}
body:has(#articledetail) #container #main #articledetail .toc_area {
  display: block;
  padding: 24px 34px;
  width: 100%;
  border: none;
  background-color: #FAFAF7;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail .toc_area {
    padding: 6.4vw 6.4vw 9.0666666667vw;
  }
}
body:has(#articledetail) #container #main #articledetail .toc_area .toc_title {
  display: none;
}
body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li {
  line-height: 1.75;
  margin-bottom: 0 !important;
  padding: 0;
  list-style-type: none !important;
}
body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li::before {
  display: none;
}
body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li:nth-child(n+2) {
  margin-top: 14px;
}
body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li a {
  line-height: inherit;
  text-decoration: underline !important;
  text-decoration-color: transparent !important;
  text-underline-offset: 8px;
}
body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li a:hover {
  text-decoration: underline !important;
  text-decoration-color: #0068B7 !important;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li a:hover {
    color: #0068B7 !important;
  }
  body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li a:hover::after {
    background-size: 0 0, 100% auto;
  }
}
body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li a::after {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 7px;
  width: 15px;
  height: 13px;
  background-image: url(/dcms_media/other/icon_arrow_black.svg), url(/dcms_media/other/icon_arrow_blue.svg);
  background-size: 100% auto, 0 0;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li {
    line-height: 1.5;
  }
  body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li:nth-child(n+2) {
    margin-top: 4.8vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li a {
    text-underline-offset: 2.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail .toc_area .toc_list > li a::after {
    margin-left: 1.8666666667vw;
    width: 4vw;
    height: 3.4666666667vw;
  }
}
body:has(#articledetail) #container #main #articledetail h2 {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.5333333333;
  letter-spacing: 0.02em;
  position: relative;
  margin: 120px 0 46px;
  padding: 12px 0 0;
  border: none;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail h2 {
    font-size: 6.9333333333vw;
    line-height: 1.3846153846;
    margin: 24vw 0 10.4vw;
    padding-top: 2.9333333333vw;
  }
}
body:has(#articledetail) #container #main #articledetail h2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #000 0, #000 20px, #E0E0E0 20px, #E0E0E0 100%);
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail h2::before {
    height: max(1px, 0.2666666667vw);
    background: linear-gradient(to right, #000 0, #000 5.3333333333vw, #E0E0E0 5.3333333333vw, #E0E0E0 100%);
  }
}
body:has(#articledetail) #container #main #articledetail h2:first-child {
  margin-top: 0;
}
body:has(#articledetail) #container #main #articledetail h3 {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.5333333333;
  letter-spacing: 0.02em;
  margin: 90px 0 39px;
  padding: 12px 0 0;
  display: block;
  position: relative;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail h3 {
    font-size: 6.9333333333vw;
    line-height: 1.3846153846;
    margin: 17.8666666667vw 0 8.8vw;
    padding-top: 2.9333333333vw;
  }
}
body:has(#articledetail) #container #main #articledetail h3::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #000 0, #000 20px, #E0E0E0 20px, #E0E0E0 100%);
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail h3::before {
    height: max(1px, 0.2666666667vw);
    background: linear-gradient(to right, #000 0, #000 5.3333333333vw, #E0E0E0 5.3333333333vw, #E0E0E0 100%);
  }
}
body:has(#articledetail) #container #main #articledetail h4 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
  margin: 67px 0 33px;
  padding: 0;
}
body:has(#articledetail) #container #main #articledetail h4::before, body:has(#articledetail) #container #main #articledetail h4::after {
  display: none;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail h4 {
    font-size: 6.4vw;
    padding: 13.3333333333vw 0 7.4666666667vw;
  }
}
body:has(#articledetail) #container #main #articledetail h5 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  margin: 50px 0 28px;
  padding: 0;
}
body:has(#articledetail) #container #main #articledetail h5::before, body:has(#articledetail) #container #main #articledetail h5::after {
  display: none;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail h5 {
    font-size: 5.3333333333vw;
    margin: 10.1333333333vw 0 6.4vw;
  }
}
body:has(#articledetail) #container #main #articledetail h6 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  letter-spacing: 0.02em;
  margin: 38px 0 24px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail h6 {
    font-size: 4.8vw;
    margin: 7.4666666667vw 0 5.3333333333vw;
  }
}
body:has(#articledetail) #container #main #articledetail iframe {
  border: none;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail iframe {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail .iframe_box {
    position: relative;
    padding-top: 56.25%;
  }
  body:has(#articledetail) #container #main #articledetail .iframe_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
body:has(#articledetail) #container #main #articledetail table {
  width: 100% !important;
  height: auto !important;
}
body:has(#articledetail) #container #main #articledetail table caption {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.75;
  padding: 30px;
  border: 1px solid #D0D0D0;
  background: #FCFBF7;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail table caption {
    font-size: 4.2666666667vw;
    padding: 5.3333333333vw 3.4666666667vw;
  }
}
body:has(#articledetail) #container #main #articledetail table tbody th, body:has(#articledetail) #container #main #articledetail table tbody td {
  font-size: 16px;
  line-height: 1.75;
  padding: 30px;
  width: initial !important;
  border: 1px solid #D0D0D0;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #main #articledetail table tbody th, body:has(#articledetail) #container #main #articledetail table tbody td {
    font-size: 4.2666666667vw;
    padding: 5.3333333333vw 3.4666666667vw;
  }
}
body:has(#articledetail) #container #main #articledetail table tbody th {
  font-weight: 700;
  background: #FAFAF7;
}
body:has(#articledetail) #container #nextprev {
  display: none;
  align-items: flex-start;
  margin: 120px 0 0;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #nextprev {
    margin-top: 24vw;
  }
}
body:has(#articledetail) #container #nextprev::after {
  display: none;
}
body:has(#articledetail) #container #nextprev li {
  float: none;
  width: 220px;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #nextprev li {
    width: 40.5333333333vw;
  }
}
body:has(#articledetail) #container #nextprev a {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.02em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 60px;
  border: 1px solid #E6E4DC;
  border-radius: 100em;
  background: #fff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #nextprev a {
    font-size: 3.7333333333vw;
    height: 16vw;
  }
}
body:has(#articledetail) #container #nextprev a::before, body:has(#articledetail) #container #nextprev a::after {
  content: "";
  display: block;
  position: absolute;
}
body:has(#articledetail) #container #nextprev a::before {
  top: 0;
  left: -100%;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100em;
  background: #0068B7;
  transition: 0.3s;
}
body:has(#articledetail) #container #nextprev a::after {
  top: 50%;
  width: 15px;
  height: 13px;
  background-image: url(/dcms_media/other/icon_arrow_blue.svg), url(/dcms_media/other/icon_arrow_white.svg);
  background-size: contain, 0 0;
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #nextprev a::after {
    width: 4vw;
    height: 3.4666666667vw;
  }
}
body:has(#articledetail) #container #nextprev a:hover {
  color: #313131;
}
@media screen and (min-width: 768px) {
  body:has(#articledetail) #container #nextprev a:hover {
    color: #fff;
    border-color: #0068B7;
    opacity: 1;
  }
  body:has(#articledetail) #container #nextprev a:hover::before {
    left: 0;
  }
  body:has(#articledetail) #container #nextprev a:hover::after {
    background-size: 0 0, contain;
  }
}
body:has(#articledetail) #container #nextprev .prev a {
  padding-left: 6px;
}
body:has(#articledetail) #container #nextprev .prev a::after {
  left: 29px;
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #nextprev .prev a {
    padding-left: 1.6vw;
  }
  body:has(#articledetail) #container #nextprev .prev a::after {
    left: 4vw;
  }
}
body:has(#articledetail) #container #nextprev .next {
  margin-left: auto;
}
body:has(#articledetail) #container #nextprev .next a {
  padding-right: 6px;
}
body:has(#articledetail) #container #nextprev .next a::after {
  right: 29px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  body:has(#articledetail) #container #nextprev .next a {
    padding-right: 1.6vw;
  }
  body:has(#articledetail) #container #nextprev .next a::after {
    right: 4vw;
  }
}

/* -----------------
* フッター
-------------------- */
.l-footer {
  overflow-x: clip;
}
.l-footer__inner {
  padding-block: 5.6rem 7rem;
  background: linear-gradient(85.45deg, #0079EA 3.74%, #57A6EF 96.16%);
  border-radius: 3rem 3rem 0 0;
}
@media screen and (max-width: 767px) {
  .l-footer__inner {
    padding-block: 3rem 4rem;
    border-radius: 2rem 2rem 0 0;
  }
}
.l-footer__contact {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-inline: auto;
  padding-block: 13.2rem;
  width: calc(100% - 8rem);
  border-radius: 2rem;
}
.l-footer__contact:active, .l-footer__contact:focus-visible {
  opacity: 1;
}
.l-footer__contact:active::before,
.l-footer__contact:active .l-footer__contact-text::before, .l-footer__contact:focus-visible::before,
.l-footer__contact:focus-visible .l-footer__contact-text::before {
  opacity: 0;
}
.l-footer__contact:active::after,
.l-footer__contact:active .l-footer__contact-text::after, .l-footer__contact:focus-visible::after,
.l-footer__contact:focus-visible .l-footer__contact-text::after {
  opacity: 1;
}
@media (any-hover: hover) {
  .l-footer__contact:hover {
    opacity: 1;
  }
  .l-footer__contact:hover::before,
  .l-footer__contact:hover .l-footer__contact-text::before {
    opacity: 0;
  }
  .l-footer__contact:hover::after,
  .l-footer__contact:hover .l-footer__contact-text::after {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__contact {
    display: block;
    padding-block: 4rem 3rem;
    width: calc(100% - 2rem);
  }
}
.l-footer__contact::before, .l-footer__contact::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  transition: opacity var(--transition-base);
}
.l-footer__contact::before {
  background: linear-gradient(278.39deg, #FF8C00 37.87%, #FFA200 99.59%);
}
.l-footer__contact::after {
  background: linear-gradient(90deg, #2EA2EA 0%, #81CFFF 100%);
  opacity: 0;
}
.l-footer__contact-title {
  font-size: 8rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #fff;
  position: relative;
  top: -0.5rem;
}
@media screen and (max-width: 767px) {
  .l-footer__contact-title {
    font-size: 4.2rem;
    line-height: 1.4047619048;
    text-align: center;
    top: 0;
  }
}
.l-footer__contact-text {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #fff;
  position: relative;
  padding-inline: 7.8rem 9.2rem;
}
@media screen and (max-width: 767px) {
  .l-footer__contact-text {
    font-size: 1.6rem;
    line-height: 1.375;
    text-align: center;
    margin-top: 0.8rem;
    padding: 0 0 8.4rem;
  }
}
.l-footer__contact-text::before, .l-footer__contact-text::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 50%;
  translate: 0 50%;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  overflow: hidden;
  transition: opacity var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer__contact-text::before, .l-footer__contact-text::after {
    right: 50%;
    bottom: 0;
    translate: 50% 0;
    width: 6.4rem;
    height: 6.4rem;
  }
}
.l-footer__contact-text::before {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" fill="white"/><path d="M51 40L39.4492 47.6221V42.9326H29V37.0654H39.4492V32.3789L51 40Z" fill="url(%23paint0_linear_763_2750)"/><defs><linearGradient id="paint0_linear_763_2750" x1="41.4437" y1="47.6038" x2="26.5386" y2="44.4311" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF8C00"/><stop offset="1" stop-color="%23FFA200"/></linearGradient></defs></svg>') center/contain no-repeat;
}
.l-footer__contact-text::after {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" fill="white"/><path d="M51 39.9995L39.4492 47.6216V42.9321H29V37.0649H39.4492V32.3784L51 39.9995Z" fill="url(%23paint0_linear_759_2639)"/><defs><linearGradient id="paint0_linear_759_2639" x1="29" y1="39.8954" x2="50.6659" y2="37.407" gradientUnits="userSpaceOnUse"><stop stop-color="%230079EA"/><stop offset="1" stop-color="%2357A6EF"/></linearGradient></defs></svg>') center/contain no-repeat;
  opacity: 0;
}
.l-footer__contact-icon {
  position: absolute;
  top: calc(100% - 8.3rem);
  right: 6.8rem;
  z-index: 1;
  width: 15.1rem;
  translate: -4rem 6rem;
  rotate: -15deg;
  opacity: 0;
  transition: translate var(--transition-sub), rotate var(--transition-sub), opacity var(--transition-sub);
}
@media screen and (max-width: 767px) {
  .l-footer__contact-icon {
    top: 0;
    right: 2.3rem;
    width: 6.6rem;
  }
}
.l-footer__contact-icon.is-bottom-action {
  translate: 0 0;
  rotate: 15deg;
  opacity: 1;
}
.l-footer__title {
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-top: 5.5rem;
}
@media screen and (max-width: 767px) {
  .l-footer__title {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    margin-top: 3.2rem;
  }
}
.l-footer .c-loop {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .l-footer .c-loop {
    margin-top: 1.6rem;
  }
}
.l-footer__bottom {
  padding-block: 3rem;
  background: #0079EA;
}
@media screen and (max-width: 767px) {
  .l-footer__bottom {
    padding-block: 3rem 1.4rem;
  }
}
.l-footer__bottom-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 1.7rem;
}
@media screen and (max-width: 767px) {
  .l-footer__bottom-list {
    column-gap: 1.6rem;
    margin-inline: auto;
    max-width: 25rem;
  }
}
.l-footer__bottom-list-link {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: -0.015em;
  color: #fff;
  transition: opacity var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer__bottom-list-link {
    font-size: 1.2rem;
    line-height: 2;
  }
}
.l-footer__bottom-list-link:active, .l-footer__bottom-list-link:focus-visible {
  color: #fff;
}
@media (any-hover: hover) {
  .l-footer__bottom-list-link:hover {
    color: #fff;
  }
}
.l-footer__bottom-copy {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: -0.015em;
  color: #fff;
  text-align: center;
  margin-top: 0.9rem;
}
@media screen and (max-width: 767px) {
  .l-footer__bottom-copy {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 2.4rem;
  }
}

/*# sourceMappingURL=style.css.map */