@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
#yamawakecp2026 {
  color: #fff;
}
#yamawakecp2026 *,
#yamawakecp2026 *::before,
#yamawakecp2026 *::after {
  box-sizing: border-box;
  font-feature-settings: "palt";
}
#yamawakecp2026 article, #yamawakecp2026 aside, #yamawakecp2026 body, #yamawakecp2026 dd, #yamawakecp2026 dl, #yamawakecp2026 dt, #yamawakecp2026 figcaption, #yamawakecp2026 figure, #yamawakecp2026 footer, #yamawakecp2026 h1, #yamawakecp2026 h2, #yamawakecp2026 h3, #yamawakecp2026 h4, #yamawakecp2026 h5, #yamawakecp2026 h6, #yamawakecp2026 header, #yamawakecp2026 html, #yamawakecp2026 li, #yamawakecp2026 nav, #yamawakecp2026 ol, #yamawakecp2026 p, #yamawakecp2026 section, #yamawakecp2026 ul, #yamawakecp2026 span {
  font-family: "Noto Sans JP", sans-serif;
}
#yamawakecp2026 article, #yamawakecp2026 aside, #yamawakecp2026 details, #yamawakecp2026 figcaption, #yamawakecp2026 figure, #yamawakecp2026 footer, #yamawakecp2026 header, #yamawakecp2026 hgroup, #yamawakecp2026 menu, #yamawakecp2026 nav, #yamawakecp2026 section, #yamawakecp2026 main {
  display: block;
}
#yamawakecp2026 ul, #yamawakecp2026 li {
  list-style: none;
}
#yamawakecp2026 a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background: transparent;
  transition: opacity 0.3s;
  display: block;
  position: relative;
  z-index: 2;
  transform: translateZ(1px);
}
#yamawakecp2026 a:hover {
  opacity: 0.7;
}
#yamawakecp2026 a,
#yamawakecp2026 a:link,
#yamawakecp2026 a:visited {
  text-decoration: none;
}
#yamawakecp2026 img {
  width: 100%;
  height: auto;
}

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

html {
  font-size: 62.5%;
}

#yamawakecp2026 {
  background: -moz-linear-gradient(-116.29% 4.51% -68.48deg, rgb(191, 192, 192) 0%, rgb(255, 255, 255) 12.85%, rgb(201, 201, 202) 25.05%, rgb(253, 253, 253) 39.18%, rgb(191, 192, 192) 52.61%, rgb(253, 253, 253) 65.17%, rgb(191, 192, 192) 76.91%, rgb(253, 253, 253) 88.05%, rgb(191, 192, 192) 100%);
  background: -webkit-linear-gradient(-68.48deg, rgb(191, 192, 192) 0%, rgb(255, 255, 255) 12.85%, rgb(201, 201, 202) 25.05%, rgb(253, 253, 253) 39.18%, rgb(191, 192, 192) 52.61%, rgb(253, 253, 253) 65.17%, rgb(191, 192, 192) 76.91%, rgb(253, 253, 253) 88.05%, rgb(191, 192, 192) 100%);
  background: -webkit-gradient(linear, -116.29% 4.51%, 214.68% 95.05%, color-stop(0, rgb(191, 192, 192)), color-stop(0.1285, rgb(255, 255, 255)), color-stop(0.2505, rgb(201, 201, 202)), color-stop(0.3918, rgb(253, 253, 253)), color-stop(0.5261, rgb(191, 192, 192)), color-stop(0.6517, rgb(253, 253, 253)), color-stop(0.7691, rgb(191, 192, 192)), color-stop(0.8805, rgb(253, 253, 253)), color-stop(1, rgb(191, 192, 192)));
  background: -o-linear-gradient(-68.48deg, rgb(191, 192, 192) 0%, rgb(255, 255, 255) 12.85%, rgb(201, 201, 202) 25.05%, rgb(253, 253, 253) 39.18%, rgb(191, 192, 192) 52.61%, rgb(253, 253, 253) 65.17%, rgb(191, 192, 192) 76.91%, rgb(253, 253, 253) 88.05%, rgb(191, 192, 192) 100%);
  background: -ms-linear-gradient(-68.48deg, rgb(191, 192, 192) 0%, rgb(255, 255, 255) 12.85%, rgb(201, 201, 202) 25.05%, rgb(253, 253, 253) 39.18%, rgb(191, 192, 192) 52.61%, rgb(253, 253, 253) 65.17%, rgb(191, 192, 192) 76.91%, rgb(253, 253, 253) 88.05%, rgb(191, 192, 192) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFC0C0', endColorstr='#BFC0C0' ,GradientType=0)";
  background: linear-gradient(158.48deg, rgb(191, 192, 192) 0%, rgb(255, 255, 255) 12.85%, rgb(201, 201, 202) 25.05%, rgb(253, 253, 253) 39.18%, rgb(191, 192, 192) 52.61%, rgb(253, 253, 253) 65.17%, rgb(191, 192, 192) 76.91%, rgb(253, 253, 253) 88.05%, rgb(191, 192, 192) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFC0C0',endColorstr='#BFC0C0' , GradientType=1);
  position: relative;
  overflow-x: hidden;
  padding: 45px 0 40px;
}
#yamawakecp2026::before {
  content: "";
  width: 1280px;
  height: 100%;
  background: url("../img/bg.png") center center repeat-y;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#yamawakecp2026 .wrap {
  max-width: 640px;
  width: 100%;
  margin: auto;
}
#yamawakecp2026 .drop_img {
  position: relative;
}
#yamawakecp2026 .drop_img::before {
  content: "";
  position: absolute;
  pointer-events: none;
}
#yamawakecp2026 .drop_img01::before {
  background: url("../img/drop_img01.png") center center no-repeat;
  background-size: contain;
  width: 3.7rem;
  height: 10.1rem;
  top: 6.7rem;
  left: -4.6rem;
}
#yamawakecp2026 .drop_img02::before {
  background: url("../img/drop_img02.png") center center no-repeat;
  background-size: contain;
  width: 59.2rem;
  height: 22.4rem;
  top: -5.4rem;
  left: -4.2rem;
}
#yamawakecp2026 .drop_img03::before {
  background: url("../img/drop_img03.png") center center no-repeat;
  background-size: contain;
  width: 61.4rem;
  height: 17.7rem;
  top: 0.7rem;
  left: -5.2rem;
}
#yamawakecp2026 .entry-status__title {
  width: 86.09375%;
  margin: 0 23px 0 auto;
}
#yamawakecp2026 .entry-status {
  width: 100%;
  max-width: 572px;
  width: 90%;
  margin: 15px auto 0;
  text-align: center;
}
#yamawakecp2026 .entry-status[data-apply-csv-url] {
  opacity: 0;
}
#yamawakecp2026 .entry-status[data-apply-csv-url].is_apply-ready.is_active {
  opacity: 1;
}
#yamawakecp2026 .entry-status__message {
  margin: 15px auto 0;
  padding: 18px 20px;
  border-radius: 10px;
  background: #0c3484;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
#yamawakecp2026 .entry-status .entry-status__message {
  margin: 0;
}
#yamawakecp2026 .entry-status__count {
  margin: 0 0 14px;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #fff100;
  -webkit-text-stroke: 10px #0c3484;
  paint-order: stroke fill;
  text-stroke: 10px #0c3484;
  transform: skewX(-8deg);
  display: inline-block;
}
#yamawakecp2026 .entry-status__count [data-apply-current] {
  font-size: 46px;
  font-weight: 700;
  margin-right: 8px;
  -webkit-text-stroke: 12px #0c3484;
  paint-order: stroke fill;
  text-stroke: 12px #0c3484;
}
#yamawakecp2026 .entry-status__count [data-apply-total] {
  font-weight: 700;
  margin-left: 8px;
}
#yamawakecp2026 .entry-status__bar {
  display: flex;
  align-items: center;
  height: 48px;
  border-radius: 999px;
  background: #0c3484;
  box-sizing: border-box;
  padding: 5px;
  gap: 8px;
  position: relative;
}
#yamawakecp2026 .entry-status__bar-fill {
  display: block;
  height: 100%;
  min-width: 38px;
  background: #fff100;
  border-radius: 999px;
  transition: flex-basis 0.6s ease;
}
#yamawakecp2026 .entry-status__date {
  background: #e4007f;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  padding: 3px 8px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
#yamawakecp2026 .date {
  width: 74.53125%;
  margin: 2rem auto 0;
}
#yamawakecp2026 .txt01 {
  width: 81.40625%;
  margin: 5.3rem auto 0;
}
#yamawakecp2026 .banner {
  width: 89.375%;
  margin: 2rem auto 0;
}
#yamawakecp2026 .txt02 {
  width: 79.53125%;
  margin: 3.6rem auto 0;
}
#yamawakecp2026 .txt03 {
  width: 76.5625%;
  margin: 7px auto 0;
}
#yamawakecp2026 .note_list {
  margin-top: 2rem;
}
#yamawakecp2026 .note {
  font-size: 19px;
  font-weight: 700;
  color: #005bab;
  text-align: center;
  line-height: 1.3684210526;
}

#yamawakecp2026 .floating_area {
  position: fixed;
  right: 1.8rem;
  bottom: 10rem;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#yamawakecp2026 .floating_area.is-show {
  opacity: 1;
  visibility: visible;
}
#yamawakecp2026 .floating_area a {
  box-shadow: 0.27rem 0.27rem 0.27rem rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  width: 14.1rem;
  height: 14.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#yamawakecp2026 .floating_area a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  border-radius: inherit;
}
#yamawakecp2026 .floating_area a:hover {
  opacity: 1;
}
#yamawakecp2026 .floating_area a:hover::after {
  opacity: 0.3;
}
#yamawakecp2026 .floating_area a + a {
  margin-top: 1.5rem;
}
#yamawakecp2026 .floating_area .floating-btn-apply img {
  width: 11.9rem;
}
#yamawakecp2026 .floating_area .floating-btn-apply {
  background: -moz-linear-gradient(0% 50% 0deg, rgb(255, 169, 74) 0%, rgb(255, 98, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(255, 169, 74) 0%, rgb(255, 98, 0) 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgb(255, 169, 74)), color-stop(1, rgb(255, 98, 0)));
  background: -o-linear-gradient(0deg, rgb(255, 169, 74) 0%, rgb(255, 98, 0) 100%);
  background: -ms-linear-gradient(0deg, rgb(255, 169, 74) 0%, rgb(255, 98, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA94A', endColorstr='#FF6200' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(255, 169, 74) 0%, rgb(255, 98, 0) 100%);
  box-shadow: 0.27rem 0.27rem 0.27rem rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.7, OffY=2.7, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA94A',endColorstr='#FF6200' , GradientType=1);
}
#yamawakecp2026 .floating_area .floating-btn-strategy {
  background: -moz-linear-gradient(0% 50% 0deg, rgb(255, 241, 0) 0%, rgb(253, 205, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgb(255, 241, 0) 0%, rgb(253, 205, 0) 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgb(255, 241, 0)), color-stop(1, rgb(253, 205, 0)));
  background: -o-linear-gradient(0deg, rgb(255, 241, 0) 0%, rgb(253, 205, 0) 100%);
  background: -ms-linear-gradient(0deg, rgb(255, 241, 0) 0%, rgb(253, 205, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF100', endColorstr='#FDCD00' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(255, 241, 0) 0%, rgb(253, 205, 0) 100%);
  box-shadow: 0.27rem 0.27rem 0.27rem rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.7, OffY=2.7, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF100',endColorstr='#FDCD00' , GradientType=1);
}
#yamawakecp2026 .floating_area .floating-btn-strategy img {
  width: 11.3rem;
}

@media screen and (max-width: 639px) {
  html {
    font-size: 1.5625vw;
  }
  #yamawakecp2026 .entry-status__count {
    font-size: 3.2rem;
  }
  #yamawakecp2026 .entry-status__count [data-apply-current] {
    font-size: 5rem;
  }
  #yamawakecp2026 .entry-status__date {
    font-size: 2.4rem;
    padding: 0.3rem 1.4rem;
    right: 2.4rem;
  }
  #yamawakecp2026 .entry-status__message {
    font-size: 2.4rem;
  }
  #yamawakecp2026 .note {
    font-size: 2.2rem;
  }
  #yamawakecp2026 .floating_area {
    bottom: 2rem;
  }
  #yamawakecp2026 .floating_area a:hover::after {
    opacity: 0;
  }
}
/* スクロールアニメーション用の初期状態 */
.js_scrollClass {
  opacity: 0;
  translate: 0 15%;
  -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
  transition: opacity 1s ease-out, translate 1s ease-out;
}

.js_scrollClass.is_active {
  opacity: 1;
  translate: 0;
}

.js_scrollClass--tobidashi {
  -webkit-transform: translate(0%, 0%) scale(0.8);
  transform: translate(0%, 0%) scale(0.8);
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}

.js_scrollClass--tobidashi.is_active {
  -webkit-transform: translate(0%, 0%) scale(1);
  transform: translate(0%, 0%) scale(1);
}