@charset "UTF-8";
/* クランプ関数 */
/* html */
html {
  font-family: "Noto Sans JP", sans-serif;
  scroll-behavior: smooth;
  overscroll-behavior: none;
  scrollbar-gutter: stable;
}
html body {
  overflow-x: hidden;
  position: relative;
}
html body .wrapper {
  overflow-x: hidden;
  margin-top: clamp(3.1875rem, 1.6061046512rem + 7.9069767442vw, 5.3125rem);
}
html body .wrapper__inner {
  position: relative;
  width: 750px;
  max-width: 100%;
  background-color: #fff;
  transform: translateX(clamp(8.75rem, 3.6344749652rem + 6.8150208623vw, 11.8125rem));
  margin-inline: auto;
  box-shadow: 0 clamp(0.125rem, -0.0145348837rem + 0.6976744186vw, 0.3125rem) clamp(0.125rem, -0.0145348837rem + 0.6976744186vw, 0.3125rem) rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
}
@media (width <= 1200px) {
  html body .wrapper__inner {
    transform: translateX(clamp(0rem, -39.9475524476rem + 69.9300699301vw, 12.5rem));
  }
}
html body .description-nara-nichiko {
  position: fixed;
  right: 0;
  bottom: 16.5%;
  left: 0;
  width: clamp(15.625rem, -19.5267004773rem + 37.4701670644vw, 25.4375rem);
  margin: auto;
  transform: translateX(clamp(40.9375rem, 15.1894391408rem + 27.446300716vw, 48.125rem));
}
@media (width <= 1500px) {
  html body .description-nara-nichiko {
    display: none;
  }
}
html a {
  transition: 0.3s;
}
html a:hover, html a:active {
  opacity: 0.8;
}
html img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
html .img100 {
  width: 100%;
  height: 100%;
}

/* グーグルフォントページ読み込み時チラつき回避 */
body.hidden {
  visibility: hidden;
}

.loading-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  font-size: 2em;
  transform: translate(-50%, -50%);
}

/* pc-header */
.pc-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* prettier-ignore */
  background-image: image-set(url("../images/pc_bg.png") 1x, url("../images/pc_bg@2x.png") 2x);
  background-size: cover;
}
.pc-header__content {
  position: absolute;
  padding-left: clamp(2.875rem, -1.9273296245rem + 6.3977746871vw, 5.75rem);
  top: clamp(4.03125rem, -2.7024513213rem + 8.9707927677vw, 8.0625rem);
  left: 0;
  width: clamp(21.96875rem, -14.7273122392rem + 48.8873435327vw, 43.9375rem);
  height: clamp(18.5rem, -12.4019471488rem + 41.1682892907vw, 37rem);
  border-radius: 0 clamp(1.875rem, -1.2569541029rem + 4.1724617524vw, 3.75rem) clamp(1.875rem, -1.2569541029rem + 4.1724617524vw, 3.75rem) 0;
  background: #fff;
  box-shadow: 4.252px 4.252px 4.252px rgba(162, 118, 0, 0.5);
}
@media (width <= 1200px) {
  .pc-header__content {
    display: none;
  }
}
.pc-header__title {
  margin-top: clamp(2.03125rem, -1.3617002782rem + 4.5201668985vw, 4.0625rem);
}
.pc-header__title h2 {
  width: clamp(16.09375rem, -10.7888560501rem + 35.8136300417vw, 32.1875rem);
}
.pc-header__nav {
  margin-top: clamp(1.40625rem, -0.9427155772rem + 3.1293463143vw, 2.8125rem);
}
.pc-header__nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.39375rem, -0.2639603616rem + 0.876216968vw, 0.7875rem);
}
.pc-header__nav ul li a {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: clamp(7.875rem, -5.2792072323rem + 17.5243393602vw, 15.75rem);
  height: clamp(2.25rem, -1.5083449235rem + 5.0069541029vw, 4.5rem);
  border-radius: clamp(0.375rem, -0.2513908206rem + 0.8344923505vw, 0.75rem);
  text-align: center;
  background: #fff;
  border-style: solid;
  border-color: #4a2200;
  border-width: 1px;
  font-size: clamp(0.675rem, -0.4525034771rem + 1.5020862309vw, 1.35rem);
}
.pc-header__nav ul li a::after {
  display: block;
  position: absolute;
  top: 50%;
  width: clamp(0.28125rem, -0.1885431154rem + 0.6258692629vw, 0.5625rem);
  height: clamp(0.5rem, -0.3351877608rem + 1.1126564673vw, 1rem);
  transform: translateY(-50%);
  content: "";
  /* prettier-ignore */
  background-image: image-set(url("../images/icon_chevron-right.png") 1x, url("../images/icon_chevron-right@2x.png") 2x);
  background-size: cover;
}
.pc-header__nav--top-page, .pc-header__nav--carbon-neutral {
  /* stylelint-disable-next-line no-descending-specificity */
}
.pc-header__nav--top-page a, .pc-header__nav--carbon-neutral a {
  padding-right: clamp(0.3125rem, -0.2094923505rem + 0.6954102921vw, 0.625rem);
  letter-spacing: -0.06em;
  /* stylelint-disable-next-line no-descending-specificity */
}
.pc-header__nav--top-page a::after, .pc-header__nav--carbon-neutral a::after {
  right: clamp(0.34375rem, -0.2304415855rem + 0.7649513213vw, 0.6875rem);
}
.pc-header__nav--corporate-philosophy, .pc-header__nav--health-management {
  /* stylelint-disable-next-line no-descending-specificity */
}
.pc-header__nav--corporate-philosophy a::after, .pc-header__nav--health-management a::after {
  right: clamp(0.75rem, -0.5027816412rem + 1.668984701vw, 1.5rem);
}
.pc-header__banner {
  margin-top: clamp(1rem, -0.6703755216rem + 2.2253129346vw, 2rem);
}
.pc-header__banner ul {
  display: flex;
  gap: clamp(0.5625rem, -0.3770862309rem + 1.2517385257vw, 1.125rem);
}
.pc-header__banner ul li a {
  display: block;
  position: relative;
  width: clamp(5rem, -3.3518776078rem + 11.1265646732vw, 10rem);
  height: clamp(5rem, -3.3518776078rem + 11.1265646732vw, 10rem);
}
.pc-header__banner ul li a img {
  width: 100%;
  height: 100%;
}

/* header */
.header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  transform: translateX(clamp(8.75rem, 3.6344749652rem + 6.8150208623vw, 11.8125rem));
}
@media (width <= 1200px) {
  .header {
    transform: translateX(clamp(0rem, -39.9475524476rem + 69.9300699301vw, 12.5rem));
  }
}
.header__container {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 750px;
  max-width: 100%;
  height: clamp(3.1875rem, 1.6061046512rem + 7.9069767442vw, 5.3125rem);
  background-color: #fff;
  margin-inline: auto;
  box-shadow: none;
}
.header__logo-nissan {
  margin-left: clamp(1.25rem, -0.238372093rem + 7.4418604651vw, 3.25rem);
}
.header__logo-nissan h1 {
  display: flex;
  align-items: center;
  width: clamp(6.5rem, 3.2441860465rem + 16.2790697674vw, 10.875rem);
}
.header__logo-nara-nissan {
  margin-right: clamp(3.375rem, 1.7005813953rem + 8.3720930233vw, 5.625rem);
}
.header__logo-nara-nissan h1 {
  display: flex;
  align-items: center;
  width: clamp(6.0625rem, 3.039244186rem + 15.1162790698vw, 10.125rem);
}
.header__nav {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background-color: rgba(255, 255, 255, 0.8);
}
.header-nav-open .header__nav {
  visibility: visible;
  opacity: 1;
}
.header__nav-content {
  padding-left: clamp(1.75rem, -1.226744186rem + 14.8837209302vw, 5.75rem);
  width: clamp(21.96875rem, 5.6199127907rem + 81.7441860465vw, 43.9375rem);
  height: clamp(18.5rem, 4.7325581395rem + 68.8372093023vw, 37rem);
  border: 1px solid #000;
  border-radius: clamp(1.875rem, 0.4796511628rem + 6.976744186vw, 3.75rem);
  background: #fff;
  box-shadow: 4.252px 4.252px 4.252px rgba(162, 118, 0, 0.5);
}
@media (width >= 1921px) {
  .header__nav-content {
    right: 0;
    left: 0;
    transform: translateX(-610px);
    margin: auto;
  }
}
.header__nav-title {
  margin-top: clamp(2.03125rem, 0.519622093rem + 7.5581395349vw, 4.0625rem);
}
.header__nav-title h2 {
  width: clamp(16.09375rem, 4.117005814rem + 59.8837209302vw, 32.1875rem);
}
.header__nav-nav {
  margin-top: clamp(1.40625rem, 0.3597383721rem + 5.2325581395vw, 2.8125rem);
}
.header__nav-nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.39375rem, 0.1007267442rem + 1.4651162791vw, 0.7875rem);
}
.header__nav-nav ul li a {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: clamp(7.875rem, 2.0145348837rem + 29.3023255814vw, 15.75rem);
  height: clamp(2.25rem, 0.5755813953rem + 8.3720930233vw, 4.5rem);
  border-radius: clamp(0.375rem, 0.0959302326rem + 1.3953488372vw, 0.75rem);
  text-align: center;
  background: #fff;
  border-style: solid;
  border-color: #4a2200;
  border-width: 1px;
  font-size: clamp(0.675rem, 0.1726744186rem + 2.511627907vw, 1.35rem);
}
.header__nav-nav ul li a::after {
  display: block;
  position: absolute;
  top: 50%;
  width: clamp(0.28125rem, 0.0719476744rem + 1.0465116279vw, 0.5625rem);
  height: clamp(0.5rem, 0.1279069767rem + 1.8604651163vw, 1rem);
  transform: translateY(-50%);
  content: "";
  /* prettier-ignore */
  background-image: image-set(url("../images/icon_chevron-right.png") 1x, url("../images/icon_chevron-right@2x.png") 2x);
  background-size: cover;
}
.header__nav--top-page, .header__nav--carbon-neutral {
  /* stylelint-disable-next-line no-descending-specificity */
}
.header__nav--top-page a, .header__nav--carbon-neutral a {
  padding-right: clamp(0.3125rem, 0.0799418605rem + 1.1627906977vw, 0.625rem);
  letter-spacing: -0.06em;
  /* stylelint-disable-next-line no-descending-specificity */
}
.header__nav--top-page a::after, .header__nav--carbon-neutral a::after {
  right: clamp(0.34375rem, 0.0879360465rem + 1.2790697674vw, 0.6875rem);
}
.header__nav--corporate-philosophy, .header__nav--health-management {
  /* stylelint-disable-next-line no-descending-specificity */
}
.header__nav--corporate-philosophy a::after, .header__nav--health-management a::after {
  right: clamp(0.75rem, 0.1918604651rem + 2.7906976744vw, 1.5rem);
}
.header__banner {
  margin-top: clamp(1rem, 0.2558139535rem + 3.7209302326vw, 2rem);
}
.header__banner ul {
  display: flex;
  gap: clamp(0.5625rem, 0.1438953488rem + 2.0930232558vw, 1.125rem);
}
.header__banner ul li a {
  display: block;
  position: relative;
  width: clamp(5rem, 1.2790697674rem + 18.6046511628vw, 10rem);
  height: clamp(5rem, 1.2790697674rem + 18.6046511628vw, 10rem);
}
.header__banner ul li a img {
  width: 100%;
  height: 100%;
}
.header__hamburger-button {
  display: flex;
  position: absolute;
  top: clamp(0.75rem, 0.238372093rem + 2.5581395349vw, 1.4375rem);
  right: clamp(0.875rem, 0.2703488372rem + 3.023255814vw, 1.6875rem);
  justify-content: center;
  align-items: center;
  width: clamp(1.6875rem, 1.0363372093rem + 3.2558139535vw, 2.5625rem);
  height: clamp(1.6875rem, 1.0363372093rem + 3.2558139535vw, 2.5625rem);
  padding: 5px;
}
.header__hamburger-button span {
  position: relative;
  width: 100%;
  height: clamp(0.15rem, 0.0755813953rem + 0.3720930233vw, 0.25rem);
  transition: 0.25s;
  background-color: #231815;
}
.header__hamburger-button span::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #231815;
  content: "";
  transition: 0.5s;
  transform: translateY(calc(-1 * clamp(0.3375rem, 0.1700581395rem + 0.8372093023vw, 0.5625rem)));
}
.header__hamburger-button span::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #231815;
  content: "";
  transition: 0.5s;
  transform: translateY(clamp(0.3375rem, 0.1700581395rem + 0.8372093023vw, 0.5625rem));
}
.header-nav-open .header__hamburger-button span {
  background-color: rgba(0, 0, 0, 0);
}
.header-nav-open .header__hamburger-button span::before {
  /* stylelint-disable-next-line prettier/prettier */
  transform: translateY(calc(-1 * clamp(0rem, 0rem + 0vw, 0rem))) rotate(135deg);
}
.header-nav-open .header__hamburger-button span::after {
  /* stylelint-disable-next-line prettier/prettier */
  transform: translateY(calc(-1 * clamp(0rem, 0rem + 0vw, 0rem))) rotate(-135deg);
}

/* page-title */
.page-title {
  padding-top: clamp(1.25rem, -0.0988372093rem + 6.7441860465vw, 3.0625rem);
}
.page-title__container h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.3125rem, -0.1061046512rem + 2.0930232558vw, 0.875rem);
  color: #804426;
  font-size: clamp(0.625rem, -0.0261627907rem + 3.2558139535vw, 1.5rem);
  font-weight: 500;
  letter-spacing: 0.05em;
}
.page-title__container h2::before {
  display: block;
  width: clamp(0.875rem, -0.0087209302rem + 4.4186046512vw, 2.0625rem);
  height: clamp(0.0625rem, 0.0159883721rem + 0.2325581395vw, 0.125rem);
  content: "";
  transform: rotate(-244deg);
  background-color: #804426;
}
.page-title__container h2::after {
  display: block;
  width: clamp(0.875rem, -0.0087209302rem + 4.4186046512vw, 2.0625rem);
  height: clamp(0.0625rem, 0.0159883721rem + 0.2325581395vw, 0.125rem);
  transform: rotate(-244deg);
  content: "";
  background-color: #804426;
}

/* top-main-visual */
.top-main-visual::before {
  display: block;
  position: absolute;
  top: calc(-1 * clamp(3.1875rem, 1.6061046512rem + 7.9069767442vw, 5.3125rem));
  left: 0;
  z-index: -1;
  width: clamp(20rem, 0rem + 100vw, 46.875rem);
  height: clamp(11.8125rem, -0.0014534884rem + 59.0697674419vw, 27.6875rem);
  content: "";
  background-image: url("../images/bg_top-main-visual.svg");
  background-size: cover;
}
.top-main-visual__title {
  margin-top: clamp(1.0625rem, -0.0072674419rem + 5.3488372093vw, 2.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-main-visual__title h2 {
  width: clamp(12.4375rem, -0.074127907rem + 62.5581395349vw, 29.25rem);
}
.top-main-visual__title h3 {
  font-size: clamp(0.375rem, -0.0901162791rem + 2.3255813953vw, 1rem);
  letter-spacing: 0.12em;
  color: #fff;
  margin-top: 10px;
}
.top-main-visual__content {
  width: clamp(14.875rem, -0.101744186rem + 74.8837209302vw, 35rem);
  height: clamp(8.25rem, -0.0290697674rem + 41.3953488372vw, 19.375rem);
  margin: clamp(0.9375rem, -0.039244186rem + 4.8837209302vw, 2.25rem) auto 0;
}
.top-main-visual .top-main-visual-swiper {
  position: relative;
}
.top-main-visual .swiper-wrapper {
  background-color: #fff;
  border-radius: clamp(0.5rem, -0.0581395349rem + 2.7906976744vw, 1.25rem);
}
.top-main-visual .swiper-slide {
  width: 100%;
  height: 100%;
}
.top-main-visual .swiper-pagination {
  bottom: calc(-1 * clamp(0.5625rem, -0.0421511628rem + 3.023255814vw, 1.375rem));
}
.top-main-visual .swiper-pagination-bullet {
  width: clamp(0.25rem, -0.0290697674rem + 1.3953488372vw, 0.625rem);
  height: clamp(0.25rem, -0.0290697674rem + 1.3953488372vw, 0.625rem);
  background-color: #b0b0b0;
  margin: 0 clamp(0.375rem, -0.0436046512rem + 2.0930232558vw, 0.9375rem) !important;
}
.top-main-visual .swiper-pagination-bullet-active {
  background-color: #f05704;
}

/* top-event-topic */
.top-event-topic {
  margin-top: clamp(1.25rem, -0.0058139535rem + 6.2790697674vw, 2.9375rem);
}
.top-event-topic__title h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -0.05em;
  transform: translateX(-0.65em);
  gap: clamp(0.3125rem, -0.0595930233rem + 1.8604651163vw, 0.8125rem);
  font-size: clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem);
  color: #f05704;
  /* stylelint-disable-next-line no-descending-specificity */
}
.top-event-topic__title h2 span {
  transform: translateX(0.1em) translateY(0.15em);
  display: block;
  width: clamp(0.375rem, -0.0436046512rem + 2.0930232558vw, 0.9375rem);
  height: 1px;
  background-color: #f05704;
}
.top-event-topic__title h2 p {
  font-size: clamp(0.375rem, -0.0436046512rem + 2.0930232558vw, 0.9375rem);
  color: #1f1f1f;
  letter-spacing: 0;
  transform: translateY(0.15em);
}
.top-event-topic__content {
  margin: clamp(0.3125rem, -0.1061046512rem + 2.0930232558vw, 0.875rem) auto 0;
}
.top-event-topic .top-event-topic-swiper {
  position: relative;
}
.top-event-topic .swiper-button-prev {
  top: clamp(3.875rem, 0.9912790698rem + 14.4186046512vw, 7.75rem);
  left: clamp(3.1875rem, -0.0218023256rem + 16.0465116279vw, 7.5rem);
  width: clamp(0.5rem, -0.1046511628rem + 3.023255814vw, 1.3125rem);
  height: clamp(1.1875rem, -0.0683139535rem + 6.2790697674vw, 2.875rem);
  background-image: url("../images/icon_swiper-button-prev.svg");
  background-size: cover;
}
.top-event-topic .swiper-button-next {
  top: clamp(3.875rem, 0.9912790698rem + 14.4186046512vw, 7.75rem);
  right: clamp(3.1875rem, -0.0218023256rem + 16.0465116279vw, 7.5rem);
  width: clamp(0.5rem, -0.1046511628rem + 3.023255814vw, 1.3125rem);
  height: clamp(1.1875rem, -0.0683139535rem + 6.2790697674vw, 2.875rem);
  background-image: url("../images/icon_swiper-button-next.svg");
  background-size: cover;
}
.top-event-topic .swiper-navigation-icon {
  display: none;
}

/* top-banner */
.top-banner__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: clamp(16.3125rem, -0.1061046512rem + 82.0930232558vw, 38.375rem);
  gap: clamp(0.25rem, -0.0290697674rem + 1.3953488372vw, 0.625rem) clamp(0.1875rem, -0.0915697674rem + 1.3953488372vw, 0.5625rem);
  margin: clamp(1.3125rem, -0.0130813953rem + 6.6279069767vw, 3.09375rem) auto 0;
  /* stylelint-disable-next-line no-descending-specificity */
}
.top-banner__content a {
  display: block;
  width: clamp(8rem, -0.0930232558rem + 40.4651162791vw, 18.875rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.top-banner__content a img {
  width: 100%;
}

/* footer */
.footer {
  margin-top: clamp(0.9375rem, -0.039244186rem + 4.8837209302vw, 2.25rem);
  padding-bottom: clamp(0.875rem, -0.101744186rem + 4.8837209302vw, 2.1875rem);
  background-color: #e5e5e5;
}
.carbon-neutral .footer {
  margin-top: 0;
}
.footer__top {
  display: flex;
  justify-content: space-between;
}
.footer__logo {
  margin-top: clamp(0.6875rem, -0.0101744186rem + 3.488372093vw, 1.625rem);
  padding-left: clamp(2rem, -0.0930232558rem + 10.4651162791vw, 4.8125rem);
}
.footer__logo-logo {
  display: flex;
  align-items: center;
  gap: clamp(0.25rem, -0.0290697674rem + 1.3953488372vw, 0.625rem);
}
.footer__logo-nissan {
  width: clamp(1.5625rem, -0.0188953488rem + 7.9069767442vw, 3.6875rem);
}
.footer__logo-nara-nissan {
  width: clamp(3.25rem, -0.0523255814rem + 16.511627907vw, 7.6875rem);
  height: clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem);
}
.footer__logo-title {
  padding-left: clamp(0.125rem, -0.1075581395rem + 1.1627906977vw, 0.4375rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.footer__logo-title img {
  width: clamp(5rem, -0.0697674419rem + 25.3488372093vw, 11.8125rem);
}
.footer__nav {
  margin-top: clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem);
}
.footer__nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: clamp(9.25rem, 5.1569767442rem + 20.4651162791vw, 14.75rem);
  gap: clamp(0.4375rem, -0.0043604651rem + 2.2093023256vw, 1.03125rem);
}
.footer__nav ul li a {
  font-size: clamp(0.625rem, 0.3459302326rem + 1.3953488372vw, 1rem);
}
.footer__bottom {
  width: clamp(16.25rem, -0.0290697674rem + 81.3953488372vw, 38.125rem);
  border-top: solid 1px #8c8c8c;
  margin: clamp(0.8125rem, -0.0247093023rem + 4.1860465116vw, 1.9375rem) auto 0;
  /* stylelint-disable-next-line no-descending-specificity */
}
.footer__bottom p {
  font-size: clamp(0.625rem, 0.3459302326rem + 1.3953488372vw, 1rem);
  color: #000;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: clamp(0.375rem, -0.0901162791rem + 2.3255813953vw, 1rem);
}

/* official-mascot-page-title */
.official-mascot-page-title {
  position: relative;
}
.official-mascot-page-title::before {
  display: block;
  position: absolute;
  top: calc(-1 * clamp(2.25rem, -0.0290697674rem + 11.3953488372vw, 5.3125rem));
  left: 0;
  z-index: -1;
  width: clamp(7.875rem, -0.0319767442rem + 39.5348837209vw, 18.5rem);
  height: clamp(7.625rem, -0.0959302326rem + 38.6046511628vw, 18rem);
  content: "";
  background-image: url("../images/decoration_official-mascot-01.svg");
  background-size: cover;
}

/* official-mascot-nichiko-about */
.official-mascot-nichiko-about {
  padding-top: clamp(5rem, 1.9302325581rem + 15.3488372093vw, 9.125rem);
  padding-bottom: clamp(1.5rem, -0.0348837209rem + 7.6744186047vw, 3.5625rem);
}
.official-mascot-nichiko-about::before {
  display: block;
  position: absolute;
  bottom: 133px;
  left: 0;
  z-index: -1;
  width: clamp(8.875rem, -0.101744186rem + 44.8837209302vw, 20.9375rem);
  height: clamp(10.5rem, -0.0581395349rem + 52.7906976744vw, 24.6875rem);
  content: "";
  background-image: url("../images/decoration_official-mascot-02.svg");
  background-size: cover;
}
.official-mascot-nichiko-about::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: clamp(9.25rem, 6.4593023256rem + 13.9534883721vw, 13rem);
  z-index: -1;
  width: clamp(4rem, -0.0465116279rem + 20.2325581395vw, 9.4375rem);
  height: clamp(5.6875rem, -0.0334302326rem + 28.6046511628vw, 13.375rem);
  content: "";
  background-image: url("../images/decoration_official-mascot-03.svg");
  background-size: cover;
}
.official-mascot-nichiko-about__container {
  position: relative;
}
.official-mascot-nichiko-about__speech-bubble {
  display: flex;
  position: absolute;
  top: calc(-1 * clamp(3.8125rem, 3.4404069767rem + 1.8604651163vw, 4.3125rem));
  left: clamp(1.625rem, -0.0494186047rem + 8.3720930233vw, 3.875rem);
  justify-content: center;
  align-items: center;
  width: clamp(8.8125rem, 8.0683139535rem + 3.7209302326vw, 9.8125rem);
  height: clamp(3.5625rem, 3.2601744186rem + 1.511627907vw, 3.96875rem);
  background-image: url("../images/bg_official-mascot-nichiko-about-speech-bubble.svg");
  background-size: cover;
  padding-bottom: 13px;
  /* stylelint-disable-next-line no-descending-specificity */
}
.official-mascot-nichiko-about__speech-bubble p {
  font-size: 10px;
  color: #fff;
  text-align: center;
  /* stylelint-disable-next-line no-descending-specificity */
}
.official-mascot-nichiko-about__speech-bubble p span {
  line-height: 22px;
  font-size: 15px;
}
.official-mascot-nichiko-about__content {
  padding-left: clamp(0.9375rem, -1.2950581395rem + 11.1627906977vw, 3.9375rem);
}
.official-mascot-nichiko-about__content h3 {
  font-size: clamp(1.0625rem, -0.1002906977rem + 5.8139534884vw, 2.625rem);
  color: #1f1f1f;
  letter-spacing: -0.05em;
}
.official-mascot-nichiko-about__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -0.0290697674rem + 1.3953488372vw, 0.625rem);
  margin-top: clamp(0.5625rem, -0.0421511628rem + 3.023255814vw, 1.375rem);
}
.official-mascot-nichiko-about__list-item {
  display: flex;
  gap: clamp(0.625rem, 0.3459302326rem + 1.3953488372vw, 1rem);
}
.official-mascot-nichiko-about__list-title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f05704;
  width: clamp(4.375rem, 2.0959302326rem + 11.3953488372vw, 7.4375rem);
  height: clamp(0.9375rem, 0.1700581395rem + 3.8372093023vw, 1.96875rem);
  border-radius: clamp(0.125rem, -0.0610465116rem + 0.9302325581vw, 0.375rem);
  font-size: clamp(0.625rem, 0.3924418605rem + 1.1627906977vw, 0.9375rem);
  color: #fff;
}
.official-mascot-nichiko-about__list-text {
  transform: translateX(-0.2em);
  font-size: clamp(0.625rem, 0.3087209302rem + 1.5813953488vw, 1.05rem);
  line-height: 1.575;
  color: #1f1f1f;
}
.official-mascot-nichiko-about__decoration {
  position: absolute;
  right: 0;
  bottom: clamp(3.125rem, 3.3575581395rem + -1.1627906977vw, 2.8125rem);
  width: clamp(6rem, -4.4651162791rem + 52.3255813953vw, 20.0625rem);
  height: clamp(6.5625rem, -4.8793604651rem + 57.2093023256vw, 21.9375rem);
}
.official-mascot-nichiko-about__decoration-text {
  position: absolute;
  top: calc(-1 * clamp(1.6875rem, -1.289244186rem + 14.8837209302vw, 5.6875rem));
  left: calc(-1 * clamp(1.125rem, -0.7819767442rem + 9.5348837209vw, 3.6875rem));
  width: clamp(5.875rem, -4.2645348837rem + 50.6976744186vw, 19.5rem);
  height: clamp(3.125rem, -2.363372093rem + 27.4418604651vw, 10.5rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.official-mascot-nichiko-about__decoration-text img {
  width: 100%;
  height: 100%;
}
.official-mascot-nichiko-about__decoration-text::after {
  display: block;
  position: absolute;
  top: calc(-1 * clamp(0.4375rem, -0.3066860465rem + 3.7209302326vw, 1.4375rem));
  left: clamp(4.0625rem, -2.914244186rem + 34.8837209302vw, 13.4375rem);
  width: clamp(1.4375rem, -0.9811046512rem + 12.0930232558vw, 4.6875rem);
  height: clamp(1.4375rem, -0.9811046512rem + 12.0930232558vw, 4.6875rem);
  content: "";
  /* prettier-ignore */
  background-image: image-set(url("../images/decoration_official-mascot-nichiko-about-decoration.png") 1x, url("../images/decoration_official-mascot-nichiko-about-decoration@2x.png") 2x);
  background-size: cover;
}
.official-mascot-nichiko-about__decoration-img {
  width: 100%;
  height: 100%;
}

/* corporate-philosophy-main-visual */
.corporate-philosophy-main-visual__container {
  width: 100%;
  height: clamp(7.1875rem, -0.0218023256rem + 36.0465116279vw, 16.875rem);
  margin-top: calc(-1 * clamp(3.1875rem, 1.6061046512rem + 7.9069767442vw, 5.3125rem));
  /* prettier-ignore */
  background-image: image-set(url("../images/bg_corporate-philosophy-main-visual.png") 1x, url("../images/bg_corporate-philosophy-main-visual@2x.png") 2x);
  background-size: cover;
}

/* corporate-philosophy-message */
.corporate-philosophy-message {
  padding-top: clamp(1.375rem, -0.0203488372rem + 6.976744186vw, 3.25rem);
  position: relative;
}
.corporate-philosophy-message::before {
  display: inline;
  position: absolute;
  top: clamp(3.75rem, -0.0639534884rem + 19.0697674419vw, 8.875rem);
  left: calc(-1 * clamp(5.9375rem, -0.0159883721rem + 29.7674418605vw, 13.9375rem));
  content: "Phylosophy";
  font-size: clamp(2.625rem, -0.0726744186rem + 13.488372093vw, 6.25rem);
  opacity: 0.7;
  color: #e5e5e5;
  transform: rotate(90deg);
}
.corporate-philosophy-message__img {
  display: flex;
  justify-content: flex-end;
  /* stylelint-disable-next-line no-descending-specificity */
}
.corporate-philosophy-message__img img {
  width: clamp(16.25rem, -0.0290697674rem + 81.3953488372vw, 38.125rem);
  height: clamp(6.5625rem, -0.0886627907rem + 33.2558139535vw, 15.5rem);
}
.corporate-philosophy-message__title {
  margin-top: clamp(1.5rem, -0.0348837209rem + 7.6744186047vw, 3.5625rem);
}
.corporate-philosophy-message__title h3 {
  font-weight: bold;
  font-size: clamp(0.9375rem, 0.2398255814rem + 3.488372093vw, 1.875rem);
  letter-spacing: 0.05em;
  color: #f05704;
  text-align: center;
}
.corporate-philosophy-message__text {
  display: flex;
  justify-content: center;
  margin-top: clamp(0.375rem, -0.0436046512rem + 2.0930232558vw, 0.9375rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.corporate-philosophy-message__text p {
  text-align: center;
  font-size: clamp(0.6875rem, 0.2688953488rem + 2.0930232558vw, 1.25rem);
  line-height: 1.7;
  color: #1f1f1f;
  letter-spacing: -0.012em;
}

/* corporate-philosophy-mission */
.corporate-philosophy-mission {
  margin-top: clamp(1.6875rem, -0.0799418605rem + 8.8372093023vw, 4.0625rem);
}
.corporate-philosophy-mission__title h3 {
  font-size: clamp(1.1875rem, 0.4433139535rem + 3.7209302326vw, 2.1875rem);
  letter-spacing: -0.1em;
  color: #804426;
  text-align: center;
  position: relative;
}
.corporate-philosophy-mission__title h3::after {
  display: block;
  position: absolute;
  bottom: calc(-1 * clamp(0.5rem, 0.1744186047rem + 1.6279069767vw, 0.9375rem));
  left: 54%;
  width: clamp(11.3125rem, 4.4287790698rem + 34.4186046512vw, 20.5625rem);
  height: clamp(1.5rem, 0.5697674419rem + 4.6511627907vw, 2.75rem);
  transform: translateX(-50%);
  content: "";
  background-image: url("../images/decoration_corporate-philosophy-mission-title.svg");
  background-size: cover;
}
.corporate-philosophy-mission__content {
  margin-top: clamp(1.5625rem, 1.1438953488rem + 2.0930232558vw, 2.125rem);
  padding-inline: clamp(1.8125rem, -0.0944767442rem + 9.5348837209vw, 4.375rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.corporate-philosophy-mission__content h4 {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: clamp(7.8125rem, 6.6497093023rem + 5.8139534884vw, 9.375rem);
  height: clamp(1.5625rem, 1.3485465116rem + 1.0697674419vw, 1.85rem);
  border-radius: clamp(0.78125rem, 0.6649709302rem + 0.5813953488vw, 0.9375rem);
  font-size: clamp(0.625rem, 0.5319767442rem + 0.4651162791vw, 0.75rem);
  padding-right: 1em;
  letter-spacing: 0.02em;
  color: #fff;
  background: #f05704;
}
.corporate-philosophy-mission__content h4:not(:first-child) {
  margin-top: clamp(1.1875rem, -0.0218023256rem + 6.0465116279vw, 2.8125rem);
}
.corporate-philosophy-mission__content h4::before {
  display: block;
  position: absolute;
  top: 50%;
  left: clamp(0.6875rem, 0.5944767442rem + 0.4651162791vw, 0.8125rem);
  width: clamp(0.375rem, 0.3052325581rem + 0.3488372093vw, 0.46875rem);
  height: clamp(0.375rem, 0.3052325581rem + 0.3488372093vw, 0.46875rem);
  border-radius: 50%;
  transform: translateY(-50%);
  content: "";
  background-color: #fff;
}
.corporate-philosophy-mission__content h3 {
  margin-top: clamp(0.4375rem, 0.3909883721rem + 0.2325581395vw, 0.5rem);
  font-weight: bold;
  font-size: clamp(1.0625rem, 0.6904069767rem + 1.8604651163vw, 1.5625rem);
  letter-spacing: 0.05em;
  color: #f05704;
  margin-bottom: clamp(0.6875rem, 0.5944767442rem + 0.4651162791vw, 0.8125rem);
}
.corporate-philosophy-mission__content p {
  font-size: clamp(0.8125rem, 0.6729651163rem + 0.6976744186vw, 1rem);
  line-height: 1.625;
  letter-spacing: -0.08em;
  color: #1f1f1f;
}
.corporate-philosophy-mission__link {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.4375rem, -0.050872093rem + 7.4418604651vw, 3.4375rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.corporate-philosophy-mission__link a {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: clamp(15.625rem, 13.2994186047rem + 11.6279069767vw, 18.75rem);
  height: clamp(3.125rem, 2.6598837209rem + 2.3255813953vw, 3.75rem);
  border-radius: clamp(1.5625rem, 1.3299418605rem + 1.1627906977vw, 1.875rem);
  padding-right: 1.7em;
  background: #f05704;
  font-weight: bold;
  color: #fff;
  font-size: clamp(1.125rem, 0.9389534884rem + 0.9302325581vw, 1.375rem);
  letter-spacing: 0.05em;
  /* stylelint-disable-next-line no-descending-specificity */
}
.corporate-philosophy-mission__link a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: clamp(0.40625rem, 0.3364825581rem + 0.3488372093vw, 0.5rem);
  width: clamp(1.9375rem, 1.6584302326rem + 1.3953488372vw, 2.3125rem);
  height: clamp(1.9375rem, 1.6584302326rem + 1.3953488372vw, 2.3125rem);
  transform: translateY(-50%);
  content: "";
  background-image: url("../images/icon_corporate-philosophy-mission-link.svg");
  background-size: cover;
}

#corporate-philosophy-mission {
  scroll-margin-top: clamp(3.4375rem, 1.3444767442rem + 10.4651162791vw, 6.25rem);
}

/* carbon-neutral-main-visual */
.carbon-neutral-main-visual__container {
  width: 100%;
  height: clamp(7.1875rem, -0.0218023256rem + 36.0465116279vw, 16.875rem);
  margin-top: calc(-1 * clamp(3.1875rem, 1.6061046512rem + 7.9069767442vw, 5.3125rem));
  /* prettier-ignore */
  background-image: image-set(url("../images/bg_carbon-neutral-main-visual.png") 1x, url("../images/bg_carbon-neutral-main-visual@2x.png") 2x);
  background-size: cover;
}

/* carbon-neutral-message */
.carbon-neutral-message {
  padding-top: clamp(1.375rem, -0.0203488372rem + 6.976744186vw, 3.25rem);
  position: relative;
}
.carbon-neutral-message::before {
  display: inline;
  position: absolute;
  top: clamp(6rem, -0.0465116279rem + 30.2325581395vw, 14.125rem);
  left: calc(-1 * clamp(8.125rem, -0.1075581395rem + 41.1627906977vw, 19.1875rem));
  content: "Carbon Neutral";
  font-size: clamp(2.625rem, -0.0726744186rem + 13.488372093vw, 6.25rem);
  opacity: 0.7;
  color: #e5e5e5;
  transform: rotate(90deg);
}
.carbon-neutral-message__symbol-01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(10.25rem, -0.0755813953rem + 51.6279069767vw, 24.125rem);
  height: clamp(10.6875rem, -0.0566860465rem + 53.7209302326vw, 25.125rem);
  margin: calc(-1 * clamp(0.1875rem, -0.0915697674rem + 1.3953488372vw, 0.5625rem)) auto 0;
  padding-bottom: clamp(0.1875rem, -0.0450581395rem + 1.1627906977vw, 0.5rem);
  /* prettier-ignore */
  background-image: image-set(url("../images/bg_carbon-neutral-message-symbol-01.png") 1x, url("../images/bg_carbon-neutral-message-symbol-01@2x.png") 2x);
  background-size: cover;
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-message__symbol-01 p {
  text-align: center;
  font-weight: bold;
  font-size: clamp(0.6875rem, -0.0101744186rem + 3.488372093vw, 1.625rem);
  line-height: 1.6153846154;
  letter-spacing: 0.05em;
  color: #8c8c8c;
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-message__symbol-01 p span {
  color: #f05704;
}
.carbon-neutral-message__symbol-02 {
  display: flex;
  justify-content: center;
  margin-top: clamp(0.6875rem, -0.1031976744rem + 3.9534883721vw, 1.75rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-message__symbol-02 img {
  width: clamp(4.6875rem, -0.0101744186rem + 23.488372093vw, 11rem);
  height: clamp(2.5rem, -0.011627907rem + 12.5581395349vw, 5.875rem);
}
.carbon-neutral-message__title {
  margin-top: clamp(1.5625rem, -0.0188953488rem + 7.9069767442vw, 3.6875rem);
}
.carbon-neutral-message__title h3 {
  font-weight: bold;
  font-size: clamp(0.9375rem, 0.2398255814rem + 3.488372093vw, 1.875rem);
  letter-spacing: 0.05em;
  color: #f05704;
  text-align: center;
}
.carbon-neutral-message__text {
  display: flex;
  justify-content: center;
  margin-top: clamp(0.375rem, -0.0436046512rem + 2.0930232558vw, 0.9375rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-message__text p {
  text-align: center;
  font-size: clamp(0.6875rem, 0.2688953488rem + 2.0930232558vw, 1.25rem);
  line-height: 1.7;
  color: #1f1f1f;
  letter-spacing: -0.012em;
}

#sdgs-declaration {
  scroll-margin-top: clamp(4.6875rem, -0.1962209302rem + 24.4186046512vw, 11.25rem);
}

/* carbon-neutral-goals */
.carbon-neutral-goals {
  /* prettier-ignore */
  background-image: image-set(url("../images/bg_carbon-neutral-goals.png") 1x, url("../images/bg_carbon-neutral-goals@2x.png") 2x);
  background-size: cover;
  padding-top: clamp(3.3125rem, -0.0363372093rem + 16.7441860465vw, 7.8125rem);
  padding-bottom: clamp(0.625rem, -0.0261627907rem + 3.2558139535vw, 1.5rem);
  position: relative;
}
.carbon-neutral-goals::before {
  display: inline;
  position: absolute;
  top: clamp(11.0625rem, -0.0072674419rem + 55.3488372093vw, 25.9375rem);
  left: calc(-1 * clamp(8.125rem, -0.1075581395rem + 41.1627906977vw, 19.1875rem));
  content: "Carbon Neutral";
  font-size: clamp(2.625rem, -0.0726744186rem + 13.488372093vw, 6.25rem);
  opacity: 0.7;
  color: #fff;
  transform: rotate(90deg);
}
.carbon-neutral-goals__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__title h3 {
  color: #1f1f1f;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0.6875rem, -0.0101744186rem + 3.488372093vw, 1.625rem);
  line-height: 1.4615384615;
  letter-spacing: 0.05em;
}
.carbon-neutral-goals__title img {
  margin-top: clamp(0.625rem, -0.0726744186rem + 3.488372093vw, 1.5625rem);
  width: clamp(14.3125rem, -0.1061046512rem + 72.0930232558vw, 33.6875rem);
  height: clamp(7.25rem, -0.0988372093rem + 36.7441860465vw, 17.125rem);
}
.carbon-neutral-goals__content-01 {
  width: clamp(16.25rem, -0.0290697674rem + 81.3953488372vw, 38.125rem);
  margin: clamp(2rem, -0.0465116279rem + 10.2325581395vw, 4.75rem) auto 0;
  border-radius: clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem) clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem) 0 0;
  background-color: #fff;
  padding-top: clamp(1.0625rem, -0.1002906977rem + 5.8139534884vw, 2.625rem);
  padding-inline: clamp(1.4375rem, -0.050872093rem + 7.4418604651vw, 3.4375rem);
  padding-bottom: clamp(0.375rem, -0.0436046512rem + 2.0930232558vw, 0.9375rem);
  /* stylelint-disable-next-line no-descending-specificity */
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-01 h3 {
  text-align: center;
  font-weight: bold;
  color: #f05704;
  font-size: clamp(1.0625rem, 0.4578488372rem + 3.023255814vw, 1.875rem);
  line-height: 1.3333333333;
  letter-spacing: -0.03em;
}
.carbon-neutral-goals__content-01 > img {
  display: block;
  width: clamp(9.625rem, -0.0494186047rem + 48.3720930233vw, 22.625rem);
  height: clamp(3.625rem, -0.0494186047rem + 18.3720930233vw, 8.5625rem);
  margin: clamp(1rem, -0.023255814rem + 5.1162790698vw, 2.375rem) auto 0;
  transform: translateX(8%);
  margin-bottom: clamp(0.875rem, -0.0087209302rem + 4.4186046512vw, 2.0625rem);
}
.carbon-neutral-goals__content-01 p {
  font-size: clamp(0.625rem, 0.3459302326rem + 1.3953488372vw, 1rem);
  line-height: 1.625;
  color: #1f1f1f;
  letter-spacing: -0.02em;
}
.carbon-neutral-goals__content-01 ul {
  margin-top: clamp(0.8125rem, -0.0712209302rem + 4.4186046512vw, 2rem);
}
.carbon-neutral-goals__content-01 ul li {
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-01 ul li h4 {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: clamp(0.75rem, 0.4709302326rem + 1.3953488372vw, 1.125rem);
  line-height: 1.7777777778;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.125rem, -0.0145348837rem + 0.6976744186vw, 0.3125rem);
}
.carbon-neutral-goals__content-01 ul li h4::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #f05704;
}
.carbon-neutral-goals__content-01 ul li p {
  font-size: clamp(0.6875rem, 0.4549418605rem + 1.1627906977vw, 1rem);
  line-height: 1.625;
  color: #1f1f1f;
  letter-spacing: -0.07em;
}
.carbon-neutral-goals__content-01 ul li p:last-child {
  margin-bottom: clamp(0.6875rem, -0.0101744186rem + 3.488372093vw, 1.625rem);
}
.carbon-neutral-goals__content-02 {
  position: relative;
  width: clamp(16.25rem, -0.0290697674rem + 81.3953488372vw, 38.125rem);
  margin: 0 auto;
  border-radius: 0 0 clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem) clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem);
  background-color: #fff;
  padding-top: clamp(1.0625rem, -0.1002906977rem + 5.8139534884vw, 2.625rem);
  padding-inline: clamp(1.4375rem, -0.050872093rem + 7.4418604651vw, 3.4375rem);
  padding-bottom: clamp(0.4375rem, -0.074127907rem + 2.5581395349vw, 1.125rem);
}
.carbon-neutral-goals__content-02::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: clamp(13.3125rem, -0.0363372093rem + 66.7441860465vw, 31.25rem);
  height: clamp(0.0625rem, 0.0159883721rem + 0.2325581395vw, 0.125rem);
  transform: translateX(-50%);
  content: "";
  background-color: #e5e5e5;
}
.carbon-neutral-goals__content-02 h3 {
  text-align: center;
  font-weight: bold;
  color: #f05704;
  font-size: clamp(1.0625rem, 0.4578488372rem + 3.023255814vw, 1.875rem);
  line-height: 1;
  letter-spacing: -0.03em;
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-02 h3 span {
  font-size: clamp(0.625rem, 0.4389534884rem + 0.9302325581vw, 0.875rem);
  line-height: 2;
  letter-spacing: 0;
  color: #1f1f1f;
}
.carbon-neutral-goals__content-02 ul {
  margin-top: clamp(0.375rem, -0.0436046512rem + 2.0930232558vw, 0.9375rem);
}
.carbon-neutral-goals__content-02 ul li {
  /* stylelint-disable-next-line no-descending-specificity */
  /* stylelint-disable-next-line no-descending-specificity */
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-02 ul li h4 {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: clamp(0.75rem, 0.4709302326rem + 1.3953488372vw, 1.125rem);
  line-height: 1.7777777778;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.3125rem, -0.1061046512rem + 2.0930232558vw, 0.875rem);
}
.carbon-neutral-goals__content-02 ul li h4::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #f05704;
}
.carbon-neutral-goals__content-02 ul li p {
  font-size: clamp(0.6875rem, 0.4549418605rem + 1.1627906977vw, 1rem);
  line-height: 1.625;
  color: #1f1f1f;
  letter-spacing: -0.05em;
}
.carbon-neutral-goals__content-02 ul li p:last-child {
  margin-bottom: clamp(0.6875rem, -0.0101744186rem + 3.488372093vw, 1.625rem);
}
.carbon-neutral-goals__content-02 ul li img {
  display: block;
  width: clamp(13.3125rem, -0.0363372093rem + 66.7441860465vw, 31.25rem);
  height: clamp(3.8125rem, -0.0014534884rem + 19.0697674419vw, 8.9375rem);
  margin: clamp(0.1875rem, -0.0915697674rem + 1.3953488372vw, 0.5625rem) auto clamp(0.8125rem, -0.0247093023rem + 4.1860465116vw, 1.9375rem);
}
.carbon-neutral-goals__content-03 {
  width: clamp(16.25rem, -0.0290697674rem + 81.3953488372vw, 38.125rem);
  margin: clamp(0.4375rem, -0.074127907rem + 2.5581395349vw, 1.125rem) auto 0;
  border-radius: clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem);
  background-color: #fff;
  padding-top: clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem);
  padding-inline: clamp(1.4375rem, -0.050872093rem + 7.4418604651vw, 3.4375rem);
  padding-bottom: clamp(1.125rem, -0.0377906977rem + 5.8139534884vw, 2.6875rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-03 h3 {
  text-align: center;
  font-weight: bold;
  color: #f05704;
  font-size: clamp(1.0625rem, 0.4578488372rem + 3.023255814vw, 1.875rem);
  line-height: 1.3333333333;
  letter-spacing: -0.03em;
}
.carbon-neutral-goals__content-03 > img {
  display: block;
  width: clamp(7.3125rem, -0.0828488372rem + 36.976744186vw, 17.25rem);
  height: clamp(4.125rem, -0.0610465116rem + 20.9302325581vw, 9.75rem);
  margin: clamp(0.6875rem, -0.0566860465rem + 3.7209302326vw, 1.6875rem) auto clamp(0.9375rem, -0.039244186rem + 4.8837209302vw, 2.25rem);
  transform: translateX(1%);
}
.carbon-neutral-goals__content-03-content {
  display: flex;
  gap: clamp(0.5rem, -0.0581395349rem + 2.7906976744vw, 1.25rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-03-content img {
  width: clamp(6.375rem, -0.0436046512rem + 32.0930232558vw, 15rem);
  height: clamp(6.1875rem, -0.0915697674rem + 31.3953488372vw, 14.625rem);
  margin-top: clamp(0.125rem, -0.0145348837rem + 0.6976744186vw, 0.3125rem);
}
.carbon-neutral-goals__content-03-text {
  width: clamp(6.375rem, -0.0436046512rem + 32.0930232558vw, 15rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-03-text p {
  font-size: clamp(0.6875rem, 0.4549418605rem + 1.1627906977vw, 1rem);
  line-height: 1.625;
  color: #1f1f1f;
  letter-spacing: -0.02em;
}
.carbon-neutral-goals__content-04 {
  width: clamp(16.25rem, -0.0290697674rem + 81.3953488372vw, 38.125rem);
  margin: clamp(0.5rem, -0.1046511628rem + 3.023255814vw, 1.3125rem) auto 0;
  border-radius: clamp(0.75rem, -0.0872093023rem + 4.1860465116vw, 1.875rem);
  background-color: #fff;
  padding-top: clamp(0.9375rem, -0.085755814rem + 5.1162790698vw, 2.3125rem);
  padding-inline: clamp(1.4375rem, -0.050872093rem + 7.4418604651vw, 3.4375rem);
  padding-bottom: clamp(1.125rem, -0.0377906977rem + 5.8139534884vw, 2.6875rem);
}
.carbon-neutral-goals__content-04 h3 {
  text-align: center;
  font-weight: bold;
  color: #f05704;
  font-size: clamp(1.0625rem, 0.4578488372rem + 3.023255814vw, 1.875rem);
  line-height: 1.3333333333;
  letter-spacing: -0.03em;
}
.carbon-neutral-goals__content-04-img-01 {
  display: block;
  width: clamp(9.625rem, -0.0494186047rem + 48.3720930233vw, 22.625rem);
  height: clamp(3.625rem, -0.0494186047rem + 18.3720930233vw, 8.5625rem);
  margin: clamp(0.6875rem, -0.0566860465rem + 3.7209302326vw, 1.6875rem) auto clamp(0.8125rem, -0.0712209302rem + 4.4186046512vw, 2rem);
  transform: translateX(6%);
}
.carbon-neutral-goals__content-04-content {
  display: flex;
  gap: clamp(0.5625rem, -0.0421511628rem + 3.023255814vw, 1.375rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-04-content img {
  width: clamp(6rem, 0rem + 30vw, 14.0625rem);
  height: clamp(6.375rem, -0.0901162791rem + 32.3255813953vw, 15.0625rem);
  margin-top: clamp(0.125rem, -0.0610465116rem + 0.9302325581vw, 0.375rem);
}
.carbon-neutral-goals__content-04-text {
  width: clamp(6.6875rem, -0.1031976744rem + 33.9534883721vw, 15.8125rem);
  /* stylelint-disable-next-line no-descending-specificity */
}
.carbon-neutral-goals__content-04-text p {
  font-size: clamp(0.6875rem, 0.4549418605rem + 1.1627906977vw, 1rem);
  line-height: 1.625;
  color: #1f1f1f;
  letter-spacing: -0.02em;
}
.carbon-neutral-goals__content-04-img-02 {
  display: block;
  width: clamp(13.5rem, -0.0813953488rem + 67.9069767442vw, 31.75rem);
  height: clamp(8.8125rem, -0.0247093023rem + 44.1860465116vw, 20.6875rem);
  margin: clamp(0.875rem, -0.101744186rem + 4.8837209302vw, 2.1875rem) auto 0;
}

/* naraclub-page-title */
.naraclub-page-title {
  padding: clamp(1rem, 0.4418604651rem + 2.7906976744vw, 1.75rem) 0 0;
  background-color: #003b7e;
}
.naraclub-page-title__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 670px;
  max-width: calc(100% - 98px);
  margin-inline: auto;
}
.naraclub-page-title__title {
  width: 653px;
  max-width: 100%;
}
.naraclub-page-title__subtitle {
  align-self: flex-start;
  width: 655px;
  max-width: 100%;
  margin-top: clamp(0.625rem, 0.1598837209rem + 2.3255813953vw, 1.25rem);
}
@media (width < 756px) {
  .naraclub-page-title__container {
    max-width: calc(100% - 40px);
  }
}

/* naraclub-about */
.naraclub-about {
  padding: clamp(0.625rem, 0.1598837209rem + 2.3255813953vw, 1.25rem) 0 clamp(1.0625rem, -0.1933139535rem + 6.2790697674vw, 2.75rem);
  background-color: #003b7e;
}
.naraclub-about__container {
  width: 670px;
  max-width: calc(100% - 98px);
  margin-inline: auto;
}
.naraclub-about__main-visual {
  width: 651px;
  max-width: 100%;
  margin-inline: auto;
}
.naraclub-about__main-visual img {
  display: block;
  width: 100%;
  height: auto;
}
.naraclub-about__caption {
  width: 475px;
  max-width: 100%;
  margin-top: clamp(0.625rem, 0.2529069767rem + 1.8604651163vw, 1.125rem);
}
.naraclub-about__caption img {
  display: block;
  width: 100%;
  height: auto;
}
.naraclub-about__gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 651px;
  max-width: 100%;
  gap: 6px;
  margin-top: clamp(1.25rem, 0.3197674419rem + 4.6511627907vw, 2.5rem);
  margin-inline: auto;
}
.naraclub-about__gallery-item {
  overflow: hidden;
  min-width: 0;
  aspect-ratio: 157/158;
}
.naraclub-about__gallery-button {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.naraclub-about__gallery-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.naraclub-about__partner-copy {
  width: 664px;
  max-width: 100%;
  margin: clamp(0.375rem, -0.0901162791rem + 2.3255813953vw, 1rem) auto 0;
}
.naraclub-about__partner-banner {
  width: 549px;
  max-width: 100%;
  margin: 0 auto 0;
}
.naraclub-about__detail-link {
  width: 545px;
  max-width: 100%;
  margin: clamp(1.5rem, 0.476744186rem + 5.1162790698vw, 2.875rem) auto 0;
}
.naraclub-about__detail-link a {
  display: block;
}
@media (width < 756px) {
  .naraclub-about__container {
    max-width: calc(100% - 40px);
  }
}

.naraclub .wrapper__inner {
  background-color: #003b7e;
}
.naraclub .footer {
  margin-top: 0;
}

.naraclub-gallery-popup {
  position: fixed;
  inset: 0;
  z-index: 300;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  --naraclub-popup-left: 50vw;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.naraclub-gallery-popup.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.naraclub-gallery-popup__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.72);
}
.naraclub-gallery-popup__dialog {
  position: fixed;
  top: 50%;
  left: var(--naraclub-popup-left);
  z-index: 1;
  width: fit-content;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  transform: translate(-50%, -50%);
}
.naraclub-gallery-popup__image {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: calc(100vh - 40px);
  object-fit: contain;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}
.naraclub-gallery-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.92);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.naraclub-gallery-popup__close::before, .naraclub-gallery-popup__close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  content: "";
  background-color: #003b7e;
}
.naraclub-gallery-popup__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.naraclub-gallery-popup__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (width <= 768px) {
  .naraclub-gallery-popup__dialog {
    max-width: calc(100vw - 8px);
    max-height: calc(100vh - 8px);
  }
  .naraclub-gallery-popup__image {
    max-width: calc(100vw - 8px);
    max-height: calc(100vh - 8px);
  }
  .naraclub-gallery-popup__close {
    top: 4px;
    right: 4px;
  }
}

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