/* ------------------------
 *   Foundation/Font Face
 * -------------------------------- */
/* ------------------------
 *   Foundation/Base
 * -------------------------------- */
/* for Tablet */
@media (min-width: 640px) {
  :root {
    --rv: calc((100vw - var(--sb)) / 128);
    --cv: calc(1 * var(--rv));
  }
}
/* for PC (Scaling) */
/* for PC (Fixing) */
/* for PC (High resolution) */
@media (min-width: 1280px) {
  :root {
    --rv: calc((100vw - var(--sb)) / 128);
    --cv: calc(1 * var(--rv));
  }
}
/* for Mobile */
@media (max-width: 640px) {
  :root {
    --rv: calc((100vw - var(--sb)) / 64);
    --cv: calc(1 * var(--rv));
  }
}
/* Notify Javascript */
:root {
  --breakpoint-sp: 640;
  --breakpoint-tb: 0;
  --breakpoint-pc: 1280;
  --breakpoint-high: 1280;
}

body {
  margin: 0;
  min-height: 100svh;
  background-color: #f3d511;
  opacity: 0;
}

[class*=-n-],
[class*=-n-]::before,
[class*=-n-]::after {
  box-sizing: border-box;
}

[class*=-n-] {
  position: relative;
  margin: 0;
  padding: 0;
}

[class*=-n-]::before,
[class*=-n-]::after {
  display: block;
}

a:not([class*=-n-]) {
  color: #0033ff;
  text-decoration: underline;
}

ul[class*=-n-],
ol[class*=-n-] {
  list-style: none;
}

button[class*=-n-],
input[class*=-n-],
select[class*=-n-],
textarea[class*=-n-] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[class*=-n-] picture {
  display: flex;
}

/* End of base */
/* ------------------------
 *   Object/Component/Common
 * -------------------------------- */
.c-n-image {
  display: flex;
  flex-direction: column;
}
.c-n-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.c-n-image.-fit img {
  object-fit: cover;
  object-position: center;
}

.c-n-NotoSansJP-Regular {
  color: #000000;
  font: 400 calc(1.6 * var(--cv))/1.5 "NotoSansJP-Regular", "Noto Sans JP", sans-serif;
  letter-spacing: 0em;
  white-space: normal;
}

.c-n-NotoSansJP-Bold {
  color: #000000;
  font: 700 calc(1.6 * var(--cv))/1.5 "NotoSansJP-Bold", "Noto Sans JP", sans-serif;
  letter-spacing: 0em;
  white-space: normal;
}

.c-n-NotoSerifJP-Bold {
  color: #000000;
  font: 700 calc(1.6 * var(--cv))/1.5 "NotoSerifJP-Bold", "Noto Serif JP", sans-serif;
  letter-spacing: 0em;
  white-space: normal;
}

.c-n-NotoSansCJKjp-Regular {
  color: #000000;
  font: 400 calc(1.6 * var(--cv))/1.5 "NotoSansCJKjp-Regular", "Noto Sans JP", sans-serif;
  letter-spacing: 0em;
  white-space: normal;
}

.c-n-NotoSerifJP-Black {
  color: #000000;
  font: 900 calc(1.6 * var(--cv))/1.5 "NotoSerifJP-Black", "Noto Serif JP", sans-serif;
  letter-spacing: 0em;
  white-space: normal;
}

.c-n-Barlow-Medium {
  color: #000000;
  font: 500 calc(1.6 * var(--cv))/1.5 "Barlow-Medium", "Barlow", sans-serif;
  letter-spacing: 0em;
  white-space: normal;
}

.c-n-NotoSerifJP-SemiBold {
  color: #000000;
  font: 600 calc(1.6 * var(--cv))/1.5 "NotoSerifJP-SemiBold", "Noto Serif JP", sans-serif;
  letter-spacing: 0em;
  white-space: normal;
}

.c-n-Barlow-Bold {
  color: #000000;
  font: 700 calc(1.6 * var(--cv))/1.5 "Barlow-Bold", "Barlow", sans-serif;
  letter-spacing: 0em;
  white-space: normal;
}

/* ------------------------
 *   Object/Component/Inner
 * -------------------------------- */
.c-n-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: calc(128 * var(--rv));
  max-width: calc(128 * var(--rv));
  height: inherit;
  margin: 0 auto;
  padding-left: calc(11.5 * var(--rv));
  padding-right: calc(11.5 * var(--rv));
}

.c-n-inner.-wide {
  min-width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 0px) {
  .c-n-inner {
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 640px) {
  .c-n-inner {
    min-width: 100%;
    max-width: 100%;
    padding-left: calc(2.5 * var(--rv));
    padding-right: calc(2.5 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Footer
 * -------------------------------- */
.l-n-footer__copyright {
  color: #272c3d;
  font-size: calc(1.2 * var(--cv));
  line-height: 2.5;
  letter-spacing: 0.08em;
}
.l-n-footer__head {
  color: #272c3d;
  line-height: 1.88;
  letter-spacing: 0.08em;
}
.l-n-footer__logo {
  width: calc(10 * var(--rv));
  margin-top: calc(3 * var(--rv));
  margin-bottom: calc(5.2 * var(--rv));
}
.l-n-footer__logo a {
  transition: opacity 0.5s;
}
.l-n-footer__logo a:hover {
  opacity: 0.7;
}
.l-n-footer__sns {
  width: calc(5.2 * var(--rv));
}

@media (max-width: 640px) {
  .l-n-footer__copyright {
    font-size: calc(2.2 * var(--cv));
    line-height: 1.64;
    text-align: center;
  }
  .l-n-footer__head {
    font-size: calc(2.8 * var(--cv));
    line-height: 1.18;
    letter-spacing: 0.06em;
    margin-bottom: calc(4.5 * var(--rv));
  }
  .l-n-footer__logo {
    width: calc(16 * var(--rv));
    margin-top: calc(6.5 * var(--rv));
    margin-bottom: calc(7 * var(--rv));
  }
  .l-n-footer__sns {
    width: calc(7.8 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Header
 * -------------------------------- */
.l-n-header {
  position: absolute;
  z-index: 10;
}
.l-n-header > div {
  align-items: flex-start;
}
.l-n-header__logo {
  top: calc(2 * var(--rv));
  left: calc(2.5 * var(--rv));
  width: calc(6.7 * var(--rv));
}
.l-n-header__logo a {
  transition: opacity 0.5s;
}
.l-n-header__logo a:hover {
  opacity: 0.7;
}
.l-n-header__list {
  background-color: #272c3d;
  display: flex;
  justify-content: center;
  width: calc(128 * var(--rv));
  height: calc(7 * var(--rv));
}
.l-n-header__item a {
  border-left: calc(0.1 * var(--rv)) solid #52586d;
  color: #f3d511;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(14.9 * var(--rv));
  height: 100%;
  transition: background-color 0.5s;
}
.l-n-header__item a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.l-n-header__item.-disable a {
  color: rgba(255, 255, 255, 0.15);
  pointer-events: none;
}
.l-n-header__item.-active a {
  background-color: #4c5266;
  color: #000000;
}
.l-n-header__item:nth-last-child(1) {
  border-right: calc(0.1 * var(--rv)) solid #52586d;
}
.l-n-header__top {
  color: #ffffff;
  font-size: calc(2.4 * var(--cv));
  letter-spacing: 0.06em;
  text-decoration: none;
  display: none;
  margin: calc(4.6 * var(--rv)) calc(4.1 * var(--rv));
}
.l-n-header__home {
  width: calc(3.6 * var(--rv));
  margin-right: calc(1.4 * var(--rv));
}
.l-n-header__bottom {
  color: #ffffff;
  font-size: calc(2 * var(--cv));
  letter-spacing: 0.06em;
  display: none;
}

body:not(.l-s-index) .l-n-header {
  width: 100%;
}
body:not(.l-s-index) .l-n-header > div {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: calc(13 * var(--rv));
}
body:not(.l-s-index) .l-n-header__logo {
  top: 0;
  left: 0;
  margin-left: calc(3.5 * var(--rv));
}
body:not(.l-s-index) .l-n-header__title {
  left: calc(1.6 * var(--rv));
  width: calc(30 * var(--rv));
}
body:not(.l-s-index) .l-n-header__title a {
  transition: opacity 0.5s;
}
body:not(.l-s-index) .l-n-header__title a:hover {
  opacity: 0.7;
}
body:not(.l-s-index) .l-n-header__button {
  background-color: #ffffff;
  border: calc(0.1 * var(--rv)) solid #ffffff;
  border-radius: calc(3 * var(--rv));
  color: #000000;
  font-size: calc(1.2 * var(--cv));
  line-height: 1.67;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(10 * var(--rv));
  height: calc(3 * var(--rv));
  margin-right: calc(3.5 * var(--rv));
  transition: background-color 0.5s, color 0.5s;
}
body:not(.l-s-index) .l-n-header__button:hover {
  background-color: rgba(255, 255, 255, 0.85);
  color: #000000;
}

@media (max-width: 640px) {
  .l-n-header {
    width: 100%;
  }
  .l-n-header__title {
    width: calc(37.2 * var(--rv));
  }
  .l-n-header__logo {
    top: calc(4 * var(--rv));
    left: calc(3 * var(--rv));
    width: calc(8.2 * var(--rv));
  }
  .l-n-header__top {
    display: flex;
  }
  .l-n-header__list {
    background-color: transparent;
    flex-wrap: wrap;
    gap: calc(1.8 * var(--rv)) calc(1.5 * var(--rv));
    width: 100%;
    height: auto;
    margin-top: calc(2.8 * var(--rv));
  }
  .l-n-header__item a {
    border: none;
    background-color: #272c3d;
    color: #f3d511;
    font-size: calc(3 * var(--cv));
    line-height: 1.33;
    width: calc(29 * var(--rv));
    height: calc(13 * var(--rv));
    border-radius: calc(0.5 * var(--rv));
  }
  .l-n-header__item.-active a {
    background-color: #4c5266;
    color: #000000;
  }
  .l-n-header__item.-disable a {
    background-color: #272c3d;
    color: rgba(255, 255, 255, 0.15);
  }
  .l-n-header__bottom {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: calc(3.2 * var(--rv));
  }
  body:not(.l-s-index) .l-n-header {
    border-bottom: calc(0.1 * var(--rv)) solid #9b7f19;
  }
  body:not(.l-s-index) .l-n-header__logo {
    width: calc(8.2 * var(--rv));
    margin-left: calc(3 * var(--rv));
  }
  body:not(.l-s-index) .l-n-header__title {
    left: calc(1.2 * var(--rv));
    width: calc(37 * var(--rv));
  }
  body:not(.l-s-index) .l-n-header__button {
    opacity: 0;
    pointer-events: none;
  }
}
/* ------------------------
 *   Layout/Main
 * -------------------------------- */
#Topics {
  display: block;
  margin-top: calc(-7 * var(--rv));
  padding-top: calc(7 * var(--rv));
}

.l-s-index .l-n-wrapper {
  background: url("../img/index/background.webp") center top/calc(128 * var(--rv)) no-repeat;
  width: 100%;
  min-height: calc(224 * var(--rv));
  background-position: 0 calc(54.5 * var(--rv));
  background-size: 100% calc(100% - calc(54.5 * var(--rv)));
  min-height: auto;
}

body:not(.l-s-index) .l-n-wrapper {
  background: url("../img/index/background.webp") center top/calc(128 * var(--rv)) no-repeat;
  width: 100%;
  min-height: calc(321 * var(--rv));
  background-size: 100% 100%;
  background-repeat: repeat-y;
  padding-top: calc(20 * var(--rv));
  min-height: auto;
}
body:not(.l-s-index) .l-n-wrapper::before {
  background: url("../img/about/background-before.webp") center top/calc(128 * var(--rv)) no-repeat;
  width: 100%;
  min-height: calc(28.5 * var(--rv));
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(28.5 * var(--rv));
}

@media (max-width: 640px) {
  .l-s-index .l-n-wrapper {
    background: url("../img/index/background_sp.webp") center top/calc(64 * var(--rv)) no-repeat;
    width: 100%;
    min-height: calc(414.2 * var(--rv));
    background-position: 0 calc(96 * var(--rv));
    background-size: 100% calc(100% - calc(96 * var(--rv)));
    min-height: auto;
  }
  body:not(.l-s-index) .l-n-wrapper {
    background: url("../img/index/background_sp.webp") center top/calc(64 * var(--rv)) no-repeat;
    width: 100%;
    min-height: calc(584 * var(--rv));
    background-repeat: repeat-y;
    padding-top: calc(13 * var(--rv));
    min-height: auto;
  }
  body:not(.l-s-index) .l-n-wrapper::before {
    background: url("../img/about/background-before_sp.webp") center top/calc(64 * var(--rv)) no-repeat;
    width: 100%;
    min-height: calc(22.4 * var(--rv));
    height: calc(22.4 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Page/About
 * -------------------------------- */
.l-n-article__en {
  color: #272c3d;
  font-size: calc(1.2 * var(--cv));
  line-height: 1.67;
  letter-spacing: 0.2em;
  margin-bottom: calc(2.2 * var(--rv));
}
.l-n-article__head {
  border-bottom: calc(0.1 * var(--rv)) solid #2f0669;
  color: #2f0669;
  font-size: calc(2.6 * var(--cv));
  letter-spacing: 0.08em;
  text-align: center;
  width: 100%;
  margin-bottom: calc(0.2 * var(--rv));
  padding-top: calc(3.5 * var(--rv));
  padding-bottom: calc(0.5 * var(--rv));
}

.l-s-about .l-n-article__text {
  line-height: 2;
  letter-spacing: 0.02em;
  width: 100%;
  margin-bottom: calc(1.8 * var(--rv));
}
.l-s-about .l-n-article__text.-right {
  text-align: right;
}
.l-s-about .l-n-article__title {
  color: #3a0404;
  font-size: calc(4.8 * var(--cv));
  text-align: center;
  margin: calc(2.6 * var(--rv)) 0;
}
.l-s-about .l-n-article__figcaption {
  color: #666666;
  font-size: calc(1.4 * var(--cv));
  line-height: 1.57;
  letter-spacing: 0.02em;
  text-align: center;
  width: 100%;
  margin-top: calc(0.5 * var(--rv));
  margin-bottom: calc(3.5 * var(--rv));
}
.l-s-about .l-n-article__cource {
  width: calc(47.9 * var(--rv));
  margin: calc(-0.6 * var(--rv)) auto calc(3.2 * var(--rv));
}
.l-s-about .l-n-article__image {
  width: 100%;
}
.l-s-about .l-n-article__hr {
  background-color: #bba00c;
  border: none;
  width: 100%;
  height: calc(0.1 * var(--rv));
  margin-top: calc(3.2 * var(--rv));
  margin-bottom: calc(-0.8 * var(--rv));
}

.l-n-pickup {
  background-color: rgba(0, 0, 0, 0.3);
  margin-top: calc(7 * var(--rv));
  padding-top: calc(3 * var(--rv));
  padding-bottom: calc(3.5 * var(--rv));
}
.l-n-pickup__title {
  color: #ffffff;
  line-height: 1.44;
  margin-top: calc(0.8 * var(--rv));
}
.l-n-pickup__head {
  color: #f3d511;
  font-size: calc(2 * var(--cv));
  line-height: 0.95;
  letter-spacing: 0.03em;
  margin-bottom: calc(3.5 * var(--rv));
}
.l-n-pickup__thumb {
  width: calc(20 * var(--rv));
}

@media (max-width: 640px) {
  .l-n-article__en {
    font-size: calc(1.5 * var(--cv));
    line-height: 1.33;
    padding-bottom: calc(1 * var(--rv));
  }
  .l-n-article__head {
    border-bottom: none;
    font-size: calc(3.4 * var(--cv));
    letter-spacing: 0.1em;
    padding-bottom: 0;
  }
  .l-s-about .l-n-article__text {
    font-size: calc(2.59 * var(--cv));
    line-height: 1.85;
  }
  .l-s-about .l-n-article__text.-space {
    margin-top: calc(7.2 * var(--rv));
  }
  .l-s-about .l-n-article__title {
    letter-spacing: 0.06em;
    margin-top: 0;
  }
  .l-s-about .l-n-article__figcaption {
    font-size: calc(1.993 * var(--cv));
    line-height: 1.35;
    text-align: left;
    margin-top: calc(1 * var(--rv));
    margin-bottom: calc(3 * var(--rv));
  }
  .l-s-about .l-n-article__hr {
    margin-top: calc(7.8 * var(--rv));
    margin-bottom: calc(2.4 * var(--rv));
  }
  .l-n-pickup__title {
    font-size: calc(2 * var(--cv));
    line-height: 1.15;
  }
  .l-n-pickup__head {
    font-size: calc(3 * var(--cv));
    line-height: 0.63;
  }
  .l-n-pickup__thumb {
    width: calc(26.4 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Page/Campaign
 * -------------------------------- */
.l-s-campaign .l-n-article__title {
  color: #333333;
  font-size: calc(3.2 * var(--cv));
  line-height: 1.55;
  text-align: center;
  margin: calc(2.6 * var(--rv)) 0;
}
.l-s-campaign .l-n-article__image {
  width: calc(52 * var(--rv));
}
.l-s-campaign .l-n-article__caption {
  color: #666666;
  font-size: calc(1.4 * var(--cv));
  line-height: 1.55;
  text-align: center;
  margin: calc(0.5 * var(--rv)) 0 calc(3 * var(--rv));
}
.l-s-campaign .l-n-article__text {
  font-size: calc(1.8 * var(--cv));
  line-height: 2;
  letter-spacing: 0.02em;
  width: 100%;
  margin-bottom: calc(1.8 * var(--rv));
}
.l-s-campaign .l-n-article__block {
  border: calc(0.1 * var(--rv)) solid #c7bb7c;
  border-radius: calc(0.5 * var(--rv));
  width: 100%;
  margin-top: calc(2 * var(--rv));
  padding: calc(2.5 * var(--rv)) calc(5 * var(--rv)) calc(5 * var(--rv));
}
.l-s-campaign .l-n-article__detail {
  display: flex;
  margin-bottom: calc(1 * var(--rv));
}
.l-s-campaign .l-n-article__term {
  color: #888888;
  font-size: calc(1.4 * var(--cv));
  line-height: 3.21;
  letter-spacing: 0.02em;
  margin-right: calc(0.5 * var(--rv));
}
.l-s-campaign .l-n-article__data {
  font-size: calc(1.8 * var(--cv));
  line-height: 2.5;
  letter-spacing: 0.02em;
}
.l-s-campaign .l-n-article__note {
  font-size: calc(1.5 * var(--cv));
  line-height: 1.75;
  letter-spacing: 0.02em;
  margin-top: calc(2 * var(--rv));
}

@media (max-width: 640px) {
  .l-s-campaign .l-n-article__image {
    width: 100%;
  }
  .l-s-campaign .l-n-article__caption {
    font-size: calc(1.6 * var(--cv));
  }
  .l-s-campaign .l-n-article__text {
    font-size: calc(2.4 * var(--cv));
    line-height: 1.75;
    letter-spacing: 0.03em;
  }
  .l-s-campaign .l-n-article__block {
    margin-top: calc(3.5 * var(--rv));
    padding: calc(2.5 * var(--rv)) calc(3 * var(--rv)) calc(3 * var(--rv));
  }
  .l-s-campaign .l-n-article__detail {
    flex-direction: column;
    margin-bottom: calc(3.8 * var(--rv));
  }
  .l-s-campaign .l-n-article__term {
    font-size: calc(1.8 * var(--cv));
    line-height: 1.54;
  }
  .l-s-campaign .l-n-article__data {
    font-size: calc(2.2 * var(--cv));
    line-height: 1.95;
  }
  .l-s-campaign .l-n-article__note {
    font-size: calc(1.8 * var(--cv));
  }
}
/* ------------------------
 *   Layout/Page/Data
 * -------------------------------- */
.l-s-data .l-n-article h3 {
  font-size: calc(3.2 * var(--cv));
  font-weight: 600;
  line-height: 1.4;
  width: 100%;
  margin: calc(2.6 * var(--rv)) 0;
}
.l-s-data .l-n-article__note01 {
  line-height: 1.6;
  width: 100%;
  margin-bottom: calc(-2.4 * var(--rv));
}
.l-s-data .l-n-article h4 {
  background-color: #222222;
  color: #ffffff;
  font-size: calc(2.4 * var(--cv));
  font-weight: 500;
  line-height: 1.2;
  width: 100%;
  margin: calc(7.2 * var(--rv)) 0 calc(1.5 * var(--rv));
  padding: calc(1 * var(--rv)) calc(1.5 * var(--rv));
}
.l-s-data .l-n-article h4::before {
  background-color: #a40000;
  content: "";
  position: absolute;
  top: calc(-0.3 * var(--rv));
  left: calc(-0.3 * var(--rv));
  width: calc(2.1 * var(--rv));
  height: calc(2.1 * var(--rv));
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.l-s-data .l-n-article figure {
  width: 100%;
  margin: calc(2.3 * var(--rv)) auto;
}
.l-s-data .l-n-article picture {
  order: 2;
}
.l-s-data .l-n-article figcaption {
  font-size: calc(1.9 * var(--cv));
  line-height: 1.8;
  letter-spacing: 0.02em;
}
.l-s-data .l-n-article p:not(.l-s-data .l-n-article__en) {
  font-size: calc(1.9 * var(--cv));
  line-height: 1.8;
  letter-spacing: 0.02em;
  text-indent: 1em;
  width: 100%;
}
.l-s-data .l-n-article p:not(.l-s-data .l-n-article__en).-right {
  text-align: right;
  margin: calc(1.9 * var(--rv)) 0 calc(3.8 * var(--rv));
}
.l-s-data .l-n-article__note02 {
  font-size: calc(1.4 * var(--cv));
  line-height: 1.8;
  width: 100%;
  margin-bottom: calc(10 * var(--rv));
}
.l-s-data .l-n-article__note02 strong {
  color: #a40000;
}
.l-s-data .l-n-article__list {
  display: flex;
  justify-content: center;
  margin-bottom: calc(4.2 * var(--rv));
}
.l-s-data .l-n-article__list li {
  margin: 0 calc(1 * var(--rv));
}
.l-s-data .l-n-article__list a {
  background-color: #3b57dd;
  border-radius: calc(2 * var(--rv));
  box-shadow: calc(-0.2 * var(--rv)) calc(-0.2 * var(--rv)) 0 0 #334bbe inset;
  color: #ffffff;
  font-size: calc(2 * var(--cv));
  font-weight: 500;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(27 * var(--rv));
  height: calc(5 * var(--rv));
  transition: opacity 0.5s;
}
.l-s-data .l-n-article__list a:hover {
  opacity: 0.7;
}

@media (max-width: 640px) {
  .l-s-data .l-n-article h4 {
    font-size: calc(2.8 * var(--cv));
  }
  .l-s-data .l-n-article figcaption {
    font-size: calc(2.4 * var(--cv));
  }
  .l-s-data .l-n-article p:not(.l-s-data .l-n-article__en) {
    font-size: calc(2.4 * var(--cv));
  }
  .l-s-data .l-n-article__note02 {
    font-size: calc(2 * var(--cv));
  }
  .l-s-data .l-n-article__list a {
    width: calc(25 * var(--rv));
    border-radius: calc(2.5 * var(--rv));
    transition: inherit;
  }
}
/* ------------------------
 *   Layout/Page/Goal
 * -------------------------------- */
.l-s-goal .l-n-article__goallist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l-s-goal .l-n-article__goalitem {
  margin: calc(8 * var(--rv)) auto;
  margin-top: 0;
}
.l-s-goal .l-n-article__goalitem.-mini {
  background-color: #eaedda;
  width: calc(50% - calc(2 * var(--rv)));
  margin: 0;
  margin-bottom: calc(4 * var(--rv));
  padding-bottom: calc(2 * var(--rv));
}
.l-s-goal .l-n-article__yt {
  background: url("../img/goal/frame_gold.webp") center top/calc(77.2 * var(--rv)) no-repeat;
  width: 100%;
  min-height: calc(47.3 * var(--rv));
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: calc(77.2 * var(--rv));
  margin-bottom: calc(2.4 * var(--rv));
  padding: calc(3.4 * var(--rv));
}
.l-s-goal .l-n-article__yt iframe {
  width: calc(70.4 * var(--rv));
  height: calc(40.5 * var(--rv));
}
.l-s-goal .l-n-article__goalitem h3 {
  color: #dead27;
  font-size: calc(2.8 * var(--cv));
  line-height: 1;
  text-align: center;
}
.l-s-goal .l-n-article__goalitem p {
  color: #313131;
  font-size: calc(2 * var(--cv));
  line-height: 1.4;
  text-align: center;
  margin: calc(2 * var(--rv)) 0;
}
.l-s-goal .l-n-article__goalitem.-mini p {
  font-size: calc(1.6 * var(--cv));
}
.l-s-goal .l-n-article__button li {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 calc(1 * var(--rv));
}
.l-s-goal .l-n-article__button a {
  background-color: #c3bf89;
  border-radius: calc(0.5 * var(--rv));
  color: #2f0669;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(2 * var(--cv));
  text-decoration: none;
  width: calc(20 * var(--rv));
  height: calc(6 * var(--rv));
  transition: opacity 0.5s;
}
.l-s-goal .l-n-article__goalitem.-mini a {
  width: calc(19 * var(--rv));
  margin: 0 calc(0.5 * var(--rv));
}
.l-s-goal .l-n-article__button a:hover {
  opacity: 0.7;
}
.l-s-goal .l-n-article__goalitem span {
  background-color: #dcad25;
  color: #000000;
  clip-path: polygon(0 0, 100% 0, 88% 50%, 100% 100%, 0 100%);
  font-size: calc(2.2 * var(--rv));
  position: absolute;
  top: calc(-0.8 * var(--rv));
  left: calc(-0.6 * var(--rv));
  padding-left: calc(0.8 * var(--rv));
  padding-right: calc(2 * var(--rv));
  z-index: 1;
}

@media (max-width: 640px) {
  .l-s-goal .l-n-article__goallist {
    justify-content: center;
  }
  .l-s-goal .l-n-article__goalitem {
    margin-bottom: calc(6 * var(--rv));
  }
  .l-s-goal .l-n-article__goalitem.-mini {
    width: calc(100% - calc(5 * var(--rv)));
    margin-bottom: calc(8 * var(--rv));
  }
  .l-s-goal .l-n-article__goalitem.-mini p {
    font-size: calc(1.8 * var(--cv));
  }
  .l-s-goal .l-n-article__yt {
    background-size: 100%;
    min-height: auto;
    padding: calc(3.2 * var(--rv));
  }
  .l-s-goal .l-n-article__yt iframe {
    width: calc(48.8 * var(--rv));
    height: calc(27.5 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Page/History
 * -------------------------------- */
.l-s-history .l-n-article__text {
  line-height: 2;
  letter-spacing: 0.02em;
  width: 100%;
  margin-bottom: calc(1.8 * var(--rv));
}
.l-s-history .l-n-article__text.-right {
  text-align: right;
}

@media (max-width: 640px) {
  .l-s-history .l-n-article__text {
    font-size: calc(2.59 * var(--cv));
    line-height: 1.85;
  }
  .l-s-history .l-n-article__text.-space {
    margin-top: calc(9 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Page/Index
 * -------------------------------- */
.l-s-index .l-n-mv {
  overflow: hidden;
}
.l-s-index .l-n-mv__finish {
  background-color: #000000;
  width: calc(128 * var(--rv));
}
.l-s-index .l-n-mv__finish.-frame02, .l-s-index .l-n-mv__finish.-frame03, .l-s-index .l-n-mv__finish.-frame04, .l-s-index .l-n-mv__finish.-frame05, .l-s-index .l-n-mv__finish.-frame06, .l-s-index .l-n-mv__finish.-frame07 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation-duration: 14s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.l-s-index .l-n-mv__finish.-frame02 {
  animation-name: fade2;
}
.l-s-index .l-n-mv__finish.-frame03 {
  animation-name: fade3;
}
.l-s-index .l-n-mv__finish.-frame04 {
  animation-name: fade4;
}
.l-s-index .l-n-mv__finish.-frame05 {
  animation-name: fade5;
}
.l-s-index .l-n-mv__finish.-frame06 {
  animation-name: fade6;
}
.l-s-index .l-n-mv__finish.-frame07 {
  animation-name: fade7;
}
@keyframes fade1 {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade4 {
  0% {
    opacity: 0;
  }
  24% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade5 {
  0% {
    opacity: 0;
  }
  32% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade6 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade7 {
  0% {
    opacity: 0;
  }
  48% {
    opacity: 0;
  }
  56% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.l-s-index .l-n-mv__race {
  position: absolute;
  top: calc(53.2 * var(--rv));
  left: calc(31.9 * var(--rv));
  width: calc(61.9 * var(--rv));
  opacity: 0;
  transform: translateY(calc(10 * var(--rv)));
  animation: mo1 14s ease forwards;
}
@keyframes mo1 {
  0% {
    opacity: 0;
    transform: translateY(calc(10 * var(--rv)));
  }
  48% {
    opacity: 0;
    transform: translateY(calc(10 * var(--rv)));
  }
  50% {
    opacity: 0;
  }
  58% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.l-s-index .l-n-mv__catch {
  position: absolute;
  top: calc(41.3 * var(--rv));
  left: calc(19.1 * var(--rv));
  width: 0;
  overflow: hidden;
  animation: mo2 16s ease-in-out forwards;
}
@media (min-width: 641px) {
  .l-s-index .l-n-mv__catch picture {
    width: calc(90 * var(--rv));
  }
}
.l-s-index .l-n-mv__catch img {
  width: calc(90 * var(--rv));
}
@keyframes mo2 {
  0% {
    opacity: 0;
    width: 0;
  }
  48% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: 0;
  }
  58% {
    opacity: 1;
    width: 100%;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}

.l-s-index .l-n-news {
  margin-top: calc(5 * var(--rv));
}
.l-s-index .l-n-news__date {
  color: #000000;
  font-size: calc(1.8 * var(--cv));
  letter-spacing: 0.06em;
}
.l-s-index .l-n-news__cat {
  color: #ffffff;
  font-size: calc(1.4 * var(--cv));
  letter-spacing: 0.1em;
}
.l-s-index .l-n-news__title {
  color: #272c3d;
  line-height: 1.75;
}
.l-s-index .l-n-news__head {
  width: calc(6.2 * var(--rv));
}

.l-s-index .l-n-latest {
  margin-top: calc(3.6 * var(--rv));
}
.l-s-index .l-n-latest__title {
  color: #272c3d;
  line-height: 1.44;
}
.l-s-index .l-n-latest__caption {
  color: #280600;
  font-size: calc(1.4 * var(--cv));
  line-height: 1.43;
}
.l-s-index .l-n-latest__thumb {
  width: calc(24 * var(--rv));
}
.l-s-index .l-n-latest__head {
  width: calc(20.6 * var(--rv));
}

.l-s-index .l-n-event {
  margin-top: calc(5 * var(--rv));
}
.l-s-index .l-n-event__button {
  color: #ffffff;
  font-size: calc(2.4 * var(--cv));
  line-height: 1.25;
}
.l-s-index .l-n-event__ribbon {
  color: #f3d511;
  font-size: calc(1.8 * var(--cv));
  line-height: 1.4;
  letter-spacing: 0.08em;
}
.l-s-index .l-n-event__head {
  width: calc(22.9 * var(--rv));
}

.l-s-index .l-n-cta__title {
  color: #ffffff;
  font-size: calc(1.4 * var(--cv));
  line-height: 1.57;
}
.l-s-index .l-n-cta__thumb {
  width: calc(20 * var(--rv));
}
.l-s-index .l-n-cta__thumbnail {
  width: calc(20 * var(--rv));
}
.l-s-index .l-n-cta.-first {
  background-color: rgba(0, 0, 0, 0.3);
  margin-top: calc(7 * var(--rv));
  padding-top: calc(4.5 * var(--rv));
  padding-bottom: calc(3.8 * var(--rv));
}
.l-s-index .l-n-cta.-second {
  background-color: rgba(0, 0, 0, 0.3);
  border-top: calc(0.1 * var(--rv)) solid rgba(255, 255, 255, 0.3);
  padding-top: calc(3 * var(--rv));
  padding-bottom: calc(3.6 * var(--rv));
}

@media (max-width: 640px) {
  .l-s-index .l-n-mv__finish {
    width: calc(64 * var(--rv));
  }
  .l-s-index .l-n-mv__race {
    top: calc(76.5 * var(--rv));
    left: calc(3.6 * var(--rv));
    width: calc(56.7 * var(--rv));
  }
  .l-s-index .l-n-mv__catch {
    top: calc(52.3 * var(--rv));
    left: calc(4 * var(--rv));
    width: 0;
  }
  .l-s-index .l-n-mv__catch img {
    width: calc(55.8 * var(--rv));
  }
  @keyframes mo2 {
    0% {
      opacity: 0;
      width: 0;
    }
    48% {
      opacity: 0;
      width: 0;
    }
    50% {
      opacity: 0;
    }
    58% {
      opacity: 1;
      width: calc(55.8 * var(--rv));
    }
    100% {
      opacity: 1;
      width: calc(55.8 * var(--rv));
    }
  }
  .l-s-index .l-n-news {
    margin-top: calc(3 * var(--rv));
  }
  .l-s-index .l-n-news__date {
    font-size: calc(2.52 * var(--cv));
  }
  .l-s-index .l-n-news__cat {
    font-size: calc(1.96 * var(--cv));
  }
  .l-s-index .l-n-news__title {
    font-size: calc(2.2 * var(--cv));
    line-height: 1.64;
  }
  .l-s-index .l-n-news__head {
    width: calc(10.6 * var(--rv));
  }
  .l-s-index .l-n-latest {
    margin-top: calc(4.8 * var(--rv));
  }
  .l-s-index .l-n-latest__title {
    font-size: calc(2 * var(--cv));
    line-height: 1.38;
  }
  .l-s-index .l-n-latest__caption {
    font-size: calc(1.7 * var(--cv));
    line-height: 1.41;
  }
  .l-s-index .l-n-latest__head {
    width: calc(34 * var(--rv));
  }
  .l-s-index .l-n-latest__thumb {
    width: calc(27.5 * var(--rv));
  }
  .l-s-index .l-n-event {
    margin-top: calc(1.4 * var(--rv));
  }
  .l-s-index .l-n-event__button {
    font-size: calc(3 * var(--cv));
    line-height: 1;
  }
  .l-s-index .l-n-event__head {
    width: calc(37.9 * var(--rv));
  }
  .l-s-index .l-n-cta__title {
    font-size: calc(2 * var(--cv));
    line-height: 1.32;
  }
  .l-s-index .l-n-cta__thumb {
    width: calc(26.4 * var(--rv));
  }
  .l-s-index .l-n-cta__thumbnail {
    width: calc(26.4 * var(--rv));
  }
  .l-s-index .l-n-cta.-first {
    margin-top: calc(6 * var(--rv));
    padding-top: calc(5 * var(--rv));
    padding-bottom: calc(5 * var(--rv));
  }
  .l-s-index .l-n-cta.-second {
    padding-top: calc(3.6 * var(--rv));
    padding-bottom: calc(5 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Page/Road
 * -------------------------------- */
.l-s-road .l-n-article__card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(3.8 * var(--rv));
}
.l-s-road .l-n-article__item {
  width: calc(44 * var(--rv));
}
.l-s-road .l-n-article__image {
  width: 100%;
}
.l-s-road .l-n-article__roadlist {
  display: flex;
  justify-content: center;
  margin-top: calc(-9.5 * var(--rv));
  margin-bottom: calc(3.5 * var(--rv));
}
.l-s-road .l-n-article__button {
  background-color: #c3bf89;
  border-radius: calc(0.5 * var(--rv));
  color: #2f0669;
  font-size: calc(2 * var(--rv));
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(18 * var(--rv));
  height: calc(6 * var(--rv));
  margin: 0 calc(1.5 * var(--rv));
  transition: opacity 0.5s;
}
.l-s-road .l-n-article__button:hover {
  opacity: 0.7;
}
.l-s-road .l-n-article__icon01 {
  width: calc(2.1 * var(--rv));
  margin-left: calc(1 * var(--rv));
}
.l-s-road .l-n-article__icon02 {
  width: calc(2.9 * var(--rv));
  margin-left: calc(1 * var(--rv));
}

@media (max-width: 640px) {
  .l-s-road .l-n-article__card {
    gap: calc(6 * var(--rv));
  }
  .l-s-road .l-n-article__item {
    width: 100%;
  }
  .l-s-road .l-n-article__roadlist {
    margin-top: calc(-10.8 * var(--rv));
    margin-bottom: calc(4.8 * var(--rv));
  }
  .l-s-road .l-n-article__button {
    transform: scale(1.2);
    margin: 0 calc(3.5 * var(--rv));
  }
}
/* ------------------------
 *   Object/Project/About
 * -------------------------------- */
.p-n-article {
  background-color: #ffffff;
  border-radius: calc(1 * var(--rv));
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: calc(3 * var(--rv)) calc(12.5 * var(--rv));
}
.p-n-article.-nohead {
  padding: calc(8 * var(--rv)) calc(12.5 * var(--rv));
}
.p-n-article.-nohead-goal {
  padding: calc(8 * var(--rv));
}
.p-n-article.-nohead-road {
  padding: calc(8 * var(--rv)) calc(6.5 * var(--rv));
}
.p-n-article.-nohead-campaign {
  padding: calc(8 * var(--rv));
  padding-top: calc(3 * var(--rv));
}

.p-n-pickup {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1.9 * var(--rv));
}
.p-n-pickup__item a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 0.5s;
}
.p-n-pickup__item a:hover {
  opacity: 0.7;
}

@media (max-width: 640px) {
  .p-n-article {
    padding: calc(3 * var(--rv));
    padding-bottom: calc(7 * var(--rv));
  }
  .p-n-article.-nohead {
    padding-left: calc(3 * var(--rv));
    padding-right: calc(3 * var(--rv));
  }
  .p-n-article.-nohead-goal {
    padding-left: calc(3 * var(--rv));
    padding-right: calc(3 * var(--rv));
  }
  .p-n-article.-nohead-road {
    padding-left: calc(3 * var(--rv));
    padding-right: calc(3 * var(--rv));
  }
  .p-n-article.-nohead-campaign {
    padding-left: calc(3 * var(--rv));
    padding-right: calc(3 * var(--rv));
  }
  .p-n-pickup {
    gap: calc(5 * var(--rv)) calc(4.2 * var(--rv));
    margin: calc(1 * var(--rv));
    padding-bottom: calc(4 * var(--rv));
  }
}
/* ------------------------
 *   Object/Project/Common
 * -------------------------------- */
.p-n-pagetop {
  background-color: #272c3d;
  border-radius: 100%;
  position: absolute;
  top: calc(-2.5 * var(--rv));
  right: calc(8 * var(--rv));
  width: calc(5.1 * var(--rv));
  height: calc(5.1 * var(--rv));
  transition: all 0.5s;
}
.p-n-pagetop::before {
  background-color: #f3d511;
  border-radius: calc(0.3 * var(--rv));
  content: "";
  position: absolute;
  top: calc(2.2 * var(--rv));
  left: calc(0.75 * var(--rv));
  width: calc(2.2 * var(--rv));
  height: calc(0.3 * var(--rv));
  transform: rotate(-45deg);
}
.p-n-pagetop::after {
  background-color: #f3d511;
  border-radius: calc(0.3 * var(--rv));
  content: "";
  position: absolute;
  top: calc(2.2 * var(--rv));
  right: calc(0.75 * var(--rv));
  width: calc(2.2 * var(--rv));
  height: calc(0.3 * var(--rv));
  transform: rotate(45deg);
}
.p-n-pagetop.-fixed {
  position: fixed;
  top: auto;
  bottom: calc(7 * var(--rv));
}
.p-n-pagetop:hover {
  filter: brightness(1.3);
}

@media (max-width: 640px) {
  .p-n-pagetop {
    top: calc(-2 * var(--rv));
    right: calc(3.2 * var(--rv));
    transform: scale(1.5);
  }
}
/* ------------------------
 *   Object/Project/Index
 * -------------------------------- */
.p-n-header {
  width: 100%;
}
.p-n-header__hide {
  visibility: hidden;
  height: 0;
  margin: 0;
}
.p-n-header__view {
  border-bottom: calc(0.1 * var(--rv)) solid #d3b021;
  padding-top: calc(0.3 * var(--rv));
  padding-bottom: calc(0.5 * var(--rv));
}
.p-n-header__title {
  color: #000000;
  border-bottom: calc(0.2 * var(--rv)) solid #000000;
  padding-top: calc(0.3 * var(--rv));
  padding-left: calc(0.5 * var(--rv));
  font-size: 1.5em;
}

.p-n-news {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.p-n-news__item {
  border-bottom: calc(0.1 * var(--rv)) solid #9e8910;
  padding: 0 calc(2 * var(--rv));
}
.p-n-news__item a {
  text-decoration: none;
  display: flex;
  width: 100%;
  padding: calc(1.3 * var(--rv)) 0;
}
.p-n-news__item a:hover > h3 {
  text-decoration: underline;
}
.p-n-news__cat {
  background-color: #cb7725;
  border-radius: calc(0.2 * var(--rv));
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: calc(8.3 * var(--rv));
  height: calc(2.2 * var(--rv));
  margin: calc(0.3 * var(--rv)) 0;
  margin-left: calc(2 * var(--rv));
  margin-right: calc(1.6 * var(--rv));
}
.p-n-news h3 {
  display: inline-block;
}

.p-n-card {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1.5 * var(--rv)) calc(3 * var(--rv));
  margin-top: calc(2.4 * var(--rv));
}
.p-n-card__item a {
  text-decoration: none;
}
.p-n-card img {
  border-radius: calc(0.5 * var(--rv));
  transition: filter 0.5s;
}
.p-n-card img:hover {
  filter: brightness(1.3);
}
.p-n-card h3 {
  background-color: #fff;
  border-radius: 0 0 calc(0.5 * var(--rv)) calc(0.5 * var(--rv));
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  position: absolute;
  top: calc(11.4 * var(--rv));
  width: 100%;
  height: calc(3.6 * var(--rv));
}
.p-n-card p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(3 * var(--rv));
}
.p-n-card li.-disable {
  pointer-events: none;
}
.p-n-card li.-disable img {
  filter: brightness(0.4);
}
.p-n-card li.-disable h3 {
  color: #999999;
}

.p-n-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: calc(3 * var(--rv));
}
.p-n-buttons__item {
  display: flex;
  flex-wrap: wrap;
  width: calc(33 * var(--rv));
  margin-top: calc(1 * var(--rv));
}
.p-n-buttons__item.-disable a {
  color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
.p-n-buttons span {
  background-color: #ee2684;
  clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%);
  top: calc(1.2 * var(--rv));
  padding-left: calc(1.6 * var(--rv));
  padding-right: calc(1.8 * var(--rv));
  z-index: 1;
}
.p-n-buttons a {
  background-color: #272c3d;
  border-radius: calc(0.5 * var(--rv));
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(33 * var(--rv));
  height: calc(8 * var(--rv));
  transition: filter 0.5s;
}
.p-n-buttons a:hover {
  filter: brightness(1.5);
}

.p-n-links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(2 * var(--rv));
}
.p-n-links__item {
  display: flex;
  justify-items: center;
}
.p-n-links a {
  text-align: center;
  text-decoration: none;
  transition: opacity 0.5s;
}
.p-n-links a:hover {
  opacity: 0.7;
}
.p-n-links h3 {
  margin-top: calc(0.8 * var(--rv));
}

.p-n-sns {
  display: flex;
  gap: calc(2.5 * var(--rv));
  margin-top: calc(5 * var(--rv));
  margin-bottom: calc(4 * var(--rv));
}
.p-n-sns a {
  border-radius: 100%;
  display: block;
  overflow: hidden;
  transition: opacity 0.5s;
}
.p-n-sns a:hover {
  opacity: 0.7;
}

@media (max-width: 640px) {
  .p-n-header {
    width: 100%;
  }
  .p-n-header__hide {
    visibility: hidden;
    height: 0;
    margin: 0;
  }
  .p-n-header__view {
    border-bottom: calc(0.1 * var(--rv)) solid #d3b021;
    padding-top: calc(0.5 * var(--rv));
    padding-bottom: calc(0.8 * var(--rv));
  }
  .p-n-header__view.-news {
    padding-bottom: calc(1.5 * var(--rv));
  }
  .p-n-header__view.-event {
    padding-bottom: calc(1.2 * var(--rv));
  }
  .p-n-news__item {
    padding: 0 calc(2.2 * var(--rv));
  }
  .p-n-news__item a {
    flex-wrap: wrap;
    padding: calc(1.7 * var(--rv)) 0;
  }
  .p-n-news__cat {
    min-width: calc(11.7 * var(--rv));
    height: calc(3.2 * var(--rv));
    margin: calc(0.4 * var(--rv)) 0;
    margin-left: calc(3.2 * var(--rv));
    margin-right: calc(1.6 * var(--rv));
  }
  .p-n-news h3 {
    margin-top: calc(1 * var(--rv));
    margin-bottom: calc(0.4 * var(--rv));
  }
  .p-n-card {
    gap: calc(1.5 * var(--rv)) calc(2 * var(--rv));
    margin: 0 calc(1 * var(--rv));
    margin-top: calc(3.2 * var(--rv));
  }
  .p-n-card h3 {
    top: calc(14.5 * var(--rv));
    height: calc(4.6 * var(--rv));
    padding-bottom: calc(0.3 * var(--rv));
  }
  .p-n-card p {
    height: calc(6.8 * var(--rv));
    padding-top: calc(0.3 * var(--rv));
  }
  .p-n-buttons {
    gap: calc(0.6 * var(--rv));
    margin: 0 calc(1 * var(--rv));
    margin-top: calc(1 * var(--rv));
  }
  .p-n-buttons__item {
    width: 100%;
  }
  .p-n-buttons a {
    width: 100%;
    height: calc(9 * var(--rv));
  }
  .p-n-links {
    gap: calc(3.5 * var(--rv)) calc(4 * var(--rv));
    margin: 0 calc(1 * var(--rv));
  }
  .p-n-sns {
    gap: calc(3.5 * var(--rv));
    margin-top: calc(10 * var(--rv));
    margin-bottom: calc(5.5 * var(--rv));
  }
}
/* ------------------------
 *   Object/Project/Menu
 * -------------------------------- */
.p-n-menu {
  position: absolute;
  top: calc(73 * var(--rv));
}
.p-n-menu__input {
  display: none;
}
.p-n-menu__label {
  display: none;
  justify-content: center;
  align-items: center;
  height: calc(5 * var(--rv));
  margin: 0 calc(0.5 * var(--rv));
  z-index: 20;
}
.p-n-menu__label::after {
  content: attr(data-title);
  text-align: center;
  position: absolute;
  top: calc(1.5 * var(--rv));
  width: 100%;
  margin: 0 calc(0.5 * var(--rv));
}
.p-n-menu__label span, .p-n-menu__label span::before, .p-n-menu__label span::after {
  background-color: #ffffff;
  border-radius: calc(0.3 * var(--rv));
  content: "";
  position: relative;
  width: calc(6 * var(--rv));
  height: calc(0.3 * var(--rv));
}
.p-n-menu__label span {
  transition: background 0.25s;
}
.p-n-menu__label span::before {
  display: block;
  top: calc(-1.8 * var(--rv));
  transition: transform 0.5s;
}
.p-n-menu__label span::after {
  display: block;
  top: calc(1.5 * var(--rv));
  transition: transform 0.5s;
}
.p-n-menu__content {
  display: flex;
}
.p-n-menu__list {
  display: flex;
}
.p-n-menu__input:checked ~ .p-n-menu__label {
  position: fixed;
  right: calc(3.5 * var(--rv));
}
.p-n-menu__input:checked ~ .p-n-menu__label span {
  background-color: transparent;
}
.p-n-menu__input:checked ~ .p-n-menu__label span::before {
  background-color: #ffffff;
  top: 0;
  transform: rotate(45deg);
}
.p-n-menu__input:checked ~ .p-n-menu__label span::after {
  background-color: #ffffff;
  top: calc(-0.3 * var(--rv));
  transform: rotate(-45deg);
}
.p-n-menu__input:checked ~ .p-n-menu__modal {
  pointer-events: all;
}
.p-n-menu__input:checked ~ .p-n-menu__modal .p-n-menu__mask {
  background-color: rgba(0, 0, 0, 0.5);
  visibility: visible;
}
.p-n-menu__input:checked ~ .p-n-menu__modal .p-n-menu__frame {
  transform: translateY(0vh);
}
.p-n-menu.-fixed {
  position: fixed;
  top: 0;
  left: 0;
}

body:not(.l-s-index) .p-n-menu {
  top: calc(13 * var(--rv));
}
body:not(.l-s-index) .p-n-menu.-fixed {
  position: fixed;
  top: 0;
  left: 0;
}

@media (max-width: 640px) {
  .p-n-menu {
    top: calc(4 * var(--rv));
    right: calc(3.5 * var(--rv));
  }
  .p-n-menu__label {
    display: flex;
  }
  .p-n-menu__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
  }
  .p-n-menu__mask {
    position: absolute;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    transition: background 0.5s, visibility 0.5s;
  }
  .p-n-menu__frame {
    background-color: rgba(0, 0, 0, 0.85);
    width: 100vw;
    height: 100vh;
    transform: translateY(-105vh);
    transition: transform 0.5s;
  }
  .p-n-menu__content {
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
  .p-n-menu__list {
    flex-direction: column;
    width: 100%;
    padding: calc(6 * var(--rv)) calc(2 * var(--rv));
  }
  .p-n-menu.-fixed {
    position: absolute;
    top: calc(4 * var(--rv));
    left: auto;
    right: calc(3.5 * var(--rv));
  }
  body:not(.l-s-index) .p-n-menu {
    top: calc(4 * var(--rv));
  }
  body:not(.l-s-index) .p-n-menu.-fixed {
    position: absolute;
    top: calc(4 * var(--rv));
    left: auto;
    right: calc(3.5 * var(--rv));
  }
}
/* ------------------------
 *   Object/Utility/Fade
 * -------------------------------- */
.is-n-hide {
  opacity: 0;
  transition: opacity 0.5s;
}

.u-n-fade-in--left {
  transform: translate(calc(5 * var(--rv)), 0) scale(1) rotate(0);
  transition: opacity 0.5s, transform 0.5s;
}
.u-n-fade-in--right {
  transform: translate(calc(-5 * var(--rv)), 0) scale(1) rotate(0);
  transition: opacity 0.5s, transform 0.5s;
}
.u-n-fade-in--down {
  transform: translate(0, calc(-5 * var(--rv))) scale(1) rotate(0);
  transition: opacity 0.5s, transform 0.5s;
}
.u-n-fade-in--up {
  transform: translate(0, calc(5 * var(--rv))) scale(1) rotate(0);
  transition: opacity 0.5s, transform 0.5s;
}

.u-n-fade-zoom--in {
  transform: translate(0, 0) scale(0) rotate(0);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}
.u-n-fade-zoom--out {
  transform: translate(0, 0) scale(2) rotate(0);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}

.u-n-fade-rotate--left {
  transform: translate(0, 0) scale(1) rotateZ(360deg);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}
.u-n-fade-rotate--right {
  transform: translate(0, 0) scale(1) rotateZ(-360deg);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}
.u-n-fade-rotate--in {
  transform: translate(0, 0) scale(0) rotateZ(360deg);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.u-n-fade-rotate--out {
  transform: translate(0, 0) scale(2) rotateZ(-360deg);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.u-n-fade-rotate--x {
  transform: translate(0, 0) scale(1) rotateX(180deg);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}
.u-n-fade-rotate--y {
  transform: translate(0, 0) scale(1) rotateY(180deg);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}

.u-n-fade-delay01 {
  transition-delay: 0.25s;
}

.u-n-fade-delay02 {
  transition-delay: 0.5s;
}

.u-n-fade-delay03 {
  transition-delay: 0.75s;
}

.u-n-fade-delay04 {
  transition-delay: 1s;
}

.u-n-fade-delay05 {
  transition-delay: 1.25s;
}

.u-n-fade-delay06 {
  transition-delay: 1.5s;
}

.u-n-fade-delay07 {
  transition-delay: 1.75s;
}

.u-n-fade-delay08 {
  transition-delay: 2s;
}

.u-n-fade-delay09 {
  transition-delay: 2.25s;
}

.u-n-fade-delay10 {
  transition-delay: 2.5s;
}

.is-n-show {
  opacity: 1;
  transform: translate(0, 0) scale(1) rotate(0);
}

@media (max-width: 640px) {
  *[class^=u-n-fade-delay] {
    transition-delay: 0s;
  }
}
/* ------------------------
 *   Object/Utility/Only
 * -------------------------------- */
.u-n-only-pc {
  display: block;
}

.u-n-only-tb {
  display: none;
}

.u-n-only-sp {
  display: none;
}

.u-n-only-pc--flex {
  display: flex;
}

.u-n-only-tb--flex {
  display: none;
}

.u-n-only-sp--flex {
  display: none;
}

.u-n-only-pc--inline {
  display: inline;
}

.u-n-only-tb--inline {
  display: none;
}

.u-n-only-sp--inline {
  display: none;
}

.u-n-only-pc--inline-block {
  display: inline-block;
}

.u-n-only-tb--inline-block {
  display: none;
}

.u-n-only-sp--inline-block {
  display: none;
}

.u-n-only-pc--inline-flex {
  display: inline-flex;
}

.u-n-only-tb--inline-flex {
  display: none;
}

.u-n-only-sp--inline-flex {
  display: none;
}

@media (max-width: 0px) {
  .u-n-only-tb {
    display: block;
  }
  .u-n-only-tb--flex {
    display: flex;
  }
  .u-n-only-tb--inline {
    display: inline;
  }
  .u-n-only-tb--inline-block {
    display: inline-block;
  }
  .u-n-only-tb--inline-flex {
    display: inline-flex;
  }
}
@media (max-width: 640px) {
  .u-n-nobr {
    display: none; /* Disable line breaks. And wrap the content. */
  }
  .u-n-only-pc {
    display: none;
  }
  .u-n-only-sp {
    display: block;
  }
  .u-n-only-pc--flex {
    display: none;
  }
  .u-n-only-sp--flex {
    display: flex;
  }
  .u-n-only-pc--inline {
    display: none;
  }
  .u-n-only-sp--inline {
    display: inline;
  }
  .u-n-only-pc--inline-block {
    display: none;
  }
  .u-n-only-sp--inline-block {
    display: inline-block;
  }
  .u-n-only-pc--inline-flex {
    display: none;
  }
  .u-n-only-sp--inline-flex {
    display: inline-flex;
  }
}
/* ------------------------
 *   Object/Utility/String
 * -------------------------------- */
.u-n-string--h1 {
  font-size: 2em;
}
.u-n-string--h2 {
  font-size: 1.5em;
}
.u-n-string--h3 {
  font-size: 1.17em;
}
.u-n-string--h4 {
  font-size: 1em;
}
.u-n-string--h5 {
  font-size: 0.83em;
}
.u-n-string--h6 {
  font-size: 0.67em;
}
.u-n-string--thin {
  font-weight: 100;
}
.u-n-string--exlight {
  font-weight: 200;
}
.u-n-string--light {
  font-weight: 300;
}
.u-n-string--normal {
  font-weight: 400;
}
.u-n-string--medium {
  font-weight: 500;
}
.u-n-string--semibold {
  font-weight: 600;
}
.u-n-string--bold {
  font-weight: 700;
}
.u-n-string--exbold {
  font-weight: 800;
}
.u-n-string--black {
  font-weight: 900;
}

/*
.l-s-index .l-n-wrapper {
  width: 100%;
  background-position: 0 calc(54.5 * var(--rv));
  background-size: 100% calc(100% - calc(54.5 * var(--rv)));
  background: url(../img/index/background.webp);
  min-height: auto;
}
body:not(.l-s-index) .l-n-wrapper {
  width: 100%;
  background-position: 0 calc(54.5 * var(--rv));
  background-size: 100% calc(100% - calc(54.5 * var(--rv)));
  background: url(../img/index/background.webp);
  min-height: auto;
}
 */
.l-s-index .l-n-wrapper {
  background: url(../img/index/background.webp) center top/calc(128 * var(--rv));
}

body:not(.l-s-index) .l-n-wrapper {
  background: url(../img/index/background.webp) center top/calc(128 * var(--rv));
}

.l-n-article__head {
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 0 40px;
  background: rgba(0, 0, 0, 0);
  color: #272c3d;
  box-sizing: border-box;
  width: auto;
  margin-top: 3vw;
  height: auto;
  line-height: 60px;
  font-size: min(2.6 * var(--cv), 28px);
  background: none;
  border-bottom: none;
  line-height: 1;
}

@media (max-width: 640px) {
  .l-n-article__head {
    margin-top: 5vw;
  }
}
.l-n-article__head:before, .l-n-article__head:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 1;
  display: none;
}

.l-n-article__head:before {
  top: 0;
  left: -14px;
  border-width: 30px 0 30px 15px;
  border-color: rgba(0, 0, 0, 0) transparent rgba(0, 0, 0, 0) transparent;
  border-style: solid;
}

.l-n-article__head:after {
  top: 0;
  border-color: rgba(0, 0, 0, 0) transparent rgba(0, 0, 0, 0) transparent;
  border-style: solid;
  right: -14px;
  border-width: 30px 15px 30px 0;
}

.l-n-footer__head {
  text-align: center;
}

@media (min-width: 641px) {
  body:not(.l-s-index) .l-n-header__title {
    width: calc(58 * var(--rv));
  }
}
/*
@media (max-width: 640px) {
  .l-n-article__head {
    height: 10vw;
    line-height: 10vw;
    padding: 0 7vw;
  }
  .l-n-article__head:before {
    border-width: 5vw 0 5vw 2vw;
  }
  .l-n-article__head:after {
    border-width: 5vw 2vw 5vw 0;
  }
}
*/
.l-s-index .l-n-mv__catch {
  top: calc(41 * var(--rv));
  left: calc(29 * var(--rv));
}
.l-s-index .l-n-mv__catch picture {
  width: calc(68 * var(--rv));
}
.l-s-index .l-n-mv__catch img {
  width: calc(68 * var(--rv));
}

@media (max-width: 640px) {
  .l-s-index .l-n-mv__catch {
    top: calc(52.3 * var(--rv));
    left: calc(3.5 * var(--rv));
  }
  .l-s-index .l-n-mv__catch img {
    width: calc(56.5 * var(--rv));
  }
  .l-s-index .l-n-mv__race {
    top: calc(75.5 * var(--rv));
    left: calc(4.6 * var(--rv));
    width: calc(53.7 * var(--rv));
  }
  .l-n-article__head {
    padding: 0 20px;
    font-size: min(2.4 * var(--cv), 24px);
  }
}
@media (max-width: 640px) {
  .l-s-about .l-n-article__title {
    font-size: min(3 * var(--cv), 24px);
  }
}
@media (max-width: 640px) {
  .l-s-index .l-n-event {
    margin-top: calc(5 * var(--rv));
  }
}

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