@charset "UTF-8";
:root {
  --color-primary-200: 245, 255, 245;
  --color-primary-300: 204, 235, 226;
  --color-primary-400: 0, 158, 124;
  --color-primary-500: 0,150,109;
  --color-bg01: 251, 251, 251;
  --color-bg02: 246, 246, 246;
  --color-bg03: 239, 246, 244;
  --color-text: 60, 60, 60;
  --color-sub-text: 148, 148, 148;
  --color-border: 212, 212, 212;
  --color-white: 255, 255, 255;
  --color-grayscale_800: 77, 83, 87;
  --fontfamily_base: "Noto Sans JP", sans-serif;
  --font_color_base: rgb(var(--color-text));
  --font_size_base: 1.4rem;
  --line-height_base: 1.8;
  --letter-spacing_base: .05em;
  --fontfamily_en: "Zen Kaku Gothic New", sans-serif;
  --font_weight_en: 500;
  --line-height_en: 1.2;
  --line-height_head: 1.5;
  --contents_width: 1120px;
  --contents_wide_width: 1280px;
  --body_padding_side: 15px;
  --contents_width_with_padding: 1280px;
  --contents_wide_width_with_padding: 1440px;
  --sidebar_width: 240px;
  --header_height: 50px;
}
@media (min-width: 768px) {
  :root {
    --body_padding_side: 80px;
    --header_height: 100px;
    --font_size_base: 1.6rem;
  }
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, 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, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-size: 62.5%;
  word-break: break-all;
}

body {
  -webkit-text-size-adjust: 100%;
}

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

h1, h2, h3, h4, h5, h6 {
  word-break: break-word;
  line-break: strict;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

ul:not([class]),
ol:not([class]) {
  padding-left: 1.25em;
}

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

span {
  font-weight: inherit;
}

blockquote, q {
  quotes: none;
}

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

a {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  a:hover {
    text-decoration: none;
  }
}

a[class] {
  text-decoration: none;
}

ins {
  background-color: #ff9;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

address {
  font-style: normal;
}

sup {
  vertical-align: text-top;
  font-size: 0.75em;
}

sub {
  vertical-align: text-bottom;
  font-size: 0.75em;
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(var(--color-grayscale-900), 0.6);
  margin: 1em 0;
  padding: 0;
}

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

iframe {
  max-width: 100%;
}

summary {
  display: block;
  list-style: none;
  cursor: pointer;
}
summary::-webkit-details-marker {
  display: none;
}

/* form
================================================== */
input[type=text], input[type=email], input[type=tel], textarea, button, select, option {
  display: block;
  width: 100%;
  max-width: 100%;
  font-family: inherit;
  outline: none;
  border: 1px solid;
  border-radius: 0;
  background: none;
}
.g-recaptcha {
    display: flex;
    justify-content: center;
    margin: 20px 0; /* 上下に余白を設定 */
}

@media (max-width: 767px) {
  input[type=text], input[type=email], input[type=tel], textarea, button, select, option {
    font-size: 1.6rem;
  }
}

input[type=text], input[type=email], input[type=tel], textarea, button {
  -webkit-appearance: none;
  appearance: none;
}

input[type=radio], input[type=checkbox] {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

select {
  color: inherit;
}

textarea {
  resize: vertical;
}

button {
  color: inherit;
  font-weight: normal;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

/* 02_base
================================================ */
html:not([class=is-no-smoothscroll]) {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header_height);
}

body {
  min-width: 320px;
  font-family: var(--fontfamily_base);
  color: var(--font_color_base);
  font-size: var(--font_size_base);
  font-weight: 500;
  line-height: var(--line-height_base);
  letter-spacing: var(--letter-spacing_base);
  -webkit-text-size-adjust: 100%;
}
body p {
  letter-spacing: var(--letter-spacing_base);
}
body h1, body h2, body h3, body h4 {
  line-height: var(--line-height_head);
  letter-spacing: var(--letter-spacing_base);
}
@media (min-width: 768px) {
  body {
    min-width: calc(var(--contents_width_with_padding) - 20px);
  }
}
@media (min-width: 768px) and (hover: none) {
  body {
    -webkit-text-size-adjust: none;
  }
}

.l-wrapper {
  position: relative;
}

@media (min-width: 768px) {
  .l-container.is-col2 {
    display: grid;
    grid-template-columns: auto var(--sidebar_width);
    gap: 0 30px;
    width: var(--contents_width);
    margin: 0 auto;
  }
  .l-container.is-col2 .l-contents .u-inner {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .l-container.is-col2 > :first-child {
    flex: 1;
    max-width: 830px;
  }
  .l-container.is-col2 > :nth-child(2) {
    flex-basis: var(--sidebar_width);
  }
}

h2, h2, h4, h5 {
  font-weight: 700;
  line-height: var(--line-height_head);
}

/* sp <--> tb <--> pc
-------------------------------------- */
.u-media-query {
  display: none;
  font-family: "sp";
}
@media (min-width: 768px) {
  .u-media-query {
    font-family: "tb";
  }
}
@media (min-width: 1280px) {
  .u-media-query {
    font-family: "pc";
  }
}

@media (max-width: 1279px) {
  .u-view-pc {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-view-tb {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .u-view-tb {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-view-sp {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .u-view-under-tb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-view-upper-tb {
    display: none !important;
  }
}

/* overflow
-------------------------------------- */
.u-overflow-wrap {
  overflow: auto;
}
.u-overflow-wrap .u-overflow-sec {
  overflow: hidden;
}
@media (min-width: 768px) {
  .u-overflow-wrap .u-overflow-sec {
    min-width: var(--contents_width_with_padding);
  }
}

/* font
-------------------------------------- */
.u-font-en {
  font-family: var(--fontfamily_en);
  font-weight: var(--font_weight_en);
  line-height: var(--line-height_en);
  letter-spacing: var(--letter-spacing_base);
}

.u-font-bold {
  font-weight: 700;
}

/* text
-------------------------------------- */
.u-uppercase {
  text-transform: uppercase;
}

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

.u-text-center {
  text-align: center;
}

@media (min-width: 768px) {
  .u-text-center-tb {
    text-align: center;
  }
}

.u-text-right {
  text-align: right;
}

.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* link
-------------------------------------- */
a.u-alpha {
  display: block;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  a.u-alpha {
    transition: all 0.3s ease;
  }
  a.u-alpha:hover {
    opacity: 0.6;
  }
}

a.u-zoom {
  display: block;
  text-decoration: none;
}
a.u-zoom .u-zoom__img {
  display: block;
}
a.u-zoom .u-zoom__img-wrap {
  display: block;
  overflow: hidden;
}
@media (min-width: 768px) {
  a.u-zoom .u-zoom__img {
    transition: all 0.3s ease;
  }
}
@media (hover: hover) and (pointer: fine) {
  a.u-zoom:hover .u-zoom__img {
    transform: scale(1.1);
  }
}

a[class].u-text-underline {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  a[class].u-text-underline:hover {
    text-decoration: none;
  }
}

.u-hover-underline {
  transition: background-size 0.3s ease;
  background-image: linear-gradient(transparent calc(100% - 1px), rgb(var(--color-grayscale-800)) 0%);
  background-size: 0 1px;
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .u-hover-underline:hover {
    background-size: 100% 1px;
    background-position: left bottom;
  }
}

/* layout
-------------------------------------- */
.u-iframe {
  position: relative;
  aspect-ratio: 2/1;
}
.u-iframe iframe, .u-iframe video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* layout
-------------------------------------- */
.u-inner {
  box-sizing: border-box;
  padding-left: var(--body_padding_side);
  padding-right: var(--body_padding_side);
}
@media (min-width: 768px) {
  .u-inner {
    width: 100%;
    max-width: var(--contents_width_with_padding);
    margin-right: auto;
    margin-left: auto;
  }
}

.u-wide-inner {
  box-sizing: border-box;
  padding-left: var(--body_padding_side);
  padding-right: var(--body_padding_side);
}
@media (min-width: 768px) {
  .u-wide-inner {
    width: 100%;
    max-width: var(--contents_wide_width_with_padding);
    margin-right: auto;
    margin-left: auto;
  }
}

.u-big-inner {
  box-sizing: border-box;
  padding-left: var(--body_padding_side);
  padding-right: var(--body_padding_side);
}
@media (min-width: 768px) {
  .u-big-inner {
    width: 100%;
    max-width: 1920px;
    padding-left: 60px;
    padding-right: 60px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* display
--------------------------------- */
.u-inline-block {
  display: inline-block;
}

/* padding・margin
-------------------------------------- */
@media (max-width: 767px) {
  .u-mt-xs-sp {
    margin-top: 5px !important;
  }
}
.u-mt-xs {
  margin-top: 5px !important;
}

@media (max-width: 767px) {
  .u-mt-sm-sp {
    margin-top: 10px !important;
  }
}
.u-mt-sm {
  margin-top: 10px !important;
}

@media (max-width: 767px) {
  .u-mt-md-sp {
    margin-top: 20px !important;
  }
}
.u-mt-md {
  margin-top: 20px !important;
}

@media (max-width: 767px) {
  .u-mt-lg-sp {
    margin-top: 30px !important;
  }
}
.u-mt-lg {
  margin-top: 30px !important;
}

@media (max-width: 767px) {
  .u-mt-xl-sp {
    margin-top: 40px !important;
  }
}
.u-mt-xl {
  margin-top: 40px !important;
}

@media (max-width: 767px) {
  .u-mt-2xl-sp {
    margin-top: 60px !important;
  }
}
.u-mt-2xl {
  margin-top: 60px !important;
}

@media (max-width: 767px) {
  .u-mt-3xl-sp {
    margin-top: 100px !important;
  }
}
.u-mt-3xl {
  margin-top: 100px !important;
}

@media (min-width: 768px) {
  .u-mt-xs {
    margin-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-xs-tb {
    margin-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-sm {
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-sm-tb {
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-md {
    margin-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-md-tb {
    margin-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-lg {
    margin-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-lg-tb {
    margin-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-xl {
    margin-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-xl-tb {
    margin-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-2xl {
    margin-top: 120px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-2xl-tb {
    margin-top: 120px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-3xl {
    margin-top: 220px !important;
  }
}

@media (min-width: 768px) {
  .u-mt-3xl-tb {
    margin-top: 220px !important;
  }
}

@media (max-width: 767px) {
  .u-mb-xs-sp {
    margin-bottom: 5px !important;
  }
}
.u-mb-xs {
  margin-bottom: 5px !important;
}

@media (max-width: 767px) {
  .u-mb-sm-sp {
    margin-bottom: 10px !important;
  }
}
.u-mb-sm {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .u-mb-md-sp {
    margin-bottom: 20px !important;
  }
}
.u-mb-md {
  margin-bottom: 20px !important;
}

@media (max-width: 767px) {
  .u-mb-lg-sp {
    margin-bottom: 30px !important;
  }
}
.u-mb-lg {
  margin-bottom: 30px !important;
}

@media (max-width: 767px) {
  .u-mb-xl-sp {
    margin-bottom: 40px !important;
  }
}
.u-mb-xl {
  margin-bottom: 40px !important;
}

@media (max-width: 767px) {
  .u-mb-2xl-sp {
    margin-bottom: 60px !important;
  }
}
.u-mb-2xl {
  margin-bottom: 60px !important;
}

@media (max-width: 767px) {
  .u-mb-3xl-sp {
    margin-bottom: 100px !important;
  }
}
.u-mb-3xl {
  margin-bottom: 100px !important;
}

@media (min-width: 768px) {
  .u-mb-xs {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-xs-tb {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-sm {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-sm-tb {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-md {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-md-tb {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-lg {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-lg-tb {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-xl {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-xl-tb {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-2xl {
    margin-bottom: 120px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-2xl-tb {
    margin-bottom: 120px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-3xl {
    margin-bottom: 220px !important;
  }
}

@media (min-width: 768px) {
  .u-mb-3xl-tb {
    margin-bottom: 220px !important;
  }
}

@media (max-width: 767px) {
  .u-pt-xs-sp {
    padding-top: 5px !important;
  }
}
.u-pt-xs {
  padding-top: 5px !important;
}

@media (max-width: 767px) {
  .u-pt-sm-sp {
    padding-top: 10px !important;
  }
}
.u-pt-sm {
  padding-top: 10px !important;
}

@media (max-width: 767px) {
  .u-pt-md-sp {
    padding-top: 20px !important;
  }
}
.u-pt-md {
  padding-top: 20px !important;
}

@media (max-width: 767px) {
  .u-pt-lg-sp {
    padding-top: 30px !important;
  }
}
.u-pt-lg {
  padding-top: 30px !important;
}

@media (max-width: 767px) {
  .u-pt-xl-sp {
    padding-top: 40px !important;
  }
}
.u-pt-xl {
  padding-top: 40px !important;
}

@media (max-width: 767px) {
  .u-pt-2xl-sp {
    padding-top: 60px !important;
  }
}
.u-pt-2xl {
  padding-top: 60px !important;
}

@media (max-width: 767px) {
  .u-pt-3xl-sp {
    padding-top: 100px !important;
  }
}
.u-pt-3xl {
  padding-top: 100px !important;
}

@media (min-width: 768px) {
  .u-pt-xs {
    padding-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-xs-tb {
    padding-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-sm {
    padding-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-sm-tb {
    padding-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-md {
    padding-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-md-tb {
    padding-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-lg {
    padding-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-lg-tb {
    padding-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-xl {
    padding-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-xl-tb {
    padding-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-2xl {
    padding-top: 120px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-2xl-tb {
    padding-top: 120px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-3xl {
    padding-top: 220px !important;
  }
}

@media (min-width: 768px) {
  .u-pt-3xl-tb {
    padding-top: 220px !important;
  }
}

@media (max-width: 767px) {
  .u-pb-xs-sp {
    padding-bottom: 5px !important;
  }
}
.u-pb-xs {
  padding-bottom: 5px !important;
}

@media (max-width: 767px) {
  .u-pb-sm-sp {
    padding-bottom: 10px !important;
  }
}
.u-pb-sm {
  padding-bottom: 10px !important;
}

@media (max-width: 767px) {
  .u-pb-md-sp {
    padding-bottom: 20px !important;
  }
}
.u-pb-md {
  padding-bottom: 20px !important;
}

@media (max-width: 767px) {
  .u-pb-lg-sp {
    padding-bottom: 30px !important;
  }
}
.u-pb-lg {
  padding-bottom: 30px !important;
}

@media (max-width: 767px) {
  .u-pb-xl-sp {
    padding-bottom: 40px !important;
  }
}
.u-pb-xl {
  padding-bottom: 40px !important;
}

@media (max-width: 767px) {
  .u-pb-2xl-sp {
    padding-bottom: 60px !important;
  }
}
.u-pb-2xl {
  padding-bottom: 60px !important;
}

@media (max-width: 767px) {
  .u-pb-3xl-sp {
    padding-bottom: 100px !important;
  }
}
.u-pb-3xl {
  padding-bottom: 100px !important;
}

@media (min-width: 768px) {
  .u-pb-xs {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-xs-tb {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-sm {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-sm-tb {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-md {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-md-tb {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-lg {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-lg-tb {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-xl {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-xl-tb {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-2xl {
    padding-bottom: 120px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-2xl-tb {
    padding-bottom: 120px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-3xl {
    padding-bottom: 220px !important;
  }
}

@media (min-width: 768px) {
  .u-pb-3xl-tb {
    padding-bottom: 220px !important;
  }
}

/* c-archive01 IR（xj-storage用）
===================================== */
.c-archive01__item {
  border-top: 1px solid rgb(var(--color-border));
}
.c-archive01__item:last-child {
  border-bottom: 1px solid rgb(var(--color-border));
}
.c-archive01.is-hidden-3 .c-archive01__item:nth-child(n+4) {
  display: none !important;
}
.c-archive01__link {
  display: block;
  text-decoration: none;
  padding: 16px 0;
}
.c-archive01__link[href*=".pdf"] .c-archive01__unit {
  position: relative;
}
.c-archive01__link[href*=".pdf"] .c-archive01__unit:before {
  display: inline-block;
  width: 16.2px;
  height: 18px;
  vertical-align: middle;
  color: currentColor;
  background: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.2 18"><path d="M4.053,9.9a.45.45,0,0,0-.45.45v2.7a.45.45,0,1,0,.9,0V12.6H4.95a1.35,1.35,0,1,0,0-2.7Zm.9,1.8H4.5v-.9H4.95a.45.45,0,1,1,0,.9Zm5.848-1.35a.45.45,0,0,1,.45-.45H12.6a.45.45,0,1,1,0,.9H11.7v.9H12.6a.45.45,0,1,1,0,.9H11.7l0,.447a.45.45,0,0,1-.9,0l0-.9v0ZM7.65,9.9a.45.45,0,0,0-.45.45v2.7a.45.45,0,0,0,.45.45H8.1a1.8,1.8,0,0,0,0-3.6Zm.45,2.7V10.8a.9.9,0,0,1,0,1.8Zm7.2,3.6V15.152a1.576,1.576,0,0,0,.9-1.424V9.675a1.577,1.577,0,0,0-.9-1.424V7.045a1.8,1.8,0,0,0-.527-1.273L9.526.527,9.482.491,9.45.464A1.8,1.8,0,0,0,9.253.3Q9.218.281,9.181.263L9.138.241,9.093.215A1.389,1.389,0,0,0,8.943.137,1.8,1.8,0,0,0,8.382.013L8.329.006,8.255,0H2.7A1.8,1.8,0,0,0,.9,1.8V8.251A1.576,1.576,0,0,0,0,9.675v4.054a1.577,1.577,0,0,0,.9,1.424V16.2A1.8,1.8,0,0,0,2.7,18H13.5a1.8,1.8,0,0,0,1.8-1.8Zm-1.8.45H2.7a.45.45,0,0,1-.45-.45v-.9h11.7v.9a.45.45,0,0,1-.45.45Zm.45-9.45v.9H2.25V1.8a.45.45,0,0,1,.45-.45H8.1V5.4A1.8,1.8,0,0,0,9.9,7.2ZM12.94,5.85H9.9a.45.45,0,0,1-.45-.45V2.359ZM1.575,9.45h13.05a.225.225,0,0,1,.225.225v4.054a.225.225,0,0,1-.225.225H1.575a.225.225,0,0,1-.225-.225V9.675a.225.225,0,0,1,.225-.225Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.2 18"><path d="M4.053,9.9a.45.45,0,0,0-.45.45v2.7a.45.45,0,1,0,.9,0V12.6H4.95a1.35,1.35,0,1,0,0-2.7Zm.9,1.8H4.5v-.9H4.95a.45.45,0,1,1,0,.9Zm5.848-1.35a.45.45,0,0,1,.45-.45H12.6a.45.45,0,1,1,0,.9H11.7v.9H12.6a.45.45,0,1,1,0,.9H11.7l0,.447a.45.45,0,0,1-.9,0l0-.9v0ZM7.65,9.9a.45.45,0,0,0-.45.45v2.7a.45.45,0,0,0,.45.45H8.1a1.8,1.8,0,0,0,0-3.6Zm.45,2.7V10.8a.9.9,0,0,1,0,1.8Zm7.2,3.6V15.152a1.576,1.576,0,0,0,.9-1.424V9.675a1.577,1.577,0,0,0-.9-1.424V7.045a1.8,1.8,0,0,0-.527-1.273L9.526.527,9.482.491,9.45.464A1.8,1.8,0,0,0,9.253.3Q9.218.281,9.181.263L9.138.241,9.093.215A1.389,1.389,0,0,0,8.943.137,1.8,1.8,0,0,0,8.382.013L8.329.006,8.255,0H2.7A1.8,1.8,0,0,0,.9,1.8V8.251A1.576,1.576,0,0,0,0,9.675v4.054a1.577,1.577,0,0,0,.9,1.424V16.2A1.8,1.8,0,0,0,2.7,18H13.5a1.8,1.8,0,0,0,1.8-1.8Zm-1.8.45H2.7a.45.45,0,0,1-.45-.45v-.9h11.7v.9a.45.45,0,0,1-.45.45Zm.45-9.45v.9H2.25V1.8a.45.45,0,0,1,.45-.45H8.1V5.4A1.8,1.8,0,0,0,9.9,7.2ZM12.94,5.85H9.9a.45.45,0,0,1-.45-.45V2.359ZM1.575,9.45h13.05a.225.225,0,0,1,.225.225v4.054a.225.225,0,0,1-.225.225H1.575a.225.225,0,0,1-.225-.225V9.675a.225.225,0,0,1,.225-.225Z"/></svg>');
  content: "";
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  color: rgb(var(--color-primary-500));
}
.c-archive01__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 5px;
  color: rgb(var(--color-grayscale-800));
}
.c-archive01__date {
  margin: 4px 15px 4px 0;
  font-size: 1.8rem;
  font-weight: 700;
}
.c-archive01__cat {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -5px -5px 0;
}
.c-archive01__cat-item {
  box-sizing: border-box;
  min-width: 146px;
  margin: 0 5px 5px 0;
  padding: 2px 20px;
  font-size: 1.3rem;
  line-height: var(--line-height_head);
  text-align: center;
  background: rgb(var(--color-bg03));
}
.c-archive01__txt {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
}
.c-archive01__unit {
  display: inline-block;
  padding-top: 5px;
  font-size: 1.1rem;
}
.c-archive01__unit:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 13px;
  height: 15px;
  background: no-repeat center/contain;
}
.c-archive01__new {
  display: inline-block;
  color: #fff;
  padding: 0 10px;
  font-size: 1.1rem;
  vertical-align: baseline;
  background: rgb(var(--color-primary-500));
}
@media (min-width: 768px) {
  .c-archive01__link {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
    column-gap: 40px;
    padding: 30px 0;
    transition: color 0.3s ease;
  }
  .c-archive01__link[href*=".pdf"] .c-archive01__unit {
    position: relative;
  }
  .c-archive01__link[href*=".pdf"] .c-archive01__unit:before {
    width: 18px;
    height: 20px;
  }
  .c-archive01__meta {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    align-items: center;
  }
  .c-archive01__area-txt {
    display: grid;
    grid-template-columns: 605px 1fr;
    gap: 40px;
    align-items: center;
  }
  .c-archive01__date {
    font-size: 2rem;
    margin: 0 20px 0 0;
  }
  .c-archive01__cat-item {
    min-width: 166px;
    font-size: 1.6rem;
    padding: 7px 0;
  }
  .c-archive01__txt {
    font-size: 1.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-archive01__link[href]:hover .c-archive01__txt {
    text-decoration: underline;
  }
}

/* c-archive01.is-pc-block 
===================================*/
@media (min-width: 768px) {
  .c-archive01.is-pc-block .c-archive01__date {
    font-size: 1.6rem;
  }
  .c-archive01.is-pc-block .c-archive01__link {
    grid-template-columns: 100%;
  }
  .c-archive01.is-pc-block .c-archive01__area-txt {
    margin-top: 10px;
  }
}

/* c-archive02 media
===================================== */
.c-archive02__item {
  border-bottom: 1px solid rgb(var(--color-border));
}
.c-archive02__item:first-child {
  border-top: 1px solid rgb(var(--color-border));
}
.c-archive02__link {
  display: block;
  overflow: hidden;
  padding: 20px 0 18px;
  text-decoration: none;
}
.c-archive02__img {
  margin-bottom: 25px;
}
.c-archive02__date {
  overflow: hidden;
  margin: 0 10px 0 0;
  padding: 3px 0;
  font-size: 1.8rem;
  font-weight: 700;
}
.c-archive02__cat {
  display: inline-flex;
  margin: 0 -3px -3px 0;
}
.c-archive02__cat-item {
  display: inline-block;
  box-sizing: border-box;
  min-width: 160px;
  padding: 2px 10px;
  margin: 0 3px 3px;
  background: rgb(var(--color-bg03));
  font-size: 1.3rem;
  text-align: center;
  line-height: var(--line-height_head);
  box-sizing: border-box;
}
.c-archive02__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.c-archive02__head {
  max-height: 3.2em;
  overflow: hidden;
  display: -webkit-box;
  max-height: 3.2em;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  clear: both;
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: var(--line-height_head);
}
.c-archive02__txt {
  max-height: 3.2em;
  overflow: hidden;
  display: -webkit-box;
  max-height: 3.2em;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: rgba(var(--color-grayscale-800), 0.8);
  margin-top: 5px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-archive02__link {
    padding: 30px 0;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
  }
  .c-archive02__img {
    width: 345px;
    padding-right: 49px;
    margin-bottom: 0;
  }
  .c-archive02__area-txt {
    flex-basis: 50%;
    min-width: 50%;
    flex-grow: 1;
  }
  .c-archive02__date {
    margin: 0 20px 0 0;
    font-size: 2rem;
  }
  .c-archive02__cat {
    vertical-align: middle;
  }
  .c-archive02__cat-item {
    padding: 3px 10px;
    min-width: 166px;
    font-size: 1.6rem;
  }
  .c-archive02__head {
    max-height: 1.6em;
    position: relative;
    overflow: hidden;
    max-height: 1.6em;
    -webkit-line-clamp: 1;
    clear: none;
    margin-top: 20px;
    font-size: 2.4rem;
  }
  .c-archive02__txt {
    max-height: 1.6em;
    position: relative;
    overflow: hidden;
    max-height: 1.6em;
    -webkit-line-clamp: 1;
    margin-top: 14px;
    overflow: hidden;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-archive02__link:hover {
    opacity: 0.6;
  }
}

/*  .c-archive03  voice
================================================== */
.c-archive03 {
  display: grid;
  gap: 40px;
}
.c-archive03__in {
  display: block;
  transition: opacity 0.3s ease;
}
.c-archive03__img {
  position: relative;
  margin-bottom: 20px;
  aspect-ratio: 670/377;
}
.c-archive03__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.c-archive03__img iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.c-archive03__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.c-archive03__date {
  margin-right: 20px;
  color: rgb(var(--color-grayscale-800));
}
.c-archive03__cat {
  display: flex;
  flex-wrap: wrap;
  color: rgb(var(--color-grayscale-800));
}
.c-archive03__cat-item {
  box-sizing: border-box;
  min-width: 146px;
  border: 1px solid rgb(var(--color-grayscale-500));
  border-radius: 9999px;
  padding: 0 20px;
  font-size: 1.3rem;
  text-align: center;
}
.c-archive03__head {
  line-height: var(--line-height_head);
  font-weight: 700;
  font-size: 1.6rem;
}
.c-archive03__ico {
  position: relative;
  display: block;
  width: 20px;
  height: 11px;
  margin: 10px 0 0 auto;
}
.c-archive03__ico:before, .c-archive03__ico:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.4s all;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 20px;
  height: 4px;
  background-color: currentColor;
  color: rgb(var(--color-primary-500));
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}
.c-archive03__ico:after {
  transform: translate(-100%, -50%);
  opacity: 0;
}
.c-archive03__txt {
  margin-top: 15px;
  line-height: var(--line-height_head);
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .c-archive03 {
    gap: 40px;
  }
  .c-archive03__img {
    margin-bottom: 20px;
  }
  .c-archive03__date {
    margin-right: 15px;
    font-size: 1.6rem;
  }
  .c-archive03__cat-item {
    font-size: 1.2rem;
  }
  .c-archive03__head {
    font-size: 1.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-archive03__in[href]:hover {
    opacity: 0.7;
  }
  .c-archive03__in[href]:hover .c-archive03__ico:before {
    transform: translate(100%, -50%);
    opacity: 0;
  }
  .c-archive03__in[href]:hover .c-archive03__ico:after {
    transform: translate(0, -50%);
    opacity: 1;
  }
}

/* c-archive03.is-col3-tb
=============================== */
@media (min-width: 768px) {
  .c-archive03.is-col3-tb {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*  .c-archive04 ニュース
================================================== */
.c-archive04__item {
  border-top: 1px solid rgb(var(--color-border));
}
.c-archive04__item:last-child {
  border-bottom: 1px solid rgb(var(--color-border));
}
.c-archive04__item-in {
  position: relative;
  z-index: 1;
  display: block;
  padding: 19px 0 20px;
}
.c-archive04__item-in:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.c-archive04__item-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
  color: rgb(var(--color-grayscale-800));
}
.c-archive04__item-date {
  margin: 4px 15px 4px 0;
  font-weight: 700;
  font-size: 1.8rem;
}
.c-archive04__item-cat {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -5px -5px 0;
}
.c-archive04__item-cat-item {
  box-sizing: border-box;
  min-width: 160px;
  margin: 0 5px 5px 0;
  padding: 2px 20px;
  background: rgb(var(--color-bg03));
  line-height: var(--line-height_head);
  text-align: center;
}
.c-archive04__item-head {
  overflow: hidden;
  display: -webkit-box;
  max-height: 3.2em;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-archive04__item {
    display: block;
  }
  .c-archive04__item-in {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    column-gap: 15px;
    padding: 30px 0;
    transition: color 0.3s ease;
  }
  .c-archive04__item-meta {
    flex-wrap: nowrap;
    margin: 0;
  }
  .c-archive04__item-date {
    min-width: 87px;
    margin: 0 20px 0 0;
    font-size: 2rem;
    white-space: nowrap;
  }
  .c-archive04__item-cat-item {
    min-width: 146px;
    font-size: 1.4rem;
    padding: 7px 0;
  }
  .c-archive04__item-head {
    max-height: 1.6em;
    position: relative;
    overflow: hidden;
    max-height: 1.6em;
    -webkit-line-clamp: 1;
    margin: 0;
    align-self: center;
    font-weight: 700;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-archive04__item-in {
    transition: all 0.3s ease;
  }
  .c-archive04__item-in:hover {
    opacity: 0.7;
  }
}

/* c-archive04 is-first-bd-none
====================================== */
.c-archive04.is-first-bd-none .c-archive04__item:first-child {
  border-top: 0;
}

/*  .c-archive05
================================================== */
.c-archive05 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.c-archive05__link {
  display: block;
  text-decoration: none;
}
.c-archive05__img {
  margin-bottom: 6px;
  text-align: center;
}
.c-archive05__img img {
  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden;
}
.c-archive05__head {
  position: relative;
  padding-left: 25px;
  font-weight: 700;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .c-archive05 {
    grid-template-columns: repeat(4, 1fr);
    gap: 35px 45px;
  }
  .c-archive05 .c-head05__head {
    font-size: 1.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-archive05__link {
    transition: all 0.3s ease;
  }
  .c-archive05__link:hover {
    opacity: 0.6;
  }
}

/* c-archive06 カタログダウンロード
====================================== */
.c-archive06__item + .c-archive06__item {
  margin-top: 15px;
}
.c-archive06__item-link {
  display: block;
  padding-bottom: 15px;
  color: rgb(var(--color-primary-500));
  text-decoration: none;
  text-align: center;
}
.c-archive06__item-img {
  padding: 50px;
  background: rgb(var(--color-bg02));
}
.c-archive06__item-img img {
  width: 165px;
}
.c-archive06__item-txt {
  margin-top: 12px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}
.c-archive06__item-txt::after {
  display: inline-block;
  width: 14px;
  height: 18px;
  margin: 0 0 -2px 8px;
  background: url("https://green-energy.co.jp/img/common/ico_download01.png") no-repeat center/contain;
  content: "";
}
@media (min-width: 768px) {
  .c-archive06 {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    margin: 0 -17px;
  }
  .c-archive06__item {
    width: calc(33.333% - 34px);
    margin: 0 17px;
  }
  .c-archive06__item + .c-archive06__item {
    margin-top: 0;
  }
  .c-archive06__item:nth-child(n+4) {
    margin-top: 30px;
  }
  .c-archive06__item-link {
    padding-bottom: 18px;
  }
  .c-archive06__item-img {
    padding: 50px 86px;
  }
  .c-archive06__item-img img {
    width: 100%;
  }
  .c-archive06__item-txt {
    margin-top: 14px;
    font-size: 2rem;
  }
}

/* .c-bg-white
================================================== */
.c-bg-white {
  background-color: #fff;
}

/* .c-bg01
================================================== */
.c-bg01 {
  background-color: rgb(var(--color-bg01));
}

/* .c-bg02
================================================== */
.c-bg02 {
  background-color: rgb(var(--color-bg02));
}

/* .c-bg03
================================================== */
.c-bg03 {
  background-color: #f5f5f5;
}

/* c-bnr01
======================================== */
.c-bnr01 {
  position: relative;
  z-index: 1;
}
.c-bnr01__in {
  box-sizing: border-box;
  display: block;
  position: relative;
  min-height: 215px;
  outline: 1px solid rgb(var(--color-grayscale-500));
  outline-offset: -5px;
  padding: 35px 40px 15px;
}
.c-bnr01__area-txt {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 15px 0;
}
.c-bnr01__head {
  line-height: var(--line-height_head);
  font-weight: 700;
  font-size: 2.2rem;
}
.c-bnr01__area-btn {
  position: relative;
  z-index: 1;
  margin: 5px -25px 0 0;
}
.c-bnr01__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  outline: 1px solid rgb(var(--color-grayscale-500));
  outline-offset: -5px;
}
.c-bnr01__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .c-bnr01__in {
    display: grid;
    grid-template-columns: auto 256px;
    padding: 70px clamp(80px, 9.375vw, 180px);
    background: rgba(255, 255, 255, 0.8);
    outline-offset: -10px;
  }
  .c-bnr01__area-txt {
    display: grid;
    gap: 30px 0;
    align-content: center;
    min-height: 273px;
    box-sizing: border-box;
    padding-bottom: 20px;
  }
  .c-bnr01__head {
    font-size: 3.7rem;
  }
  .c-bnr01__area-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    border-left: 1px solid rgb(var(--color-grayscale-500));
  }
  .c-bnr01__bg {
    outline-offset: -10px;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .c-bnr01__in:hover .c-bnr01__bg {
    opacity: 1;
  }
  .c-bnr01__in:hover .c-btn01__ico:before {
    transform: scale(1.26);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  }
  .c-bnr01__in:hover .c-btn01__ico::after {
    opacity: 0.6;
  }
}

/* c-bnr01.is-head-only
=========================== */
@media (max-width: 767px) {
  .c-bnr01.is-head-only .c-bnr01__in {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px 60px 35px 35px;
  }
  .c-bnr01.is-head-only .c-bnr01__area-btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .c-bnr01.is-head-only .c-bnr01__area-txt {
    padding-bottom: 0;
  }
}

/*  .c-btn01
================================================== */
.c-btn01 {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
.c-btn01-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}
.c-btn01__in {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  width: 100%;
  min-height: 50px;
  padding: 13px 5px;
  background-color: rgb(var(--color-bg02));
  border: 1px solid rgb(var(--color-border));
  border-radius: 10px;
  font-weight: 700;
  line-height: var(--line-height_head);
}
@media (min-width: 768px) {
  .c-btn01-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
  .c-btn01__in {
    min-height: 60px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-btn01__in {
    transition: all 0.3s ease;
  }
  .c-btn01__in:hover {
    background-color: rgb(var(--color-primary-200));
  }
}

/*  .c-btn01.is-white
================================================== */
.c-btn01.is-white .c-btn01__in {
  background-color: rgb(var(--color-white));
}
@media (hover: hover) and (pointer: fine) {
  .c-btn01.is-white .c-btn01__in {
    transition: all 0.3s ease;
  }
  .c-btn01.is-white .c-btn01__in:hover {
    background-color: rgb(var(--color-primary-200));
  }
}

/*  .c-btn01.is-small
================================================== */
.c-btn01.is-small {
  max-width: 285px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-btn01.is-small {
    max-width: 400px;
  }
}

/*  .c-btn01.is-pc-small
================================================== */
@media (min-width: 768px) {
  .c-btn01.is-pc-small {
    max-width: 400px;
    margin-inline: auto;
  }
}

/*  .c-btn01.has-ico
================================================== */
.c-btn01.has-ico .c-btn01__in {
  position: relative;
}
.c-btn01.has-ico .c-btn01__in::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  background-color: rgb(var(--color-primary-500));
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .c-btn01.has-ico .c-btn01__in::after {
    right: 15px;
  }
}

/* c-btn02 テキスト＋矢印
======================================= */
.c-btn02__in {
  display: flex;
  align-items: center;
}
.c-btn02__txt {
  line-height: var(--line-height_head);
  font-weight: 700;
  font-size: 1.6rem;
  transition: all 0.3s ease;
}
.c-btn02__ico {
  position: relative;
  margin-left: 8px;
  min-width: 15px;
}
.c-btn02__ico:before, .c-btn02__ico:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.4s all;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  content: "";
  display: inline-block;
  width: 20px;
  height: 4px;
  background-color: currentColor;
  color: rgb(var(--color-primary-500));
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}
.c-btn02__ico:after {
  transform: translate(-100%, -50%);
  opacity: 0;
}
@media (min-width: 768px) {
  .c-btn02__txt {
    font-size: 1.8rem;
  }
  .c-btn02__ico {
    margin-left: 10px;
    min-width: 20px;
  }
  .c-btn02__ico:before, .c-btn02__ico:after {
    width: 20px;
    height: 11px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-btn02 .c-btn02__in:hover .c-btn02__txt {
    opacity: 0.6;
  }
  .c-btn02 .c-btn02__in:hover .c-btn02__ico:before {
    transform: translate(100%, -50%);
    opacity: 0;
  }
  .c-btn02 .c-btn02__in:hover .c-btn02__ico:after {
    transform: translate(0, -50%);
    opacity: 1;
  }
}

/* .c-btn02.is-right
================================= */
.c-btn02.is-right .c-btn02__in {
  justify-content: flex-end;
  text-align: right;
}

/* c-btn03　四角で矢印つき
============================== */
.c-btn03-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.c-btn03__in {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 44px;
  font-size: 1.3rem;
  font-weight: 700;
  background: rgb(var(--color-bg02));
  padding: 0 25px 0 15px;
  box-sizing: border-box;
  line-height: 1.5;
  transition: all 0.3s ease;
}
.c-btn03__in[href*="#"]:after {
  transform: translateY(-50%) rotate(90deg);
}
.c-btn03__in:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  transition: all 0.3s ease;
  color: rgb(var(--color-primary-500));
}
@media (min-width: 768px) {
  .c-btn03-list {
    gap: 25px 0;
  }
  .c-btn03-list.is-col3-tb {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .c-btn03-list.is-col5-tb {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }
  .c-btn03__in {
    min-height: 60px;
    padding: 0 30px;
    font-size: 1.6rem;
    border-radius: 10px;
    border: solid 1px rgb(var(--color-border));
    align-items: center;
  }
  .c-btn03__in:after {
    right: 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-btn03__in:hover {
    color: rgb(var(--color-primary-500));
  }
}

/* c-card01
============================== */
.c-card01 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px 0;
}
.c-card01__item-in {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.c-card01__item-in::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-primary-300));
  transition: opacity 0.3s ease;
}
.c-card01__item-areaTxt {
  position: relative;
  z-index: 2;
  padding: 20px 15px;
  background-color: rgb(var(--color-white));
  border: 1px solid rgb(var(--color-border));
}
.c-card01__item-areaTxt.is-wide {
  padding: 40px 15px;
}
.c-card01__item-areaTxt-head {
  font-size: 1.8rem;
}
.c-card01__item-areaTxt-txt {
  margin-top: 8px;
}
.c-card01__item-img {
  position: relative;
  z-index: 2;
  border: solid rgb(var(--color-border));
  border-width: 1px 1px 0 1px;
  background-color: rgb(var(--color-white));
}
.c-card01__item-img.is-col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 25px 15px;
}
.c-card01__item-img figcaption {
  margin-top: 3px;
}
.c-card01__item-company {
  position: relative;
  z-index: 2;
  padding: 30px 15px;
  background-color: rgb(var(--color-white));
  border: 1px solid rgb(var(--color-border));
  font-weight: 700;
  transition: background-color 0.3s ease;
}
.c-card01__item-company-logo {
  max-width: 344px;
  margin-inline: auto;
}
.c-card01__item-company-txt {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 310px;
  margin-inline: auto;
  margin-top: 5px;
  font-size: 1.6rem;
  line-height: var(--line-height_head);
}
.c-card01__item-company-dlist {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 310px;
  margin-inline: auto;
  margin-top: 15px;
}
.c-card01__item-company-dlist-item {
  display: flex;
  flex-direction: column-reverse;
}
.c-card01__item-company-dlist-term {
  display: block;
  width: 235px;
  margin-top: 5px;
}
.c-card01__item-company-dlist-term.is-logo05 {
  width: 304px;
}
@media (min-width: 768px) {
  .c-card01 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
  .c-card01__item-areaTxt {
    padding: 44px 30px;
  }
  .c-card01__item-areaTxt.is-wide {
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 40px 30px;
  }
  .c-card01__item-areaTxt-head {
    font-size: 2.4rem;
  }
  .c-card01__item-areaTxt-txt {
    margin-top: 16px;
  }
  .c-card01__item-img.is-col2 {
    gap: 20px;
    padding: 30px 30px 40px;
  }
  .c-card01__item-img figcaption {
    margin-top: 15px;
  }
  .c-card01__item-company {
    padding: 60px 84px;
  }
  .c-card01__item-company-logo {
    max-width: 343px;
  }
  .c-card01__item-company-txt {
    font-size: 2rem;
  }
  .c-card01__item-company-dlist {
    row-gap: 28px;
    margin-top: 20px;
  }
  .c-card01__item-company-dlist-item {
    flex-direction: column;
  }
  .c-card01__item-company-dlist-term {
    width: 200px;
    margin-top: 0;
  }
  .c-card01__item-company-dlist-term.is-logo05 {
    width: 244px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-card01__item-in {
    transition: all 0.3s ease;
  }
  .c-card01__item-in:hover {
    transform: scale(1.018);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  }
  .c-card01__item-in:hover::after {
    opacity: 0;
  }
  .c-card01__item-in:hover .c-card01__item-areaTxt,
.c-card01__item-in:hover .c-card01__item-company {
    background-color: rgb(var(--color-primary-200));
  }
}

/* c-card01.is-pc-col1
============================== */
@media (min-width: 768px) {
  .c-card01.is-pc-col1 {
    grid-template-columns: 1fr;
  }
}

/* c-card02 
============================== */
.c-card02 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.c-card02__item {
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
  background-color: rgb(var(--color-white));
}
.c-card02__in {
  display: block;
}
.c-card02__label {
  font-size: 1.8rem;
  line-height: var(--line-height_head);
  font-weight: 700;
  display: inline-block;
  padding: 2px 15px;
  background-color: rgb(var(--color-bg03));
  margin-bottom: 10px;
}
.c-card02__img {
  aspect-ratio: 345/213;
}
.c-card02__img iframe,
.c-card02__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-card02__img iframe {
  height: auto;
  aspect-ratio: 16/9;
}
.c-card02__areaTxt {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  background-color: rgb(var(--color-white));
  padding: 20px 15px;
}
.c-card02__areaTxt-head {
  font-size: 2.4rem;
}
.c-card02__areaTxt-txt {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-card02 {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  .c-card02__label {
    font-size: 2.2rem;
    padding: 7px 25px;
  }
  .c-card02__img {
    aspect-ratio: 352/240;
  }
  .c-card02__areaTxt {
    padding: 25px 20px;
  }
}

.c-card02__item.has-link {
  box-shadow: none;
}
.c-card02__item.has-link .c-card02__in {
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
}

/* c-card03 画像＋テキスト
============================== */
.c-card03 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-inline: 15px;
}
.c-card03__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.c-card03__img {
  aspect-ratio: 315/180;
}
.c-card03__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-card03__txt {
  line-height: var(--line-height_head);
  font-weight: 700;
}
@media (min-width: 768px) {
  .c-card03 {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-inline: 0;
  }
  .c-card03__item {
    gap: 20px;
  }
  .c-card03__img {
    aspect-ratio: 352/240;
  }
}

/* .c-card03.is-sp-col2
================================================ */
@media (max-width: 767px) {
  .c-card03.is-sp-col2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 11px;
    margin-inline: 0;
  }
}

/* c-card04
============================== */
.c-card04 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 21px;
}
.c-card04__item {
  border: 1px solid rgb(var(--color-border));
  padding: 20px 15px;
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
}
.c-card04__item-head {
  line-height: var(--line-height_head);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  padding: 14px;
  background-color: rgb(var(--color-primary-300));
  position: relative;
}
.c-card04__item-head::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 21.5px 0 21.5px;
  border-color: rgb(var(--color-primary-300)) transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.c-card04__item-lead {
  margin-top: 26px;
  line-height: var(--line-height_head);
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 700;
}
.c-card04__item-txt {
  font-size: 1.6rem;
}
.c-card04__item-txt a {
  color: rgb(var(--color-primary-500));
}
@media (min-width: 768px) {
  .c-card04 {
    grid-template-columns: 1fr 1fr;
  }
  .c-card04__item {
    padding: 40px;
  }
  .c-card04__item-head {
    font-size: 2.8rem;
    padding: 25px;
  }
  .c-card04__item-head::after {
    border-width: 46px 31.5px 0 31.5px;
  }
  .c-card04__item-lead {
    margin-top: 40px;
    font-size: 2.8rem;
  }
  .c-card04__item-txt {
    margin-top: 20px;
  }
}

/* c-card04.is-pc-col1
============================== */
.c-card04.is-pc-col1 .c-card04__item-adobe {
  width: 175px;
  margin: 10px auto 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .c-card04.is-pc-col1 {
    grid-template-columns: 1fr;
  }
  .c-card04.is-pc-col1 .c-card04__item {
    padding: 60px 80px;
  }
  .c-card04.is-pc-col1 .c-card04__item-areaTxt {
    display: grid;
    grid-template-columns: 225px 1fr;
    gap: 78px;
  }
  .c-card04.is-pc-col1 .c-card04__item-adobe {
    width: 225px;
    margin: 0;
  }
  .c-card04.is-pc-col1 .c-card04__item-txt {
    margin: 0;
  }
}

/* c-card05
============================== */
.c-card05 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 21px;
}
.c-card05__item {
  border: 1px solid rgb(var(--color-border));
  padding: 20px 15px;
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
}
.c-card05__item-head {
  line-height: var(--line-height_head);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  padding: 14px;
  background-color: rgb(var(--color-primary-300));
  position: relative;
}
.c-card05__item-head::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 21.5px 0 21.5px;
  border-color: rgb(var(--color-primary-300)) transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.c-card05__item-lead {
  margin-top: 26px;
  line-height: var(--line-height_head);
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 700;
}
.c-card05__item-txt {
  font-size: 1.6rem;
}
.c-card05__item-txt a {
  color: rgb(var(--color-primary-500));
}
.c-card05__item-adobe {
  width: 175px;
  margin: 10px auto 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .c-card05 {
    grid-template-columns: 1fr 1fr;
  }
  .c-card05__item {
    padding: 40px;
  }
  .c-card05__item-head {
    font-size: 2.8rem;
    padding: 25px;
  }
  .c-card05__item-head::after {
    border-width: 46px 31.5px 0 31.5px;
  }
  .c-card05__item-lead {
    margin-top: 40px;
    font-size: 2.8rem;
  }
  .c-card05__item-txt {
    margin-top: 20px;
  }
}

/* .c-color-prim400
================================================== */
.c-color-prim400 {
  color: rgb(var(--color-primary-400));
}

/* .c-color-prim500
================================================== */
.c-color-prim500 {
  color: rgb(var(--color-primary-500));
}

/* c-cv01
================================== */
.c-cv01__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.c-cv01-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  max-width: 345px;
  margin-inline: auto;
}
.c-cv01-list__item-in {
  display: grid;
  place-content: center;
  min-height: 130px;
  border: 1px solid rgb(var(--color-border));
  border-radius: 10px;
  text-align: center;
}
.c-cv01-list__item-in.is-col2 {
  display: grid;
  grid-template-columns: 130px 1fr;
  text-align: left;
}
.c-cv01-list__item-img {
  display: grid;
  aspect-ratio: 1;
  place-content: center;
  background-color: #E80101;
  border-radius: 10px 0 0 10px;
}
.c-cv01-list__item-img img {
  width: 108px;
}
.c-cv01-list__item-areaTxt {
  display: grid;
  align-content: center;
  padding: 0 15px;
}
.c-cv01-list__item-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
}
.c-cv01-list__item-link::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 4px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  flex: 0 0 22px;
}
.c-cv01-list__item-en {
  margin-top: 2px;
  font-size: 2.8rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .c-cv01__inner {
    padding-top: 100px;
    padding-bottom: 140px;
  }
  .c-cv01-list {
    grid-template-columns: repeat(2, 345px);
    gap: 20px;
    max-width: 100%;
    justify-content: center;
  }
  .c-cv01-list__item-in {
    min-height: 150px;
  }
  .c-cv01-list__item-in.is-col2 {
    grid-template-columns: 150px 1fr;
  }
  .c-cv01-list__item-img img {
    width: 122px;
  }
  .c-cv01-list__item-areaTxt {
    padding: 0 20px;
  }
  .c-cv01-list__item-link {
    margin-top: 18px;
  }
  .c-cv01-list__item-en {
    font-size: 3.2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-cv01-list__item-in {
    transition: all 0.3s ease;
  }
  .c-cv01-list__item-in:hover {
    background-color: rgb(var(--color-primary-200));
  }
}

/* c-cv02
============================= */
.c-cv02 {
  padding-top: 40px;
  padding-bottom: 50px;
}
.c-cv02__in {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 550px;
  padding: 25px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid rgb(var(--color-border));
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.c-cv02__en {
  font-weight: 700;
  font-size: 2.8rem;
}
@media (min-width: 768px) {
  .c-cv02 {
    padding-top: 120px;
    padding-bottom: 140px;
  }
  .c-cv02__in {
    padding: 40px;
  }
  .c-cv02__en {
    font-size: 3.2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-cv02__in {
    transition: all 0.3s ease;
  }
  .c-cv02__in:hover {
    background-color: rgb(var(--color-primary-200));
  }
}

/* c-dlist01
================================== */
.c-dlist01 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.c-dlist01__item {
  padding: 20px 25px;
  background-color: rgb(var(--color-white));
  border: 1px solid rgb(var(--color-border));
  border-radius: 10px;
  text-align: center;
}
.c-dlist01__term {
  font-size: 1.8rem;
  font-weight: 700;
}
.c-dlist01__desc {
  font-size: 1.6rem;
}
.c-dlist01__desc-num {
  padding-right: 8px;
  font-size: 6.5rem;
  font-weight: 700;
}
.c-dlist01__desc-note {
  padding-left: 5px;
  color: rgb(var(--color-sub-text));
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  .c-dlist01 {
    grid-template-columns: repeat(3, 1fr);
    gap: 19px;
  }
  .c-dlist01__item {
    display: grid;
    place-content: center;
    padding: 40px 20px;
    text-align: left;
  }
  .c-dlist01__term {
    font-size: 2.4rem;
  }
  .c-dlist01__desc {
    font-size: 2.4rem;
  }
  .c-dlist01__desc-num {
    font-size: 8.5rem;
  }
  .c-dlist01__desc-note {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 680px) and (max-width: 1440px) {
  .c-dlist01__desc {
    white-space: nowrap;
  }
}

.c-form01 {
  margin-top: 40px;
}
.c-form01__error-msg {
  margin: 20px;
  color: #f00;
  font-weight: bold;
}
.c-form01 table {
  table-layout: fixed;
}
.c-form01 th {
  text-align: left;
  position: relative;
  padding-top: 20px;
  font-size: 1.6rem;
  font-weight: 500;
  border-top: 1px solid rgb(var(--color-border));
  vertical-align: top;
}
.c-form01 td {
  margin-top: 13px;
  padding-bottom: 25px;
}
.c-form01 td .error {
  display: block;
  width: 100%;
  padding-top: 15px;
  color: #f00;
}
.c-form01__table {
  border-bottom: 1px solid rgb(var(--color-border));
}
.c-form01 input[type=text], .c-form01 input[type=email], .c-form01 input[type=tel], .c-form01 textarea, .c-form01 select {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px;
  -webkit-appearance: none;
  appearance: none;
  color: rgb(var(--color-text));
  background-color: #f0f3f4;
  border: none;
  vertical-align: middle;
  height: 45px;
  font-family: inherit;
  font-size: 1.6rem;
  border-radius: 0;
}
.c-form01 textarea {
  height: 140px;
}
.c-form01__label {
  position: absolute;
  top: 24px;
  right: 0;
  padding: 2px 12px;
  font-size: 1.1rem;
  color: rgb(var(--color-primary-500));
  font-weight: 200;
  border: 1px solid;
  line-height: 1.5;
}
.c-form01__label.is-required {
  background-color: rgb(var(--color-primary-500));
  color: #fff;
  border: 1px solid rgb(var(--color-primary-500));
}
.c-form01__box {
  box-sizing: border-box;
  margin-top: 40px;
  padding: 20px;
  border: 1px solid #e1e1e1;
}
.c-form01__box-txt a {
  color: rgb(var(--color-primary-500));
}
.c-form01__agree {
  padding-top: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .c-form01 th, .c-form01 td {
    display: block;
  }
}
@media (min-width: 768px) {
  .c-form01 {
    margin-top: 70px;
  }
  .c-form01 tr:first-child th {
    padding-top: 25px;
  }
  .c-form01 tr:first-child .c-form01__label {
    top: 30px;
  }
  .c-form01 th {
    padding: 40px 0 0 20px;
    width: 388px;
    box-sizing: border-box;
  }
  .c-form01 td {
    margin-top: 0;
    padding: 28px 0 30px 0;
    border-top: 1px solid rgb(var(--color-border));
  }
  .c-form01 input[type=text], .c-form01 input[type=email], .c-form01 input[type=tel], .c-form01 textarea, .c-form01 select {
    padding: 10px 20px;
    height: 50px;
  }
  .c-form01 input[type=text], .c-form01 input[type=tel] {
    width: 400px;
  }
  .c-form01 input[type=email] {
    width: 712px;
  }
  .c-form01 textarea {
    height: 220px;
    width: 712px;
  }
  .c-form01__label {
    top: 42px;
    right: 40px;
    padding: 2px 14px;
    font-size: 1.3rem;
  }
  .c-form01__box {
    width: 85%;
    margin: 60px auto 0;
    padding: 40px;
  }
}

.c-form01 .c-checkbox,
.c-form01 .checkWrap {
  display: block;
}
.c-form01 .c-checkbox input,
.c-form01 .checkWrap input {
  display: none;
}
.c-form01 .c-checkbox input[type=checkbox] + span,
.c-form01 .checkWrap input[type=checkbox] + span {
  position: relative;
  display: inline-block;
  padding-left: 35px;
}
.c-form01 .c-checkbox input[type=checkbox] + span::before,
.c-form01 .checkWrap input[type=checkbox] + span::before {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid rgb(var(--color-border));
}
.c-form01 .c-checkbox input[type=checkbox] + span:after,
.c-form01 .checkWrap input[type=checkbox] + span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background-color: rgb(var(--color-primary-500));
  -webkit-mask-image: url('data:image/svg+xml;uft8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4px" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
  mask-image: url('data:image/svg+xml;uft8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4px" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transform: scale(0);
}
.c-form01 .c-checkbox label,
.c-form01 .checkWrap label {
  cursor: pointer;
}
.c-form01 .c-checkbox:nth-child(n+2),
.c-form01 .checkWrap:nth-child(n+2) {
  margin-top: 15px;
}
.c-form01 .c-checkbox input:checked + span::after,
.c-form01 .checkWrap input:checked + span::after {
  transform: scale(1);
}
@media (min-width: 768px) {
  .c-form01__check {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
  }
  .c-form01 .c-checkbox,
.c-form01 .checkWrap {
    width: auto;
    margin: 0 20px 15px 0;
  }
  .c-form01 .c-checkbox input,
.c-form01 .checkWrap input {
    display: none;
  }
  .c-form01 .c-checkbox input[type=checkbox] + span,
.c-form01 .checkWrap input[type=checkbox] + span {
    padding-left: 35px;
  }
  .c-form01 .c-checkbox:nth-child(n+2),
.c-form01 .checkWrap:nth-child(n+2) {
    margin-top: 0;
  }
}

.c-form01__address .c-input,
.c-form01__address .inputWrap {
  display: inline-flex;
  flex: 1;
  width: auto;
}
.c-form01__address-postal {
  display: inline-block;
  padding: 0 0 0 10px;
  width: 30px;
  box-sizing: border-box;
}
.c-form01__address-postal + span {
  width: calc(50% - 30px);
}
.c-form01__address-postal-wrap {
  display: flex;
  align-items: center;
}
.c-form01__address button {
  margin-left: 10px;
  position: relative;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  outline: none;
  border: none;
  cursor: pointer;
  apparance: none;
  height: 45px;
  width: calc(50% - 30px);
  box-sizing: border-box;
  background-color: #999999;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
}
.c-form01 .c-select,
.c-form01 .selectWrap {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.c-form01 .c-select select,
.c-form01 .selectWrap select {
  width: 185px;
  color: rgb(var(--color-text));
}
.c-form01 .c-select select option:first-child,
.c-form01 .selectWrap select option:first-child {
  color: #919393;
}
.c-form01 .c-select select::-ms-expand,
.c-form01 .selectWrap select::-ms-expand {
  display: none;
}
.c-form01 .c-select::after,
.c-form01 .selectWrap::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  content: "";
  display: block;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: rgb(var(--color-text)) transparent transparent transparent;
}
.c-form01 .c-select + span,
.c-form01 .selectWrap + span {
  display: block;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .c-form01__address .c-input,
.c-form01__address .inputWrap {
    flex: inherit;
  }
  .c-form01__address .c-input input[type=text],
.c-form01__address .inputWrap input[type=text] {
    width: 240px;
  }
  .c-form01__address-postal {
    padding: 0;
    width: 20px;
  }
  .c-form01__address button {
    margin-left: 9px;
    height: 50px;
    width: 123px;
    font-size: 1.5rem;
  }
  .c-form01 .c-select,
.c-form01 .selectWrap {
    margin-top: 14px;
  }
  .c-form01 .c-select select,
.c-form01 .selectWrap select {
    width: 265px;
    font-size: 1.5rem;
  }
  .c-form01 .c-select::after,
.c-form01 .selectWrap::after {
    right: 20px;
  }
  .c-form01 .c-select + span,
.c-form01 .selectWrap + span {
    display: block;
    margin-top: 15px;
  }
  .c-form01 .c-select + span input[type=text],
.c-form01 .selectWrap + span input[type=text] {
    width: 712px;
  }
}

.c-form01 #submitArea {
  margin-top: 25px;
}
.c-form01 #submitArea button {
  position: relative;
  display: block;
  margin: 15px auto 0;
  box-sizing: border-box;
  padding: 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  outline: none;
  border: none;
  cursor: pointer;
  apparance: none;
  height: 60px;
  width: 275px;
  background-color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}
.c-form01 #submitArea button.btnConfirm, .c-form01 #submitArea button.btnAdjust {
  background-color: #fff;
  color: rgb(var(--color-primary-500));
  border: 2px solid rgb(var(--color-primary-500));
}
.c-form01 #submitArea a {
  text-decoration: none;
}
.c-form01 #submitArea button.btnSubmit {
  color: #fff;
  background-image: linear-gradient(-34deg, rgba(var(--color-primary-500), 0.5) 0%, rgba(var(--color-primary-500), 1) 100%);
}
@media (min-width: 768px) {
  .c-form01 #submitArea {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .c-form01 #submitArea button {
    margin: 0 10px;
    height: 80px;
    width: 320px;
    font-size: 1.6rem;
    transition: all 0.3s ease;
  }
  .c-form01 #submitArea button.btnConfirm:hover, .c-form01 #submitArea button.btnAdjust:hover {
    background-color: rgb(var(--color-primary-500));
    color: #fff;
  }
  .c-form01 #submitArea button.btnSubmit {
    position: relative;
    z-index: 1;
  }
  .c-form01 #submitArea button.btnSubmit::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: -2;
    background-image: linear-gradient(-34deg, #208ed4 0%, #54bded 100%);
    background-image: linear-gradient(-34deg, rgba(var(--color-primary-500), 1) 0%, rgba(var(--color-primary-500), 0.5) 100%);
  }
  .c-form01 #submitArea button.btnSubmit:hover::before {
    opacity: 1;
  }
}

/* 確認画面
=========================== */
form.pageConfirm .selectWrap:after {
  display: none;
}
@media (min-width: 768px) {
  form.pageConfirm .c-form01 th {
    padding: 30px 0 30px 20px;
  }
  form.pageConfirm .c-form01__label {
    top: 31px;
  }
}

/* c-head01
================================= */
.c-head01 {
  margin-bottom: 20px;
  font-size: 2.6rem;
}
@media (min-width: 768px) {
  .c-head01 {
    margin-bottom: 40px;
    font-size: 3.2rem;
  }
}

.c-head01.is-no-mb {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-head01.is-no-mb {
    margin-bottom: 0;
  }
}

/* c-head02
=================================== */
.c-head02 {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.c-head02__main {
  font-size: 1.2rem;
  font-weight: 700;
  color: rgb(var(--color-primary-500));
  line-height: var(--line-height_head);
}
.c-head02__main.u-font-en {
  font-size: 1.4rem;
}
.c-head02__sub {
  font-size: 2.8rem;
}
.c-head02__sub small {
  display: block;
  font-size: 2.2rem;
}
@media (min-width: 768px) {
  .c-head02:not(.u-text-center) {
    text-align: left;
  }
  .c-head02__main {
    font-size: 1.6rem;
  }
  .c-head02__main.u-font-en {
    font-size: 2.6rem;
  }
  .c-head02__sub {
    font-size: 5rem;
  }
  .c-head02__sub small {
    font-size: 4rem;
  }
}

/* c-head03
====================================== */
.c-head03 {
  font-size: 1.8rem;
  line-height: var(--line-height_head);
  font-weight: 700;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .c-head03 {
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
}

/* c-head04
====================================== */
.c-head04 {
  font-size: 2.2rem;
  line-height: var(--line-height_head);
  font-weight: 700;
}
@media (min-width: 768px) {
  .c-head04 {
    font-size: 3.2rem;
  }
}

/* c-head05 左に飾り＋下線つき
================================ */
.c-head05 {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(var(--color-border));
  line-height: 1.5;
}
.c-head05__head {
  position: relative;
  padding-left: 15px;
  font-size: 1.6rem;
  font-weight: 600;
}
.c-head05__head:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 75%;
  width: 4px;
  background: linear-gradient(to bottom, rgba(var(--color-primary-500), 0.5) 0%, rgba(var(--color-primary-500), 0.5) 50%, rgb(var(--color-primary-500)) 50%, rgb(var(--color-primary-500)) 100%);
}
.c-head05__btn {
  margin-left: auto;
  min-height: 30px;
}
.c-head05__btn > a {
  display: flex;
  align-items: center;
  padding: 0 12px;
  min-height: 30px;
  background: #fff;
  border: 2px solid #e1e1e1;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 500;
  box-sizing: border-box;
  letter-spacing: 0.04em;
  transition: all 0.3s ease;
}
.c-head05__btn > a:before {
  content: "";
  margin-right: 7px;
  width: 13px;
  height: 13px;
  background: url("https://green-energy.co.jp/img/common/ico_arw01.png") no-repeat center/contain;
}
@media (min-width: 768px) {
  .c-head05 {
    margin-bottom: 25px;
    padding-bottom: 8px;
  }
  .c-head05__head {
    padding-left: 23px;
    font-size: 2rem;
  }
  .c-head05__head:before {
    height: 75%;
    width: 5px;
  }
  .c-head05__btn {
    min-height: 40px;
  }
  .c-head05__btn > a {
    padding: 0 25px;
    min-height: 40px;
    font-size: 1.6rem;
  }
  .c-head05__btn > a:before {
    width: 16px;
    height: 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-head05__btn > a:hover {
    background: #f8f8f8;
  }
}

/* c-head05.is-large
================================= */
.c-head05.is-large {
  border-bottom-width: 2px;
}
.c-head05.is-large .c-head05__head {
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .c-head05.is-large {
    padding-bottom: 14px;
  }
  .c-head05.is-large .c-head05__head {
    font-size: 2.6rem;
  }
}

/* c-head06 短い下線つき
====================================== */
.c-head06 {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 23px;
  font-size: 2.1rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.5;
}
.c-head06::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: rgb(var(--color-primary-500));
}
.c-head06-txt {
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  .c-head06 {
    padding-bottom: 22px;
    margin-bottom: 44px;
    font-size: 3rem;
  }
  .c-head06::before {
    width: 40px;
    height: 4px;
  }
  .c-head06__txt {
    text-align: center;
  }
  .c-head06-txt {
    margin-bottom: 50px;
    text-align: center;
  }
}

/* c-head07 横棒つき
================================== */
.c-head07 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 25px;
  line-height: 1.6;
  color: rgb(var(--color-primary-500));
  font-size: 1.8rem;
  font-weight: 700;
  backface-visibility: hidden;
}
.c-head07:before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  width: 20px;
  height: 1px;
  background-color: rgb(var(--color-primary-500));
}
@media (min-width: 768px) {
  .c-head07 {
    padding-left: 28px;
    font-size: 2rem;
  }
  .c-head07:before {
    top: 15px;
  }
}

/* c-history01
=============================== */
.c-history01 {
  position: relative;
  overflow: hidden;
}
.c-history01::before {
  position: absolute;
  top: -2px;
  left: 5px;
  content: "";
  display: block;
  width: 2050px;
  height: 2px;
  background-image: linear-gradient(to right, rgb(var(--color-border)), rgb(var(--color-border)) 4px, transparent 4px, transparent 8px);
  /* 幅2の線を作る */
  background-size: 9px 2px;
  /* グラデーションの幅・高さを指定 */
  background-position: left bottom;
  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;
  /* 横向きにのみ繰り返す */
  rotate: 90deg;
  transform-origin: top left;
}
.c-history01__item {
  position: relative;
  padding-left: 40px;
}
.c-history01__item::before {
  position: absolute;
  top: 12px;
  left: 2px;
  content: "";
  display: block;
  width: 27px;
  height: 1px;
  background-color: rgb(var(--color-primary-300));
}
.c-history01__item::after {
  position: absolute;
  top: 12px;
  left: 131px;
  right: 0;
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: rgb(var(--color-grayscale-500));
}
.c-history01__item + .c-history01__item {
  margin-top: 20px;
}
.c-history01__item-circle {
  position: absolute;
  top: 9px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: rgb(var(--color-grayscale_800));
  border-radius: 50%;
}
.c-history01__item-date {
  font-size: 1.7rem;
  color: rgb(var(--color-grayscale_800));
}
.c-history01__item-txt span.is-blue {
  color: rgb(var(--color-secondary-500));
}
@media (min-width: 768px) {
  .c-history01 {
    padding-top: 37px;
    margin-left: 37px;
  }
  .c-history01::before {
    top: -14px;
    left: 8px;
    width: 2855px;
  }
  .c-history01__item {
    padding-left: 150px;
  }
  .c-history01__item::before {
    top: 25px;
    width: 111px;
    height: 1px;
  }
  .c-history01__item::after {
    top: 14px;
    left: 210px;
  }
  .c-history01__item + .c-history01__item {
    margin-top: 30px;
  }
  .c-history01__item-circle {
    top: 18px;
    left: 0;
    width: 15px;
    height: 15px;
  }
  .c-history01__item-date {
    font-size: 2.2rem;
  }
}

/* .c-ico
================================================== */
.c-ico {
  display: inline-block;
  vertical-align: baseline;
}
.c-ico svg {
  transition: all 0.3s ease;
}

/* .c-ico.is-arw01
================================================== */
.c-ico.is-arw01::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}

/* .c-ico.is-arw02
================================================== */
.c-ico.is-arw02 {
  margin-left: 5px;
  color: green;
}
/* .c-ico.is-arw03
================================================== */
.c-ico.is-arw03::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 4px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}

/* .c-ico.is-blank01
================================================== */
.c-ico.is-blank01 {
  margin-left: 5px;
}
.c-ico.is-blank01::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.004 8.998"><path d="M7566,22026v-5.334h1.78v.891h-.89v3.553h3.56v-.889h.885V22026Zm2.67-2.67V22018H7574v5.328Zm.89-.885h3.554v-3.559h-3.554Z" transform="translate(-7565.498 -22017.502)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.004 8.998"><path d="M7566,22026v-5.334h1.78v.891h-.89v3.553h3.56v-.889h.885V22026Zm2.67-2.67V22018H7574v5.328Zm.89-.885h3.554v-3.559h-3.554Z" transform="translate(-7565.498 -22017.502)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all 0.3s ease;
}

/* .c-ico.is-blank02
================================================== */
.c-ico.is-blank02 {
  color: green;
  margin-left: 5px;
}
/* .c-ico.is-blank03
================================================== */
.c-ico.is-blank03 {
  margin-left: 5px;
}
.c-ico.is-blank03::after {
  background: linear-gradient(to right, #22c1c3 0%, #fdbb2d 100%);
}

/* .c-ico.is-mail01
================================================== */
.c-ico.is-mail01 {
  color: skyblue;
  margin-right: 5px;
}
/* .c-ico.is-map01
================================================== */
.c-ico.is-map01 {
  color: violet;
  margin-right: 5px;
}
.c-ico.is-map01::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 15px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 20"><path fill="currentColor" d="M6.841.005c-3.85.08-6.91 3.27-6.84 7.12 0 1.2.29 2.39.86 3.45.04.07.07.14.11.2l5.87 9.22 5.87-9.2c.04-.07.08-.14.12-.22.56-1.06.86-2.25.85-3.45.08-3.86-2.99-7.04-6.84-7.12m0 10.23a3.05 3.05 0 0 1-2.98-3.1 3.04 3.04 0 0 1 2.98-3.1c1.68.04 3.01 1.42 2.98 3.1a3.04 3.04 0 0 1-2.98 3.1"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 20"><path fill="currentColor" d="M6.841.005c-3.85.08-6.91 3.27-6.84 7.12 0 1.2.29 2.39.86 3.45.04.07.07.14.11.2l5.87 9.22 5.87-9.2c.04-.07.08-.14.12-.22.56-1.06.86-2.25.85-3.45.08-3.86-2.99-7.04-6.84-7.12m0 10.23a3.05 3.05 0 0 1-2.98-3.1 3.04 3.04 0 0 1 2.98-3.1c1.68.04 3.01 1.42 2.98 3.1a3.04 3.04 0 0 1-2.98 3.1"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all 0.3s ease;
}

/* .c-ico.is-search01
================================================== */
.c-ico.is-search01 {
  color: red;
  margin-right: 5px;
}
/* .c-ico.is-tel01
================================================== */
.c-ico.is-tel01 {
  color: pink;
  margin-right: 5px;
}
/* c-img01
====================================== */
.c-img01 img {
  width: 100%;
}
@media (max-width: 767px) {
  .c-img01 {
    margin-inline: -15px;
  }
}

/* .c-info01
================================================== */
.c-info01__inner {
  background-color: rgb(var(--color-bg01));
  padding-top: 40px;
  padding-bottom: 50px;
}
.c-info01 .c-head01 {
  font-weight: 700;
  text-align: center;
}
.c-info01__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.c-info01 .c-link01 {
  border-bottom: 1px solid rgb(var(--color-border));
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 15px;
}
.c-info01 .c-link01__in {
  border-bottom: none;
  padding-bottom: 0;
}
.c-info01 .c-link01__in::after {
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .c-info01__inner {
    padding-top: 50px;
    padding-bottom: 80px;
  }
  .c-info01 .c-head01 {
    max-width: 840px;
    margin: 0 auto 30px;
    text-align: left;
  }
  .c-info01 .c-link01 {
    padding-bottom: 25px;
  }
  .c-info01__list {
    max-width: 840px;
    margin: auto;
    gap: 30px 68px;
  }
  .c-info01__list.is-col3-tb {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 28px;
  }
}

/* .c-link01
================================================== */
.c-link01__in {
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(var(--color-border));
  position: relative;
}
.c-link01__in::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  background-color: rgb(var(--color-primary-500));
  position: absolute;
  top: 9px;
  right: 0;
}
.c-link01__txt {
  font-weight: 700;
  line-height: var(--line-height_head);
  transition: all 0.3s ease;
}
.c-link01__txt:visited {
  color: rgb(var(--color-primary-400));
}
@media (hover: hover) and (pointer: fine) {
  .c-link01__in:hover .c-link01__txt {
    color: rgb(var(--color-primary-500));
  }
}

.c-list-decimal01 {
  counter-reset: num;
}
.c-list-decimal01__item {
  counter-increment: num;
  position: relative;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  flex: 1;
}
.c-list-decimal01__item::before {
  content: counter(num, decimal-leading-zero) ".";
  display: inline-block;
  padding-right: 0.5em;
  white-space: nowrap;
  color: rgb(var(--main));
}

/*  .c-list01
================================================== */
.c-list01 {
  list-style: none;
}
.c-list01__item {
  position: relative;
  padding-left: 0.9em;
  box-sizing: border-box;
  line-height: var(--line-height_head);
}
.c-list01__item + .c-list01__item {
  margin-top: 0.3em;
}
.c-list01__item::before {
  content: "";
  position: absolute;
  top: calc(.9em - 4px);
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgb(var(--color-primary-500));
}
@media (min-width: 768px) {
  .c-list01__item + .c-list01__item {
    margin-top: 0.7em;
  }
}

/*  .c-map01
================================================== */
.c-map01__in {
  text-decoration: underline !important;
}
.c-map01__in::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 15px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 20"><path fill="currentColor" d="M6.841.005c-3.85.08-6.91 3.27-6.84 7.12 0 1.2.29 2.39.86 3.45.04.07.07.14.11.2l5.87 9.22 5.87-9.2c.04-.07.08-.14.12-.22.56-1.06.86-2.25.85-3.45.08-3.86-2.99-7.04-6.84-7.12m0 10.23a3.05 3.05 0 0 1-2.98-3.1 3.04 3.04 0 0 1 2.98-3.1c1.68.04 3.01 1.42 2.98 3.1a3.04 3.04 0 0 1-2.98 3.1"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 20"><path fill="currentColor" d="M6.841.005c-3.85.08-6.91 3.27-6.84 7.12 0 1.2.29 2.39.86 3.45.04.07.07.14.11.2l5.87 9.22 5.87-9.2c.04-.07.08-.14.12-.22.56-1.06.86-2.25.85-3.45.08-3.86-2.99-7.04-6.84-7.12m0 10.23a3.05 3.05 0 0 1-2.98-3.1 3.04 3.04 0 0 1 2.98-3.1c1.68.04 3.01 1.42 2.98 3.1a3.04 3.04 0 0 1-2.98 3.1"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all 0.3s ease;
  background-color: rgb(var(--color-primary-500));
  margin-right: 7px;
}
@media (min-width: 768px) {
  .c-map01__in::before {
    width: 16px;
    height: 21px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-map01__in:hover {
    text-decoration: none !important;
  }
}

/*  .c-member01-intro
================================================== */
.c-member01-intro__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.c-member01-intro__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}
.c-member01-intro__header-img {
  max-width: 50px;
}
.c-member01-intro__header-txt span {
  font-weight: 700;
  font-size: 2.6rem;
  color: rgb(var(--color-primary-500));
  padding-bottom: 5px;
  line-height: 1.96;
  border-bottom: 1px solid rgb(var(--color-primary-500));
}
.c-member01-intro__txt {
  font-size: 1.6rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .c-member01-intro__inner {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .c-member01-intro__header {
    gap: 20px;
    margin-bottom: 60px;
  }
  .c-member01-intro__header-img {
    max-width: 65px;
  }
  .c-member01-intro__header-txt span {
    font-size: 5rem;
    line-height: 2.08;
  }
  .c-member01-intro__txt {
    max-width: 740px;
    margin: auto;
    font-size: 2.6rem;
  }
}

/* .c-member01-msg
============================ */
.c-member01-msg__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.c-member01-msg__set + .c-member01-msg__set {
  margin-top: 60px;
}
.c-member01-msg__set-img {
  max-width: 236px;
  margin: auto;
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
}
.c-member01-msg__set-textarea {
  margin-top: 25px;
}
.c-member01-msg__set-position {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .c-member01-msg__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .c-member01-msg__set {
    display: grid;
    grid-template-columns: 500px minmax(0, 1fr);
    gap: 100px;
  }
  .c-member01-msg__set + .c-member01-msg__set {
    margin-top: 140px;
  }
  .c-member01-msg__set.is-reverse {
    grid-template-columns: minmax(0, 1fr) 500px;
  }
  .c-member01-msg__set.is-reverse .c-member01-msg__set-img {
    order: 1;
  }
  .c-member01-msg__set-img {
    max-width: 100%;
  }
  .c-member01-msg__set-textarea {
    margin-top: 50px;
  }
  .c-member01-msg__set-position {
    font-size: 2.6rem;
  }
}

/* .c-member01-staff
============================ */
.c-member01-staff__inner.u-inner {
  padding: 50px 30px;
}
.c-member01-staff__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.c-member01-staff__item-img {
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
}
.c-member01-staff__item-img img {
  width: 100%;
}
.c-member01-staff__item-txt {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .c-member01-staff .c-head01 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .c-member01-staff__inner.u-inner {
    padding: 120px var(--body_padding_side);
  }
  .c-member01-staff__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 27px;
  }
  .c-member01-staff__item-head {
    font-size: 2.4rem;
    margin-top: 15px;
  }
  .c-member01-staff__item-txt {
    margin-top: 25px;
  }
}

/* .c-member01-link
============================ */
.c-member01-link__inner.u-inner {
  padding: 50px 30px;
}
.c-member01-link__set {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.c-member01-link__set-img {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 22px 25px;
  background-color: #3c4446;
}
.c-member01-link__set-list {
  display: grid;
  grid-template-columns: 1fr;
  align-self: start;
  gap: 20px;
}
@media (min-width: 768px) {
  .c-member01-link__inner.u-inner {
    padding: 120px var(--body_padding_side);
  }
  .c-member01-link__set {
    grid-template-columns: 560px minmax(0, 1fr);
    gap: 102px;
  }
  .c-member01-link__set-img {
    padding: 45px;
  }
  .c-member01-link__set-list {
    gap: 21px;
  }
  .c-member01-link__set .c-link01__in {
    padding-bottom: 25px;
  }
}

/* .c-member01-company
============================ */
.c-member01-company__inner {
  box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 50px;
  border: 1px solid rgb(var(--color-border));
  background-color: rgb(var(--color-bg01));
}
.c-member01-company__set {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.c-member01-company__set-companys {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
.c-member01-company__set-company-txt {
  font-weight: 700;
  line-height: var(--line-height_head);
  margin-top: 10px;
}
.c-member01-company__set-textarea {
  order: -1;
}
.c-member01-company__set-head {
  margin-bottom: 15px;
  font-weight: 700;
  line-height: var(--line-height_head);
  font-size: 2.2rem;
}
@media (min-width: 768px) {
  .c-member01-company__inner {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .c-member01-company__set {
    grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
    gap: 50px;
    align-items: center;
  }
  .c-member01-company__set-companys {
    gap: 20px;
  }
  .c-member01-company__set-company-img img {
    width: 100%;
  }
  .c-member01-company__set-company-txt {
    margin-top: 20px;
  }
  .c-member01-company__set-textarea {
    order: 1;
  }
  .c-member01-company__set-head {
    font-size: 3.2rem;
  }
}

/* c-modal01
=============================== */
.c-modal01 {
  position: relative;
  z-index: 20;
}
.c-modal01[aria-hidden=false] .c-modal01__overlay {
  animation: c-modal01-fadein 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal01[aria-hidden=false] .c-modal01__container {
  animation: c-modal01-slideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal01[aria-hidden=true] .c-modal01__overlay {
  animation: c-modal01-fadeout 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal01[aria-hidden=true] .c-modal01__container {
  animation: c-modal01-slideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal01__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-modal01__container {
  position: relative;
  width: calc(100% - 30px);
  max-width: 1280px;
}
.c-modal01__container-in {
  background-color: rgb(var(--color-white));
  padding: 20px 15px;
  max-height: 70vh;
  box-sizing: border-box;
  overflow-y: auto;
}
.c-modal01__close {
  position: absolute;
  top: -50px;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  font-size: 1.4rem;
  color: rgb(var(--color-white));
}
.c-modal01__close::before {
  content: "";
  display: block;
  width: 24px;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-bottom: 4px;
  background-color: rgb(var(--color-white));
  -webkit-clip-path: path("M13.6 12 24 22.4 22.4 24 12 13.6 1.6 24 0 22.4 10.4 12 0 1.6 1.6 0 12 10.4 22.4 0 24 1.6 13.6 12Z");
  clip-path: path("M13.6 12 24 22.4 22.4 24 12 13.6 1.6 24 0 22.4 10.4 12 0 1.6 1.6 0 12 10.4 22.4 0 24 1.6 13.6 12Z");
}
@media (min-width: 768px) {
  .c-modal01__container-in {
    max-height: 85vh;
    padding: clamp(30px, -45px + 9.766vw, 80px);
  }
  .c-modal01__close {
    top: clamp(5px, -20.5px + 3.32vw, 22px);
    right: clamp(5px, -20.5px + 3.32vw, 22px);
    color: rgb(var(--color-sub-text));
  }
  .c-modal01__close::before {
    background-color: rgb(var(--color-sub-text));
  }
}

.c-modal01-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.c-modal01-content:not(.is-col1) {
  gap: 15px;
}
.c-modal01-content__about {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  box-sizing: border-box;
  padding: 25px 15px;
  background-color: rgb(var(--color-bg02));
  border-radius: 10px;
  text-align: left;
}
.c-modal01-content__about-head {
  font-size: 2rem;
}
.c-modal01-content__about-txt {
  margin-top: 10px;
}
.c-modal01-content__about-logo {
  width: 218px;
  margin: 15px auto 0;
}
.c-modal01-content__about-logo.is-logo02 {
  width: 192px;
}
.c-modal01-content__about-logo.is-logo05 {
  width: 275px;
}
.c-modal01-content__bnr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.c-modal01-content__bnr-item-in {
  position: relative;
  display: grid;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-modal01-content__bnr-item-in::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 4px;
  background-color: currentColor;
  color: rgb(var(--color-white));
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%204%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.8%203.33%2013.68.06a.49.49%200%200%200-.43-.01.36.36%200%200%200-.22.32v2.9H.43a.4.4%200%200%200-.43.37.4.4%200%200%200%20.43.36h19.14a.42.42%200%200%200%20.41-.26.34.34%200%200%200-.18-.41m-5.92-.06V1.02l4.2%202.25h-4.2Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  position: absolute;
  bottom: 20px;
  right: 20px;
  transition: transform 0.3s ease;
}
.c-modal01-content__bnr-item-txt {
  position: absolute;
  padding: 0 20px;
  color: rgb(var(--color-white));
  text-align: left;
  font-size: 1.2rem;
  font-weight: 700;
}
.c-modal01-content__bnr-item-txt-in {
  display: block;
  font-size: 3rem;
}
.c-modal01-content__bnr-item-img {
  width: 100%;
  height: 100%;
}
.c-modal01-content__bnr-item-img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-modal01-content__nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  box-sizing: border-box;
}
.c-modal01-content__nav-img img {
  border-radius: 10px;
}
.c-modal01-content__nav-list {
  margin-top: 10px;
}
.c-modal01-content__details {
  padding-top: 25px;
  padding-bottom: 20px;
}
.c-modal01-content__details-head {
  font-size: 2rem;
}
.c-modal01-content__details-txt {
  margin-top: 10px;
}
.c-modal01-content__details-img {
  margin-top: 20px;
}
.c-modal01-content__details-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 30px;
}
.c-modal01-content__details-list-logo {
  width: 218px;
}
.c-modal01-content__details-list-logo.is-logo02 {
  width: 252px;
}
.c-modal01-content__details-list-logo.is-logo05 {
  width: 275px;
}
.c-modal01-content__details-list-logo.is-logo06 {
  width: 138px;
}
.c-modal01-content__details-list-btn {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .c-modal01-content {
    gap: 30px;
  }
  .c-modal01-content:not(.is-col1) {
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
    gap: 40px;
  }
  .c-modal01-content__about {
    min-height: 550px;
    padding: 60px 40px;
  }
  .c-modal01-content__about-box {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .c-modal01-content__about-head {
    font-size: 3.2rem;
  }
  .c-modal01-content__about-txt {
    margin-top: 20px;
    font-size: 2rem;
    line-height: 1.8;
  }
  .c-modal01-content__about-logo {
    width: 290px;
    margin: 30px auto 0;
  }
  .c-modal01-content__about-logo.is-logo02 {
    width: clamp(192px, 25.5px + 21.68vw, 303px);
  }
  .c-modal01-content__about-logo.is-logo05 {
    width: clamp(275px, 129.5px + 18.945vw, 372px);
  }
  .c-modal01-content__bnr {
    gap: 20px;
  }
  .c-modal01-content__bnr-item-in::after {
    width: 30px;
    height: 7px;
  }
  .c-modal01-content__bnr-item-txt {
    padding: 0 clamp(20px, -40px + 7.813vw, 60px);
    font-size: 1.6rem;
  }
  .c-modal01-content__bnr-item-txt-in {
    margin-bottom: 5px;
    font-size: 5rem;
  }
  .c-modal01-content__nav {
    gap: 40px;
    min-height: 550px;
    padding-bottom: 60px;
  }
  .c-modal01-content__nav-list {
    max-width: 315px;
    margin: 40px auto 0;
  }
  .c-modal01-content__nav-list.is-wide {
    max-width: 354px;
  }
  .c-modal01-content__nav-img {
    text-align: center;
  }
  .c-modal01-content__details {
    padding-top: 0;
    padding-bottom: 0;
  }
  .c-modal01-content__details-head {
    font-size: 3.2rem;
  }
  .c-modal01-content__details-txt {
    margin-top: 20px;
  }
  .c-modal01-content__details-box {
    position: relative;
    padding-bottom: 237px;
  }
  .c-modal01-content__details-img {
    margin-top: 58px;
    text-align: center;
  }
  .c-modal01-content__details-img img {
    margin-right: 10px;
  }
  .c-modal01-content__details-list {
    display: block;
    margin-top: 0;
  }
  .c-modal01-content__details-list-item {
    position: absolute;
    z-index: 2;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 260px;
    max-width: 260px;
  }
  .c-modal01-content__details-list-item:nth-child(1) {
    top: 20px;
    left: 0;
  }
  .c-modal01-content__details-list-item:nth-child(2) {
    top: 50px;
    right: 0;
  }
  .c-modal01-content__details-list-item:nth-child(3) {
    top: 200px;
    left: 0;
  }
  .c-modal01-content__details-list-item:nth-child(4) {
    top: 360px;
    right: 0;
  }
  .c-modal01-content__details-list-item:nth-child(5) {
    top: 400px;
    left: 0;
  }
  .c-modal01-content__details-list-item:nth-child(6) {
    left: 50%;
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: 400px 260px;
    align-items: center;
    gap: 0 40px;
    margin-top: 20px;
    max-width: unset;
  }
  .c-modal01-content__details-list-txt {
    font-size: 2rem;
  }
  .c-modal01-content__details-list-btn {
    margin-top: 15px;
    max-width: 260px;
    margin-inline: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-modal01-content__bnr-item-in::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    border-radius: 10px;
    transition: opacity 0.3s ease;
  }
  .c-modal01-content__bnr-item-in:hover::before {
    opacity: 1;
  }
  .c-modal01-content__bnr-item-in:hover::after {
    transform: translateX(15px);
  }
}

@keyframes c-modal01-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes c-modal01-fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes c-modal01-slideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes c-modal01-slideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
/* .c-nav01
================================================ */
.c-nav01 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
  text-align: left;
}
.c-nav01__item-head {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(var(--color-border));
  font-size: 1.6rem;
  font-weight: 700;
  line-height: var(--line-height_head);
}
.c-nav01__child {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}
.c-nav01__child-item-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
  line-height: var(--line-height_head);
}
.c-nav01__child-item-in::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: rgb(var(--color-primary-500));
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}
.c-nav01__child.is-large {
  row-gap: 10px;
}
.c-nav01__child.is-large .c-nav01__child-item-in {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-nav01 {
    grid-template-columns: repeat(4, 260px);
    justify-content: space-between;
  }
  .c-nav01__item-head {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 2rem;
    box-sizing: border-box;
    height: 76px;
    display: flex;
    align-items: flex-end;
  }
  .c-nav01__child {
    row-gap: 15px;
  }
  .c-nav01__child-item-in {
    font-size: 1.4rem;
  }
  .c-nav01__child.is-large {
    row-gap: 20px;
  }
  .c-nav01__child.is-large .c-nav01__child-item-in {
    font-size: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-nav01__child-item-in {
    transition: color 0.3s ease;
  }
  .c-nav01__child-item-in:hover {
    color: rgb(var(--color-primary-500));
  }
}

/* c-note01
=============================== */
.c-note01 {
  box-sizing: border-box;
  padding-left: 1em;
  color: rgb(var(--color-sub-text));
  font-size: 1.3rem;
  text-indent: -1em;
  line-height: var(--line-height_head);
}
.c-note01:before {
  content: "※";
}
@media (min-width: 768px) {
  .c-note01 {
    font-size: 1.5rem;
  }
}

.c-note01.is-no-ico {
  text-indent: unset;
  padding-left: unset;
}
.c-note01.is-no-ico:before {
  content: none;
}

/* ol.c-note01-list
=============================== */
ol.c-note01-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 6px;
  counter-reset: note01 0;
}
ol.c-note01-list .c-note01 {
  counter-increment: note01 1;
  padding-left: 2em;
  text-indent: -2em;
}
ol.c-note01-list .c-note01::before {
  content: "※" counter(note01) ".";
}

/* c-note02
=============================== */
.c-note02 {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  box-sizing: border-box;
  font-size: 1.3rem;
  line-height: var(--line-height_head);
}
.c-note02__pointer {
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 7px;
}
@media (min-width: 768px) {
  .c-note02 {
    font-size: 1.4rem;
  }
}

/* .c-pager01
===================================*/
.c-pager01 {
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  margin: 50px -8px -10px;
}
.c-pager01 li {
  margin: 0 8px 10px;
}
.c-pager01 li a, .c-pager01 li span {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-width: 40px;
  height: 40px;
  line-height: 1;
  border: none;
  text-decoration: none;
  background: rgb(var(--color-bg02));
  font-size: 1.6rem;
  font-weight: 700;
  transition: all 0.3s ease;
}
.c-pager01 li.pages span {
  width: auto;
  border: 0;
}
.c-pager01 li.current span {
  color: #fff;
  background: rgb(var(--color-primary-500));
}
.c-pager01 li.previous a, .c-pager01 li.next a {
  position: relative;
  display: block;
  overflow: hidden;
  text-indent: -200vw;
  white-space: nowrap;
  color: #fff;
  background: rgb(var(--color-primary-500));
}
.c-pager01 li.previous a:before, .c-pager01 li.next a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}
.c-pager01 li.previous a:before {
  transform: translate(-50%, -50%) scale(-1, -1);
}
.c-pager01 li.first a, .c-pager01 li.last a {
  width: auto;
  border-color: transparent;
  padding-right: 15px;
  padding-left: 15px;
}
.c-pager01 li.first, .c-pager01 li.previous {
  margin-right: 10px;
}
.c-pager01 li.next, .c-pager01 li.last {
  margin-left: 10px;
}
.c-pager01 li.extend span {
  border: 0;
}
@media (min-width: 768px) {
  .c-pager01 {
    margin-top: 70px;
  }
  .c-pager01 li {
    margin: 0 10px 10px;
  }
  .c-pager01 li a, .c-pager01 li span {
    min-width: 50px;
    height: 50px;
    font-size: 2rem;
  }
  .c-pager01 li.first, .c-pager01 li.previous {
    margin-right: 5px;
  }
  .c-pager01 li.next, .c-pager01 li.last {
    margin-left: 5px;
  }
  .c-pager01 li.previous a::before, .c-pager01 li.next a::before {
    width: 9px;
    height: 12px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-pager01 li a:hover {
    text-decoration: none;
    background-color: rgb(var(--color-primary-500));
    color: #fff;
  }
  .c-pager01 li.previous a:hover, .c-pager01 li.next a:hover {
    opacity: 0.7;
  }
}

/*  .c-pager02
================================================== */
.c-pager02 {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 45px 0;
}
.c-pager02 a {
  text-decoration: none;
  color: rgb(var(--color-primary-500));
  font-weight: 600;
  font-size: 1.3rem;
  background: no-repeat center/7px auto;
}
.c-pager02__all {
  display: block;
  order: -1;
  width: 100%;
  margin-bottom: 13px;
  text-align: center;
}
.c-pager02__all > a {
  display: block;
  padding: 8px;
  background: rgb(var(--color-primary-500));
  color: #fff;
}
.c-pager02__previous {
  margin-right: auto;
}
.c-pager02__previous a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  width: 8px;
  height: 13px;
  transform: scale(-1, 1);
  margin-right: 0.5em;
  margin: -2px 10px 0 0;
  vertical-align: middle;
}
.c-pager02__next {
  margin-left: auto;
}
.c-pager02__next a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  width: 8px;
  height: 13px;
  margin: -2px 0 0 10px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .c-pager02 {
    position: relative;
    padding: 60px 0 0;
  }
  .c-pager02 a {
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    background-size: 8px auto;
  }
  .c-pager02__all {
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%, 0);
    display: block;
    order: 0;
    width: 200px;
    margin-left: auto;
    margin-bottom: 0;
  }
  .c-pager02__all > a {
    display: block;
    padding: 11px;
  }
  .c-pager02__previous {
    width: 200px;
  }
  .c-pager02__previous a:before {
    margin: 0 10px 0 0;
  }
  .c-pager02__next {
    width: 200px;
    text-align: right;
  }
  .c-pager02__next a:after {
    margin: -2px 0 0 10px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-pager02 a {
    transition: all 0.3s ease;
  }
  .c-pager02 a:hover {
    opacity: 0.6;
  }
}

/* c-scroll-img01
==================================== */
@keyframes imgLoop01 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes imgLoop02 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.c-scroll-img01 {
  display: flex;
  overflow: hidden;
  height: 500px;
}
.c-scroll-img01 img:nth-child(odd) {
  animation: imgLoop01 100s -50s linear infinite;
  will-change: transform;
}
.c-scroll-img01 img:nth-child(even) {
  animation: imgLoop02 100s linear infinite;
  will-change: transform;
}
.c-scroll-img01 img {
  display: block;
  object-fit: cover;
  min-width: 2952.6785714286px;
  flex-shrink: 0;
}

/* c-set01
==================================== */
.c-set01 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.c-set01 + .c-set01 {
  margin-top: 30px;
}
.c-set01__areaTxt-txt {
  margin-top: 15px;
}
.c-set01__img {
  text-align: center;
}
.c-set01__img iframe,
.c-set01__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-set01__img iframe {
  aspect-ratio: 16/9;
}
.c-set01__img-caption {
  margin-bottom: 30px;
  font-size: 2rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-set01 {
    flex-direction: row;
    align-items: flex-start;
    gap: 60px;
  }
  .c-set01 + .c-set01 {
    margin-top: 50px;
  }
  .c-set01__areaTxt:not(.is-pt0) {
    padding-top: 40px;
  }
  .c-set01__areaTxt-txt {
    margin-top: 20px;
  }
  .c-set01__img {
    flex: 0 0 49%;
    max-width: 540px;
  }
}

/* c-set01.is-reverse
==================================== */
@media (min-width: 768px) {
  .c-set01.is-reverse {
    flex-direction: row-reverse;
  }
}

/* c-set01.is-sp-reverse
==================================== */
@media (max-width: 767px) {
  .c-set01.is-sp-reverse {
    flex-direction: column-reverse;
    gap: 20px;
  }
}

/* .c-set01.is-sp-img-top
==================================== */
@media (max-width: 767px) {
  .c-set01.is-sp-img-top .c-set01__img {
    order: -1;
  }
}

/* c-set01.is-items-center
==================================== */
@media (min-width: 768px) {
  .c-set01.is-items-center {
    align-items: center;
  }
  .c-set01.is-items-center .c-set01__areaTxt {
    padding-top: 0;
  }
}

/* c-set02 見出し＋テキスト
==================================== */
.c-set02__txt {
  margin-top: 15px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-set02 {
    max-width: 835px;
    margin-inline: auto;
    margin-block-start: 40px;
  }
  .c-set02__txt {
    margin-top: 20px;
    font-size: 2.2rem;
  }
}

/* c-single01
------------------------------------- */
.c-single01__header-img {
  margin: 18px 0 20px;
}
.c-single01__header-img img {
  box-sizing: border-box;
  display: block;
  margin: auto;
  border-style: solid;
  border-width: 0 10px;
  border-color: rgb(var(--color-grayscale-200));
}
.c-single01__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.c-single01__time {
  display: inline-block;
  padding: 2px 0;
  margin-right: 10px;
}
.c-single01__cat {
  display: inline-block;
  font-size: 0;
}
.c-single01__cat-item {
  display: inline-block;
  padding: 2px 10px;
  margin: 0 3px 3px 0;
  font-size: 1.1rem;
  line-height: var(--line-height_head);
  text-align: center;
  background: #e2eaed;
  box-sizing: border-box;
  color: rgb(var(--color-primary-500));
}
.c-single01__head {
  padding-top: 7px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c-single01__header {
    overflow: hidden;
  }
  .c-single01__header-img {
    margin: 33px -26px 40px;
  }
  .c-single01__header-img img {
    border-width: 0 26px;
  }
  .c-single01__meta {
    flex: 1;
  }
  .c-single01__time {
    margin-right: 20px;
    font-size: 1.8rem;
  }
  .c-single01__cat-item {
    padding: 4px 10px;
    min-width: 120px;
    font-size: 1.3rem;
  }
  .c-single01__head {
    padding-top: 20px;
    font-size: 2rem;
  }
}

/* .c-single-content
================================================== */
.c-single-content {
  overflow: hidden;
  padding: 40px 0 30px;
  border-bottom: 1px solid rgb(var(--color-grayscale-500));
}
.c-single-content *:first-child {
  margin-top: 0;
}
.c-single-content *:first-child img {
  margin-top: 0;
}
.c-single-content *:first-child iframe {
  margin-top: 0;
}
.c-single-content *:last-child {
  margin-bottom: 0;
}
.c-single-content p {
  max-width: 100%;
  margin: 1em 0;
}
.c-single-content h1,
.c-single-content h2,
.c-single-content h3,
.c-single-content h4,
.c-single-content ul,
.c-single-content ol {
  clear: both;
}
.c-single-content h2 {
  margin: 2em 0 15px;
  padding: 7px 20px;
  background: rgb(var(--color-primary-500));
  color: #fff;
  font-size: 1.9rem;
}
.c-single-content h2 * {
  color: #fff !important;
}
.c-single-content h3 {
  position: relative;
  margin-top: 2em;
  margin-bottom: 15px;
  padding: 0 0 5px 15px;
  border-bottom: 1px solid rgb(var(--color-grayscale-500));
  font-size: 1.6rem;
}
.c-single-content h3:before {
  content: "";
  position: absolute;
  top: 5%;
  left: 0;
  height: 75%;
  width: 4px;
  background: linear-gradient(to bottom, rgb(var(--color-primary-100)) 0%, rgb(var(--color-primary-100)) 50%, rgb(var(--color-primary-500)) 50%, rgb(var(--color-primary-500)) 100%);
}
.c-single-content h4 {
  margin-top: 2em;
  margin-bottom: 15px;
  color: rgb(var(--color-primary-500));
}
.c-single-content ul {
  margin: 1em 0;
  padding: 0;
}
.c-single-content ul li {
  position: relative;
  padding-left: 0.9em;
  list-style-type: none;
  line-height: var(--line-height_head);
}
.c-single-content ul li + .c-single-content ul li {
  margin-top: 0.3em;
}
.c-single-content ul li:before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgb(var(--color-primary-500));
}
.c-single-content ol {
  margin: 1em 0;
  padding: 0;
  counter-reset: single-num;
}
.c-single-content ol li {
  list-style-type: none;
  counter-increment: single-num;
  position: relative;
  text-indent: -1.25em;
  margin-left: 1.25em;
}
.c-single-content ol li:before {
  content: counter(single-num) ".";
  margin-right: 0.25em;
  color: rgb(var(--color-primary-500));
}
.c-single-content strong, .c-single-content b {
  font-weight: bold;
}
.c-single-content em {
  font-style: italic;
}
.c-single-content blockquote {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  border: 5px solid rgb(var(--color-grayscale-500));
}
.c-single-content a {
  color: rgb(var(--color-secondary-500));
  transition: opacity 0.3s ease;
}
.c-single-content a[target=_blank] {
  word-break: normal;
}
.c-single-content a[target=_blank][target]:not(:has(img)):after {
  margin-left: 5px;
  content: "";
  display: inline-block;
  width: 10px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.004 8.998"><path d="M7566,22026v-5.334h1.78v.891h-.89v3.553h3.56v-.889h.885V22026Zm2.67-2.67V22018H7574v5.328Zm.89-.885h3.554v-3.559h-3.554Z" transform="translate(-7565.498 -22017.502)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.004 8.998"><path d="M7566,22026v-5.334h1.78v.891h-.89v3.553h3.56v-.889h.885V22026Zm2.67-2.67V22018H7574v5.328Zm.89-.885h3.554v-3.559h-3.554Z" transform="translate(-7565.498 -22017.502)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-single-content iframe,
.c-single-content video {
  display: block;
  width: 100%;
  height: 56.25vw;
  margin-top: 30px;
}
.c-single-content mark {
  background: linear-gradient(transparent 60%, rgba(var(--color-primary-500), 0.6) 60%);
}
.c-single-content .alignleft {
  display: block;
  margin: 30px auto 20px;
}
.c-single-content .alignright {
  display: block;
  margin: 30px auto 20px;
}
.c-single-content .aligncenter {
  display: block;
  margin: 30px auto 20px;
}
.c-single-content .alignnone {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .c-single-content {
    display: flow-root;
  }
  .c-single-content h2 {
    margin: 0 0 25px;
    padding: 8px 20px;
    font-size: 2rem;
  }
  .c-single-content h3 {
    margin-bottom: 25px;
    padding: 0 0 8px 23px;
    font-size: 2rem;
  }
  .c-single-content h3:before {
    top: 5%;
    height: 75%;
    width: 5px;
  }
  .c-single-content h4 {
    margin-bottom: 25px;
    font-size: 1.8rem;
  }
  .c-single-content .alignleft {
    float: left;
    margin: 5px 1em 1em 0;
    clear: right;
  }
  .c-single-content .alignleft + .alignleft {
    clear: left;
  }
  .c-single-content .alignright {
    float: right;
    margin: 5px 0 1em 1em;
  }
  .c-single-content .aligncenter {
    display: block;
    margin: 30px auto;
    text-align: center;
    clear: both;
  }
  .c-single-content iframe,
.c-single-content video {
    height: auto;
    aspect-ratio: 16/9;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-single-content a:hover {
    text-decoration: none;
  }
}

/* .c-tab01
================================================== */
.c-tab01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -10px 15px 0;
}
.c-tab01__item {
  line-height: var(--line-height_head);
  margin: 0 10px 10px 0;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease;
}
.c-tab01__item.is-active .c-tab01__in {
  border: 1px solid rgb(var(--color-grayscale-500));
  background: #fff;
  color: rgb(var(--color-grayscale-900));
}
.c-tab01__in {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 18px;
  border: 1px solid transparent;
  border-radius: 50px;
  background: rgba(224, 227, 229, 0.5);
  color: rgb(var(--color-grayscale-800));
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .c-tab01 {
    margin: 0 -15px 35px 0;
  }
  .c-tab01__item {
    margin: 0 15px 15px 0;
  }
  .c-tab01__in {
    padding: 7px 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-tab01__in:hover {
    border: 1px solid rgb(var(--color-grayscale-500));
  }
}

/* c-tab02
================================================= */
.c-tab02 {
  display: flex;
  align-items: flex-end;
  overflow-x: auto;
  box-sizing: border-box;
  padding-left: 20px;
}
.c-tab02:before {
  content: "";
  position: absolute;
  left: -20px;
  bottom: 0;
  height: 2px;
  width: calc(100% + 40px);
  background: rgb(var(--color-primary-500));
}
.c-tab02:after {
  content: "";
  display: block;
  min-width: 20px;
  height: 2px;
  background: rgb(var(--color-primary-500));
}
.c-tab02__wrap {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.c-tab02__item {
  position: relative;
  margin: 0 2px;
  background: rgb(var(--color-primary-500));
  border: 2px solid rgb(var(--color-primary-500));
  border-bottom: 0;
  font-size: 1.2rem;
  color: #fff;
  box-sizing: border-box;
}
.c-tab02__item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  width: 8px;

  height: 13px;
  margin-top: 1px;
}
.c-tab02__item.is-active {
  background: #fff;
  color: rgb(var(--color-primary-500));
}
.c-tab02__item.is-active:before {
  position: relative;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #fff;
}
.c-tab02__item.is-active:after {
  content: none;
}
.c-tab02__link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 210px;
  min-height: 50px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0 5px;
}
.c-tab02__content {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .c-tab02 {
    position: relative;
    padding-left: 0;
    overflow-x: visible;
    max-width: var(--contents_width);
    margin: auto;
  }
  .c-tab02.is-center {
    justify-content: center;
  }
  .c-tab02:before, .c-tab02:after {
    display: none;
  }
  .c-tab02__wrap {
    position: relative;
    padding: 0;
    text-align: center;
  }
  .c-tab02__wrap:before {
    content: "";
    position: absolute;
    left: -20px;
    bottom: 0;
    height: 2px;
    width: calc(100% + 40px);
    background: rgb(var(--color-primary-500));
  }
  .c-tab02__item {
    font-size: 1.5rem;
  }
  .c-tab02__link {
    min-width: 240px;
    min-height: 60px;
  }
  .c-tab02__content {
    padding-top: 60px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-tab02__item:hover:after {
    right: 5px;
  }
}

/* c-table01
========================================== */
.c-table01 tbody th, .c-table01 tbody td {
  border: 1px solid rgb(var(--color-border));
  padding: 10px 15px;
  box-sizing: border-box;
}
.c-table01 tbody th {
  font-weight: 700;
  background-color: rgb(var(--color-bg01));
  text-align: left;
}
.c-table01 tbody td p + p {
  margin-top: 1.5em;
}
@media (min-width: 768px) {
  .c-table01 tbody th, .c-table01 tbody td {
    padding: 20px 30px;
  }
  .c-table01 tbody th {
    width: 261px;
  }
}

/* .l-breadcrumb
================================================ */
.l-breadcrumb {
  display: grid;
  align-items: end;
}

.l-breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 20px;
}
.l-breadcrumb-list__item {
  display: inline-block;
  vertical-align: top;
  line-height: var(--line-height_head);
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item {
  margin-left: 7px;
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  background-color: rgb(var(--color-primary-500));
  margin-right: 7px;
  font-size: 0.9rem;
}
.l-breadcrumb-list__txt:is(a) {
  color: rgb(var(--color-grayscale-800));
  transition: opacity 0.3s ease;
}
@media (max-width: 767px) {
  .l-breadcrumb-list {
    white-space: nowrap;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
  .l-breadcrumb-list::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 768px) {
  .l-breadcrumb-list__item {
    font-size: 1.4rem;
  }
  .l-breadcrumb-list__item + .l-breadcrumb-list__item {
    margin-left: 15px;
  }
  .l-breadcrumb-list__item + .l-breadcrumb-list__item:before {
    margin-right: 15px;
    font-size: 1.3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-breadcrumb-list__txt:is(a):hover {
    opacity: 0.7;
  }
}

/* .l-footer
================================================ */
.l-footer {
  position: relative;
  overflow: hidden;
  background: rgb(var(--color-bg02));
}
.l-footer__content {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.l-footer__content::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 1000vw;
  height: 1px;
  background-color: rgb(var(--color-border));
}
@media (min-width: 768px) {
  .l-footer__content {
    padding-top: 80px;
    padding-bottom: 76px;
  }
}

/* l-footer-info
========================================= */
.l-footer-info__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-footer-info__main-logo {
  flex: 0 0 235px;
  text-align: center;
}
.l-footer-info__main-logo-link {
  line-height: 1;
}
.l-footer-info__main-logo-img {
  display: inline-block;
}
.l-footer-info__main-logo-img svg {
  width: 230px;
  color: rgb(var(--color-primary-500));
}
.l-footer-info__main-logo-txt {
  display: block;
  margin-top: 5px;
  color: rgb(var(--color-sub-text));
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .l-footer-info__main-logo {
    flex: 0 0 275px;
  }
  .l-footer-info__main-logo-img svg {
    width: 271px;
  }
  .l-footer-info__main-logo-txt {
    margin-top: 15px;
    font-size: 1.3rem;
  }
}

/* .l-footer-nav
============================================ */
.l-footer-nav__link {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 15px;
  border: 0;
  line-height: var(--line-height_head);
}
.l-footer-nav__link:is(button)::before, .l-footer-nav__link:is(button)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate(0, -50%);
  width: 9px;
  height: 0;
  border-top: 1px solid rgb(var(--color-text));
  transition: all 0.3s ease;
}
.l-footer-nav__link:is(button)::after {
  transform: translate(0, -50%) rotate(90deg);
}
.l-footer-nav__link:is(button).is-active::after {
  transform: translate(0, -50%) rotate(0);
}
@media (min-width: 768px) {
  .l-footer-nav__item + .l-footer-nav__item {
    margin-top: 50px;
  }
}

/* l-footer-child
============================================== */
.l-footer-child {
  margin: 0 15px;
}
.l-footer-child__item {
  border-top: 1px solid rgb(var(--color-border));
  line-height: var(--line-height_head);
}
.l-footer-child__in {
  position: relative;
  display: block;
  padding: 10px 0;
  line-height: var(--line-height_head);
  font-size: 1.2rem;
}
.l-footer-child__in:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 1px;
  background: rgb(var(--color-grayscale-500));
}
.l-footer-child__in:is(button) {
  position: relative;
  border: none;
}
.l-footer-child__in:is(button)::before, .l-footer-child__in:is(button)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: 15px;
  transform: translate(0, -50%);
  width: 9px;
  height: 0;
  border-top: 1px solid rgb(var(--color-text));
  transition: all 0.3s ease;
}
.l-footer-child__in:is(button)::after {
  transform: translate(0, -50%) rotate(90deg);
}
.l-footer-child__in:is(button).is-active::after {
  transform: translate(0, -50%) rotate(0);
}
@media (min-width: 768px) {
  .l-footer-child {
    margin: 0;
  }
  .l-footer-child__wrap {
    display: block !important;
    padding: 0;
  }
  .l-footer-child__item {
    border: none;
  }
  .l-footer-child__item.is-parent {
    margin-bottom: 22px;
  }
  .l-footer-child__item.is-parent .l-footer-child__in {
    padding: 0;
    font-weight: 700;
    font-size: 2rem;
  }
  .l-footer-child__item.is-parent .l-footer-child__in:before {
    content: none;
  }
  .l-footer-child__in {
    padding: 8px 0;
    color: rgb(var(--color-text));
    font-size: 1.3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-child__in:is(a) {
    transition: color 0.3s ease;
  }
  .l-footer-child__in:is(a):hover {
    color: rgb(var(--color-primary-500));
  }
}

.l-footer-grandchild {
  padding: 5px 0 10px;
}
.l-footer-grandchild .l-footer-grandchild .l-footer-grandchild__item:not(.is-parent) {
  padding-left: 1em;
}
.l-footer-grandchild__wrap {
  box-sizing: border-box;
}
.l-footer-grandchild__item {
  line-height: var(--line-height_head);
}
.l-footer-grandchild__item-in {
  position: relative;
  display: block;
  padding: 3px 30px;
  color: rgb(var(--color-sub-text));
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .l-footer-grandchild {
    padding: 5px 0;
  }
  .l-footer-grandchild__wrap {
    display: block !important;
  }
  .l-footer-grandchild__item {
    line-height: var(--line-height_head);
  }
  .l-footer-grandchild__item.is-parent .l-footer-grandchild__item-in {
    margin-bottom: 3px;
    color: rgb(var(--color-text));
    font-size: 1.3rem;
  }
  .l-footer-grandchild__item-in {
    position: relative;
    display: block;
    padding: 0;
    line-height: 2;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-grandchild__item-in:is(a) {
    transition: all 0.3s ease;
  }
  .l-footer-grandchild__item-in:is(a):hover {
    color: rgb(var(--color-primary-500)) !important;
  }
}

/* l-footer-bottom
============================= */
.l-footer-bottom {
  padding-top: 28px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .l-footer-bottom {
    padding-top: 60px;
    padding-bottom: 28px;
  }
  .l-footer-bottom__inner {
    display: grid;
    grid-template-columns: repeat(6, minmax(max-content, 180px));
    gap: 0 50px;
  }
}

/* .l-footer-others
================================================ */
.l-footer-others {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .l-footer-others {
    grid-template-columns: auto 1fr 78px;
    align-items: center;
    gap: 52px;
    margin-top: 48px;
  }
}

/* .l-footer-sns
================================================ */
.l-footer-sns {
  display: flex;
  align-items: center;
  column-gap: 25px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.l-footer-sns__item {
  width: 30px;
}
.l-footer-sns__item.is-youtube {
  width: 40px;
}

/* .l-footer-jpx
================================================ */
.l-footer-jpx {
  width: 78px;
  margin-inline: auto;
}
.l-footer-jpx img {
  image-rendering: -webkit-optimize-contrast;
}

/* .l-footer-sub
================================================ */
.l-footer-sub {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(var(--color-sub-text));
  font-size: 1.3rem;
}
.l-footer-sub__item + .l-footer-sub__item {
  position: relative;
}
.l-footer-sub__item + .l-footer-sub__item::before {
  content: "|";
  position: absolute;
  top: 0;
  left: 0;
}
.l-footer-sub__item-in {
  padding: 0 1em;
}
@media (min-width: 768px) {
  .l-footer-sub {
    margin-inline-end: auto;
  }
}

/* .l-footer-cr
================================================ */
.l-footer-cr {
  display: grid;
  place-content: center;
  height: 50px;
  background: rgb(var(--color-primary-500));
  color: rgb(var(--color-white));
}
@media (min-width: 768px) {
  .l-footer-cr {
    height: 70px;
  }
}

/* .l-header
================================================ */
.l-header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  z-index: 10;
  background-color: rgb(var(--color-white));
}
@media (min-width: 768px) {
  .l-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: var(--contents_width_with_padding);
  }
}
@media (min-width: 768px) and (hover: none) {
  .l-header {
    left: 0 !important;
  }
}

/* .l-header-info
================================================== */
.l-header-info {
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  height: var(--header_height);
  padding: 0 15px;
}
.l-header-info__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
}
.l-header-info__logo-link {
  position: relative;
  width: 138px;
  height: 29px;
  color: rgb(var(--color-primary-400));
}
.l-header-info__logo-link svg {
  height: 29px;
}
@media (min-width: 768px) {
  .l-header-info {
    position: static;
    padding: 0 30px 0 20px;
  }
  .l-header-info__logo-link {
    width: 195px;
    height: 40px;
  }
  .l-header-info__logo-link svg {
    height: 40px;
  }
}
@media (min-width: 1280px) {
  .l-header-info {
    padding-left: 30px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-header-info__logo-link:hover:after {
    opacity: 0.7;
  }
}

/* .l-nav-btn
================================================== */
.l-nav-btn {
  position: relative;
  width: 24px;
  height: 100%;
  padding: 0;
  border: none;
  cursor: pointer;
}
.l-nav-btn__line {
  position: absolute;
  right: 0;
  width: 100%;
  height: 2px;
  background: rgb(var(--color-text));
  transition: all 0.3s ease;
}
.l-nav-btn__line:nth-child(1) {
  top: 10px;
}
.l-nav-btn__line:nth-child(2) {
  top: 18px;
}
.l-nav-btn__line:nth-child(3) {
  top: 26px;
}
.l-nav-btn.is-open .l-nav-btn__line {
  top: 17px;
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(1) {
  transform: rotate(-45deg);
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(2) {
  opacity: 0;
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(3) {
  transform: rotate(45deg);
}
.l-nav-btn__txt {
  position: absolute;
  right: 2px;
  bottom: 5px;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}

/* .l-nav
================================================ */
.l-nav {
  position: fixed;
  top: var(--header_height);
  right: 0;
  z-index: 2;
  width: 220px;
  max-height: 100vh;
  background-color: rgb(var(--color-white));
  padding: 10px 0;
  border-top: 1px solid rgb(var(--color-border));
  box-sizing: border-box;
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
  .l-nav {
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
  }
  .l-nav::-webkit-scrollbar {
    display: none;
  }
  .l-nav.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .l-nav:has(.l-nav-list__item-link.is-active) {
    padding-bottom: 90px;
  }
}
@media (min-width: 768px) {
  .l-nav {
    position: static;
    min-width: auto;
    width: -moz-fit-content;
    width: fit-content;
    height: var(--header_height);
    padding: 0;
    margin: 0 30px 0 auto;
    border-top: none;
  }
}
@media (min-width: 1280px) {
  .l-nav {
    margin-right: 60px;
  }
}

/* .l-nav-list
================================================== */
.l-nav-list__item-link {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  line-height: var(--line-height_head);
  border: 0;
  padding: 10px 25px;
}
.l-nav-list__child {
  border-bottom: 1px solid rgb(var(--color-bg02));
}
.l-nav-list__child-box.js-nav-item-content {
  display: none;
}
.l-nav-list__child-wrap {
  display: none;
  box-sizing: border-box;
}
.l-nav-list__child-item {
  border-top: 1px solid rgb(var(--color-bg02));
  line-height: var(--line-height_head);
}
.l-nav-list__child-item-link {
  position: relative;
  display: block;
  padding: 10px 25px;
  line-height: var(--line-height_head);
  font-size: 1.2rem;
}
.l-nav-list__child-item-link:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 1px;
  background: rgb(var(--color-grayscale-500));
}
.l-nav-list__child-item-link:is(button) {
  position: relative;
  border: none;
}
.l-nav-list__child-item-link:is(button)::before, .l-nav-list__child-item-link:is(button)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: 25px;
  transform: translate(0, -50%);
  width: 9px;
  height: 0;
  border-top: 1px solid rgb(var(--color-text));
  transition: all 0.3s ease;
}
.l-nav-list__child-item-link:is(button)::after {
  transform: translate(0, -50%) rotate(90deg);
}
.l-nav-list__child-item-link:is(button).is-active::after {
  transform: translate(0, -50%) rotate(0);
}
.l-nav-list__grandchild {
  padding: 0 0 10px;
}
.l-nav-list__grandchild-wrap {
  display: none;
  box-sizing: border-box;
}
.l-nav-list__grandchild-item {
  line-height: var(--line-height_head);
}
.l-nav-list__grandchild-item-link {
  position: relative;
  display: block;
  padding: 3px 1em 3px 45px;
  color: rgb(var(--color-sub-text));
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .l-nav-list__item-link:is(button) {
    position: relative;
  }
  .l-nav-list__item-link:is(button)::before, .l-nav-list__item-link:is(button)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    width: 9px;
    height: 0;
    border-top: 1px solid rgb(var(--color-text));
    transition: all 0.3s ease;
  }
  .l-nav-list__item-link:is(button)::after {
    transform: translate(0, -50%) rotate(90deg);
  }
  .l-nav-list__item-link:is(button).is-active::after {
    transform: translate(0, -50%) rotate(0);
  }
}
@media (min-width: 768px) {
  .l-nav-list {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 40px;
    height: 100%;
    transition: color 0.3s ease;
  }
  .l-nav-list__item {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .l-nav-list__item-link {
    position: relative;
    display: block;
    border: 0;
    line-height: var(--line-height_head);
    padding: 0;
  }
  .l-nav-list__child {
    border-bottom: none;
  }
  .l-nav-list__child-box .l-nav-list__child-box .l-nav-list__child-box .l-nav-list__grandchild .l-nav-list__grandchild-item-link {
    padding-left: calc(25px + 1em);
  }
  .l-nav-list__child-wrap {
    display: none;
    position: absolute;
    top: 100%;
    left: -40px;
    width: 250px;
    height: auto;
    padding: 10px 0;
    border-top: 1px solid rgb(var(--color-border));
    background-color: rgb(var(--color-white));
  }
  .l-nav-list__child-item {
    border: none;
  }
  .l-nav-list__child-item-link {
    color: rgb(var(--color-text));
    font-size: 1.6rem;
  }
  .l-nav-list__child-item-link.is-renewable {
    font-size: 1.4rem;
  }
  .l-nav-list__grandchild {
    padding: 0;
  }
  .l-nav-list__grandchild-item-link {
    position: relative;
    display: block;
    padding: 10px 25px;
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .l-nav-list__item-link {
    position: relative;
  }
  .l-nav-list__item-link:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    border-top: 1px solid currentColor;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 100% 0;
    transition: transform 0.3s ease;
  }
  .l-nav-list__item-link:hover {
    color: rgb(var(--color-sub-text));
  }
  .l-nav-list__item-link:hover::after {
    transform: scaleX(1);
    transform-origin: 0 0;
  }
  .l-nav-list__item:hover > .l-nav-list__child-wrap {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .l-nav-list__child-item-link, .l-nav-list__grandchild-item-link {
    transition: all 0.3s ease;
  }
  .l-nav-list__child-item-link:hover, .l-nav-list__grandchild-item-link:hover {
    background-color: rgb(var(--color-bg02));
  }
}

/* .l-nav-overlay
================================================ */
/* .l-main-img HOME
================================================ */
.l-main-img {
  position: relative;
  overflow: hidden;
  margin-top: var(--header_height);
}
.l-main-img:not(.is-animated) .l-main-img__copy,
.l-main-img:not(.is-animated) .l-main-img__sub {
  opacity: 0;
}
.l-main-img.is-animated .l-main-img__copy,
.l-main-img.is-animated .l-main-img__sub {
  transition: opacity 0.9s 0.6s ease-out;
  opacity: 1;
}
.l-main-img__inner {
  position: absolute;
  left: 0;
  top: 30%;
  transform: translateY(-20%);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
  height: auto;
  padding-bottom: 18px;
}
.l-main-img__copy {
  width: 100%;
  max-width: 345px;
  color: rgb(var(--color-white));
  margin-bottom: 50px; /* 余白を追加してロゴが切れないように */
}
.l-main-img__sub {
  color: rgb(var(--color-white));
  font-size: 7.4666666667vw;
}
.l-main-img__img {
  aspect-ratio: 375/308;
}
.l-main-img__img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .l-main-img {
    aspect-ratio: 1920/550;
  }
  .l-main-img__inner {
    justify-content: center;
    height: 100%;0
  }
  .l-main-img__copy {
    max-width: 640px;
    width: clamp(527px, 35.8854166667vw, 689px);
    margin-top: 17.7%;
  }
  .l-main-img__sub {
    font-size: clamp(4rem, 2.659rem + 1.22vw, 5rem);
  }
  .l-main-img__img {
    aspect-ratio: 192/84;
  }
}

/* .l-sub3-img
================================================ */
.l-sub3-img {
  position: relative;
  color: #fff;
}
.l-sub3-img__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-bottom: 70px;
}
.l-sub3-img__en {
  font-size: 4rem;
}
.l-sub3-img__head {
  line-height: var(--line-height_head);
  font-weight: 500;
  font-size: 1.6rem;
}
.l-sub3-img__video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.l-sub3-img__video:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-grayscale-900), 0.3);
}
.l-sub3-img__video video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-sub3-img__video video.is-hide {
  opacity: 0;
}
.l-sub3-img__scroll {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.l-sub3-img__scroll-txt {
  font-size: 1.4rem;
}
.l-sub3-img__scroll-line {
  position: relative;
  margin-top: 23px;
  width: 1px;
  height: 80px;
  background: currentColor;
}
.l-sub3-img__scroll-line:after {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  animation: scrollBall 2s ease-in-out infinite;
}
@media (min-width: 768px) {
  .l-sub3-img__en {
    margin-bottom: 10px;
    font-size: 7rem;
  }
  .l-sub3-img__head {
    font-size: 1.8rem;
  }
  .l-sub3-img__scroll {
    bottom: 50px;
  }
  .l-sub3-img__scroll-line {
    height: 100px;
  }
}

/* .l-sub2-img
================================================ */
.l-sub2-img {
  padding-top: var(--header_height);
}
.l-sub2-img__inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 30px;
  min-height: 172px;
}
.l-sub2-img__en {
  font-size: 4rem;
}
.l-sub2-img__head {
  line-height: var(--line-height_head);
  color: rgb(var(--color-grayscale-800));
  font-weight: 500;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .l-sub2-img__inner {
    min-height: 370px;
    padding-top: 20px;
    padding-bottom: 80px;
  }
  .l-sub2-img__en {
    margin-bottom: 10px;
    font-size: 7rem;
  }
  .l-sub2-img__head {
    font-size: 2rem;
  }
}

/* .l-sub-img
================================================ */
.l-sub-img {
  position: relative;
  padding-top: var(--header_height);
  color: #fff;
}
.l-sub-img__inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 65px;
  min-height: 240px;
  min-height: 64vw;
}
.l-sub-img__inner.is-video {
  padding-top: 0;
  padding-bottom: 0;
}
.l-sub-img__en {
  font-size: 4rem;
}
.l-sub-img__head {
  line-height: var(--line-height_head);
  font-weight: 500;
  font-size: 1.6rem;
}
.l-sub-img__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.l-sub-img__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-sub-img__video {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: -1;
  width: 100%;
  aspect-ratio: 375/240;
}
.l-sub-img__video video, .l-sub-img__video source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .l-sub-img__inner {
    min-height: 570px;
    padding-top: 20px;
    padding-bottom: 100px;
  }
  .l-sub-img__inner.is-video {
    min-height: 775px;
  }
  .l-sub-img__en {
    margin-bottom: 10px;
    font-size: 7rem;
  }
  .l-sub-img__head {
    font-size: 2rem;
  }
  .l-sub-img__img {
    top: unset;
    bottom: 0;
    height: calc(100% - 100px);
  }
  .l-sub-img__video {
    top: 0;
    aspect-ratio: 1920/875;
  }
}

.l-sub-img.is-message {
  color: inherit;
  position: relative;
  border-bottom: 1px solid rgb(var(--color-border));
  box-sizing: border-box;
}
.l-sub-img.is-message::after {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 115px;
  height: 1px;
  background-color: rgb(var(--color-primary-500));
  position: absolute;
  bottom: -1px;
  left: 15px;
}
.l-sub-img.is-message .l-sub-img__inner {
  min-height: 199px;
  min-height: 53.0666666667vw;
  padding-bottom: 40px;
  justify-content: flex-end;
}
.l-sub-img.is-message .l-sub-img__head, .l-sub-img.is-message .l-sub-img__en {
  text-align: center;
  font-weight: 700;
  line-height: var(--line-height_head);
  width: 100%;
}
.l-sub-img.is-message .l-sub-img__head {
  font-size: 2.2rem;
  margin-top: 10px;
}
.l-sub-img.is-message .l-sub-img__en {
  font-size: 2.8rem;
}
@media (min-width: 768px) {
  .l-sub-img.is-message::after {
    left: min(20.8333333333vw, 80px);
  }
  .l-sub-img.is-message .l-sub-img__inner {
    min-height: 294px;
    padding-bottom: 71px;
    max-width: 1045px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-sub-img.is-message .l-sub-img__en {
    font-size: 5rem;
  }
  .l-sub-img.is-message .l-sub-img__head {
    text-align: right;
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1281px) {
  .l-sub-img.is-message::after {
    left: 20.8333333333vw;
  }
}

.l-sub-img.is-member .l-sub-img__inner {
  min-height: unset;
  padding: 0;
}

@media (min-width: 768px) {
  #dx .l-sub-img .l-sub-img__inner,
.l-sub-img.is-common-mv .l-sub-img__inner {
    min-height: 235px;
  }
}

/* .l-sidebar
================================================== */
.l-sidebar {
  padding-top: 45px;
}
@media (min-width: 768px) {
  .l-sidebar {
    padding-top: 50px;
  }
}

.l-sidebar-sec {
  padding: 0 20px 80px;
}
.l-sidebar-sec.is-events .l-sidebar-sec-list__link:before {
  background: rgb(var(--color-primary-500));
}
.l-sidebar-sec__head {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  box-sizing: border-box;
  padding: 7px;
  text-align: center;
  background: rgb(var(--color-primary-500));
  color: #fff;
  font-size: 1.9rem;
}
.l-sidebar-sec-list__link {
  position: relative;
  display: block;
  padding: 9px 10px 9px 30px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.l-sidebar-sec-list__link:before {
  content: "";
  width: 13px;
  height: 13px;
  background: rgb(var(--color-primary-500));
  border-radius: 50%;
  position: absolute;
  top: 18px;
  left: 10px;
}
.l-sidebar-sec-list__link:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-color: currentColor;
  color: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%209%22%3E%0A%3Cpath%20fill%3D%22%2300966D%22%20d%3D%22m.4.85%203.39%203.4-3.4%203.39.85.85L5.5%204.24%201.24%200%20.4.85Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  position: absolute;
  top: 20px;
  left: 15px;
}
.l-sidebar-sec-list__item {
  border-bottom: 1px solid rgb(var(--color-grayscale-500));
}
.l-sidebar-sec-list__item.is-current .l-sidebar-sec-list__link {
  background: rgb(var(--color-primary-100));
}
.l-sidebar-sec-list__parents-txt {
  display: block;
  padding: 9px 10px 9px 30px;
  font-weight: 500;
  background: rgb(var(--color-primary-300));
}
@media (min-width: 768px) {
  .l-sidebar-sec {
    padding: 0 0 60px;
  }
  .l-sidebar-sec__head {
    min-height: 60px;
    padding: 8px;
    font-size: 2.3rem;
  }
  .l-sidebar-sec-list__item {
    border-bottom: 1px solid rgb(var(--color-grayscale-500));
  }
  .l-sidebar-sec-list__link {
    padding: 14px 10px 14px 36px;
  }
  .l-sidebar-sec-list__link:before {
    width: 16px;
    height: 16px;
    top: 23px;
  }
  .l-sidebar-sec-list__link:after {
    width: 7px;
    height: 11px;
    top: 26px;
    left: 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-sidebar-sec-list__link:hover {
    opacity: 0.6;
  }
}

/* https://www.fit-group.jp/css/style.css から移植してきたCSS
==================================== */
.c-archive01.is-hidden-3 .c-archive01__item:nth-child(n+4) {
  display: none !important;
}

.c-archive01.is-hidden-5 .c-archive01__item:nth-child(n+6) {
  display: none !important;
}

.js-c-anime-elem[data-anime=fadein-up] {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}
.js-c-anime-elem[data-anime=fadein-up].is-animated {
  opacity: 1;
  transform: translateY(0);
}

.js-c-anime-elem[data-anime=fadein-left] {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.6s ease;
}
.js-c-anime-elem[data-anime=fadein-left].is-animated {
  opacity: 1;
  transform: translateX(0);
}

.js-c-anime-elem[data-anime=fadein-right] {
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.6s ease;
}
.js-c-anime-elem[data-anime=fadein-right].is-animated {
  opacity: 1;
  transform: translateX(0);
}

.js-c-anime-elem[data-anime-delay="0.1"] {
  transition-delay: 0.1s;
}
.js-c-anime-elem[data-anime-delay="0.2"] {
  transition-delay: 0.2s;
}
.js-c-anime-elem[data-anime-delay="0.3"] {
  transition-delay: 0.3s;
}
.js-c-anime-elem[data-anime-delay="0.4"] {
  transition-delay: 0.4s;
}
.js-c-anime-elem[data-anime-delay="0.5"] {
  transition-delay: 0.5s;
}
.js-c-anime-elem[data-anime-delay="0.6"] {
  transition-delay: 0.6s;
}
.js-c-anime-elem[data-anime-delay="0.7"] {
  transition-delay: 0.7s;
}
.js-c-anime-elem[data-anime-delay="0.8"] {
  transition-delay: 0.8s;
}
.js-c-anime-elem[data-anime-delay="0.9"] {
  transition-delay: 0.9s;
}
.js-c-anime-elem[data-anime-delay="1"] {
  transition-delay: 1s;
}
.js-c-anime-elem[data-anime-delay="1.1"] {
  transition-delay: 1.1s;
}
.js-c-anime-elem[data-anime-delay="1.2"] {
  transition-delay: 1.2s;
}
.js-c-anime-elem[data-anime-delay="1.3"] {
  transition-delay: 1.3s;
}
.js-c-anime-elem[data-anime-delay="1.4"] {
  transition-delay: 1.4s;
}
.js-c-anime-elem[data-anime-delay="1.5"] {
  transition-delay: 1.5s;
}
.js-c-anime-elem[data-anime-delay="1.6"] {
  transition-delay: 1.6s;
}
.js-c-anime-elem[data-anime-delay="1.7"] {
  transition-delay: 1.7s;
}
.js-c-anime-elem[data-anime-delay="1.8"] {
  transition-delay: 1.8s;
}
.js-c-anime-elem[data-anime-delay="1.9"] {
  transition-delay: 1.9s;
}
.js-c-anime-elem[data-anime-delay="2"] {
  transition-delay: 2s;
}

/* js-c-modal01
=============================== */
.js-c-modal01 {
  display: none;
}
.js-c-modal01.is-open {
  display: block;
}

.js-c-switch-tab {
  cursor: pointer;
}

.js-c-switch-content {
  display: none;
}
.js-c-switch-content.is-active {
  display: block;
}

.js-c-toggle-trigger {
  cursor: pointer;
}

.js-c-toggle-content {
  display: none;
}

/* .js-header
==================================== */
.js-header {
  transition: all 0.3s ease;
}
.js-header.is-hide {
  margin-top: calc(var(--header_height) * -1);
}
@media (max-width: 767px) {
  .js-header.is-hide.is-nav-open {
    margin-top: 0;
  }
}

/* agrivoltaics-intro
============================== */
.agrivoltaics-intro__inner {
  padding-top: 20px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .agrivoltaics-intro__inner {
    padding-top: 56px;
    padding-bottom: 100px;
  }
}

/* .agrivoltaics-set
============================== */
.agrivoltaics-set__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.agrivoltaics-set .c-note01 {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .agrivoltaics-set__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

/* .agrivoltaics-item
============================== */
.agrivoltaics-item__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.agrivoltaics-item .c-note01 {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .agrivoltaics-item__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .agrivoltaics-case
============================== */
.agrivoltaics-case__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .agrivoltaics-case__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

/* company-dx-intro-list
============================== */
.company-dx-intro-list {
  display: grid;
  gap: 20px 0;
}
.company-dx-intro-list__item {
  box-sizing: border-box;
  background: #fff;
  padding: 62px 20px 59px;
}
.company-dx-intro-list__head {
  margin-bottom: 10px;
  text-align: center;
  color: rgb(var(--color-grayscale-800));
}
.company-dx-intro-list__copy {
  text-align: center;
  line-height: var(--line-height_head);
  font-size: 1.9rem;
}
.company-dx-intro-list__txt {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .company-dx-intro-list__item {
    padding: 120px 40px 120px;
  }
  .company-dx-intro-list__head {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
  .company-dx-intro-list__copy {
    font-size: 2.6rem;
  }
  .company-dx-intro-list__txt {
    text-align: center;
    font-size: 1.6rem;
  }
}

/* company-dx-policy
================================= */
.company-dx-policy__box {
  display: grid;
  gap: 20px 0;
  margin-bottom: 20px;
}
.company-dx-policy__img {
  text-align: center;
}
@media (min-width: 768px) {
  .company-dx-policy__box {
    grid-template-columns: 300px auto;
    gap: 0 110px;
    margin-bottom: 60px;
  }
}

/* company-dx-strategy
========================= */
.company-dx-strategy {
  background: #fff;
}
.company-dx-strategy__txt {
  margin-bottom: 30px;
}
.company-dx-strategy__sec + .company-dx-strategy__sec {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .company-dx-strategy__txt {
    margin-bottom: 40px;
  }
  .company-dx-strategy__sec + .company-dx-strategy__sec {
    margin-top: 80px;
  }
}

/* company-dx-strategy-ex
--------------------------------------- */
.company-dx-strategy-ex {
  margin-top: 60px;
}
.company-dx-strategy-ex__head {
  margin: 0 -20px 40px;
  padding: 16px 10px 51px;
  background: url("https://green-energy.co.jp/img/company/dx/bg_book01.png") no-repeat center/1100px 97px;
  font-size: 1.8rem;
  text-align: center;
}
.company-dx-strategy-ex__sec + .company-dx-strategy-ex__sec {
  margin-top: 60px;
}
.company-dx-strategy-ex__txt + .company-dx-strategy-ex__img {
  margin-top: 30px;
}
.company-dx-strategy-ex__sub {
  margin: 30px 0 10px;
  line-height: var(--line-height_head);
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .company-dx-strategy-ex {
    margin-top: 80px;
  }
  .company-dx-strategy-ex__head {
    margin: 0 0 60px;
    padding: 0 20px 59px;
    font-size: 2.3rem;
  }
  .company-dx-strategy-ex__txt + .company-dx-strategy-ex__img {
    margin-top: 40px;
  }
  .company-dx-strategy-ex__sub {
    margin: 40px 0 20px;
    font-size: 2.3rem;
  }
}

/* company-dx-system-con
------------------------------ */
.company-dx-system-con {
  padding: 20px;
}
.company-dx-system-con__head {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(var(--color-grayscale-500));
  font-size: 1.8rem;
}
.company-dx-system-con__sec + .company-dx-system-con__sec {
  margin-top: 20px;
}
.company-dx-system-con__sub {
  margin-bottom: 10px;
  line-height: var(--line-height_head);
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .company-dx-system-con {
    padding: 40px;
  }
  .company-dx-system-con__head {
    margin-bottom: 30px;
    font-size: 2.3rem;
  }
  .company-dx-system-con__sec + .company-dx-system-con__sec {
    margin-top: 30px;
  }
  .company-dx-system-con__sub {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}

/* company-dx-indicator
=========================== */
.company-dx-indicator__box {
  margin-top: 30px;
  padding: 20px;
}
@media (min-width: 768px) {
  .company-dx-indicator__box {
    margin-top: 60px;
    padding: 40px;
  }
}

/* company-dx-indicator-list
------------------------------- */
.company-dx-indicator-list__item + .company-dx-indicator-list__item {
  margin-top: 20px;
}
.company-dx-indicator-list__item-txt {
  line-height: var(--line-height_head);
  font-weight: 700;
  font-size: 1.6rem;
}
.company-dx-indicator-list__item-txt + .c-list01 {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .company-dx-indicator-list__item + .company-dx-indicator-list__item {
    margin-top: 30px;
  }
  .company-dx-indicator-list__item-txt {
    font-size: 1.8rem;
  }
  .company-dx-indicator-list__item-txt + .c-list01 {
    margin-top: 15px;
  }
}

/* .company-history-info
============================== */
.company-history-info__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .company-history-info__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
}

/* .outline-info
========================================== */
.outline-info__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .outline-info__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
}

/* outline-map
========================================== */
.outline-map__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.outline-map__set {
  position: relative;
  z-index: 0;
}
.outline-map__set::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-primary-300));
  position: absolute;
  bottom: -5px;
  right: -5px;
  z-index: -1;
}
.outline-map__set + .outline-map__set {
  margin-top: 20px;
}
.outline-map__set-map {
  width: 100%;
  aspect-ratio: 345/213;
}
.outline-map__set-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.outline-map__set-textarea {
  padding: 20px 15px;
  box-sizing: border-box;
  background-color: #fff;
}
.outline-map__set-txt {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .outline-map__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .outline-map__set {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .outline-map__set + .outline-map__set {
    margin-top: 50px;
  }
  .outline-map__set-map {
    aspect-ratio: 540/334;
  }
  .outline-map__set-textarea {
    border: 1px solid rgb(var(--color-border));
    padding: 64px 60px;
  }
  .outline-map__set-txt {
    margin-bottom: 20px;
  }
}

/* outline-crop
========================================== */
.outline-crop__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.outline-crop__sec + .outline-crop__sec {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .outline-crop__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .outline-crop__sec + .outline-crop__sec {
    margin-top: 50px;
  }
}

/*  contact-tel
---------------------------------------- */
.contact-tel__inner {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .contact-tel__inner {
    padding-top: 67px;
  }
  .contact-tel__txt {
    text-align: center;
    font-size: 1.8rem;
  }
}

/*  contact-mail
---------------------------------------- */
.contact-mail__inner {
  padding-top: 40px;
}
.contact-mail__list {
  padding: 25px 28px;
  margin-top: 24px;
  background-color: #f0f3f4;
}
@media (min-width: 768px) {
  .contact-mail__inner {
    padding-top: 67px;
  }
  .contact-mail__txt {
    text-align: center;
    font-size: 1.8rem;
  }
  .contact-mail__list {
    padding: 26px 200px 26px 266px;
    margin-top: 32px;
  }
}

/* dx-intro
============================ */
.dx-intro__inner {
  padding-top: 20px;
  padding-bottom: 58px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
.dx-intro__img {
  background-color: #fff;
  border: 1px solid rgb(var(--color-border));
  padding: 13px 10px;
  position: relative;
}
.dx-intro__img::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-primary-300));
  position: absolute;
  bottom: -5px;
  right: -5px;
  z-index: -1;
}
.dx-intro__img img {
  width: 100%;
}
@media (min-width: 768px) {
  .dx-intro__inner {
    padding-top: 56px;
    padding-bottom: 120px;
    gap: 0;
  }
  .dx-intro__set {
    display: grid;
    grid-template-columns: 229px auto;
    gap: 92px;
  }
  .dx-intro__img {
    padding: 50px;
    margin-top: 60px;
  }
}

/* dx-dx
============================ */
.dx-dx__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.dx-dx__sec {
  margin-top: 30px;
}
.dx-dx__sec + .dx-dx__sec {
  margin-top: 40px;
}
.dx-dx__sec-header {
  font-weight: 700;
  border: 1px solid rgb(var(--color-border));
}
.dx-dx__sec-subhead {
  font-size: 1.6rem;
  text-align: center;
  color: rgb(var(--color-primary-500));
  line-height: var(--line-height_head);
  padding: 16px;
  background-color: rgb(var(--color-bg03));
}
.dx-dx__sec-head {
  padding: 20px 15px;
  font-size: 2.2rem;
  line-height: var(--line-height_head);
}
.dx-dx__sec-txt {
  margin-top: 30px;
}
.dx-dx__sec-img {
  box-sizing: border-box;
  margin-top: 30px;
  border: 1px solid rgb(var(--color-border));
}
.dx-dx__sec-img.has-bg {
  position: relative;
  z-index: 0;
}
.dx-dx__sec-img.has-bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-primary-300));
  position: absolute;
  bottom: -5px;
  right: -5px;
  z-index: -1;
}
.dx-dx__sec-img img {
  width: 100%;
}
@media (min-width: 768px) {
  .dx-dx__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .dx-dx__sec {
    margin-top: 60px;
  }
  .dx-dx__sec + .dx-dx__sec {
    margin-top: 120px;
  }
  .dx-dx__sec-header {
    display: grid;
    grid-template-columns: 153px auto;
    margin-bottom: 30px;
  }
  .dx-dx__sec-subhead {
    padding: 30px;
    display: flex;
    align-items: center;
  }
  .dx-dx__sec-head {
    padding: 23px 30px;
    font-size: 2.8rem;
  }
  .dx-dx__sec-img {
    margin-top: 40px;
  }
}

/* .dx-example
============================ */
.dx-example__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.dx-example__shape {
  margin: 10px auto 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 14px solid #ccebe2;
  border-bottom: 0;
}
.dx-example__sec + .dx-example__sec {
  margin-top: 50px;
}
.dx-example__sec-header {
  padding: 20px 15px;
  display: flex;
  align-items: flex-start;
  background-color: rgb(var(--color-bg01));
  margin-bottom: 20px;
}
.dx-example__sec-num {
  flex-shrink: 0;
  font-size: 2.2rem;
  color: #fff;
  line-height: var(--line-height_head);
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background-color: rgb(var(--color-primary-500));
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-example__sec-head {
  font-weight: 700;
  margin-left: 15px;
  line-height: var(--line-height_head);
  font-size: 2.2rem;
}
.dx-example__sec-name {
  margin-top: 40px;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: var(--line-height_head);
}
.dx-example__sec-name + .dx-example__sec-img {
  margin-top: 20px;
}
.dx-example__sec-img {
  box-sizing: border-box;
  margin-top: 30px;
  position: relative;
}
.dx-example__sec-img::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-primary-300));
  position: absolute;
  bottom: -5px;
  right: -5px;
  z-index: -1;
}
.dx-example__sec-img img {
  width: 100%;
  border: 1px solid rgb(var(--color-border));
}
@media (min-width: 768px) {
  .dx-example__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .dx-example__shape {
    margin-top: -25px;
    margin-bottom: 50px;
  }
  .dx-example__sec + .dx-example__sec {
    margin-top: 120px;
  }
  .dx-example__sec-header {
    align-items: center;
    padding: 9px;
    margin-bottom: 30px;
  }
  .dx-example__sec-num {
    font-size: 2.8rem;
    width: 63px;
    height: 63px;
  }
  .dx-example__sec-head {
    margin-left: 20px;
    font-size: 2.8rem;
  }
  .dx-example__sec-name {
    margin-top: 50px;
    font-size: 2.4rem;
  }
  .dx-example__sec-name + .dx-example__sec-img {
    margin-top: 30px;
  }
  .dx-example__sec-img {
    margin-top: 40px;
  }
}

/* .dx-system
============================ */
.dx-system {
  margin-bottom: 50px;
}
.dx-system__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.dx-system__box {
  box-sizing: border-box;
  margin-top: 30px;
  border: 1px solid rgb(var(--color-border));
  padding: 30px 15px;
  position: relative;
  z-index: 0;
}
.dx-system__box::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}
.dx-system__box::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-primary-300));
  bottom: -5px;
  right: -5px;
  position: absolute;
  z-index: -2;
}
.dx-system__box-inner {
  position: relative;
  z-index: 0;
}
.dx-system__box-head {
  font-weight: 700;
  line-height: var(--line-height_head);
  font-size: 1.8rem;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgb(var(--color-border));
}
.dx-system__box-sec + .dx-system__box-sec {
  margin-top: 25px;
}
.dx-system__box-subhead {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: var(--line-height_head);
  margin-bottom: 15px;
}
.dx-system__box-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.dx-system__box-item {
  line-height: var(--line-height_head);
  text-indent: -1em;
  padding-left: 1em;
}
.dx-system__box-item::before {
  content: "・";
  color: rgb(var(--color-primary-500));
}
@media (min-width: 768px) {
  .dx-system {
    margin-bottom: 120px;
  }
  .dx-system__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .dx-system__box {
    margin-top: 60px;
    padding: 50px;
  }
  .dx-system__box-head {
    font-size: 2.4rem;
    padding-bottom: 26px;
    margin-bottom: 30px;
  }
  .dx-system__box-sec + .dx-system__box-sec {
    margin-top: 30px;
  }
  .dx-system__box-subhead {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}

/* epc-intro
============================ */
.epc-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .epc-intro__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
}

/* .epc-achievements
================================================ */
.epc-achievements__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.epc-achievements__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .epc-achievements__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .epc-achievements__note {
    margin-top: 30px;
  }
}

/* .epc-simulation
================================================ */
.epc-simulation__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.epc-simulation__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .epc-simulation__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .epc-simulation__note {
    margin-top: 30px;
  }
}

/* .epc-info 
================================================ */
.epc-info__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.epc-info__btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .epc-info__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .epc-info__btn {
    margin-top: 40px;
  }
}

/* .epc-sustainability
================================================ */
.epc-sustainability__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .epc-sustainability__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .epc-case 
================================================ */
.epc-case__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.epc-case__btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .epc-case__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .epc-case__btn {
    margin-top: 40px;
  }
}

/* .error-page404
================================================ */
.error-page404__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .error-page404__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* events-single-article
=============================== */
.events-single-article .c-single-content h2 {
  background: #2274a8;
}
.events-single-article .c-single-content h3:before {
  background: linear-gradient(to bottom, rgb(var(--color-primary-100)) 0%, rgb(var(--color-primary-100)) 50%, #2274a8 50%, #2274a8 100%);
}
.events-single-article .c-single-content h4 {
  color: #2274a8;
}
.events-single-article .c-single-content ul li:before {
  background: #2274a8;
}
.events-single-article .c-single-content ol li:before {
  color: #2274a8;
}

/* events-archive
===================================== */
.events-archive__inner {
  padding-top: 50px;
}
.events-archive__calendar {
  margin-bottom: 20px;
}
.events-archive__calendar-set {
  padding-bottom: 30px;
}
.events-archive__calendar-list {
  margin-bottom: 20px;
}
.events-archive__calendar-item.is-red:before {
  background-color: #d72500;
}
.events-archive__calendar-item.is-blue:before {
  background-color: #3393dc;
}
.events-archive__calendar-item.is-green:before {
  background-color: #318d41;
}
.events-archive__calendar-item:before {
  position: relative;
  top: -1px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: #eee;
}
.events-archive__calendar-table {
  font-size: 1rem;
  line-height: 1.2;
}
.events-archive__calendar-table th, .events-archive__calendar-table td {
  box-sizing: border-box;
  padding: 2px;
  border: 1px solid rgb(var(--color-border));
  font-weight: 700;
}
.events-archive__calendar-table thead th {
  width: 14.3%;
  vertical-align: middle;
  text-align: center;
  border-top: 0;
  font-weight: 700;
}
.events-archive__calendar-table thead th:first-child {
  color: #d72500;
}
.events-archive__calendar-table thead th:last-child {
  color: #2274a8;
}
.events-archive__calendar-table tbody td::before {
  display: block;
  float: left;
  padding-top: 47px;
  content: "";
}
.events-archive__calendar-table tbody td:first-child {
  color: #d72500;
}
.events-archive__calendar-table tbody td:last-child {
  color: #2274a8;
}
.events-archive__calendar-plans {
  color: #d72500;
  font-weight: 500;
}
.events-archive__calendar-place {
  display: block;
  padding-top: 4px;
  color: rgb(var(--color-grayscale-900));
  font-weight: 500;
}
.events-archive__calendar-name {
  display: block;
  margin: 4px 0 8px;
  padding: 5px 2px;
  text-align: center;
  color: #fff;
  background: #d72500;
}
.events-archive__calendar-name.is-blue {
  background: #3393dc;
}
.events-archive__calendar-name.is-green {
  background: #318d41;
}
.events-archive__calendar-name.is-pink {
  background: #fd6ac2;
}
.events-archive__calendar-name.is-gray {
  background: #9e9e9e;
}
.events-archive__calendar-over {
  color: rgb(var(--color-grayscale-800)) !important;
}
.events-archive__calendar-vacation {
  background: #fdf4f2;
}
.events-archive__calendar a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .events-archive__calendar {
    margin-bottom: 30px;
  }
  .events-archive__calendar-set {
    padding-bottom: 60px;
  }
  .events-archive__calendar-list {
    margin-bottom: 30px;
  }
  .events-archive__calendar-item {
    display: inline-block;
    margin-right: 30px;
  }
  .events-archive__calendar-item:before {
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }
  .events-archive__calendar-table {
    font-size: 2.2rem;
  }
  .events-archive__calendar-table th, .events-archive__calendar-table td {
    padding: 7px 12px;
  }
  .events-archive__calendar-table thead th {
    padding: 8px 0 10px;
    font-size: 1.6rem;
  }
  .events-archive__calendar-table tbody td::before {
    padding-top: 145px;
  }
  .events-archive__calendar-plans {
    display: inline-block;
    margin-left: 10px;
    padding-top: 5px;
    vertical-align: top;
    font-size: 1.3rem;
  }
  .events-archive__calendar-place {
    padding-top: 4px;
    font-size: 1rem;
  }
  .events-archive__calendar-name {
    font-size: 1.2rem;
    margin: 4px 0 8px;
  }
}

/* fitbox-intro
===================================== */
.fitbox-intro__inner {
  padding-top: 20px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .fitbox-intro__inner {
    padding-top: 56px;
    padding-bottom: 100px;
  }
}

/* .fitbox-colabo
===================================== */
@media (max-width: 767px) {
  .fitbox-img__inner.u-wide-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

/* .fitbox-colabo
===================================== */
.fitbox-colabo__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .fitbox-colabo {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .fitbox-list
===================================== */
.fitbox-list__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .fitbox-list {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .fitbox-list
===================================== */
.fitbox-tech__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .fitbox-tech {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

/* .fitbox-case
===================================== */
.fitbox-case__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .fitbox-case {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

/* foam-main
===================================== */
.foam-main {
  /* ========== START: 既存のスタイルを移植 ========== */
  /* ========== END ========== */
}
.foam-main__inner {
  padding-top: 20px;
}
.foam-main #form ::placeholder {
  color: #ccc;
}
.foam-main #button {
  border: none;
  border-radius: 3px;
  font-size: 1.1em;
  padding: 0.3em 2em;
  margin-top: 2em;
  background: #76C6AB;
  color: #fff;
  transition: 0.2s ease-in-out;
  -webkit-appearance: none;
}
.foam-main #button:hover {
  box-shadow: 1px 1px 10px #fff;
  cursor: pointer;
  opacity: 0.8;
}
.foam-main #button:active {
  box-shadow: none;
}
.foam-main #name,
.foam-main #email,
.foam-main #rb,
.foam-main #tel,
.foam-main #official,
.foam-main #prefectures,
.foam-main #address,
.foam-main #land,
.foam-main #size,
.foam-main #msg {
  padding: 0.5em;
  border: none;
  border-radius: 3px;
  background: #F5F5F5;
  font-size: 1em;
  max-width: 100%;
  width: 100%;
  color: #454545;
}
.foam-main #name,
.foam-main #email,
.foam-main #rb,
.foam-main #tel,
.foam-main #official,
.foam-main #prefectures,
.foam-main #address,
.foam-main #land,
.foam-main #size,
.foam-main #inquiries {
  height: 3em;
}
.foam-main #msg {
  min-height: 250px;
  min-width: 100%;
}
.foam-main input[type=radio] {
  transform: scale(1.5);
  /* 1.5倍 */
  margin: 10px;
}
.foam-main input[type=checkbox] {
  transform: scale(1.5);
  /* 1.5倍 */
  margin: 10px;
}
.foam-main .label {
  padding: 1em 0 5px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .foam-main__inner {
    padding-top: 56px;
  }
}

/* home-intro
================================== */
.home-intro__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.home-intro__head {
  text-align: center;
  font-size: 2.8rem;
}
.home-intro__txt {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: 700;
}
.home-intro__img {
  margin: 30px -15px 0;
}
.home-intro__btn {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .home-intro__inner {
    padding-top: 123px;
    padding-bottom: 100px;
  }
  .home-intro__head {
    font-size: 3.8rem;
  }
  .home-intro__txt {
    margin-top: 40px;
    font-size: 2.8rem;
  }
  .home-intro__img {
    margin: 78px auto 0;
  }
  .home-intro__btn {
    margin-top: 40px;
  }
}

/* home-service
================================ */
.home-service {
  background-color: rgb(var(--color-bg02));
}
.home-service__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .home-service__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* home-dna
================================= */
.home-dna__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .home-dna__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* home-service-list
--------------------------------- */
.home-service-list {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.home-service-list__item {
  margin-bottom: 1px;
}
.home-service-list__in {
  box-sizing: border-box;
  display: block;
  position: relative;
  min-height: clamp(226px, 60.2666666667vw, 360px);
  padding: 57px 20px 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.home-service-list__head {
  position: relative;
  z-index: 2;
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: opacity 0.3s ease;
}
.home-service-list__head-num {
  display: inline-block;
  opacity: 0.5;
  margin: 2px 17px 0 0;
  font-size: 1.7rem;
}
.home-service-list__head-main {
  display: inline-block;
}
.home-service-list__head-main img {
  height: 22px;
  object-fit: contain;
  object-position: left top;
}
.home-service-list__txt {
  position: relative;
  z-index: 2;
  font-size: 1.3rem;
  transition: opacity 0.3s ease;
}
.home-service-list__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home-service-list__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .home-service-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 1px;
    margin-bottom: 0;
    position: relative;
    grid-area: 2/1/3/3;
  }
  .home-service-list__in {
    justify-content: flex-start;
    min-height: clamp(600px, 43.2291666667vw, 830px);
    padding: 80px 70px;
  }
  .home-service-list__head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 29px;
  }
  .home-service-list__head-num {
    margin: 0 0 14px 0;
    font-size: 2rem;
  }
  .home-service-list__head-main {
    height: 36px;
  }
  .home-service-list__head-main img {
    height: auto;
  }
  .home-service-list__txt {
    font-size: 1.6rem;
  }
  .home-service-list__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .home-service-list__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .home-service-list .c-btn01 {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 2;
    transition: opacity 0.3s ease;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .home-service-list:hover .home-service-list__head,
.home-service-list:hover .home-service-list__txt,
.home-service-list:hover .c-btn01 {
    opacity: 0.5;
  }
  .home-service-list__item:hover .home-service-list__in {
    padding-top: 150px;
  }
  .home-service-list__item:hover .home-service-list__head,
.home-service-list__item:hover .home-service-list__txt,
.home-service-list__item:hover .c-btn01 {
    opacity: 1;
  }
  .home-service-list__item:hover .home-service-list__bg {
    opacity: 1;
  }
  .home-service-list__item:hover .c-btn01__ico:before {
    transform: scale(1.26);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  }
  .home-service-list__item:hover .c-btn01__ico::after {
    opacity: 0.6;
  }
}

/* home-company
=================================== */
.home-company {
  background-color: rgb(var(--color-bg02));
}
.home-company__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.home-company__set {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 50px;
}
@media (min-width: 768px) {
  .home-company__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .home-company__set {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

/* home-news
================================= */
.home-news__inner {
  padding-top: 63px;
  padding-bottom: 40px;
}
.home-news__area-head {
  margin-bottom: 25px;
}
.home-news__btn.c-btn02 {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .home-news__inner {
    padding-top: clamp(120px, 7.2916666667vw, 140px);
    padding-bottom: clamp(120px, 7.2916666667vw, 140px);
  }
  .home-news__con {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .home-news__area-head {
    width: 161px;
    margin: 0 50px 0 0;
  }
  .home-news__area-archive {
    flex: 1;
    max-width: 1150px;
  }
  .home-news .c-tab01 {
    max-width: calc(100% - 120px);
  }
  .home-news__btn.c-btn02 {
    position: absolute;
    top: 7px;
    right: 0;
    margin: 0;
  }
}

/* home-recruit
=================================== */
.home-recruit {
  padding-bottom: 20px;
}
.home-recruit__in {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 20px 70px 20px 20px;
  min-height: 59.4666666667vw;
  color: #fff;
  -webkit-clip-path: inset(20px);
  clip-path: inset(20px);
  transition: all 0.8s ease;
}
.home-recruit__in.is-animated {
  -webkit-clip-path: inset(0px);
  clip-path: inset(0px);
}
.home-recruit__en {
  margin-bottom: 2px;
  font-size: 1.6rem;
}
.home-recruit__txt {
  line-height: var(--line-height_head);
  font-size: 2rem;
  transition: background-size 0.3s ease;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 0%);
  background-size: 0 1px;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.home-recruit .c-btn01 {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.home-recruit .c-btn01__ico {
  background: rgba(255, 255, 255, 0.5);
}
.home-recruit__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.home-recruit__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .home-recruit {
    padding-bottom: 60px;
  }
  .home-recruit__in {
    padding: clamp(40px, 4.6875vw, 90px) clamp(60px, 5.2083333333vw, 100px);
    min-height: auto;
    aspect-ratio: 1800/960;
    -webkit-clip-path: inset(40px);
    clip-path: inset(40px);
  }
  .home-recruit__en {
    margin-bottom: 10px;
    font-size: 2.6rem;
  }
  .home-recruit__txt {
    font-size: 5.3rem;
  }
  .home-recruit .c-btn01 {
    right: 40px;
    bottom: 40px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-recruit__in:hover .home-recruit__txt {
    background-size: 100% 1px;
    background-position: left bottom;
  }
  .home-recruit__in:hover .c-btn01__ico:before {
    transform: scale(1.26);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  }
  .home-recruit__in:hover .c-btn01__ico::after {
    opacity: 0.6;
  }
}

/* investor-archive
============================ */
.investor-archive__head {
  display: grid;
  grid-template-columns: 1fr 150px;
  margin-bottom: 20px;
}
.investor-archive .c-head01 {
  margin-bottom: 0;
}
.investor-archive .c-btn01__in {
  padding: 5px;
  min-height: 40px;
}
.investor-archive .c-btn01.has-ico .c-btn01__in::after {
  right: 15px;
}

/* investor-menu
============================ */
@media (min-width: 768px) {
  .investor-menu__head {
    margin-bottom: 30px;
  }
}

/* ir-highlight-performance
===================================== */
.ir-highlight-performance__content {
  margin-top: 40px;
}
.ir-highlight-performance-sec:nth-child(n+2) {
  margin-top: 35px;
}
.ir-highlight-performance-sec__graph + .ir-highlight-performance-sec__table {
  margin-top: 15px;
}
.ir-highlight-performance-sec__graph-unit {
  margin-bottom: 6px;
  line-height: 1.5;
  text-align: right;
  font-size: 1.2rem;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
.ir-highlight-performance-sec__graph-content {
  text-align: center;
}
.ir-highlight-performance-sec__table-box {
  width: 100%;
}
.ir-highlight-performance-sec__table-box table {
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.ir-highlight-performance-sec__table-box table th, .ir-highlight-performance-sec__table-box table td {
  line-height: 1.5;
  padding: 8px 5px;
  font-size: 1.2rem;
  white-space: nowrap;
  border: 1px solid #bcbcbc;
  box-sizing: border-box;
  text-align: right;
}
.ir-highlight-performance-sec__table-box .xj_chart_header_first,
.ir-highlight-performance-sec__table-box .xj_chart_header {
  text-align: center;
  color: rgb(var(--color-primary-500));
  font-weight: 700;
  background-color: #f3f3f3;
  backface-visibility: hidden;
}
.ir-highlight-performance-sec__table-box .xj_chart_table_note {
  margin-top: 10px;
  line-height: 1.7;
  font-size: 1.2rem;
}
.ir-highlight-performance-sec__note {
  margin-top: 10px;
  line-height: 1.7;
  font-size: 1.2rem;
}
.ir-highlight-performance-sec__note.has-indent {
  padding-left: 1.08em;
  text-indent: -1.08em;
}
.ir-highlight-performance__foot {
  margin-top: 30px;
}
.ir-highlight-performance__attention-content {
  font-size: 1.3rem;
}
.ir-highlight-performance__attention-tit {
  margin-bottom: 4px;
  line-height: 1.5;
  font-weight: 700;
}
.ir-highlight-performance__notes {
  margin-top: 20px;
  line-height: 1.7;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .ir-highlight-performance-sec__table {
    margin: 0 -20px;
  }
  .ir-highlight-performance-sec__table-in {
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 0 20px;
  }
  .ir-highlight-performance-sec__table-box table {
    min-width: 335px;
  }
  .ir-highlight-performance-sec__table-box .xj_chart_header_first,
.ir-highlight-performance-sec__table-box .xj_chart_header {
    width: 16.6666666667%;
    box-sizing: border-box;
  }
  .ir-highlight-performance-sec__table-box .xj_chart_header_first {
    width: auto;
  }
}
@media (min-width: 768px) {
  .ir-highlight-performance__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
  }
  .ir-highlight-performance-sec {
    width: calc(50% - 20px);
  }
  .ir-highlight-performance-sec:nth-child(n+2) {
    margin-top: 60px;
  }
  .ir-highlight-performance-sec:nth-child(-n+2) {
    margin-top: 0;
  }
  .ir-highlight-performance-sec__graph + .ir-highlight-performance-sec__table {
    margin-top: 20px;
  }
  .ir-highlight-performance-sec__graph-unit {
    margin-bottom: 8px;
    font-size: 1.5rem;
  }
  .ir-highlight-performance-sec__table-box table th, .ir-highlight-performance-sec__table-box table td {
    padding: 14px 8px;
  }
  .ir-highlight-performance-sec__table-box table td {
    font-size: 1.5rem;
  }
  .ir-highlight-performance__attention-content {
    font-size: 1.4rem;
  }
  .ir-highlight-performance__attention-tit {
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
  .ir-highlight-performance__notes {
    margin-top: 25px;
  }
}

/* ir_calendar-archive
======================================= */
.ir_calendar-archive__select {
  margin: 50px -20px 0;
  padding: 22px 20px 30px;
  background: #f0f3f4;
}
.ir_calendar-archive__select-head {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.08em;
}
.ir_calendar-archive__select select {
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: none;
  font-family: inherit;
  width: 100%;
  height: 50px;
  padding: 0 40px 0 18px;
  background-position: right 18px top 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cpath%20d%3D%22M6%2C0l6%2C10H0Z%22%20transform%3D%22translate(12%2010)%20rotate(180)%22%20fill%3D%22%231a1311%22%2F%3E%3C%2Fsvg%3E");
  background-size: 10px 7px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.08em;
}
.ir_calendar-archive-sec {
  padding-top: 25px;
}
.ir_calendar-archive-sec__head {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .ir_calendar-archive__select {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 100px 0 0;
    padding: 40px 80px;
  }
  .ir_calendar-archive__select-head {
    margin-bottom: 0;
    font-size: 1.8rem;
  }
  .ir_calendar-archive__select select {
    width: 605px;
    height: 60px;
    padding: 0 50px 0 20px;
    background-position: right 20px top 50%;
    font-size: 1.8rem;
  }
  .ir_calendar-archive-sec {
    padding-top: 55px;
  }
  .ir_calendar-archive-sec__head {
    font-size: 2.6rem;
  }
}

/* ir-ir_news-archive
====================================== */
.ir-ir_news-archive__inner {
  padding-top: 50px;
}
.ir-ir_news-archive__select {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
}
.ir-ir_news-archive__select select {
  box-sizing: border-box;
  padding: 10px 15px;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-bg02));
  vertical-align: middle;
  height: 45px;
  font-family: inherit;
  font-size: 1.6rem;
  border-radius: 0;
  border: none;
  width: 185px;
  color: rgb(var(--color-grayscale-900));
}
.ir-ir_news-archive__select select option:first-child {
  color: #919393;
}
.ir-ir_news-archive__select select::-ms-expand {
  display: none;
}
.ir-ir_news-archive__select::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  content: "";
  display: block;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #3C3C3C transparent transparent transparent;
}
.ir-ir_news-archive__select + span {
  display: block;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .ir-ir_news-archive__select {
    margin-bottom: 50px;
  }
  .ir-ir_news-archive__select select {
    height: 54px;
    width: 196px;
    padding: 10px 20px;
  }
  .ir-ir_news-archive__select::after {
    right: 20px;
  }
}

/* ir-ir_stock_info-sec
============================== */
.ir-ir_stock_info-sec__link a {
  text-decoration: none;
}
.ir-ir_stock_info-sec-detail__head {
  font-size: 1.6rem;
}
.ir-ir_stock_info-sec-list__head {
  font-size: 2rem;
}
@media (hover: hover) and (pointer: fine) {
  .ir-ir_stock_info-sec__link a {
    transition: all 0.3s ease;
  }
  .ir-ir_stock_info-sec__link a:hover {
    opacity: 0.7;
  }
  .ir-ir_stock_info-sec-detail__head {
    font-size: 1.8rem;
  }
  .ir-ir_stock_info-sec-list__head {
    font-size: 2.4rem;
  }
  .ir-ir_stock_info-sec__note .c-note01 {
    font-size: 1.3rem;
  }
}

/* kodate-intro
============================ */
.kodate-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .kodate-intro__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
}

/* .kodate-jisseki
============================ */
.kodate-jisseki__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .kodate-jisseki__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
}

/* .kodate-idel
============================ */
.kodate-idel__inner {
  padding-top: 66px;
}
.kodate-idel__box {
  border: 1px solid rgb(var(--color-border));
  padding: 30px 15px;
  border-radius: 10px;
}
.kodate-idel__head {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: -70px auto 0;
  padding: 0 1em;
}
.kodate-idel__head span {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  line-height: var(--line-height_base);
  font-size: 2.2rem;
  border-bottom: 1px solid rgb(var(--color-primary-500));
}
.kodate-idel__list {
  margin-top: 25px;
}
.kodate-idel__item {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: var(--line-height_head);
  padding-left: 26px;
  position: relative;
}
.kodate-idel__item::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  color: currentColor;
  background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.496%22%20height%3D%2216.496%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2036286%22%20viewBox%3D%220%200%2016.496%2016.496%22%3E%0A%3Cpath%20fill%3D%22%2300966d%22%20d%3D%22m7.188%2011.581-3.2-3.334%201.065-1.11%202.135%202.221%204.259-4.443%201.061%201.111Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%203416%22%2F%3E%0A%3Cpath%20fill%3D%22%2300966d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203a3%203%200%200%201%203-3h10.5a3%203%200%200%201%203%203v10.5a3%203%200%200%201-3%203H3a3%203%200%200%201-3-3Zm3-1.5h10.5A1.5%201.5%200%200%201%2015%203v10.5a1.5%201.5%200%200%201-1.5%201.5H3a1.5%201.5%200%200%201-1.5-1.5V3A1.5%201.5%200%200%201%203%201.5Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%203417%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.496%22%20height%3D%2216.496%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2036286%22%20viewBox%3D%220%200%2016.496%2016.496%22%3E%0A%3Cpath%20fill%3D%22%2300966d%22%20d%3D%22m7.188%2011.581-3.2-3.334%201.065-1.11%202.135%202.221%204.259-4.443%201.061%201.111Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%203416%22%2F%3E%0A%3Cpath%20fill%3D%22%2300966d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203a3%203%200%200%201%203-3h10.5a3%203%200%200%201%203%203v10.5a3%203%200%200%201-3%203H3a3%203%200%200%201-3-3Zm3-1.5h10.5A1.5%201.5%200%200%201%2015%203v10.5a1.5%201.5%200%200%201-1.5%201.5H3a1.5%201.5%200%200%201-1.5-1.5V3A1.5%201.5%200%200%201%203%201.5Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%203417%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  content: "";
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: rgb(var(--color-primary-500));
  margin-right: 10px;
  position: absolute;
  top: 6px;
  left: 0;
}
@media (min-width: 768px) {
  .kodate-idel__inner {
    padding-top: 120px;
  }
  .kodate-idel__box {
    padding-top: 72px;
    padding-bottom: 60px;
  }
  .kodate-idel__head {
    display: block;
    margin-top: -108px;
  }
  .kodate-idel__head span {
    display: inline-block;
    font-size: 3.2rem;
  }
  .kodate-idel__list {
    margin: 40px auto 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 520px;
  }
  .kodate-idel__item {
    font-size: 2.4rem;
  }
  .kodate-idel__item::before {
    top: 11px;
  }
}

/* .kodate-tax
============================ */
.kodate-tax__inner {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .kodate-tax .c-set01__img {
    order: -1;
  }
}
@media (min-width: 768px) {
  .kodate-tax__inner {
    padding-top: 120px;
  }
}

/* .kodate-tax
============================ */
.kodate-designer__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.kodate-designer .c-set02 {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .kodate-designer__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .kodate-designer .c-set02 {
    margin-top: 120px;
  }
}

/* .kodate-list
============================ */
.kodate-list__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .kodate-list__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .kodate-merit
============================ */
.kodate-merit__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .kodate-merit .c-set01__img {
    order: -1;
  }
}
@media (min-width: 768px) {
  .kodate-merit__inner {
    padding-top: 120px;
  }
}

/* .kodate-support
============================ */
.kodate-support__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.kodate-support__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.kodate-support__item {
  background: #fff;
  padding: 30px 15px;
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
}
@media (min-width: 768px) {
  .kodate-support__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .kodate-support__list {
    margin-top: 50px;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  .kodate-support__item {
    padding: 50px;
  }
}

/* message-intro
================================== */
.msg-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
.msg-intro__sec + .msg-intro__sec {
  margin-top: 30px;
}
.msg-intro .c-head04 {
  text-align: center;
}
.msg-intro__video {
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
  width: 100%;
  aspect-ratio: 315/195;
  margin-top: 30px;
}
.msg-intro__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.msg-intro__textarea {
  margin-top: 40px;
}
.msg-intro__txt + .msg-intro__txt {
  margin-top: 1.5em;
}
@media (min-width: 768px) {
  .msg-intro__inner {
    padding-top: 76px;
    padding-bottom: 120px;
  }
  .msg-intro__sec + .msg-intro__sec {
    margin-top: 60px;
  }
  .msg-intro .c-head04 {
    text-align: left;
    max-width: 706px;
    margin-left: auto;
    margin-right: auto;
  }
  .msg-intro__video {
    aspect-ratio: 1020/555;
    max-width: 1020px;
    margin: 60px auto 0;
  }
  .msg-intro__textarea {
    margin-top: 73px;
  }
}

/* message-main
================================== */
.msg-main__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.msg-main__txt {
  margin-top: 20px;
}
.msg-main__list {
  margin-top: 20px;
  display: flex;
  gap: 25px;
}
.msg-main__item {
  max-width: 30px;
}
@media (min-width: 768px) {
  .msg-main__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .msg-main__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .msg-main__header-list {
    display: flex;
    align-items: center;
    gap: 25px;
  }
  .msg-main__header-item {
    max-width: 30px;
  }
  .msg-main__txt {
    margin-top: 50px;
  }
}

/* message-post
================================== */
.msg-post__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.msg-post .c-card02__item .c-card02__areaTxt-head {
  font-weight: 700;
}
.msg-post .c-card02__item .c-btn01 {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .msg-post__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .msg-post .c-card02__item .c-card02__areaTxt-head {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 85px;
  }
}

/* news-single-article
=============================== */
.news-single-article .c-single-content h2 {
  background: rgb(var(--color-secondary-500));
}
.news-single-article .c-single-content h3:before {
  background: linear-gradient(to bottom, rgb(var(--color-primary-100)) 0%, rgb(var(--color-primary-100)) 50%, rgb(var(--color-secondary-500)) 50%, rgb(var(--color-secondary-500)) 100%);
}
.news-single-article .c-single-content h4 {
  color: rgb(var(--color-secondary-500));
}
.news-single-article .c-single-content ul li:before {
  background: rgb(var(--color-secondary-500));
}
.news-single-article .c-single-content ol li:before {
  color: rgb(var(--color-secondary-500));
}

/* om-intro
============================ */
.om-intro__inner {
  padding-top: 20px;
  padding-bottom: 52px;
}
.om-intro .c-head03 {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .om-intro .c-head02 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .om-intro .c-head03 {
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) {
  .om-intro__inner {
    padding-top: 56px;
    padding-bottom: 100px;
  }
}

/* om-jisseki
============================ */
.om-jisseki__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .om-jisseki__inner {
    padding-top: 96px;
    padding-bottom: 100px;
  }
}

/* .om-trouble
============================ */
.om-trouble__inner {
  padding-top: 51px;
  padding-bottom: 47px;
}
.om-trouble .c-head03 {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .om-trouble .c-head03 {
    font-size: 2.2rem;
  }
  .om-trouble .c-card03 {
    margin: 30px 0 0;
    grid-template-columns: 1fr 1fr;
    gap: 15px 11px;
  }
}
@media (min-width: 768px) {
  .om-trouble__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .om-trouble .c-head03 {
    margin-bottom: 20px;
    font-size: 3.2rem;
  }
  .om-trouble .c-card03 {
    margin: 80px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 32px;
  }
  .om-trouble .c-card03 .c-card03__item {
    width: calc(33.3333333333% - 32px);
  }
}

/* .om-service
============================ */
.om-service__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.om-service__txt {
  font-size: 1.8rem;
  line-height: var(--line-height_head);
  font-weight: 700;
}
.om-service__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 26px;
}
.om-service__item {
  padding: 15px;
  border: 1px solid rgb(var(--color-border));
  border-radius: 10px;
  background-color: #fff;
}
.om-service__item-head {
  line-height: var(--line-height_head);
  font-weight: 700;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}
.om-service__item-head img {
  flex-shrink: 0;
  max-width: 33px;
}
.om-service__item-txt {
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  .om-service__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .om-service__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .om-service__item {
    padding: 25px 25px 30px;
  }
  .om-service__item-head {
    font-size: 2rem;
    gap: 13px;
    margin-bottom: 10px;
  }
  .om-service__item-head img {
    max-width: 48px;
  }
  .om-service__item-txt {
    font-size: 1.6rem;
  }
}

/* .om-our
============================ */
.om-our__inner {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .om-our__inner {
    padding-top: 100px;
  }
}

/* .om-saigai
============================ */
.om-saigai__inner {
  padding-top: 50px;
}
.om-saigai__copy {
  margin-top: 40px;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: var(--line-height_head);
}
@media (min-width: 768px) {
  .om-saigai__inner {
    padding-top: 100px;
  }
  .om-saigai__copy {
    margin-top: 120px;
    font-size: 3.8rem;
  }
  .om-saigai .c-head04 {
    white-space: nowrap;
  }
}

/* .om-footer
============================ */
.om-footer__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.om-footer__item {
  background: url("https://green-energy.co.jp/img/service/om/bg_soudan01.jpg") no-repeat center/cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 130px;
}
.om-footer__item-head {
  line-height: var(--line-height_head);
  color: #fff;
  font-weight: 700;
  margin-bottom: 8px;
}
.om-footer__item:last-of-type {
  background: url("https://green-energy.co.jp/img/service/om/bg_soudan02.jpg") no-repeat center/cover;
}
.om-footer__item .c-btn01 {
  max-width: 157px;
}
.om-footer__item .c-btn01__in {
  min-height: 39px;
  padding-top: 9px;
  padding-bottom: 9px;
}
@media (min-width: 768px) {
  .om-footer__inner {
    padding-top: 120px;
    padding-bottom: 100px;
  }
  .om-footer__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .om-footer__item {
    height: 380px;
  }
  .om-footer__item-head {
    font-size: 2.8rem;
    margin-bottom: 28px;
  }
  .om-footer__item .c-btn01 {
    max-width: 400px;
  }
  .om-footer__item .c-btn01__in {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

/* philosophy-intro
============================ */
.philosophy-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
.philosophy-intro__head {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: var(--line-height_head);
  margin-bottom: 30px;
  text-align: center;
}
.philosophy-intro__img {
  max-width: 208px;
  margin: auto;
}
@media (min-width: 768px) {
  .philosophy-intro__inner {
    padding-top: 86px;
    padding-bottom: 120px;
  }
  .philosophy-intro__head {
    margin: 0 auto 60px;
    font-size: 3.2rem;
  }
  .philosophy-intro__img {
    max-width: 244px;
  }
}

/* .philosophy-main
============================ */
.philosophy-main__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.philosophy-main__head {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: var(--line-height_head);
  margin-bottom: 30px;
  text-align: center;
}
.philosophy-main__txt + .philosophy-main__txt {
  margin-top: 1.5em;
}
@media (min-width: 768px) {
  .philosophy-main__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .philosophy-main__head {
    font-size: 3.2rem;
    margin-bottom: 60px;
  }
}

/* .philosophy-sec
============================ */
.philosophy-container {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .philosophy-container {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

/* .philosophy-sec
============================ */
.philosophy-sec + .philosophy-sec {
  margin-top: 30px;
}
.philosophy-sec__box {
  padding: 20px 15px 30px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid rgb(var(--color-border));
  position: relative;
}
.philosophy-sec__box::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -5px;
  right: -5px;
  z-index: -1;
  background-color: rgb(var(--color-primary-300));
}
.philosophy-sec__head {
  font-size: 2.5rem;
  font-weight: 700;
  padding-bottom: 10px;
  color: rgb(var(--color-primary-500));
  border-bottom: 1px solid rgb(var(--color-primary-500));
  margin-bottom: 20px;
}
.philosophy-sec .c-head01 {
  margin-bottom: 0;
}
.philosophy-sec__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 20px;
}
.philosophy-sec__item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  line-height: var(--line-height_head);
  font-weight: 700;
  width: 100%;
  height: 55px;
  background-color: rgb(var(--color-bg02));
}
@media (min-width: 768px) {
  .philosophy-sec + .philosophy-sec {
    margin-top: 80px;
  }
  .philosophy-sec__box {
    padding: 50px;
  }
  .philosophy-sec__head {
    font-size: 3rem;
    padding-bottom: 15px;
    margin-bottom: 40px;
  }
  .philosophy-sec__list {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 40px;
  }
  .philosophy-sec__item {
    font-size: 3.2rem;
    height: 106px;
  }
}

/* privacy-policy
------------------------------------- */
.privacy-policy__inner {
  padding-top: 60px;
  padding-bottom: 60px;
}
.privacy-policy__list {
  margin-top: 30px;
}
.privacy-policy__item + .privacy-policy__item {
  margin-top: 1.5em;
}
.privacy-policy__txt {
  word-break: break-all;
}
.privacy-policy__txt + .privacy-policy__txt {
  margin-top: 1em;
}
.privacy-policy__txt a {
  color: rgb(var(--color-primary-500));
  text-decoration: underline;
}
.privacy-policy__head {
  margin-top: 2em;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.5rem;
  border-bottom: 1px solid rgb(var(--color-border));
}
.privacy-policy__box {
  margin-top: 2em;
  padding: 14px 20px;
  background: #f9f9f9;
}
.privacy-policy__box-item + .privacy-policy__box-item {
  margin-top: 0;
}
.privacy-policy__ol-item {
  padding-left: 1em;
  text-indent: -1em;
}
.privacy-policy__in-ol {
  padding-bottom: 1em;
}
.privacy-policy__in-ol-item {
  padding-left: 3em;
  text-indent: -3em;
}
@media (min-width: 768px) {
  .privacy-policy__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .privacy-policy__list {
    margin-top: 60px;
  }
  .privacy-policy__item + .privacy-policy__item {
    margin-top: 3em;
  }
  .privacy-policy__txt + .privacy-policy__txt {
    margin-top: 2em;
  }
  .privacy-policy__head {
    margin-bottom: 1em;
    font-size: 1.8rem;
  }
  .privacy-policy__box {
    padding: 20px 40px;
  }
  .privacy-policy__ol {
    margin-bottom: 2em;
  }
  .privacy-policy__in-ol {
    padding-bottom: 2em;
  }
}
@media (hover: hover) and (pointer: fine) {
  .privacy-policy__txt a:hover {
    text-decoration: none;
  }
}

/* recruit-requirements-info
======================================== */
.recruit-requirements-info__table table tbody td p + p {
  margin-top: 0em;
}
.recruit-requirements-info__txt span.is-underline {
  border-bottom: 1px solid red;
}
@media (max-width: 767px) {
  .recruit-requirements-info__table table th {
    width: 40%;
  }
}
@media (min-width: 768px) {
  .recruit-requirements-info__txt {
    font-size: 1.8rem;
  }
}

/* recruit-requirements-bnr
===================================== */
.recruit-requirements-bnr {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 58px 20px;
  margin-top: 45px;
  box-sizing: border-box;
  aspect-ratio: 670/446;
}
.recruit-requirements-bnr__img {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.recruit-requirements-bnr__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit-requirements-bnr__link {
  display: block;
  text-align: center;
  padding: 17px 10px 20px;
  width: 100%;
  background: rgba(4, 91, 124, 0.7);
  border: 1px solid #b2b4b7;
  text-decoration: none;
  color: #fff;
  box-sizing: border-box;
}
.recruit-requirements-bnr__head {
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
}
.recruit-requirements-bnr__txt {
  padding-top: 10px;
  font-size: 1.2rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .recruit-requirements-bnr {
    margin-top: 100px;
    padding: 120px 20px;
    aspect-ratio: auto;
  }
  .recruit-requirements-bnr__link {
    display: block;
    text-align: center;
    padding: 35px 10px 40px;
    width: 630px;
    margin: auto;
  }
  .recruit-requirements-bnr__head {
    font-size: 6.8rem;
  }
  .recruit-requirements-bnr__txt {
    padding-top: 20px;
    font-size: 2.4rem;
  }
}

/* recruit-common
======================================== */
.recruit-common__head01 {
  text-align: center;
}
.recruit-common__head01.has-bar h2:after {
  content: "";
  display: block;
  width: 5rem;
  height: 3px;
  background-color: currentColor;
  margin: 2rem auto;
}
.recruit-common__head01 h2 {
  margin-bottom: 2rem;
}
.recruit-common__head01 h2 strong {
  display: block;
  font-weight: 400;
  font-size: 5rem;
}
.recruit-common__head01 h2 small {
  display: block;
  margin-top: 2rem;
  font-weight: 700;
  font-size: 1.6rem;
}
.recruit-common__head02 {
  text-align: center;
  margin-bottom: 5rem;
}
.recruit-common__head02 h2 {
  margin-bottom: 2rem;
  font-weight: 400;
  font-size: 5rem;
}
.recruit-common__head02 h2:after {
  content: "";
  display: block;
  width: 5rem;
  height: 3px;
  background-color: currentColor;
  margin: 2rem auto;
}
.recruit-common__head02 p {
  font-weight: 700;
}
.recruit-common__btn {
  margin-top: 3rem;
  text-align: center;
}
.recruit-common__btn a {
  display: inline-block;
  background: rgb(var(--color-primary-500));
  line-height: 1;
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  padding: 1.2rem 2rem;
  border-radius: 9999px;
  text-decoration: none;
}
.recruit-common__btn a:before {
  content: "+";
  display: inline-block;
  margin-right: 0.5em;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .recruit-common__head01.is-right-tb {
    text-align: right;
  }
  .recruit-common__head01.is-left-tb {
    text-align: left;
  }
  .recruit-common__head01 h2 strong {
    font-size: 9rem;
  }
  .recruit-common__head01 h2 small {
    font-size: 2.6rem;
  }
  .recruit-common__head02 h2 {
    font-size: 8rem;
  }
  .recruit-common__head02 p {
    font-size: 2rem;
  }
  .recruit-common__btn.is-right-tb {
    text-align: right;
  }
  .recruit-common__btn a {
    font-size: 1.8rem;
  }
  .recruit-common__btn a:before {
    font-size: 1.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .recruit-common__btn a {
    transition: all 0.3s ease;
  }
  .recruit-common__btn a:hover {
    opacity: 0.7;
  }
}

/*  intro
---------------------------------------- */
.recruit-intro {
  background: url("https://green-energy.co.jp/img/recruit/bg_intro.jpg") no-repeat center/cover;
  width: 100%;
  height: 66vw;
  display: flex;
  align-items: center;
}
.recruit-intro__head-main {
  font-size: 6rem;
  line-height: 0.8;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}
.recruit-intro__head-main strong {
  font-size: 7rem;
  font-weight: 400;
}
.recruit-intro__head-sub {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1.6;
  color: #fff;
  margin-top: 3rem;
  text-shadow: 1px 1px 3px #000;
}
@media (min-width: 768px) {
  .recruit-intro__head-main {
    font-size: 14rem;
  }
  .recruit-intro__head-main strong {
    font-size: 15rem;
  }
  .recruit-intro__head-sub {
    margin-top: 7rem;
    font-size: 3.6rem;
  }
}

/* recruit-aboutus
======================================= */
.recruit-aboutus {
  position: relative;
  background-color: #eaeef2;
  padding: 10rem 0;
}
.recruit-aboutus figure {
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .recruit-aboutus__inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
  }
  .recruit-aboutus__area-txt {
    width: 50%;
  }
  .recruit-aboutus__txt {
    text-align: right;
  }
  .recruit-aboutus figure {
    position: absolute;
    left: 0;
    width: 40%;
  }
}

/* recruit-message
===================================== */
.recruit-message__signature {
  margin-top: 2rem;
  font-size: 1.6rem;
}
.recruit-message__signature strong {
  display: inline-block;
  margin-left: 1em;
  font-size: 2rem;
}
.recruit-message figure {
  width: 80%;
  margin: 5rem auto 0;
}
@media (min-width: 768px) {
  .recruit-message__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit-message__head h2 small {
    margin-top: 5rem;
  }
  .recruit-message__signature {
    font-size: 2rem;
  }
  .recruit-message__signature strong {
    font-size: 2.4rem;
  }
  .recruit-message__area-txt {
    width: 60%;
  }
  .recruit-message figure {
    width: 35%;
    margin: 0;
  }
}

/* recruit-wellbeing
====================================== */
.recruit-wellbeing {
  position: relative;
  background-color: #eaeef2;
  margin-bottom: 5vw;
  padding: 10rem 0 0;
}
.recruit-wellbeing__head h2 {
  margin-bottom: 5rem;
}
.recruit-wellbeing__head figure {
  width: 70%;
  margin: 5rem auto 0;
}
.recruit-wellbeing__block1 {
  width: 100%;
  margin-top: 5rem;
}
.recruit-wellbeing__block1 figure {
  margin-bottom: 5rem;
}
.recruit-wellbeing__block2 {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1120px;
  width: 90%;
  margin: 0 auto;
  bottom: -5rem;
}
.recruit-wellbeing__block2 img {
  display: block;
  width: 50%;
}
@media (min-width: 768px) {
  .recruit-wellbeing__inner {
    display: flex;
    justify-content: space-between;
  }
  .recruit-wellbeing__head {
    width: 45%;
    text-align: left;
  }
  .recruit-wellbeing__block1 {
    width: 50%;
  }
  .recruit-wellbeing__block2 {
    margin: 5rem auto 0;
  }
}

/* recruit-important
====================================== */
.recruit-important__inner {
  padding-top: 10rem;
}
.recruit-important__list {
  margin-top: 5rem;
}
.recruit-important__list-item {
  margin-bottom: 5rem;
}
.recruit-important__list-item:last-child {
  margin-bottom: 0;
}
.recruit-important__list-item figure {
  width: 30%;
  margin: 0 auto 2rem;
}
.recruit-important__list-item dl dt {
  margin-bottom: 1rem;
  color: rgb(var(--color-primary-500));
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
}
.recruit-important__list-item dl dd {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .recruit-important__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .recruit-important__list-item {
    width: 45%;
  }
  .recruit-important__list-item:nth-of-type(2n+1):nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
  .recruit-important__list-item:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ .recruit-important__list-item {
    margin-bottom: 0;
  }
  .recruit-important__list-item dl dt {
    font-size: 2.4rem;
  }
}

/* recruit-interview
------------------------------------- */
.recruit-interview__inner {
  padding-top: 54px;
  padding-bottom: 60px;
}
.recruit-interview__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px;
}
.recruit-interview__item {
  width: calc(50% - 6px);
  margin: 0 3px;
}
.recruit-interview__item-head {
  position: relative;
  margin-bottom: 8px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: rgb(var(--color-primary-500));
  padding-left: 22px;
}
.recruit-interview__item-head::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
  display: block;
  width: 18px;
  height: 22px;
  background: url("https://green-energy.co.jp/img/recruit/ico_interview01.png") no-repeat center/contain;
}
.recruit-interview__item-movie {
  position: relative;
  display: block;
}
.recruit-interview__item-movie:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
.recruit-interview__item-movie-trigger {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.recruit-interview__item-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.recruit-interview__item:nth-child(n+3) {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .recruit-interview__inner {
    padding-top: 70px;
    padding-bottom: 10px;
  }
  .recruit-interview__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
  }
  .recruit-interview__item {
    width: calc(33.3% - 40px);
    margin: 0 20px 60px;
  }
  .recruit-interview__item + .recruit-interview__item {
    margin-top: 0;
  }
  .recruit-interview__item-head {
    margin-bottom: 18px;
    padding-left: 22px;
    font-size: 2rem;
  }
  .recruit-interview__item-head::before {
    width: 21px;
    height: 26px;
  }
}

/* recruit-staff
------------------------------------- */
.recruit-staff__inner {
  padding-bottom: 60px;
}
.recruit-staff__block + .recruit-staff__block {
  margin-top: 30px;
}
.recruit-staff__block-profile {
  padding: 20px 20px;
  background: #f0f3f4;
}
.recruit-staff__block-profile-head {
  line-height: 1.5;
}
.recruit-staff__block-profile-position {
  font-size: 1.1rem;
  color: rgb(var(--color-primary-500));
}
.recruit-staff__block-profile-name {
  font-size: 1.9rem;
  font-weight: 500;
}
.recruit-staff__block-profile-schedule {
  padding-top: 10px;
}
.recruit-staff__block-profile-schedule-head {
  padding-bottom: 5px;
  font-weight: 500;
  border-bottom: 1px solid #d4d6d7;
}
.recruit-staff__block-profile-schedule-list {
  padding-top: 10px;
}
.recruit-staff__block-profile-schedule-item {
  font-size: 1.3rem;
}
.recruit-staff__block-profile-schedule-item + .recruit-staff__block-profile-schedule-item {
  padding-top: 2px;
}
.recruit-staff__block-profile-schedule-time {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background: no-repeat center/contain;
}
.recruit-staff__block-profile-schedule-time.is-0830 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_0830.png");
}
.recruit-staff__block-profile-schedule-time.is-0840 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_0840.png");
}
.recruit-staff__block-profile-schedule-time.is-0845 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_0845.png");
}
.recruit-staff__block-profile-schedule-time.is-0850 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_0850.png");
}
.recruit-staff__block-profile-schedule-time.is-0900 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_0900.png");
}
.recruit-staff__block-profile-schedule-time.is-0915 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_0915.png");
}
.recruit-staff__block-profile-schedule-time.is-1200 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_1200.png");
}
.recruit-staff__block-profile-schedule-time.is-1300 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_1300.png");
}
.recruit-staff__block-profile-schedule-time.is-1330 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_1330.png");
}
.recruit-staff__block-profile-schedule-time.is-1500 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_1500.png");
}
.recruit-staff__block-profile-schedule-time.is-1700 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_1700.png");
}
.recruit-staff__block-profile-schedule-time.is-1830 {
  background-image: url("https://green-energy.co.jp/img/recruit/ico_1830.png");
}
.recruit-staff__block-body {
  display: flex;
  flex-direction: column;
}
.recruit-staff__block-btn {
  position: relative;
  order: 2;
  padding: 10px;
  background: rgb(var(--color-primary-500));
  text-align: center;
  color: #fff;
  letter-spacing: 0.08em;
}
.recruit-staff__block-btn:after {
  content: "スタッフのコメントを見る";
}
.recruit-staff__block-btn.is-active:after {
  content: "閉じる";
}
.recruit-staff__block-btn.is-active .recruit-staff__block-btn-icon:after {
  transform: rotate(180deg);
}
.recruit-staff__block-btn-icon {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 1em -3px 0;
  transition: all 0.3s ease;
}
.recruit-staff__block-btn-icon:before, .recruit-staff__block-btn-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #fff;
}
.recruit-staff__block-btn-icon:after {
  transform: rotate(90deg);
}
.recruit-staff__block-content {
  padding: 20px;
  border: 5px solid #f0f3f4;
  border-bottom: 0;
  box-sizing: border-box;
}
.recruit-staff__block-content-set + .recruit-staff__block-content-set {
  padding-top: 28px;
}
.recruit-staff__block-content-head {
  font-size: 1.6rem;
  font-weight: 500;
  color: rgb(var(--color-primary-500));
  line-height: 1.5;
}
.recruit-staff__block-content-txt {
  padding-top: 1em;
}
@media (min-width: 768px) {
  .recruit-staff__inner {
    padding-top: 70px;
    padding-bottom: 100px;
  }
  .recruit-staff__block + .recruit-staff__block {
    margin-top: 50px;
  }
  .recruit-staff__block-head {
    display: flex;
  }
  .recruit-staff__block-img {
    width: 460px;
  }
  .recruit-staff__block-profile {
    flex: 1;
    padding: 35px 40px;
  }
  .recruit-staff__block-profile-head {
    line-height: 1.5;
  }
  .recruit-staff__block-profile-position {
    font-size: 1.6rem;
  }
  .recruit-staff__block-profile-name {
    padding-top: 4px;
    font-size: 2.5rem;
  }
  .recruit-staff__block-profile-schedule {
    padding-top: 20px;
  }
  .recruit-staff__block-profile-schedule-head {
    padding-bottom: 10px;
    font-size: 1.8rem;
  }
  .recruit-staff__block-profile-schedule-list {
    padding-top: 20px;
    columns: 2;
  }
  .recruit-staff__block-profile-schedule-item {
    font-size: 1.5rem;
    padding-bottom: 3px;
  }
  .recruit-staff__block-profile-schedule-item + .recruit-staff__block-profile-schedule-item {
    padding-top: 0;
  }
  .recruit-staff__block-profile-schedule-time {
    top: -1px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
  }
  .recruit-staff__block-body {
    display: flex;
    flex-direction: column;
  }
  .recruit-staff__block-btn {
    padding: 16px;
  }
  .recruit-staff__block-btn-icon {
    top: 3px;
    width: 26px;
    height: 26px;
  }
  .recruit-staff__block-content {
    padding: 40px 50px 55px;
  }
  .recruit-staff__block-content-set + .recruit-staff__block-content-set {
    padding-top: 29px;
  }
  .recruit-staff__block-content-head {
    font-size: 2rem;
  }
  .recruit-staff__block-content-txt {
    padding-top: 1em;
  }
}

/* recruit-info
===================================== */
.recruit-info__txt {
  margin-bottom: 30px;
}
.recruit-info__youtube {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .recruit-info__txt {
    text-align: center;
    margin-bottom: 60px;
  }
}

/* recruit-joblist
================================ */
.recruit-joblist {
  background-color: #eaeef2;
}
.recruit-joblist figure {
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .recruit-joblist__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruit-joblist__head {
    width: 35%;
  }
  .recruit-joblist figure {
    width: 60%;
    margin: 0;
  }
}

/* recruit-entry
================================ */
.recruit-entry__list-item {
  margin-bottom: 2rem;
}
.recruit-entry__list-item:last-child {
  margin-bottom: 0;
}
.recruit-entry__list-item a {
  display: block;
  background: rgb(var(--color-primary-500));
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 1.5em;
  font-size: 2rem;
}
.recruit-entry__list-item a strong {
  display: block;
  margin-bottom: 1rem;
  padding: 0.5rem 0;
  border: 2px solid currentColor;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .recruit-entry__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .recruit-entry__list-item {
    width: 45%;
  }
  .recruit-entry__list-item:nth-of-type(2n+1):nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
  .recruit-entry__list-item:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ .recruit-entry__list-item {
    margin-bottom: 0;
  }
  .recruit-entry__list-item a {
    font-size: 2.4rem;
  }
  .recruit-entry__list-item a strong {
    font-size: 3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .recruit-entry__list-item a {
    transition: all 0.3s ease;
  }
  .recruit-entry__list-item a:hover {
    opacity: 0.7;
  }
}

/* sitemap-map
------------------------------------- */
.sitemap-map__inner {
  padding-top: 60px;
}
.sitemap-map__txt {
  text-align: center;
}
.sitemap-map__list {
  padding-top: 30px;
}
.sitemap-map__item {
  padding-bottom: 20px;
}
.sitemap-map__item.is-other {
  padding-bottom: 0;
}
.sitemap-map__item .c-head05 {
  border-bottom: 1px solid rgb(var(--color-border));
}
.sitemap-map__sub-item {
  line-height: 1.6;
}
.sitemap-map__sub-link {
  text-decoration: none;
  font-size: 1.3rem;
}
.sitemap-map__sub-link[href] {
  color: rgb(var(--color-primary-500));
}
.sitemap-map__sub-link[href] span {
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 0%);
}
@media (min-width: 768px) {
  .sitemap-map__inner {
    padding-top: 100px;
  }
  .sitemap-map__list {
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px;
  }
  .sitemap-map__item {
    width: calc(50% - 80px);
    margin: 0 40px;
    padding-bottom: 40px;
  }
  .sitemap-map__item.is-col2-tb {
    width: 100%;
  }
  .sitemap-map__item.is-col2-tb .sitemap-map__area-col {
    column-count: 2;
  }
  .sitemap-map__item.is-col2-tb .sitemap-map__sub {
    break-inside: avoid;
  }
  .sitemap-map__sub-item {
    line-height: 2;
  }
  .sitemap-map__sub-link {
    text-decoration: none;
    font-size: 1.6rem;
  }
  .sitemap-map__sub-link:before {
    content: "-";
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: 2px;
  }
  .sitemap-map__sub-link.is-pl {
    padding-left: 20px;
  }
}

/* spi-intro
============================ */
.sh-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .sh-intro__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
}

/* .sh-achievements
================================================ */
.sh-achievements__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sh-achievements__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .sh-achievements__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sh-achievements__note {
    margin-top: 30px;
  }
}

/* .sh-simulation
================================================ */
.sh-simulation__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sh-simulation__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .sh-simulation__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sh-simulation__note {
    margin-top: 30px;
  }
}

/* .sh-suggestion
================================================ */
.sh-suggestion__inner {
  padding-bottom: 30px;
}
.sh-suggestion__set {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .sh-suggestion__inner {
    padding-top: 120px;
    padding-bottom: 100px;
  }
  .sh-suggestion__set {
    margin-top: 60px;
  }
}

/* .sh-info 
================================================ */
.sh-info__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sh-info__btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .sh-info__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sh-info__btn {
    margin-top: 40px;
  }
}

/* .sh-product 
================================================ */
.sh-product__inner {
  padding-top: 50px;
  padding-bottom: 20px;
}
.sh-product__btn {
  margin-top: 30px;
}
.sh-product-sec + .sh-product-sec {
  margin-top: 30px;
}
.sh-product-sec__head {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid currentColor;
  font-size: 1.8rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .sh-product__inner {
    padding-top: 100px;
  }
  .sh-product__btn {
    margin-top: 40px;
  }
  .sh-product-sec + .sh-product-sec {
    margin-top: 60px;
  }
  .sh-product-sec__head {
    margin-bottom: 40px;
    padding-bottom: 30px;
    font-size: 2.4rem;
  }
}

/* spi-intro
============================ */
.sps-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .sps-intro__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
}

/* .sps-achievements
================================================ */
.sps-achievements__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sps-achievements__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .sps-achievements__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sps-achievements__note {
    margin-top: 30px;
  }
}

/* .sps-simulation
================================================ */
.sps-simulation__inner {
  padding-top: 50px;
  padding-bottom: 30px;
}
.sps-simulation__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .sps-simulation__inner {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .sps-simulation__note {
    margin-top: 30px;
  }
}

/* .sps-support
================================================ */
.sps-support__inner {
  padding-bottom: 50px;
}
.sps-support__img {
  margin-top: 30px;
}
.sps-support__set {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .sps-support__inner {
    padding-bottom: 120px;
  }
  .sps-support__img {
    margin-top: 100px;
  }
  .sps-support__set {
    margin-top: 120px;
  }
  .sps-support__set img {
    max-width: 348px;
  }
}

/* .sps-info 
================================================ */
.sps-info__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .sps-info__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .sps-benefit
================================================ */
.sps-benefit__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sps-benefit__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .sps-benefit__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.sps-benefit-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.sps-benefit-list__item {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}
.sps-benefit-list__item-head {
  display: flex;
  align-items: flex-start;
  font-size: 2.2rem;
  font-weight: 700;
}
.sps-benefit-list__item-head::before {
  content: "";
  position: relative;
  top: 14px;
  flex: 0 0 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgb(var(--color-primary-500));
  margin-right: 8px;
}
.sps-benefit-list__item-txt {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .sps-benefit-list {
    gap: 30px;
  }
  .sps-benefit-list__item {
    row-gap: 15px;
  }
  .sps-benefit-list__item-head {
    font-size: 2.8rem;
  }
  .sps-benefit-list__item-head::before {
    top: 18px;
    margin-right: 10px;
  }
}

/* .sps-case 
================================================ */
.sps-case__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sps-case__btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .sps-case__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sps-case__btn {
    margin-top: 40px;
  }
}

/* spi-intro
============================ */
.spi-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .spi-intro__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
}

/* .spi-achievements
================================================ */
.spi-achievements__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.spi-achievements__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .spi-achievements__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .spi-achievements__note {
    margin-top: 30px;
  }
}

/* .spi-simulation
================================================ */
.spi-simulation__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.spi-simulation__note {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .spi-simulation__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .spi-simulation__note {
    margin-top: 30px;
  }
}

/* .spi-support
================================================ */
.spi-support__inner {
  padding-top: 50px;
  padding-bottom: 46px;
}
.spi-support__img {
  margin-top: 44px;
}
@media (min-width: 768px) {
  .spi-support__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .spi-support__img {
    margin-top: 73px;
  }
}

/* .spi-suggestion
================================================ */
.spi-suggestion__inner {
  padding-bottom: 30px;
}
.spi-suggestion__set {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .spi-suggestion__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .spi-suggestion__set {
    margin-top: 100px;
  }
}

/* .spi-info 
================================================ */
.spi-info__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.spi-info__btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .spi-info__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .spi-info__btn {
    margin-top: 40px;
  }
}

/* .spi-voice 
================================================ */
.spi-voice__inner {
  padding-top: 50px;
  padding-bottom: 20px;
}
.spi-voice__btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .spi-voice__inner {
    padding-top: 100px;
  }
  .spi-voice__btn {
    margin-top: 40px;
  }
}

/* spi-intro
============================ */
.ss-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
.ss-intro__img {
  margin-top: 30px;
}
.ss-intro__set {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .ss-intro__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
  .ss-intro__img {
    margin-top: 100px;
  }
  .ss-intro__set {
    margin-top: 80px;
  }
}

/* .ss-feature
================================================ */
.ss-feature__inner {
  padding-bottom: 30px;
}
.ss-feature__set {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .ss-feature__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .ss-feature__set {
    margin-top: 100px;
  }
}

/* .ss-simulation
================================================ */
.ss-simulation__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.ss-simulation__note {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .ss-simulation__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .ss-simulation__note {
    margin-top: 20px;
  }
}

/* .ss-case 
================================================ */
.ss-case__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.ss-case__txt {
  margin-top: 15px;
}
.ss-case-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin-top: 30px;
}
.ss-case-list__img {
  aspect-ratio: 345/213;
  text-align: center;
}
.ss-case-list__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .ss-case__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .ss-case__txt {
    margin-top: 20px;
    text-align: center;
  }
  .ss-case-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 40px;
  }
  .ss-case-list__img {
    aspect-ratio: 54/38;
  }
}

/* epc-intro
============================ */
.sb-intro__inner {
  padding-top: 20px;
  padding-bottom: 50px;
}
.sb-intro__img {
  margin-top: 40px;
}
.sb-intro-sec {
  margin-top: 56px;
}
.sb-intro-sec__txt {
  margin-top: 15px;
}
.sb-intro-sec__img {
  margin-top: 30px;
  padding-block: 28px;
  border: 1px solid rgb(var(--color-border));
  text-align: center;
}
.sb-intro-sec__img img {
  width: calc(100% - 30px);
}
@media (min-width: 768px) {
  .sb-intro__inner {
    padding-top: 56px;
    padding-bottom: 120px;
  }
  .sb-intro__img {
    margin-top: 100px;
  }
  .sb-intro-sec {
    margin-top: 120px;
  }
  .sb-intro-sec__txt {
    margin-top: 20px;
  }
  .sb-intro-sec__img {
    margin-top: 50px;
    padding-block: 0;
    border: none;
  }
  .sb-intro-sec__img img {
    width: 100%;
  }
}

/* .sb-reason
================================================ */
.sb-reason__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .sb-reason__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .sb-simulation
================================================ */
.sb-simulation__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sb-simulation__txt {
  margin-top: 15px;
}
.sb-simulation__img {
  margin-top: 30px;
  padding-block: 20px;
  border: 1px solid rgb(var(--color-border));
  box-shadow: 5px 5px 0px 0px rgb(var(--color-primary-300));
  text-align: center;
}
@media (min-width: 768px) {
  .sb-simulation__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .sb-simulation__txt {
    margin-top: 20px;
  }
  .sb-simulation__img {
    margin-top: 50px;
  }
}

/* .sb-info 
================================================ */
.sb-info__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sb-info__btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .sb-info__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sb-info__btn {
    margin-top: 40px;
  }
}

/* .sb-sustainability
================================================ */
.sb-sustainability__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .sb-sustainability__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

/* .sb-case 
================================================ */
.sb-case__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sb-case__btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .sb-case__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sb-case__btn {
    margin-top: 40px;
  }
}