@charset "UTF-8";
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

a, button {
  cursor: pointer;
}

ol, ul, menu, summary {
  list-style: none;
}

ol {
  counter-reset: revert;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

:where(pre) {
  all: revert;
  box-sizing: border-box;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

::-webkit-details-marker {
  display: none;
}

:where(p) + :where(p) {
  margin-top: 2rem;
}

a {
  color: #34BEEC;
  text-decoration: none;
  transition: all ease-in-out 0.4s;
}

.is-hide {
  display: none !important;
}
.is-gothic {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, serif;
}
.is-mincho {
  font-family: "Hiragino Mincho ProN", YuMincho, serif;
}
.is-fsizeSmallest {
  font-size: 1rem !important;
}
.is-fsizeSmaller {
  font-size: 1.2rem !important;
}
.is-fsizeSmall {
  font-size: 1.4rem !important;
}
.is-fsizeNormal {
  font-size: 1.6rem !important;
}
.is-fsizeLarge {
  font-size: 1.8rem !important;
}
.is-fsizeLarger {
  font-size: 2rem !important;
}
.is-fsizeLargest {
  font-size: 2.2rem !important;
}
.is-fcolorMain {
  color: #34BEEC;
}
.is-normal {
  font-weight: 400 !important;
}
.is-medium {
  font-weight: 500 !important;
}
.is-semibold {
  font-weight: 600 !important;
}
.is-bold {
  font-weight: 700 !important;
}
.is-tal {
  text-align: left !important;
}
.is-tac {
  text-align: center !important;
}
.is-tar {
  text-align: right !important;
}
.is-vat {
  vertical-align: top !important;
}
.is-vam {
  vertical-align: middle !important;
}
.is-vab {
  vertical-align: bottom !important;
}
.is-underline {
  text-decoration: underline;
}
.is-imgfit {
  object-fit: cover;
}
.is-nowrap {
  white-space: nowrap;
}
.is-italic {
  font-style: italic;
  font-weight: normal;
}
.is-modalOpen {
  overflow: hidden;
}

.c-title {
  line-height: 1.33;
  font-weight: 700;
}
.c-title.--skin01 {
  margin-bottom: 36px;
  font-size: clamp(2.5rem, 1.9352941176rem + 1.7647058824vw, 4.3rem);
}
.c-btn {
  display: inline-grid;
  place-content: center;
  grid-auto-flow: column;
  width: min(100%, 360px);
  min-height: 74px;
  padding: 20px 40px;
  background-color: #34BEEC;
  border-radius: 10em;
  font-size: clamp(1.6rem, 1.537254902rem + 0.1960784314vw, 1.8rem);
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.c-btn.--green {
  background-color: #06B900;
}
.c-btn.--orange {
  background-color: #ff9700;
}
.c-btn.--gray {
  background-color: #2C3E4A;
}
.c-btn.--outline {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.c-btn.--right::after {
  transform: translateY(1px);
  align-self: center;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 1em;
  margin-right: -0.5em;
  background: url('data:image/svg+xml;utf8,<svg id="_繝ｬ繧､繝､繝ｼ_1" xmlns="http://www.w3.org/2000/svg" width="17.01" height="8.89" viewBox="0 0 17.01 8.89">  <defs>    <style>      .cls-1 {        fill: %23fff;      }    </style>  </defs>  <path class="cls-1" d="M0,5.4v-1.91h13c-.79-.58-1.77-1.61-2.45-2.56l1.65-.93c1.27,1.64,3.14,3.34,4.8,4.45-1.66,1.1-3.53,2.8-4.8,4.45l-1.65-.93c.68-.95,1.65-1.98,2.45-2.56H0Z"/></svg>') no-repeat center center/contain;
}
.c-btn.--block {
  width: 100%;
}
.c-btn.--thin {
  min-height: 30px;
  padding: 8px 20px;
  font-size: clamp(1.4rem, 1.337254902rem + 0.1960784314vw, 1.6rem);
}
.c-btn.--sizeS {
  min-height: 54px;
  padding: 12px 20px;
  font-size: clamp(1.2rem, 1.137254902rem + 0.1960784314vw, 1.4rem);
}
.c-btn.--sizeL {
  width: 100%;
  min-height: 90px;
  padding: 12px 20px;
  font-size: clamp(1.8rem, 1.4862745098rem + 0.9803921569vw, 2.8rem);
}
.c-btnWrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 52px;
  text-align: center;
}
.c-btnWrap.--left {
  justify-content: start;
}
.c-tag {
  display: inline-grid;
  place-content: center;
  padding: 5px 20px 6px;
  border-radius: 4px;
  background-color: #34BEEC;
  color: #fff;
  font-weight: 700;
}
.c-newsList {
  border-top: 1px solid #ccc;
}
.c-newsList > li {
  border-bottom: 1px solid #ccc;
}
.c-newsList__anchor {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  column-gap: 2rem;
  padding: 28px 28px 28px 0;
  color: #3C3736;
  font-weight: 700;
  position: relative;
}
.c-newsList__anchor:after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  width: 18px;
  height: 12px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.893" height="11.859" viewBox="0 0 17.893 11.859">  <path id="パス_1417" data-name="パス 1417" d="M1.548-5.2l2.1-1.813a.079.079,0,0,0,.024-.1A.077.077,0,0,0,3.6-7.157H-7.423a1.3,1.3,0,0,1-.955-.4,1.3,1.3,0,0,1-.4-.955v-.6a1.343,1.343,0,0,1,.4-.967,1.284,1.284,0,0,1,.955-.411H3.6a.077.077,0,0,0,.073-.048.079.079,0,0,0-.024-.1l-2.1-1.813a1.314,1.314,0,0,1-.459-.895A1.207,1.207,0,0,1,1.4-14.29,1.314,1.314,0,0,1,2.3-14.75a1.207,1.207,0,0,1,.943.314L8.7-9.72a1.147,1.147,0,0,1,.411.895,1.147,1.147,0,0,1-.411.895L3.24-3.216A1.207,1.207,0,0,1,2.3-2.9,1.314,1.314,0,0,1,1.4-3.361,1.207,1.207,0,0,1,1.088-4.3,1.314,1.314,0,0,1,1.548-5.2Z" transform="translate(8.777 14.755)" fill="%2305afec"/></svg>') no-repeat center center/contain;
}
.c-tabMenu {
  display: flex;
}
.c-tabMenu > li {
  flex: 1;
}
.c-tabBtn {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  min-height: 120px;
  padding: 8px;
  border-radius: 16px 16px 0 0;
  background: #fff;
  border: 4px solid #34BEEC;
  color: #34BEEC;
  font-size: clamp(1.4rem, 0.8352941176rem + 1.7647058824vw, 3.2rem);
  font-weight: 700;
  text-align: center;
}
.c-tabBtn.is-active {
  border-color: #34BEEC;
  background-color: #34BEEC;
  color: #fff;
}
.c-tabContent {
  background-color: #34BEEC;
  padding: 20px;
  border-radius: 0 0 16px 16px;
}
.c-tabBox {
  padding: 40px;
  background-color: #fff;
}
.c-tabBox:not(.is-active) {
  display: none;
}
.c-accordion {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px;
}
.c-accordion__item {
  border-radius: 8px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
.c-accordion__header:has(.c-accordion__trigger[aria-expanded=true]) .c-accordion__trigger {
  border-radius: 8px 8px 0 0;
}
.c-accordion__header:has(.c-accordion__trigger[aria-expanded=true]) .c-accordion__trigger::before {
  content: "－";
}
.c-accordion__header:has(.c-accordion__trigger[aria-expanded=true]) + .c-accordion__content {
  grid-template-rows: 1fr;
}
.c-accordion__header:has(.c-accordion__trigger[aria-expanded=true]) + .c-accordion__content .c-accordion__inner {
  visibility: visible;
}
.c-accordion__trigger {
  position: relative;
  display: block;
  width: 100%;
  padding: 32px 40px 32px;
  border-radius: 8px;
  background-color: #34BEEC;
  color: #fff;
  font-weight: 500;
  font-size: clamp(2.6rem, 2.0352941176rem + 1.7647058824vw, 4.4rem);
}
.c-accordion__trigger::before {
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-content: center;
  content: "＋";
  width: 72px;
  height: 72px;
  padding: 0 0 2px 2px;
  border-radius: 50%;
  background-color: #fff;
  color: #34BEEC;
  line-height: 0;
}
.c-accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
  background-color: #fff;
}
.c-accordion__inner {
  visibility: hidden;
  min-height: 0;
  transition: visibility 0.3s ease;
}
.c-accordion__block {
  padding: 40px;
}
.c-flex {
  display: flex;
  align-items: center;
}
.c-flex .--glow1 {
  flex-grow: 1;
}
.c-flex .--shrink0 {
  flex-shrink: 0;
}
.c-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #34BEEC;
  border-radius: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}
.c-card__img-wrapper {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #ececec;
}
.c-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px 24px 32px;
}
.c-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.c-card__tag {
  display: inline-block;
  padding: 16px 20px;
  border: 1.5px solid #231815;
  border-radius: 20px;
  font-size: clamp(1.5rem, 1.3431372549rem + 0.4901960784vw, 2rem);
  white-space: nowrap;
}
.c-card__title {
  flex: 1;
  font-size: clamp(1.8rem, 1.5490196078rem + 0.7843137255vw, 2.6rem);
  font-weight: 700;
}
.c-card__meta-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 25px;
  font-size: clamp(1.6rem, 1.4117647059rem + 0.5882352941vw, 2.2rem);
  line-height: 1.4;
}
.c-card__meta-item {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
}
.c-card__meta-value {
  flex: 1;
  word-break: break-all;
}
.c-card__meta-label {
  flex-shrink: 0;
  width: 4em;
  text-align: justify;
  text-align-last: justify;
}
.c-ma0 {
  margin: 0px !important;
}
.c-mt0 {
  margin-top: 0px !important;
}
.c-mr0 {
  margin-right: 0px !important;
}
.c-mb0 {
  margin-bottom: 0px !important;
}
.c-ml0 {
  margin-left: 0px !important;
}
.c-pa0 {
  padding: 0px !important;
}
.c-pt0 {
  padding-top: 0px !important;
}
.c-pr0 {
  padding-right: 0px !important;
}
.c-pb0 {
  padding-bottom: 0px !important;
}
.c-pl0 {
  padding-left: 0px !important;
}
.c-ma4 {
  margin: 4px !important;
}
.c-mt4 {
  margin-top: 4px !important;
}
.c-mr4 {
  margin-right: 4px !important;
}
.c-mb4 {
  margin-bottom: 4px !important;
}
.c-ml4 {
  margin-left: 4px !important;
}
.c-pa4 {
  padding: 4px !important;
}
.c-pt4 {
  padding-top: 4px !important;
}
.c-pr4 {
  padding-right: 4px !important;
}
.c-pb4 {
  padding-bottom: 4px !important;
}
.c-pl4 {
  padding-left: 4px !important;
}
.c-ma8 {
  margin: 8px !important;
}
.c-mt8 {
  margin-top: 8px !important;
}
.c-mr8 {
  margin-right: 8px !important;
}
.c-mb8 {
  margin-bottom: 8px !important;
}
.c-ml8 {
  margin-left: 8px !important;
}
.c-pa8 {
  padding: 8px !important;
}
.c-pt8 {
  padding-top: 8px !important;
}
.c-pr8 {
  padding-right: 8px !important;
}
.c-pb8 {
  padding-bottom: 8px !important;
}
.c-pl8 {
  padding-left: 8px !important;
}
.c-ma12 {
  margin: 12px !important;
}
.c-mt12 {
  margin-top: 12px !important;
}
.c-mr12 {
  margin-right: 12px !important;
}
.c-mb12 {
  margin-bottom: 12px !important;
}
.c-ml12 {
  margin-left: 12px !important;
}
.c-pa12 {
  padding: 12px !important;
}
.c-pt12 {
  padding-top: 12px !important;
}
.c-pr12 {
  padding-right: 12px !important;
}
.c-pb12 {
  padding-bottom: 12px !important;
}
.c-pl12 {
  padding-left: 12px !important;
}
.c-ma16 {
  margin: 16px !important;
}
.c-mt16 {
  margin-top: 16px !important;
}
.c-mr16 {
  margin-right: 16px !important;
}
.c-mb16 {
  margin-bottom: 16px !important;
}
.c-ml16 {
  margin-left: 16px !important;
}
.c-pa16 {
  padding: 16px !important;
}
.c-pt16 {
  padding-top: 16px !important;
}
.c-pr16 {
  padding-right: 16px !important;
}
.c-pb16 {
  padding-bottom: 16px !important;
}
.c-pl16 {
  padding-left: 16px !important;
}
.c-ma20 {
  margin: 20px !important;
}
.c-mt20 {
  margin-top: 20px !important;
}
.c-mr20 {
  margin-right: 20px !important;
}
.c-mb20 {
  margin-bottom: 20px !important;
}
.c-ml20 {
  margin-left: 20px !important;
}
.c-pa20 {
  padding: 20px !important;
}
.c-pt20 {
  padding-top: 20px !important;
}
.c-pr20 {
  padding-right: 20px !important;
}
.c-pb20 {
  padding-bottom: 20px !important;
}
.c-pl20 {
  padding-left: 20px !important;
}
.c-ma24 {
  margin: 24px !important;
}
.c-mt24 {
  margin-top: 24px !important;
}
.c-mr24 {
  margin-right: 24px !important;
}
.c-mb24 {
  margin-bottom: 24px !important;
}
.c-ml24 {
  margin-left: 24px !important;
}
.c-pa24 {
  padding: 24px !important;
}
.c-pt24 {
  padding-top: 24px !important;
}
.c-pr24 {
  padding-right: 24px !important;
}
.c-pb24 {
  padding-bottom: 24px !important;
}
.c-pl24 {
  padding-left: 24px !important;
}
.c-ma28 {
  margin: 28px !important;
}
.c-mt28 {
  margin-top: 28px !important;
}
.c-mr28 {
  margin-right: 28px !important;
}
.c-mb28 {
  margin-bottom: 28px !important;
}
.c-ml28 {
  margin-left: 28px !important;
}
.c-pa28 {
  padding: 28px !important;
}
.c-pt28 {
  padding-top: 28px !important;
}
.c-pr28 {
  padding-right: 28px !important;
}
.c-pb28 {
  padding-bottom: 28px !important;
}
.c-pl28 {
  padding-left: 28px !important;
}
.c-ma32 {
  margin: 32px !important;
}
.c-mt32 {
  margin-top: 32px !important;
}
.c-mr32 {
  margin-right: 32px !important;
}
.c-mb32 {
  margin-bottom: 32px !important;
}
.c-ml32 {
  margin-left: 32px !important;
}
.c-pa32 {
  padding: 32px !important;
}
.c-pt32 {
  padding-top: 32px !important;
}
.c-pr32 {
  padding-right: 32px !important;
}
.c-pb32 {
  padding-bottom: 32px !important;
}
.c-pl32 {
  padding-left: 32px !important;
}
.c-ma36 {
  margin: 36px !important;
}
.c-mt36 {
  margin-top: 36px !important;
}
.c-mr36 {
  margin-right: 36px !important;
}
.c-mb36 {
  margin-bottom: 36px !important;
}
.c-ml36 {
  margin-left: 36px !important;
}
.c-pa36 {
  padding: 36px !important;
}
.c-pt36 {
  padding-top: 36px !important;
}
.c-pr36 {
  padding-right: 36px !important;
}
.c-pb36 {
  padding-bottom: 36px !important;
}
.c-pl36 {
  padding-left: 36px !important;
}
.c-ma40 {
  margin: 40px !important;
}
.c-mt40 {
  margin-top: 40px !important;
}
.c-mr40 {
  margin-right: 40px !important;
}
.c-mb40 {
  margin-bottom: 40px !important;
}
.c-ml40 {
  margin-left: 40px !important;
}
.c-pa40 {
  padding: 40px !important;
}
.c-pt40 {
  padding-top: 40px !important;
}
.c-pr40 {
  padding-right: 40px !important;
}
.c-pb40 {
  padding-bottom: 40px !important;
}
.c-pl40 {
  padding-left: 40px !important;
}
.c-ma44 {
  margin: 44px !important;
}
.c-mt44 {
  margin-top: 44px !important;
}
.c-mr44 {
  margin-right: 44px !important;
}
.c-mb44 {
  margin-bottom: 44px !important;
}
.c-ml44 {
  margin-left: 44px !important;
}
.c-pa44 {
  padding: 44px !important;
}
.c-pt44 {
  padding-top: 44px !important;
}
.c-pr44 {
  padding-right: 44px !important;
}
.c-pb44 {
  padding-bottom: 44px !important;
}
.c-pl44 {
  padding-left: 44px !important;
}
.c-ma48 {
  margin: 48px !important;
}
.c-mt48 {
  margin-top: 48px !important;
}
.c-mr48 {
  margin-right: 48px !important;
}
.c-mb48 {
  margin-bottom: 48px !important;
}
.c-ml48 {
  margin-left: 48px !important;
}
.c-pa48 {
  padding: 48px !important;
}
.c-pt48 {
  padding-top: 48px !important;
}
.c-pr48 {
  padding-right: 48px !important;
}
.c-pb48 {
  padding-bottom: 48px !important;
}
.c-pl48 {
  padding-left: 48px !important;
}
.c-ma52 {
  margin: 52px !important;
}
.c-mt52 {
  margin-top: 52px !important;
}
.c-mr52 {
  margin-right: 52px !important;
}
.c-mb52 {
  margin-bottom: 52px !important;
}
.c-ml52 {
  margin-left: 52px !important;
}
.c-pa52 {
  padding: 52px !important;
}
.c-pt52 {
  padding-top: 52px !important;
}
.c-pr52 {
  padding-right: 52px !important;
}
.c-pb52 {
  padding-bottom: 52px !important;
}
.c-pl52 {
  padding-left: 52px !important;
}
.c-ma56 {
  margin: 56px !important;
}
.c-mt56 {
  margin-top: 56px !important;
}
.c-mr56 {
  margin-right: 56px !important;
}
.c-mb56 {
  margin-bottom: 56px !important;
}
.c-ml56 {
  margin-left: 56px !important;
}
.c-pa56 {
  padding: 56px !important;
}
.c-pt56 {
  padding-top: 56px !important;
}
.c-pr56 {
  padding-right: 56px !important;
}
.c-pb56 {
  padding-bottom: 56px !important;
}
.c-pl56 {
  padding-left: 56px !important;
}
.c-ma60 {
  margin: 60px !important;
}
.c-mt60 {
  margin-top: 60px !important;
}
.c-mr60 {
  margin-right: 60px !important;
}
.c-mb60 {
  margin-bottom: 60px !important;
}
.c-ml60 {
  margin-left: 60px !important;
}
.c-pa60 {
  padding: 60px !important;
}
.c-pt60 {
  padding-top: 60px !important;
}
.c-pr60 {
  padding-right: 60px !important;
}
.c-pb60 {
  padding-bottom: 60px !important;
}
.c-pl60 {
  padding-left: 60px !important;
}
.c-ma64 {
  margin: 64px !important;
}
.c-mt64 {
  margin-top: 64px !important;
}
.c-mr64 {
  margin-right: 64px !important;
}
.c-mb64 {
  margin-bottom: 64px !important;
}
.c-ml64 {
  margin-left: 64px !important;
}
.c-pa64 {
  padding: 64px !important;
}
.c-pt64 {
  padding-top: 64px !important;
}
.c-pr64 {
  padding-right: 64px !important;
}
.c-pb64 {
  padding-bottom: 64px !important;
}
.c-pl64 {
  padding-left: 64px !important;
}
.c-ma68 {
  margin: 68px !important;
}
.c-mt68 {
  margin-top: 68px !important;
}
.c-mr68 {
  margin-right: 68px !important;
}
.c-mb68 {
  margin-bottom: 68px !important;
}
.c-ml68 {
  margin-left: 68px !important;
}
.c-pa68 {
  padding: 68px !important;
}
.c-pt68 {
  padding-top: 68px !important;
}
.c-pr68 {
  padding-right: 68px !important;
}
.c-pb68 {
  padding-bottom: 68px !important;
}
.c-pl68 {
  padding-left: 68px !important;
}
.c-ma72 {
  margin: 72px !important;
}
.c-mt72 {
  margin-top: 72px !important;
}
.c-mr72 {
  margin-right: 72px !important;
}
.c-mb72 {
  margin-bottom: 72px !important;
}
.c-ml72 {
  margin-left: 72px !important;
}
.c-pa72 {
  padding: 72px !important;
}
.c-pt72 {
  padding-top: 72px !important;
}
.c-pr72 {
  padding-right: 72px !important;
}
.c-pb72 {
  padding-bottom: 72px !important;
}
.c-pl72 {
  padding-left: 72px !important;
}
.c-ma76 {
  margin: 76px !important;
}
.c-mt76 {
  margin-top: 76px !important;
}
.c-mr76 {
  margin-right: 76px !important;
}
.c-mb76 {
  margin-bottom: 76px !important;
}
.c-ml76 {
  margin-left: 76px !important;
}
.c-pa76 {
  padding: 76px !important;
}
.c-pt76 {
  padding-top: 76px !important;
}
.c-pr76 {
  padding-right: 76px !important;
}
.c-pb76 {
  padding-bottom: 76px !important;
}
.c-pl76 {
  padding-left: 76px !important;
}
.c-ma80 {
  margin: 80px !important;
}
.c-mt80 {
  margin-top: 80px !important;
}
.c-mr80 {
  margin-right: 80px !important;
}
.c-mb80 {
  margin-bottom: 80px !important;
}
.c-ml80 {
  margin-left: 80px !important;
}
.c-pa80 {
  padding: 80px !important;
}
.c-pt80 {
  padding-top: 80px !important;
}
.c-pr80 {
  padding-right: 80px !important;
}
.c-pb80 {
  padding-bottom: 80px !important;
}
.c-pl80 {
  padding-left: 80px !important;
}
.c-ma84 {
  margin: 84px !important;
}
.c-mt84 {
  margin-top: 84px !important;
}
.c-mr84 {
  margin-right: 84px !important;
}
.c-mb84 {
  margin-bottom: 84px !important;
}
.c-ml84 {
  margin-left: 84px !important;
}
.c-pa84 {
  padding: 84px !important;
}
.c-pt84 {
  padding-top: 84px !important;
}
.c-pr84 {
  padding-right: 84px !important;
}
.c-pb84 {
  padding-bottom: 84px !important;
}
.c-pl84 {
  padding-left: 84px !important;
}
.c-ma88 {
  margin: 88px !important;
}
.c-mt88 {
  margin-top: 88px !important;
}
.c-mr88 {
  margin-right: 88px !important;
}
.c-mb88 {
  margin-bottom: 88px !important;
}
.c-ml88 {
  margin-left: 88px !important;
}
.c-pa88 {
  padding: 88px !important;
}
.c-pt88 {
  padding-top: 88px !important;
}
.c-pr88 {
  padding-right: 88px !important;
}
.c-pb88 {
  padding-bottom: 88px !important;
}
.c-pl88 {
  padding-left: 88px !important;
}
.c-ma92 {
  margin: 92px !important;
}
.c-mt92 {
  margin-top: 92px !important;
}
.c-mr92 {
  margin-right: 92px !important;
}
.c-mb92 {
  margin-bottom: 92px !important;
}
.c-ml92 {
  margin-left: 92px !important;
}
.c-pa92 {
  padding: 92px !important;
}
.c-pt92 {
  padding-top: 92px !important;
}
.c-pr92 {
  padding-right: 92px !important;
}
.c-pb92 {
  padding-bottom: 92px !important;
}
.c-pl92 {
  padding-left: 92px !important;
}
.c-ma96 {
  margin: 96px !important;
}
.c-mt96 {
  margin-top: 96px !important;
}
.c-mr96 {
  margin-right: 96px !important;
}
.c-mb96 {
  margin-bottom: 96px !important;
}
.c-ml96 {
  margin-left: 96px !important;
}
.c-pa96 {
  padding: 96px !important;
}
.c-pt96 {
  padding-top: 96px !important;
}
.c-pr96 {
  padding-right: 96px !important;
}
.c-pb96 {
  padding-bottom: 96px !important;
}
.c-pl96 {
  padding-left: 96px !important;
}
.c-ma100 {
  margin: 100px !important;
}
.c-mt100 {
  margin-top: 100px !important;
}
.c-mr100 {
  margin-right: 100px !important;
}
.c-mb100 {
  margin-bottom: 100px !important;
}
.c-ml100 {
  margin-left: 100px !important;
}
.c-pa100 {
  padding: 100px !important;
}
.c-pt100 {
  padding-top: 100px !important;
}
.c-pr100 {
  padding-right: 100px !important;
}
.c-pb100 {
  padding-bottom: 100px !important;
}
.c-pl100 {
  padding-left: 100px !important;
}
.c-mtAuto {
  margin-top: auto !important;
}
.c-mrAuto {
  margin-right: auto !important;
}
.c-mbAuto {
  margin-bottom: auto !important;
}
.c-mlAuto {
  margin-left: auto !important;
}
.c-w0 {
  width: 0% !important;
}
.c-w1 {
  width: 1% !important;
}
.c-w2 {
  width: 2% !important;
}
.c-w3 {
  width: 3% !important;
}
.c-w4 {
  width: 4% !important;
}
.c-w5 {
  width: 5% !important;
}
.c-w6 {
  width: 6% !important;
}
.c-w7 {
  width: 7% !important;
}
.c-w8 {
  width: 8% !important;
}
.c-w9 {
  width: 9% !important;
}
.c-w10 {
  width: 10% !important;
}
.c-w11 {
  width: 11% !important;
}
.c-w12 {
  width: 12% !important;
}
.c-w13 {
  width: 13% !important;
}
.c-w14 {
  width: 14% !important;
}
.c-w15 {
  width: 15% !important;
}
.c-w16 {
  width: 16% !important;
}
.c-w17 {
  width: 17% !important;
}
.c-w18 {
  width: 18% !important;
}
.c-w19 {
  width: 19% !important;
}
.c-w20 {
  width: 20% !important;
}
.c-w21 {
  width: 21% !important;
}
.c-w22 {
  width: 22% !important;
}
.c-w23 {
  width: 23% !important;
}
.c-w24 {
  width: 24% !important;
}
.c-w25 {
  width: 25% !important;
}
.c-w26 {
  width: 26% !important;
}
.c-w27 {
  width: 27% !important;
}
.c-w28 {
  width: 28% !important;
}
.c-w29 {
  width: 29% !important;
}
.c-w30 {
  width: 30% !important;
}
.c-w31 {
  width: 31% !important;
}
.c-w32 {
  width: 32% !important;
}
.c-w33 {
  width: 33% !important;
}
.c-w34 {
  width: 34% !important;
}
.c-w35 {
  width: 35% !important;
}
.c-w36 {
  width: 36% !important;
}
.c-w37 {
  width: 37% !important;
}
.c-w38 {
  width: 38% !important;
}
.c-w39 {
  width: 39% !important;
}
.c-w40 {
  width: 40% !important;
}
.c-w41 {
  width: 41% !important;
}
.c-w42 {
  width: 42% !important;
}
.c-w43 {
  width: 43% !important;
}
.c-w44 {
  width: 44% !important;
}
.c-w45 {
  width: 45% !important;
}
.c-w46 {
  width: 46% !important;
}
.c-w47 {
  width: 47% !important;
}
.c-w48 {
  width: 48% !important;
}
.c-w49 {
  width: 49% !important;
}
.c-w50 {
  width: 50% !important;
}
.c-w51 {
  width: 51% !important;
}
.c-w52 {
  width: 52% !important;
}
.c-w53 {
  width: 53% !important;
}
.c-w54 {
  width: 54% !important;
}
.c-w55 {
  width: 55% !important;
}
.c-w56 {
  width: 56% !important;
}
.c-w57 {
  width: 57% !important;
}
.c-w58 {
  width: 58% !important;
}
.c-w59 {
  width: 59% !important;
}
.c-w60 {
  width: 60% !important;
}
.c-w61 {
  width: 61% !important;
}
.c-w62 {
  width: 62% !important;
}
.c-w63 {
  width: 63% !important;
}
.c-w64 {
  width: 64% !important;
}
.c-w65 {
  width: 65% !important;
}
.c-w66 {
  width: 66% !important;
}
.c-w67 {
  width: 67% !important;
}
.c-w68 {
  width: 68% !important;
}
.c-w69 {
  width: 69% !important;
}
.c-w70 {
  width: 70% !important;
}
.c-w71 {
  width: 71% !important;
}
.c-w72 {
  width: 72% !important;
}
.c-w73 {
  width: 73% !important;
}
.c-w74 {
  width: 74% !important;
}
.c-w75 {
  width: 75% !important;
}
.c-w76 {
  width: 76% !important;
}
.c-w77 {
  width: 77% !important;
}
.c-w78 {
  width: 78% !important;
}
.c-w79 {
  width: 79% !important;
}
.c-w80 {
  width: 80% !important;
}
.c-w81 {
  width: 81% !important;
}
.c-w82 {
  width: 82% !important;
}
.c-w83 {
  width: 83% !important;
}
.c-w84 {
  width: 84% !important;
}
.c-w85 {
  width: 85% !important;
}
.c-w86 {
  width: 86% !important;
}
.c-w87 {
  width: 87% !important;
}
.c-w88 {
  width: 88% !important;
}
.c-w89 {
  width: 89% !important;
}
.c-w90 {
  width: 90% !important;
}
.c-w91 {
  width: 91% !important;
}
.c-w92 {
  width: 92% !important;
}
.c-w93 {
  width: 93% !important;
}
.c-w94 {
  width: 94% !important;
}
.c-w95 {
  width: 95% !important;
}
.c-w96 {
  width: 96% !important;
}
.c-w97 {
  width: 97% !important;
}
.c-w98 {
  width: 98% !important;
}
.c-w99 {
  width: 99% !important;
}
.c-w100 {
  width: 100% !important;
}
.c-wfit {
  width: fit-content !important;
}

[class*=icon-]::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.icon-right::before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.893" height="11.859" viewBox="0 0 17.893 11.859">  <path id="パス_1417" data-name="パス 1417" d="M1.548-5.2l2.1-1.813a.079.079,0,0,0,.024-.1A.077.077,0,0,0,3.6-7.157H-7.423a1.3,1.3,0,0,1-.955-.4,1.3,1.3,0,0,1-.4-.955v-.6a1.343,1.343,0,0,1,.4-.967,1.284,1.284,0,0,1,.955-.411H3.6a.077.077,0,0,0,.073-.048.079.079,0,0,0-.024-.1l-2.1-1.813a1.314,1.314,0,0,1-.459-.895A1.207,1.207,0,0,1,1.4-14.29,1.314,1.314,0,0,1,2.3-14.75a1.207,1.207,0,0,1,.943.314L8.7-9.72a1.147,1.147,0,0,1,.411.895,1.147,1.147,0,0,1-.411.895L3.24-3.216A1.207,1.207,0,0,1,2.3-2.9,1.314,1.314,0,0,1,1.4-3.361,1.207,1.207,0,0,1,1.088-4.3,1.314,1.314,0,0,1,1.548-5.2Z" transform="translate(8.777 14.755)" fill="%2305afec"/></svg>') no-repeat center center/contain;
}

.l-container {
  overflow-x: clip;
  color: #3C3736;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1;
}
.l-container :where(p) {
  line-height: 1.6;
}
.l-wrapper {
  width: min(94%, 1340px);
  margin-inline: auto;
}
.l-header {
  position: relative;
}
.l-nav {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(50%);
  padding: 20px 40px 20px 80px;
  border-radius: 20em 0 0 20em;
  box-shadow: 3.3px 3.3px 5.83px rgba(35, 24, 21, 0.75);
  background-color: #fff;
}
.l-navList {
  display: flex;
  justify-content: center;
  gap: 5.2083333333vw;
}
.l-navList a {
  color: #000;
  font-size: clamp(1.6rem, 1.4745098039rem + 0.3921568627vw, 2rem);
  font-weight: 700;
}
.l-fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 28px;
  background-color: rgba(61, 74, 79, 0.9);
  color: #fff;
}
.l-fixedList {
  display: flex;
  justify-content: center;
}
.l-fixedList > li {
  display: grid;
  place-content: center;
  gap: 12px;
  padding-inline: 3.125vw;
  font-size: clamp(1.6rem, 1.537254902rem + 0.1960784314vw, 1.8rem);
  position: relative;
}
.l-fixedList > li:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 40px;
  width: 1px;
  background-color: #fff;
}
.l-fixedList > li:last-child {
  padding-inline: 0;
}
.l-fixedList > li:last-child::before {
  content: none;
}
.l-fixedList a {
  color: #fff;
  font-size: clamp(1.6rem, 1.4745098039rem + 0.3921568627vw, 2rem);
  font-weight: 700;
}
.l-main {
  background: url(../img/bg.svg) repeat-y center top/100% auto;
}
.l-section {
  position: relative;
  padding-block: 100px;
}
.l-section::before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  z-index: -1;
  background-color: #E7F4FB;
}
.l-section.--white::before {
  background-color: #fff;
}
.l-section.--white .top-section {
  margin-block: 0;
}
.l-footer {
  background-color: #34BEEC;
  color: #fff;
}
.l-footer a {
  color: #fff;
}
.l-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 0 20px;
  padding-block: 70px;
}
.l-footer__logo {
  grid-column: 2/4;
  grid-row: 2/3;
  padding-top: 50px;
  text-align: center;
}
.l-footer__orgList {
  grid-column: 1/5;
  grid-row: 3/4;
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 70px;
  padding-top: 50px;
  font-size: clamp(1.8rem, 1.7058823529rem + 0.2941176471vw, 2.1rem);
  font-weight: 700;
}
.l-footer__orgList img {
  display: block;
  margin-bottom: 8px;
}
.l-footerLink {
  display: flex;
  font-size: clamp(1.6rem, 1.5058823529rem + 0.2941176471vw, 1.9rem);
  font-weight: 700;
}
.l-footerLink.--col01 {
  grid-column: 1/4;
  grid-row: 1/2;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  text-align: center;
}
.l-footerLink.--col02 {
  grid-column: 4/5;
  grid-row: 1/3;
  flex-direction: column;
  gap: 36px;
  align-self: start;
  width: fit-content;
  margin-inline: auto;
}
.l-footerLink.--col02 > li:last-child {
  margin-top: 40px;
}
.l-footerLink p {
  font-size: 1.6rem;
}
.l-footer__copy {
  background-color: #fff;
  padding: 30px 40px;
  color: #3C3736;
  text-align: center;
}
.l-cooperate {
  padding-top: 100px;
}
.l-cooperate__title {
  margin-bottom: 16px;
  font-size: clamp(2rem, 1.2784313725rem + 2.2549019608vw, 4.3rem);
  font-weight: 700;
  line-height: 1.33;
  text-align: center;
}
.l-cooperate__descript {
  font-size: clamp(1.8rem, 1.6117647059rem + 0.5882352941vw, 2.4rem);
  font-weight: 700;
  text-align: center;
}
.l-cooperate__slider {
  position: relative;
  overflow: visible;
  padding-top: 60px;
  padding-inline: 20px;
}
.l-cooperate__slider .swiper-slide {
  padding-inline: 20px;
}
.l-cooperate__slider .swiper-controller {
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  width: min(94%, 1340px);
  margin-inline: auto;
  pointer-events: none;
}
.l-cooperate__slider .swiper-button {
  width: 60px;
  height: 60px;
  background: transparent;
  border: 3px solid #35c1f0;
  border-radius: 50%;
  pointer-events: auto;
}
.l-cooperate__slider .swiper-button-prev {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15.588" height="25.018" viewBox="0 0 15.588 25.018">  <path id="パス_1111" data-name="パス 1111" d="M1529.96,5830.156l-11.639,10.309,11.971,10.475" transform="translate(-1516.821 -5828.039)" fill="none" stroke="%2335c1f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>') no-repeat 48% center/15px auto;
}
.l-cooperate__slider .swiper-button-next {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15.588" height="25.018" viewBox="0 0 15.588 25.018">  <path id="パス_1112" data-name="パス 1112" d="M1594.806,5830.156l11.639,10.309-11.972,10.475" transform="translate(-1592.356 -5828.039)" fill="none" stroke="%2335c1f0" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>') no-repeat 52% center/15px auto;
}
.l-cooperate__link {
  display: grid;
  gap: 12px;
  color: #3C3736;
  font-size: clamp(1.8rem, 1.6117647059rem + 0.5882352941vw, 2.4rem);
  font-weight: 700;
}
.l-cooperate__link img {
  width: 100%;
}

.top-kv {
  position: relative;
  display: grid;
  place-content: center;
  aspect-ratio: 1920/920;
  width: 100%;
  min-height: 570px;
  background: url(../img/img-mv.jpg) no-repeat center center/cover;
  position: relative;
}
.top-kv:before {
  position: absolute;
  display: block;
  content: "";
  inset: 0;
  background-color: rgba(35, 24, 21, 0.31);
}
.top-kv__title {
  position: relative;
  display: grid;
  gap: 24px;
  filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.5));
}
.top-kv__free {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(380px, -130px);
}
.top-news {
  padding-block: 120px 60px;
  background-color: #fff;
}
.top-news .c-title {
  color: #57A4B2;
}
.top-section:has(.--image02) {
  margin-top: 40px;
}
.top-section__header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 40px;
}
.top-section__header:has(.c-title.--skin01) {
  margin-bottom: 36px;
}
.top-section__header:has(.c-title.--skin01) .c-title.--skin01 {
  margin-bottom: 0;
}
.top-section__header p {
  font-size: clamp(1.8rem, 1.6117647059rem + 0.5882352941vw, 2.4rem);
  font-weight: 700;
}
.top-section__header:has(.top-section__header__image) {
  padding-right: 280px;
}
.top-section__header__image {
  position: absolute;
  right: 0;
  z-index: 2;
}
.top-section__header__image.--image01 {
  bottom: -10px;
}
.top-section__header__image.--image02 {
  bottom: -60px;
}
.top-section__header.--has-descript {
  justify-content: center;
  flex-direction: column;
  gap: 32px;
}
.top-section__header.--has-descript:has(.c-title.--skin01) {
  margin-bottom: 60px;
}
.top-clubArea__title {
  max-width: 860px;
  margin-inline: auto;
  margin-bottom: 48px;
  padding: 28px;
  border-radius: 10em;
  background-color: #224d80;
  color: #fff;
  font-size: clamp(1.8rem, 1.5176470588rem + 0.8823529412vw, 2.7rem);
  font-weight: 700;
  text-align: center;
  position: relative;
}
.top-clubArea__title:after {
  position: absolute;
  display: block;
  content: "";
  top: 99.6%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-color: #224d80 transparent transparent;
  border-width: 16px 16px 0;
}
.top-clubArea__list {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
.top-clubArea__list > div {
  display: contents;
}
.top-clubArea__list > div > dt {
  display: flex;
  align-items: center;
  padding-block: 24px;
  font-size: clamp(2.2rem, 1.3215686275rem + 2.7450980392vw, 5rem);
  font-weight: 900;
}
.top-clubArea__list > div > dt::before {
  display: block;
  content: "";
  width: 70px;
  height: 70px;
  margin-right: 20px;
  background: url('data:image/svg+xml;utf8,<svg id="_繝ｬ繧､繝､繝ｼ_1" data-name="繝ｬ繧､繝､繝ｼ 1" xmlns="http://www.w3.org/2000/svg" width="78.44" height="78.44" viewBox="0 0 78.44 78.44">  <defs>    <style>      .cls-1 {        fill: %2334beec;        stroke: %2334beec;        stroke-miterlimit: 10;        stroke-width: 4px;      }    </style>  </defs>  <path class="cls-1" d="M39.22,2C18.66,2,2,18.66,2,39.22s16.66,37.22,37.22,37.22,37.22-16.66,37.22-37.22S59.78,2,39.22,2ZM65.55,31.78l-30.13,24.18c-1.1.88-2.41,1.31-3.73,1.31-1.61,0-3.21-.65-4.38-1.91l-15.06-16.29c-2.23-2.42-2.09-6.18.33-8.42,2.42-2.23,6.18-2.09,8.42.33l11.3,12.22,25.8-20.7c2.57-2.06,6.31-1.65,8.37.92,2.06,2.57,1.65,6.31-.92,8.37Z"/></svg>') no-repeat center center/contain;
}
.top-clubArea__list > div > dt::after {
  display: block;
  content: "";
  width: 25px;
  height: 36px;
  margin-inline: 36px;
  background: url('data:image/svg+xml;utf8,<svg id="_繝ｬ繧､繝､繝ｼ_1" data-name="繝ｬ繧､繝､繝ｼ 1" xmlns="http://www.w3.org/2000/svg" width="25.55" height="36.02" viewBox="0 0 25.55 36.02">  <defs>    <style>      .cls-1 {        fill: %2334beec;      }    </style>  </defs>  <polygon class="cls-1" points="0 36.02 0 0 25.55 18.01 0 36.02"/></svg>') no-repeat center center/contain;
}
.top-clubArea__list > div > dd {
  padding-block: 24px;
  border-bottom: 1px solid #bdbebe;
  font-size: clamp(1.8rem, 1.5176470588rem + 0.8823529412vw, 2.7rem);
  font-weight: 700;
}
.top-clubArea__list > div:last-child > dd {
  border-bottom: 0;
}
.top-modalBtn {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  gap: 12px 60px;
  width: 100%;
  margin-top: 100px;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 1px 1px 1px rgba(35, 24, 21, 0.39);
  background-color: #F69640;
  position: relative;
}
.top-modalBtn:before {
  position: absolute;
  display: block;
  content: "";
  inset: 6px;
  border: 1px solid #fff;
  border-radius: 10px;
  filter: drop-shadow(1px 1px 1px rgba(35, 24, 21, 0.39));
}
.top-modalBtn__image {
  grid-column: 1/2;
  grid-row: 1/3;
}
.top-modalBtn__line01 {
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: end;
  color: #fff;
  font-size: clamp(2.8rem, 2.5803921569rem + 0.6862745098vw, 3.5rem);
  font-weight: 700;
  text-align: center;
}
.top-modalBtn__line02 {
  grid-column: 2/3;
  grid-row: 2/3;
  align-self: start;
  color: #e50058;
  font-size: clamp(1.8rem, 1.6117647059rem + 0.5882352941vw, 2.4rem);
  font-weight: 700;
  text-align: center;
}
.top-modalWrap {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  padding: 20px;
  transition: all ease-in-out 0.4s;
}
.top-modalWrap.is-active {
  opacity: 1;
  visibility: visible;
}
.top-modalClose {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 5rem;
}
.top-modalContents {
  width: min(92%, 1780px);
  max-height: calc(100vh - 40px);
  overflow-x: auto;
  margin-inline: auto;
  padding-top: 20px;
}
.top-modal__logo {
  margin-bottom: -120px;
  text-align: center;
  pointer-events: none;
}
.top-modal__logo img {
  pointer-events: auto;
  filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.5));
}
.top-modal__movieList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  justify-items: center;
  gap: 90px 100px;
  padding: 160px 100px 100px;
  background-color: rgba(52, 190, 236, 0.7);
  text-align: center;
}
.top-modal__movieList__title {
  display: grid;
  place-content: center;
  min-height: 2lh;
  margin-bottom: 12px;
  color: #231815;
  font-size: clamp(2.8rem, 2.4235294118rem + 1.1764705882vw, 4rem);
  font-weight: 700;
}
.top-program {
  margin-top: 52px;
}
.top-program__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.top-program__title {
  font-size: clamp(3rem, 2.4666666667rem + 1.6666666667vw, 4.7rem);
  font-weight: 700;
}
.top-program__image {
  margin-top: -105px;
}
.top-program__subtitle {
  margin-bottom: 28px;
  padding: 12px;
  background: #2c3e4a;
  color: #fff;
  font-size: clamp(1.8rem, 1.6117647059rem + 0.5882352941vw, 2.4rem);
  font-weight: 700;
  text-align: center;
}
.top-program__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 12px;
  margin-bottom: 30px;
}
.top-program__grid__text {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: clamp(1.8rem, 1.737254902rem + 0.1960784314vw, 2rem);
  font-weight: 700;
}
.top-program__grid__image {
  grid-column: 2/3;
  grid-row: 1/2;
}
.top-program__descript {
  padding: 12px 30px;
  background-color: #F2F2F2;
  font-size: clamp(1.6rem, 1.537254902rem + 0.1960784314vw, 1.8rem);
  font-weight: 700;
}
.top-flow {
  padding: 100px 5.2083333333vw;
  background-color: #34BEEC;
}
.top-flow__inner {
  padding: 60px;
  border-radius: 40px;
  background-color: #fff;
}
.top-flow__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto auto;
  gap: 6.25vw;
}
.top-flow__item {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 30px;
}
.top-flow__item:not(:last-child) .top-flow__image-wrap {
  position: relative;
}
.top-flow__item:not(:last-child) .top-flow__image-wrap:after {
  position: absolute;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  transform: translateY(-50%);
  width: 32px;
  height: 58px;
  background: url('data:image/svg+xml;utf8,<svg id="_繝ｬ繧､繝､繝ｼ_1" data-name="繝ｬ繧､繝､繝ｼ 1" xmlns="http://www.w3.org/2000/svg" width="31.97" height="58.41" viewBox="0 0 31.97 58.41">  <defs>    <style>      .cls-1 {        fill: none;        stroke: %23c9caca;        stroke-linecap: round;        stroke-linejoin: round;        stroke-width: 6px;      }    </style>  </defs>  <polyline class="cls-1" points="3 3 28.97 30.22 3 55.41"/></svg>') no-repeat center center/contain;
}
.top-flow__step-title {
  font-size: clamp(1.8rem, 1.5176470588rem + 0.8823529412vw, 2.7rem);
  font-weight: 700;
  line-height: 1.3;
}
.top-flow__image-wrap {
  display: grid;
  place-content: center;
}
.top-flow__text {
  font-size: clamp(1.5rem, 1.437254902rem + 0.1960784314vw, 1.7rem);
}
.top-flow__btn-container {
  display: flex;
  justify-content: center;
  gap: 20px 7.8125vw;
  margin-top: 40px;
}
.top-flow__btn-note {
  transform: translateX(1em);
  width: fit-content;
  margin-top: 20px;
  margin-inline: auto;
  color: #34beec;
  font-weight: 700;
  line-height: 1.4;
  text-indent: -1em;
  background-image: linear-gradient(to right, #f6fe55, #f6fe55);
  background-size: 100% 10px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.top-calendar {
  background: #fff;
  min-height: 300px;
}

.club-info {
  position: relative;
  border: 10px solid #eee;
  border-radius: 20px;
  padding-bottom: 40px;
}
.club-info + .club-info {
  margin-top: 52px;
}
.club-info.--comingsoon::before {
  position: absolute;
  inset: -10px;
  z-index: 2;
  display: grid;
  place-content: center;
  content: "COMING SOON";
  border-radius: 20px;
  background-color: rgba(73, 70, 69, 0.52);
  font-size: clamp(3rem, 1.8705882353rem + 3.5294117647vw, 6.6rem);
  color: #fff;
  font-weight: 900;
}
.club-info__title {
  display: inline-block;
  min-width: min(100%, 300px);
  margin-bottom: 40px;
  padding: 16px 32px 26px;
  border-radius: 10px 0 8px 0;
  background-color: #eee;
  font-size: clamp(1.8rem, 1.737254902rem + 0.1960784314vw, 2rem);
  font-weight: 700;
  text-align: center;
}
.club-info__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: auto auto auto auto;
  gap: 40px;
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 40px;
}
.club-info__item {
  flex: 1;
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  gap: 0;
  text-align: center;
}
.club-info__icon-wrap {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.club-info__icon-wrap img[src*="icon-document-search.svg"] {
  transform: translateX(20px);
}
.club-info__icon-wrap::before {
  content: none;
}
.club-info__icon {
  object-fit: contain;
}
.club-info__card-title {
  margin-bottom: 20px;
  color: #34BEEC;
  font-size: clamp(1.8rem, 1.737254902rem + 0.1960784314vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.club-info__text {
  font-size: clamp(1.8rem, 1.737254902rem + 0.1960784314vw, 2rem);
  line-height: 1.6;
}
.club-info__btn-wrap {
  margin-top: auto;
  padding-top: 20px;
  width: 100%;
  max-width: 270px;
  margin-inline: auto;
}
.club-info__download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 20px;
  background-color: var(--club-bg-blue);
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 50px;
  position: relative;
  transition: opacity 0.3s, transform 0.2s;
}
.club-info__download-btn::after {
  content: "→";
  position: absolute;
  right: 20px;
  font-size: 14px;
}

.hub-section {
  padding: 40px 20px;
}
.hub-section__header {
  margin-bottom: 30px;
}
.hub-section__title {
  padding-bottom: 15px;
  font-size: clamp(2.5rem, 1.9352941176rem + 1.7647058824vw, 4.3rem);
  font-weight: 700;
  border-bottom: 3px dotted #333333;
}
.hub-section__grid {
  display: flex;
  gap: 40px;
  margin-bottom: 72px;
}
.hub-section__desc-col {
  flex: 1;
}
.hub-section__description {
  font-size: clamp(1.6rem, 1.2988235294rem + 0.9411764706vw, 2.56rem);
  line-height: 1.8;
}
.hub-section__gallery-col {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 58%;
}
.hub-section__main-image-wrapper {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/10;
  background-color: #3e3a37;
}
.hub-section__main-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hub-section__thumbnail-list {
  display: flex;
  gap: 10px;
}
.hub-section__thumbnail-item {
  flex: 1;
  aspect-ratio: 6/5;
  background-color: #3e3a37;
}
.hub-section__thumbnail-item.is-active {
  box-shadow: 0 0 0 2px #34BEEC;
}
.hub-section__thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  transition: all ease-in-out 0.4s;
}
.hub-section__thumbnail:hover {
  opacity: 0.8;
}
.hub-section__info-box {
  position: relative;
  width: 100%;
  max-width: 546px;
  padding: 30px 60px;
  margin-inline: auto;
  text-align: center;
}
.hub-section__info-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  border-top: 2px solid #25a5d0;
  border-left: 2px solid #25a5d0;
  border-bottom: 2px solid #25a5d0;
}
.hub-section__info-box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  border-top: 2px solid #25a5d0;
  border-right: 2px solid #25a5d0;
  border-bottom: 2px solid #25a5d0;
}
.hub-section__badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  padding: 12px 24px;
  border-radius: 10em;
  background-color: #ffe600;
  color: #000000;
  font-size: clamp(1.5rem, 1.4058823529rem + 0.2941176471vw, 1.8rem);
  font-weight: 700;
  white-space: nowrap;
}
.hub-section__sub-title {
  margin: 16px auto 16px;
  font-size: clamp(1.8rem, 1.4862745098rem + 0.9803921569vw, 2.8rem);
  font-weight: 500;
}
.hub-section__lead-text {
  margin: 0;
  font-weight: 700;
  line-height: 1.6;
}

.card-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 80px 60px;
  margin-top: 60px;
}

.calendar-section {
  margin-top: 60px;
}
.calendar-section__title {
  margin-bottom: 20px;
  text-align: center;
}
.calendar-section__box {
  min-height: 100px;
  margin-bottom: 60px;
  border: 10px solid #cbcccc;
  background-color: #fff;
}

/* ▼hover挙動 */
@media (hover: hover) {
  a, button {
    transition-duration: 0.2s;
  }
  a:hover, button:hover {
    opacity: 0.7;
  }
  .c-btn.--outline:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media screen and (max-width: 1199.98px) {
  .l-nav {
    max-width: 96vw;
    padding: 20px 20px 20px 40px;
  }
  .l-navList {
    gap: 2.4vw;
  }
  .l-fixed {
    padding: 16px;
  }
  .l-fixedList > li {
    padding-inline: 1.5625vw;
  }
  .l-fixedList .c-btn {
    padding-inline: 28px;
  }
  .l-footer__logo {
    grid-column: 1/4;
  }
  .top-kv__title {
    width: 45vw;
  }
  .top-kv__free {
    transform: translate(23vw, -110px);
    width: 18vw;
  }
}
@media screen and (max-width: 959.98px) {
  .l-navList {
    gap: 1.5vw;
  }
  .l-navList a {
    font-size: 1.5rem;
  }
  .l-fixedList > li {
    font-size: clamp(1.2rem, 1.1058823529rem + 0.2941176471vw, 1.5rem);
  }
  .l-fixedList a {
    font-size: clamp(1.4rem, 1.337254902rem + 0.1960784314vw, 1.6rem);
  }
  .l-fixedList .c-btn {
    padding-inline: 12px 20px;
  }
  .l-footerLink.--col01 {
    justify-content: flex-start;
  }
  .top-flow__item:not(:last-child) .top-flow__image-wrap:after {
    left: calc(100% + 10px);
    width: 22px;
    height: 30px;
  }
  .top-program__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .card-list {
    gap: 20px;
  }
}
/* ▼タブレット用デザインとして付け足すデザイン */
@media print, screen and (min-width: 768px) {
  .is-pctal {
    text-align: left !important;
  }
  .is-pctac {
    text-align: center !important;
  }
  .is-pctar {
    text-align: right !important;
  }
  .is-pcfcolorMain {
    color: #34BEEC !important;
  }
  .is-pcfcolorWhite {
    color: #fff !important;
  }
  .is-showsp {
    display: none !important;
  }
}
/* ▼モバイルのみ付け足すデザイン */
@media screen and (max-width: 767.98px) {
  .is-sptal {
    text-align: left !important;
  }
  .is-sptac {
    text-align: center !important;
  }
  .is-sptar {
    text-align: right !important;
  }
  .is-spfcolorMain {
    color: #34BEEC !important;
  }
  .is-spfcolorWhite {
    color: #fff !important;
  }
  .is-showpc {
    display: none !important;
  }
  .c-title.--skin01 {
    margin-bottom: 16px;
  }
  .c-btn {
    min-height: 60px;
    padding: 16px 28px;
  }
  .c-btnWrap {
    margin-top: 28px;
  }
  .c-btn.--sizeL {
    min-height: 70px;
    line-height: 1.3;
  }
  .c-tag {
    font-size: 1.2rem;
  }
  .c-newsList__anchor {
    grid-template-columns: auto 1fr;
    gap: 1rem;
    justify-items: start;
    padding: 20px 28px 20px 0;
  }
  .c-newsList__title {
    grid-column: 1/3;
  }
  .c-flex.--spcolumn {
    flex-direction: column;
  }
  .c-tabBtn {
    min-height: 40px;
    padding: 12px 4px;
    border-radius: 8px 8px 0 0;
    border-width: 2px;
  }
  .c-tabContent {
    padding: 8px;
    border-radius: 0 0 8px 8px;
  }
  .c-tabBox {
    padding: 16px;
  }
  .c-accordion {
    gap: 16px;
  }
  .c-accordion__item {
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  }
  .c-accordion__header:has(.c-accordion__trigger[aria-expanded=true]) .c-accordion__trigger {
    border-radius: 4px 4px 0 0;
  }
  .c-accordion__trigger {
    padding: 12px 40px 12px 20px;
    border-radius: 4px;
    font-size: clamp(1.8rem, 1.6745098039rem + 0.3921568627vw, 2.2rem);
  }
  .c-accordion__trigger::before {
    right: 8px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    padding: 0 0 1px 1px;
    border-radius: 50%;
  }
  .c-accordion__content {
    border-radius: 0 0 4px 4px;
  }
  .c-accordion__block {
    padding: 16px;
  }
  .c-card {
    border-radius: 8px;
  }
  .c-card__content {
    padding: 16px;
  }
  .c-card__tag {
    padding: 6px 10px;
    border-radius: 8px;
  }
  .l-container {
    padding-top: 60px;
    font-size: 1.5rem;
  }
  .l-header__inner {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 1000;
    height: 60px;
    padding: 8px 16px;
    background-color: #fff;
  }
  .l-nav {
    position: fixed;
    z-index: 1000;
    inset: 0 0 auto 0;
    transform: none;
    height: 60px;
    max-width: none;
    padding: 8px 16px;
    border-radius: 0;
  }
  .l-navBtn {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
  .l-navBtn span {
    position: absolute;
    left: 5px;
    display: block;
    width: 30px;
    height: 3px;
    background-color: #34BEEC;
    transition: all ease-in-out 0.4s;
  }
  .l-navBtn span:nth-child(1) {
    top: 9px;
  }
  .l-navBtn span:nth-child(2) {
    top: 19px;
  }
  .l-navBtn span:nth-child(3) {
    top: 29px;
  }
  .l-navBtn.is-open span:nth-child(1) {
    rotate: 45deg;
    top: 19px;
  }
  .l-navBtn.is-open span:nth-child(2) {
    width: 0;
  }
  .l-navBtn.is-open span:nth-child(3) {
    rotate: -45deg;
    top: 19px;
  }
  .l-navLogo {
    width: 86px;
  }
  .l-navWrap {
    position: absolute;
    inset: 60px 0 auto 0;
    display: none;
    background-color: #fff;
    box-shadow: 3.3px 3.3px 5.83px rgba(35, 24, 21, 0.75);
  }
  .l-navList {
    flex-direction: column;
    gap: 0;
  }
  .l-navList > li {
    border-top: 1px solid #ccc;
  }
  .l-navList a {
    display: block;
    padding: 12px 16px;
  }
  .l-fixedList {
    flex-wrap: wrap;
    gap: 12px 0;
  }
  .l-fixedList > li {
    gap: 6px 0;
    width: 50%;
  }
  .l-section {
    padding-block: 40px;
  }
  .l-section.--white {
    padding-block: 40px;
  }
  .l-section.--white > .l-cooperate:first-child {
    padding-top: 0px;
  }
  .l-cooperate {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .l-cooperate::before {
    height: 8px;
    margin-bottom: 40px;
  }
  .l-cooperate__slider {
    padding-top: 30px;
    padding-inline: 10px;
  }
  .l-cooperate__slider .swiper-slide {
    padding-inline: 10px;
  }
  .l-cooperate__slider .swiper-controller {
    top: auto;
    bottom: -80px;
    justify-content: center;
  }
  .l-footer__grid {
    grid-template-columns: minmax(0, 1fr);
    padding-block: 50px;
  }
  .l-footer__logo {
    grid-column: 1/2;
    grid-row: 3/4;
    padding-top: 40px;
  }
  .l-footer__logo img {
    max-width: 50vw;
  }
  .l-footer__orgList {
    grid-column: 1/2;
    grid-row: 4/5;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding-top: 40px;
    font-size: 1.6rem;
    text-align: center;
  }
  .l-footer__orgList img {
    margin-inline: auto;
    margin-bottom: 0;
  }
  .l-footerLink.--col01 {
    grid-column: 1/2;
    grid-row: 1/2;
    flex-direction: column;
    gap: 12px;
    text-align: left;
  }
  .l-footerLink.--col02 {
    grid-column: 1/2;
    grid-row: 2/3;
    gap: 12px;
    width: auto;
    margin-inline: 0;
    margin-top: 12px;
  }
  .l-footerLink.--col02 > li:last-child {
    margin-top: 16px;
  }
  .l-footerLink p {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
  }
  .l-footer__copy {
    padding: 20px 40px;
    font-size: 1.2rem;
  }
  .top-kv {
    min-height: 240px;
  }
  .top-kv__title {
    width: 65vw;
  }
  .top-kv__free {
    transform: translate(30vw, -70px);
    width: 21vw;
  }
  .top-news {
    padding-block: 40px;
  }
  .top-section:has(.--image02) {
    margin-top: 40px;
  }
  .top-section__header:has(.top-section__header__image) {
    padding-right: 0px;
  }
  .top-section__header:has(.top-section__header__image) p {
    padding-right: 100px;
  }
  .top-section__header__image {
    width: 100px;
  }
  .top-section__header__image.--image01 {
    right: -16px;
    bottom: -30px;
  }
  .top-section__header__image.--image02 {
    bottom: -20px;
  }
  .top-section__header.--has-descript {
    gap: 20px;
  }
  .top-section__header.--has-descript:has(.c-title.--skin01) {
    margin-bottom: 36px;
  }
  .top-clubArea__title {
    margin-bottom: 20px;
    padding: 12px 20px;
    font-size: clamp(1.6rem, 1.4745098039rem + 0.3921568627vw, 2rem);
  }
  .top-clubArea__title::after {
    border-width: 10px 10px 0;
  }
  .top-clubArea__list {
    grid-template-columns: minmax(0, 1fr);
  }
  .top-clubArea__list > div > dt {
    padding-block: 16px 8px;
    font-size: clamp(2rem, 1.8745098039rem + 0.3921568627vw, 2.4rem);
    font-weight: 900;
  }
  .top-clubArea__list > div > dt::before {
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }
  .top-clubArea__list > div > dt::after {
    width: 25px;
    height: 20px;
    margin-inline: 16px;
  }
  .top-clubArea__list > div > dd {
    padding-block: 8px 16px;
    font-size: clamp(1.6rem, 1.4117647059rem + 0.5882352941vw, 2.2rem);
  }
  .top-modalBtn {
    gap: 10px;
    margin-top: 40px;
  }
  .top-modalBtn__image {
    width: 60px;
  }
  .top-modalBtn__line01 {
    font-size: 2.5rem;
  }
  .top-modalBtn__line02 {
    font-size: 1.6rem;
  }
  .top-program {
    margin-top: 40px;
  }
  .top-program__title {
    font-size: 2.5rem;
  }
  .top-program__image {
    width: 100px;
    margin-top: -27px;
  }
  .top-program__areaTitle {
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 2px solid #34BEEC;
    color: #34BEEC;
    font-size: 2rem;
    font-weight: 700;
  }
  .top-program__grid {
    gap: 12px;
  }
  .top-program__grid__text {
    font-size: 1.6rem;
  }
  .top-flow {
    padding: 40px 5.2083333333vw;
  }
  .top-flow__inner {
    padding: 20px;
    border-radius: 20px;
  }
  .top-flow__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 52px;
  }
  .top-flow__item:not(:last-child) {
    position: relative;
  }
  .top-flow__item:not(:last-child)::after {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;utf8,<svg id="_繝ｬ繧､繝､繝ｼ_1" data-name="繝ｬ繧､繝､繝ｼ 1" xmlns="http://www.w3.org/2000/svg" width="31.97" height="58.41" viewBox="0 0 31.97 58.41">  <defs>    <style>      .cls-1 {        fill: none;        stroke: %23c9caca;        stroke-linecap: round;        stroke-linejoin: round;        stroke-width: 6px;      }    </style>  </defs>  <polyline class="cls-1" points="3 3 28.97 30.22 3 55.41"/></svg>') no-repeat center center/contain;
  }
  .top-flow__item:not(:last-child) .top-flow__image-wrap::after {
    content: none;
  }
  .top-flow__btn-container {
    flex-direction: column;
    gap: 28px;
    margin-top: 20px;
  }
  .top-flow__btn-container .c-btn {
    padding-inline: 16px;
  }
  .top-flow__btn-note {
    margin-top: 12px;
  }
  .club-info {
    border-radius: 12px;
  }
  .club-info + .club-info {
    margin-top: 32px;
  }
  .club-info__title {
    display: block;
    min-width: 0;
    margin-bottom: 20px;
    border-radius: 4px 4px 0 0;
  }
  .club-info__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .club-info__item {
    grid-template-rows: auto;
  }
  .club-info__icon-wrap img[src*="icon-document-search.svg"] {
    transform: translateX(11px);
  }
  .club-info__card-title {
    margin-bottom: 8px;
  }
  .club-info__text {
    font-size: clamp(1.4rem, 1.337254902rem + 0.1960784314vw, 1.6rem);
  }
  .club-info__btn-wrap {
    padding-top: 12px;
  }
  .hub-section {
    padding: 16px;
  }
  .hub-section__header {
    margin-bottom: 20px;
  }
  .hub-section__title {
    font-size: clamp(2.2rem, 2.0117647059rem + 0.5882352941vw, 2.8rem);
    border-bottom: 2px dotted #333333;
  }
  .hub-section__grid {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
  }
  .hub-section__gallery-col {
    gap: 12px;
    width: 100%;
  }
  .hub-section__info-box {
    padding: 20px 12px;
  }
  .hub-section__info-box::before {
    width: 20px;
  }
  .hub-section__info-box::after {
    width: 20px;
  }
  .hub-section__badge {
    padding: 8px 16px;
  }
  .card-list {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 28px;
  }
}
/* #Print Fixes */
@media print {
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  @page {
    margin: 1cm 1cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  body {
    width: auto;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}