@charset "UTF-8";
/*--------------------------------------------------------*/
/* _foundation-index
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! _reset*/
/*--------------------------------------------------------*/
/*html5doctor.com Reset Stylesheetv1.6.1Last Updated: 2010-09-17Author: Richard Clark - http://richclarkdesign.comTwitter: @rich_clark*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*--------------------------------------------------------*/
/* _global-index
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! _font*/
/*--------------------------------------------------------*/
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: normal;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: bold;
}
@font-face {
  font-family: "Local NotoSansJP";
  src: local("Noto Sans JP"), local("Noto Sans CJK JP Regular");
}
@font-face {
  font-family: "NotoSans";
  src: url("../fonts/NotoSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSans";
  src: url("../fonts/NotoSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  src: url("../fonts/NotoSansJP.woff") format("woff");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
/*--------------------------------------------------------*/
/*! _color*/
/*--------------------------------------------------------*/
:root {
  --c_primary: #006CBA;
  --c_secondary01: #E6F5FF;
  --c_secondary02: #005390;
  --c_accent: #96C83C;
  --c_error: #C50303;
  --c_black: #000000;
  --c_black02: #141414;
  --txt_black: var(--c_black);
  --c_gray01: #D9D9D9;
  --c_gray02: #B2B0B0;
  --c_gray03: #787777;
  --c_gray04: #F9F9F9;
  --c_gray05: #F3F3F3;
  --c_gray06: #A9A9A9;
  --txt_l-gray: var(--c_gray01);
  --txt_d-gray: var(--c_gray03);
  --c_white: #FFF;
  --txt_white: var(--c_white);
  --c_red: #e80029;
  --bg_body: var(--c_white);
  --bg_l-gray: var(--c_gray04);
  --bg_header: var(--c_white);
  --bg_menu: var(--c_primary);
  --bg_footer: var(--bg_l-gray);
}

/*--------------------------------------------------------*/
/* _mixin
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! _variable*/
/*--------------------------------------------------------*/
:root {
  --hover_transition:0.3s;
  --hover_opacity:0.7;
}

/*--------------------------------------------------------*/
/*! _base*/
/*--------------------------------------------------------*/
:root {
  --header_h: 75;
  --z_header: 200;
  --z_modal: 300;
  --z_toTop: 100;
  --fz: 0.249vw;
  --val: 0.249vw;
}
@media screen and (min-width: 769px) {
  :root {
    --header_h: 120;
    --fz: min(0.0977vw, calc(1 / 16 * 1rem));
    --val: min(0.0977vw, 1px);
    --clamp: clamp(0.375px, calc((100vw - 1024px) / (1400px - 1024px) * 0.5px + 0.5px), 1px);
  }
}

*,
*:before,
*:after {
  box-sizing: border-box;
  letter-spacing: 0em;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: calc(var(--val) * var(--header_h));
  }
}

body {
  width: 100%;
  min-height: 100vh;
  background-color: var(--bg_base);
  font-family: "Local NotoSansJP", "NotoSansJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: calc(var(--fz) * 16);
  color: var(--txt_black);
  text-spacing-trim: space-all;
  overflow-y: scroll;
}
@media screen and (min-width: 769px) {
  body {
    font-size: calc(var(--fz) * 18);
  }
}

ul,
ol {
  list-style: none;
}

a {
  color: currentColor;
  text-decoration: none;
  overflow-wrap: break-word;
}
a:hover {
  text-decoration: none;
}
@media (any-hover: none) {
  a:active {
    text-decoration: none;
  }
}

span {
  display: inline-block;
  letter-spacing: inherit;
}

picture {
  display: block;
}

img,
video,
iframe {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: auto;
  font: initial;
  font-style: italic;
  vertical-align: middle;
}

input {
  margin: 0;
  padding: 0;
  font: inherit;
}

textarea {
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  resize: none;
  field-sizing: content;
}

select {
  font: inherit;
  color: inherit;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}

/*--------------------------------------------------------*/
/* _component-index
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! _contents*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! <見出し/タイトル>*/
/*--------------------------------------------------------*/
/*大タイトル*/
.c-secTitle {
  padding-top: calc(var(--val) * 25);
  padding-bottom: calc(var(--val) * 16);
  font-size: calc(var(--fz) * 26);
  font-weight: bold;
  line-height: 1.4;
  color: var(--c_primary);
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-secTitle {
    padding-top: calc(var(--val) * 44);
    padding-bottom: calc(var(--val) * 25);
    font-size: calc(var(--fz) * 30);
    font-weight: 500;
    line-height: 1.2;
    word-break: auto-phrase;
  }
}
.c-secTitle:where(.l-main__inner > *:first-child) {
  margin-top: calc(var(--val) * -25);
}
@media screen and (min-width: 769px) {
  .c-secTitle:where(.l-main__inner > *:first-child) {
    margin-top: calc(var(--val) * -40);
  }
}
.c-secTitle:where(.l-main__inner section:first-child *) {
  margin-top: calc(var(--val) * -25);
}
@media screen and (min-width: 769px) {
  .c-secTitle:where(.l-main__inner section:first-child *) {
    margin-top: calc(var(--val) * -40);
  }
}
.c-secTitle::before {
  content: "";
  width: calc(var(--val) * 60);
  height: calc(var(--val) * 5);
  background-color: #5385D5;
  position: absolute;
  bottom: 0;
  left: 0;
}

/*中タイトル*/
.c-contTitle {
  padding-bottom: calc(var(--val) * 10);
  border-bottom: calc(var(--val) * 3) solid var(--c_primary);
  font-size: calc(var(--fz) * 23);
  font-weight: bold;
  line-height: 1.35;
}
@media screen and (min-width: 769px) {
  .c-contTitle {
    padding-bottom: calc(var(--val) * 22);
    font-size: calc(var(--fz) * 26);
    font-weight: 500;
    line-height: 1.2;
  }
}

/*小タイトル*/
.c-heading {
  width: fit-content;
  padding: calc(var(--val) * 4) calc(var(--val) * 14);
  background-color: var(--c_primary);
  font-size: calc(var(--fz) * 20);
  font-weight: bold;
  line-height: 1.35;
  color: var(--txt_white);
}
@media screen and (min-width: 769px) {
  .c-heading {
    font-size: calc(var(--fz) * 17);
  }
}

.c-subHeading {
  font-size: calc(var(--fz) * 22);
  font-weight: bold;
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  .c-subHeading {
    font-size: calc(var(--fz) * 24);
  }
}
@media screen and (min-width: 769px) {
  .c-subHeading.-small {
    font-size: calc(var(--fz) * 22);
  }
}

/*--------------------------------------------------------*/
/*! <本文>*/
/*--------------------------------------------------------*/
/*本文テキスト*/
.c-textBox {
  display: flex;
  flex-direction: column;
  gap: 1lh 0;
}
.c-textBox__list {
  display: flex;
  flex-direction: column;
  gap: 1lh 0;
}
.c-textBox__list.-gap0 {
  gap: 0;
}
.c-textBox__list.-num {
  counter-reset: num 0;
}
.c-textBox__list.-num li {
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.c-textBox__list.-num li::before {
  content: counter(num) ".";
  counter-increment: num 1;
  display: inline-block;
  width: 1.5em;
  text-align: center;
  text-indent: 0;
}
.c-textBox__list.-kakko li {
  margin-left: 3.3em;
  text-indent: -3.3em;
}
.c-textBox__list.-kakko li .num {
  width: 3.3em;
  text-indent: 0;
}
.c-textBox__list .mark {
  font-weight: bold;
  color: var(--c_primary);
}

.c-text {
  font-size: calc(var(--fz) * 16);
  line-height: 1.875;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .c-text {
    font-size: calc(var(--fz) * 18);
  }
}
.c-text.-pb {
  padding-bottom: 1lh;
}
.c-text * {
  font-size: inherit;
  letter-spacing: 0.1em;
}
.c-text .en {
  font-family: "NotoSans", "Local NotoSansJP", "NotoSansJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}
.c-text .bold {
  font-weight: bold;
}
.c-text .tar {
  text-align: right;
}
.c-text .strong {
  font-size: calc(var(--fz) * 18);
  font-weight: bold;
}
.c-text .text-blue {
  color: var(--c_primary);
}
.c-text .indent {
  margin-left: 1em;
  text-indent: -1em;
}
.c-text .indent > * {
  text-indent: 0;
}
.c-text .-pb {
  padding-bottom: 1lh;
}
.c-text__link {
  font-weight: 500;
  color: var(--c_primary);
  text-decoration: underline;
  text-decoration-thickness: calc(var(--val) * 1.5);
  text-underline-offset: calc(var(--val) * 4);
  transition: opacity var(--hover_transition);
}
.c-text__link:hover {
  text-decoration: underline;
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .c-text__link:active {
    text-decoration: underline;
    opacity: var(--hover_opacity);
  }
}
.c-text__link::after {
  content: none;
  display: inline-block;
  width: calc(var(--val) * 22);
  aspect-ratio: 1/1;
  margin: calc(var(--val) * -2) calc(var(--val) * 2) 0;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.c-text__link {
  /*外部リンク*/
}
.c-text__link.-external::after {
  content: "";
  background-image: url(../img/common/icon/external.svg);
}
.c-text__link.-pdf::after {
  content: "";
  background-image: url(../img/common/icon/pdf.svg);
}
.c-text__link.-word::after {
  content: "";
  background-image: url(../img/common/icon/word.svg);
}
.c-text__link.-excel::after {
  content: "";
  background-image: url(../img/common/icon/excel.svg);
}

/*--------------------------------------------------------*/
/*! <画像>*/
/*--------------------------------------------------------*/
/*画像*/
@media screen and (min-width: 769px) {
  .c-img {
    width: var(--wPer, 100%);
  }
}
.c-img.-center {
  margin: 0 auto;
}
.c-img.-width {
  max-width: 100%;
  width: calc(var(--val) * var(--w));
}
.c-img__caption {
  margin-top: calc(var(--val) * 12);
  font-size: calc(var(--fz) * 15);
}

.c-imgHint {
  margin-top: calc(var(--val) * 10);
  font-size: calc(var(--fz) * 14);
  font-weight: 500;
  line-height: 1.5;
  text-align: right;
}

.c-imgs {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--val) * 40) 0;
}
@media screen and (min-width: 769px) {
  .c-imgs {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--val) * 30) 5.5%;
  }
}
.c-imgs.-three {
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .c-imgs.-three {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--val) * 40) 3.6%;
  }
}
@media screen and (max-width: 768px) {
  .c-imgs.-three .c-photoswipe__caption:where(.c-photoswipe__item:not(:last-child) *) {
    margin-bottom: 0;
  }
}

.c-imgs-flex {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 35) 0;
}
@media screen and (min-width: 769px) {
  .c-imgs-flex {
    flex-direction: row;
    align-items: start;
    gap: 0 var(--gapPer, calc(var(--val) * 20));
  }
}
.c-imgs-flex > * {
  flex: 1;
}
@media screen and (min-width: 769px) {
  .c-imgs-flex__item {
    width: var(--wPer, 100%);
    flex: initial;
  }
}

/*--------------------------------------------------------*/
/*! <カード>*/
/*--------------------------------------------------------*/
.c-cards__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 60) 0;
}
@media screen and (min-width: 769px) {
  .c-cards__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--val) * 65) calc(var(--val) * 100);
  }
}
.c-cards__li-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .c-cards__li-item {
    gap: calc(var(--val) * 23) 0;
  }
}
.c-cards__li-imgHint {
  margin-top: calc(var(--val) * 10);
  font-size: calc(var(--fz) * 14);
  font-weight: 500;
  line-height: 1.5;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .c-cards__li-imgHint {
    padding-bottom: calc(var(--val) * 10);
  }
}

/*--------------------------------------------------------*/
/*! <テーブル>*/
/*--------------------------------------------------------*/
.c-table {
  width: 100%;
  max-width: calc(var(--val) * 1000);
  margin: 0 auto;
}
.c-table .bold {
  font-weight: bold;
}
.c-table__notion {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  margin-bottom: calc(var(--val) * 16);
}
@media screen and (min-width: 769px) {
  .c-table__notion {
    display: none;
  }
}
.c-table__notion-text {
  font-size: calc(var(--fz) * 14);
  line-height: 2.14;
}
.c-table__notion-icon {
  width: calc(var(--val) * 24);
}
.c-table__scroll {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-table__scroll {
    padding-bottom: calc(var(--val) * 10);
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .c-table__scroll > table {
    width: calc(var(--val) * var(--w, 347));
  }
}
.c-table__dl {
  display: flex;
  flex-direction: column;
  gap: 1lh 0;
}
.c-table__dt {
  font-weight: bold;
}
.c-table__dd .bullet {
  color: var(--c_primary);
}
.c-table__dl-link {
  margin-left: 2em;
}

.c-table-rowHead {
  table-layout: fixed;
  width: 100%;
  border-bottom: calc(var(--val) * 1) solid var(--c_gray03);
}
.c-table-rowHead .col01 {
  width: calc(var(--val) * var(--w, 108));
}
@media screen and (min-width: 769px) {
  .c-table-rowHead .col01 {
    width: calc(var(--val) * 220);
  }
}
.c-table-rowHead > tbody > tr:nth-child(odd) > th, .c-table-rowHead > tbody > tr:nth-child(odd) > td {
  background-color: var(--c_white);
}
.c-table-rowHead > tbody > tr:nth-child(even) > th, .c-table-rowHead > tbody > tr:nth-child(even) > td {
  background-color: var(--c_gray05);
}
.c-table-rowHead > tbody > tr > th, .c-table-rowHead > tbody > tr > td {
  height: calc(var(--val) * 65);
  border-top: calc(var(--val) * 1) solid var(--c_gray03);
  font-size: calc(var(--fz) * 18);
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-table-rowHead > tbody > tr > th, .c-table-rowHead > tbody > tr > td {
    height: calc(var(--val) * 87);
    padding: calc(var(--val) * 30) 0;
  }
}
.c-table-rowHead > tbody > tr > th .tar, .c-table-rowHead > tbody > tr > td .tar {
  text-align: right;
}
.c-table-rowHead > tbody > tr > th {
  padding: calc(var(--val) * 20) 0 calc(var(--val) * 20) calc(var(--val) * 30);
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .c-table-rowHead > tbody > tr > th {
    padding: calc(var(--val) * 30) 0 calc(var(--val) * 29) calc(var(--val) * 40);
  }
}
.c-table-rowHead > tbody > tr > td {
  padding: calc(var(--val) * 20) calc(var(--val) * 30);
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .c-table-rowHead > tbody > tr > td {
    padding: calc(var(--val) * 30) calc(var(--val) * 60) calc(var(--val) * 29);
  }
}

.c-table-colHead {
  width: 100%;
  border-bottom: calc(var(--val) * 1) solid var(--c_gray03);
}
@media screen and (min-width: 769px) {
  .c-table-colHead {
    table-layout: fixed;
  }
}
@media screen and (min-width: 769px) {
  .c-table-colHead .col05 {
    width: 26.4%;
  }
}
.c-table-colHead th,
.c-table-colHead td {
  padding: calc(var(--val) * 18) calc(var(--val) * 15);
}
@media screen and (min-width: 769px) {
  .c-table-colHead th,
  .c-table-colHead td {
    padding: calc(var(--val) * 30);
    padding-right: calc(var(--val) * 10);
  }
}
.c-table-colHead > thead th,
.c-table-colHead > thead td {
  background-color: var(--c_secondary01);
}
.c-table-colHead > thead th {
  font-size: calc(var(--fz) * 18);
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
}
.c-table-colHead > tbody > tr:nth-child(odd) > td {
  background-color: var(--c_white);
}
.c-table-colHead > tbody > tr:nth-child(even) > td {
  background-color: var(--c_gray05);
}
.c-table-colHead > tbody > tr:nth-child(even) > td:where(.-marge *) {
  background-color: var(--c_white);
}
.c-table-colHead > tbody:where(.-marge *) > tr.-gray > td {
  background-color: var(--c_gray04);
}
.c-table-colHead > tbody > tr > td {
  border-top: calc(var(--val) * 1) solid var(--c_gray03);
  font-size: calc(var(--fz) * 18);
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .c-table-colHead > tbody > tr > td:where(.-high *) {
    height: calc(var(--val) * 137);
  }
}

/*--------------------------------------------------------*/
/*! <レイアウト>*/
/*--------------------------------------------------------*/
.c-stack {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * var(--gap, 0) * 0.6) 0;
}
@media screen and (min-width: 769px) {
  .c-stack {
    gap: calc(var(--val) * var(--gap, 0)) 0;
  }
}

.c-pages {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 65) 0;
}
.c-pages__item {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  padding: calc(var(--val) * 50) 0;
  margin-top: calc(var(--val) * -50);
}
.c-pages__item:nth-child(even) {
  position: relative;
}
.c-pages__item:nth-child(even)::before {
  content: "";
  width: 100%;
  height: 100%;
  border-image: linear-gradient(var(--c_secondary01), var(--c_secondary01)) fill 0/1/0 100vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.c-pages__textArea {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 16) 0;
  padding: calc(var(--val) * 24);
  margin: calc(var(--val) * 150) calc(var(--val) * 15) 0;
  background-color: color-mix(in srgb, var(--c_white) 90%, transparent);
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .c-pages__textArea {
    padding: calc(var(--val) * 40);
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  .c-pages__textArea:where(.p-business *) {
    width: calc(var(--val) * 650);
    margin-top: calc(var(--val) * 35);
  }
}
@media screen and (min-width: 769px) {
  .c-pages__textArea:where(.p-attempt *) {
    width: calc(var(--val) * 495);
    margin-top: calc(var(--val) * 75);
  }
}
@media screen and (min-width: 769px) {
  .c-pages__textArea:where(.c-pages__item:nth-child(even) *) {
    margin-right: 0;
    margin-left: auto;
  }
}
.c-pages__heading {
  font-size: calc(var(--fz) * 22);
  font-weight: bold;
  line-height: 1.25;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .c-pages__heading {
    font-size: calc(var(--fz) * 24);
  }
}
.c-pages__imgArea {
  grid-area: 1/1;
}
@media screen and (min-width: 769px) {
  .c-pages__imgArea {
    width: calc(var(--val) * 700);
  }
}
.c-pages__imgArea:where(.c-pages__item:nth-child(odd) *) {
  margin-right: 0;
  margin-left: auto;
}
.c-pages__img {
  border-radius: calc(var(--val) * 20);
  overflow: hidden;
}

/*--------------------------------------------------------*/
/*! _link*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! <リンク>*/
/*--------------------------------------------------------*/
.c-link {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 12);
  width: fit-content;
  font-size: calc(var(--fz) * 16);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0em;
  color: var(--c_primary);
  transition: opacity var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .c-link {
    gap: 0 calc(var(--val) * 8);
    font-size: calc(var(--fz) * 18);
  }
}
.c-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .c-link:active {
    opacity: var(--hover_opacity);
  }
}
.c-link::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: calc(var(--val) * 22);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/circle-arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .c-link::before {
    width: calc(var(--val) * 26);
  }
}
.c-link {
  /*下部へリンク*/
}
.c-link.-anchor {
  line-height: 1.5;
}
.c-link.-anchor::before {
  rotate: 90deg;
}
@media screen and (min-width: 769px) {
  .c-link.-anchor {
    font-size: calc(var(--fz) * 15);
  }
}
.c-link.-center {
  margin: 0 auto;
}
.c-link .icon-text {
  font-size: inherit;
  letter-spacing: inherit;
}
.c-link .icon-text::after {
  content: "";
  display: inline-block;
  width: calc(var(--val) * 20);
  aspect-ratio: 1/1;
  margin-top: calc(var(--val) * -2);
  margin-left: calc(var(--val) * 4);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .c-link .icon-text::after {
    width: calc(var(--val) * 26);
    margin-top: calc(var(--val) * -4);
    margin-left: calc(var(--val) * 8);
  }
}
.c-link .icon-text {
  /*外部リンク*/
}
.c-link .icon-text.-external::after {
  background-image: url(../img/common/icon/external.svg);
}
.c-link .icon-text.-pdf::after {
  background-image: url(../img/common/icon/pdf.svg);
}
.c-link .icon-text.-word::after {
  background-image: url(../img/common/icon/word.svg);
}
.c-link .icon-text.-excel::after {
  background-image: url(../img/common/icon/excel.svg);
}
.c-link .icon-text.-popup::after {
  background-image: url(../img/common/icon/popup.svg);
}

/*リンク最小*/
.c-link-small {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 6);
  width: fit-content;
  font-size: calc(var(--fz) * 16);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0em;
  color: var(--c_primary);
  transition: opacity var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .c-link-small {
    padding: calc(var(--val) * 10) 0;
    font-size: calc(var(--fz) * 14);
    font-weight: bold;
  }
}
.c-link-small:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .c-link-small:active {
    opacity: var(--hover_opacity);
  }
}
.c-link-small::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: calc(var(--val) * 22);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/circle-arrow-s_sp.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .c-link-small::before {
    width: calc(var(--val) * 26);
    background-image: url(../img/common/icon/circle-arrow-s.svg);
  }
}
.c-link-small.-white {
  font-weight: 500;
  color: var(--txt_white);
}
.c-link-small .icon-text {
  font-size: inherit;
  letter-spacing: inherit;
}
.c-link-small .icon-text::after {
  content: "";
  display: inline-block;
  width: calc(var(--val) * 20);
  aspect-ratio: 1/1;
  margin-top: calc(var(--val) * -2);
  margin-left: calc(var(--val) * 6);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.c-link-small .icon-text.-external::after {
  background-image: url(../img/common/icon/external.svg);
}
@media screen and (min-width: 769px) {
  .c-link-small .icon-text.-external::after {
    width: calc(var(--val) * 17);
  }
}
.c-link-small .icon-text.-external:where(.-white *)::after {
  background-image: url(../img/common/icon/external-white.svg);
}

.c-links {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: calc(var(--val) * 10) 0;
}
@media screen and (min-width: 769px) {
  .c-links.-row {
    flex-direction: row;
    gap: 0 calc(var(--val) * 25);
  }
}

/*--------------------------------------------------------*/
/*! <ボタン>*/
/*--------------------------------------------------------*/
.c-btn {
  /*中*/
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(var(--val) * 8);
  padding: calc(var(--val) * 18) calc(var(--val) * 38);
  background-color: var(--c_primary);
  border: calc(var(--val) * 2) solid var(--c_primary);
  border-radius: calc(var(--val) * 15);
  font-size: calc(var(--fz) * 20);
  font-weight: bold;
  line-height: 1.2;
  color: var(--txt_white);
  transition: opacity var(--hover_transition);
}
@media screen and (max-width: 768px) {
  .c-btn {
    max-width: calc(var(--val) * 348);
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .c-btn {
    width: fit-content;
    padding: calc(var(--val) * 26) calc(var(--val) * 38);
    border-radius: calc(var(--val) * 20);
    font-size: calc(var(--fz) * 20);
  }
}
.c-btn:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .c-btn:active {
    opacity: var(--hover_opacity);
  }
}
.c-btn::before {
  content: "";
  display: block;
  width: calc(var(--val) * 30);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/circle-arrow-white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.c-btn.-white {
  background-color: var(--c_white);
  border-color: var(--c_primary);
  color: var(--c_primary);
}
.c-btn.-white::before {
  background-image: url(../img/common/icon/circle-arrow.svg);
}
.c-btn {
  /*小*/
}
@media screen and (max-width: 768px) {
  .c-btn.-small {
    padding: calc(var(--val) * 16) calc(var(--val) * 50);
    font-size: calc(var(--fz) * 15);
  }
  .c-btn.-small::before {
    width: calc(var(--val) * 20);
  }
}
@media screen and (min-width: 769px) {
  .c-btn.-small {
    padding: calc(var(--val) * 10) calc(var(--val) * 19);
    border-width: calc(var(--val) * 1);
    border-radius: calc(var(--val) * 14);
    font-size: calc(var(--fz) * 16);
  }
}
.c-btn {
  /*大*/
}
.c-btn.-large {
  font-size: calc(var(--fz) * 23);
}
@media screen and (min-width: 769px) {
  .c-btn.-large {
    padding: calc(var(--val) * 38) calc(var(--val) * 88);
    font-size: calc(var(--fz) * 24);
  }
}
.c-btn.-large.-pdf::before {
  width: calc(var(--val) * 44);
  background-image: none;
  background-color: var(--c_white);
  mask-image: url(../img/common/icon/pdf.svg);
  mask-size: 100%;
  mask-repeat: no-repeat;
}
.c-btn.-center {
  margin: 0 auto;
}
.c-btn__label {
  font-size: calc(var(--fz) * 23);
}
.c-btn__label.-center {
  text-align: center;
}
.c-btn__label.-small {
  font-size: calc(var(--fz) * 15);
}

.c-btns {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 30);
  margin-top: calc(var(--val) * 30);
}
@media screen and (min-width: 769px) {
  .c-btns {
    flex-direction: row;
    justify-content: center;
    margin-top: calc(var(--val) * 40);
  }
}
.c-btns.mt-0 {
  margin-top: 0;
}

/*--------------------------------------------------------*/
/*! _toTop*/
/*--------------------------------------------------------*/
.c-toTop {
  width: calc(var(--val) * 60);
  aspect-ratio: 1/1;
  margin: calc(var(--val) * 28) calc(var(--val) * 18);
  background-color: var(--c_white);
  border-radius: 50%;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: var(--z_toTop);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
@media screen and (min-width: 769px) {
  .c-toTop {
    margin: calc(var(--val) * 28);
  }
}
.c-toTop.is-visible {
  opacity: 1;
  visibility: visible;
}
.c-toTop__btn {
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: var(--c_white);
  border: calc(var(--val) * 2) solid var(--c_primary);
  border-radius: 50%;
  position: absolute;
  inset: 0;
}
.c-toTop__btn::before {
  content: "";
  width: calc(var(--val) * 22);
  aspect-ratio: 22/13;
  margin: auto;
  background-image: url(../img/common/icon/totop-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  inset: 0;
}

/*--------------------------------------------------------*/
/*! _photoswipe*/
/*--------------------------------------------------------*/
.c-photoswipe__link {
  display: block;
  position: relative;
}
.c-photoswipe__icon {
  width: calc(var(--val) * 25);
  aspect-ratio: 1/1;
  color: var(--txt_white);
  font-size: calc(var(--val) * 18);
  text-shadow: calc(var(--val) * 2) calc(var(--val) * 2) calc(var(--val) * 4) var(--c_gray03);
  opacity: 0.8;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: opacity var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .c-photoswipe__icon {
    width: calc(var(--val) * 30);
    margin: auto;
    font-size: calc(var(--val) * 28);
    opacity: 0;
    inset: 0;
  }
}
.c-photoswipe__icon:where(.c-photoswipe__link:hover *) {
  opacity: 0.8;
}
.c-photoswipe__caption {
  padding: calc(var(--val) * 5) 0;
  font-size: calc(var(--fz) * 14);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .c-photoswipe__caption:where(.c-photoswipe__item:not(:last-child) *) {
    margin-bottom: calc(var(--val) * -20);
  }
}
@media screen and (min-width: 769px) {
  .c-photoswipe__caption {
    padding: calc(var(--val) * 10) 0;
  }
}

/*--------------------------------------------------------*/
/*! _news*/
/*--------------------------------------------------------*/
.c-news-list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .c-news-list {
    gap: calc(var(--val) * 50) 0;
  }
}
@media screen and (min-width: 769px) {
  .c-news-list.-sub {
    gap: calc(var(--val) * 25) 0;
  }
}
.c-news-list__item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 14) 0;
  padding-bottom: calc(var(--val) * 16);
  border-bottom: calc(var(--val) * 1) solid var(--c_gray01);
}
@media screen and (min-width: 769px) {
  .c-news-list__item {
    flex-direction: row;
    align-items: center;
    gap: 0 3.7%;
    padding: 0 calc(var(--val) * 30) calc(var(--val) * 20) calc(var(--val) * 40);
  }
}
.c-news-list__date {
  font-family: "NotoSans", "Local NotoSansJP", "NotoSansJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .c-news-list__date {
    letter-spacing: 0em;
    font-size: calc(var(--fz) * 18);
  }
}
.c-news-list__title {
  transition: opacity var(--hover_transition);
}
.c-news-list__title:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .c-news-list__title:active {
    opacity: var(--hover_opacity);
  }
}
.c-news-list__title.-new::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: calc(var(--val) * 49);
  aspect-ratio: 49/30;
  margin-right: calc(var(--val) * 6);
  background-image: url(../img/common/icon/new.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  transform: translateY(calc(var(--val) * -2));
}

.c-news-rss {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 15);
}
@media screen and (min-width: 769px) {
  .c-news-rss {
    gap: 0 calc(var(--val) * 35);
  }
}
.c-news-rss::before {
  flex-shrink: 0;
  content: "";
  width: calc(var(--val) * 40);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/rss.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 769px) {
  .c-news-filter {
    margin-bottom: calc(var(--val) * 10);
  }
}
.c-news-filter__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--val) * 25) 0;
}
@media screen and (min-width: 769px) {
  .c-news-filter__form {
    flex-direction: row;
    gap: 0 calc(var(--val) * 15);
  }
}
.c-news-filter__select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  padding: calc(var(--val) * 15) calc(var(--val) * 20);
  background-color: var(--c_white);
  background-image: url(../img/common/icon/news-filter-arrow.svg);
  background-size: calc(var(--val) * 13) auto;
  background-repeat: no-repeat;
  background-position: right calc(var(--val) * 20) center;
  border: calc(var(--val) * 1) solid var(--c_gray02);
  border-radius: calc(var(--val) * 4);
  font-size: calc(var(--fz) * 16);
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-news-filter__select {
    width: calc(var(--val) * 325);
    font-size: calc(var(--fz) * 18);
  }
}
.c-news-filter__option {
  font-weight: 500;
}
.c-news-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  margin-top: calc(var(--val) * 25);
}
@media screen and (min-width: 769px) {
  .c-news-pagination {
    gap: 0 calc(var(--val) * 20);
    margin-top: calc(var(--val) * 40);
  }
}
.c-news-pagination__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--val) * 35);
  height: calc(var(--val) * 35);
  border: calc(var(--val) * 2) solid transparent;
  font-family: "NotoSans", "Local NotoSansJP", "NotoSansJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  color: var(--c_primary);
  transition: border-color var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .c-news-pagination__btn {
    width: calc(var(--val) * 50);
    height: calc(var(--val) * 50);
    font-size: calc(var(--fz) * 18);
  }
}
.c-news-pagination__btn:not(:is(.-first, .-last, .-next, .-prev)):hover {
  border-color: var(--c_primary);
}
@media (any-hover: none) {
  .c-news-pagination__btn:not(:is(.-first, .-last, .-next, .-prev)):active {
    border-color: var(--c_primary);
  }
}
.c-news-pagination__btn.-current {
  background-color: var(--c_primary);
  border-color: var(--c_primary);
  color: var(--txt_white);
  pointer-events: none;
}
.c-news-pagination__btn:is(.-first, .-prev, .-last, .-next) {
  width: calc(var(--val) * 21);
  height: calc(var(--val) * 24);
  transition: opacity var(--hover_transition);
}
.c-news-pagination__btn:is(.-first, .-prev, .-last, .-next):hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .c-news-pagination__btn:is(.-first, .-prev, .-last, .-next):active {
    opacity: var(--hover_opacity);
  }
}
.c-news-pagination__btn:is(.-first, .-prev) {
  justify-content: start;
}
.c-news-pagination__btn:is(.-first, .-prev)::before, .c-news-pagination__btn:is(.-first, .-prev)::after {
  content: "";
  width: calc(var(--val) * 12);
  aspect-ratio: 12/24;
  background-image: url(../img/common/icon/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  rotate: 180deg;
}
.c-news-pagination__btn:is(.-first, .-prev)::after {
  margin-left: calc(var(--val) * -4);
}
.c-news-pagination__btn.-prev::after {
  content: none;
}
.c-news-pagination__btn:is(.-last, .-next) {
  justify-content: end;
}
.c-news-pagination__btn:is(.-last, .-next)::before, .c-news-pagination__btn:is(.-last, .-next)::after {
  content: "";
  width: calc(var(--val) * 12);
  aspect-ratio: 12/24;
  background-image: url(../img/common/icon/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.c-news-pagination__btn:is(.-last, .-next)::after {
  margin-left: calc(var(--val) * -4);
}
.c-news-pagination__btn.-next::after {
  content: none;
}

.c-news-detail__block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 18) 0;
}
.c-news-detail__block a {
  color: var(--c_primary);
  text-decoration: underline;
  transition: opacity var(--hover_transition);
}
.c-news-detail__block a:hover {
  opacity: var(--hover_opacity);
}
.c-news-detail__date {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  padding: calc(var(--val) * 10) 0;
  font-family: "NotoSans", "Local NotoSansJP", "NotoSansJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  line-height: 1.875;
  letter-spacing: 0.1em;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .c-news-detail__date {
    font-size: calc(var(--fz) * 18);
  }
}
.c-news-detail__date.-new::before {
  content: "";
  width: calc(var(--val) * 49);
  aspect-ratio: 49/30;
  background-image: url(../img/common/icon/new.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.c-news-detail__links {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10) 0;
  margin-top: calc(var(--val) * 22);
}
.c-news-detail__back {
  margin: calc(var(--val) * 40) auto 0;
}

.c-news-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--val) * 20);
}
@media screen and (max-width: 768px) {
  .c-news-gallery[style*="--count:1"] {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 769px) {
  .c-news-gallery {
    grid-template-columns: repeat(var(--count), 1fr);
    gap: 0 calc((5 - var(--count)) * 3%);
  }
}
.c-news-gallery__link {
  display: block;
}

/*--------------------------------------------------------*/
/*! _topModal*/
/*--------------------------------------------------------*/
.dynamic-hover-label {
  width: max-content;
  min-width: calc(var(--val) * 210);
  padding: calc(var(--val) * 20);
  margin: calc(var(--val) * 10) 0;
  background-color: color-mix(in srgb, var(--c_white) 80%, transparent);
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: var(--txt_white);
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .dynamic-hover-label {
    font-size: calc(var(--fz) * 18);
  }
}
.dynamic-hover-label::before {
  content: "";
  width: calc(100% - var(--val) * 20);
  height: calc(100% - var(--val) * 20);
  margin: auto;
  background-color: var(--c_red);
  position: absolute;
  inset: 0;
  z-index: -1;
}
.dynamic-hover-label.-bottom {
  transform: translateX(-50%) translateY(10px) !important;
  margin-top: calc(var(--val) * 20);
}
.dynamic-hover-label .fz-m {
  display: block;
  font-size: calc(var(--fz) * 14);
}

.c-topModal {
  height: 100%;
  max-width: none;
  max-height: none;
  padding: 0;
  margin: auto;
  border: none;
  background-color: transparent;
  overflow: visible;
  z-index: var(--z_modal);
  animation: fade 0.3s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-topModal::backdrop {
  display: none;
}
.c-topModal__list {
  position: relative;
}
.c-topModal__open {
  width: calc(var(--val) * 15);
  position: absolute;
}
@media screen and (min-width: 769px) {
  .c-topModal__open {
    width: calc(var(--val) * 24);
  }
}
@media screen and (max-width: 768px) {
  .c-topModal__open .label {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
  }
}
@media screen and (min-width: 769px) {
  .c-topModal__open .label {
    width: max-content;
    min-width: calc(var(--val) * 210);
    padding: calc(var(--val) * 20);
    margin: calc(var(--val) * 10) 0;
    background-color: color-mix(in srgb, var(--c_white) 80%, transparent);
    font-size: calc(var(--fz) * 18);
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    color: var(--txt_white);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--hover_transition);
    z-index: 0;
  }
  .c-topModal__open .label::before {
    content: "";
    width: calc(100% - var(--val) * 20);
    height: calc(100% - var(--val) * 20);
    margin: auto;
    background-color: var(--c_red);
    position: absolute;
    inset: 0;
    z-index: -1;
  }
  .c-topModal__open .label::after {
    content: "";
    width: 100%;
    height: calc(100% + var(--val) * 20);
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: -2;
  }
  .c-topModal__open .label.-bottom {
    bottom: auto;
    top: 100%;
  }
  .c-topModal__open .label .fz-m {
    display: block;
    font-size: calc(var(--fz) * 14);
  }
}
.c-topModal__open:hover {
  z-index: 1;
}
@media (any-hover: none) {
  .c-topModal__open:active {
    z-index: 1;
  }
}
.c-topModal__open:focus-visible {
  z-index: 1;
}
.c-topModal__open[data-id=map01-01] {
  top: -10%;
  left: 35%;
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-01] {
    top: -10%;
    left: 35%;
  }
}
.c-topModal__open[data-id=map01-02] {
  top: -25%;
  left: 35%;
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-02] {
    top: -25%;
    left: 35%;
  }
}
.c-topModal__open[data-id=map01-03] {
  top: calc(var(--val) * 186);
  left: calc(var(--val) * 186);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-03] {
    top: 36.943%;
    left: 34.167%;
  }
}
.c-topModal__open[data-id=map01-04] {
  top: calc(var(--val) * 58);
  left: calc(var(--val) * 580);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-04] {
    top: 12.839%;
    left: 76.528%;
  }
}
.c-topModal__open[data-id=map01-05] {
  top: calc(var(--val) * 332);
  left: calc(var(--val) * 551);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-05] {
    top: 64.196%;
    left: 73.264%;
  }
}
.c-topModal__open[data-id=map01-06] {
  top: calc(var(--val) * 264);
  left: calc(var(--val) * 645);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-06] {
    top: 51.478%;
    left: 83.333%;
  }
}
.c-topModal__open[data-id=map01-07] {
  top: calc(var(--val) * 125);
  left: calc(var(--val) * 415);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-07] {
    top: 25.678%;
    left: 58.681%;
  }
}
.c-topModal__open[data-id=map01-08] {
  top: calc(var(--val) * 386);
  left: calc(var(--val) * 305);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-08] {
    top: 74.491%;
    left: 46.875%;
  }
}
.c-topModal__open[data-id=map01-09] {
  top: calc(var(--val) * 135);
  left: calc(var(--val) * 615);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-09] {
    top: 27.253%;
    left: 80.208%;
  }
}
.c-topModal__open[data-id=map01-10] {
  top: calc(var(--val) * 200);
  left: calc(var(--val) * 58);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-10] {
    top: 39.365%;
    left: 20.278%;
  }
}
.c-topModal__open[data-id=map01-11] {
  top: calc(var(--val) * 352);
  left: calc(var(--val) * 222);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-11] {
    top: 68.072%;
    left: 38.056%;
  }
}
.c-topModal__open[data-id=map01-12] {
  top: calc(var(--val) * 58);
  left: calc(var(--val) * 368);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-12] {
    top: 13.081%;
    left: 53.125%;
  }
}
.c-topModal__open[data-id=map01-13] {
  top: calc(var(--val) * 266);
  left: calc(var(--val) * 416);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map01-13] {
    top: 51.841%;
    left: 58.75%;
  }
}
.c-topModal__open[data-id=map02-01] {
  top: calc(var(--val) * 54);
  left: calc(var(--val) * 426);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map02-01] {
    top: 13.566%;
    left: 60.764%;
  }
}
.c-topModal__open[data-id=map02-02] {
  top: calc(var(--val) * 322);
  left: calc(var(--val) * 385);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map02-02] {
    top: 62.984%;
    left: 56.25%;
  }
}
.c-topModal__open[data-id=map02-03] {
  top: calc(var(--val) * 156);
  left: calc(var(--val) * 636);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map02-03] {
    top: 32.098%;
    left: 82.778%;
  }
}
.c-topModal__open[data-id=map02-04] {
  top: calc(var(--val) * 208);
  left: calc(var(--val) * 155);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map02-04] {
    top: 41.788%;
    left: 32.292%;
  }
}
.c-topModal__open[data-id=map03-01] {
  top: calc(var(--val) * 365);
  left: calc(var(--val) * 320);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map03-01] {
    top: 70.252%;
    left: 54.514%;
  }
}
.c-topModal__open[data-id=map03-02] {
  top: calc(var(--val) * 162);
  left: calc(var(--val) * 562);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map03-02] {
    top: 31.492%;
    left: 81.25%;
  }
}
.c-topModal__open[data-id=map03-03] {
  top: calc(var(--val) * 48);
  left: calc(var(--val) * 244);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map03-03] {
    top: 10.296%;
    left: 46.181%;
  }
}
.c-topModal__open[data-id=map03-04] {
  top: calc(var(--val) * 272);
  left: calc(var(--val) * 194);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map03-04] {
    top: 52.689%;
    left: 40.972%;
  }
}
.c-topModal__open[data-id=map03-05] {
  top: calc(var(--val) * 16);
  left: calc(var(--val) * 462);
}
@media screen and (min-width: 769px) {
  .c-topModal__open[data-id=map03-05] {
    top: 3.634%;
    left: 70.139%;
  }
}
.c-topModal__inner {
  width: calc(var(--val) * 340);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-topModal__inner {
    --fz: min(0.0977vw, calc(1 / 16 * 1rem));
    --val: min(0.0977vw, 1px);
    width: calc(var(--val) * 550);
  }
}
.c-topModal__close {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--val) * 8) 0;
  width: calc(var(--val) * 32);
  font-size: calc(var(--fz) * 10);
  text-align: center;
  position: absolute;
  top: calc(var(--val) * 12);
  right: calc(var(--val) * 12);
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .c-topModal__close {
    gap: calc(var(--val) * 10) 0;
    width: calc(var(--val) * 40);
    font-size: calc(var(--fz) * 13);
    top: calc(var(--val) * 22);
    right: calc(var(--val) * 22);
  }
}
.c-topModal__close::before {
  content: "";
  width: calc(var(--val) * 30);
  aspect-ratio: 1/1;
  background-image: url(../img/top/fv-modal-close.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .c-topModal__close::before {
    width: calc(var(--val) * 36);
  }
}
.c-topModal__scroll {
  width: 100%;
  max-height: calc(100svh - var(--val) * 80);
  background-color: var(--c_white);
  border-radius: calc(var(--val) * 10);
  overflow: auto;
}
@media screen and (min-width: 769px) {
  .c-topModal__scroll {
    border-radius: calc(var(--val) * 16);
  }
}
.c-topModal__container {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: 100%;
  min-height: calc(var(--val) * 440);
  margin: auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-topModal__container {
    min-height: calc(var(--val) * 540);
  }
}
.c-topModal__cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: calc(var(--val) * 72) calc(var(--val) * 20) calc(var(--val) * 35);
}
@media screen and (min-width: 769px) {
  .c-topModal__cont {
    padding: calc(var(--val) * 80) calc(var(--val) * 20) calc(var(--val) * 35);
  }
}
.c-topModal__cont[hidden] {
  display: none;
}
.c-topModal__heading {
  min-height: calc(var(--val) * 50);
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  line-height: 1.48;
  color: var(--c_primary);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-topModal__heading {
    min-height: calc(var(--val) * 65);
    font-size: calc(var(--fz) * 26);
  }
}
.c-topModal__heading .fz-m {
  display: block;
  margin-top: calc(var(--val) * 4);
  font-size: calc(var(--fz) * 13);
}
@media screen and (min-width: 769px) {
  .c-topModal__heading .fz-m {
    font-size: calc(var(--fz) * 15);
  }
}
.c-topModal__img {
  height: calc(var(--val) * 130);
  margin-top: calc(var(--val) * 8);
}
@media screen and (min-width: 769px) {
  .c-topModal__img {
    height: calc(var(--val) * 198);
    margin-top: 0;
  }
}
.c-topModal__img img {
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.c-topModal__text {
  margin-top: calc(var(--val) * 15);
  margin-bottom: calc(var(--val) * 20);
  font-size: calc(var(--fz) * 14);
  line-height: 1.75;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-topModal__text {
    margin-top: calc(var(--val) * 24);
    margin-bottom: 0;
  }
}
.c-topModal__links {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 12) 0;
  width: fit-content;
  margin: auto auto 0;
}
@media screen and (min-width: 769px) {
  .c-topModal__links {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0 calc(var(--val) * 20);
    width: auto;
    margin: 0;
    margin-top: auto;
  }
}
.c-topModal__link {
  border-radius: calc(var(--val) * 10);
}
@media screen and (max-width: 768px) {
  .c-topModal__link {
    margin: 0;
  }
}
.c-topModal__link::before {
  width: calc(var(--val) * 24);
}
.c-topModal__overlay {
  margin: auto;
  background-color: color-mix(in srgb, var(--c_black) 50%, transparent);
  position: fixed;
  inset: 0;
  z-index: -1;
  cursor: pointer;
}

/*--------------------------------------------------------*/
/*! _form*/
/*--------------------------------------------------------*/
@media screen and (min-width: 769px) {
  .c-form {
    padding: calc(var(--val) * 40) calc(var(--val) * 50) 0;
  }
}
.c-form__items {
  display: flex;
  flex-direction: column;
  border-bottom: calc(var(--val) * 1) solid var(--c_gray03);
}
.c-form__item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10);
  padding: calc(var(--val) * 20) calc(var(--val) * 15);
  border-top: calc(var(--val) * 1) solid var(--c_gray03);
}
@media screen and (min-width: 769px) {
  .c-form__item {
    flex-direction: row;
    align-items: center;
    gap: 0;
    padding: calc(var(--val) * 30) calc(var(--val) * 40);
  }
}
.c-form__item:nth-child(even) {
  background-color: var(--c_gray04);
}
.c-form__item.--agreement {
  padding: calc(var(--val) * 80) 0 0;
  background-color: transparent;
  display: flex;
  justify-content: center;
}
.c-form__item.--agreement .wpcf7-form-control-wrap {
  text-align: center;
}
.c-form__item.--agreement .wpcf7-form-control-wrap label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 calc(var(--val) * 10);
  font-size: calc(var(--fz) * 16);
  line-height: 1.875;
  cursor: pointer;
}
.c-form__item.--agreement .wpcf7-form-control-wrap .wpcf7-checkbox {
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-form__item.--agreement .wpcf7-form-control-wrap .wpcf7-checkbox {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.c-form__title {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .c-form__title {
    font-size: calc(var(--fz) * 18);
    width: calc(var(--val) * 240);
  }
}
.c-form__required {
  padding: calc(var(--val) * 3) calc(var(--val) * 10);
  border: calc(var(--val) * 1) solid currentColor;
  border-radius: calc(var(--val) * 4);
  font-size: calc(var(--fz) * 14);
  font-weight: normal;
  line-height: 1.35;
  color: var(--c_accent);
}
.c-form__data {
  width: 100%;
  max-width: calc(var(--val) * 600);
}
.c-form__data.-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(var(--val) * 50);
}
.c-form__textbox {
  width: 100%;
  padding: calc(var(--val) * 14) calc(var(--val) * 10);
  border: calc(var(--val) * 1) solid var(--c_gray02);
  border-radius: calc(var(--val) * 4);
  font-size: max(16px, var(--fz) * 16);
  font-weight: 500;
  line-height: 1.2;
}
.c-form__textbox::placeholder {
  color: var(--txt_l-gray);
}
.c-form__textbox.-multiple {
  min-height: calc(var(--val) * 250);
}
.c-form__fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10) 0;
}
@media screen and (min-width: 769px) {
  .c-form__fieldset-wrapper {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
}
.c-form__radio-label {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  font-size: calc(var(--fz) * 16);
  line-height: 1.875;
  letter-spacing: 0.1em;
  cursor: pointer;
}
.c-form__radio-label input[type=radio] {
  position: absolute;
  opacity: 0;
}
.c-form__radio {
  width: calc(var(--val) * 20);
  height: calc(var(--val) * 20);
  background-color: var(--c_white);
  border: calc(var(--val) * 2) solid var(--c_gray01);
  border-radius: 50%;
  position: relative;
}
.c-form__radio:where(.c-form__data.-radio input[type=radio]:checked + *)::before {
  content: "";
  margin: auto;
  border: calc(var(--val) * 3.5) solid var(--c_white);
  background-color: var(--c_gray01);
  border-radius: 50%;
  position: absolute;
  inset: 0;
}
.c-form__radio:where(.c-form__radio-label:hover *) {
  border-color: var(--c_gray02);
}
.c-form__radio:where(.c-form__radio-label:hover *)::before {
  background-color: var(--c_gray02);
}
.c-form__radio:where(.c-form__data.-radio input[type=radio]:focus-visible + *) {
  outline: calc(var(--val) * 2) solid var(--c_black);
  outline-offset: calc(var(--val) * 2);
}
.c-form__select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  min-width: calc(var(--val) * 280);
  padding: calc(var(--val) * 16) calc(var(--val) * 20);
  background-color: var(--c_white);
  background-image: url(../img/common/icon/news-filter-arrow.svg);
  background-size: calc(var(--val) * 13) auto;
  background-repeat: no-repeat;
  background-position: right calc(var(--val) * 20) center;
  border: calc(var(--val) * 1) solid var(--c_gray02);
  border-radius: calc(var(--val) * 4);
  font-size: calc(var(--fz) * 16);
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
}
.c-form__note {
  margin-top: calc(var(--val) * 30);
  margin-bottom: calc(var(--val) * 6);
  font-size: calc(var(--fz) * 16);
  line-height: 1.875;
  letter-spacing: 0.1em;
}
.c-form__error {
  width: 100%;
  margin-top: calc(var(--val) * 5);
  color: var(--c_error);
}
@media screen and (min-width: 769px) {
  .c-form__error {
    margin-top: calc(var(--val) * 10);
  }
}
.c-form__btnArea {
  display: flex;
  flex-direction: column-reverse;
  gap: calc(var(--val) * 50) 0;
  margin-top: calc(var(--val) * 50);
}
@media screen and (min-width: 769px) {
  .c-form__btnArea {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0 calc(var(--val) * 80);
    margin-top: calc(var(--val) * 80);
  }
}
.c-form .wpcf7-form-control-wrap {
  width: 100%;
}
.c-form .wpcf7-not-valid-tip {
  margin-top: calc(var(--val) * 5);
  color: var(--c_error);
  font-size: calc(var(--fz) * 16);
  line-height: 1.875;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .c-form .wpcf7-not-valid-tip {
    margin-top: calc(var(--val) * 10);
    ont-size: calc(var(--fz) * 18);
  }
}
.c-form .wpcf7-radio {
  display: flex;
  gap: 0 calc(var(--val) * 50);
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .c-form .wpcf7-radio {
    flex-direction: row;
  }
}
.c-form .wpcf7-radio .wpcf7-list-item {
  margin: 0;
  line-height: 1.875;
}
.c-form .wpcf7-radio .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  font-size: calc(var(--fz) * 16);
  line-height: 1.875;
  letter-spacing: 0.1em;
  cursor: pointer;
}
.c-form .wpcf7-radio input[type=radio] {
  width: calc(var(--val) * 18);
  height: calc(var(--val) * 18);
  background-color: var(--c_white);
  border: calc(var(--val) * 2) solid var(--c_gray01);
  border-radius: 50%;
  position: relative;
}
.c-form .wpcf7-checkbox {
  display: flex;
  gap: 0 calc(var(--val) * 50);
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .c-form .wpcf7-checkbox {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.c-form .wpcf7-checkbox .wpcf7-list-item {
  min-width: calc(var(--val) * 140);
  margin: 0;
  line-height: 1.875;
}
.c-form .wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  line-height: 1.875;
  letter-spacing: 0.1em;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-form .wpcf7-checkbox .wpcf7-list-item label {
    font-size: calc(var(--fz) * 16);
  }
}
.c-form .wpcf7-checkbox input[type=checkbox] {
  width: calc(var(--val) * 18);
  height: calc(var(--val) * 18);
  background-color: var(--c_white);
  border: calc(var(--val) * 2) solid var(--c_gray01);
  border-radius: 50%;
  position: relative;
}
.c-form .wpcf7-response-output {
  display: none !important;
}

/*--------------------------------------------------------*/
/*! _bestModal*/
/*--------------------------------------------------------*/
.c-bestModal {
  width: auto;
  max-width: none;
  height: 100%;
  max-height: none;
  padding: 0 calc(var(--val) * 27);
  margin: auto;
  border: none;
  background-color: transparent;
  overflow: visible;
  z-index: var(--z_modal);
  animation: fade 0.3s;
}
@media screen and (min-width: 769px) {
  .c-bestModal {
    padding: 0 calc(var(--val) * 30) 0 calc(var(--val) * 105);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-bestModal::backdrop {
  display: none;
}
.c-bestModal__inner {
  width: 100%;
  width: min(100%, 150svh - var(--val) * 42);
  margin: 0 auto;
  padding-top: calc(var(--val) * 42);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-bestModal__inner {
    width: min(100%, 150svh);
    max-width: calc(var(--val) * 1045);
    padding-top: 0;
  }
}
.c-bestModal__close {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: calc(var(--val) * 32);
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-bestModal__close {
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .c-bestModal__close {
    width: calc(var(--val) * 60);
    margin-right: calc(var(--val) * 15);
    top: 0;
    right: 100%;
  }
}
.c-bestModal__close::before, .c-bestModal__close::after {
  grid-area: 1/1;
  content: "";
  display: block;
  width: 100%;
  height: calc(var(--val) * 6);
  background-color: var(--c_white);
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .c-bestModal__close::before, .c-bestModal__close::after {
    height: calc(var(--val) * 8);
  }
}
.c-bestModal__close::before {
  rotate: 45deg;
}
.c-bestModal__close::after {
  rotate: -45deg;
}
.c-bestModal__container {
  width: 100%;
  max-height: calc(100svh - var(--val) * 60);
}
.c-bestModal__cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-bestModal__cont[hidden] {
  display: none;
}
.c-bestModal__youtube {
  width: 100%;
  border: calc(var(--val) * 6) solid var(--c_white);
}
.c-bestModal__youtube iframe {
  aspect-ratio: 16/9;
}
.c-bestModal__overlay {
  margin: auto;
  background-color: color-mix(in srgb, var(--c_black) 50%, transparent);
  position: fixed;
  inset: 0;
  z-index: -1;
  cursor: pointer;
}

/*--------------------------------------------------------*/
/*! _coordinationModal*/
/*--------------------------------------------------------*/
.c-coordinationModal {
  height: 100%;
  max-width: none;
  max-height: none;
  padding: 0;
  margin: auto;
  border: none;
  background-color: transparent;
  overflow: visible;
  z-index: var(--z_modal);
  animation: fade 0.3s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-coordinationModal::backdrop {
  display: none;
}
.c-coordinationModal__inner {
  width: calc(var(--val) * 340);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__inner {
    --fz: min(0.0977vw, calc(1 / 16 * 1rem));
    --val: min(0.0977vw, 1px);
    width: auto;
  }
}
.c-coordinationModal__close {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--val) * 8) 0;
  width: calc(var(--val) * 32);
  font-size: calc(var(--fz) * 10);
  text-align: center;
  position: absolute;
  top: calc(var(--val) * 12);
  right: calc(var(--val) * 12);
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__close {
    gap: calc(var(--val) * 10) 0;
    width: calc(var(--val) * 40);
    font-size: calc(var(--fz) * 13);
    top: calc(var(--val) * 22);
    right: calc(var(--val) * 22);
  }
}
.c-coordinationModal__close::before {
  content: "";
  width: calc(var(--val) * 30);
  aspect-ratio: 1/1;
  background-image: url(../img/top/fv-modal-close.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__close::before {
    width: calc(var(--val) * 36);
  }
}
.c-coordinationModal__scroll {
  width: 100%;
  max-height: calc(100svh - var(--val) * 80);
  background-color: var(--c_white);
  border-radius: calc(var(--val) * 10);
  overflow: auto;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__scroll {
    border-radius: calc(var(--val) * 16);
  }
}
.c-coordinationModal__container {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: 100%;
  min-height: calc(var(--val) * 440);
  margin: auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__container {
    min-height: calc(var(--val) * 630);
  }
}
.c-coordinationModal__cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: calc(var(--val) * 72) calc(var(--val) * 20) calc(var(--val) * 35);
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__cont {
    padding: calc(var(--val) * 80) calc(var(--val) * 70) calc(var(--val) * 35);
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .c-coordinationModal__cont#modal01 {
    width: calc(var(--val) * 570);
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .c-coordinationModal__cont#modal02 {
    width: calc(var(--val) * 840);
  }
}
.c-coordinationModal__cont[hidden] {
  display: none;
}
.c-coordinationModal__flex {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__flex {
    flex-direction: row;
    gap: 0 calc(var(--val) * 50);
  }
}
.c-coordinationModal__flex::before {
  content: "";
  border: calc(var(--val) * 1) solid var(--c_gray01);
  align-self: stretch;
}
.c-coordinationModal__fl-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__fl-item {
    padding-bottom: calc(var(--val) * 10);
  }
}
.c-coordinationModal__fl-item:first-child {
  order: -1;
}
.c-coordinationModal__heading {
  width: fit-content;
  min-width: 4em;
  margin: 0 auto;
  font-size: calc(var(--fz) * 24);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-align-last: justify;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__heading {
    font-size: calc(var(--fz) * 28);
  }
}
.c-coordinationModal__img:where(#modal01 *) {
  margin-top: calc(var(--val) * 30);
  margin-bottom: calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__img:where(#modal01 *) {
    margin-top: calc(var(--val) * 55);
  }
}
.c-coordinationModal__img:where(#modal02 *) {
  width: 80%;
  margin-top: calc(var(--val) * 30);
  margin-bottom: calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__img:where(#modal02 *) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(var(--val) * 210);
    margin: calc(var(--val) * 55) 0;
  }
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__img:where(#modal02 *):where(.c-coordinationModal__fl-item:nth-child(1) *) {
    width: calc(var(--val) * 310);
  }
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__img:where(#modal02 *):where(.c-coordinationModal__fl-item:nth-child(2) *) {
    width: calc(var(--val) * 280);
  }
}
.c-coordinationModal__text {
  font-size: calc(var(--fz) * 12);
  line-height: 1.65;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__text {
    font-size: calc(var(--fz) * 14);
  }
}
.c-coordinationModal__text * {
  letter-spacing: 0.1em;
}
.c-coordinationModal__text-flex {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-coordinationModal__text-flex {
    justify-content: center;
    gap: 0 calc(var(--val) * 80);
  }
}
.c-coordinationModal__overlay {
  margin: auto;
  background-color: color-mix(in srgb, var(--c_black) 50%, transparent);
  position: fixed;
  inset: 0;
  z-index: -1;
  cursor: pointer;
}

/*--------------------------------------------------------*/
/* _utility-index
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* _utility
/*--------------------------------------------------------*/
@media screen and (min-width: 769px) {
  .u-dn--pc {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .u-dn--pctb {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .u-dn--tb {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .u-dn--tb {
    display: block;
  }
}

.u-dn--tbsp {
  display: none;
}
@media screen and (min-width: 769px) {
  .u-dn--tbsp {
    display: block;
  }
}

.u-dn--sp {
  display: none;
}
@media screen and (min-width: 769px) {
  .u-dn--sp {
    display: block;
  }
}

.u-ttu {
  text-transform: uppercase;
}

.u-ttc {
  text-transform: capitalize;
}

.u-padding {
  --pt: 0;
  --pr: 0;
  --pb: 0;
  --pl: 0;
  padding-top: calc(var(--val) * var(--pt) * 0.6);
  padding-right: calc(var(--val) * var(--pr) * 0.6);
  padding-bottom: calc(var(--val) * var(--pb) * 0.6);
  padding-left: calc(var(--val) * var(--pl) * 0.6);
}
@media screen and (min-width: 769px) {
  .u-padding {
    padding-top: calc(var(--val) * var(--pt));
    padding-right: calc(var(--val) * var(--pr));
    padding-bottom: calc(var(--val) * var(--pb));
    padding-left: calc(var(--val) * var(--pl));
  }
}

.u-margin {
  --mt: 0;
  --mr: 0;
  --mb: 0;
  --ml: 0;
  margin-top: calc(var(--val) * var(--mt) * 0.6);
  margin-right: calc(var(--val) * var(--mr) * 0.6);
  margin-bottom: calc(var(--val) * var(--mb) * 0.6);
  margin-left: calc(var(--val) * var(--ml) * 0.6);
}
@media screen and (min-width: 769px) {
  .u-margin {
    margin-top: calc(var(--val) * var(--mt));
    margin-right: calc(var(--val) * var(--mr));
    margin-bottom: calc(var(--val) * var(--mb));
    margin-left: calc(var(--val) * var(--ml));
  }
}

/*--------------------------------------------------------*/
/* _layout-index
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! _header*/
/*--------------------------------------------------------*/
.l-header {
  width: 100%;
  height: calc(var(--val) * var(--header_h));
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z_header);
}
@media screen and (min-width: 769px) {
  .l-header {
    --fz: min(0.0833vw, calc(1 / 16 * 1rem));
    --val: min(0.0833vw, 1px);
    position: relative;
  }
}
.l-header__inner {
  display: flex;
  height: 100%;
  padding-left: calc(var(--val) * 28);
  margin: 0 auto;
  background-color: var(--bg_header);
}
@media screen and (min-width: 769px) {
  .l-header__inner {
    flex-direction: column;
    justify-content: start;
    max-width: calc(var(--val) * 1920);
    padding-left: 0;
  }
}
.l-header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex: 1;
  height: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .l-header__container {
    flex: initial;
    height: auto;
    align-items: start;
    padding-left: calc(var(--val) * 50);
  }
}
@media screen and (min-width: 769px) {
  .l-header__logoArea {
    padding-top: calc(var(--val) * 10);
    margin-bottom: calc(var(--val) * -20);
  }
}
@media screen and (max-width: 768px) {
  .l-header__tagline {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .l-header__tagline {
    margin-bottom: calc(var(--val) * 8);
    font-size: calc(var(--fz) * 10);
    font-weight: 500;
    line-height: 2;
    color: var(--txt_d-gray);
  }
}
.l-header__logo {
  width: calc(var(--val) * 118);
}
@media screen and (min-width: 769px) {
  .l-header__logo {
    width: calc(var(--val) * 160);
  }
}
.l-header__logo-link {
  display: block;
  transition: opacity var(--hover_transition);
}
.l-header__logo-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .l-header__logo-link:active {
    opacity: var(--hover_opacity);
  }
}
.l-header__sub-unit {
  height: 100%;
}
@media screen and (min-width: 769px) {
  .l-header__sub-unit {
    display: flex;
    align-items: center;
    gap: 0 calc(var(--val) * 61);
  }
}
.l-header__contact {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  height: 100%;
  background-color: var(--c_accent);
  transition: opacity var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .l-header__contact {
    gap: 0 calc(var(--val) * 12);
    aspect-ratio: auto;
    height: calc(var(--val) * 60);
    padding: 0 calc(var(--val) * 40);
  }
}
.l-header__contact::before {
  content: "";
  width: calc(var(--val) * 37);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/contact.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .l-header__contact::before {
    width: calc(var(--val) * 32);
  }
}
.l-header__contact:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .l-header__contact:active {
    opacity: var(--hover_opacity);
  }
}
@media screen and (max-width: 768px) {
  .l-header__contact .text {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
  }
}
@media screen and (min-width: 769px) {
  .l-header__contact .text {
    font-size: calc(var(--fz) * 18);
    font-weight: bold;
    color: var(--txt_white);
  }
}

/*--------------------------------------------------------*/
/*! <subMenu>*/
/*--------------------------------------------------------*/
.l-header-subMenu__list.-pc {
  display: flex;
  gap: 0 calc(var(--val) * 41);
}
@media screen and (max-width: 768px) {
  .l-header-subMenu__list.-pc {
    display: none;
  }
}
.l-header-subMenu__list.-sp {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--val) * 25) 0;
  padding-top: calc(var(--val) * 40);
  margin: calc(var(--val) * 25) calc(var(--val) * 20) 0;
  border-top: calc(var(--val) * 1) solid var(--c_white);
}
@media screen and (min-width: 769px) {
  .l-header-subMenu__list.-sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header-subMenu__li-item {
    width: 50%;
    padding-left: calc(var(--val) * 25);
  }
}
.l-header-subMenu__li-link {
  display: inline-block;
  font-size: calc(var(--fz) * 14);
  font-weight: 500;
  line-height: 1.54;
  color: var(--txt_white);
  transition: opacity var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .l-header-subMenu__li-link {
    font-size: calc(var(--fz) * 13);
    font-weight: 500;
    line-height: 1.54;
    color: var(--txt_d-gray);
  }
}
.l-header-subMenu__li-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .l-header-subMenu__li-link:active {
    opacity: var(--hover_opacity);
  }
}
.l-header-subMenu__banner {
  display: block;
  margin-top: calc(var(--val) * 40);
}
.l-header-subMenu__banner-link {
  display: block;
  width: 100%;
  text-align: center;
}
.l-header-subMenu__banner-link img {
  width: 70%;
  height: auto;
}
@media screen and (min-width: 769px) {
  .l-header-subMenu__banner {
    display: none;
  }
}

/*--------------------------------------------------------*/
/*! <hb>*/
/*--------------------------------------------------------*/
body.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
}

.l-header-hb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  height: 100%;
  background-color: var(--c_primary);
  transition: transform 0.5s;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .l-header-hb {
    display: none;
  }
}
.l-header-hb__bar {
  content: "";
  width: calc(var(--val) * 31);
  height: calc(var(--val) * 2);
  background-color: var(--c_white);
  transition: transform 0.5s;
}
.l-header-hb__bar--top {
  transform: translateY(calc(var(--val) * -8));
}
.l-header-hb__bar--bot {
  transform: translateY(calc(var(--val) * 8));
}

.l-header-hb[aria-expanded=true] .l-header-hb__bar--mid {
  opacity: 0;
}
.l-header-hb[aria-expanded=true] .l-header-hb__bar--top {
  transform: translateY(100%) rotate(45deg);
}
.l-header-hb[aria-expanded=true] .l-header-hb__bar--bot {
  transform: translateY(-100%) rotate(-45deg);
}

/*--------------------------------------------------------*/
/*! <menu>*/
/*--------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .l-menu {
    display: none;
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    padding: calc(var(--val) * var(--header_h) + var(--val) * 30) 0 calc(var(--val) * 42);
    background-color: var(--bg_menu);
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: -1;
  }
}
@media screen and (min-width: 769px) {
  .l-menu {
    --fz: min(0.0694vw, calc(1 / 16 * 1rem));
    --val: min(0.0694vw, 1px);
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: auto;
    margin-bottom: 0;
  }
}
.l-menu__nav {
  width: 100%;
  position: relative;
}
.l-menu__list {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .l-menu__list {
    flex-direction: row;
    justify-content: end;
    gap: 0 calc(var(--val) * 56);
    padding-top: calc(var(--val) * 15);
    padding-right: calc(var(--val) * 38);
  }
}
.l-menu__li-heading {
  padding: calc(var(--val) * 18) calc(var(--val) * 50);
  font-size: calc(var(--fz) * 16);
  font-weight: 500;
  line-height: 1.56;
  color: var(--txt_white);
}
@media screen and (max-width: 768px) {
  .l-menu__li-heading {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .l-menu__li-heading::before {
    content: "";
    width: calc(var(--val) * 12);
    aspect-ratio: 12/24;
    margin-right: calc(var(--val) * 6);
    background-image: url(../img/common/icon/arrow-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .l-menu__li-heading:is(button)::after {
    content: "";
    width: calc(var(--val) * 27);
    aspect-ratio: 1/1;
    margin-right: 0;
    margin-left: auto;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .l-menu__li-heading:is(button)[aria-expanded=false]::after {
    background-image: url(../img/common/icon/plus-white.svg);
  }
  .l-menu__li-heading:is(button)[aria-expanded=true]::after {
    background-image: url(../img/common/icon/minus-white.svg);
  }
}
@media screen and (min-width: 769px) {
  .l-menu__li-heading {
    padding: 0 calc(var(--val) * 2) calc(var(--val) * 20);
    line-height: 1.25;
    color: var(--txt_d-gray);
    position: relative;
    font-size: calc(var(--fz) * 18);
  }
  .l-menu__li-heading::before {
    content: "";
    width: 100%;
    height: calc(var(--val) * 3);
    margin: 0 auto;
    background-color: var(--c_accent);
    position: absolute;
    bottom: calc(var(--val) * 12);
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .l-menu__li-heading.-current::before {
    opacity: 1;
  }
  .l-menu__li-heading:where(.l-menu__li-item:hover *)::before {
    opacity: 1;
  }
  .l-menu__li-heading[aria-expanded=true]::before {
    opacity: 1;
  }
}
.l-menu__sub {
  display: none;
  padding: calc(var(--val) * 12) calc(var(--val) * 40);
  background-color: var(--c_secondary02);
}
@media screen and (min-width: 769px) {
  .l-menu__sub {
    min-height: calc(var(--val) * 276);
    padding-top: calc(var(--val) * 75);
    margin: 0 auto;
    background-color: transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
  .l-menu__sub:where(.l-menu__li-item:hover *) {
    display: block;
    z-index: 1;
  }
  .l-menu__sub[aria-hidden=false] {
    display: block;
  }
  .l-menu__sub::before {
    content: "";
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-image: linear-gradient(var(--c_primary), var(--c_primary)) fill 0/1/0 100vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .l-menu__sub-inner {
    width: calc(var(--val) * 1255);
    margin: 0 auto;
    position: relative;
  }
  .l-menu__sub-inner::before {
    content: "";
    width: calc(var(--val) * 1.5);
    height: 100%;
    background-color: var(--c_white);
    position: absolute;
    top: 0;
    left: calc(var(--val) * 255);
  }
}
.l-menu__sub-list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 14) 0;
}
@media screen and (min-width: 769px) {
  .l-menu__sub-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(max-content, calc(var(--val) * 200)));
    gap: calc(var(--val) * 44) calc(var(--val) * 42);
    width: calc(var(--val) * 955);
    margin-right: 0;
    margin-left: auto;
    position: relative;
  }
}
.l-menu__subli-item {
  padding-left: calc(var(--val) * 30);
}
@media screen and (max-width: 768px) {
  .l-menu__subli-item.-break {
    padding-bottom: calc(var(--val) * 20);
    border-bottom: calc(var(--val) * 1) solid var(--c_white);
  }
}
@media screen and (min-width: 769px) {
  .l-menu__subli-item {
    padding-left: 0;
  }
  .l-menu__subli-item:first-child {
    width: max-content;
    margin-right: calc(var(--val) * 85);
    position: absolute;
    right: 100%;
  }
}
.l-menu__subli-link {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  padding: calc(var(--val) * 8) 0;
  font-size: calc(var(--fz) * 16);
  line-height: 1.7;
  color: var(--txt_white);
  transition: opacity var(--hover_transition);
}
.l-menu__subli-link::before {
  content: "";
  width: calc(var(--val) * 18);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/circle-arrow-white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .l-menu__subli-link::before {
    margin-top: calc(var(--val) * 4);
    font-size: calc(var(--fz) * 18);
  }
}
@media screen and (min-width: 769px) {
  .l-menu__subli-link {
    display: inline-flex;
    height: 1lh;
    line-height: 1.56;
  }
  .l-menu__subli-link:where(.l-menu__subli-item:first-child *) {
    gap: 0 calc(var(--val) * 7);
    padding: calc(var(--val) * 5) 0;
  }
  .l-menu__subli-link:where(.l-menu__subli-item:first-child *)::before {
    content: "";
    width: calc(var(--val) * 12);
    aspect-ratio: 12/24;
    background-image: url(../img/common/icon/arrow-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .l-menu__subli-link .fz-m {
    font-size: calc(var(--fz) * 12);
  }
}
.l-menu__subli-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .l-menu__subli-link:active {
    opacity: var(--hover_opacity);
  }
}

/*--------------------------------------------------------*/
/*! _main*/
/*--------------------------------------------------------*/
/*トップページ*/
@media screen and (min-width: 769px) {
  .l-top {
    --header_h: 80;
  }
}

/*下層ページ*/
.l-main {
  padding-top: calc(var(--val) * var(--header_h));
}
@media screen and (min-width: 769px) {
  .l-main {
    padding-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .l-main:where(.l-top *) {
    padding-top: 0;
  }
}
.l-main__inner {
  width: 100%;
  padding: 0 calc(var(--val) * 27);
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .l-main__inner {
    max-width: calc(var(--val) * 1160);
    padding: 0 calc(var(--val) * 30);
  }
}
.l-main__inner:where(.l-top *) {
  padding: 0 calc(var(--val) * 29);
}
@media screen and (min-width: 769px) {
  .l-main__inner:where(.l-top *) {
    max-width: calc(var(--val) * 1260);
    padding: 0 calc(var(--val) * 30);
  }
}

/*--------------------------------------------------------*/
/*! _page*/
/*--------------------------------------------------------*/
.l-upper__bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(var(--val) * 145);
}
@media screen and (min-width: 769px) {
  .l-upper__bg {
    height: calc(var(--val) * 317);
  }
}
@media screen and (min-width: 1920px) {
  .l-upper__bg {
    height: auto;
    aspect-ratio: 1920/302;
  }
}
.l-upper__bg.-common {
  background-color: var(--c_secondary01);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.l-upper__bg.-common::before {
  content: "";
  width: calc(var(--val) * 150);
  aspect-ratio: 1/1;
  background-image: url(../img/common/upper-common_sp.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(var(--val) * -14);
  right: calc(var(--val) * 18);
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .l-upper__bg.-common::before {
    width: calc(var(--val) * 417);
    background-image: url(../img/common/upper-common.png);
    top: calc(var(--val) * -50);
    right: calc(var(--val) * 32);
  }
}
@media screen and (min-width: 1920px) {
  .l-upper__bg.-common::before {
    top: 50%;
    transform: translateY(-50%);
  }
}
.l-upper__bg:not(.-common) {
  background-size: cover;
}
.l-upper__bg.-efforts {
  background-image: url(../img/common/upper-efforts_sp.jpg);
}
@media screen and (min-width: 769px) {
  .l-upper__bg.-efforts {
    background-image: url(../img/common/upper-efforts.jpg);
    background-position: center;
  }
}
.l-upper__bg.-business {
  background-image: url(../img/common/upper-business_sp.jpg);
}
@media screen and (min-width: 769px) {
  .l-upper__bg.-business {
    background-image: url(../img/common/upper-business.jpg);
    background-position: center;
  }
}
.l-upper__bg.-technology {
  background-image: url(../img/common/upper-technology_sp.jpg);
}
@media screen and (min-width: 769px) {
  .l-upper__bg.-technology {
    background-image: url(../img/common/upper-technology.jpg);
    background-position: center;
  }
}
.l-upper__bg.-coordination {
  background-image: url(../img/common/upper-coordination_sp.jpg);
}
@media screen and (min-width: 769px) {
  .l-upper__bg.-coordination {
    background-image: url(../img/common/upper-coordination.jpg);
  }
}
.l-upper__bg.-licenses {
  background-image: url(../img/common/upper-licenses_sp.jpg);
}
@media screen and (min-width: 769px) {
  .l-upper__bg.-licenses {
    background-image: url(../img/common/upper-licenses.jpg);
  }
}
.l-upper__bg.-company {
  background-image: url(../img/common/upper-company_sp.jpg);
}
@media screen and (min-width: 769px) {
  .l-upper__bg.-company {
    background-image: url(../img/common/upper-company.jpg);
  }
}
.l-upper__bg.-best {
  background-image: url(../img/common/upper-best_sp.jpg);
}
@media screen and (min-width: 769px) {
  .l-upper__bg.-best {
    background-image: url(../img/common/upper-best.jpg);
    background-position: center;
  }
}
.l-upper__inner {
  width: 100%;
  padding: 0 calc(var(--val) * 30);
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .l-upper__inner {
    max-width: calc(var(--val) * 1260);
    padding: 0 calc(var(--val) * 30);
  }
}
.l-upper__page-title {
  font-weight: bold;
  line-height: 1.2;
  color: var(--txt_white);
}
@media screen and (min-width: 769px) {
  .l-upper__page-title {
    margin-left: calc(var(--val) * -5);
  }
}
.l-upper__page-title .en {
  font-size: calc(var(--fz) * 13);
}
@media screen and (min-width: 769px) {
  .l-upper__page-title .en {
    font-size: calc(var(--fz) * 16);
  }
}
.l-upper__page-title .en:where(.-common *) {
  color: var(--c_primary);
}
.l-upper__page-title .ja {
  margin-top: calc(var(--val) * 5);
  font-size: calc(var(--fz) * 22);
}
@media screen and (min-width: 769px) {
  .l-upper__page-title .ja {
    font-size: calc(var(--fz) * 36);
  }
}
.l-upper__page-title .ja:where(.-common *) {
  color: var(--txt_black);
}

.l-breadcrumb {
  padding-bottom: calc(var(--val) * 10);
  margin-left: calc(var(--val) * -5);
}
@media screen and (min-width: 769px) {
  .l-breadcrumb {
    padding: calc(var(--val) * 16) 0 calc(var(--val) * 6);
    margin-left: 0;
  }
}
.l-breadcrumb__scroll {
  padding-bottom: calc(var(--val) * 10);
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .l-breadcrumb__scroll {
    padding-top: calc(var(--val) * 20);
  }
}
.l-breadcrumb__list {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 12);
  width: max-content;
}
@media screen and (min-width: 769px) {
  .l-breadcrumb__list {
    gap: 0 calc(var(--val) * 16);
  }
}
.l-breadcrumb__li-item {
  display: flex;
  align-items: center;
  font-size: calc(var(--fz) * 12);
  line-height: 1.25;
  color: var(--txt_d-gray);
}
.l-breadcrumb__li-item:not(:last-child)::after {
  content: ">";
  margin-left: calc(var(--val) * 15);
  font-size: calc(var(--fz) * 16);
  line-height: 1;
}
.l-breadcrumb__li-link {
  transition: opacity var(--hover_transition);
}
.l-breadcrumb__li-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .l-breadcrumb__li-link:active {
    opacity: var(--hover_opacity);
  }
}
.l-breadcrumb__li-link.-current {
  pointer-events: none;
}
.l-page {
  padding: calc(var(--val) * 40) 0 calc(var(--val) * 100);
}
@media screen and (min-width: 769px) {
  .l-page {
    padding: calc(var(--val) * 100) 0 calc(var(--val) * 205);
  }
}
.l-page__stack {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 50) 0;
}
@media screen and (min-width: 769px) {
  .l-page__stack {
    gap: calc(var(--val) * 65) 0;
  }
}
.l-page__column {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 35) 0;
}
@media screen and (min-width: 769px) {
  .l-page__column {
    flex-direction: row;
    align-items: start;
    gap: 0 5.5%;
  }
}
.l-page__column > * {
  flex: 1;
}
@media screen and (min-width: 769px) {
  .l-page__column.-gap {
    gap: 0 calc(var(--val) * var(--gap));
  }
}
@media screen and (min-width: 769px) {
  .l-page__column.-rev {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .l-page__column-item {
    width: calc(var(--val) * var(--w, 100%));
    flex: initial;
  }
}

@media screen and (min-width: 769px) {
  .l-page-index {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(var(--val) * 175);
    margin-top: calc(var(--val) * -40);
    margin-bottom: calc(var(--val) * -30);
    border-image: linear-gradient(var(--c_white), var(--c_white)) fill 0/1/0 100vw;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .l-page-index ~ section {
    scroll-margin-top: calc(var(--val) * 175);
  }
}
@media screen and (min-width: 769px) {
  .l-page-index.-single {
    height: calc(var(--val) * 105);
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) {
  .l-page-index.-single ~ section {
    scroll-margin-top: calc(var(--val) * 105);
  }
}
@media screen and (min-width: 769px) {
  .l-page-index:nth-child(1) {
    margin-top: calc(var(--val) * -70);
  }
}
.l-page-index__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 30) 0;
}
@media screen and (min-width: 769px) {
  .l-page-index__list {
    flex-direction: row;
    align-items: center;
    gap: 0 calc(var(--val) * 40);
  }
}
@media screen and (min-width: 769px) {
  .l-page-index__list.-wrap {
    flex-wrap: wrap;
    gap: calc(var(--val) * 25) calc(var(--val) * 40);
  }
}
@media screen and (min-width: 769px) {
  .l-page-index__item:where(.-wrap *) {
    width: 21%;
    white-space: nowrap;
  }
}
.l-page-index__item.-min {
  min-width: calc(var(--val) * 180);
}

/*--------------------------------------------------------*/
/*! _footer*/
/*--------------------------------------------------------*/
.l-footer__inner {
  padding: calc(var(--val) * 25) 0 calc(var(--val) * 32);
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .l-footer__inner {
    max-width: calc(var(--val) * 1380);
    padding: calc(var(--val) * 40) calc(var(--val) * 30) calc(var(--val) * 45);
  }
}
.l-footer__cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--val) * 28) 0;
}
@media screen and (min-width: 769px) {
  .l-footer__cont {
    flex-direction: row;
    gap: 0 calc(var(--val) * 50);
  }
}
.l-footer__logo {
  width: calc(var(--val) * 160);
}
.l-footer__info {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .l-footer__info {
    text-align: left;
  }
}
.l-footer__address {
  font-size: calc(var(--fz) * 12);
  line-height: 1.83;
}
.l-footer__tel {
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .l-footer__tel {
    font-size: calc(var(--fz) * 18);
  }
}
.l-footer__seal {
  margin: calc(var(--val) * 10) 0;
}
@media screen and (min-width: 769px) {
  .l-footer__seal {
    display: none;
  }
}
.l-footer__copy-right {
  padding: calc(var(--val) * 22) 0;
  border-top: calc(var(--val) * 1) solid var(--c_gray01);
  font-size: calc(var(--fz) * 12);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .l-footer__copy-right {
    padding: calc(var(--val) * 18) 0;
  }
}

/*--------------------------------------------------------*/
/*! <menu>*/
/*--------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .l-footer-menu {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .l-footer-menu {
    --fz: min(0.0833vw, calc(1 / 16 * 1rem));
    --val: min(0.0833vw, 1px);
    display: flex;
    padding: calc(var(--val) * 56) 0;
    background-color: var(--bg_footer);
  }
}
.l-footer-menu__inner {
  display: flex;
  gap: 0 calc(var(--clamp) * 65);
  width: 100%;
  max-width: calc(var(--val) * 1330);
  padding: 0 calc(var(--val) * 30);
  margin: 0 auto;
}
.l-footer-menu__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(calc(var(--val) * 190), max-content));
  grid-template-rows: max-content max-content 1fr;
  align-items: start;
  gap: calc(var(--val) * 55) calc(var(--clamp) * 65);
  margin-bottom: calc(var(--val) * 45);
}
.l-footer-menu__li-item {
  min-width: calc(var(--val) * 190);
}
.l-footer-menu__li-item:nth-child(1) {
  grid-area: 1/1/4/2;
}
.l-footer-menu__li-item:nth-child(2) {
  grid-area: 1/2/4/3;
}
.l-footer-menu__li-item:nth-child(3) {
  grid-area: 1/3/2/4;
}
.l-footer-menu__li-item:nth-child(4) {
  grid-area: 2/3/3/4;
}
.l-footer-menu__li-item:nth-child(5) {
  grid-area: 3/3/4/4;
}
.l-footer-menu__li-item:nth-child(6) {
  grid-area: 1/4/2/5;
}
.l-footer-menu__li-item:nth-child(7) {
  grid-area: 2/4/4/5;
}
@media screen and (min-width: 769px) {
  .l-footer-menu__li-item .--book img {
    display: inline-block;
    margin-top: calc(var(--val) * 10);
    width: calc(var(--val) * 190);
  }
}
.l-footer-menu__li-heading {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 7);
  padding-left: calc(var(--val) * 6);
  padding-bottom: calc(var(--val) * 14);
  border-bottom: calc(var(--val) * 1.5) solid var(--c_primary);
  font-size: calc(var(--fz) * 16);
  font-weight: 500;
  line-height: 1.55;
  color: var(--c_primary);
  transition: opacity var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .l-footer-menu__li-heading {
    font-size: calc(var(--fz) * 18);
  }
}
.l-footer-menu__li-heading::before {
  content: "";
  width: calc(var(--val) * 12);
  aspect-ratio: 12/24;
  background-image: url(../img/common/icon/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.l-footer-menu__li-heading:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .l-footer-menu__li-heading:active {
    opacity: var(--hover_opacity);
  }
}
.l-footer-menu__sub-list {
  margin-top: calc(var(--val) * 16);
}
.l-footer-menu__subli-item {
  padding: calc(var(--val) * 10) 0;
}
.l-footer-menu__subli-item.-mb {
  margin-bottom: calc(var(--val) * 40);
}
.l-footer-menu__subli-link {
  display: block;
  font-size: calc(var(--fz) * 16);
  line-height: 1.65;
  transition: opacity var(--hover_transition);
}
.l-footer-menu__subli-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .l-footer-menu__subli-link:active {
    opacity: var(--hover_opacity);
  }
}
.l-footer-menu__subli-link .fz-m {
  font-size: calc(var(--fz) * 13);
}
.l-footer-menu__subli-link:where(.l-footer-menu__side *) {
  font-size: calc(var(--fz) * 15);
  line-height: 1.75;
}
.l-footer-menu__subli-seal {
  padding-top: calc(var(--val) * 50);
}
.l-footer-menu__subli-seal img {
  width: auto;
}
.l-footer-menu__side {
  flex: 1;
}
.l-footer-menu__contact {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(var(--val) * 12);
  padding: calc(var(--val) * 14) 0;
  margin-bottom: calc(var(--val) * 36);
  background-color: var(--c_accent);
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  color: var(--txt_white);
  transition: opacity var(--hover_transition);
}
.l-footer-menu__contact::before {
  content: "";
  width: calc(var(--val) * 32);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/contact.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .l-footer-menu__contact {
    font-size: calc(var(--fz) * 18);
  }
}
.l-footer-menu__contact:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .l-footer-menu__contact:active {
    opacity: var(--hover_opacity);
  }
}
.l-footer__logo-link {
  transition: opacity 0.3s;
  display: inline-block;
}
.l-footer__logo-link:hover {
  opacity: 0.7;
}

/*!--------------------------------------------------------*/
/*! _internal*/
/*!--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! <sitemap>*/
/*--------------------------------------------------------*/
.p-sitemap__li-item {
  padding-bottom: calc(var(--val) * 30);
}
@media screen and (min-width: 769px) {
  .p-sitemap__li-item {
    padding-bottom: calc(var(--val) * 40);
  }
}
.p-sitemap__li-link {
  display: inline-flex;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  color: var(--c_primary);
  transition: opacity var(--hover_transition);
}
.p-sitemap__li-link::before {
  content: "";
  width: calc(var(--val) * 12);
  aspect-ratio: 12/24;
  background-image: url(../img/common/icon/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.p-sitemap__li-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .p-sitemap__li-link:active {
    opacity: var(--hover_opacity);
  }
}
.p-sitemap__links {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 30) 0;
  margin-top: calc(var(--val) * 40);
}
@media screen and (min-width: 769px) {
  .p-sitemap__links {
    gap: calc(var(--val) * 41) 0;
    margin-top: calc(var(--val) * 50);
  }
}
.p-sitemap__links:where(.p-sitemap__li-item *:first-child) {
  margin-top: 0;
  gap: calc(var(--val) * 40) 0;
}
@media screen and (min-width: 769px) {
  .p-sitemap__links:where(.p-sitemap__li-item *:first-child) {
    gap: calc(var(--val) * 51) 0;
    margin-top: calc(var(--val) * 20);
  }
}
.p-sitemap__links .-mb {
  margin-bottom: calc(var(--val) * 50);
}
@media screen and (min-width: 769px) {
  .p-sitemap__links .-mb {
    margin-bottom: calc(var(--val) * 65);
  }
}
.p-sitemap__links .fz-m {
  margin-bottom: calc(var(--val) * 4);
}
@media screen and (min-width: 769px) {
  .p-sitemap__links .fz-m {
    margin-bottom: 0;
    font-size: calc(var(--fz) * 14);
  }
}

/*--------------------------------------------------------*/
/*! <access>*/
/*--------------------------------------------------------*/
.p-access__map {
  width: 100%;
  max-width: calc(var(--val) * 1000);
  margin: 0 auto;
}
.p-access__map iframe {
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------*/
/*! <company>*/
/*--------------------------------------------------------*/
.p-company__table td {
  padding-left: calc(var(--val) * 30);
}
.p-company__links {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: calc(var(--val) * 16) 0;
}

/*--------------------------------------------------------*/
/*! <licenses>*/
/*--------------------------------------------------------*/
.p-licenses__list {
  display: flex;
  flex-direction: column;
}
.p-licenses__li-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10) 0;
  padding: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-licenses__li-item {
    display: grid;
    grid-template-columns: calc(var(--val) * 150) 1fr;
    align-items: center;
    gap: 0 calc(var(--val) * 40);
    padding: calc(var(--val) * 35) 0;
  }
}
.p-licenses__li-item:first-child {
  padding-top: 0;
  border-bottom: calc(var(--val) * 3) solid var(--c_gray01);
}
.p-licenses__li-img.-excellent {
  max-width: 68px;
  width: calc(var(--val) * 68);
}
.p-licenses__li-img.-expert {
  max-width: 150px;
  width: calc(var(--val) * 150);
}
.p-licenses__imgs {
  display: flex;
  gap: 0 calc(var(--val) * 12);
  padding-left: calc(var(--val) * 10);
}
.p-licenses__imgs .excellent {
  max-width: 70px;
  width: calc(var(--val) * 70);
}
.p-licenses__imgs .expert {
  max-width: 123px;
  width: calc(var(--val) * 123);
}

/*--------------------------------------------------------*/
/*! <environment>*/
/*--------------------------------------------------------*/
.p-environment__latest picture {
  max-width: calc(var(--val) * 640);
  width: 100%;
  margin: 0 auto;
}
.p-environment__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 60) 0;
}
@media screen and (min-width: 769px) {
  .p-environment__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--val) * 65) calc(var(--val) * 40);
  }
}
.p-environment__li-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-environment__li-item {
    gap: calc(var(--val) * 35) 0;
  }
}
.p-environment__li-heading {
  font-size: calc(var(--fz) * 22);
  font-weight: bold;
  line-height: 1.25;
}
.p-environment__dl-item {
  display: flex;
}
.p-environment__dt {
  min-width: 5.5em;
  font-weight: bold;
}
.p-environment__dd {
  display: flex;
  flex: 1;
}
.p-environment__dd::before {
  content: ":";
  margin: 0 1em;
}

/*--------------------------------------------------------*/
/*! <recruit>*/
/*--------------------------------------------------------*/
.p-recruit__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 40) 0;
  margin-bottom: calc(var(--val) * 40);
}
@media screen and (min-width: 769px) {
  .p-recruit__list {
    display: grid;
    gap: calc(var(--val) * 65) calc(var(--val) * 40);
    margin-bottom: calc(var(--val) * 65);
  }
}
.p-recruit__li-item {
  display: flex;
  flex-direction: column;
  background-color: rgba(243, 243, 243, 0.98);
  padding: calc(var(--val) * 20) calc(var(--val) * 16);
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-recruit__li-item {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: calc(var(--val) * 40) calc(var(--val) * 60);
    gap: 0 calc(var(--val) * 60);
  }
  .p-recruit__li-item.-reverse {
    flex-direction: row-reverse;
  }
}
.p-recruit__li-img {
  flex: 1;
  width: 100%;
  height: auto;
}
.p-recruit__li-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(var(--val) * 30) 0;
}
.p-recruit__li-content__title {
  margin-bottom: calc(var(--val) * -18);
}
.p-recruit__li-content__subtitle {
  display: flex;
  width: fit-content;
  font-size: calc(var(--fz) * 17);
  font-weight: bold;
  color: var(--txt_white);
  background-color: var(--c_primary);
  margin-top: calc(var(--val) * -l4);
  margin-bottom: calc(var(--val) * -8);
  padding: calc(var(--val) * 6) calc(var(--val) * 14) calc(var(--val) * 8);
  flex-grow: 0;
}
@media screen and (min-width: 769px) {
  .p-recruit__li-content__subtitle {
    margin-top: calc(var(--val) * 4);
  }
}
.p-recruit__li-content__list li::before {
  content: "・";
  margin-right: 0.5em;
  color: var(--c_primary);
  line-height: 1.875;
}
.p-recruit__li-content__link::after {
  content: "";
  display: inline-block;
  width: calc(var(--val) * 20);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/external.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .p-recruit__li-content__link::after {
    width: calc(var(--val) * 26);
  }
}

/*--------------------------------------------------------*/
/*! <report01>*/
/*--------------------------------------------------------*/
.p-report01__img {
  width: calc(var(--val) * 140);
  margin-top: calc(var(--val) * 10);
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .p-report01__img {
    width: calc(var(--val) * 180);
  }
}

/*--------------------------------------------------------*/
/*! <report04>*/
/*--------------------------------------------------------*/
.p-report04__container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-report04__container {
    flex-direction: row;
    gap: 0 calc(var(--val) * 12);
  }
}
.p-report04__cont {
  padding: calc(var(--val) * 20) calc(var(--val) * 25) calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-report04__cont {
    padding: calc(var(--val) * 20) calc(var(--val) * 28) calc(var(--val) * 30);
  }
}
.p-report04__cont:nth-child(1) {
  background-color: #ECECBE;
}
.p-report04__cont:nth-child(2) {
  background-color: #C1EFE0;
}
.p-report04__heading {
  margin-bottom: calc(var(--val) * 20);
  font-size: calc(var(--fz) * 22);
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
}
.p-report04__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-report04__list {
    flex-direction: row;
    gap: 0 calc(var(--val) * 10);
  }
}
.p-report04__li-img {
  margin-bottom: calc(var(--val) * 5);
}
@media screen and (min-width: 769px) {
  .p-report04__li-img {
    margin-bottom: calc(var(--val) * 10);
  }
}

/*--------------------------------------------------------*/
/*! <report06>*/
/*--------------------------------------------------------*/
.p-report06__text-flex {
  display: flex;
  gap: 0 1em;
}
@media screen and (min-width: 769px) {
  .p-report06__text-flex {
    gap: 0 1.8em;
  }
}
.p-report06__text-flex .month {
  flex-shrink: 0;
  width: 2.5em;
  text-align: right;
}

/*--------------------------------------------------------*/
/*! <learning>*/
/*--------------------------------------------------------*/
.p-learning__sl-item {
  padding: 0 calc(var(--val) * 10);
}
@media screen and (min-width: 769px) {
  .p-learning__sl-item {
    padding: 0 calc(var(--val) * 50);
  }
}
.p-learning #learningSlider {
  padding-bottom: calc(var(--val) * 65);
}
@media screen and (min-width: 769px) {
  .p-learning #learningSlider {
    padding-bottom: calc(var(--val) * 94);
  }
}
.p-learning #learningSlider .slick-prev,
.p-learning #learningSlider .slick-next {
  width: calc(var(--val) * 45);
  height: calc(var(--val) * 45);
  background-image: url(../img/attempt/environment/learning/slide-arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: auto;
  bottom: 0;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .p-learning #learningSlider .slick-prev,
  .p-learning #learningSlider .slick-next {
    width: calc(var(--val) * 77);
    height: calc(var(--val) * 77);
  }
}
.p-learning #learningSlider .slick-prev:focus-visible,
.p-learning #learningSlider .slick-next:focus-visible {
  outline-style: auto;
}
.p-learning #learningSlider .slick-prev::before, .p-learning #learningSlider .slick-prev::after,
.p-learning #learningSlider .slick-next::before,
.p-learning #learningSlider .slick-next::after {
  content: none;
}
.p-learning #learningSlider .slick-prev {
  left: calc(var(--val) * 10);
  transform: translate(0);
}
@media screen and (min-width: 769px) {
  .p-learning #learningSlider .slick-prev {
    left: calc(var(--val) * 50);
  }
}
.p-learning #learningSlider .slick-next {
  right: calc(var(--val) * 10);
  transform: translate(0) rotate(180deg);
}
@media screen and (min-width: 769px) {
  .p-learning #learningSlider .slick-next {
    right: calc(var(--val) * 50);
  }
}
.p-learning #learningSlider .slick-prev.slick-disabled,
.p-learning #learningSlider .slick-next.slick-disabled {
  visibility: hidden;
  opacity: 0;
}

/*--------------------------------------------------------*/
/*! <disclosure>*/
/*--------------------------------------------------------*/
.p-disclosure__wmf {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-disclosure__wmf .c-img {
  max-width: 340px;
}

/*--------------------------------------------------------*/
/*! <facility>*/
/*--------------------------------------------------------*/
@media screen and (min-width: 769px) {
  .p-facility__stack {
    gap: calc(var(--val) * 60) 0;
  }
}
.p-facility .l-main__inner > section:nth-of-type(even) {
  padding-bottom: calc(var(--val) * 50);
  border-image: linear-gradient(var(--c_secondary01), var(--c_secondary01)) fill 0/1/0 100vw;
}

/*--------------------------------------------------------*/
/*! <plant>*/
/*--------------------------------------------------------*/
.p-plant__li-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10) 0;
}

/*--------------------------------------------------------*/
/*! <technology>*/
/*--------------------------------------------------------*/
.p-technology__secTitle {
  padding-top: calc(var(--val) * 25);
  margin-top: calc(var(--val) * -25);
  font-size: calc(var(--fz) * 30);
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-technology__secTitle {
    padding-top: calc(var(--val) * 44);
    margin-top: calc(var(--val) * -50);
    font-size: calc(var(--fz) * 34);
    line-height: 1.2;
  }
}
.p-technology__text {
  margin-top: calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-technology__text {
    margin-top: calc(var(--val) * 40);
    text-align: center;
  }
}
.p-technology__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 50) 0;
}
@media screen and (min-width: 769px) {
  .p-technology__list {
    gap: calc(var(--val) * 100) 0;
  }
}
.p-technology__textArea {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
.p-technology__imgArea {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}

.p-technology-index__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 45) 0;
  padding-top: calc(var(--val) * 50);
  border-top: calc(var(--val) * 3) solid var(--c_gray01);
  counter-reset: num 0;
}
@media screen and (min-width: 769px) {
  .p-technology-index__list {
    gap: calc(var(--val) * 65) 0;
    padding-top: calc(var(--val) * 70);
    margin-top: calc(var(--val) * 15);
  }
}
.p-technology-index__li-item {
  align-items: center;
  padding: calc(var(--val) * 50) 0 calc(var(--val) * 65);
  margin-top: calc(var(--val) * -50);
}
@media screen and (min-width: 769px) {
  .p-technology-index__li-item {
    scroll-margin-top: calc(var(--val) * 175);
    padding: calc(var(--val) * 65) 0 calc(var(--val) * 80);
    padding-left: 2%;
    margin-top: calc(var(--val) * -70);
  }
}
.p-technology-index__li-item:nth-child(even) {
  position: relative;
}
.p-technology-index__li-item:nth-child(even)::before {
  content: "";
  width: 100%;
  height: 100%;
  border-image: linear-gradient(var(--c_secondary01), var(--c_secondary01)) fill 0/1/0 100vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.p-technology-index__textArea {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10) 0;
}
@media screen and (min-width: 769px) {
  .p-technology-index__textArea {
    flex: inherit;
    gap: calc(var(--val) * 16) 0;
    width: 47%;
    padding-top: calc(var(--val) * 30);
    padding-right: 3%;
  }
}
.p-technology-index__li-heading {
  display: flex;
  color: var(--c_primary);
}
.p-technology-index__li-heading::before {
  content: counter(num, decimal-leading-zero);
  counter-increment: num 1;
  margin-right: 0.5em;
}
.p-technology-index__li-subHeading {
  font-size: calc(var(--fz) * 14);
  font-weight: bold;
  line-height: 2;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-technology-index__li-subHeading {
    font-size: calc(var(--fz) * 15);
  }
}
.p-technology-index__img {
  border-radius: calc(var(--val) * 15);
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-technology-index__img {
    border-radius: calc(var(--val) * 20);
  }
}

.p-technology-flow {
  padding: calc(var(--val) * 10) 0;
}
.p-technology-flow__stack {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 45) 0;
}
.p-technology-flow__secTitle {
  font-size: calc(var(--fz) * 28);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

/*--------------------------------------------------------*/
/*! <coordination>*/
/*--------------------------------------------------------*/
.p-coordination__secTitle {
  padding-top: calc(var(--val) * 25);
  margin-top: calc(var(--val) * -25);
  font-size: calc(var(--fz) * 28);
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-coordination__secTitle {
    padding-top: calc(var(--val) * 44);
    margin-top: calc(var(--val) * -50);
    font-size: calc(var(--fz) * 34);
    line-height: 1.2;
  }
}
.p-coordination__text {
  margin-top: calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-coordination__text {
    margin-top: calc(var(--val) * 40);
    text-align: center;
  }
}

.p-coordination-sec01__secTitle {
  font-size: calc(var(--fz) * 28);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.p-coordination-sec01__imgArea {
  display: grid;
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .p-coordination-sec01__imgArea {
    padding-bottom: calc(var(--val) * 10);
  }
}
.p-coordination-sec01__img {
  grid-area: 1/1;
}
@media screen and (max-width: 768px) {
  .p-coordination-sec01__img {
    width: calc(var(--val) * 750);
  }
}
.p-coordination-sec01__links {
  grid-area: 1/1;
  position: relative;
}
.p-coordination-sec01__link {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-coordination-sec01__link {
    scale: 0.7;
  }
}
.p-coordination-sec01__link.-item01 {
  top: 45.5%;
  left: 28.7%;
}
.p-coordination-sec01__link.-item02 {
  top: 73.5%;
  left: 28.7%;
}
.p-coordination-sec01__link.-item03 {
  top: 73.5%;
  left: 70%;
}
.p-coordination-sec01__link.-item04 {
  top: 93%;
  left: 62.5%;
}

@media screen and (min-width: 769px) {
  .p-coordination-sec02__column-text {
    width: 52.3%;
    flex: inherit;
  }
}

.p-coordination-sec03__list.-merit {
  display: flex;
  flex-direction: column;
  counter-reset: num;
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-merit {
    flex-direction: row;
  }
}
.p-coordination-sec03__list.-merit .p-coordination-sec03__li-item {
  padding: calc(var(--val) * 15) 0;
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-merit .p-coordination-sec03__li-item {
    flex: 1;
    min-height: calc(var(--val) * 138);
    padding: 0;
    padding-right: calc(var(--val) * 10);
  }
}
.p-coordination-sec03__list.-merit .p-coordination-sec03__li-item:not(:first-child) {
  border-top: calc(var(--val) * 1) solid var(--c_gray06);
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-merit .p-coordination-sec03__li-item:not(:first-child) {
    border-top: none;
    border-left: calc(var(--val) * 1) solid var(--c_gray06);
  }
}
.p-coordination-sec03__list.-merit .p-coordination-sec03__li-heading {
  display: flex;
  align-items: center;
  font-size: calc(var(--fz) * 18);
  font-weight: bold;
  line-height: 1.2;
  counter-increment: num 1;
}
.p-coordination-sec03__list.-merit .p-coordination-sec03__li-heading::before {
  content: counter(num);
  width: calc(var(--val) * 45);
  padding-left: calc(var(--val) * 8);
  font-size: calc(var(--fz) * 36);
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-merit .p-coordination-sec03__li-heading::before {
    width: calc(var(--val) * 55);
    font-size: calc(var(--fz) * 48);
  }
}
.p-coordination-sec03__list.-merit .p-coordination-sec03__li-text {
  padding-left: calc(var(--val) * 45);
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-merit .p-coordination-sec03__li-text {
    padding-left: calc(var(--val) * 55);
  }
}
.p-coordination-sec03__contTitle {
  font-size: calc(var(--fz) * 28);
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__contTitle {
    font-size: calc(var(--fz) * 32);
  }
}
.p-coordination-sec03__flex {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 58) 0;
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__flex {
    flex-direction: row;
    justify-content: center;
    gap: 0 calc(var(--val) * 120);
    margin-bottom: calc(var(--val) * 45);
  }
}
.p-coordination-sec03__fl-item {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__fl-item {
    flex-direction: column;
    gap: calc(var(--val) * 20) 0;
    width: max-content;
  }
}
.p-coordination-sec03__fl-item:nth-child(2) {
  position: relative;
}
.p-coordination-sec03__fl-item:nth-child(2)::before, .p-coordination-sec03__fl-item:nth-child(2)::after {
  content: "";
  display: inline-block;
  width: calc(var(--val) * 28);
  aspect-ratio: 1/1;
  margin: calc(var(--val) * 15) 0;
  background-image: url(../img/coordination/sec03-flex-kakeru.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-coordination-sec03__fl-item:nth-child(2)::before, .p-coordination-sec03__fl-item:nth-child(2)::after {
    left: calc(var(--val) * 140 / 2);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__fl-item:nth-child(2)::before, .p-coordination-sec03__fl-item:nth-child(2)::after {
    width: calc(var(--val) * 35);
    margin: 0 calc(var(--val) * 40);
    top: calc(var(--val) * 185 / 2);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .p-coordination-sec03__fl-item:nth-child(2)::before {
    bottom: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__fl-item:nth-child(2)::before {
    right: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-coordination-sec03__fl-item:nth-child(2)::after {
    top: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__fl-item:nth-child(2)::after {
    left: 100%;
  }
}
.p-coordination-sec03__fl-img {
  width: calc(var(--val) * 140);
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__fl-img {
    width: calc(var(--val) * 185);
  }
}
.p-coordination-sec03__fl-heading {
  flex: 1;
  text-align: center;
  color: var(--c_primary);
}
.p-coordination-sec03__list.-strength {
  display: flex;
  flex-direction: column;
  margin: calc(var(--val) * -35) 0;
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-strength {
    flex-direction: row;
    margin: 0;
  }
}
.p-coordination-sec03__list.-strength .p-coordination-sec03__li-item {
  padding: calc(var(--val) * 35) 0;
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-strength .p-coordination-sec03__li-item {
    padding: 0 calc(var(--val) * 15);
    flex: 1;
  }
}
.p-coordination-sec03__list.-strength .p-coordination-sec03__li-item:not(:first-child) {
  border-top: calc(var(--val) * 1) solid var(--c_gray06);
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-strength .p-coordination-sec03__li-item:not(:first-child) {
    border-top: none;
    border-left: calc(var(--val) * 1) solid var(--c_gray06);
  }
}
.p-coordination-sec03__list.-strength .p-coordination-sec03__li-heading {
  margin-bottom: calc(var(--val) * 20);
  font-size: calc(var(--fz) * 18);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-coordination-sec03__list.-strength .p-coordination-sec03__li-heading {
    padding: calc(var(--val) * 20) 0;
    margin-bottom: 0;
    font-size: calc(var(--fz) * 20);
  }
}
.p-coordination-sec03__list.-strength .p-coordination-sec03__li-text {
  padding: 0 calc(var(--val) * 20);
}

.p-coordination-sec04__dl {
  margin-top: calc(var(--val) * -20);
}
.p-coordination-sec04__dl-item {
  padding: calc(var(--val) * 25) 0;
}
@media screen and (min-width: 769px) {
  .p-coordination-sec04__dl-item {
    padding-top: calc(var(--val) * 20);
    padding-bottom: calc(var(--val) * 35);
  }
}
.p-coordination-sec04__dl-item:not(:first-child) {
  border-top: calc(var(--val) * 1) solid var(--c_gray06);
}
.p-coordination-sec04__dt {
  margin-bottom: calc(var(--val) * 20);
  font-size: calc(var(--fz) * 18);
  font-weight: bold;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-coordination-sec04__dt {
    padding: calc(var(--val) * 20) 0;
    margin-bottom: 0;
  }
}
/*--------------------------------------------------------*/
/* _project-index
/*--------------------------------------------------------*/
/*!--------------------------------------------------------*/
/*! _top*/
/*!--------------------------------------------------------*/
.p-top-__sec-title, .p-top-recruit__sec-title, .p-top-company__sec-title, .p-top-news__sec-title, .p-top-section__sec-title, .p-top-business__sec-title, .p-top-efforts__sec-title {
  font-weight: 500;
}
.p-top-__sec-title .en, .p-top-recruit__sec-title .en, .p-top-company__sec-title .en, .p-top-news__sec-title .en, .p-top-section__sec-title .en, .p-top-business__sec-title .en, .p-top-efforts__sec-title .en {
  font-size: calc(var(--fz) * 16);
  color: var(--c_primary);
}
.p-top-__sec-title .ja, .p-top-recruit__sec-title .ja, .p-top-company__sec-title .ja, .p-top-news__sec-title .ja, .p-top-section__sec-title .ja, .p-top-business__sec-title .ja, .p-top-efforts__sec-title .ja {
  margin-top: calc(var(--val) * 14);
  font-size: calc(var(--fz) * 28);
}

/*PCトップページ*/
@media screen and (min-width: 769px) {
  .l-top .l-header__inner {
    flex-direction: row;
  }
  .l-top .l-header__container {
    align-items: center;
  }
  .l-top .l-header__logoArea {
    padding-top: 0;
    margin-bottom: calc(var(--val) * 10);
  }
  .l-top .l-header__logo {
    width: calc(var(--val) * 180);
  }
  .l-top .l-header__sub-unit {
    order: 1;
  }
  .l-top .l-header__contact {
    padding: 0 calc(var(--val) * 25);
  }
  .l-top .l-header .l-menu {
    flex: 1;
    margin-right: 0;
    margin: auto;
  }
  .l-top .l-header .l-menu__list {
    gap: 0 calc(var(--val) * 30);
    gap: 0 2.7%;
    padding-top: calc(var(--val) * 30);
    padding-right: calc(var(--val) * 25);
  }
  .l-top .l-header .l-menu__li-heading {
    padding-bottom: calc(var(--val) * 27.5);
  }
  .l-top .l-header .l-menu__li-heading::before {
    bottom: calc(var(--val) * 17);
  }
  .l-top .l-header .l-menu__sub {
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
  }
}

.l-top .l-header__logo {
  opacity: 0;
  transition: opacity 1s ease-in;
}
.l-top .l-header__logo.is-visible {
  opacity: 1;
}

/*--------------------------------------------------------*/
/*! <fv>*/
/*--------------------------------------------------------*/
.p-top-fv {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-fv {
    padding-bottom: calc(var(--val) * 10);
  }
}
@media screen and (min-width: 769px) {
  .p-top-fv {
    --fz: 0.0694vw;
    --val: 0.0694vw;
  }
}
.p-top-fv__opening {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 1s ease-out, visibility 1s ease-out;
}
.p-top-fv__opening.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.p-top-fv__opening-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.p-top-fv__inner {
  margin: 0 auto;
  position: relative;
  opacity: 0;
  transition: opacity 1s ease-in;
}
.p-top-fv__inner.is-visible {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-top-fv__inner {
    max-width: calc(var(--val) * 1440);
    aspect-ratio: 1500/860;
  }
}
.p-top-fv__container {
  position: relative;
}
.p-top-fv__scroll {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-fv__scroll {
    overflow: auto;
  }
}
.p-top-fv__copy {
  margin-top: calc(var(--val) * 30);
  margin-left: calc(var(--val) * 24);
  font-size: calc(var(--fz) * 24);
  font-weight: 900;
  line-height: 1.67;
  letter-spacing: 0.1em;
  color: var(--c_black02);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translateX(-300px);
  opacity: 0;
  transition: transform 1.2s ease-out, opacity 0.8s linear;
}
.p-top-fv__copy.is-animated {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .p-top-fv__copy {
    padding: calc(var(--val) * 4) calc(var(--val) * 6);
    background-color: color-mix(in srgb, var(--c_white) 80%, transparent);
  }
}
@media screen and (min-width: 769px) {
  .p-top-fv__copy {
    margin-top: calc(var(--val) * 135);
    margin-left: calc(var(--val) * 75);
    font-size: calc(var(--fz) * 40);
    font-weight: 500;
  }
}
.p-top-fv__slider {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-fv__slider {
    width: calc(var(--val) * 742);
  }
}
@media screen and (min-width: 769px) {
  .p-top-fv__sl-inner {
    padding-bottom: 0;
  }
}
.p-top-fv__mapArea {
  display: grid;
}
.p-top-fv__mapArea.map01 .c-topModal__open {
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.2s linear, transform 0.4s ease-out;
}
.p-top-fv__mapArea.map01 .c-topModal__open.is-animated {
  opacity: 1;
  transform: translateY(0);
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(1) button {
  transition-delay: 1.6s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(2) button {
  transition-delay: 1.1s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(3) button {
  transition-delay: 1.2s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(4) button {
  transition-delay: 1.5s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(5) button {
  transition-delay: 1.3s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(6) button {
  transition-delay: 1.7s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(7) button {
  transition-delay: 1.5s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(8) button {
  transition-delay: 1.9s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(9) button {
  transition-delay: 1.8s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(10) button {
  transition-delay: 1.2s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(11) button {
  transition-delay: 1.8s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(12) button {
  transition-delay: 2.3s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(13) button {
  transition-delay: 2.2s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(14) button {
  transition-delay: 2.4s;
}
.p-top-fv__mapArea.map01 .c-topModal__li-item:nth-child(15) button {
  transition-delay: 2.5s;
}
.p-top-fv__mapArea.map01 .garbage-truck button {
  transition-delay: 1.4s;
}
.p-top-fv__mapArea.map01 .road-sweeper button {
  transition-delay: 1.7s;
}
.p-top-fv__map {
  grid-area: 1/1;
}
.p-top-fv__pins {
  grid-area: 1/1;
  z-index: 1;
  pointer-events: none;
}
.p-top-fv__pins button {
  pointer-events: auto;
}
.p-top-fv__map-topLayer {
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.p-top-fv__cont {
  padding-bottom: calc(var(--val) * 30);
  margin-top: calc(var(--val) * 5);
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-fv__cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
  }
}
.p-top-fv__prev-btn, .p-top-fv__next-btn {
  width: calc(var(--val) * 48);
  height: calc(var(--val) * 48);
  margin-bottom: calc(var(--val) * 30);
  background-color: var(--c_black);
  border-radius: 50%;
  position: absolute;
  bottom: 100%;
  opacity: 0;
  z-index: 10;
  transition: opacity 0.3s;
  pointer-events: all;
}
@media screen and (min-width: 769px) {
  .p-top-fv__prev-btn, .p-top-fv__next-btn {
    width: calc(var(--val) * 40);
    height: calc(var(--val) * 155);
    margin-top: calc(var(--val) * -5);
    border: calc(var(--val) * 1) solid var(--c_gray01);
    border-radius: calc(var(--val) * 6);
    top: 50%;
    bottom: auto;
  }
}
.p-top-fv__prev-btn:focus, .p-top-fv__prev-btn:hover, .p-top-fv__next-btn:focus, .p-top-fv__next-btn:hover {
  background-color: var(--c_black);
}
.p-top-fv__prev-btn:focus-visible, .p-top-fv__next-btn:focus-visible {
  outline-style: auto;
  box-shadow: 0 0 calc(var(--val) * 5) var(--c_black);
}
.p-top-fv__prev-btn::before, .p-top-fv__prev-btn::after, .p-top-fv__next-btn::before, .p-top-fv__next-btn::after {
  opacity: 1;
}
.p-top-fv__prev-btn.is-ready, .p-top-fv__next-btn.is-ready {
  opacity: 1;
}
.p-top-fv__prev-btn.is-ready.slick-disabled, .p-top-fv__next-btn.is-ready.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.p-top-fv__prev-btn {
  left: 0;
  transform: translate(calc(var(--val) * 8), 0);
}
@media screen and (min-width: 769px) {
  .p-top-fv__prev-btn {
    transform: translate(calc(var(--val) * 26), -50%);
  }
}
.p-top-fv__prev-btn::before {
  content: "";
  width: calc(var(--val) * 8);
  aspect-ratio: 10/30;
  margin: auto;
  background-image: url(../img/top/fv-slider-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset: 0;
  rotate: 180deg;
}
@media screen and (min-width: 769px) {
  .p-top-fv__prev-btn::before {
    width: calc(var(--val) * 10);
  }
}
.p-top-fv__next-btn {
  right: 0;
  transform: translate(calc(var(--val) * -8), 0);
}
@media screen and (min-width: 769px) {
  .p-top-fv__next-btn {
    transform: translate(calc(var(--val) * -26), -50%);
  }
}
.p-top-fv__next-btn::before {
  content: "";
  width: calc(var(--val) * 8);
  aspect-ratio: 10/30;
  margin: auto;
  background-image: url(../img/top/fv-slider-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset: 0;
}
@media screen and (min-width: 769px) {
  .p-top-fv__next-btn::before {
    width: calc(var(--val) * 10);
  }
}
.p-top-fv__box {
  width: calc(var(--val) * 365);
  margin: 0 auto;
  padding: calc(var(--val) * 10) calc(var(--val) * 20) calc(var(--val) * 22);
  border: calc(var(--val) * 1) solid var(--c_primary);
  pointer-events: all;
  position: relative;
  z-index: 0;
  transform: translateX(-300px);
  opacity: 0;
  transition: transform 1.2s ease-out, opacity 0.8s linear;
}
.p-top-fv__box[data-slick-index="0"] {
  border-color: #6d6d6c;
}
.p-top-fv__box[data-slick-index="0"] .num {
  color: #6d6d6c;
}
.p-top-fv__box[data-slick-index="1"] {
  border-color: #68d1cb;
}
.p-top-fv__box[data-slick-index="1"] .num {
  color: #68d1cb;
}
.p-top-fv__box[data-slick-index="2"] {
  border-color: #8db43f;
}
.p-top-fv__box[data-slick-index="2"] .num {
  color: #8db43f;
}
.p-top-fv__box.is-animated {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-top-fv__box {
    width: calc(var(--val) * 260);
    height: calc(var(--val) * 270);
    padding: calc(var(--val) * 32) calc(var(--val) * 32) calc(var(--val) * 8) calc(var(--val) * 40);
    margin: auto 0 calc(var(--val) * 56) calc(var(--val) * 52);
    background-color: var(--c_white);
    border: none;
  }
  .p-top-fv__box::before {
    content: "";
    width: calc(100% - var(--val) * 26);
    height: calc(100% - var(--val) * 26);
    margin: auto;
    border: calc(var(--val) * 1) solid var(--c_primary);
    position: absolute;
    inset: 0;
    z-index: -1;
  }
  .p-top-fv__box[data-slick-index="0"]::before {
    border-color: #6d6d6c;
  }
  .p-top-fv__box[data-slick-index="1"]::before {
    border-color: #68d1cb;
  }
  .p-top-fv__box[data-slick-index="2"]::before {
    border-color: #8db43f;
  }
}
.p-top-fv__box-top {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 15);
  padding-bottom: calc(var(--val) * 5);
  border-bottom: calc(var(--val) * 1) solid var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-top-fv__box-top {
    flex-direction: column;
    gap: 0;
    padding-bottom: calc(var(--val) * 16);
  }
}
.p-top-fv__sl-num {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 4);
  font-family: "NotoSans", "Local NotoSansJP", "NotoSansJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .p-top-fv__sl-num {
    width: 100%;
    justify-content: space-between;
    gap: 0 calc(var(--val) * 9);
  }
}
.p-top-fv__sl-num .text {
  margin-top: calc(var(--val) * 5);
  font-size: calc(var(--fz) * 10);
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-top-fv__sl-num .text {
    margin-top: calc(var(--val) * 10);
    font-size: calc(var(--fz) * 20);
  }
}
.p-top-fv__sl-num .num {
  font-style: italic;
  font-size: calc(var(--fz) * 23);
  color: var(--c_gray02);
}
@media screen and (min-width: 769px) {
  .p-top-fv__sl-num .num {
    font-size: calc(var(--fz) * 40);
  }
}
.p-top-fv__sl-heading {
  font-size: calc(var(--fz) * 15);
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--c_black02);
}
@media screen and (min-width: 769px) {
  .p-top-fv__sl-heading {
    margin-top: calc(var(--val) * 20);
    font-size: calc(var(--fz) * 20);
    letter-spacing: 0em;
    text-align: center;
    line-height: 1.4;
  }
}
.p-top-fv__sl-heading br {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-top-fv__sl-heading br {
    display: block;
  }
}
.p-top-fv__sl-link {
  display: flex;
  gap: calc(var(--val) * 20) 0;
  margin-top: calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-top-fv__sl-link {
    gap: calc(var(--val) * 20) 0;
    flex-direction: column-reverse;
    margin-top: calc(var(--val) * 20);
  }
}
.p-top-fv__prev, .p-top-fv__next {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 8);
  width: fit-content;
  font-size: calc(var(--fz) * 14);
  text-align: left;
  color: var(--c_primary);
  position: relative;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-fv__prev br, .p-top-fv__next br {
    display: none;
  }
}
.p-top-fv__prev.is-ready, .p-top-fv__next.is-ready {
  opacity: 1;
}
.p-top-fv__prev.is-ready.slick-disabled, .p-top-fv__next.is-ready.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.p-top-fv__prev::before {
  content: "";
  width: calc(var(--val) * 10);
  aspect-ratio: 12/20;
  margin-bottom: calc(var(--val) * -2);
  background-image: url(../img/top/fv-slider-arrow02.svg);
  background-size: contain;
  background-repeat: no-repeat;
  rotate: 180deg;
}
.p-top-fv__next {
  margin-right: 0;
  margin-left: auto;
}
.p-top-fv__next::after {
  content: "";
  width: calc(var(--val) * 10);
  aspect-ratio: 12/20;
  margin-bottom: calc(var(--val) * -2);
  background-image: url(../img/top/fv-slider-arrow02.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.p-top-fv__dots {
  pointer-events: all;
  transform: translateX(-300px);
  opacity: 0;
  transition: transform 1.2s ease-out, opacity 0.8s linear;
}
.p-top-fv__dots.is-animated {
  transform: translateX(0);
  opacity: 1;
}
.p-top-fv__dots .slick-dots {
  display: flex;
  justify-content: center;
  height: calc(var(--val) * 16);
  top: auto;
  bottom: -32px;
}
@media screen and (min-width: 769px) {
  .p-top-fv__dots .slick-dots {
    width: fit-content;
    height: calc(var(--val) * 12);
    margin-left: calc(var(--val) * 125);
    bottom: calc(var(--val) * 35);
  }
}
.p-top-fv__dots .slick-dots li {
  width: calc(var(--val) * 88);
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-top-fv__dots .slick-dots li {
    width: calc(var(--val) * 36);
  }
}
.p-top-fv__dots .slick-dots li button {
  width: calc(var(--val) * 16);
  height: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-fv__dots .slick-dots li button {
    width: calc(var(--val) * 12);
  }
}
.p-top-fv__dots .slick-dots li button:focus-visible {
  outline-style: auto;
}
.p-top-fv__dots .slick-dots li button:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--c_gray01);
  opacity: 1;
}
.p-top-fv__dots .slick-dots li.slick-active button:before {
  background-color: var(--c_accent);
  opacity: 1;
}
.p-top-fv {
  /*slick*/
}
.p-top-fv #topFvSlider.slick-slider {
  display: none;
  touch-action: auto;
}
.p-top-fv #topFvSlider.slick-slider.slick-initialized {
  display: block;
}
.p-top-fv #topFvSlider.slick-slider.slick-dotted {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .p-top-fv__opening-video {
    width: auto;
    height: 90%;
    min-width: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

/*--------------------------------------------------------*/
/*! <fv-animation>*/
/*--------------------------------------------------------*/
.animation-item-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.animation-item-container img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.animation-item-container.map01 {
  --ship-width: 146px;
  --ship-height: 232px;
  --garbage-truck-width: 200px;
  --garbage-truck-height: 200px;
  --garbage-collector-width: 141px;
  --garbage-collector-height: 97px;
  --road-sweeper-width: 160px;
  --road-sweeper-height: 160px;
  --container-base: 1920px;
  --base-scale: 0.6;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map01 {
    --container-base: 800px;
  }
}
.animation-item-container.map01 .ship {
  width: calc(var(--ship-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--ship-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 83%;
  left: 44.5%;
  animation: shipMove 12s linear infinite;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map01 .ship {
    top: 85%;
    left: 38.5%;
  }
}
.animation-item-container.map01 .garbage-truck {
  width: calc(var(--garbage-truck-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--garbage-truck-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 29%;
  left: 47%;
  background-image: url(../img/top/fv-animation/map01/garbage-truck.png);
  background-size: 600% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 1;
  pointer-events: auto;
}
@media screen and (min-width: 769px) {
  .animation-item-container.map01 .garbage-truck .c-topModal__open .label {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .animation-item-container.map01 .garbage-truck {
    top: 28%;
    left: 41.5%;
  }
}
.animation-item-container.map01 .garbage-collector {
  width: calc(var(--garbage-collector-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--garbage-collector-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 36%;
  left: 43.5%;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map01 .garbage-collector {
    top: 35%;
    left: 38%;
  }
}
.animation-item-container.map01 .road-sweeper {
  width: calc(var(--road-sweeper-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--road-sweeper-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 50%;
  left: 26%;
  background-image: url(../img/top/fv-animation/map01/road-sweeper.png);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  pointer-events: auto;
}
@media screen and (min-width: 769px) {
  .animation-item-container.map01 .road-sweeper .c-topModal__open .label {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .animation-item-container.map01 .road-sweeper {
    top: 50%;
    left: 15%;
  }
}
.animation-item-container.map02 {
  --filter-basin-width: 367px;
  --filter-basin-height: 219px;
  --grass-cutter-left-width: 150px;
  --grass-cutter-left-height: 200px;
  --grass-cutter-right-width: 150px;
  --grass-cutter-right-height: 200px;
  --sedimentation-tank-width: 164px;
  --sedimentation-tank-height: 116px;
  --vacume-truck-width: 171px;
  --vacume-truck-height: 178px;
  --container-base: 1920px;
  --base-scale: 0.6;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map02 {
    --container-base: 800px;
  }
}
.animation-item-container.map02 .vacuum-truck {
  width: calc(var(--vacume-truck-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--vacume-truck-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 62.9%;
  left: 50.3%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map02 .vacuum-truck {
    top: 63.1%;
    left: 43.8%;
  }
}
.animation-item-container.map02 .filter-basin {
  width: calc(var(--filter-basin-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--filter-basin-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 68.1%;
  left: 53.6%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map02 .filter-basin {
    top: 68.7%;
    left: 47.8%;
  }
}
.animation-item-container.map02 .filter-basin {
  background-image: url(../img/top/fv-animation/map02/filter-basin.png);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: sprite3Frame 6s step-end infinite;
}
.animation-item-container.map02 .sedimentation-tank {
  width: calc(var(--sedimentation-tank-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--sedimentation-tank-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 78%;
  left: 52.8%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map02 .sedimentation-tank {
    top: 79.5%;
    left: 46.8%;
  }
}
.animation-item-container.map02 .sedimentation-tank.--alt {
  top: 73.5%;
  left: 48.2%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map02 .sedimentation-tank.--alt {
    top: 74.5%;
    left: 41.2%;
  }
}
.animation-item-container.map02 .sedimentation-tank {
  background-image: url(../img/top/fv-animation/map02/sedimentation-tank.png);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: sprite3Frame 1.8s step-end infinite;
}
.animation-item-container.map02 .sedimentation-tank.--alt {
  animation: sprite3FrameAlt 1.8s step-end infinite;
}
.animation-item-container.map02 .grass-cutter-left {
  width: calc(var(--grass-cutter-left-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--grass-cutter-left-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 42.8%;
  left: 26.8%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map02 .grass-cutter-left {
    top: 42.4%;
    left: 13.8%;
  }
}
.animation-item-container.map02 .grass-cutter-left {
  background-image: url(../img/top/fv-animation/map02/grass-cutter-left.png);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: sprite3Frame 2.4s step-end infinite;
}
.animation-item-container.map02 .grass-cutter-right {
  width: calc(var(--grass-cutter-right-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--grass-cutter-right-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 46.4%;
  left: 32.8%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map02 .grass-cutter-right {
    top: 46.4%;
    left: 21.8%;
  }
}
.animation-item-container.map02 .grass-cutter-right {
  background-image: url(../img/top/fv-animation/map02/grass-cutter-right.png);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: sprite3Frame 2.4s step-end infinite;
}
.animation-item-container.map03 {
  --rain-cloud-width: 398px;
  --rain-cloud-height: 384px;
  --builder-width: 227px;
  --builder-height: 172px;
  --dump-truck-width: 247px;
  --dump-truck-height: 245px;
  --excavator-width: 200px;
  --excavator-height: 200px;
  --farmer-width: 150px;
  --farmer-height: 240px;
  --wheel-loader-width: 167px;
  --wheel-loader-height: 150px;
  --wastes-width: 192px;
  --wastes-height: 128px;
  --container-base: 1920px;
  --base-scale: 0.6;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 {
    --container-base: 800px;
  }
}
.animation-item-container.map03 .builder {
  width: calc(var(--builder-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--builder-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 14.8%;
  left: 43.8%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 .builder {
    top: 14.3%;
    left: 30.8%;
  }
}
.animation-item-container.map03 .builder {
  background-image: url(../img/top/fv-animation/map03/builder.png);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: sprite3Frame 3.6s step-end infinite;
}
.animation-item-container.map03 .excavator {
  width: calc(var(--excavator-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--excavator-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 10.8%;
  left: 51%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 .excavator {
    top: 9.8%;
    left: 39%;
  }
}
.animation-item-container.map03 .excavator {
  background-image: url(../img/top/fv-animation/map03/excavator.png);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: sprite3Frame 3s step-end infinite;
}
.animation-item-container.map03 .farmer {
  width: calc(var(--farmer-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--farmer-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 34.8%;
  left: 78.2%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 .farmer {
    top: 34.8%;
    left: 71.6%;
  }
}
.animation-item-container.map03 .farmer {
  background-image: url(../img/top/fv-animation/map03/farmer.png);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  animation: sprite3Frame 2.7s step-end infinite;
}
.animation-item-container.map03 .dump-truck {
  width: calc(var(--dump-truck-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--dump-truck-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 16.2%;
  left: 40.8%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 .dump-truck {
    top: 16.2%;
    left: 26.8%;
  }
}
.animation-item-container.map03 .rain-cloud {
  width: calc(var(--rain-cloud-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--rain-cloud-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: -1.2%;
  left: 32.8%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 .rain-cloud {
    top: -2.2%;
    left: 16.8%;
  }
}
.animation-item-container.map03 .wheel-loader {
  width: calc(var(--wheel-loader-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--wheel-loader-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 70.8%;
  left: 57.2%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 .wheel-loader {
    top: 71.8%;
    left: 45.2%;
  }
}
.animation-item-container.map03 .wheel-loader {
  animation: wheelLoaderMove 8s infinite linear;
}
.animation-item-container.map03 .wastes {
  width: calc(var(--wastes-width) * var(--base-scale) * 100vw / var(--container-base));
  height: calc(var(--wastes-height) * var(--base-scale) * 100vw / var(--container-base));
  position: absolute;
  top: 76.2%;
  left: 53%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 .wastes {
    top: 77.7%;
    left: 40%;
  }
}
.animation-item-container.map03 .wastes {
  animation: wastesEffect 8s infinite linear;
}
.animation-item-container.map03 .wastes.--alt {
  top: 80%;
  left: 49.2%;
}
@media screen and (max-width: 768px) {
  .animation-item-container.map03 .wastes.--alt {
    top: 82%;
    left: 35.2%;
  }
}
.animation-item-container.map03 .wastes.--alt {
  animation: wastesAltEffect 8s infinite linear;
}

@keyframes sprite3Frame {
  0% {
    background-position: 0 0;
  }
  33.33% {
    background-position: 50% 0;
  }
  66.66% {
    background-position: 100% 0;
  }
}
@keyframes sprite3FrameAlt {
  0% {
    background-position: 50% 0;
  }
  33.33% {
    background-position: 100% 0;
  }
  66.66% {
    background-position: 0% 0;
  }
}
@keyframes shipMove {
  0% {
    opacity: 0;
    transform: translate(0%, 0%);
  }
  3% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(-80%, 150%);
  }
}
@keyframes garbageCollectorMove {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes garbageTruckSeq1 {
  0% {
    transform: translate(0%, 0%);
    background-position: 0% 0;
  }
  100% {
    transform: translate(210%, -120%);
    background-position: 0% 0;
  }
}
@keyframes garbageTruckSeq2 {
  0% {
    transform: translate(250%, -120%);
    background-position: 20% 0;
  }
  100% {
    transform: translate(472%, 150%);
    background-position: 20% 0;
  }
}
@keyframes garbageTruckSeq3 {
  0% {
    transform: translate(482%, 180%);
    background-position: 40% 0;
  }
  100% {
    transform: translate(222%, 330%);
    background-position: 40% 0;
  }
}
@keyframes garbageTruckSeq4 {
  0% {
    transform: translate(202%, 340%);
    background-position: 60% 0;
  }
  100% {
    transform: translate(-90%, 325%);
    background-position: 60% 0;
  }
}
@keyframes garbageTruckSeq5 {
  0% {
    transform: translate(-110%, 325%);
    background-position: 80% 0;
  }
  100% {
    transform: translate(-210%, 275%);
    background-position: 80% 0;
  }
}
@keyframes garbageTruckSeq6 {
  0% {
    transform: translate(-215%, 255%);
    background-position: 100% 0;
  }
  100% {
    transform: translate(-215%, 145%);
    background-position: 100% 0;
  }
}
@keyframes garbageTruckSeq7 {
  0% {
    transform: translate(-195%, 120%);
    background-position: 0% 0;
  }
  100% {
    transform: translate(0%, 0%);
    background-position: 0% 0;
  }
}
@keyframes roadSweeperSeq1 {
  0% {
    opacity: 1;
    transform: translate(0%, 0%);
    background-position: 0% 0;
  }
  100% {
    opacity: 1;
    transform: translate(-30%, -190%);
    background-position: 0% 0;
  }
}
@keyframes roadSweeperSeq2 {
  0% {
    transform: translate(0%, -225%);
    background-position: 100% 0;
  }
  98% {
    opacity: 1;
    transform: translate(600%, -575%);
    background-position: 100% 0;
  }
  100% {
    opacity: 0;
    transform: translate(600%, -575%);
    background-position: 100% 0;
  }
}
@keyframes wheelLoaderMove {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  40% {
    transform: translate(0%, 0%);
  }
  55% {
    transform: translate(-60%, 50%);
  }
  65% {
    transform: translate(-60%, 50%);
  }
  85% {
    transform: translate(-140%, 100%);
  }
  95% {
    opacity: 1;
    transform: translate(-140%, 100%);
  }
  100% {
    opacity: 0;
    transform: translate(-140%, 100%);
  }
}
@keyframes wastesEffect {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes wastesAltEffect {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*--------------------------------------------------------*/
/*! <menu>*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! <efforts>*/
/*--------------------------------------------------------*/
.p-top-efforts {
  padding: calc(var(--val) * 48) 0 calc(var(--val) * 60);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-top-efforts::before {
    content: "";
    width: 100%;
    aspect-ratio: 400/252;
    background-image: url(../img/top/efforts-bg_sp.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 769px) {
  .p-top-efforts {
    padding: calc(var(--val) * 60) 0;
  }
  .p-top-efforts::before, .p-top-efforts::after {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
  }
  .p-top-efforts::before {
    background-image: url(../img/top/efforts-bg01.png);
    width: calc(var(--val) * 632);
    aspect-ratio: 632/616;
    top: calc(var(--val) * -68);
    left: 50%;
    transform: translateX(calc(var(--val) * 260));
  }
  .p-top-efforts::after {
    background-image: url(../img/top/efforts-bg02.png);
    width: calc(var(--val) * 787);
    aspect-ratio: 787/740;
    bottom: calc(var(--val) * -172);
    right: 50%;
    transform: translateX(calc(var(--val) * -42));
  }
}
@media screen and (min-width: 769px) {
  .p-top-efforts__container {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
}
@media screen and (max-width: 768px) {
  .p-top-efforts__imgArea {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-top-efforts__imgArea {
    width: 43.3%;
    aspect-ratio: 1/1;
    margin: calc(var(--val) * 22) 0;
    position: relative;
  }
}
.p-top-efforts__img {
  border-radius: calc(var(--val) * 20);
  overflow: hidden;
  position: absolute;
}
.p-top-efforts__img:nth-child(1) {
  width: 55.4%;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-top-efforts__img:nth-child(2) {
  width: 38.5%;
  top: 0;
  right: 0;
}
.p-top-efforts__img:nth-child(3) {
  width: 36.7%;
  bottom: 0;
  left: 0;
}
.p-top-efforts__img:nth-child(4) {
  width: 57%;
  bottom: 0;
  right: 0;
}
.p-top-efforts__textArea {
  padding: 0 calc(var(--val) * 10);
}
@media screen and (min-width: 769px) {
  .p-top-efforts__textArea {
    flex: 1;
    max-width: calc(var(--val) * 540);
    padding: 0;
    padding-left: calc(var(--val) * 10);
    margin-left: calc(var(--val) * 30);
  }
}
.p-top-efforts__text {
  margin-top: calc(var(--val) * 22);
  margin-bottom: calc(var(--val) * 33);
}
@media screen and (min-width: 769px) {
  .p-top-efforts__text {
    margin-bottom: calc(var(--val) * 10);
  }
}
.p-top-efforts__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 2) 0;
  width: calc(var(--val) * 260);
  margin-top: calc(var(--val) * 20);
  margin-bottom: calc(var(--val) * -16);
}
@media screen and (min-width: 769px) {
  .p-top-efforts__list {
    width: calc(var(--val) * 320);
    gap: calc(var(--val) * 12) 0;
    margin-top: calc(var(--val) * 25);
    margin-left: calc(var(--val) * -10);
  }
}
.p-top-efforts__li-item {
  padding: calc(var(--val) * 15) 0;
}
.p-top-efforts__li-item:not(:last-child) {
  border-bottom: calc(var(--val) * 1) solid var(--c_gray01);
}
.p-top-efforts__li-link {
  display: flex;
  align-items: center;
  gap: 0 calc(var(--val) * 18);
  transition: opacity var(--hover_transition);
}
.p-top-efforts__li-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .p-top-efforts__li-link:active {
    opacity: var(--hover_opacity);
  }
}
.p-top-efforts__li-link .icon {
  width: calc(var(--val) * 48);
  aspect-ratio: 1/1;
}
@media screen and (min-width: 769px) {
  .p-top-efforts__li-link .icon {
    width: calc(var(--val) * 59);
  }
}
.p-top-efforts__li-link .icon img {
  height: 100%;
  object-position: left center;
}
@media screen and (min-width: 769px) {
  .p-top-efforts__li-link .icon img:where(.p-top-efforts__li-item:nth-child(1) *) {
    width: calc(var(--val) * 56);
  }
}
.p-top-efforts__li-link .icon img:where(.p-top-efforts__li-item:nth-child(2) *) {
  width: calc(var(--val) * 44);
}
@media screen and (min-width: 769px) {
  .p-top-efforts__li-link .icon img:where(.p-top-efforts__li-item:nth-child(2) *) {
    width: calc(var(--val) * 56);
  }
}
@media screen and (min-width: 769px) {
  .p-top-efforts__li-link .icon img:where(.p-top-efforts__li-item:nth-child(3) *) {
    width: calc(var(--val) * 57);
  }
}
.p-top-efforts__li-link .text {
  font-size: calc(var(--fz) * 18);
  font-weight: 500;
  line-height: 1.11;
}

/*--------------------------------------------------------*/
/*! <best>*/
/*--------------------------------------------------------*/
.p-top-best__link {
  display: block;
  padding: calc(var(--val) * 162) 0 calc(var(--val) * 38);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-top-best__link {
    padding: calc(var(--val) * 120) 0 calc(var(--val) * 85);
  }
}
@media screen and (min-width: 1920px) {
  .p-top-best__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1920/350;
  }
}
.p-top-best__link:hover::before {
  scale: 1.03;
}
@media (any-hover: none) {
  .p-top-best__link:active::before {
    scale: 1.03;
  }
}
.p-top-best__link::before {
  content: "";
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-image: url(../img/top/best-bg_sp.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: scale var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .p-top-best__link::before {
    background-image: url(../img/top/best-bg.jpg);
  }
}
.p-top-best__sec-title {
  width: calc(var(--val) * 226);
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .p-top-best__sec-title {
    width: calc(var(--val) * 475);
    transform: translateX(calc(var(--val) * 32));
  }
}
.p-top-best__text {
  margin-top: calc(var(--val) * 20);
  color: var(--txt_white);
}
@media screen and (max-width: 768px) {
  .p-top-best__text {
    font-size: calc(var(--fz) * 14);
    font-weight: bold;
    line-height: 2.14;
  }
}
@media screen and (min-width: 769px) {
  .p-top-best__text {
    margin-top: calc(var(--val) * 20);
    text-align: center;
  }
}

/*--------------------------------------------------------*/
/*! <business>*/
/*--------------------------------------------------------*/
.p-top-business {
  padding: calc(var(--val) * 50) 0 calc(var(--val) * 62);
  background-color: var(--c_secondary01);
}
@media screen and (min-width: 769px) {
  .p-top-business {
    padding: calc(var(--val) * 70) 0 calc(var(--val) * 85);
  }
}
@media screen and (min-width: 769px) {
  .p-top-business__container {
    display: flex;
    justify-content: space-between;
  }
}
.p-top-business__textArea {
  padding: 0 calc(var(--val) * 4);
}
@media screen and (min-width: 769px) {
  .p-top-business__textArea {
    width: 25%;
    min-width: calc(var(--val) * 280);
    padding: 0;
    padding-left: calc(var(--val) * 10);
  }
}
@media screen and (max-width: 768px) {
  .p-top-business__sec-title {
    text-align: center;
  }
}
.p-top-business__text {
  margin-top: calc(var(--val) * 25);
}
@media screen and (min-width: 769px) {
  .p-top-business__text {
    margin-top: calc(var(--val) * 22);
  }
}
.p-top-business__more {
  margin-top: calc(var(--val) * 35);
}
@media screen and (min-width: 769px) {
  .p-top-business__more {
    margin-top: calc(var(--val) * 30);
  }
}
.p-top-business__linksArea {
  margin-top: calc(var(--val) * 65);
}
@media screen and (min-width: 769px) {
  .p-top-business__linksArea {
    width: 69.5%;
    margin-top: 0;
  }
}
.p-top-business__list-main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--val) * 30);
}
@media screen and (min-width: 769px) {
  .p-top-business__list-main {
    grid-template-columns: repeat(4, 1fr);
    gap: 0 1.3%;
  }
}
.p-top-business__list-main .p-top-business__li-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--val) * 30) 0;
  padding: calc(var(--val) * 32) 0 calc(var(--val) * 20);
  background-color: var(--c_white);
  border-radius: calc(var(--val) * 10);
  transition: opacity var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .p-top-business__list-main .p-top-business__li-link {
    padding: calc(var(--val) * 22) 0 calc(var(--val) * 34);
    gap: calc(var(--val) * 15) 0;
  }
}
.p-top-business__list-main .p-top-business__li-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .p-top-business__list-main .p-top-business__li-link:active {
    opacity: var(--hover_opacity);
  }
}
.p-top-business__list-main .p-top-business__li-link .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(var(--val) * 125);
  height: calc(var(--val) * 80);
}
@media screen and (min-width: 769px) {
  .p-top-business__list-main .p-top-business__li-link .icon {
    width: 81%;
    height: auto;
    aspect-ratio: 162/110;
  }
}
@media screen and (min-width: 769px) {
  .p-top-business__list-main .p-top-business__li-link .icon img:where(.p-top-business__list-main .p-top-business__li-item:nth-child(1) *) {
    width: 96.3%;
  }
}
.p-top-business__list-main .p-top-business__li-link .icon img:where(.p-top-business__list-main .p-top-business__li-item:nth-child(2) *) {
  width: 67.2%;
}
@media screen and (min-width: 769px) {
  .p-top-business__list-main .p-top-business__li-link .icon img:where(.p-top-business__list-main .p-top-business__li-item:nth-child(2) *) {
    width: 66.7%;
  }
}
.p-top-business__list-main .p-top-business__li-link .icon img:where(.p-top-business__list-main .p-top-business__li-item:nth-child(3) *) {
  width: 81.6%;
}
@media screen and (min-width: 769px) {
  .p-top-business__list-main .p-top-business__li-link .icon img:where(.p-top-business__list-main .p-top-business__li-item:nth-child(3) *) {
    width: 86.4%;
  }
}
.p-top-business__list-main .p-top-business__li-link .icon img:where(.p-top-business__list-main .p-top-business__li-item:nth-child(4) *) {
  width: 100%;
}
.p-top-business__list-main .p-top-business__li-link .text {
  display: flex;
  align-items: center;
  min-height: 2lh;
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  line-height: 1.2;
  color: var(--c_primary);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-business__list-main .p-top-business__li-link .text {
    justify-content: center;
    gap: 0 calc(var(--val) * 3);
    font-size: calc(var(--fz) * 18);
  }
}
.p-top-business__list-main .p-top-business__li-link .text::before {
  content: "";
  width: calc(var(--val) * 12);
  aspect-ratio: 12/24;
  background-image: url(../img/common/icon/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.p-top-business__list-sub {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--val) * 30) 0;
  margin-top: calc(var(--val) * 48);
}
@media screen and (min-width: 769px) {
  .p-top-business__list-sub {
    flex-direction: row;
    justify-content: space-between;
    margin: calc(var(--val) * 58) auto 0;
    gap: calc(var(--val) * 30) 1.3%;
  }
}
.p-top-business__list-sub .p-top-business__li-item {
  width: 100%;
  height: calc(var(--val) * 140);
  border-radius: calc(var(--val) * 10);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: opacity var(--hover_transition);
}
.p-top-business__list-sub .p-top-business__li-item:nth-child(1) {
  background-image: url(../img/top/business-sub01-bg.png);
}
.p-top-business__list-sub .p-top-business__li-item:nth-child(2) {
  background-image: url(../img/top/business-sub02-bg.png);
}
.p-top-business__list-sub .p-top-business__li-item:nth-child(3) {
  background-image: url(../img/top/business-sub03-bg.png);
}
.p-top-business__list-sub .p-top-business__li-item:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .p-top-business__list-sub .p-top-business__li-item:active {
    opacity: var(--hover_opacity);
  }
}
.p-top-business__list-sub .p-top-business__li-item {
  padding: 0 calc(var(--val) * 8);
}
@media screen and (min-width: 769px) {
  .p-top-business__list-sub .p-top-business__li-item {
    min-width: calc(var(--val) * 204);
    padding: 0;
  }
}
.p-top-business__list-sub .p-top-business__li-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 calc(var(--val) * 12);
  width: 100%;
  height: 100%;
  transition: opacity var(--hover_transition);
}
.p-top-business__list-sub .p-top-business__li-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .p-top-business__list-sub .p-top-business__li-link:active {
    opacity: var(--hover_opacity);
  }
}
.p-top-business__list-sub .p-top-business__li-link .text {
  display: flex;
  align-items: center;
  font-size: calc(var(--fz) * 16);
  font-weight: bold;
  line-height: 1.2;
  color: var(--c_white);
}
@media screen and (min-width: 769px) {
  .p-top-business__list-sub .p-top-business__li-link .text {
    gap: 0 calc(var(--val) * 3);
    font-size: calc(var(--fz) * 18);
  }
}
.p-top-business__list-sub .p-top-business__li-link .text::before {
  content: "";
  width: calc(var(--val) * 12);
  aspect-ratio: 12/24;
  background-image: url(../img/common/icon/arrow-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/*--------------------------------------------------------*/
/*! <sections>*/
/*--------------------------------------------------------*/
.p-top-sections {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .p-top-sections {
    flex-direction: row;
    margin: 0 auto;
  }
}

.p-top-section {
  padding: calc(var(--val) * 90) 0 calc(var(--val) * 82);
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 769px) {
  .p-top-section {
    flex: 1;
    padding: calc(var(--val) * 115) 0 calc(var(--val) * 120);
  }
}
@media screen and (min-width: 1920px) {
  .p-top-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.p-top-section.p-top-coordination {
  position: relative;
  overflow: hidden;
}
.p-top-section.p-top-coordination::before {
  content: "";
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-image: url(../img/top/coordination-bg_sp.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: scale var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .p-top-section.p-top-coordination::before {
    background-image: url(../img/top/coordination-bg.jpg);
  }
}
.p-top-section.p-top-coordination:hover::before {
  scale: 1.04;
}
@media (any-hover: none) {
  .p-top-section.p-top-coordination:active::before {
    scale: 1.04;
  }
}
.p-top-section.p-top-licenses {
  position: relative;
  overflow: hidden;
}
.p-top-section.p-top-licenses::before {
  content: "";
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-image: url(../img/top/licenses-bg_sp.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: scale var(--hover_transition);
}
@media screen and (min-width: 769px) {
  .p-top-section.p-top-licenses::before {
    background-image: url(../img/top/licenses-bg.jpg);
  }
}
.p-top-section.p-top-licenses:hover::before {
  scale: 1.04;
}
@media (any-hover: none) {
  .p-top-section.p-top-licenses:active::before {
    scale: 1.04;
  }
}
.p-top-section__sec-title {
  text-align: center;
}
.p-top-section__sec-title .en,
.p-top-section__sec-title .ja {
  color: var(--txt_white);
}
.p-top-section__text {
  margin-top: calc(var(--val) * 10);
  color: var(--c_white);
  text-align: center;
}
.p-top-section__more {
  margin-top: calc(var(--val) * 30);
}
@media screen and (min-width: 769px) {
  .p-top-section__more {
    margin-top: calc(var(--val) * 22);
  }
}
.p-top-section__more .c-link-small {
  margin: 0 auto;
}

/*--------------------------------------------------------*/
/*! <news>*/
/*--------------------------------------------------------*/
.p-top-news {
  padding: calc(var(--val) * 60) 0 calc(var(--val) * 70);
}
@media screen and (min-width: 769px) {
  .p-top-news {
    padding: calc(var(--val) * 50) 0 calc(var(--val) * 90);
  }
}
.p-top-news__sec-title {
  text-align: center;
  text-transform: uppercase;
}
.p-top-news__container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 74) 0;
  margin-top: calc(var(--val) * 82);
}
@media screen and (min-width: 769px) {
  .p-top-news__container {
    display: grid;
    justify-content: space-between;
    gap: calc(var(--val) * 44) 0;
    grid-template-columns: repeat(2, minmax(calc(var(--val) * 460), 44%));
    grid-template-rows: max-content 1fr;
    margin-top: calc(var(--val) * 88);
  }
}
@media screen and (min-width: 769px) {
  .p-top-news__unit:nth-child(1) {
    grid-area: 1/1/3/2;
  }
}
.p-top-news__unit-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-top-news__unit-title {
    margin-right: calc(var(--val) * 20);
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__unit-title .title {
    font-size: calc(var(--fz) * 22);
  }
}
.p-top-news__list {
  margin-top: calc(var(--val) * 38);
}
@media screen and (min-width: 769px) {
  .p-top-news__list {
    padding-right: calc(var(--val) * 10);
    margin-top: calc(var(--val) * 24);
  }
}
@media screen and (min-width: 769px) {
  .p-top-news__list .c-news-list {
    gap: calc(var(--val) * 24) 0;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news__list .c-news-list__item {
    gap: 0 7.5%;
    padding: 0 calc(var(--val) * 8) calc(var(--val) * 20);
  }
}

/*--------------------------------------------------------*/
/*! <company>*/
/*--------------------------------------------------------*/
.p-top-company {
  padding: calc(var(--val) * 70) 0 calc(var(--val) * 80);
  background-image: url(../img/top/company-bg_sp.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .p-top-company {
    padding: calc(var(--val) * 110) 0 calc(var(--val) * 105);
    background-image: url(../img/top/company-bg.jpg);
  }
}
@media screen and (min-width: 769px) {
  .p-top-company__container {
    padding-bottom: calc(var(--val) * 10);
  }
}
.p-top-company__sec-title {
  text-align: center;
}
.p-top-company__sec-title .en,
.p-top-company__sec-title .ja {
  color: var(--txt_white);
}
.p-top-company__text {
  margin-top: calc(var(--val) * 40);
  color: var(--txt_white);
}
@media screen and (min-width: 769px) {
  .p-top-company__text {
    margin-top: calc(var(--val) * 32);
    font-size: calc(var(--fz) * 18);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
  }
}
.p-top-company__more {
  margin-top: calc(var(--val) * 10);
}
@media screen and (min-width: 769px) {
  .p-top-company__more {
    margin-top: calc(var(--val) * 16);
  }
}
.p-top-company__more .c-link-small {
  margin: 0 auto;
}

/*--------------------------------------------------------*/
/*! <recruit>*/
/*--------------------------------------------------------*/
.p-top-recruit {
  max-width: calc(var(--val) * 1920);
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-recruit {
    min-height: calc(var(--val) * 410);
  }
}
.p-top-recruit__textArea {
  padding: calc(var(--val) * 55) 0 calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-top-recruit__textArea {
    width: 36%;
    max-width: calc(var(--val) * 435);
    padding: calc(var(--val) * 55) 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-recruit__sec-title .ja {
    margin-top: calc(var(--val) * 18);
    font-size: calc(var(--fz) * 26);
  }
}
.p-top-recruit__text {
  margin-top: calc(var(--val) * 25);
}
@media screen and (min-width: 769px) {
  .p-top-recruit__text {
    margin-top: calc(var(--val) * 40);
  }
}
.p-top-recruit__more {
  margin-top: calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-top-recruit__more {
    margin-top: calc(var(--val) * 12);
  }
}
@media screen and (min-width: 769px) {
  .p-top-recruit__imgArea {
    width: 57.3%;
    min-width: calc(var(--val) * 640);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.p-top-recruit__sl-item {
  height: 100%;
}
.p-top-recruit__sl-img {
  height: 100%;
}
.p-top-recruit__sl-img img {
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.p-top-recruit #topRecruitSlider .slick-list,
.p-top-recruit .slick-track {
  height: 100%;
}

/*--------------------------------------------------------*/
/*! <>*/
/*--------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .p-top-__sec-title {
    text-align: center;
  }
}

/*--------------------------------------------------------*/
/*! <>*/
/*--------------------------------------------------------*/
/*!--------------------------------------------------------*/
/*! _internal*/
/*!--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*! <sitemap>*/
/*--------------------------------------------------------*/
.p-sitemap__li-item {
  padding-bottom: calc(var(--val) * 30);
}
@media screen and (min-width: 769px) {
  .p-sitemap__li-item {
    padding-bottom: calc(var(--val) * 40);
  }
}
.p-sitemap__li-link {
  display: inline-flex;
  align-items: center;
  gap: 0 calc(var(--val) * 10);
  color: var(--c_primary);
  transition: opacity var(--hover_transition);
}
.p-sitemap__li-link::before {
  content: "";
  width: calc(var(--val) * 12);
  aspect-ratio: 12/24;
  background-image: url(../img/common/icon/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.p-sitemap__li-link:hover {
  opacity: var(--hover_opacity);
}
@media (any-hover: none) {
  .p-sitemap__li-link:active {
    opacity: var(--hover_opacity);
  }
}
.p-sitemap__links {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 30) 0;
  margin-top: calc(var(--val) * 40);
}
@media screen and (min-width: 769px) {
  .p-sitemap__links {
    gap: calc(var(--val) * 41) 0;
    margin-top: calc(var(--val) * 50);
  }
}
.p-sitemap__links:where(.p-sitemap__li-item *:first-child) {
  margin-top: 0;
  gap: calc(var(--val) * 40) 0;
}
@media screen and (min-width: 769px) {
  .p-sitemap__links:where(.p-sitemap__li-item *:first-child) {
    gap: calc(var(--val) * 51) 0;
    margin-top: calc(var(--val) * 20);
  }
}
.p-sitemap__links .-mb {
  margin-bottom: calc(var(--val) * 50);
}
@media screen and (min-width: 769px) {
  .p-sitemap__links .-mb {
    margin-bottom: calc(var(--val) * 65);
  }
}
.p-sitemap__links .fz-m {
  margin-bottom: calc(var(--val) * 4);
}
@media screen and (min-width: 769px) {
  .p-sitemap__links .fz-m {
    margin-bottom: 0;
    font-size: calc(var(--fz) * 14);
  }
}

/*--------------------------------------------------------*/
/*! <access>*/
/*--------------------------------------------------------*/
.p-access__map {
  width: 100%;
  max-width: calc(var(--val) * 1000);
  margin: 0 auto;
}
.p-access__map iframe {
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------*/
/*! <company>*/
/*--------------------------------------------------------*/
.p-company__table td {
  padding-left: calc(var(--val) * 30);
}
.p-company__links {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: calc(var(--val) * 16) 0;
}

/*--------------------------------------------------------*/
/*! <licenses>*/
/*--------------------------------------------------------*/
.p-licenses__list {
  display: flex;
  flex-direction: column;
}
.p-licenses__li-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10) 0;
  padding: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-licenses__li-item {
    display: grid;
    grid-template-columns: calc(var(--val) * 150) 1fr;
    align-items: center;
    gap: 0 calc(var(--val) * 40);
    padding: calc(var(--val) * 35) 0;
  }
}
.p-licenses__li-item:first-child {
  padding-top: 0;
  border-bottom: calc(var(--val) * 3) solid var(--c_gray01);
}
.p-licenses__li-img.-excellent {
  max-width: 68px;
  width: calc(var(--val) * 68);
}
.p-licenses__li-img.-expert {
  max-width: 150px;
  width: calc(var(--val) * 150);
}
.p-licenses__imgs {
  display: flex;
  gap: 0 calc(var(--val) * 12);
  padding-left: calc(var(--val) * 10);
}
.p-licenses__imgs .excellent {
  max-width: 70px;
  width: calc(var(--val) * 70);
}
.p-licenses__imgs .expert {
  max-width: 123px;
  width: calc(var(--val) * 123);
}

/*--------------------------------------------------------*/
/*! <environment>*/
/*--------------------------------------------------------*/
.p-environment__latest picture {
  max-width: calc(var(--val) * 640);
  width: 100%;
  margin: 0 auto;
}
.p-environment__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 60) 0;
}
@media screen and (min-width: 769px) {
  .p-environment__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--val) * 65) calc(var(--val) * 40);
  }
}
.p-environment__li-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-environment__li-item {
    gap: calc(var(--val) * 35) 0;
  }
}
.p-environment__li-heading {
  font-size: calc(var(--fz) * 22);
  font-weight: bold;
  line-height: 1.25;
}
.p-environment__dl-item {
  display: flex;
}
.p-environment__dt {
  min-width: 5.5em;
  font-weight: bold;
}
.p-environment__dd {
  display: flex;
  flex: 1;
}
.p-environment__dd::before {
  content: ":";
  margin: 0 1em;
}

/*--------------------------------------------------------*/
/*! <recruit>*/
/*--------------------------------------------------------*/
.p-recruit__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 40) 0;
  margin-bottom: calc(var(--val) * 40);
}
@media screen and (min-width: 769px) {
  .p-recruit__list {
    display: grid;
    gap: calc(var(--val) * 65) calc(var(--val) * 40);
    margin-bottom: calc(var(--val) * 65);
  }
}
.p-recruit__li-item {
  display: flex;
  flex-direction: column;
  background-color: rgba(243, 243, 243, 0.98);
  padding: calc(var(--val) * 20) calc(var(--val) * 16);
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-recruit__li-item {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: calc(var(--val) * 40) calc(var(--val) * 60);
    gap: 0 calc(var(--val) * 60);
  }
  .p-recruit__li-item.-reverse {
    flex-direction: row-reverse;
  }
}
.p-recruit__li-img {
  flex: 1;
  width: 100%;
  height: auto;
}
.p-recruit__li-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(var(--val) * 30) 0;
}
.p-recruit__li-content__title {
  margin-bottom: calc(var(--val) * -18);
}
.p-recruit__li-content__subtitle {
  display: flex;
  width: fit-content;
  font-size: calc(var(--fz) * 17);
  font-weight: bold;
  color: var(--txt_white);
  background-color: var(--c_primary);
  margin-top: calc(var(--val) * -14);
  margin-bottom: calc(var(--val) * -8);
  padding: calc(var(--val) * 6) calc(var(--val) * 14) calc(var(--val) * 8);
  flex-grow: 0;
}
@media screen and (min-width: 769px) {
  .p-recruit__li-content__subtitle {
    margin-top: calc(var(--val) * 4);
  }
}
.p-recruit__li-content__list li::before {
  content: "・";
  margin-right: 0.5em;
  color: var(--c_primary);
  line-height: 1.875;
}
.p-recruit__li-content__link::after {
  content: "";
  display: inline-block;
  width: calc(var(--val) * 20);
  aspect-ratio: 1/1;
  background-image: url(../img/common/icon/external.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .p-recruit__li-content__link::after {
    width: calc(var(--val) * 26);
  }
}

/*--------------------------------------------------------*/
/*! <report01>*/
/*--------------------------------------------------------*/
.p-report01__img {
  width: calc(var(--val) * 140);
  margin-top: calc(var(--val) * 10);
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .p-report01__img {
    width: calc(var(--val) * 180);
  }
}

/*--------------------------------------------------------*/
/*! <report04>*/
/*--------------------------------------------------------*/
.p-report04__container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-report04__container {
    flex-direction: row;
    gap: 0 calc(var(--val) * 12);
  }
}
.p-report04__cont {
  padding: calc(var(--val) * 20) calc(var(--val) * 25) calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-report04__cont {
    padding: calc(var(--val) * 20) calc(var(--val) * 28) calc(var(--val) * 30);
  }
}
.p-report04__cont:nth-child(1) {
  background-color: #ECECBE;
}
.p-report04__cont:nth-child(2) {
  background-color: #C1EFE0;
}
.p-report04__heading {
  margin-bottom: calc(var(--val) * 20);
  font-size: calc(var(--fz) * 22);
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
}
.p-report04__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
@media screen and (min-width: 769px) {
  .p-report04__list {
    flex-direction: row;
    gap: 0 calc(var(--val) * 10);
  }
}
.p-report04__li-img {
  margin-bottom: calc(var(--val) * 5);
}
@media screen and (min-width: 769px) {
  .p-report04__li-img {
    margin-bottom: calc(var(--val) * 10);
  }
}

/*--------------------------------------------------------*/
/*! <report06>*/
/*--------------------------------------------------------*/
.p-report06__text-flex {
  display: flex;
  gap: 0 1em;
}
@media screen and (min-width: 769px) {
  .p-report06__text-flex {
    gap: 0 1.8em;
  }
}
.p-report06__text-flex .month {
  flex-shrink: 0;
  width: 2.5em;
  text-align: right;
}

/*--------------------------------------------------------*/
/*! <learning>*/
/*--------------------------------------------------------*/
.p-learning__sl-item {
  padding: 0 calc(var(--val) * 10);
}
@media screen and (min-width: 769px) {
  .p-learning__sl-item {
    padding: 0 calc(var(--val) * 50);
  }
}
.p-learning #learningSlider {
  padding-bottom: calc(var(--val) * 65);
}
@media screen and (min-width: 769px) {
  .p-learning #learningSlider {
    padding-bottom: calc(var(--val) * 94);
  }
}
.p-learning #learningSlider .slick-prev,
.p-learning #learningSlider .slick-next {
  width: calc(var(--val) * 45);
  height: calc(var(--val) * 45);
  background-image: url(../img/attempt/environment/learning/slide-arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: auto;
  bottom: 0;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .p-learning #learningSlider .slick-prev,
  .p-learning #learningSlider .slick-next {
    width: calc(var(--val) * 77);
    height: calc(var(--val) * 77);
  }
}
.p-learning #learningSlider .slick-prev:focus-visible,
.p-learning #learningSlider .slick-next:focus-visible {
  outline-style: auto;
}
.p-learning #learningSlider .slick-prev::before, .p-learning #learningSlider .slick-prev::after,
.p-learning #learningSlider .slick-next::before,
.p-learning #learningSlider .slick-next::after {
  content: none;
}
.p-learning #learningSlider .slick-prev {
  left: calc(var(--val) * 10);
  transform: translate(0);
}
@media screen and (min-width: 769px) {
  .p-learning #learningSlider .slick-prev {
    left: calc(var(--val) * 50);
  }
}
.p-learning #learningSlider .slick-next {
  right: calc(var(--val) * 10);
  transform: translate(0) rotate(180deg);
}
@media screen and (min-width: 769px) {
  .p-learning #learningSlider .slick-next {
    right: calc(var(--val) * 50);
  }
}
.p-learning #learningSlider .slick-prev.slick-disabled,
.p-learning #learningSlider .slick-next.slick-disabled {
  visibility: hidden;
  opacity: 0;
}

/*--------------------------------------------------------*/
/*! <disclosure>*/
/*--------------------------------------------------------*/
.p-disclosure__wmf {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-disclosure__wmf .c-img {
  max-width: 340px;
}

/*--------------------------------------------------------*/
/*! <facility>*/
/*--------------------------------------------------------*/
@media screen and (min-width: 769px) {
  .p-facility__stack {
    gap: calc(var(--val) * 60) 0;
  }
}
.p-facility .l-main__inner > section:nth-of-type(even) {
  padding-bottom: calc(var(--val) * 50);
  border-image: linear-gradient(var(--c_secondary01), var(--c_secondary01)) fill 0/1/0 100vw;
}

/*--------------------------------------------------------*/
/*! <plant>*/
/*--------------------------------------------------------*/
.p-plant__li-item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10) 0;
}

/*--------------------------------------------------------*/
/*! <technology>*/
/*--------------------------------------------------------*/
.p-technology__secTitle {
  padding-top: calc(var(--val) * 25);
  margin-top: calc(var(--val) * -25);
  font-size: calc(var(--fz) * 30);
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-technology__secTitle {
    padding-top: calc(var(--val) * 44);
    margin-top: calc(var(--val) * -50);
    font-size: calc(var(--fz) * 34);
    line-height: 1.2;
  }
}
.p-technology__text {
  margin-top: calc(var(--val) * 20);
}
@media screen and (min-width: 769px) {
  .p-technology__text {
    margin-top: calc(var(--val) * 40);
    text-align: center;
  }
}
.p-technology__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 50) 0;
}
@media screen and (min-width: 769px) {
  .p-technology__list {
    gap: calc(var(--val) * 100) 0;
  }
}
.p-technology__textArea {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}
.p-technology__imgArea {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 20) 0;
}

.p-technology-index__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 45) 0;
  padding-top: calc(var(--val) * 50);
  border-top: calc(var(--val) * 3) solid var(--c_gray01);
  counter-reset: num 0;
}
@media screen and (min-width: 769px) {
  .p-technology-index__list {
    gap: calc(var(--val) * 65) 0;
    padding-top: calc(var(--val) * 70);
    margin-top: calc(var(--val) * 15);
  }
}
.p-technology-index__li-item {
  align-items: center;
  padding: calc(var(--val) * 50) 0 calc(var(--val) * 65);
  margin-top: calc(var(--val) * -50);
}
@media screen and (min-width: 769px) {
  .p-technology-index__li-item {
    scroll-margin-top: calc(var(--val) * 175);
    padding: calc(var(--val) * 65) 0 calc(var(--val) * 80);
    padding-left: 2%;
    margin-top: calc(var(--val) * -70);
  }
}
.p-technology-index__li-item:nth-child(even) {
  position: relative;
}
.p-technology-index__li-item:nth-child(even)::before {
  content: "";
  width: 100%;
  height: 100%;
  border-image: linear-gradient(var(--c_secondary01), var(--c_secondary01)) fill 0/1/0 100vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.p-technology-index__textArea {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 10) 0;
}
@media screen and (min-width: 769px) {
  .p-technology-index__textArea {
    flex: inherit;
    gap: calc(var(--val) * 16) 0;
    width: 47%;
    padding-top: calc(var(--val) * 30);
    padding-right: 3%;
  }
}
.p-technology-index__li-heading {
  display: flex;
  color: var(--c_primary);
}
.p-technology-index__li-heading::before {
  content: counter(num, decimal-leading-zero);
  counter-increment: num 1;
  margin-right: 0.5em;
}
.p-technology-index__li-subHeading {
  font-size: calc(var(--fz) * 14);
  font-weight: bold;
  line-height: 2;
  color: var(--c_primary);
}
@media screen and (min-width: 769px) {
  .p-technology-index__li-subHeading {
    font-size: calc(var(--fz) * 15);
  }
}
.p-technology-index__img {
  border-radius: calc(var(--val) * 15);
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-technology-index__img {
    border-radius: calc(var(--val) * 20);
  }
}

.p-technology-flow {
  padding: calc(var(--val) * 10) 0;
}
.p-technology-flow__stack {
  display: flex;
  flex-direction: column;
  gap: calc(var(--val) * 45) 0;
}
.p-technology-flow__secTitle {
  font-size: calc(var(--fz) * 28);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

/*--------------------------------------------------------*/
/*! <>*/
/*--------------------------------------------------------*//*# sourceMappingURL=style.css.map */