@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --font-family-ja: YakuHanJP, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  --font-weight-thin: 100;
  --font-family-en: "Jost",-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  --color-base-text: #333333;
}

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

body {
  font-family: var(--font-family-ja);
  color: var(--color-base-text);
  -webkit-font-smoothing: antialiased;
  min-width: 1236px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  body {
    min-width: 100%;
  }
}
body.-lock {
  position: fixed;
  left: 0;
  right: 0;
  top: 0%;
  bottom: 0;
  min-width: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

.-pc--none {
  display: none;
}
@media screen and (max-width: 767px) {
  .-pc--none {
    display: inline-block;
  }
}

.-sp--none {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .-sp--none {
    display: none;
  }
}

.-no--created {
  pointer-events: none;
  opacity: 0.3;
}

.-no--created {
  cursor: not-allowed;
  filter: blur(1px);
}
@media screen and (max-width: 767px) {
  .-no--created {
    display: block;
  }
}

.-link--none {
  pointer-events: none;
}

p, figure {
  margin: 0;
}

a,
button {
  transition: opacity 0.35s ease-out;
  text-decoration: none;
  cursor: pointer;
  color: currentColor;
}
a:hover,
button:hover {
  opacity: 0.5;
}

.c-breadcrumb {
  padding: 10px 0;
  font-weight: normal;
  font-size: 11px;
  color: #989898;
  white-space: nowrap;
}
.c-breadcrumb .c-breadcrumb__inner {
  display: flex;
  align-items: center;
  padding: 0 32px;
}
@media screen and (max-width: 767px) {
  .c-breadcrumb .c-breadcrumb__inner {
    overflow: scroll;
    padding: 0 16px;
  }
}
.c-breadcrumb .c-breadcrumb__inner a, .c-breadcrumb .c-breadcrumb__inner span {
  display: inline-block;
}
.c-breadcrumb .c-breadcrumb__inner .arrow {
  padding: 0 10px;
  display: inline-block;
  background: url("../img/common/arrow-breadcrumbs.svg") no-repeat center/contain;
  height: 10px;
  width: 6px;
  min-width: 6px;
}

.c-card-author {
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-card-author {
    display: block;
  }
}
.c-card-author .c-author__image {
  width: 180px;
  height: 180px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-card-author .c-author__image {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    margin: 0 auto;
  }
}
.c-card-author .c-author__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.c-card-author .c-author__detail {
  width: calc(100% - 200px);
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .c-card-author .c-author__detail {
    padding: 0;
    margin-top: 20px;
    width: 100%;
  }
}
.c-card-author .c-author__detailTitle {
  font-family: "Noto Sans JP";
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: #606060;
  margin: 0;
  border-radius: 3px;
  background: #efefef;
  display: inline-block;
  padding: 0px 25px;
}
.c-card-author .c-author__detailInfo {
  display: flex;
  align-items: baseline;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .c-card-author .c-author__detailInfo {
    display: block;
  }
}
.c-card-author .c-author__detailInfo .name {
  font-weight: normal;
  font-size: 26px;
  text-align: left;
  color: #333;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-card-author .c-author__detailInfo .name {
    font-size: 22px;
  }
}
.c-card-author .c-author__detailInfo .position {
  margin-left: 10px;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: #333;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-card-author .c-author__detailInfo .position {
    margin-left: 0;
    margin-top: 5px;
  }
}
.c-card-author .c-author__detailDescription {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-card-author .c-author__detailDescription {
    margin-top: 20px;
  }
}

.c-card-fullImage {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .c-card-fullImage {
    width: 100%;
  }
}
.c-card-fullImage.-overlay--full .c-fullImage__link::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.4;
}
@media screen and (min-width: 768px) {
  .c-card-fullImage:nth-child(odd) .c-fullImage__link {
    padding-left: max(calc((100vw - 1232px) / 2), 25px);
  }
  .c-card-fullImage:nth-child(even) .c-fullImage__link {
    padding-right: max(calc((100vw - 1232px) / 2), 25px);
  }
  .c-card-fullImage:nth-child(even) .c-fullImage__link .c-fullImage__arrow {
    right: max(calc((100vw - 1232px) / 2), 50px);
  }
}
.c-card-fullImage .c-fullImage__link {
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 373px;
  padding: 45px 60px;
}
@media screen and (max-width: 767px) {
  .c-card-fullImage .c-fullImage__link {
    padding: 25px;
    min-height: 261px;
  }
}
.c-card-fullImage .c-fullImage__link::before {
  content: "";
  display: block;
  height: 234px;
  width: 100%;
  background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
}
.c-card-fullImage .c-fullImage__image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  height: 100%;
  width: 100%;
}
.c-card-fullImage .c-fullImage__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-card-fullImage .c-fullImage__title {
  font-weight: normal;
  font-size: 26px;
  line-height: 48px;
  color: #fff;
  position: relative;
  z-index: 13;
  margin: 0;
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .c-card-fullImage .c-fullImage__title {
    font-size: 22px;
  }
}
.c-card-fullImage .c-fullImage__text {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  margin-top: 20px;
  position: relative;
  z-index: 13;
}
@media screen and (max-width: 767px) {
  .c-card-fullImage .c-fullImage__text {
    margin-top: 24px;
  }
}
.c-card-fullImage .c-fullImage__arrow {
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/arrow-white.svg") no-repeat center/contain;
  position: absolute;
  top: 60px;
  right: 50px;
  z-index: 12;
}
@media screen and (max-width: 767px) {
  .c-card-fullImage .c-fullImage__arrow {
    top: 45px;
    right: 25px;
  }
}

.c-card-model-simulator-selector {
  border: solid 1px #707070;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 160px;
}
@media screen and (max-width: 767px) {
  .c-card-model-simulator-selector {
    height: 80px;
  }
}
.c-card-model-simulator-selector:not(.-type--modal)::after {
  content: "▼";
  color: #B2B2B2;
  position: absolute;
  right: 48px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  font-size: 10px;
}
.c-card-model-simulator-selector.-type--modal {
  border: none;
  background-color: white;
}
.c-card-model-simulator-selector.-type--modal .title .label {
  color: #000;
}
.c-card-model-simulator-selector .image {
  position: absolute;
  left: 120px;
  top: 0;
  width: 133px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .c-card-model-simulator-selector .image {
    width: 63px;
    left: 30px;
  }
}
.c-card-model-simulator-selector .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-card-model-simulator-selector .title {
  margin: 0;
  text-align: center;
}
.c-card-model-simulator-selector .title .logo {
  display: block;
}
@media screen and (max-width: 767px) {
  .c-card-model-simulator-selector .title .logo {
    max-width: 103px;
  }
}
.c-card-model-simulator-selector .title .label {
  display: block;
  color: white;
  font-family: var(--font-family-en);
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .c-card-model-simulator-selector .title .label {
    font-size: 10px;
    margin-top: 5px;
  }
}

.c-card-news .c-news__link {
  display: flex;
  justify-content: space-between;
  padding: 35px 0;
}
@media screen and (max-width: 767px) {
  .c-card-news .c-news__link {
    display: block;
  }
}
.c-card-news .c-news__image {
  position: relative;
  overflow: hidden;
  width: 220px;
}
@media screen and (max-width: 767px) {
  .c-card-news .c-news__image {
    width: 100%;
  }
}
.c-card-news .c-news__image::before {
  content: "";
  display: block;
  padding-top: 81.8181818182%;
}
.c-card-news .c-news__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-card-news .c-news__detail {
  width: calc(100% - 250px);
}
@media screen and (max-width: 767px) {
  .c-card-news .c-news__detail {
    width: 100%;
    margin-top: 20px;
  }
}
.c-card-news .c-news__meta {
  display: flex;
  align-items: baseline;
}
.c-card-news .c-news__meta .date {
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  color: #606060;
}
.c-card-news .c-news__meta .category {
  display: flex;
  flex-flow: wrap;
  margin-left: 15px;
}
.c-card-news .c-news__meta .category span {
  font-weight: normal;
  font-size: 12px;
  line-height: 2;
  color: #606060;
  border-radius: 3px;
  background: #efefef;
  padding: 0 10px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.c-card-news .c-news__title {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: #333;
  margin-top: 10px;
}
.c-card-news .c-news__description {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.c-card-studio {
  background: #646464;
  height: 100%;
  padding-bottom: 40px;
  position: relative;
}
.c-card-studio .c-studio__image {
  position: relative;
  overflow: hidden;
}
.c-card-studio .c-studio__image::before {
  content: "";
  display: block;
  padding-top: 57.8947368421%;
}
.c-card-studio .c-studio__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-card-studio .c-studio__detail {
  padding: 20px;
  padding-top: 25px;
  position: relative;
}
.c-card-studio .c-studio__detailLabel {
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  position: absolute;
  top: -10px;
  left: 20px;
  height: 20px;
}
.c-card-studio .c-studio__detailLabel .name {
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  color: #fff;
}
.c-card-studio .c-studio__detailTitle {
  margin: 0;
}
.c-card-studio .c-studio__detailTitle .ja {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  opacity: 0.8;
  display: block;
}
.c-card-studio .c-studio__detailTitle .en {
  font-weight: normal;
  font-size: 10px;
  line-height: 20px;
  color: #ccc;
  opacity: 0.8;
  display: block;
}
.c-card-studio .c-studio__detailAccess {
  margin-top: 20px;
}
.c-card-studio .c-studio__detailAccess p {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  opacity: 0.8;
  white-space: pre-wrap;
}
.c-card-studio .c-studio__detailAccess .map {
  margin-top: 3px;
}
.c-card-studio .c-studio__detailAccess .map a {
  display: inline-block;
}
.c-card-studio .c-studio__detailInfo {
  margin-top: 30px;
}
.c-card-studio .c-studio__detailInfo dl {
  display: flex;
  align-items: baseline;
  margin: 0;
}
.c-card-studio .c-studio__detailInfo dl + dl {
  margin-top: 12px;
}
.c-card-studio .c-studio__detailInfo dt {
  font-weight: normal;
  font-size: 14px;
  color: #ccc;
  opacity: 0.8;
  width: 76px;
}
.c-card-studio .c-studio__detailInfo dd {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  opacity: 0.8;
  margin: 0;
  width: calc(100% - 76px);
  white-space: pre-wrap;
}
.c-card-studio .c-studio__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
}
.c-card-studio .c-studio__link a {
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #fff;
}
.c-card-studio .c-studio__link::after {
  content: "";
  display: block;
  height: 8px;
  width: 34px;
  background: url("../img/showroom/studio/arrow-right.svg") no-repeat center/contain;
  margin-left: 12px;
}
.c-cta {
  background-color: #333333;
  padding: 45px 0;
  border-top: solid 1px #989898;
}
@media screen and (max-width: 767px) {
  .c-cta {
    padding: 20px 0;
  }
}
.c-cta .c-cta__list {
  display: flex;
  flex-flow: wrap;
}
.c-cta .c-cta__item {
  width: calc(25% - 9.75px);
  margin-right: 13px;
}
@media screen and (max-width: 767px) {
  .c-cta .c-cta__item {
    width: calc(50% - 6.5px);
  }
  .c-cta .c-cta__item:nth-child(n+3) {
    margin-top: 10px;
  }
  .c-cta .c-cta__item:nth-child(2n) {
    margin-right: 0;
  }
}
.c-cta .c-cta__item:nth-child(4n) {
  margin-right: 0;
}
.c-cta .c-cta__itemLink {
  display: block;
  background: #646464;
  padding: 50px 16px 60px;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .c-cta .c-cta__itemLink {
    padding: 30px 16px 40px;
  }
}
.c-cta .c-cta__itemImage {
  text-align: center;
  height: 42px;
  width: 42px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-cta .c-cta__itemImage {
    height: 35px;
    width: 35px;
  }
}
.c-cta .c-cta__itemImage::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.c-cta .c-cta__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-cta .c-cta__itemTitle {
  font-size: 18px;
  text-align: center;
  color: #fff;
  margin: 0;
  margin-top: 50px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .c-cta .c-cta__itemTitle {
    font-size: 14px;
    margin-top: 30px;
  }
}
.c-cta .c-cta__itemText {
  font-size: 14px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .c-cta .c-cta__itemText {
    display: none;
  }
}
.c-cta .c-cta__itemArrow {
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/arrow-white.svg") no-repeat center/contain;
  position: absolute;
  right: 28px;
  bottom: 18px;
}
@media screen and (max-width: 767px) {
  .c-cta .c-cta__itemArrow {
    right: 13px;
    bottom: 13px;
  }
}

.c-flex-alone {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-flex-alone {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .c-flex-alone.-pc--reverse .c-flex-alone__image {
    order: 1;
  }
  .c-flex-alone.-pc--reverse .c-flex-alone__detail {
    padding-right: 0px;
    margin-left: 0;
    padding-left: 70px;
    margin-right: max(calc((100vw - 1032px) / 2), 32px);
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .c-flex-alone.-sp--reverse {
    display: grid;
  }
  .c-flex-alone.-sp--reverse .c-flex-alone__image {
    order: 1;
    margin-top: 0;
  }
  .c-flex-alone.-sp--reverse .c-flex-alone__detail {
    order: 2;
    margin-top: 20px;
  }
}
.c-flex-alone .c-flex-alone__image {
  position: relative;
  overflow: hidden;
  width: calc(100% - 400px);
}
@media screen and (max-width: 767px) {
  .c-flex-alone .c-flex-alone__image {
    width: 100%;
    margin-top: 30px;
  }
}
.c-flex-alone .c-flex-alone__image.-image--contain img {
  object-fit: contain;
}
.c-flex-alone .c-flex-alone__image::before {
  content: "";
  display: block;
  padding-top: 59.5%;
}
.c-flex-alone .c-flex-alone__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-flex-alone .c-flex-alone__detail {
  width: 400px;
  min-width: 400px;
  padding-right: 70px;
  margin-left: max(calc((100vw - 1032px) / 2), 32px);
}
@media screen and (max-width: 767px) {
  .c-flex-alone .c-flex-alone__detail {
    width: 100%;
    min-width: 100%;
    padding: 0;
    margin: 0;
    padding: 0 16px;
  }
}
.c-flex-alone .c-flex-alone__detailText {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: currentColor;
}
.c-flex-alone .c-flex-alone__detailButton {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .c-flex-alone .c-flex-alone__detailButton {
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .c-flex-hasLine .c-flex__list.-pc--reverse .c-flex__item:nth-child(odd) .c-flex__itemLeft {
    order: 2;
  }
  .c-flex-hasLine .c-flex__list.-pc--reverse .c-flex__item:nth-child(odd) .c-flex__itemRight {
    order: 1;
    padding-left: 0;
    padding-right: 70px;
    margin-left: max(calc((100vw - 1032px) / 2), 30px);
    margin-right: 0;
  }
  .c-flex-hasLine .c-flex__list.-pc--reverse .c-flex__item:nth-child(even) .c-flex__itemLeft {
    order: 1;
  }
  .c-flex-hasLine .c-flex__list.-pc--reverse .c-flex__item:nth-child(even) .c-flex__itemRight {
    margin-left: 0;
    padding-right: 0;
    margin-right: max(calc((100vw - 1032px) / 2), 30px);
    padding-left: 70px;
    order: 2;
  }
}
.c-flex-hasLine .c-flex__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-flex-hasLine .c-flex__item {
    display: block;
  }
}
.c-flex-hasLine .c-flex__item + .c-flex__item {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .c-flex-hasLine .c-flex__item + .c-flex__item {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .c-flex-hasLine .c-flex__item:nth-child(odd) .c-flex__itemRight {
    margin-right: max(calc((100vw - 1032px) / 2), 30px);
    padding-left: 70px;
  }
}
@media screen and (min-width: 768px) {
  .c-flex-hasLine .c-flex__item:nth-child(even) .c-flex__itemLeft {
    order: 2;
  }
  .c-flex-hasLine .c-flex__item:nth-child(even) .c-flex__itemRight {
    order: 1;
    padding-left: 0;
    padding-right: 70px;
    margin-left: max(calc((100vw - 1032px) / 2), 30px);
  }
}
.c-flex-hasLine .c-flex__itemLeft {
  width: calc(100% - 400px);
}
@media screen and (max-width: 767px) {
  .c-flex-hasLine .c-flex__itemLeft {
    width: 100%;
  }
}
.c-flex-hasLine .c-flex__itemRight {
  width: 400px;
  min-width: 400px;
}
@media screen and (max-width: 767px) {
  .c-flex-hasLine .c-flex__itemRight {
    padding: 0 16px;
    margin-top: 20px;
    min-width: 100%;
    width: 100%;
  }
}
.c-flex-hasLine .c-flex__itemTitle {
  margin: 0;
}
.c-flex-hasLine .c-flex__itemTitle .en {
  font-weight: var(--font-weight-thin);
  font-size: 36px;
  color: #333;
  display: block;
}
.c-flex-hasLine .c-flex__itemTitle .ja {
  font-weight: bold;
  font-size: 18px;
  color: #2e2e2e;
}
.c-flex-hasLine .c-flex__itemText {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-flex-hasLine .c-flex__itemText {
    margin-top: 20px;
  }
}
.c-flex-hasLine .c-flex__itemImage {
  position: relative;
  overflow: hidden;
}
.c-flex-hasLine .c-flex__itemImage::before {
  content: "";
  display: block;
  padding-top: 57.5%;
}
.c-flex-hasLine .c-flex__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
}
.c-flex-hasLine .c-flex__itemImage .line {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 140px);
  z-index: 11;
  width: 100%;
  height: 280px;
  background: #f4f4f4;
}
@media screen and (max-width: 767px) {
  .c-flex-hasLine .c-flex__itemImage .line {
    top: calc(50% - 75px);
    height: 150px;
    width: 90%;
  }
}
.c-flex-hasLine .c-flex__itemButton {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .c-flex-hasLine .c-flex__itemButton {
    text-align: center;
    margin-top: 40px;
  }
}

.c-flex.-color--white .c-flex__itemTitle,
.c-flex.-color--white .c-flex__itemText {
  color: white;
}
.c-flex.-list--inner .c-flex__itemText {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .c-flex.-list--inner .c-flex__itemText {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-flex.-list--inner .c-flex__itemRight {
    padding: 0;
  }
}
.c-flex.-list--inner .c-flex__itemButton {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .c-flex.-list--inner .c-flex__itemButton {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .c-flex.-list--inner .c-flex__item:nth-child(odd) .c-flex__itemRight {
    margin-right: 14.2857142857%;
  }
  .c-flex.-list--inner .c-flex__item:nth-child(even) .c-flex__itemRight {
    margin-left: 14.2857142857%;
  }
  .c-flex.-list--inner .c-flex__itemImage::before {
    padding-top: 71.6981132075%;
  }
  .c-flex.-list--inner.-pc--reverse .c-flex__item:nth-child(even) .c-flex__itemRight {
    margin-right: 14.2857142857%;
  }
  .c-flex.-list--inner.-pc--reverse .c-flex__item:nth-child(odd) .c-flex__itemRight {
    margin-left: 14.2857142857%;
  }
}
@media screen and (min-width: 768px) {
  .c-flex.-pc--reverse .c-flex__item:nth-child(even) .c-flex__itemLeft {
    order: 1;
  }
  .c-flex.-pc--reverse .c-flex__item:nth-child(even) .c-flex__itemRight {
    margin-left: 0;
    order: 2;
    margin-right: max(calc((100vw - 1032px) / 2), 30px);
    padding: 0;
    padding-left: 70px;
  }
  .c-flex.-pc--reverse .c-flex__item:nth-child(odd) .c-flex__itemLeft {
    order: 2;
  }
  .c-flex.-pc--reverse .c-flex__item:nth-child(odd) .c-flex__itemRight {
    order: 1;
    padding-left: 0;
    padding-right: 70px;
    margin-left: max(calc((100vw - 1032px) / 2), 30px);
    margin-right: 0;
  }
}
.c-flex .c-flex__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-flex .c-flex__item {
    display: block;
  }
}
.c-flex .c-flex__item + .c-flex__item {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .c-flex .c-flex__item + .c-flex__item {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .c-flex .c-flex__item:nth-child(odd) .c-flex__itemRight {
    margin-right: max(calc((100vw - 1032px) / 2), 30px);
  }
}
@media screen and (min-width: 768px) {
  .c-flex .c-flex__item:nth-child(even) .c-flex__itemLeft {
    order: 2;
  }
  .c-flex .c-flex__item:nth-child(even) .c-flex__itemRight {
    order: 1;
    padding-left: 0;
    padding-right: 70px;
    margin-left: max(calc((100vw - 1032px) / 2), 30px);
  }
}
.c-flex .c-flex__itemLeft {
  width: calc(100% - 570px);
}
@media screen and (max-width: 767px) {
  .c-flex .c-flex__itemLeft {
    width: 100%;
  }
}
.c-flex .c-flex__itemRight {
  width: 570px;
  padding-left: 70px;
}
@media screen and (max-width: 767px) {
  .c-flex .c-flex__itemRight {
    padding: 0 16px;
    margin-top: 40px;
    width: 100%;
  }
}
.c-flex .c-flex__itemTitle {
  font-weight: bold;
  font-size: 18px;
  color: #2e2e2e;
  margin: 0;
}
.c-flex .c-flex__itemTitle.-size--26px {
  font-size: 26px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .c-flex .c-flex__itemTitle.-size--26px {
    font-size: 22px;
  }
}
.c-flex .c-flex__itemText {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-flex .c-flex__itemText {
    margin-top: 20px;
  }
}
.c-flex .c-flex__itemImage {
  position: relative;
  overflow: hidden;
}
.c-flex .c-flex__itemImage::before {
  content: "";
  display: block;
  padding-top: 60.3174603175%;
}
.c-flex .c-flex__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-flex .c-flex__itemImage img.-img--contain {
  object-fit: contain;
}
.c-flex .c-flex__itemButton {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .c-flex .c-flex__itemButton {
    text-align: center;
    margin-top: 40px;
  }
}

.c-footer {
  padding-top: 80px;
  border-top: solid 1px #989898;
  background: #555555 url("../img/common/footer/bg.png") no-repeat left max(calc((100vw - 1232px) / 2), 32px) bottom 80px/300px 380px;
}
@media screen and (max-width: 767px) {
  .c-footer {
    background: #555555;
    padding-top: 70px;
  }
}
.c-footer .c-footer__contents {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__contents {
    display: block;
  }
}
.c-footer .c-footer__detail {
  width: 350px;
  font-size: 12px;
  line-height: 22px;
  color: #ebebeb;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__detail {
    text-align: center;
    width: 100%;
  }
}
.c-footer .c-footer__detail .logo a {
  display: inline-block;
  text-decoration: none;
}
.c-footer__divCorporate{
  margin-top: 50px;
}
.c-footer__divCorporate + .c-footer__divCorporate{
  margin-top: 25px;
}
.c-footer .c-footer__detail .title {
  color: #999;
}
.c-footer .c-footer__detail .name {
  margin-top: 0.5em;
}
.c-footer .c-footer__detail .address {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__detail .address {
    margin-top: 5px;
  }
}
.c-footer .c-footer__nav {
  width: calc(100% - 350px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-columns: 33.3333333333%;
  gap: 10px 30px;
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__nav {
    width: 100%;
    margin-top: 60px;
    padding: 0 12px;
    display: block;
  }
}
.c-footer .c-footer__nav a {
  color: white;
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__parentsList + .c-footer__parentsList {
    margin-top: 25px;
    padding-top: 25px;
    border-top: solid 1px #989898;
  }
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__parentsItem {
    width: 100%;
  }
}
.c-footer .c-footer__parentsItem + .c-footer__parentsItem {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__parentsItem + .c-footer__parentsItem {
    margin-top: 25px;
    padding-top: 25px;
    border-top: solid 1px #989898;
  }
}
.c-footer .c-footer__parentsItem br {
  display: none;
}
.c-footer .c-footer__parentsLink {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  color: #ebebeb;
}
.c-footer .c-footer__children {
  margin-top: 16px;
  padding-left: 14px;
}
.c-footer .c-footer__childrenItem + .c-footer__childrenItem {
  margin-top: 10px;
}
.c-footer .c-footer__childrenLink {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #ebebeb;
}
.c-footer .c-footer__childrenLink br {
  display: none;
}
.c-footer .c-footer__copyright {
  border-top: solid 1px #989898;
  padding: 30px 0;
  margin-top: 80px;
  background: #404040;
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__copyright {
    margin-top: 45px;
  }
}
.c-footer .c-footer__copyright .text {
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 0.06em;
  line-height: 28px;
  text-align: center;
  color: #909090;
}
@media screen and (max-width: 767px) {
  .c-footer .c-footer__sns {
    display: grid;
    place-items: center;
  }
}
.c-footer .c-footer__snsLink {
  display: flex;
  align-items: center;
}
.c-footer .c-footer__snsLink .text {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  color: #ebebeb;
  margin-left: 10px;
}

.c-form input,
.c-form button,
.c-form select,
.c-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
.c-form textarea {
  resize: vertical;
}
.c-form input[type=checkbox],
.c-form input[type=radio] {
  display: none;
}
.c-form input[type=submit],
.c-form input[type=button],
.c-form button,
.c-form select {
  cursor: pointer;
}
.c-form select::-ms-expand {
  display: none;
}
.c-form .c-form__item {
  margin-top: 30px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-form .c-form__item {
    display: block;
  }
}
.c-form .c-form__itemLeft {
  width: calc(100% - 700px);
  padding-top: 12px;
}
@media screen and (max-width: 767px) {
  .c-form .c-form__itemLeft {
    width: 100%;
    padding-top: 0;
  }
}
.c-form .c-form__itemRight {
  width: 700px;
}
@media screen and (max-width: 767px) {
  .c-form .c-form__itemRight {
    width: 100%;
  }
}
.c-form .c-form__itemLabel {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .c-form .c-form__itemLabel {
    align-items: center;
  }
}
.c-form .c-form__itemLabel .label {
  letter-spacing: 0.05em;
  text-align: left;
  color: #fff;
  border-radius: 3px;
  background: #0d47a1;
  padding: 0px 15px;
  margin-left: 5px;
  font-weight: normal;
  font-size: 12px;
}
.c-form .c-form__itemLabel .label.-need {
  background: #e85577;
}
.c-form .c-form__itemLabel .title {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #333;
}
.c-form .c-form__itemLabel .title small {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #333;
}
.c-form .c-form__itemInput {
  margin-top: 8px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #333;
}
.c-form .c-form__itemInput a {
  color: #CCB034;
  text-decoration: underline;
}
.c-form .c-form__itemInput input[type=text],
.c-form .c-form__itemInput input[type=email],
.c-form .c-form__itemInput input[type=tel] {
  width: 100%;
  height: 48px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #969696;
}
.c-form .c-form__itemInput input[type=text]::placeholder,
.c-form .c-form__itemInput input[type=email]::placeholder,
.c-form .c-form__itemInput input[type=tel]::placeholder {
  font-weight: normal;
  font-size: 16px;
  line-height: 36px;
  text-align: left;
  padding-left: 14px;
  color: #bfbfbf;
}
.c-form .c-form__itemInput.-display--flex .wpcf7-form-control {
  display: flex;
}
.c-form .c-form__itemInput.-display--flex .wpcf7-list-item + .wpcf7-list-item {
  margin-top: 0px;
  margin-left: 60px;
}
@media screen and (max-width: 767px) {
  .c-form .c-form__itemInput.-display--flex .wpcf7-list-item + .wpcf7-list-item {
    margin-left: 30px;
  }
}
.c-form .c-form__itemInput .wpcf7-list-item {
  position: relative;
  margin: 0;
  display: block;
}
.c-form .c-form__itemInput .wpcf7-list-item + .wpcf7-list-item {
  margin-top: 15px;
}
.c-form .c-form__itemInput .wpcf7-list-item label {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.c-form .c-form__itemInput input[type=checkbox] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #969696;
  margin-right: 15px;
  position: relative;
  display: inline-block;
}
.c-form .c-form__itemInput input[type=checkbox]:checked:after {
  content: " ";
  display: block;
  width: 8px;
  height: 14px;
  border-bottom: 3px solid #236099;
  border-right: 3px solid #236099;
  border-radius: 2px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -8px;
}
.c-form .c-form__itemInput input[type=radio] {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #969696;
  min-width: 18px;
  margin-right: 15px;
  position: relative;
  display: inline-block;
}
.c-form .c-form__itemInput input[type=radio]:checked:after {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #66d989;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
}
.c-form .c-form__itemInput textarea {
  width: 100%;
  background: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #969696;
}
.c-form .c-form__itemEmail {
  padding: 8px 24px 34px;
  margin-top: 20px;
  background: #efefef;
  position: relative;
}
.c-form .c-form__itemEmail::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 16px solid #efefef;
  border-top: 0;
  position: absolute;
  left: 50px;
  bottom: 100%;
}
.c-form .c-form__itemEmail .title {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #acacac;
}
.c-form .c-form__itemEmail .address {
  margin-top: 10px;
  display: block;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.05em;
  line-height: 36px;
  text-align: center;
  color: #333;
  word-break: break-all;
}
.c-form .c-form__itemAcceptance {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .c-form .c-form__itemAcceptance * {
    height: 24px;
  }
}
.c-form .c-form__itemButton {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .c-form .c-form__itemButton {
    margin-top: 30px;
  }
}
.c-form .c-form__itemButton .c-form__itemButtonInner {
  position: relative;
  display: inline-block;
}
.c-form .c-form__itemButton .c-form__itemButtonInner::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 41px;
  height: 10px;
  background: url("../img/common/arrow-white.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .c-form .c-form__itemButton .c-form__itemButtonInner::after {
    width: 30px;
  }
}
.c-form .c-form__itemButton input[type=submit] {
  border-radius: 100px;
  background: #ccb034;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
  padding: 8px 60px;
  padding-right: 100px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .c-form .c-form__itemButton input[type=submit] {
    width: 100%;
  }
}
.c-form .c-form__itemButton input[type=submit]:disabled {
  opacity: 0.5;
  box-shadow: none;
}
.c-form .c-form__itemButton input[type=submit]:hover:not(:disabled) {
  opacity: 0.5;
}
.c-form .c-form__itemButton .wpcf7-spinner {
  display: none;
}

body.-lock .c-header {
  background: white;
}

.c-header {
  transition: all 0.3s;
  position: sticky;
  top: 0;
  z-index: 99;
  height: 80px;
  background: transparent;
}
.c-header::after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  inset: 0;
  backdrop-filter: blur(30.2863006592px);
  --webkit-backdrop-filter: blur(30.286300659179688px);
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 11;
}
@media screen and (max-width: 767px) {
  .c-header {
    height: 60px;
  }
}
.c-header .c-header__contents {
  padding: 0 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: 12;
}
@media screen and (max-width: 767px) {
  .c-header .c-header__contents {
    padding: 0 16px;
  }
}
.c-header .c-header__title a {
  display: block;
  text-decoration: none;
  width: 68px;
  height: 16px;
  will-change: transform;
  transition: all 0.3s;
  overflow: hidden;
  text-indent: 105%;
  white-space: nowrap;
  position: relative;
}
.c-header .c-header__title a::before {
  background: url("../img/common/logo.svg") no-repeat center/contain;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.c-header .c-header__title a:hover {
  opacity: 1;
}
.c-header .c-header__list {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 40px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .c-header .c-header__list {
    display: none;
  }
}
.c-header .c-header__item + .c-header__item {
  margin-left: 30px;
}
.c-header .c-header__itemLink {
  display: inline-flex;
  align-items: center;
  color: #606060;
  text-decoration: none;
}
.c-header .c-header__itemLink .icon {
  width: 18px;
  height: 18px;
  position: relative;
}
.c-header .c-header__itemLink .icon::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.c-header .c-header__itemLink .icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-header .c-header__itemLink .text {
  font-size: 12px;
  margin-left: 10px;
}
.c-header .c-header__menuButton {
  transition: all 0.3s;
  background: transparent;
  appearance: none;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  outline: none;
  position: relative;
  z-index: 99;
  opacity: 1;
  width: 30px;
  height: 15px;
  border-radius: 0px 0px 12px 0px;
  display: flex;
}
.c-header .c-header__menuButton > i {
  display: block;
  height: 1px;
  transition: all 0.5s ease;
  background-color: #7E7E7E;
}
.c-header .c-header__menuButton > i + i {
  margin-top: 6px;
}
.c-header .c-header__menuButton > i:nth-child(1) {
  width: 30px;
}
.c-header .c-header__menuButton > i:nth-child(2) {
  width: 22px;
}
.c-header .c-header__menuButton > i:nth-child(3) {
  width: 15px;
}
.c-header .c-header__menuButton.-active > i {
  width: 30px;
}
.c-header .c-header__menuButton.-active > i:nth-child(2) {
  opacity: 0;
  transform: translateX(20px);
}
.c-header .c-header__menuButton.-active > i:nth-child(1) {
  transform: translate3d(0, 5px, 0) rotate(30deg);
  transition-delay: 0.2s;
}
.c-header .c-header__menuButton.-active > i:nth-child(3) {
  transform: translate3d(0, -10px, 0) rotate(-30deg);
  transition-delay: 0.2s;
}
.c-header .c-header__nav {
  display: none;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 80px);
  background-color: white;
  z-index: 97;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 72px 0;
}
@media screen and (max-width: 767px) {
  .c-header .c-header__nav {
    top: 60px;
    padding: 20px 0;
    height: calc(100% - 60px);
  }
}

.c-inner {
  max-width: 1232px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-inner {
    max-width: 532px !important;
  }
}
.c-inner.-width--1000px {
  max-width: 1032px;
}
.c-inner.-width--800px {
  max-width: 832px;
}

.c-layout {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-layout {
    display: block;
  }
}
.c-layout .c-layout__left {
  width: calc(100% - 300px);
}
@media screen and (max-width: 767px) {
  .c-layout .c-layout__left {
    width: 100%;
  }
}
.c-layout .c-layout__right {
  width: 240px;
}
@media screen and (max-width: 767px) {
  .c-layout .c-layout__right {
    width: 100%;
    margin-top: 50px;
  }
}

.c-button.-color--white .c-button__link {
  background-color: white;
}
.c-button.-color--white .c-button__link::after {
  background-image: url("../img/common/arrow-black.svg");
}
.c-button.-color--white .c-button__text {
  color: black;
}
.c-button.-color--ocher .c-button__link {
  background-color: #CCB034;
}
.c-button.-color--gray .c-button__link {
  background-color: #646464;
}
.c-button.-type--download .c-button__link::after {
  background-image: url("../img/common/icon-download.svg");
  width: 20px;
  height: 24px;
  min-width: 20px;
  top: calc(50% - 12px);
}
.c-button.-type--link_blank .c-button__link::after {
  background-image: url("../img/common/link_blank_w.svg");
  width: 20px;
  height: 24px;
  min-width: 20px;
  top: calc(50% - 12px);
}
.c-button.-width--full .c-button__link {
  width: 100%;
  padding: 10px;
}
.c-button.-no--arrow .c-button__link::after {
  display: none;
}
.c-button .c-button__link {
  padding: 10px 84px 10px 42px;
  background-color: black;
  border-radius: 100px;
  display: inline-block;
  position: relative;
  text-align: center;
  transition: opacity 0.35s ease-out;
}
@media screen and (max-width: 767px) {
  .c-button .c-button__link {
    width: 100%;
  }
}
.c-button .c-button__link::after {
  content: "";
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/arrow-white.svg") no-repeat center/contain;
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
}
.c-button .c-button__text {
  color: white;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
}
.c-textLink.-color--white {
  color: white;
}
.c-textLink.-color--white .link::after {
  background-image: url("../img/common/arrow-white.svg");
}
.c-textLink .link {
  display: inline-flex;
  align-items: center;
}
.c-textLink .link::after {
  content: "";
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/arrow-black.svg") no-repeat center/contain;
  margin-left: 20px;
}
.c-textLink .text {
  font-weight: normal;
  font-size: 14px;
  color: currentColor;
}
.c-list-faq {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: solid 1px #ccc;
}
.c-list-faq .c-faq__item {
  position: relative;
  background-color: white;
  padding: 50px 0;
  cursor: pointer;
  display: flex;
  align-items: baseline;
  border-bottom: solid #ccc 1px;
}
@media screen and (max-width: 767px) {
  .c-list-faq .c-faq__item {
    padding: 24px 0px;
  }
}
.c-list-faq .c-faq__item.-active .c-faq__itemIcon span:nth-child(2) {
  display: none;
}
.c-list-faq .c-faq__itemBlock {
  width: 100%;
}
.c-list-faq .c-faq__itemTitle {
  display: flex;
  justify-content: space-between;
  margin: 0;
  width: 100%;
  position: relative;
}
.c-list-faq .c-faq__itemTitle .title {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #333;
  display: flex;
  align-items: baseline;
}
.c-list-faq .c-faq__itemTitle .title::before {
  content: "Q";
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.2em;
  color: #ccc;
  padding-right: 60px;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .c-list-faq .c-faq__itemTitle .title::before {
    font-size: 30px;
    padding-right: 20px;
    padding-left: 0px;
  }
}
.c-list-faq .c-faq__itemText {
  display: none;
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  .c-list-faq .c-faq__itemText {
    padding-top: 30px;
  }
}
.c-list-faq .c-faq__itemText .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #333;
  display: flex;
  align-items: baseline;
}
.c-list-faq .c-faq__itemText .text::before {
  content: "A";
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.2em;
  color: #2e2e2e;
  padding-right: 60px;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .c-list-faq .c-faq__itemText .text::before {
    font-size: 30px;
    padding-right: 20px;
    padding-left: 0px;
  }
}
.c-list-faq .c-faq__itemIcon {
  display: block;
  width: 50px;
  min-width: 50px;
  height: 50px;
  transition: 0.2s;
  position: relative;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .c-list-faq .c-faq__itemIcon {
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin-top: 8px;
  }
}
.c-list-faq .c-faq__itemIcon:hover {
  transform: scale(1.05);
}
.c-list-faq .c-faq__itemIcon > span {
  display: block;
  position: absolute;
  top: calc(50% - 0.5px);
  left: calc(50% - 25px);
  width: 50px;
  height: 1px;
  background-color: #606060;
}
.c-list-faq .c-faq__itemIcon > span:nth-child(2) {
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .c-list-faq .c-faq__itemIcon > span {
    left: calc(50% - 12.5px);
    width: 25px;
  }
}

.c-list-textLink {
  display: flex;
  flex-flow: wrap;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .c-list-textLink.-flow--reverse {
    justify-content: flex-end;
  }
  .c-list-textLink.-flow--reverse .c-textLink__item {
    width: auto;
    margin: 0 0 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .c-list-textLink.-column--3 .c-textLink__item {
    width: calc(33.3333333333% - 26.6666666667px);
  }
  .c-list-textLink.-column--3 .c-textLink__item:nth-child(3n) {
    margin-right: 0px;
  }
  .c-list-textLink.-column--3 .c-textLink__item:nth-child(n+4) {
    margin-top: 20px;
  }
}
.c-list-textLink .c-textLink__item {
  margin: 0;
  padding: 0;
  margin-right: 40px;
  width: calc(25% - 30px);
}
@media screen and (max-width: 767px) {
  .c-list-textLink .c-textLink__item {
    margin-right: 0;
    width: 100%;
  }
  .c-list-textLink .c-textLink__item + .c-textLink__item {
    margin-top: 20px;
  }
}
.c-list-textLink .c-textLink__item::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-list-textLink .c-textLink__item:nth-child(4n) {
    margin-right: 0px;
  }
  .c-list-textLink .c-textLink__item:nth-child(n+5) {
    margin-top: 20px;
  }
}
.c-list-textLink .c-textLink__itemLink {
  display: flex;
  align-items: center;
}
.c-list-textLink .c-textLink__itemLink::after {
  content: "";
  display: block;
  width: 32px;
  height: 8px;
  min-width: 32px;
  background: url("../img/common/header/arrow-right.svg") no-repeat center/contain;
  margin-left: 10px;
}
.c-list-textLink .c-textLink__itemLink .title {
  font-weight: normal;
  font-size: 14px;
  color: #606060;
}

.c-loading {
  background-color: white;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  pointer-events: none;
}

.-is--loaded .c-loading {
  animation: hideop 0.5s ease 0.1s forwards;
}

@keyframes hideop {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.mfp-content {
  height: 100%;
}

.c-modal-case {
  display: grid;
  place-items: center;
  padding: 80px 0;
  pointer-events: none;
}
.c-modal-case .mfp-close {
  color: transparent !important;
  background: white;
  border-radius: 100%;
  right: 30px;
  top: 30px !important;
  background: url("../img/common/closeBtn.svg") no-repeat center right/27px 16px;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .c-modal-case .mfp-close {
    top: 0px !important;
    right: 16px;
  }
}
.c-modal-case .c-case__image {
  position: relative;
  height: 600px;
  height: calc(100vh - 160px);
  pointer-events: auto;
}
.c-modal-case .c-case__image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.c-modal-case .c-case__imageDescription {
  background: rgba(0, 0, 0, 0.7);
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
  color: #fff;
  max-width: 300px;
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .c-modal-case .c-case__imageDescription {
    display: none;
  }
}

.c-case__arrow {
  width: 34px;
  height: 34px;
  min-width: 34px;
  cursor: pointer;
  transition: opacity 0.3s;
  position: fixed;
  bottom: 30px;
  z-index: 9999;
}
.c-case__arrow:hover {
  opacity: 0.5;
}
.c-case__arrow::before {
  content: "";
  display: block;
  background: url("../img/common/arrow-white.svg") no-repeat center/contain;
  height: 100%;
  width: 100%;
}
.c-case__arrow-right {
  right: 30px;
}
.c-case__arrow-left {
  transform: scale(-1, 1);
  left: 30px;
  bottom: 30px;
}

.c-pageHeader {
  height: 100vh;
}
@media screen and (max-width: 767px) {
  .c-pageHeader {
    padding: 70px 0 50px;
  }
}
.c-pageHeader .c-pageHeader__contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .c-pageHeader .c-pageHeader__contents {
    flex-flow: column;
    justify-content: center;
  }
}
.c-pageHeader .c-pageHeader__title {
  text-align: center;
  margin: 0;
  width: 50%;
  order: 2;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .c-pageHeader .c-pageHeader__title {
    width: 100%;
    order: 1;
  }
}
.c-pageHeader .c-pageHeader__title .ja {
  font-size: 2.4285714286vw;
  letter-spacing: 0.2em;
  color: #2e2e2e;
  margin: 0;
  font-weight: var(--font-weight-thin);
}
@media screen and (max-width: 767px) {
  .c-pageHeader .c-pageHeader__title .ja {
    font-size: 24px;
    letter-spacing: 0.05em;
  }
}
.c-pageHeader .c-pageHeader__title .ja img {
  width: 250px;
}
.c-pageHeader .c-pageHeader__title .en {
  font-size: 1.2857142857vw;
  letter-spacing: 0.6em;
  color: #606060;
  margin-top: 30px;
  font-weight: var(--font-weight-thin);
}
@media screen and (max-width: 767px) {
  .c-pageHeader .c-pageHeader__title .en {
    margin-top: 20px;
    font-size: 12px;
    letter-spacing: 0.6em;
  }
}
.c-pageHeader .c-pageHeader__image {
  height: 100%;
  order: 1;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .c-pageHeader .c-pageHeader__image {
    height: 100%;
    width: 100%;
    padding-top: 80px;
    order: 2;
  }
}
.c-pageHeader .c-pageHeader__image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.-isPage--phiten .c-pageHeader .c-pageHeader__image img {
  object-position: -50px center;
}

.-isPage--gallery .c-pageHeader .c-pageHeader__image img {
  object-position: -100px center;
}
@media screen and (max-width: 767px) {
  .-isPage--gallery .c-pageHeader .c-pageHeader__image img {
    object-position: -50px center;
  }
}

@media screen and (min-width: 768px) {
  .-isPage--variation .c-pageHeader .c-pageHeader__image {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .-isPage--variation .c-pageHeader .c-pageHeader__image img {
    height: 434px;
    object-fit: cover;
    object-position: right center;
  }
}
@media screen and (max-width: 767px) {
  .-isPage--variation .c-pageHeader .c-pageHeader__image img {
    object-fit: cover;
  }
}

.c-pagenation {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
.c-pagenation .wp-pagenavi a, .c-pagenation .wp-pagenavi span {
  border: none;
  font-weight: normal;
  font-size: 16px;
  color: #ccc;
  margin: 0 2.5px;
  height: 40px;
  min-width: 40px;
  display: inline-grid;
  place-items: center;
}
.c-pagenation .wp-pagenavi a.current, .c-pagenation .wp-pagenavi span.current {
  background: #ccc;
  font-weight: normal;
  font-size: 16px;
  color: #606060;
}
.c-section {
  padding: 100px 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-section {
    padding: 50px 0;
  }
}
.c-section .c-section__title {
  font-weight: var(--font-weight-thin);
  font-size: 36px;
  text-align: center;
  color: currentColor;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .c-section .c-section__title {
    font-size: 30px;
  }
}
.c-section .c-section__title.-size--26px {
  font-size: 26px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-section .c-section__title.-size--26px {
    font-size: 22px;
  }
}
.c-section .c-section__title.-size--18px {
  font-size: 18px;
}
.c-section .c-section__description {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: currentColor;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .c-section .c-section__description {
    text-align: left;
  }
}
.c-section .c-section__description.-text--left {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .c-section .c-section__description.-spText--center {
    text-align: center;
  }
}

.c-showcase {
  padding: 40px 0 50px;
  background: #555;
  border-top: solid 1px #989898;
}
.c-showcase .c-showcase__title {
  font-weight: bold;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #ebebeb;
  margin: 0;
}
.c-showcase .c-showcase__contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-showcase .c-showcase__contents {
    display: block;
  }
}
.c-showcase .c-showcase__image {
  width: calc(50% - 100px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-showcase .c-showcase__image {
    width: 100%;
  }
}
.c-showcase .c-showcase__image::before {
  content: "";
  display: block;
  padding-top: 40.5%;
}
@media screen and (max-width: 767px) {
  .c-showcase .c-showcase__image::before {
    padding-top: 40.5333333333%;
  }
}
.c-showcase .c-showcase__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-showcase .c-showcase__image::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.4;
  z-index: 12;
}
.c-showcase .c-showcase__image .text {
  font-weight: var(--font-weight-thin);
  font-size: 18px;
  letter-spacing: 0.6em;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  left: 50%;
  z-index: 13;
}
.c-showcase .c-showcase__list {
  width: 50%;
  padding-right: max(calc((100vw - 1232px) / 2), 30px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-columns: 25%;
  gap: 22px 10px;
  grid-auto-flow: dense;
}
@media screen and (max-width: 767px) {
  .c-showcase .c-showcase__list {
    width: 100%;
    padding: 0px 50px;
    margin-top: 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-columns: 50%;
  }
}
.c-showcase .c-showcase__item a {
  font-weight: normal;
  color: #efefef;
  display: block;
  font-size: 13px;
}
.c-sidebar-news .c-news__block + .c-news__block {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .c-sidebar-news .c-news__block + .c-news__block {
    margin-top: 30px;
  }
}
.c-sidebar-news .c-news__blockTitle {
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.2em;
  color: #2e2e2e;
}
.c-sidebar-news .c-news__topics {
  margin-top: 20px;
  border-top: solid 1px #ccc;
}
.c-sidebar-news .c-news__topicsItem {
  border-bottom: solid 1px #ccc;
}
.c-sidebar-news .c-news__topicsLink {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.c-sidebar-news .c-news__topicsImage {
  width: 80px;
  height: 60px;
  position: relative;
  overflow: hidden;
}
.c-sidebar-news .c-news__topicsImage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.c-sidebar-news .c-news__topicsDetail {
  width: calc(100% - 80px);
  padding-left: 10px;
}
.c-sidebar-news .c-news__topicsDetail .date {
  font-weight: normal;
  font-size: 10px;
  color: #606060;
}
.c-sidebar-news .c-news__topicsDetail .title {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
  margin-top: 5px;
}
.c-sidebar-news .c-news__categoryList li + li {
  margin-top: 30px;
}
.c-sidebar-news .c-news__categoryList a {
  font-weight: normal;
  font-size: 14px;
  color: #606060;
  display: block;
  position: relative;
  padding-right: 35px;
}
.c-sidebar-news .c-news__categoryList a::after {
  content: "";
  display: block;
  height: 8px;
  width: 34px;
  background: url("../img/common/arrow-gray.svg") no-repeat center/contain;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
}

.c-toc {
  border-radius: 10px;
  border: 1px solid #ccc;
  width: 100%;
  padding: 60px;
}
@media screen and (max-width: 767px) {
  .c-toc {
    padding: 20px;
  }
}
.c-toc::before {
  content: "目次";
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
}
.c-toc .title {
  background: black;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13;
  position: absolute;
  top: -28px;
  left: -1px;
  height: 28px;
  width: 75px;
}
.c-toc .h2list {
  counter-reset: h2Num 0;
  background: #FFFFFF;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .c-toc .h2list {
    padding: 0;
  }
}
.c-toc .h2list > li > a::before {
  display: inline-block;
  counter-increment: h2Num 1;
  content: counter(h2Num) ".";
  margin-right: 5px;
}
.c-toc .h3list {
  counter-reset: h3Num 0;
  margin-left: 1em;
}
.c-toc .h3list li a::before {
  display: inline-block;
  counter-increment: h3Num 1;
  content: counter(h2Num) "." counter(h3Num) ".";
  margin-right: 5px;
}
.c-toc .h2list li, .c-toc .h3list li {
  margin: 0;
}
.c-toc .h2list li::before, .c-toc .h3list li::before {
  top: 17px;
  left: 5px;
}
.c-toc .h2list li a, .c-toc .h3list li a {
  color: #333;
  display: inline-block;
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
}
.c-toc .h2list li a:hover, .c-toc .h3list li a:hover {
  opacity: 1;
}
.c-toc .h2list li a:hover span, .c-toc .h3list li a:hover span {
  background-position: 0 100%;
  background-size: 100% 1px;
}
.c-toc .h2list li a span, .c-toc .h3list li a span {
  background: linear-gradient(currentColor, currentColor) 100% 100%/0% 1px no-repeat;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.c-toggleNav {
  display: block;
}
@media screen and (max-width: 767px) {
  .c-toggleNav {
    padding-bottom: 100px;
  }
}
.c-toggleNav .c-inner {
  padding: 0 32px;
}
.c-toggleNav .c-toggleNav__list {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-toggleNav .c-toggleNav__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.c-toggleNav .c-toggleNav__item {
  width: calc(50% - 10px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-toggleNav .c-toggleNav__item {
    width: 100%;
  }
  .c-toggleNav .c-toggleNav__item:nth-child(n+3) {
    border-top: solid 1px #ddd;
  }
  .c-toggleNav .c-toggleNav__item:nth-child(odd)::after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    right: -10px;
    top: 10px;
    bottom: 10px;
  }
}
.c-toggleNav .c-toggleNav__itemLink {
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  color: #606060;
  text-decoration: none;
  padding: 45px 0 15px;
  width: 100%;
}
.c-toggleNav .c-toggleNav__itemLink .icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.c-toggleNav .c-toggleNav__itemLink .icon::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.c-toggleNav .c-toggleNav__itemLink .icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.c-toggleNav .c-toggleNav__itemLink .text {
  font-size: 12px;
  margin-top: 40px;
}
.c-toggleNav .c-toggleNav__parents {
  display: flex;
  flex-flow: wrap;
}
@media screen and (max-width: 767px) {
  .c-toggleNav .c-toggleNav__parents {
    display: block;
    margin-top: 40px;
  }
}
.c-toggleNav .c-toggleNav__parentsItem {
  width: calc(25% - 37.5px);
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .c-toggleNav .c-toggleNav__parentsItem {
    width: 100%;
  }
  .c-toggleNav .c-toggleNav__parentsItem + .c-toggleNav__parentsItem {
    border-top: solid 1px #DDDDDD;
    padding-top: 30px;
    margin-top: 30px;
  }
}
.c-toggleNav .c-toggleNav__parentsItem br {
  display: none;
}
.c-toggleNav .c-toggleNav__parentsItem:nth-child(4n) {
  margin-right: 0;
}
.c-toggleNav .c-toggleNav__parentsItem:nth-child(n+5) {
  margin-top: 50px;
}
.c-toggleNav .c-toggleNav__parentsLink {
  font-size: 14px;
  color: #606060;
  text-decoration: none;
  padding-bottom: 20px;
  border-bottom: solid 1px #DDDDDD;
  padding-right: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-toggleNav .c-toggleNav__parentsLink {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.c-toggleNav .c-toggleNav__parentsLink::after {
  content: "";
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/header/arrow-right.svg") no-repeat center/contain;
}
.c-toggleNav .c-toggleNav__children {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .c-toggleNav .c-toggleNav__children {
    margin-top: 30px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 0 10px;
  }
  .c-toggleNav .c-toggleNav__children.-sp-column--1 {
    display: block;
  }
  .c-toggleNav .c-toggleNav__children.-sp-column--1 .c-toggleNav__childrenItem {
    width: 100%;
  }
  .c-toggleNav .c-toggleNav__children.-sp-column--1 .c-toggleNav__childrenItem + .c-toggleNav__childrenItem {
    margin-top: 15px;
  }
}
.c-toggleNav .c-toggleNav__childrenItem {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-toggleNav .c-toggleNav__childrenItem {
    width: calc(50% - 18px);
    margin: 0;
  }
  .c-toggleNav .c-toggleNav__childrenItem:nth-child(n+3) {
    margin-top: 15px;
  }
}
.c-toggleNav .c-toggleNav__childrenLink {
  font-size: 12px;
  color: #606060;
  text-decoration: none;
}
.c-toggleNav .c-toggleNav__childrenLink br {
  display: none;
}
.c-wysiwyg-past h2,
.c-wysiwyg-past h3,
.c-wysiwyg-past h4,
.c-wysiwyg-past h5,
.c-wysiwyg-past h6 {
  margin: 0;
  padding: 0;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .c-wysiwyg-past h2,
  .c-wysiwyg-past h3,
  .c-wysiwyg-past h4,
  .c-wysiwyg-past h5,
  .c-wysiwyg-past h6 {
    margin-top: 40px;
  }
}
.c-wysiwyg-past .title {
  font-size: 13px;
  margin-bottom: 60px;
  text-align: right;
}
.c-wysiwyg-past .wp-block-column {
  font-size: 23px;
}
.c-wysiwyg-past p {
  line-height: 1.6;
  margin-bottom: 38px;
}
.c-wysiwyg-past p a {
  color: #b88f40;
}
.c-wysiwyg-past a {
  word-break: break-all;
}
.c-wysiwyg-past h2 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 32px;
  padding-left: 15px;
  position: relative;
}
.c-wysiwyg-past h2:before {
  background-color: #343535;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}
.c-wysiwyg-past h3 {
  border-bottom: 2px solid #727272;
}
.c-wysiwyg-past h3,
.c-wysiwyg-past h4 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 32px;
}
.c-wysiwyg-past h4 {
  padding-left: 16px;
  position: relative;
}
.c-wysiwyg-past h4:before {
  background-color: #727272;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}
.c-wysiwyg-past .wp-block-columns {
  display: flex;
  justify-content: space-between;
}
.c-wysiwyg-past .wp-block-columns .wp-block-column:first-child {
  width: 380px;
}
.c-wysiwyg-past .wp-block-columns:nth-of-type(2n - 1) .wp-block-column:first-child {
  order: 2;
}
.c-wysiwyg-past .wp-block-columns .wp-block-column {
  width: calc(100% - 400px);
}
.c-wysiwyg-past .link-ul {
  display: flex;
  justify-content: center;
  margin-top: 60px;
  text-align: center;
}
.c-wysiwyg-past .link-ul02 {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
.c-wysiwyg-past .link-ul01 {
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
}
.c-wysiwyg-past .link-ul li {
  border-right: 2px solid #000;
  box-sizing: border-box;
  flex: 1;
}
.c-wysiwyg-past .link-ul li:last-child {
  border-right: none;
}
.c-wysiwyg-past .link-ul li a {
  display: block;
}
.c-wysiwyg-past .link-ul li .link {
  background-color: #2474bb;
  color: #fff;
  font-size: 13px;
  margin: 20px auto 0;
  padding: 5px 5px 7px;
  text-align: center;
  width: 140px;
}
.c-wysiwyg-past .link-ul li .link01 {
  background-color: #5a5b5b;
}
.c-wysiwyg-past .link-ul li .link02 {
  background-color: #b88f40;
}
.c-wysiwyg-past .title {
  margin-bottom: 30px;
}
.c-wysiwyg-past h1 {
  font-size: 26px;
  margin-bottom: 25px;
}
.c-wysiwyg-past .wp-block-column {
  font-size: 16px;
}
.c-wysiwyg-past h2,
.c-wysiwyg-past p {
  margin-bottom: 20px;
}
.c-wysiwyg-past h2 {
  font-size: 20px;
}
.c-wysiwyg-past .wp-block-columns {
  display: block;
}
.c-wysiwyg-past .wp-block-columns .wp-block-column:first-child {
  margin-bottom: 15px;
  width: auto;
}
.c-wysiwyg-past .wp-block-columns .wp-block-column {
  width: auto;
}
.c-wysiwyg-past .link-ul {
  display: block;
  margin-bottom: 25px;
  margin-top: 0;
}
.c-wysiwyg-past .link-ul li {
  border: none;
  margin-bottom: 25px;
  max-width: inherit;
}
.c-wysiwyg-past .link-ul li img {
  width: 100%;
}
.c-wysiwyg-past .link-ul li:last-child {
  border-right: none;
  margin-bottom: 0;
}
.c-wysiwyg-past h2:first-child,
.c-wysiwyg-past h3:first-child,
.c-wysiwyg-past h4:first-child,
.c-wysiwyg-past h5:first-child,
.c-wysiwyg-past h6:first-child,
.c-wysiwyg-past p:first-child {
  margin-top: 0;
}

.c-wysiwyg h2,
.c-wysiwyg h3,
.c-wysiwyg h4,
.c-wysiwyg h5,
.c-wysiwyg h6 {
  margin: 0;
  padding: 0;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .c-wysiwyg h2,
  .c-wysiwyg h3,
  .c-wysiwyg h4,
  .c-wysiwyg h5,
  .c-wysiwyg h6 {
    margin-top: 40px;
  }
}
.c-wysiwyg h2 {
  font-weight: normal;
  font-size: 26px;
  line-height: 38px;
  text-align: left;
  color: #333;
  padding-bottom: 40px;
  border-bottom: solid 1px #ccc;
}
@media screen and (max-width: 767px) {
  .c-wysiwyg h2 {
    font-size: 22px;
    padding-bottom: 20px;
  }
}
.c-wysiwyg h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 38px;
  text-align: left;
  color: #333;
  padding-left: 30px;
  border-left: solid 1px #ccc;
}
@media screen and (max-width: 767px) {
  .c-wysiwyg h3 {
    font-size: 20px;
    padding-left: 20px;
  }
}
.c-wysiwyg h4 {
  font-weight: normal;
  font-size: 18px;
  line-height: 33px;
  color: #111;
}
.c-wysiwyg h5 {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #111;
}
.c-wysiwyg h6 {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #999;
}
.c-wysiwyg p {
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 32px;
  color: #333;
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .c-wysiwyg p {
    margin-top: 24px;
  }
}
.c-wysiwyg p a {
  text-decoration: underline;
  word-break: break-all;
}
.c-wysiwyg li {
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 26px;
  text-align: left;
  color: #333;
  padding-left: 30px;
  position: relative;
}
.c-wysiwyg li + li {
  margin-top: 20px;
}
.c-wysiwyg ul,
.c-wysiwyg ol {
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  .c-wysiwyg ul,
  .c-wysiwyg ol {
    margin: 20px 0;
  }
}
.c-wysiwyg ul li::before {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 32px;
  color: #333;
  content: "・";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.c-wysiwyg ol {
  list-style: none;
  padding-left: 0;
  counter-reset: n;
}
.c-wysiwyg ol li:before {
  content: counter(n);
  counter-increment: n;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 32px;
  color: #333;
  position: absolute;
  left: 0;
  top: 0;
}
.c-wysiwyg img {
  max-width: 100%;
  height: auto;
}
.c-wysiwyg table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 40px;
}
.c-wysiwyg table tr {
  border-bottom: 1px solid #ccc;
}
.c-wysiwyg table th,
.c-wysiwyg table td {
  font-size: 16px;
  color: #333;
  padding: 1em;
}
.c-wysiwyg table th {
  font-weight: bold;
  width: 20%;
  background-color: #F4F3F0;
}
.c-wysiwyg dl {
  line-height: 36px;
}
.c-wysiwyg dl dt {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.c-wysiwyg dl dd {
  font-weight: normal;
  font-size: 16px;
  color: #333;
}
.c-wysiwyg form {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .c-wysiwyg form {
    margin-top: 50px;
  }
}
.c-wysiwyg h2:first-child,
.c-wysiwyg h3:first-child,
.c-wysiwyg h4:first-child,
.c-wysiwyg h5:first-child,
.c-wysiwyg h6:first-child,
.c-wysiwyg p:first-child {
  margin-top: 0;
}

.s-404 .s-404__title {
  margin: 0;
  text-align: center;
}
.s-404 .s-404__title .en {
  font-weight: bold;
  font-size: 114px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #D6DEE8;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-404 .s-404__title .en {
    font-size: 50px;
  }
}
.s-404 .s-404__title .ja {
  font-size: 26px;
  line-height: 160%;
  letter-spacing: 0.08em;
  display: block;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .s-404 .s-404__title .ja {
    font-size: 18px;
  }
}
.s-404 .s-404__description {
  font-size: 14px;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.08em;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .s-404 .s-404__description {
    text-align: left;
  }
}
.s-404 .s-404__link {
  margin-top: 32px;
  text-align: center;
}
.s-about-about {
  color: white;
  position: relative;
  background: black;
  min-height: 100vh;
}
@media screen and (min-width: 768px) {
  .s-about-about {
    display: flex;
    align-items: center;
  }
}
.s-about-about .c-inner {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .s-about-about .c-inner {
    display: block;
  }
}
.s-about-about .s-about__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.s-about-about .s-about__bg video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.s-about-about .s-about__header {
  width: 320px;
  position: relative;
  z-index: 12;
}
@media screen and (max-width: 767px) {
  .s-about-about .s-about__header {
    width: 100%;
  }
}
.s-about-about .s-about__headerDescription {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-about-about .s-about__headerDescription {
    margin-top: 25px;
  }
}

.s-after-service-chart {
  background: #333;
  color: white;
}
.s-after-service-chart .s-chart__list {
  margin-top: 60px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.s-after-service-chart .s-chart__item {
  width: calc(50% - 21px);
}
@media screen and (min-width: 768px) {
  .s-after-service-chart .s-chart__item:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .s-after-service-chart .s-chart__item {
    width: 100%;
  }
  .s-after-service-chart .s-chart__item + .s-chart__item {
    margin-top: 60px;
  }
}
.s-after-service-chart .s-chart__item .title {
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  margin: 0;
}
.s-after-service-chart .s-chart__item .title strong {
  color: #CCB034;
}
.s-after-service-chart .s-chart__item .image {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  border: 1px solid #707070;
  margin-top: 20px;
}
.s-after-service-chart .s-chart__item .image::before {
  content: "";
  display: block;
  padding-top: 65.5172413793%;
}
.s-after-service-chart .s-chart__item .image img {
  height: calc(100% - 60px);
  width: calc(100% - 60px);
  object-fit: contain;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
  inset: 30px;
}
@media screen and (max-width: 767px) {
  .s-after-service-chart .s-chart__item .image img {
    inset: 15px;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
  }
}
.s-after-service-chart .s-chart__item .description {
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  margin-top: 20px;
}
.s-after-service-chart .s-chart__link {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-after-service-chart .s-chart__link {
    margin-top: 40px;
    text-align: left;
  }
}
.s-after-service-detail .s-detail__list {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-after-service-detail .s-detail__list {
    margin-top: 40px;
  }
}

.s-business-about {
  background: #333;
  color: white;
}
.s-business-about .s-about__contents {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-business-about .s-about__contents {
    margin-top: 60px;
  }
}
.s-business-about .s-about__buttons {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .s-business-about .s-about__buttons {
    display: block;
    margin-top: 30px;
  }
  .s-business-about .s-about__buttons .c-button + .c-button {
    margin-top: 20px;
  }
}

.s-business-aboutMember {
  background: #333;
  color: white;
}
.s-business-aboutMember .s-aboutMember__image {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-business-aboutMember .s-aboutMember__image {
    margin-top: 30px;
  }
}
.s-business-aboutMember .s-aboutMember__description {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-business-aboutMember .s-aboutMember__description {
    margin-top: 50px;
  }
}
.s-business-aboutMember .s-aboutMember__button {
  text-align: center;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-business-aboutMember .s-aboutMember__button {
    margin-top: 30px;
  }
}

.s-business-aboutService {
  background: #333;
  color: white;
}
.s-business-aboutService .s-aboutService__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-business-aboutService .s-aboutService__contents {
    margin-top: 40px;
  }
}

.s-business-member {
  background: #333333;
  color: white;
}
.s-business-member .s-member__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-business-member .s-member__contents {
    margin-top: 40px;
  }
}

.s-business-services {
  padding: 0;
}
.s-business-services .s-services__list {
  display: flex;
  flex-flow: wrap;
}
@media screen and (max-width: 767px) {
  .s-business-services .s-services__list {
    display: block;
  }
}

.s-business-system .s-system__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-business-system .s-system__contents {
    margin-top: 40px;
  }
}
.s-business-system .s-system__list {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-business-system .s-system__list {
    margin-top: 60px;
  }
}

.s-consider-support .s-support__system {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__system {
    margin-top: 40px;
  }
}
.s-consider-support .s-support__system {
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__system {
    margin-top: 40px;
  }
}
.s-consider-support .s-support__systemTitle {
  background: #efefef;
  border-radius: 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #333;
  margin: 0;
  padding: 30px;
}
.s-consider-support .s-support__systemList {
  padding: 20px;
  padding-bottom: 0;
  counter-reset: support 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__systemList {
    padding: 10px;
    padding-bottom: 0;
  }
}
.s-consider-support .s-support__systemItem {
  display: flex;
  justify-content: space-between;
  border-top: 1px dotted #ccc;
  padding: 25px 0;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__systemItem {
    display: block;
  }
}
.s-consider-support .s-support__systemItem .itemLeft {
  width: calc(100% - 570px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__systemItem .itemLeft {
    width: 100%;
  }
}
.s-consider-support .s-support__systemItem .itemRight {
  width: 570px;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #333;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__systemItem .itemRight {
    width: 100%;
    margin-top: 20px;
  }
}
.s-consider-support .s-support__systemItem .itemRight a {
  color: #CCB034;
}
.s-consider-support .s-support__systemItem .num {
  width: 45px;
  height: 45px;
  background: #606060;
  border-radius: 100%;
  min-width: 45px;
  display: grid;
  place-items: center;
  margin-right: 10px;
}
.s-consider-support .s-support__systemItem .num::after {
  counter-increment: support 1;
  content: "0" counter(support);
  font-weight: normal;
  font-size: 20px;
  color: #fff;
}
.s-consider-support .s-support__systemItem .title {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.s-consider-support .s-support__systemItem .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #333;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__systemItem .text {
    margin-top: 20px;
  }
}
.s-consider-support .s-support__systemItem .text .note {
  display: flex;
  align-items: baseline;
}
.s-consider-support .s-support__systemItem .text .note::before {
  content: "※";
  margin-right: 10px;
}
.s-consider-support .s-support__showroom {
  background: url("../img/consider/support/1.jpg") no-repeat center/cover;
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__showroom {
    background: white;
    margin-top: 60px;
  }
  .s-consider-support .s-support__showroom::before {
    content: "";
    display: block;
    background: url("../img/consider/support/1.jpg") no-repeat center/cover;
    padding-top: 56.25%;
  }
}
.s-consider-support .s-support__showroomDetail {
  width: 44%;
  background: rgba(51, 51, 51, 0.6);
  color: white;
  padding: 200px 70px 200px max(calc((100vw - 1232px) / 2), 32px);
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__showroomDetail {
    padding: 32px 16px;
    width: 100%;
    background: white;
    color: #333;
  }
}
.s-consider-support .s-support__showroomDetail .title {
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: currentColor;
  margin: 0;
}
.s-consider-support .s-support__showroomDetail .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: currentColor;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__showroomDetail .text {
    margin-top: 20px;
  }
}
.s-consider-support .s-support__showroomDetail .button {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__showroomDetail .button {
    margin-top: 25px;
  }
}
.s-consider-support .s-support__block {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__block {
    margin-top: 60px;
  }
}
.s-consider-support .s-support__gallery {
  background: #333;
  color: white;
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__gallery {
    margin-top: 60px;
  }
}
.s-consider-support .s-support__galleryTitle {
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #fff;
  margin: 0;
}
.s-consider-support .s-support__galleryText {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__galleryText {
    margin-top: 20px;
  }
}
.s-consider-support .s-support__galleryButton {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-consider-support .s-support__galleryButton {
    margin-top: 30px;
  }
}
.s-faqDetail-list {
  overflow: inherit;
  padding-top: 0;
}
.s-faqDetail-list .s-list__category {
  background: #333;
  color: white;
  padding: 100px 0;
}
@media screen and (max-width: 767px) {
  .s-faqDetail-list .s-list__category {
    padding: 50px 0;
  }
}
.s-faqDetail-list .s-list__categoryList {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 5px;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-faqDetail-list .s-list__categoryList {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 30px;
  }
}
.s-faqDetail-list .s-list__categoryLink {
  display: block;
  position: relative;
  height: 180px;
  border-radius: 5px;
  background: #646464;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  padding: 30px;
}
.s-faqDetail-list .s-list__categoryLink .image {
  position: relative;
  overflow: hidden;
  height: 70px;
  width: 70px;
  margin: 0 auto;
}
.s-faqDetail-list .s-list__categoryLink .image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.s-faqDetail-list .s-list__categoryLink .name {
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-top: 20px;
}
.s-faqDetail-list .s-list__categoryLink::after {
  content: "";
  display: block;
  width: 11px;
  height: 15px;
  position: absolute;
  bottom: 9px;
  left: calc(50% - 5.5px);
  background: url("../img/showroom/studio/arrow-bottom.svg") no-repeat center/contain;
}
.s-faqDetail-list .s-list__linkList {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-faqDetail-list .s-list__linkList {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .s-faqDetail-list .s-list__linkItem + .s-list__linkItem {
    margin-top: 20px;
  }
}
.s-faqDetail-list .s-list__contents {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-faqDetail-list .s-list__contents {
    display: block;
    margin-top: 50px;
  }
}
.s-faqDetail-list .s-list__contentsTitle {
  width: calc(100% - 930px);
  font-weight: var(--font-weight-thin);
  font-size: 32px;
  letter-spacing: 0.2em;
  color: #2e2e2e;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-faqDetail-list .s-list__contentsTitle {
    width: 100%;
  }
}
.s-faqDetail-list .s-list__contentsTitle span {
  position: sticky;
  top: 100px;
}
@media screen and (max-width: 767px) {
  .s-faqDetail-list .s-list__contentsTitle span {
    position: static;
  }
}
.s-faqDetail-list .s-list__contentsList {
  width: 930px;
}
@media screen and (max-width: 767px) {
  .s-faqDetail-list .s-list__contentsList {
    width: 100%;
    margin-top: 20px;
  }
}

.s-fukusya-about .s-about__header {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__header {
    margin-top: 50px;
  }
}
.s-fukusya-about .s-about__headerTitle {
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__headerTitle {
    text-align: center !important;
  }
}
.s-fukusya-about .s-about__headerText {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__headerText {
    margin-top: 20px;
  }
}
.s-fukusya-about .s-about__description {
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 40px 60px;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__description {
    padding: 20px;
    margin-top: 50px;
  }
}
.s-fukusya-about .s-about__description .title {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  text-align: center;
  color: #333;
}
.s-fukusya-about .s-about__description .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__description .text {
    margin-top: 20px;
  }
}
.s-fukusya-about .s-about__description .source {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  color: #606060;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__description .source {
    margin-top: 30px;
  }
}
.s-fukusya-about .s-about__feature {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__feature {
    margin-top: 50px;
  }
}
.s-fukusya-about .s-about__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__list {
    display: block;
    margin-top: 40px;
  }
}
.s-fukusya-about .s-about__item {
  background: #f5f5f5;
  padding: 60px 0 40px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__item {
    padding: 30px 0 20px;
  }
  .s-fukusya-about .s-about__item + .s-about__item {
    margin-top: 5px;
  }
}
.s-fukusya-about .s-about__item .image {
  height: 60px;
  width: 60px;
  margin: 0 auto;
}
.s-fukusya-about .s-about__item .image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.s-fukusya-about .s-about__item .title {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #606060;
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  .s-fukusya-about .s-about__item .title {
    margin-top: 25px;
  }
}
.s-fukusya-detail-about .s-about__header {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__header {
    margin-top: 50px;
  }
}
.s-fukusya-detail-about .s-about__headerTitle {
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__headerTitle {
    text-align: center !important;
  }
}
.s-fukusya-detail-about .s-about__headerText {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__headerText {
    margin-top: 20px;
  }
}
.s-fukusya-detail-about .s-about__contents {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__contents {
    margin-top: 50px;
  }
}
.s-fukusya-detail-about .s-about__contentsTitle {
  margin: 0;
  margin-top: 60px;
  font-weight: bold;
  font-size: 18px;
  color: #2e2e2e;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__contentsTitle {
    margin-top: 30px;
  }
}
.s-fukusya-detail-about .s-about__mechanism {
  display: grid;
  grid-template-columns: 466px calc(100% - 466px);
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__mechanism {
    display: block;
  }
}
.s-fukusya-detail-about .s-about__mechanismList {
  margin: 0;
  padding: 0;
  counter-reset: mechanism 0;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__mechanismList {
    margin-top: 20px;
  }
}
.s-fukusya-detail-about .s-about__mechanismItem {
  display: flex;
  align-items: baseline;
}
.s-fukusya-detail-about .s-about__mechanismItem + .s-about__mechanismItem {
  margin-top: 30px;
}
.s-fukusya-detail-about .s-about__mechanismItemNum {
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  color: #fff;
  width: 31px;
  height: 31px;
  min-width: 31px;
  background: #ccb034;
  display: grid;
  place-items: center;
  margin-right: 10px;
  border-radius: 100%;
}
.s-fukusya-detail-about .s-about__mechanismItemNum::before {
  counter-increment: mechanism 1;
  content: counter(mechanism);
}
.s-fukusya-detail-about .s-about__mechanismItemDetail .title {
  font-weight: bold;
  font-size: 22px;
  text-align: left;
  color: #ccb034;
  margin: 0;
}
.s-fukusya-detail-about .s-about__mechanismItemDetail .subTitle {
  margin-top: 5px;
  font-weight: bold;
  font-size: 18px;
  color: #606060;
}
.s-fukusya-detail-about .s-about__mechanismItemDetail .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  color: #333;
  margin-top: 10px;
}
.s-fukusya-detail-about .s-about__systemList {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__systemList {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__systemItem + .s-about__systemItem {
    margin-top: 30px;
  }
}
.s-fukusya-detail-about .s-about__systemItemText {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-about .s-about__systemItemText {
    margin-top: 20px;
  }
}
.s-fukusya-detail-difference {
  color: white;
  background: #333;
}
.s-fukusya-detail-difference .s-difference__subTitle {
  margin: 0;
  margin-top: 80px;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__subTitle {
    margin-top: 40px;
  }
}
.s-fukusya-detail-difference .s-difference__subDescription {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__subDescription {
    margin-top: 40px;
  }
}
.s-fukusya-detail-difference .s-difference__graph {
  margin-top: 60px;
  display: flex;
  display: grid;
  grid-template-columns: 28.5714285714% 62.1428571429% max(calc((100vw - 1232px) / 2), 32px);
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__graph {
    display: block;
    margin-top: 30px;
    padding: 0 16px;
  }
  .s-fukusya-detail-difference .s-difference__graph .image {
    display: none;
  }
}
.s-fukusya-detail-difference .s-difference__graphBelowText {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__graphBelowText {
    margin-top: 40px;
  }
}
.s-fukusya-detail-difference .s-difference__header {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__header {
    margin-top: 50px;
  }
}
.s-fukusya-detail-difference .s-difference__headerTitle {
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__headerTitle {
    text-align: center !important;
  }
}
.s-fukusya-detail-difference .s-difference__headerText {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__headerText {
    margin-top: 30px;
  }
}
.s-fukusya-detail-difference .s-difference__detail {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__detail {
    margin-top: 40px;
  }
}
.s-fukusya-detail-difference .s-difference__detail * {
  margin: 0;
  padding: 0;
}
.s-fukusya-detail-difference .s-difference__detail dl + dl {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-detail-difference .s-difference__detail dl + dl {
    margin-top: 25px;
  }
}
.s-fukusya-detail-difference .s-difference__detail dt {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #fff;
}
.s-fukusya-detail-difference .s-difference__detail dd {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 20px;
}

.s-fukusya-feature {
  color: white;
  background: #333;
}
.s-fukusya-feature .s-feature__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-fukusya-feature .s-feature__contents {
    margin-top: 40px;
  }
}

.s-gallery-list {
  background: #333333;
  padding-top: 0;
}
.s-gallery-list .s-list__tags {
  background: #505050;
  color: white;
  padding: 10px 0;
}
.s-gallery-list .s-list__tags .s-list__tagsInner {
  padding: 0 32px;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 767px) {
  .s-gallery-list .s-list__tags .s-list__tagsInner {
    overflow-x: scroll;
    padding: 0 16px;
  }
}
.s-gallery-list .s-list__tags ul {
  display: flex;
}
@media screen and (min-width: 768px) {
  .s-gallery-list .s-list__tags ul {
    flex-flow: wrap;
  }
}
.s-gallery-list .s-list__tags li {
  margin: 3px 6px;
}
.s-gallery-list .s-list__tags li.-active a {
  background: #fff;
  color: #333333;
}
.s-gallery-list .s-list__tags a {
  font-weight: normal;
  font-size: 14px;
  color: #ccc;
  white-space: nowrap;
  height: 30px;
  border-radius: 15px;
  border: 1px solid #a0a0a0;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  display: inline-flex;
  align-items: center;
  padding: 0 40px;
}
.s-gallery-list .s-list__contents {
  padding: 0 32px;
}
@media screen and (max-width: 767px) {
  .s-gallery-list .s-list__contents {
    padding: 0;
  }
}
.s-gallery-list .s-list__contents ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .s-gallery-list .s-list__contents ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.s-gallery-list .s-list__contents li {
  max-height: 560px;
  cursor: pointer;
  background-color: white;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .s-gallery-list .s-list__contents li:nth-child(1n), .s-gallery-list .s-list__contents li:nth-child(2n) {
    width: calc(50% - 2.5px);
    height: 400px;
  }
  .s-gallery-list .s-list__contents li:nth-child(3n) {
    width: 100%;
    height: 560px;
  }
  .s-gallery-list .s-list__contents li:nth-child(4n) {
    width: calc(65% - 2.5px);
    height: 400px;
  }
  .s-gallery-list .s-list__contents li:nth-child(5n) {
    width: calc(35% - 2.5px);
    height: 400px;
  }
  .s-gallery-list .s-list__contents li:nth-child(6n) {
    width: calc(35% - 2.5px);
    height: 400px;
  }
  .s-gallery-list .s-list__contents li:nth-child(7n) {
    width: calc(65% - 2.5px);
    height: 400px;
  }
  .s-gallery-list .s-list__contents li:nth-child(8n) {
    width: 100%;
    height: 560px;
  }
  .s-gallery-list .s-list__contents li:nth-child(9n) {
    width: calc(33.3333333333% - 3.3333333333px);
    height: 400px;
  }
  .s-gallery-list .s-list__contents li:nth-child(10n) {
    width: calc(33.3333333333% - 3.3333333333px);
    height: 400px;
  }
  .s-gallery-list .s-list__contents li:nth-child(11n) {
    width: calc(33.3333333333% - 3.3333333333px);
    height: 400px;
  }
}
@media screen and (max-width: 767px) {
  .s-gallery-list .s-list__contents li {
    width: 100%;
    position: relative;
  }
  .s-gallery-list .s-list__contents li::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .s-gallery-list .s-list__contents li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.s-gallery-list .s-case__itemimage {
  height: 100%;
  width: 100%;
}
.s-gallery-list .s-case__itemimage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.s-gallery-list .s-list__more {
  margin-top: 60px;
  padding: 0 32px;
}
@media screen and (max-width: 767px) {
  .s-gallery-list .s-list__more {
    margin-top: 30px;
    padding: 0 16px;
  }
}
.s-gallery-list .s-list__more a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #ccc;
  height: 50px;
  background: transparent;
  border: 1px solid #646464;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
}
.s-gallery-list .s-list__link {
  text-align: center;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-gallery-list .s-list__link {
    margin-top: 40px;
  }
}
.s-gallery-list .s-list__linkDescription {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #ccc;
  margin-top: 30px;
}
.s-lineup-product .s-product__contents {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .s-lineup-product .s-product__contents {
    display: block;
  }
}
.s-lineup-product .s-product__image {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-lineup-product .s-product__image {
    width: 100%;
    margin-top: 30px;
  }
}
.s-lineup-product .s-product__detail {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-lineup-product .s-product__detail {
    width: 100%;
  }
}
.s-lineup-product .s-product__detailTitle {
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-lineup-product .s-product__detailTitle.-pc--none {
    display: block;
  }
}
.s-lineup-product .s-product__detailTitle .text {
  font-weight: bold;
  font-size: 20px;
  color: #333;
  display: block;
  margin-top: 20px;
}
.s-lineup-product .s-product__detailDescription {
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #333;
  margin-top: 60px;
}
.s-lineup-product .s-product__detailDescription span, .s-lineup-product .s-product__detailDescription strong {
  display: block;
}
@media screen and (max-width: 767px) {
  .s-lineup-product .s-product__detailDescription {
    margin-top: 30px;
  }
}
.s-lineup-product .s-product__detailDescription strong {
  font-weight: bold;
}
.s-lineup-product .s-product__detailButton {
  text-align: center;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-lineup-product .s-product__detailButton {
    margin-top: 40px;
  }
}
.s-model-simulator__modal {
  display: none;
  height: 100%;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.s-model-simulator__modal .s-model-simulator__modalList {
  pointer-events: auto;
}
.s-model-simulator__modal .s-model-simulator__modalItem + .s-model-simulator__modalItem {
  margin-top: 30px;
}
.s-model-simulator__modal .s-model-simulator__modalItem a.-active {
  pointer-events: none;
  opacity: 0.5;
}

.s-model-simulator {
  background: #333;
  color: white;
}
.s-model-simulator button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.s-model-simulator .s-model-simulator__headerselector {
  cursor: pointer;
}
.s-model-simulator .s-model-simulator__modal {
  display: none;
}
.s-model-simulator .s-model-simulator__contents {
  margin-top: 30px;
}
.s-model-simulator .s-model-simulator__images {
  position: relative;
  text-align: center;
  border: 1px solid #707070;
}
.s-model-simulator .s-model-simulator__images::before {
  content: "";
  display: block;
  padding-top: 60%;
}
.s-model-simulator .s-model-simulator__images .test {
  display: block;
  position: absolute;
  top: 100%;
}
.s-model-simulator .s-model-simulator__images .test2 {
  display: block;
  position: absolute;
  top: calc(100% + 1.5em);
}
.s-model-simulator .s-model-simulator__images img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.s-model-simulator .s-model-simulator__images img.item {
  z-index: 12;
}
.s-model-simulator .s-model-simulator__images img.bg {
  z-index: 11;
}
.s-model-simulator .s-model-simulator__buttonList {
  margin: 0px auto;
  border-radius: 100px;
  background: #eaeaea;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.4);
  align-items: center;
  justify-content: space-between;
  padding: 10px 40px;
  width: 500px;
  height: 50px;
  display: flex;
  position: relative;
  bottom: 25px;
  z-index: 12;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonList {
    padding: 10px 30px;
    width: 100%;
  }
}
.s-model-simulator .s-model-simulator__buttonItemIcon {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.s-model-simulator .s-model-simulator__buttonItemIcon svg {
  fill: #202020;
  transition: fill 0.3s;
}
.s-model-simulator .s-model-simulator__buttonItemIcon:hover svg, .s-model-simulator .s-model-simulator__buttonItemIcon.-active svg {
  fill: #ccb034;
}
.s-model-simulator .s-model-simulator__buttonItemContents {
  width: 800px;
  height: 100px;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  opacity: 0.95;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  z-index: 12;
  position: absolute;
  bottom: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContents {
    width: 100%;
    height: auto;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContents .arrow {
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 18px solid #fff;
  top: calc(100% - 1px);
  position: absolute;
}
.s-model-simulator .s-model-simulator__buttonItemContents.active {
  visibility: visible;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner {
  display: flex;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner {
    display: block;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .title {
  width: 140px;
  height: 80px;
  border-radius: 5px;
  background: #efefef;
  display: grid;
  place-items: center;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .title {
    display: block;
    width: 100%;
    height: auto;
    justify-content: space-between;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .title .titleInner {
  display: block;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .title .titleInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .title .ja {
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: #606060;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .title .ja {
    font-size: 10px;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .title .en {
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.1em;
  text-align: center;
  color: #333;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .title .en {
    font-size: 14px;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories {
  width: calc(100% - 140px);
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories ul {
  display: flex;
  align-items: center;
  height: 100%;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories ul li.uploadImage {
  cursor: pointer;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories ul li.uploadImage input {
  display: none;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories ul li a {
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 20px;
  line-height: 14px;
  text-align: center;
  color: #606060;
  display: inline-block;
  position: relative;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories ul li a.-has--noArticle {
  opacity: 0.2;
  pointer-events: none;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories ul li a.-has--child {
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #606060;
  pointer-events: none;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories ul li a.-current {
  color: #ccb034;
  pointer-events: none;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories ul li a .label,
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li label .label {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  border-radius: 100px;
  background: #606060;
  padding: 2px 10px 3px;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1em, 1fr));
  grid-gap: 30px; /* 行と列の間隔 */
  justify-content: center; /* コンテナ内のアイテムを中央揃えにする */
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul {
    grid-template-columns: repeat(auto-fit, minmax(1em, 1fr));
    grid-gap: 60px; /* 行と列の間隔 */
    padding: 0 30px 20px;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul.parent > li + li {
  position: relative;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul.parent > li + li::before {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  background: #ccc;
  position: absolute;
  left: -15px;
  top: 10px;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul.parent > li + li::before {
    left: -30px;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul.child {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul.child {
    padding: 0;
    margin-top: 15px;
    grid-gap: 30px;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul li {
  text-align: center;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--type ul li a .label {
  top: calc(100% + 8px);
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--wide ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1em, 1fr));
  grid-gap: 60px; /* 行と列の間隔 */
  justify-content: center; /* コンテナ内のアイテムを中央揃えにする */
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--wide ul {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px; /* 行と列の間隔 */
    padding: 0 30px 30px;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--wide ul li {
  text-align: center;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--wide ul li a .label {
  top: calc(100% + 8px);
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--high ul {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--high ul {
    padding: 0 30px 20px;
    justify-content: space-between;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--high ul li {
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--high ul li {
    padding: 0;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
  grid-gap: 30px; /* 行と列の間隔 */
  justify-content: center; /* コンテナ内のアイテムを中央揃えにする */
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px; /* 行と列の間隔 */
    padding: 0 30px 20px;
  }
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul:not(.child) {
    display: block;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul.parent > li + li {
  position: relative;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul.parent > li + li::before {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  background: #ccc;
  position: absolute;
  left: -15px;
  top: 10px;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul.parent > li + li::before {
    display: none;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul.child {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul.child {
    margin-top: 15px;
    grid-template-columns: repeat(5, minmax(30px, 1fr));
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul li {
  text-align: center;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul li a {
  border: 2px solid white;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul li a.-current {
  border-radius: 100px;
  border: 2px solid #ccb034;
  pointer-events: all;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul li a .label {
  top: calc(100% + 8px);
  opacity: 0;
  pointer-events: none;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul li a:hover {
  opacity: 1;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul li a:hover .label {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--color ul li a .label {
    display: none;
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul {
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li {
  width: 100%;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li a, .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li label {
  border: 2px solid white;
  padding: 3px;
  transition: all 0.3s;
  cursor: pointer;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li a.-current, .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li label.-current {
  border: 2px solid #ccb034;
  border-radius: 3px;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li a .label, .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li label .label {
  top: calc(100% - 10px);
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li a:hover, .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li label:hover {
  opacity: 0.5;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li a, .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li label {
  position: relative;
  display: block;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li a::before, .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li label::before {
  content: "";
  display: block;
  padding-top: 64%;
}
.s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li a img, .s-model-simulator .s-model-simulator__buttonItemContentsInner .categories.-cat--bg ul li label img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 3px;
}

.s-news-archive .s-archive__list {
  border-top: solid 1px #ccc;
}
.s-news-archive .s-archive__item {
  border-bottom: solid 1px #ccc;
}
.s-news-detail {
  overflow: hidden;
}
.s-news-detail .s-detail__headerTitle {
  font-weight: normal;
  font-size: 36px;
  color: #333;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-news-detail .s-detail__headerTitle {
    font-size: 24px;
  }
}
.s-news-detail .s-detail__headerMeta {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.s-news-detail .s-detail__headerMeta .category {
  display: flex;
  flex-flow: wrap;
}
.s-news-detail .s-detail__headerMeta .category a {
  font-weight: normal;
  font-size: 12px;
  line-height: 2;
  color: #606060;
  border-radius: 3px;
  background: #efefef;
  padding: 0 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
.s-news-detail .s-detail__headerMeta .date {
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  color: #606060;
}
.s-news-detail .s-detail__headerImage {
  margin-top: 45px;
}
.s-news-detail .s-detail__toc {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-news-detail .s-detail__toc {
    margin-top: 40px;
  }
}
.s-news-detail .s-detail__pagenation {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s-news-detail .s-detail__pagenation a {
  font-weight: normal;
  font-size: 14px;
  color: #606060;
}
@media screen and (max-width: 767px) {
  .s-news-detail .s-detail__pagenation a span {
    display: none;
  }
}
.s-news-detail .s-detail__pagenation .prev a {
  display: flex;
  align-items: baseline;
}
.s-news-detail .s-detail__pagenation .prev a::before {
  content: "";
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/arrow-gray.svg") no-repeat center/contain;
  transform: scale(-1, 1);
  margin-right: 10px;
}
.s-news-detail .s-detail__pagenation .next {
  display: flex;
  align-items: baseline;
}
.s-news-detail .s-detail__pagenation .next::after {
  content: "";
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/arrow-gray.svg") no-repeat center/contain;
  margin-left: 10px;
}
.s-news-detail .s-detail__entry {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-news-detail .s-detail__entry {
    margin-top: 60px;
  }
}
.s-news-detail .s-detail__author {
  margin-top: 100px;
  padding: 60px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
@media screen and (max-width: 767px) {
  .s-news-detail .s-detail__author {
    margin-top: 50px;
    padding: 30px 0;
  }
}
.s-news-detail .s-detail__author .author_block {
  border: 2px solid #999;
  display: flex;
  margin: 20px auto;
  padding: 24px;
  width: 80%;
}
.s-news-detail .s-detail__author .author_imgArea {
  width: 150px;
}
.s-news-detail .s-detail__author .author_textArea {
  padding-left: 35px;
  width: calc(100% - 240px);
}
.s-news-detail .s-detail__author .author_title {
  background-color: #000;
  color: #fff;
  margin-right: 16px;
  padding: 4px;
}
.s-news-detail .s-detail__author .author_block p {
  margin-bottom: 15px !important;
}
@media (max-width: 767px) {
  .s-news-detail .s-detail__author .author_block {
    border: 2px solid #999;
    margin: 0 auto;
    padding: 24px;
    width: 80%;
  }
  .s-news-detail .s-detail__author .author_imgArea {
    text-align: center;
    width: 100%;
  }
  .s-news-detail .s-detail__author .author_textArea {
    padding-top: 35px;
    width: 100%;
  }
  .s-news-detail .s-detail__author .author_title {
    background-color: #000;
    color: #fff;
    margin-right: 16px;
    padding: 4px;
  }
  .s-news-detail .s-detail__author .author_name {
    font-size: 16px;
    font-weight: 700;
  }
  .s-news-detail .s-detail__author .author_link {
    color: #b88f40 !important;
  }
  .s-news-detail .s-detail__author .author_link:hover {
    opacity: 0.7;
  }
}

.s-phiten-about {
  color: white;
  position: relative;
  background: #333333;
}
.s-phiten-about .s-about__logo {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-phiten-about .s-about__logo {
    margin-top: 40px;
  }
}
.s-phiten-about .s-about__header {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-phiten-about .s-about__header {
    margin-top: 50px;
  }
}
.s-phiten-feature {
  color: white;
  background: #333333;
}
.s-phiten-feature .s-feature__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-phiten-feature .s-feature__list {
    display: block;
    margin-top: 50px;
  }
}
.s-phiten-feature .s-feature__item {
  border-radius: 10px;
  border: 1px solid #707070;
  padding: 100px 120px;
}
@media screen and (max-width: 767px) {
  .s-phiten-feature .s-feature__item {
    padding: 50px 20px;
  }
  .s-phiten-feature .s-feature__item + .s-feature__item {
    margin-top: 50px;
  }
}
.s-phiten-feature .s-feature__itemImage {
  text-align: center;
}
.s-phiten-feature .s-feature__itemLine {
  width: 70px;
  height: 1px;
  background: #646464;
  margin: 60px auto 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-phiten-feature .s-feature__itemLine {
    margin-top: 30px;
  }
}
.s-phiten-feature .s-feature__itemTitle {
  margin: 0;
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #ccc;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-phiten-feature .s-feature__itemTitle {
    margin-top: 25px;
  }
}
.s-phiten-feature .s-feature__itemText {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-phiten-feature .s-feature__itemText {
    margin-top: 50px;
  }
}
.s-phiten-feature .s-feature__itemText * {
  margin: 0;
  padding: 0;
  width: 100%;
}
.s-phiten-feature .s-feature__itemText dt {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #333;
  padding: 10px;
  border-radius: 3px;
  background: #fff;
}
.s-phiten-feature .s-feature__itemText dd {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 20px;
}
.s-phiten-feature .s-feature__itemText dd + dt {
  margin-top: 40px;
}
.s-phiten-feature .s-feature__image {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-phiten-feature .s-feature__image {
    margin-top: 60px;
  }
}
.s-phiten-feature .s-feature__link {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-phiten-feature .s-feature__link {
    margin-top: 40px;
  }
}

.s-phiten-lineup {
  color: white;
  background: #333333;
}
.s-phiten-lineup .s-lineup__image {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-phiten-lineup .s-lineup__image {
    margin-top: 40px;
  }
}
.s-phiten-lineup .s-lineup__detail {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-phiten-lineup .s-lineup__detail {
    margin-top: 40px;
  }
}
.s-phiten-lineup .s-lineup__detailTitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin: 0;
}
.s-phiten-lineup .s-lineup__detailList {
  margin-top: 20px;
  padding: 40px 60px;
  border-radius: 10px;
  border: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .s-phiten-lineup .s-lineup__detailList {
    padding: 30px 20px;
  }
}
.s-phiten-lineup .s-lineup__detailItem {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 767px) {
  .s-phiten-lineup .s-lineup__detailItem {
    display: block;
  }
}
.s-phiten-lineup .s-lineup__detailItem:last-child dl {
  border: none;
}
.s-phiten-lineup .s-lineup__detailItem * {
  margin: 0;
  padding: 0;
  width: 100%;
}
.s-phiten-lineup .s-lineup__detailItem dl {
  display: flex;
  border-bottom: 1px solid #707070;
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  .s-phiten-lineup .s-lineup__detailItem dl {
    display: block;
    padding: 20px 0;
  }
}
.s-phiten-lineup .s-lineup__detailItem dt {
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  color: #ccc;
}
.s-phiten-lineup .s-lineup__detailItem dd {
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .s-phiten-lineup .s-lineup__detailItem dd {
    margin-top: 20px;
  }
}
.s-phiten-lineup .s-lineup__detailLink {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-phiten-lineup .s-lineup__detailLink {
    margin-top: 40px;
  }
}

.s-reason-environment .s-environment__list {
  display: grid;
  gap: 80px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-reason-environment .s-environment__list {
    display: block;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .s-reason-environment .s-environment__item + .s-environment__item {
    margin-top: 30px;
  }
}
.s-reason-environment .s-environment__itemImage {
  position: relative;
  overflow: hidden;
}
.s-reason-environment .s-environment__itemImage::before {
  content: "";
  display: block;
  padding-top: 52.1739130435%;
}
.s-reason-environment .s-environment__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.s-reason-environment .s-environment__itemTitle {
  margin: 0;
  margin-top: 40px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #2e2e2e;
}
@media screen and (max-width: 767px) {
  .s-reason-environment .s-environment__itemTitle {
    margin-top: 20px;
  }
}
.s-reason-environment .s-environment__itemText {
  font-family: "Noto Sans JP";
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-reason-environment .s-environment__itemText {
    margin-top: 20px;
  }
}
.s-reason-for-attention-cost {
  color: white;
  background: #333;
}
.s-reason-for-attention-cost .s-cost__list {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-cost .s-cost__list {
    margin-top: 50px;
  }
}
.s-reason-for-attention-cost .s-cost__link {
  text-align: center;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-cost .s-cost__link {
    margin-top: 50px;
  }
}

.s-reason-for-attention-about .s-about__block + .s-about__block {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__block + .s-about__block {
    margin-top: 60px;
  }
}
.s-reason-for-attention-about .s-about__header {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__header {
    margin-top: 40px;
  }
}
.s-reason-for-attention-about .s-about__living {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__living {
    margin-top: 60px;
  }
}
.s-reason-for-attention-about .s-about__livingImage {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingImage {
    margin-top: 30px;
  }
}
.s-reason-for-attention-about .s-about__livingDescription {
  margin-top: 60px;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
  padding: 0 100px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingDescription {
    margin-top: 30px;
    padding: 0;
  }
}
.s-reason-for-attention-about .s-about__livingList {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingList {
    margin-top: 60px;
  }
}
.s-reason-for-attention-about .s-about__livingItem {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingItem {
    display: block;
  }
}
.s-reason-for-attention-about .s-about__livingItem + .s-about__livingItem {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingItem + .s-about__livingItem {
    margin-top: 40px;
  }
}
.s-reason-for-attention-about .s-about__livingItem .image {
  width: 300px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingItem .image {
    width: 100%;
    text-align: center;
  }
  .s-reason-for-attention-about .s-about__livingItem .image img {
    max-width: 200px;
  }
}
.s-reason-for-attention-about .s-about__livingItem .caption {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #2e2e2e;
  margin-top: 30px;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingItem .caption {
    margin-top: 15px;
  }
}
.s-reason-for-attention-about .s-about__livingItem .detail {
  width: calc(100% - 360px);
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingItem .detail {
    margin-top: 20px;
    width: 100%;
  }
}
.s-reason-for-attention-about .s-about__livingItem .detail h4 {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #2e2e2e;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingItem .detail h4 {
    text-align: center;
  }
}
.s-reason-for-attention-about .s-about__livingItem .detail p {
  margin-top: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
}
.s-reason-for-attention-about .s-about__livingItem .detail ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 10px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__livingItem .detail ul {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.s-reason-for-attention-about .s-about__livingItem .detail ul li {
  border-radius: 10px;
  background: #fff;
  border: 1px solid #ccc;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #2e2e2e;
  padding: 15px;
}
.s-reason-for-attention-about .s-about__earth {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__earth {
    margin-top: 60px;
  }
}
.s-reason-for-attention-about .s-about__earthImage {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__earthImage {
    margin-top: 30px;
  }
}
.s-reason-for-attention-about .s-about__earthDescription {
  margin-top: 60px;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
  padding: 0 100px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__earthDescription {
    margin-top: 30px;
    padding: 0;
  }
}
.s-reason-for-attention-about .s-about__earthList {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-reason-for-attention-about .s-about__earthList {
    margin-top: 50px;
  }
}

.s-reason-introduction {
  color: white;
  background: #333;
  padding-bottom: 0;
}
.s-reason-introduction .s-introduction__contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-reason-introduction .s-introduction__contents {
    margin-top: 40px;
    display: block;
  }
}
.s-reason-introduction .s-introduction__detail {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-reason-introduction .s-introduction__detail {
    width: 100%;
    padding: 0 16px;
  }
}
.s-reason-introduction .s-introduction__detail .title {
  margin: 0;
  text-align: center;
}
.s-reason-introduction .s-introduction__detail .title img {
  width: 390px;
}
@media screen and (max-width: 767px) {
  .s-reason-introduction .s-introduction__detail .title img {
    width: 80%;
  }
}
.s-reason-introduction .s-introduction__detail .line {
  margin: 0;
  display: inline-block;
  width: 132px;
  height: 1px;
  background: #606060;
  margin-top: 50px;
  border: none;
}
@media screen and (max-width: 767px) {
  .s-reason-introduction .s-introduction__detail .line {
    margin-top: 25px;
  }
}
.s-reason-introduction .s-introduction__detail .text {
  font-weight: var(--font-weight-thin);
  font-size: 26px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-reason-introduction .s-introduction__detail .text {
    font-size: 22px;
    margin-top: 25px;
  }
}
.s-reason-introduction .s-introduction__image {
  width: 50%;
  min-width: 50%;
}
@media screen and (max-width: 767px) {
  .s-reason-introduction .s-introduction__image {
    width: 100%;
    min-width: 100%;
    margin-top: 30px;
  }
}
.s-reason-performance .s-performance__list {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-reason-performance .s-performance__list {
    display: block;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .s-reason-performance .s-performance__list::before {
    content: "";
    display: block;
  }
}
.s-reason-performance .s-performance__item {
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 60px 40px;
  width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 767px) {
  .s-reason-performance .s-performance__item {
    padding: 30px 20px;
    width: 100%;
  }
  .s-reason-performance .s-performance__item + .s-performance__item {
    margin-top: 30px;
  }
}
.s-reason-performance .s-performance__itemImage {
  height: 200px;
}
@media screen and (max-width: 767px) {
  .s-reason-performance .s-performance__itemImage {
    height: 150px;
  }
}
.s-reason-performance .s-performance__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.s-reason-performance .s-performance__itemTitle {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #333;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-reason-performance .s-performance__itemTitle {
    margin-top: 15px;
  }
}
.s-reason-performance .s-performance__itemText {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-reason-performance .s-performance__itemText {
    margin-top: 20px;
  }
}
.s-reason-products .s-products__block + .s-products__block {
  margin-top: 160px;
}
@media screen and (max-width: 767px) {
  .s-reason-products .s-products__block + .s-products__block {
    margin-top: 80px;
  }
}
.s-reason-products .s-products__blockImageWrap {
  position: relative;
}
.s-reason-products .s-products__blockImage {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-reason-products .s-products__blockImage {
    margin-top: 30px;
  }
}
.s-reason-products .s-products__blockImage.-width--narrow {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.s-reason-products .s-products__blockImageText {
  position: absolute;
  width: 320px;
  right: max(calc((100vw - 1032px) / 2), 32px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .s-reason-products .s-products__blockImageText {
    display: none;
  }
}
.s-reason-products .s-products__blockLink {
  text-align: center;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-reason-products .s-products__blockLink {
    margin-top: 50px;
    padding: 0 16px;
  }
}
.s-reason-products .s-products__blockLink.-align--right {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .s-reason-products .s-products__blockLink.-align--right {
    text-align: center;
  }
}
.s-reason-quality {
  color: white;
  background: #333;
}
.s-reason-quality .s-quality__contents {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-reason-quality .s-quality__contents {
    margin-top: 60px;
  }
}

.s-reason-safety {
  color: white;
  background: #333;
}
.s-reason-safety .s-safety__list {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-reason-safety .s-safety__list {
    display: block;
    margin-top: 50px;
  }
}
.s-reason-safety .s-safety__item {
  background-color: white;
}
@media screen and (max-width: 767px) {
  .s-reason-safety .s-safety__item + .s-safety__item {
    margin-top: 30px;
  }
}
.s-reason-safety .s-safety__itemImage {
  position: relative;
  overflow: hidden;
}
.s-reason-safety .s-safety__itemImage::before {
  content: "";
  display: block;
  padding-top: 57.8947368421%;
}
.s-reason-safety .s-safety__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.s-reason-safety .s-safety__itemTitle {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #333;
  opacity: 0.8;
}
.s-reason-safety .s-safety__itemText {
  font-family: "Noto Sans JP";
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-reason-safety .s-safety__itemText {
    margin-top: 20px;
  }
}
.s-reason-safety .s-safety__itemText .note {
  margin-top: 30px;
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
@media screen and (max-width: 767px) {
  .s-reason-safety .s-safety__itemText .note {
    margin-top: 20px;
  }
}
.s-reason-safety .s-safety__itemDetail {
  padding: 40px 50px;
}
@media screen and (max-width: 767px) {
  .s-reason-safety .s-safety__itemDetail {
    padding: 20px;
  }
}

.s-reason-service .s-service__header {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-reason-service .s-service__header {
    margin-top: 40px;
  }
}
.s-reason-service .s-service__headerTitle {
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .s-reason-service .s-service__headerTitle {
    text-align: center !important;
  }
}
.s-reason-service .s-service__headerLink {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-reason-service .s-service__headerLink {
    text-align: center;
    margin-top: 40px;
  }
}

.s-reason-simple {
  background: #333;
  color: white;
  position: relative;
  overflow: inherit;
}
@media screen and (max-width: 767px) {
  .s-reason-simple {
    padding-bottom: 0;
  }
}
.s-reason-simple .s-simple__contents {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .s-reason-simple .s-simple__contents {
    margin-top: 40px;
  }
}
.s-reason-simple .s-simple__detail {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .s-reason-simple .s-simple__detail {
    width: 100%;
  }
}
.s-reason-simple .s-simple__detailItem + .s-simple__detailItem {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-reason-simple .s-simple__detailItem + .s-simple__detailItem {
    margin-top: 40px;
  }
}
.s-reason-simple .s-simple__detailItemHeader {
  margin: 0;
  display: flex;
  align-items: center;
}
.s-reason-simple .s-simple__detailItemHeader .image {
  height: 60px;
  width: 60px;
  min-width: 60px;
}
@media screen and (max-width: 767px) {
  .s-reason-simple .s-simple__detailItemHeader .image {
    height: 50px;
    width: 50px;
    min-width: 50px;
  }
}
.s-reason-simple .s-simple__detailItemHeader .image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.s-reason-simple .s-simple__detailItemHeader .title {
  margin-left: 40px;
  font-weight: normal;
  font-size: 26px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .s-reason-simple .s-simple__detailItemHeader .title {
    font-size: 22px;
    margin-left: 30px;
  }
}
.s-reason-simple .s-simple__detailItemHeader .title strong {
  color: #CCB034;
}
.s-reason-simple .s-simple__detailItemText {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 30px;
}
.s-reason-simple .s-simple__image {
  position: absolute;
  right: 0;
  top: 50px;
  width: 50%;
  max-width: 700px;
}
@media screen and (max-width: 767px) {
  .s-reason-simple .s-simple__image {
    position: static;
    width: 100%;
  }
}

.s-reason-world {
  background: #333;
  color: white;
}
.s-reason-world .s-world__map {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-reason-world .s-world__map {
    margin-top: 30px;
  }
}
.s-reason-world .s-world__links {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-reason-world .s-world__links {
    display: block;
    margin-top: 30px;
  }
  .s-reason-world .s-world__links .c-button + .c-button {
    margin-top: 20px;
  }
}
.s-reason-world .s-world__promote {
  display: grid;
  place-items: center;
  height: 500px;
  background: url("../img/reason/world/bg.png") no-repeat center/cover;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-reason-world .s-world__promote {
    margin-top: 40px;
    height: 300px;
  }
}
.s-reason-world .s-world__promoteDetail {
  text-align: center;
}
.s-reason-world .s-world__promoteDetail .title {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 9px 30px;
  display: inline-block;
  background: #ccb034;
}
@media screen and (max-width: 767px) {
  .s-reason-world .s-world__promoteDetail .title {
    font-size: 16px;
  }
}
.s-reason-world .s-world__promoteDetail .text {
  display: flex;
  align-items: baseline;
}
.s-reason-world .s-world__promoteDetail .text span {
  font-weight: bold;
  font-size: 36px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .s-reason-world .s-world__promoteDetail .text span {
    font-size: 26px;
  }
}
.s-reason-world .s-world__promoteDetail .text strong {
  font-weight: bold;
  font-size: 180px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .s-reason-world .s-world__promoteDetail .text strong {
    font-size: 90px;
  }
}
.s-showroom-about .s-about__header {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-showroom-about .s-about__header {
    margin-top: 40px;
  }
}
.s-showroom-about .s-about__headerTitle {
  font-weight: normal;
  font-size: 26px;
  line-height: 38px;
  color: #333;
  margin: 0;
}
.s-showroom-about .c-flex-alone__detailText {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-showroom-about .c-flex-alone__detailText {
    margin-top: 25px;
  }
}

.s-showroom-possible .s-possible__list {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .s-possible__list {
    margin-top: 30px;
  }
}
.s-showroom-possible .c-section__description {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .c-section__description {
    margin-top: 30px;
  }
}
.s-showroom-possible .s-possible__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .s-possible__item {
    display: block;
  }
}
.s-showroom-possible .s-possible__item + .s-possible__item {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .s-possible__item + .s-possible__item {
    margin-top: 30px;
  }
}
.s-showroom-possible .s-possible__itemHeader {
  width: calc(100% - 767px);
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .s-possible__itemHeader {
    width: 100%;
  }
}
.s-showroom-possible .s-possible__itemHeader .image {
  width: 65px;
  height: 65px;
  margin: 0 auto;
}
.s-showroom-possible .s-possible__itemHeader .image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.s-showroom-possible .s-possible__itemHeader .title {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #2e2e2e;
  margin: 20px 0 0;
}
.s-showroom-possible .s-possible__itemContents {
  width: 767px;
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .s-possible__itemContents {
    margin-top: 20px;
    width: 100%;
  }
}
.s-showroom-possible .s-possible__itemContents ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px 20px;
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .s-possible__itemContents ul {
    display: block;
  }
}
.s-showroom-possible .s-possible__itemContents ul li {
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #2e2e2e;
  height: 60px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #ccc;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .s-possible__itemContents ul li + li {
    margin-top: 20px;
  }
}
.s-showroom-possible .s-possible__button {
  text-align: center;
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-showroom-possible .s-possible__button {
    margin-top: 60px;
  }
}

.s-showroom-reserve .s-reserve__contents {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-showroom-reserve .s-reserve__contents {
    margin-top: 30px;
  }
}
.s-showroom-reserve .s-reserve__description {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #333;
}
.s-showroom-reserve .s-reserve__button {
  margin-top: 100px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-showroom-reserve .s-reserve__button {
    margin-top: 50px;
  }
}

.s-showroom-studio {
  background: #333;
}
.s-showroom-studio .s-studio__title {
  margin: 0;
}
.s-showroom-studio .s-studio__title .title {
  font-weight: var(--font-weight-thin);
  font-size: 40px;
  text-align: center;
  color: #fff;
  display: block;
}
.s-showroom-studio .s-studio__title .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin-top: 12px;
  display: block;
}
.s-showroom-studio .s-studio__category {
  display: grid;
  gap: 5px;
  place-content: center;
  grid-template-columns: repeat(auto-fit, 160px);
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-showroom-studio .s-studio__category {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    margin-top: 30px;
  }
}
.s-showroom-studio .s-studio__categoryItem {
  width: 160px;
}
@media screen and (max-width: 767px) {
  .s-showroom-studio .s-studio__categoryItem {
    width: 100%;
  }
}
.s-showroom-studio .s-studio__categoryItem a {
  height: 80px;
  display: grid;
  place-content: center;
  position: relative;
  border-radius: 5px;
  background: #646464;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.s-showroom-studio .s-studio__categoryItem a::after {
  content: "";
  display: block;
  width: 11px;
  height: 15px;
  position: absolute;
  bottom: 9px;
  left: calc(50% - 5.5px);
  background: url("../img/showroom/studio/arrow-bottom.svg") no-repeat center/contain;
}
.s-showroom-studio .s-studio__contents {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-showroom-studio .s-studio__contents {
    margin-top: 50px;
  }
}
.s-showroom-studio .s-studio__areaTitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #ccc;
  margin: 0;
  position: relative;
}
.s-showroom-studio .s-studio__areaTitle span {
  display: inline-block;
  position: relative;
  background: #333;
  z-index: 12;
  padding: 0 25px;
}
.s-showroom-studio .s-studio__areaTitle::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #646464;
  left: 0;
  z-index: 11;
}
.s-showroom-studio .s-studio__areaList {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-showroom-studio .s-studio__areaList {
    display: block;
  }
}
.s-showroom-studio .s-studio__areaList + .s-studio__areaTitle {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-showroom-studio .s-studio__areaList + .s-studio__areaTitle {
    margin-top: 30px;
  }
}
.s-showroom-studio .s-studio__areaItem {
  width: 33.3333333333%;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .s-showroom-studio .s-studio__areaItem:nth-child(n+4) {
    margin-top: 40px;
  }
  .s-showroom-studio .s-studio__areaItem:nth-child(3n) {
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .s-showroom-studio .s-studio__areaItem {
    padding: 0;
    width: 100%;
  }
  .s-showroom-studio .s-studio__areaItem + .s-studio__areaItem {
    margin-top: 30px;
  }
}
.s-showroom-studio .s-studio__link {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-showroom-studio .s-studio__link {
    margin-top: 40px;
  }
}

.s-showroom-type .s-type__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-showroom-type .s-type__contents {
    margin-top: 40px;
  }
}
.s-showroom-type .s-type__list {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-showroom-type .s-type__list {
    margin-top: 30px;
  }
}
.s-showroom-type .s-type__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .s-showroom-type .s-type__list {
    display: block;
  }
}
.s-showroom-type .s-type__item {
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .s-showroom-type .s-type__item {
    width: 100%;
    padding: 20px;
  }
  .s-showroom-type .s-type__item + .s-type__item {
    margin-top: 30px;
  }
}
.s-showroom-type .s-type__itemTitle {
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #333;
  margin: 0;
}
.s-showroom-type .s-type__itemImage {
  width: 130px;
  height: 60px;
  margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
  .s-showroom-type .s-type__itemImage {
    margin-top: 15px;
  }
}
.s-showroom-type .s-type__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.s-showroom-type .s-type__itemText {
  margin-top: 40px;
  font-weight: normal;
  font-size: 16px;
  line-height: 36px;
  text-align: left;
  color: #333;
}
@media screen and (max-width: 767px) {
  .s-showroom-type .s-type__itemText {
    margin-top: 20px;
  }
}

.s-sustainability-cn .s-cn__header {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-cn .s-cn__header {
    margin-top: 40px;
  }
}
.s-sustainability-cn .s-cn__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-cn .s-cn__contents {
    margin-top: 40px;
  }
}
.s-sustainability-cn .s-cn__item {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .s-sustainability-cn .s-cn__item {
    display: block;
  }
}
.s-sustainability-cn .s-cn__item + .s-cn__item {
  margin-top: 70px;
}
.s-sustainability-cn .s-cn__itemImage {
  width: 112px;
  min-width: 112px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .s-sustainability-cn .s-cn__itemImage {
    margin: 0 auto;
  }
}
.s-sustainability-cn .s-cn__itemImage::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.s-sustainability-cn .s-cn__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.s-sustainability-cn .s-cn__itemDetail {
  margin-top: 30px;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-cn .s-cn__itemDetail {
    margin-left: 0;
  }
}
.s-sustainability-cn .s-cn__itemDetail .title {
  font-weight: bold;
  font-size: 18px;
  color: #2e2e2e;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-sustainability-cn .s-cn__itemDetail .title {
    text-align: center;
  }
}
.s-sustainability-cn .s-cn__itemDetail .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  margin-top: 30px;
}
.s-sustainability-rrr .s-rrr__header {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-rrr .s-rrr__header {
    margin-top: 40px;
  }
}
.s-sustainability-rrr .s-rrr__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-rrr .s-rrr__contents {
    margin-top: 40px;
  }
}
.s-sustainability-rrr .s-cn__image {
  padding: 60px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-rrr .s-cn__image {
    margin-top: 40px;
    padding: 30px;
  }
}

.s-sustainability-sdgs .s-sdgs__header {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-sdgs .s-sdgs__header {
    margin-top: 40px;
  }
}
.s-sustainability-sdgs .s-sdgs__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-sdgs .s-sdgs__contents {
    margin-top: 40px;
  }
}
.s-sustainability-sdgs .s-sdgs__title {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #2e2e2e;
  margin: 0;
}
.s-sustainability-sdgs .s-sdgs__logo {
  margin: 30px auto 0;
  width: 200px;
}
.s-sustainability-sdgs .s-sdgs__list {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .s-sustainability-sdgs .s-sdgs__list {
    display: block;
    margin-top: 40px;
  }
}
.s-sustainability-sdgs .s-sdgs__item {
  width: calc(33.3333333333% - 33.3333333333px);
}
@media screen and (max-width: 767px) {
  .s-sustainability-sdgs .s-sdgs__item {
    width: 100%;
  }
  .s-sustainability-sdgs .s-sdgs__item + .s-sdgs__item {
    margin-top: 30px;
  }
}
.s-sustainability-sdgs .s-sdgs__itemTitle {
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  margin: 0;
}
.s-sustainability-sdgs .s-sdgs__itemText {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-sustainability-sdgs .s-sdgs__itemText {
    margin-top: 15px;
  }
}
.s-sustainability-sdgs .s-sdgs__itemText ul li {
  display: flex;
  align-items: baseline;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.s-sustainability-sdgs .s-sdgs__itemText ul li::before {
  content: "・";
}
.s-sustainability-sdgs .s-sdgs__itemText ul li + li {
  margin-top: 20px;
}

.s-system-about {
  background: #333333;
  color: white;
}
.s-system-about .s-about__header {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__header {
    margin-top: 25px;
  }
}
.s-system-about .c-section__description {
  text-align: left;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-system-about .c-section__description {
    margin-top: 40px;
  }
}
.s-system-about .s-about__place {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__place {
    margin-top: 40px;
  }
}
.s-system-about .s-about__placeList {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-flow: wrap;
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__placeList {
    display: block;
  }
}
.s-system-about .s-about__placeItem {
  border-radius: 10px;
  background: transparent;
  border: 1px solid #ccc;
  padding: 40px;
  width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__placeItem {
    padding: 20px;
    width: 100%;
  }
  .s-system-about .s-about__placeItem + .s-about__placeItem {
    margin-top: 30px;
  }
}
.s-system-about .s-about__placeItem .title {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.s-system-about .s-about__placeItem .image {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__placeItem .image {
    margin-top: 20px;
  }
}
.s-system-about .s-about__detail {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__detail {
    margin-top: 60px;
  }
}
.s-system-about .s-about__detailList {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__detailList {
    display: block;
  }
}
.s-system-about .s-about__detailItem {
  background-color: white;
  width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__detailItem {
    width: 100%;
  }
  .s-system-about .s-about__detailItem + .s-about__detailItem {
    margin-top: 30px;
  }
}
.s-system-about .s-about__detailItem .image {
  position: relative;
  overflow: hidden;
}
.s-system-about .s-about__detailItem .image::before {
  content: "";
  display: block;
  padding-top: 57.8947368421%;
}
.s-system-about .s-about__detailItem .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.s-system-about .s-about__detailItem .detail {
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__detailItem .detail {
    padding: 20px;
  }
}
.s-system-about .s-about__detailItem .title {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #333;
  opacity: 0.8;
}
.s-system-about .s-about__detailItem .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #333;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-system-about .s-about__detailItem .text {
    margin-top: 20px;
  }
}
.s-system-service .s-service__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-system-service .s-service__contents {
    margin-top: 40px;
  }
}

.s-system-work .s-work__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__contents {
    margin-top: 40px;
  }
}
.s-system-work .s-work__block {
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__block {
    padding: 20px;
  }
}
.s-system-work .s-work__block + .s-work__block {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__block + .s-work__block {
    margin-top: 30px;
  }
}
.s-system-work .s-work__blockContents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__blockContents {
    display: block;
    margin-top: 20px;
  }
}
.s-system-work .s-work__blockImage {
  overflow: hidden;
  position: relative;
  width: 350px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__blockImage {
    width: 100%;
  }
}
.s-system-work .s-work__blockImage::before {
  content: "";
  display: block;
  padding-top: 71.4285714286%;
}
.s-system-work .s-work__blockImage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.s-system-work .s-work__blockDetail {
  width: calc(100% - 440px);
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__blockDetail {
    width: 100%;
    margin-top: 20px;
  }
}
.s-system-work .s-work__blockDetail dl {
  margin: 0;
}
.s-system-work .s-work__blockDetail dt {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #333;
}
.s-system-work .s-work__blockDetail dt + dd {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__blockDetail dt + dd {
    margin-top: 10px;
  }
}
.s-system-work .s-work__blockDetail dd {
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
  color: #333;
}
.s-system-work .s-work__blockDetail dd + dt {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__blockDetail dd + dt {
    margin-top: 20px;
  }
}
.s-system-work .s-work__blockList {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__blockList {
    margin-top: 20px;
  }
}
.s-system-work .s-work__blockItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__blockItem {
    display: block;
  }
}
.s-system-work .s-work__blockItem + .s-work__blockItem {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-system-work .s-work__blockItem + .s-work__blockItem {
    margin-top: 30px;
  }
}
.s-system-work .s-work__blockItem .s-work__blockImage::before {
  padding-top: 57.1428571429%;
}
.s-top-about {
  background: #333333;
  padding-top: 120px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .s-top-about {
    padding: 80px 16px 0;
  }
}
.s-top-about .s-about__block {
  display: flex;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block {
    display: block;
  }
}
.s-top-about .s-about__block + .s-about__block {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block + .s-about__block {
    margin-top: 60px;
  }
}
.s-top-about .s-about__block.-first {
  align-items: center;
}
@media screen and (min-width: 768px) {
  .s-top-about .s-about__block.-first .s-about__blockDetail {
    padding-left: max(calc((100vw - 1032px) / 2), 32px);
  }
  .s-top-about .s-about__block.-first .s-about__blockImage {
    padding-left: 80px;
  }
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block.-first .s-about__blockImage {
    margin-top: 60px;
    width: calc(100% + 16px);
  }
}
.s-top-about .s-about__block.-first .title {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block.-first .title {
    margin-top: 12px;
  }
}
.s-top-about .s-about__block.-first .s-about__blockText {
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block.-first .s-about__blockText {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block.-second .c-inner {
    padding: 0;
  }
}
.s-top-about .s-about__block.-second .s-about__blockMovie {
  position: relative;
  overflow: hidden;
  display: block;
}
.s-top-about .s-about__block.-second .s-about__blockMovie:hover::after {
  transform: scale(1.05);
}
.s-top-about .s-about__block.-second .s-about__blockMovie::before {
  content: "";
  display: block;
  padding-top: 48.3333333333%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 12;
  position: relative;
}
.s-top-about .s-about__block.-second .s-about__blockMovie::after {
  content: "";
  display: block;
  background: url("../img/top/about/icon_play.png") no-repeat center center/contain;
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  z-index: 13;
  height: 200px;
  width: 200px;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block.-second .s-about__blockMovie::after {
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    height: 100px;
    width: 100px;
  }
}
.s-top-about .s-about__block.-second .s-about__blockMovie img, .s-top-about .s-about__block.-second .s-about__blockMovie video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
@media screen and (min-width: 768px) {
  .s-top-about .s-about__block.-third {
    padding-right: max(calc((100vw - 1232px) / 2), 32px);
  }
  .s-top-about .s-about__block.-third .s-about__blockInner {
    padding-top: 80px;
    padding-left: 80px;
  }
}
@media screen and (min-width: 768px) {
  .s-top-about .s-about__block.-third .s-about__blockDetail {
    order: 2;
  }
  .s-top-about .s-about__block.-third .s-about__blockImage {
    order: 1;
  }
}
.s-top-about .s-about__block.-third .s-about__blockTitle {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #fff;
}
.s-top-about .s-about__block.-third .s-about__blockText {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block.-third .s-about__blockText {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block.-third .s-about__blockImage {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: 30px;
  }
}
.s-top-about .s-about__block.-third .s-about__blockLink {
  margin-top: 160px;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__block.-third .s-about__blockLink {
    margin-top: 70px;
  }
}
.s-top-about .s-about__blockDetail {
  width: 42.8571428571%;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__blockDetail {
    width: 100%;
  }
}
.s-top-about .s-about__blockDetail .title {
  font-weight: normal;
  font-size: 26px;
  line-height: 38px;
  color: #fff;
  margin: 0;
}
.s-top-about .s-about__blockDetail .s-about__blockText {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
}
.s-top-about .s-about__blockDetail .s-about__blockLink {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 90px;
}
.s-top-about .s-about__blockDetail .s-about__blockLink a {
  font-weight: normal;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
}
.s-top-about .s-about__blockImage {
  width: 57.1428571429%;
}
@media screen and (max-width: 767px) {
  .s-top-about .s-about__blockImage {
    width: 100%;
  }
}
.s-top-about .s-about__blockImage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.s-about__popUpMovie .mfp-iframe-holder .mfp-content {
  max-width: calc(100% - 32px);
}
.s-about__popUpMovie + .mfp-close-btn-in .mfp-close {
  color: transparent !important;
  background: url("../img/common/closeBtn.svg") no-repeat center right/27px 16px;
}
.s-top-case {
  padding: 100px 0 40px;
  background: #333;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .s-top-case {
    padding: 48px 0 70px;
  }
}
.s-top-case .s-case__title {
  font-weight: var(--font-weight-thin);
  font-size: 36px;
  text-align: center;
  color: #fff;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-top-case .s-case__title {
    font-size: 30px;
  }
}
.s-top-case .s-case__text {
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
}
.s-top-case .s-case__slider {
  margin-top: 100px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .s-top-case .s-case__slider {
    margin-top: 55px;
  }
}
.s-top-case .s-case__item {
  cursor: pointer;
  transition: opacity 0.3s;
}
.s-top-case .s-case__item:hover {
  opacity: 0.8;
}
.s-top-case .s-case__itemLink {
  display: block;
  position: relative;
}
.s-top-case .s-case__itemLink .image {
  height: 600px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .s-top-case .s-case__itemLink .image {
    height: 400px;
  }
}
.s-top-case .s-case__itemLink .image::after {
  content: "";
  width: 100%;
  height: 246px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.87) 100%);
  opacity: 0.6;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 11;
}
.s-top-case .s-case__itemLink .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.s-top-case .s-case__link {
  display: grid;
  place-items: center;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .s-top-case .s-case__link {
    margin-top: 60px;
  }
}
.s-top-case .s-case__pagination {
  text-align: center;
  margin-top: 40px;
}
.s-top-case .s-case__pagination .swiper-pagination-bullet {
  width: 40px;
  height: 4px;
  background: #fff;
  opacity: 0.2;
  border-radius: 0;
  cursor: pointer;
  transition: opacity 0.3s;
}
.s-top-case .s-case__pagination .swiper-pagination-bullet:hover {
  opacity: 0.7;
}
.s-top-case .s-case__pagination .swiper-pagination-bullet-active {
  opacity: 0.7;
}
.s-top-case .s-case__button-prev, .s-top-case .s-case__button-next {
  cursor: pointer;
  display: block;
  width: 34px;
  height: 34px;
  min-width: 34px;
  background: url("../img/common/arrow-white.svg") no-repeat center/contain;
  position: absolute;
  bottom: 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .s-top-case .s-case__button-prev, .s-top-case .s-case__button-next {
    display: none;
  }
}
.s-top-case .s-case__button-prev:hover, .s-top-case .s-case__button-next:hover {
  opacity: 0.5;
}
.s-top-case .s-case__button-prev {
  left: 0;
  transform: scale(-1, 1);
}
.s-top-case .s-case__button-next {
  right: 0;
}

.s-top-consider {
  padding: 45px 0;
}
@media screen and (max-width: 767px) {
  .s-top-consider {
    padding: 60px 0 20px;
  }
}
.s-top-consider .s-consider__title {
  font-weight: var(--font-weight-thin);
  font-size: 36px;
  text-align: center;
  color: #333;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-top-consider .s-consider__title {
    font-size: 30px;
  }
}
.s-top-consider .s-consider__list {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  margin-top: 88px;
}
@media screen and (max-width: 767px) {
  .s-top-consider .s-consider__list {
    margin-top: 70px;
  }
}
.s-top-consider .s-consider__item {
  width: calc(33.3333333333% - 11px);
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  .s-top-consider .s-consider__item {
    width: 100%;
    margin-right: 0;
  }
  .s-top-consider .s-consider__item + .s-consider__item {
    margin-top: 10px;
  }
}
.s-top-consider .s-consider__item:nth-child(3n) {
  margin-right: 0;
}
.s-top-consider .s-consider__itemLink {
  display: block;
  position: relative;
  height: 100%;
}
.s-top-consider .s-consider__itemLink::before, .s-top-consider .s-consider__itemLink::after {
  content: "";
  display: block;
  width: 100%;
  height: 239px;
  background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
  position: absolute;
  left: 0;
  z-index: 11;
}
@media screen and (max-width: 767px) {
  .s-top-consider .s-consider__itemLink::before, .s-top-consider .s-consider__itemLink::after {
    height: 123px;
  }
}
.s-top-consider .s-consider__itemLink::before {
  top: 0;
}
.s-top-consider .s-consider__itemLink::after {
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, black 100%);
}
.s-top-consider .s-consider__itemImage {
  position: relative;
  overflow: hidden;
}
.s-top-consider .s-consider__itemImage::before {
  content: "";
  display: block;
  padding-top: 125%;
}
@media screen and (max-width: 767px) {
  .s-top-consider .s-consider__itemImage::before {
    padding-top: 87.4635568513%;
  }
}
.s-top-consider .s-consider__itemImage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.s-top-consider .s-consider__itemTitle {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 34px;
  z-index: 12;
  font-size: 26px;
  font-weight: normal;
  line-height: 48px;
  text-align: left;
  color: #fff;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-top-consider .s-consider__itemTitle {
    left: 16px;
    right: 16px;
    top: 20px;
  }
}
.s-top-consider .s-consider__itemText {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  color: #fff;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 46px;
  z-index: 12;
}
@media screen and (max-width: 767px) {
  .s-top-consider .s-consider__itemText {
    left: 16px;
    right: 16px;
    bottom: 38px;
  }
}
.s-top-consider .s-consider__itemArrow {
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/arrow-white.svg") no-repeat center/contain;
  position: absolute;
  right: 24px;
  bottom: 20px;
  z-index: 12;
}
@media screen and (max-width: 767px) {
  .s-top-consider .s-consider__itemArrow {
    right: 16px;
    bottom: 20px;
  }
}

.s-top-mv {
  padding: 130px 0;
}
@media screen and (max-width: 767px) {
  .s-top-mv {
    padding: 70px 0 80px;
  }
}
.s-top-mv .s-mv__contents {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .s-top-mv .s-mv__contents {
    display: block;
  }
}
.s-top-mv .s-mv__images {
  order: 1;
  display: flex;
  flex-flow: row-reverse;
  gap: 5px;
  width: 50%;
  margin-left: -80px;
}
@media screen and (max-width: 767px) {
  .s-top-mv .s-mv__images {
    margin-top: 60px;
    width: calc(50% + 80px);
    position: relative;
  }
}
.s-top-mv .s-mv__image {
  height: 692px;
  width: 245px;
  min-width: 245px;
}
@media screen and (max-width: 767px) {
  .s-top-mv .s-mv__image:nth-child(n+2) {
    display: none;
  }
}
.s-top-mv .s-mv__image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.s-top-mv .s-mv__titles {
  order: 2;
  width: 50%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .s-top-mv .s-mv__titles {
    width: 100%;
    padding: 0;
    margin-right: 0;
  }
}
.s-top-mv .s-mv__title {
  text-align: center;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .s-top-mv .s-mv__title {
    padding: 0 16px;
  }
}
.s-top-mv .s-mv__title .title {
  min-width: 415px;
  width: 40%;
}
@media screen and (max-width: 767px) {
  .s-top-mv .s-mv__title .title {
    min-width: 100%;
    width: 100%;
    max-width: 316px;
  }
}
.s-top-mv .s-mv__title .text {
  font-weight: var(--font-weight-thin);
  font-size: 40px;
  letter-spacing: 0.2em;
  color: #2e2e2e;
  margin: 0;
  margin-top: 45px;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-top-mv .s-mv__title .text {
    font-size: 30px;
    letter-spacing: 0.2em;
  }
}
.s-top-mv .s-mv__scroll {
  position: absolute;
  left: 50%;
  bottom: 120px;
}
@media screen and (max-width: 767px) {
  .s-top-mv .s-mv__scroll {
    left: calc(100% + 80px);
    bottom: calc(50% - 30px);
  }
}
.s-top-mv .s-mv__scroll .line {
  width: 1px;
  height: 60px;
  background: #ccc;
  display: block;
}
.s-top-mv .s-mv__scroll .circle {
  animation: scroll 2s ease infinite;
  width: 9px;
  height: 9px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
  position: absolute;
  left: -4px;
  top: 0;
  opacity: 0;
}
@keyframes scroll {
  0% {
    top: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}

.s-top-model-simulation {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-top-model-simulation {
    margin-top: 80px;
  }
}
.s-top-model-simulation .c-flex__itemTitle {
  font-size: 26px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .s-top-model-simulation .c-flex-alone__image {
    margin-bottom: 40px;
  }
}

.s-top-product {
  background: white;
  padding: 100px 0;
}
@media screen and (max-width: 767px) {
  .s-top-product {
    padding: 100px 0;
  }
}
.s-top-product .s-product__sub {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #333;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__sub {
    margin-bottom: 40px;
  }
}
.s-top-product .s-product__scrollArea {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.s-top-product .s-product__scrollArea.-active .s-product__title {
  top: 0px;
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__scrollArea.-active .s-product__title {
    position: static;
  }
}
.s-top-product .s-product__contents {
  height: 100%;
  padding: 120px 0 140px;
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__contents {
    padding: 120px 0 60px;
  }
}
.s-top-product .s-product__title {
  margin: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__title {
    position: static;
    transform: none;
  }
}
.s-top-product .s-product__title .text {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #333;
  text-align: center;
  display: block;
  margin-top: 30px;
}
.s-top-product .s-product__images {
  position: absolute;
  inset: 0;
  top: 150px;
  bottom: 140px;
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__images {
    top: 120px;
    bottom: 60px;
  }
}
.s-top-product .s-product__images::before {
  content: "";
  display: block;
  padding-top: 282.5870646766%;
}
.s-top-product .s-product__images figure {
  position: absolute;
  opacity: 0;
  inset: 0;
}
.s-top-product .s-product__images figure img:not(.bg) {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 12;
}
.s-top-product .s-product__images figure.img-1 {
  transform: scale(2.2);
  transform-origin: top center;
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__images figure.img-1 {
    transform: scale(1.6);
  }
}
.s-top-product .s-product__images figure.img-2 img {
  display: none;
}
.s-top-product .s-product__images figure.img-5 .-turnUp, .s-top-product .s-product__images figure.img-6 .-turnUp {
  overflow: hidden;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 13;
  width: 100%;
}
.s-top-product .s-product__images figure.img-5 .-turnUp img, .s-top-product .s-product__images figure.img-6 .-turnUp img {
  background: white;
}
.s-top-product .s-product__images img.bg {
  position: absolute;
  z-index: 11;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__images img.bg {
    bottom: 100px;
  }
}
.s-top-product .s-product__images img.bg-wind {
  min-width: 898px;
  bottom: calc(140px + 11.4285714286%);
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__images img.bg-wind {
    bottom: calc(60px + 26.6666666667%);
    min-width: 652px;
  }
}
.s-top-product .s-product__images img.bg-sound {
  min-width: 624px;
  bottom: auto;
  bottom: calc(140px + 7.1428571429%);
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__images img.bg-sound {
    bottom: calc(60px + 26.6666666667%);
  }
}
.s-top-product .s-product__titles {
  font-weight: var(--font-weight-thin);
  font-size: 34px;
  letter-spacing: 0.1em;
  text-align: center;
  color: #2e2e2e;
  margin: 0;
  position: absolute;
  right: max(calc((100vw - 1232px) / 2), 32px);
  top: 50%;
  z-index: 13;
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__titles {
    font-size: 24px;
    letter-spacing: 0.05em;
    left: 0;
    right: 0;
    top: 30px;
  }
}
.s-top-product .s-product__titles p {
  opacity: 0;
  height: 0;
}
.s-top-product .s-product__blockImage {
  height: 568px;
  width: 201px;
  position: absolute;
  left: calc(50% - 100.5px);
  top: calc(50% - 284px);
  transform-origin: top center;
}
.s-top-product .s-product__text {
  position: absolute;
  right: max(calc((100vw - 1232px) / 2), 32px);
  bottom: calc(140px + 6.6666666667%);
  opacity: 0;
  z-index: 13;
}
@media screen and (max-width: 767px) {
  .s-top-product .s-product__text {
    position: static;
    width: 100%;
    text-align: center;
    padding: 0 16px;
  }
}
.s-top-product .s-product__text .bold {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.s-top-product .s-product__text .thin {
  font-weight: normal;
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}
.s-top-product .s-product__text .c-button {
  margin-top: 50px;
}

.s-top-topics {
  padding: 100px 0 60px;
}
@media screen and (max-width: 767px) {
  .s-top-topics {
    padding: 60px 0;
  }
}
.s-top-topics .s-topics__contents {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .s-top-topics .s-topics__contents {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .s-top-topics .s-topics__title {
    text-align: center;
  }
}
.s-top-topics .s-topics__title .en {
  font-size: 32px;
  letter-spacing: 0.2em;
  color: #2e2e2e;
  margin: 0;
  font-weight: var(--font-weight-thin);
  display: block;
}
.s-top-topics .s-topics__title .ja {
  font-weight: bold;
  font-size: 16px;
  color: #333;
  margin-top: 15px;
  display: block;
}
.s-top-topics .s-topics__links {
  width: 77.8333333333%;
}
@media screen and (max-width: 767px) {
  .s-top-topics .s-topics__links {
    margin-top: 60px;
    width: 100%;
  }
}
.s-top-topics .s-topics__list {
  border-top: solid 1px #ccc;
}
.s-top-topics .s-topics__item {
  border-bottom: solid 1px #ccc;
}
.s-top-topics .s-topics__itemLink {
  display: flex;
  padding: 60px 0;
  padding-right: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .s-top-topics .s-topics__itemLink {
    display: block;
    padding: 24px 0;
    padding-right: 0;
  }
}
.s-top-topics .s-topics__itemLink::after {
  content: "";
  display: block;
  width: 34px;
  height: 8px;
  min-width: 34px;
  background: url("../img/common/arrow-gray.svg") no-repeat center/contain;
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
}
@media screen and (max-width: 767px) {
  .s-top-topics .s-topics__itemLink::after {
    top: inherit;
    bottom: 16px;
  }
}
.s-top-topics .s-topics__itemLink .date {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 32px;
  color: #969696;
  min-width: 125px;
}
.s-top-topics .s-topics__itemLink .title {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #333;
}
.s-top-topics .s-topics__link {
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .s-top-topics .s-topics__link {
    justify-content: center;
  }
}
.s-top-users .s-users__list {
  display: flex;
  flex-flow: wrap;
}
@media screen and (max-width: 767px) {
  .s-top-users .s-users__list {
    display: block;
  }
}

.s-variation-flow .s-flow__list {
  counter-reset: flow 0;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__list {
    margin-top: 50px;
    padding: 0 16px;
  }
}
.s-variation-flow .s-flow__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__item {
    display: block;
  }
}
.s-variation-flow .s-flow__item + .s-flow__item {
  margin-top: 200px;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__item + .s-flow__item {
    margin-top: 100px;
  }
}
.s-variation-flow .s-flow__itemLabel {
  width: 160px;
  height: 160px;
  background: #ccb034;
  border-radius: 100%;
  display: grid;
  place-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__itemLabel {
    width: 120px;
    height: 120px;
  }
}
.s-variation-flow .s-flow__itemLabel .step {
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #fff;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__itemLabel .step {
    font-size: 14px;
  }
}
.s-variation-flow .s-flow__itemLabel .num {
  font-family: "Noto Sans JP";
  font-weight: var(--font-weight-thin);
  font-size: 59px;
  text-align: center;
  color: #fff;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__itemLabel .num {
    font-size: 40px;
  }
}
.s-variation-flow .s-flow__itemLabel .num::before {
  counter-increment: flow 1;
  content: "0" counter(flow);
}
.s-variation-flow .s-flow__itemTitle {
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  color: #2e2e2e;
  margin: 0;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__itemTitle {
    margin-top: 25px;
  }
}
.s-variation-flow .s-flow__itemTitle span {
  display: block;
  font-weight: normal;
  font-size: 26px;
  text-align: center;
  color: #2e2e2e;
}
.s-variation-flow .s-flow__itemDetail {
  margin-left: max(calc((100vw - 1032px) / 2), 32px);
  width: 290px;
  min-width: 290px;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__itemDetail {
    margin-left: 0;
    width: 100%;
    min-width: 100%;
  }
}
.s-variation-flow .s-flow__itemImage {
  width: 55%;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__itemImage {
    width: 100%;
    margin-top: 50px;
  }
}
.s-variation-flow .s-flow__cta {
  margin-top: 200px;
}
@media screen and (max-width: 767px) {
  .s-variation-flow .s-flow__cta {
    margin-top: 100px;
  }
}
.s-variation-flow .s-flow__ctaLink {
  text-align: center;
  margin-top: 30px;
}
.s-warranty-details {
  background: #333333;
  color: white;
}
.s-warranty-details .s-details__list {
  counter-reset: details 0;
  margin: 0;
  padding: 0;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-warranty-details .s-details__list {
    margin-top: 40px;
  }
}
.s-warranty-details .s-details__item {
  list-style: none;
}
.s-warranty-details .s-details__item + .s-details__item {
  margin-top: 80px;
}
.s-warranty-details .s-details__itemTitle {
  width: 150px;
  height: 150px;
  background: #4b4b4b;
  border-radius: 100%;
  display: grid;
  place-items: center;
  margin: 0 auto;
}
.s-warranty-details .s-details__itemTitle .num {
  display: block;
  text-align: center;
}
.s-warranty-details .s-details__itemTitle .num::after {
  counter-increment: details 1;
  content: "0" counter(details);
  font-weight: var(--font-weight-thin);
  font-size: 40px;
  color: #fff;
  line-height: 1;
}
.s-warranty-details .s-details__itemTitle .title {
  display: block;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-top: 10px;
}
.s-warranty-details .s-details__itemDetail {
  color: white;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  border-radius: 10px;
  border: 1px solid #707070;
  padding: 60px;
  margin-top: 40px;
}
.s-warranty-details .s-details__itemDetail * + * {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-warranty-details .s-details__itemDetail {
    padding: 30px;
  }
}
.s-warranty-details .s-details__itemDetail .note {
  display: flex;
  align-items: baseline;
}
.s-warranty-details .s-details__itemDetail .note::before {
  content: "※";
  margin-right: 10px;
}

.s-warranty-header .s-header__title {
  margin: 0;
  text-align: center;
}
.s-warranty-header .s-header__title .image {
  display: inline-block;
  max-width: 130px;
}
.s-warranty-header .s-header__title .title {
  font-weight: var(--font-weight-thin);
  font-size: 32px;
  letter-spacing: 0.2em;
  color: #2e2e2e;
  margin-top: 20px;
}
.s-warranty-header .s-header__title .text {
  font-weight: bold;
  font-size: 18px;
  color: #2e2e2e;
  padding: 5px 30px;
  border: 1px solid #ccc;
  margin-top: 10px;
  display: inline-block;
}
.s-warranty-header .s-header__line {
  width: 120px;
  height: 1px;
  background: #ccc;
  margin: 70px auto 0;
}
@media screen and (max-width: 767px) {
  .s-warranty-header .s-header__line {
    margin-top: 30px;
  }
}
.s-warranty-header .s-header__description {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #333;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-warranty-header .s-header__description {
    margin-top: 30px;
    text-align: left;
  }
}

.s-x-series-design-description {
  background: #333;
  color: white;
}
.s-x-series-design-description .s-description__header {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-x-series-design-description .s-description__header {
    margin-top: 40px;
  }
}
.s-x-series-design-description .s-description__headerTitle {
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .s-x-series-design-description .s-description__headerTitle {
    text-align: center;
  }
}
.s-x-series-design-description .s-description__headerText {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .s-x-series-design-description .s-description__headerText {
    margin-top: 20px;
  }
}

.s-x-series-design {
  padding-bottom: 0;
}
.s-x-series-design .s-design__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-x-series-design .s-design__contents {
    margin-top: 40px;
  }
}
.s-x-series-design .s-design__list {
  display: grid;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .s-x-series-design .s-design__list {
    gap: 5px;
  }
}
.s-x-series-design .s-design__itemImage {
  position: relative;
}
.s-x-series-design .s-design__imageCaption {
  padding: 30px;
  background: #fff;
  display: inline-block;
  position: absolute;
  left: 50px;
  top: 50px;
}
.s-x-series-design .s-design__imageCaption span {
  display: block;
}
.s-x-series-design .s-design__imageCaption .text {
  font-weight: normal;
  font-size: 18px;
  color: #333;
}
.s-x-series-design .s-design__imageCaption .title {
  font-family: "Noto Sans JP";
  font-weight: normal;
  font-size: 33px;
  color: #606060;
}

.s-x-series-product-fwfp .s-fwfp__header {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__header {
    display: block;
  }
}
.s-x-series-product-fwfp .s-fwfp__headerImage {
  width: calc(100% - 420px);
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__headerImage {
    width: 100%;
  }
}
.s-x-series-product-fwfp .s-fwfp__headerDetail {
  width: 420px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__headerDetail {
    width: 100%;
  }
}
.s-x-series-product-fwfp .s-fwfp__headerTitle .name {
  font-family: var(--font-family-en);
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #333333;
  display: block;
}
.s-x-series-product-fwfp .s-fwfp__headerTitle .detail {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #606060;
  display: block;
}
.s-x-series-product-fwfp .s-fwfp__headerTitle .detail + .name {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__headerImage {
    margin-top: 20px;
  }
}
.s-x-series-product-fwfp .s-fwfp__headerSubtitle {
  margin-top: 120px;
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #606060;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__headerSubtitle {
    margin-top: 30px;
  }
}
.s-x-series-product-fwfp .s-fwfp__headerDescription {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #606060;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__headerDescription {
    margin-top: 20px;
  }
}
.s-x-series-product-fwfp .s-fwfp__introduction {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__introduction {
    margin-top: 40px;
  }
}
.s-x-series-product-fwfp .s-fwfp__introductionSpec {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__introductionSpec {
    display: block;
    margin-top: 40px;
  }
}
.s-x-series-product-fwfp .s-fwfp__introductionHeader {
  margin-top: 120px;
  color: #333333;
  font-family: var(--font-family-en);
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__introductionHeader {
    margin-top: 60px;
  }
}
.s-x-series-product-fwfp .s-fwfp__introductionHeader .c-section__title {
  font-weight: 500;
  line-height: 1;
}
.s-x-series-product-fwfp .s-fwfp__introductionSpecTitle {
  margin: 0;
}
.s-x-series-product-fwfp .s-fwfp__introductionSpecTitle .title {
  font-weight: bold;
  font-size: 18px;
  color: #606060;
  display: block;
  margin: 0;
}
.s-x-series-product-fwfp .s-fwfp__introductionSpecTitle .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #606060;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__introductionSpecLink {
    margin-top: 20px;
  }
}
.s-x-series-product-fwfp .s-fwfp__detail {
  border-top: solid 1px #606060;
  margin-top: 20px;
  padding-top: 60px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__detail {
    padding-top: 30px;
    display: block;
  }
}
.s-x-series-product-fwfp .s-fwfp__detailBlock {
  width: calc(100% - 380px);
  display: flex;
  flex-flow: column;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__detailBlock {
    display: block;
    width: 100%;
  }
}
.s-x-series-product-fwfp .s-fwfp__detailBlockTitle {
  font-size: 18px;
  letter-spacing: 0.03em;
}
.s-x-series-product-fwfp .s-fwfp__detailBlockTitle strong, .s-x-series-product-fwfp .s-fwfp__detailBlockTitle small {
  font-family: var(--font-family-en);
}
.s-x-series-product-fwfp .s-fwfp__detailBlockTitle strong {
  font-size: 30px;
}
.s-x-series-product-fwfp .s-fwfp__detailBlockTitle small {
  font-size: 18px;
}
.s-x-series-product-fwfp .s-fwfp__detailBlockList {
  display: flex;
  gap: 10px;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__detailBlockList {
    display: block;
    margin-top: 30px;
  }
  .s-x-series-product-fwfp .s-fwfp__detailBlockList li + li {
    margin-top: 20px;
  }
}
.s-x-series-product-fwfp .s-fwfp__detailBlockList figure {
  border: solid 1px #CCCCCC;
}
.s-x-series-product-fwfp .s-fwfp__detailBlockList p {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #606060;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__detailBlockList p {
    font-size: 14px;
  }
}
.s-x-series-product-fwfp .s-fwfp__detailModal {
  width: 330px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__detailModal {
    width: 100%;
    margin-top: 30px;
  }
}
.s-x-series-product-fwfp .s-fwfp__detailModal img {
  background-color: white;
}
.s-x-series-product-fwfp .s-fwfp__detailModal .caption {
  font-weight: normal;
  font-size: 16px;
  display: block;
  color: #606060;
  margin-top: 10px;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-fwfp .s-fwfp__detailModal .caption {
    font-size: 14px;
  }
}

.s-x-series-product-nwnwc {
  background: #333;
  color: white;
}
.s-x-series-product-nwnwc .s-nwnwc__header {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__header {
    display: block;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__headerImage {
  width: calc(100% - 420px);
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__headerImage {
    width: 100%;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__headerDetail {
  width: 420px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__headerDetail {
    width: 100%;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__headerTitle .name {
  font-family: var(--font-family-en);
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #fff;
  display: block;
}
.s-x-series-product-nwnwc .s-nwnwc__headerTitle .detail {
  font-family: var(--font-family-en);
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__headerImage {
    margin-top: 20px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__headerSubtitle {
  margin-top: 120px;
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  display: block;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__headerSubtitle {
    margin-top: 30px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__headerDescription {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__headerDescription {
    margin-top: 20px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__introduction {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__introduction {
    margin-top: 40px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__introductionSpec {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__introductionSpec {
    display: block;
    margin-top: 30px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__introductionSpecTitle {
  margin: 0;
}
.s-x-series-product-nwnwc .s-nwnwc__introductionSpecTitle .title {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  display: block;
  margin: 0;
}
.s-x-series-product-nwnwc .s-nwnwc__introductionSpecTitle .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__introductionSpecLink {
    margin-top: 20px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__detail {
  border-top: solid 1px #606060;
  margin-top: 20px;
  padding-top: 60px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__detail {
    padding-top: 30px;
    display: block;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__detailBlock {
  width: calc(100% - 420px);
  display: flex;
  flex-flow: column;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__detailBlock {
    display: block;
    width: 100%;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__detailBlockTitle {
  font-size: 18px;
  letter-spacing: 0.03em;
  color: #fff;
  color: #fff;
}
.s-x-series-product-nwnwc .s-nwnwc__detailBlockTitle strong, .s-x-series-product-nwnwc .s-nwnwc__detailBlockTitle small {
  font-family: var(--font-family-en);
}
.s-x-series-product-nwnwc .s-nwnwc__detailBlockTitle strong {
  font-size: 30px;
}
.s-x-series-product-nwnwc .s-nwnwc__detailBlockTitle small {
  font-size: 18px;
}
.s-x-series-product-nwnwc .s-nwnwc__detailBlockList {
  display: flex;
  gap: 20px;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__detailBlockList {
    display: block;
    margin-top: 30px;
  }
  .s-x-series-product-nwnwc .s-nwnwc__detailBlockList li + li {
    margin-top: 20px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__detailBlockList p {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__detailBlockList p {
    font-size: 14px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__detailModal {
  width: 330px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__detailModal {
    width: 100%;
    margin-top: 30px;
  }
}
.s-x-series-product-nwnwc .s-nwnwc__detailModal img {
  background-color: white;
}
.s-x-series-product-nwnwc .s-nwnwc__detailModal .caption {
  font-weight: normal;
  font-size: 16px;
  display: block;
  color: #fff;
  margin-top: 10px;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .s-x-series-product-nwnwc .s-nwnwc__detailModal .caption {
    font-size: 14px;
  }
}

.s-x-series-products .c-section__title img {
  width: 250px;
}
.s-x-series-products .s-products__list {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
}
@media screen and (max-width: 767px) {
  .s-x-series-products .s-products__list {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
.s-x-series-products .s-products__itemLink {
  display: block;
}
.s-x-series-products .s-products__itemTitle {
  margin: 0;
  min-height: 5em;
}
.s-x-series-products .s-products__itemTitle .name {
  font-weight: 500;
  font-size: 26px;
  font-family: var(--font-family-en);
  font-size: 26px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #2e2e2e;
  display: block;
}
.s-x-series-products .s-products__itemTitle .nameDetail {
  font-family: var(--font-family-en);
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #2e2e2e;
  display: block;
}
.s-x-series-products .s-products__itemMore {
  margin-top: 15px;
}
.s-x-series-products .s-products__itemMore .text {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #606060;
  display: block;
}
.s-x-series-products .s-products__itemMore .arrow {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
/* 万博ロゴ追加 2025.5 */
.s-mv__banpaku {
  width: 100%;
  margin-top: 140px;
  text-align: center;
}
.s-mv__banpaku-img {
  width: 38%;
}
.c-footer__detail-banpaku {
  margin-top: 30px;
  margin-left: 8%;
  width: 100%;
}
.c-footer__detail-banpaku-img {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .s-mv__banpaku {
  margin-top: 40px;
  }
  .s-mv__banpaku-img {
    width: 80%;
  }
  .c-footer__detail-banpaku {
    margin-top: 40px;
    margin-left: 0;
  }
  .c-footer__detail-banpaku-img {
  width: 35%;
}

}