/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

* {
  word-break: break-all;
}

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

body {
  line-height: 1;
}

main {
  overflow: hidden;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  padding: initial;
}

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

input, textarea, select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  outline: none;
  border: none;
  width: 100%;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

picture {
  display: block;
}

/*breakpoint*/ 
/*color*/ 
/*effects*/ 
/*fonts*/
@font-face {
  font-family: "gilroy-EXbold";
  src: url("../fonts/Gilroy-ExtraBold.otf");
}
@font-face {
  font-family: "gilroy-EXbold-Italic";
  src: url("../fonts/Gilroy-ExtraboldItalic.woff");
}
@font-face {
  font-family: "gilroy-Light";
  src: url("../fonts/Gilroy-Light.otf");
}
.container {
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  max-width: 120.4rem;
}
@media (max-width: 768px) {
  .container {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}

.outOFcontainer-right {
  margin-right: calc((100vw - 100%) / 2 * -1);
}

.outOFcontainer-left {
  margin-left: calc((100vw - 100%) / 2 * -1);
}

@media (max-width: 768px) {
  br.-pc {
    display: none;
  }
}

br.-sp {
  display: none;
}
@media (max-width: 768px) {
  br.-sp {
    display: block;
  }
}

.pc-none {
  display: none;
}
@media (max-width: 768px) {
  .pc-none {
    display: block;
  }
}

@media (max-width: 768px) {
  .sp-none {
    display: none;
  }
}

@media (min-width: 769px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.breadcrumb {
  font-size: 1.2rem;
  letter-spacing: 0.03em;
  color: #282f33;
  padding-bottom: 2rem;
  background: #f2f2f2;
}
@media (width <= 768px) {
  .breadcrumb {
    font-size: 3.2vw;
    padding-bottom: 5.3333333333vw;
  }
}
.breadcrumb a {
  padding: 0;
  background: inherit;
}
.breadcrumb a[property=item] {
  margin-top: 0;
}
.breadcrumb span {
  padding: 0;
  background: inherit;
  line-height: 1.8;
}
.breadcrumb .home {
  color: #bfbfbf;
}
.breadcrumb.is--bg-white {
  background: #fff;
}

.clip {
  position: absolute;
}

.clip-triangle--top {
  top: 0px;
  left: 0;
  transform: rotate(180deg);
  width: 100%;
  height: auto;
}
.clip-triangle--bottom {
  bottom: 0px;
  width: 100%;
  height: auto;
}

.clip-triangle-right--top {
  top: -1px;
  transform: rotate(180deg) translate(0);
  shape-rendering: crispEdges;
}
.clip-triangle-right--bottom {
  bottom: -1px;
}

.clip-2triangle {
  bottom: 0px;
}
.clip-2triangle--reverse {
  transform: rotate(180deg);
  top: 0px;
}

.topSectionTitle {
  display: flex;
  flex-direction: column-reverse;
}
.topSectionTitle h2 {
  font-size: 6rem;
  margin-top: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 8.6rem;
  line-height: 1.1;
  margin-left: -0.12em;
}
.topSectionTitle h2::before, .topSectionTitle h2::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topSectionTitle h2::before {
  margin-bottom: calc((1 - 1.1) * .5em);
}
.topSectionTitle h2::after {
  margin-top: calc((1 - 1.1) * .5em);
}
@media (max-width: 768px) {
  .topSectionTitle h2 {
    font-size: 10.6666666667vw;
  }
}
.topSectionTitle span {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .topSectionTitle span {
    font-size: 3.4666666667vw;
  }
}

@media (max-width: 768px) {
  .topSectionTitle.is-page h2 {
    font-size: 6.6666666667vw;
    margin-top: 4.2666666667vw;
  }
}
@media (max-width: 768px) {
  .topSectionTitle.is-page span {
    font-size: 4vw;
  }
}

.topSectionTitle--small {
  text-align: center;
  font-size: 2.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
@media (max-width: 768px) {
  .topSectionTitle--small {
    font-size: 3.4666666667vw;
  }
}

.btn {
  display: flex;
  align-items: center;
}
.btn:focus .arrow {
  transform: scale(1.272727273);
}
.btn:focus .btn__text::before {
  animation: hoverLineLink 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
@keyframes hoverLineLink {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  51% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover .arrow {
    transform: scale(1.272727273);
  }
  .btn:hover .btn__text::before {
    animation: hoverLineLink 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  @keyframes hoverLineLink {
    0% {
      width: 0;
    }
    50% {
      width: 100%;
    }
    51% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
}
.btn__text {
  width: fit-content;
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .btn__text {
    font-size: 3.7333333333vw;
  }
}
.btn__text::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -0.785714286em;
}
@media (max-width: 768px) {
  .btn__text::before {
    height: 0.8vw;
    bottom: -2.9333333333vw;
  }
}
.btn .arrow {
  width: 4.4rem;
  margin-left: 0.8125em;
  transition: transform 0.4s;
}
@media (max-width: 768px) {
  .btn .arrow {
    width: 10.1333333333vw;
    margin-left: 2.1333333333vw;
  }
}
.btn--black .btn__text::before {
  background: #000;
}
.btn--black .arrow .cls-3 {
  fill: #000;
}
.btn--black .arrow .cls-1, .btn--black .arrow .cls-2 {
  stroke: #000;
}
.btn--white .btn__text::before {
  background: #fff;
}

.pageHeading {
  display: flex;
  flex-direction: column-reverse;
}
.pageHeading:nth-child(n+2) {
  margin-top: 18.6rem;
}
@media (max-width: 768px) {
  .pageHeading:nth-child(n+2) {
    margin-top: 24vw;
  }
}
.pageHeading h1, .pageHeading h2 {
  font-size: 6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 2.4rem;
  line-height: 1.358;
}
.pageHeading h1::before, .pageHeading h1::after, .pageHeading h2::before, .pageHeading h2::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.pageHeading h1::before, .pageHeading h2::before {
  margin-bottom: calc((1 - 1.358) * .5em);
}
.pageHeading h1::after, .pageHeading h2::after {
  margin-top: calc((1 - 1.358) * .5em);
}
@media (max-width: 768px) {
  .pageHeading h1, .pageHeading h2 {
    font-size: 6.6666666667vw;
    margin-top: 3.7333333333vw;
    line-height: 1.28;
  }
  .pageHeading h1::before, .pageHeading h1::after, .pageHeading h2::before, .pageHeading h2::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .pageHeading h1::before, .pageHeading h2::before {
    margin-bottom: calc((1 - 1.28) * .5em);
  }
  .pageHeading h1::after, .pageHeading h2::after {
    margin-top: calc((1 - 1.28) * .5em);
  }
}
.pageHeading span {
  font-size: 2.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .pageHeading span {
    font-size: 4vw;
  }
}

.pageSectionTtl {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}
.pageSectionTtl h2 {
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 1rem;
}
.pageSectionTtl span {
  text-transform: uppercase;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.project {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .project {
    display: block;
  }
}
.project__item {
  width: 49.484536082%;
  transition: all 0.4s;
}
@media (max-width: 768px) {
  .project__item {
    width: 100%;
  }
}
.project__item:nth-child(n+3) {
  margin-top: 1.2rem;
}
@media (max-width: 768px) {
  .project__item:nth-child(n+3) {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .project__item:nth-child(n+2) {
    margin-top: 0.8vw;
  }
}
.project__item:focus {
  opacity: 0.7;
}
.project__item:focus .arrow {
  transform: scale(1.272727273);
}
@media (hover: hover) and (pointer: fine) {
  .project__item:hover {
    opacity: 0.7;
  }
  .project__item:hover .arrow {
    transform: scale(1.272727273);
  }
}
.project__link {
  position: relative;
  display: block;
}
.project__ttl {
  color: #fff;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .project__ttl {
    right: 1.8666666667vw;
    bottom: 1.8666666667vw;
  }
}
.project__ttl .arrow {
  width: 2.6rem;
  margin-left: 1.2rem;
  transition: transform 0.4s;
}
@media (max-width: 768px) {
  .project__ttl .arrow {
    width: 5.8666666667vw;
    margin-left: 2.4vw;
  }
}
.visualMenu__container {
  display: flex;
}
@media (max-width: 768px) {
  .visualMenu__container {
    display: block;
  }
}
.visualMenu__link {
  aspect-ratio: 388/160;
  aspect-ratio: 388/224;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.4s;
  overflow: hidden;
}
@media (max-width: 768px) {
  .visualMenu__link {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .visualMenu__link:nth-child(n+2) {
    margin-top: 2.6666666667vw;
  }
}
.visualMenu__link:focus {
  opacity: 0.7;
}
.visualMenu__link:focus .arrow {
  transform: scale(1.272727273);
}
@media (hover: hover) and (pointer: fine) {
  .visualMenu__link:hover {
    opacity: 0.7;
  }
  .visualMenu__link:hover .arrow {
    transform: scale(1.272727273);
  }
}
.visualMenu__text {
  position: absolute;
  margin: auto;
  z-index: 1;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
}
.visualMenu__text h3 {
  font-size: 2.4rem;
  letter-spacing: 0.06em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 1.8rem;
  padding-bottom: 1.4rem;
  border-bottom: 3px solid #fff;
}
@media (max-width: 768px) {
  .visualMenu__text h3 {
    font-size: 5.3333333333vw;
    margin-top: 4.5333333333vw;
    padding-bottom: 3.2vw;
    border-bottom: 0.5333333333vw solid #fff;
  }
}
.visualMenu__text span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .visualMenu__text span {
    font-size: 2.9333333333vw;
  }
}
.visualMenu__bg {
  position: absolute;
  width: 100%;
}
.visualMenu .arrow {
  position: absolute;
  right: 1.2rem;
  bottom: 1.2rem;
  width: 7.573149742%;
  min-width: 2.4rem;
  transition: transform 0.4s;
}
@media (max-width: 768px) {
  .visualMenu .arrow {
    right: 3.2vw;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10.1333333333vw;
    min-width: initial;
  }
}
.visualMenu.-isTop {
  margin-top: 8rem;
}
@media (max-width: 768px) {
  .visualMenu.-isTop {
    margin-top: 13.8666666667vw;
  }
}
.visualMenu.-isTop .visualMenu__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.visualMenu.-isTop .visualMenu__link {
  width: 33.333333333%;
}
@media (max-width: 768px) {
  .visualMenu.-isTop .visualMenu__link {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .visualMenu.-isTop .visualMenu__text h3 {
    font-size: 4vw;
    margin-top: 2.1333333333vw;
  }
}
@media (max-width: 768px) {
  .visualMenu.-isTop .arrow {
    width: 4vw;
    right: 1.3333333333vw;
  }
}
.visualMenu.-isAbout, .visualMenu.-isFlow, .visualMenu.-isAboutContainerhouse {
  margin-top: 14rem;
}
@media (max-width: 768px) {
  .visualMenu.-isAbout, .visualMenu.-isFlow, .visualMenu.-isAboutContainerhouse {
    margin-top: 21.6vw;
  }
}
.visualMenu.-isAbout .visualMenu__container, .visualMenu.-isFlow .visualMenu__container, .visualMenu.-isAboutContainerhouse .visualMenu__container {
  flex-wrap: wrap;
}
.visualMenu.-isAbout .visualMenu__link, .visualMenu.-isFlow .visualMenu__link, .visualMenu.-isAboutContainerhouse .visualMenu__link {
  width: 50%;
  aspect-ratio: 388/160;
}
@media (max-width: 768px) {
  .visualMenu.-isAbout .visualMenu__link, .visualMenu.-isFlow .visualMenu__link, .visualMenu.-isAboutContainerhouse .visualMenu__link {
    width: 100%;
    aspect-ratio: 670/386;
  }
}
.visualMenu.-isAbout, .visualMenu.-isFlow {
  margin-top: 14rem;
}
.visualMenu.-isAboutContainerhouse {
  margin-top: 8.8rem;
}
@media (max-width: 768px) {
  .visualMenu.-isAboutContainerhouse {
    margin-top: 21.6vw;
  }
}

.contactSecBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 3.2rem;
}
.contactSecBtn__item {
  width: calc((100% - 4px)/2);
  text-align: center;
  aspect-ratio: 580/188;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s;
}
.contactSecBtn__item:focus {
  opacity: 0.7;
}
.contactSecBtn__item:focus .contactSecBtn__arrow {
  transform: scale(1.272727273);
}
@media (hover: hover) and (pointer: fine) {
  .contactSecBtn__item:hover {
    opacity: 0.7;
  }
  .contactSecBtn__item:hover .contactSecBtn__arrow {
    transform: scale(1.272727273);
  }
}
.contactSecBtn__textbox {
  margin-left: 3rem;
}
.contactSecBtn__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.contactSecBtn__number {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 4.2rem;
  margin-top: 1.2rem;
}
.contactSecBtn__opening {
  font-size: 1.7rem;
  color: #282f33;
  margin-top: 1.2rem;
}
.contactSecBtn__item.is--form {
  position: relative;
  color: #fff;
  background-color: #282f33;
}
.contactSecBtn__item.is--form .contactSecBtn__icon {
  width: 4.21479rem;
}
.contactSecBtn__item.is--form .contactSecBtn__title {
  font-size: 2rem;
}
.contactSecBtn__item.is--form .contactSecBtn__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7.24137931%;
  margin: auto;
  width: 3.3rem;
  transition: transform 0.4s;
}
.contactSecBtn__item.is--tel .contactSecBtn__icon {
  width: 2.72925rem;
  fill: #282f33;
}
.contactSecBtn__item.is--tel .contactSecBtn__title {
  font-size: 1.8rem;
}

@media (max-width: 768px) {
  .contactSecBtn {
    flex-direction: column;
    margin-top: 4.2666666667vw;
  }
  .contactSecBtn__item {
    width: 100%;
    aspect-ratio: 670/218;
  }
  .contactSecBtn__item:nth-child(n+2) {
    margin-top: 1.6vw;
  }
  .contactSecBtn__textbox {
    margin-left: 3.7333333333vw;
  }
  .contactSecBtn__number {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 6.4vw;
    margin-top: 1.8666666667vw;
  }
  .contactSecBtn__opening {
    font-size: 2.8vw;
    margin-top: 1.8666666667vw;
  }
  .contactSecBtn__item.is--form .contactSecBtn__icon {
    width: 6.4917466667vw;
  }
  .contactSecBtn__item.is--form .contactSecBtn__title {
    font-size: 3.7333333333vw;
  }
  .contactSecBtn__item.is--form .contactSecBtn__arrow {
    right: 3.731343284%;
    width: 5.8666666667vw;
  }
  .contactSecBtn__item.is--tel {
    background-color: #282f33;
    color: #fff;
  }
  .contactSecBtn__item.is--tel .contactSecBtn__icon {
    width: 4.20368vw;
    fill: #fff;
  }
  .contactSecBtn__item.is--tel .contactSecBtn__title {
    font-size: 2.9333333333vw;
  }
  .contactSecBtn__item.is--tel .contactSecBtn__opening {
    color: #fff;
  }
}
.contactBtn {
  transition: opacity 0.4s;
}
.contactBtn:focus {
  opacity: 0.7;
}
.contactBtn:focus .arrow {
  transform: scale(1.272727273);
}
@media (hover: hover) and (pointer: fine) {
  .contactBtn:hover {
    opacity: 0.7;
  }
  .contactBtn:hover .arrow {
    transform: scale(1.272727273);
  }
}
.contactBtn span {
  display: block;
}
.contactBtn.is-tel {
  color: #282f33;
}
.contactBtn.is-tel .contactBtn__text {
  display: none;
}
.contactBtn.is-tel .contactBtn__num {
  font-size: 5.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.contactBtn.is-tel .contactBtn__open {
  margin-top: 1.4rem;
}
.contactBtn.is-form {
  background: #282f33;
  color: #fff;
  width: 44.84306rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3.6rem;
  padding-bottom: 3.6rem;
}
.contactBtn.is-form .contactBtn__text {
  order: 2;
  margin-left: 1.6rem;
  font-size: 2rem;
}
.contactBtn.is-form .contactBtn__icon {
  order: 1;
  width: 4.2rem;
}
.contactBtn.is-form .arrow {
  order: 3;
  width: 3.3rem;
  margin-left: 4.8rem;
  transition: transform 0.4s;
}

@media (max-width: 768px) {
  .contactBtn {
    aspect-ratio: 670/218;
  }
  .contactBtn.is-tel {
    color: #fff;
    background: #282f33;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .contactBtn.is-tel .contactBtn__text {
    display: block;
    font-size: 2.9333333333vw;
  }
  .contactBtn.is-tel .contactBtn__icon {
    width: 4.20368vw;
  }
  .contactBtn.is-tel .contactBtn__num {
    font-size: 6.4vw;
    margin-top: 2.1333333333vw;
    display: flex;
    position: relative;
  }
  .contactBtn.is-tel .contactBtn__num img {
    position: absolute;
    left: -8.8vw;
  }
  .contactBtn.is-tel .contactBtn__open {
    font-size: 2.8vw;
    color: #bfbfbf;
    margin-top: 2.1333333333vw;
  }
  .contactBtn.is-form {
    width: 100%;
    padding: initial;
    position: relative;
  }
  .contactBtn.is-form .contactBtn__text {
    margin-left: 3.4666666667vw;
    font-size: 3.7333333333vw;
  }
  .contactBtn.is-form .contactBtn__icon {
    width: 6.4917466667vw;
  }
  .contactBtn.is-form .arrow {
    width: 5.8666666667vw;
    margin-left: 8vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.2vw;
    margin: auto;
  }
}
.plusBtn {
  position: relative;
  border: 0.3rem solid #282f33;
  border-radius: 3.4rem;
  text-align: center;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  transition: all 0.4s;
}
@media (max-width: 768px) {
  .plusBtn {
    border: 0.8vw solid #282f33;
    border-radius: 8.2666666667vw;
  }
}
.plusBtn .icon-plus {
  width: 1.8rem;
}
@media (max-width: 768px) {
  .plusBtn .icon-plus {
    width: 3.008vw;
  }
}
.plusBtn .icon-plus * {
  stroke: #282f33;
  transition: stroke 0.4s;
}
.plusBtn:focus {
  background: #282f33;
  color: #fff;
}
.plusBtn:focus .icon-plus * {
  stroke: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .plusBtn:hover {
    background: #282f33;
    color: #fff;
  }
  .plusBtn:hover .icon-plus * {
    stroke: #fff;
  }
}
.plusBtn .icon-plus {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.decorativeLine {
  display: inline;
  background: linear-gradient(transparent 70%, #FFBD4C 0%);
}
.decorativeLine.--is_yellow {
  background: linear-gradient(transparent 60%, #FFBD4C 0%);
}

.shortcode.btn .btn__content {
  width: 90%;
  margin: auto;
  padding: 1.8em;
  margin-top: 3.5em;
  margin-bottom: 3.5em;
  border: 2px solid #93b6ad;
  background: #fff;
  box-shadow: 0.4rem 0.4rem #93b6ad;
  color: #282f33;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  text-align: center;
  transition: all 0.4s;
}
@media (max-width: 768px) {
  .shortcode.btn .btn__content {
    margin-top: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.shortcode.btn .btn__content:focus {
  box-shadow: 0.4rem 0.4rem #93b6ad;
  transform: translate(0.4rem, 0.4rem);
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  .shortcode.btn .btn__content:hover {
    box-shadow: 0.4rem 0.4rem #93b6ad;
    transform: translate(0.4rem, 0.4rem);
    box-shadow: none;
  }
}
@media (max-width: 768px) {
  .shortcode.btn .btn__content {
    width: 100%;
    padding: 3.2vw;
    font-size: 4vw;
    box-shadow: 0.8vw 0.8vw #93b6ad;
  }
  .shortcode.btn .btn__content:focus {
    box-shadow: 0.8vw 0.8vw #93b6ad;
    transform: translate(0.8vw, 0.8vw);
    box-shadow: none;
  }
}
@media (max-width: 768px) and (hover: hover) and (pointer: fine) {
  .shortcode.btn .btn__content:hover {
    box-shadow: 0.8vw 0.8vw #93b6ad;
    transform: translate(0.8vw, 0.8vw);
    box-shadow: none;
  }
}

.related_article {
  margin-top: 3.5em;
  margin-bottom: 3.5em;
  border: 1px solid #e6e6e6;
  padding: 1em;
}
@media (max-width: 768px) {
  .related_article {
    margin-top: 5.3333333333vw 0;
    margin-bottom: 5.3333333333vw 0;
  }
}
.related_article figure {
  margin: 0;
}
.related_article a {
  display: flex;
  justify-content: space-between;
}
.related_article .thum {
  width: 30%;
}
.related_article .meta {
  width: 68%;
  color: #282f33;
}
.related_article .meta .label {
  display: inline-block;
  background: #282f33;
  color: #fff;
  padding: 0.4em 0.5em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.related_article .meta .ttl {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.related_article .meta .ttl::before, .related_article .meta .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.related_article .meta .ttl::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.related_article .meta .ttl::after {
  margin-top: calc((1 - 1.5) * .5em);
}
@media (max-width: 768px) {
  .related_article .meta .ttl {
    font-size: 2.6666666667vw;
    margin-top: 2.1333333333vw;
  }
}
.related_article .meta .date {
  font-size: 1.4rem;
  display: block;
  text-align: right;
  margin-top: 1.4rem;
}
@media (max-width: 768px) {
  .related_article .meta .date {
    font-size: 2.6666666667vw;
    margin-top: 2.1333333333vw;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  background: #f2f2f2;
}

.body__wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  position: relative;
}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  color: #fff;
}
.header.is-change {
  background: #282f33;
}
.header.-bg-black {
  background: rgba(40, 47, 51, 0.6);
}
.header.is--black #headerLogo {
  fill: #282f33;
}
.header.is--black .globalnav {
  color: #282f33;
}
.header.is--black .hamburger__line {
  background-color: #282f33;
}
.header.--is_chassis .header__container {
  display: flex;
  justify-content: center;
}
.header.--is_chassis .header__container img {
  width: min(60%, 36rem);
  margin-top: 4rem;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 138.8rem;
}

.header__h1 span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 0.6rem;
  font-size: 1.4rem;
}

.header__logo {
  display: flex;
  align-items: center;
  transition: opacity 0.4s;
  padding: 1rem;
}
.header__logo:focus {
  opacity: 0.6;
}
@media (hover: hover) and (pointer: fine) {
  .header__logo:hover {
    opacity: 0.6;
  }
}
.header__logo.is-frontpage {
  display: flex;
  flex-direction: column;
}

.header__stay-booking {
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 2rem;
  width: 15.4rem;
  text-align: center;
  background: #ff4700;
  border-radius: 0.8rem;
  display: block;
}

#headerLogo {
  width: 23.6rem;
  fill: #fff;
  transition: fill 0.4s;
}
#headerLogo.is-active {
  fill: #282f33;
}

.globalnav__list {
  display: flex;
  align-items: center;
}
.globalnav__list .is-color_black {
  color: #282f33;
}

.globalnav__list_link {
  display: inline-block;
  line-height: 6.4rem;
  text-transform: uppercase;
  padding-right: 1.7rem;
  padding-left: 1.7rem;
}
.globalnav__list_link.is-active {
  color: #282f33;
}
.globalnav__list_link.is--contact {
  line-height: 4.2rem;
  background-color: #282f33;
  color: #fff;
}

.hamburger {
  width: 4rem;
  height: 2.8rem;
  position: relative;
  cursor: pointer;
}
.hamburger__line {
  width: 100%;
  height: 0.4rem;
  background-color: #fff;
  position: absolute;
  transition: all 0.4s;
}
.hamburger__line:nth-of-type(1) {
  top: 0;
}
.hamburger__line:nth-of-type(2) {
  top: calc(50% - .2rem);
}
.hamburger__line:nth-of-type(3) {
  bottom: 0;
}
.hamburger__line.is-active {
  background-color: #282f33;
  transform-origin: center;
}
.hamburger__line.is-active:nth-child(1) {
  transform: rotate(45deg);
  top: 0.8rem;
}
.hamburger__line.is-active:nth-child(2) {
  opacity: 0;
}
.hamburger__line.is-active:last-child {
  transform: rotate(-45deg);
  top: 0.8rem;
}

.drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  transform: translateX(100%);
  transition: transform 0.4s;
  z-index: 9;
}
.drawer.is-active {
  transform: translateX(0);
}
.drawer__container {
  width: 66.2rem;
  margin-left: auto;
  padding-right: 5rem;
}
.drawer__menu {
  display: flex;
  justify-content: space-between;
}
.drawer__menu_ttl {
  color: #282f33;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.drawer__menu_ttl::before {
  content: "";
  width: 1.2rem;
  height: 0.3rem;
  display: inline-block;
  background: #282f33;
  position: absolute;
  bottom: -1.7rem;
  left: 0;
}
.drawer__menu_ttl:nth-child(n+2) {
  margin-top: 4.8rem;
}
.drawer__column {
  width: 45.751633987%;
}
.drawer__menuList {
  margin-top: 4rem;
  text-transform: uppercase;
}
.drawer__menuList li {
  letter-spacing: 0.05em;
}
.drawer__menuList li:nth-child(n+2) {
  margin-top: 2rem;
}
.drawer__menuList .lowercase {
  text-transform: lowercase;
}
.drawer__contact .contactSecBtn {
  margin-top: 6rem;
}
.drawer__contact .contactSecBtn__item {
  width: 48.692810458%;
  aspect-ratio: 298/96;
}
.drawer__contact .contactSecBtn__textbox {
  margin-left: 1.4rem;
}
.drawer__contact .contactSecBtn__number {
  font-size: 2.2rem;
  margin-top: 0.6rem;
}
.drawer__contact .contactSecBtn__opening {
  font-size: 1.1rem;
  margin-top: 0.6rem;
}
.drawer__contact .contactSecBtn__item.is--form .contactSecBtn__icon {
  width: 2.17465rem;
}
.drawer__contact .contactSecBtn__item.is--form .contactSecBtn__title {
  font-size: 1.3rem;
}
.drawer__contact .contactSecBtn__item.is--form .contactSecBtn__arrow {
  right: 2rem;
  width: 1.7rem;
}
.drawer__contact .contactSecBtn__item.is--tel .contactSecBtn__icon {
  width: 1.4rem;
}
.drawer__contact .contactSecBtn__item.is--tel .contactSecBtn__title {
  font-size: 1.1rem;
}

#searchIcon {
  width: 8rem;
  aspect-ratio: 1/1;
  position: fixed;
  bottom: 10rem;
  right: 2rem;
  cursor: pointer;
  transition: transform 0.4s;
  z-index: 11;
}
#searchIcon:focus {
  transform-origin: center;
  transform: scale(1.1);
}
@media (hover: hover) and (pointer: fine) {
  #searchIcon:hover {
    transform-origin: center;
    transform: scale(1.1);
  }
}

.searchIcon--black, searchIcon--white {
  stroke-width: 0px;
}

.searchIcon--black {
  fill: #282f33;
}

.searchIcon--white {
  fill: #f2f2f2;
}

#searchScreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 47, 51, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 10;
  display: none;
}
#searchScreen.is-active {
  display: flex;
}

#searchform {
  width: 50%;
  min-width: 60rem;
  background: #fff;
  display: flex;
}
#searchform input, #searchform button {
  padding: 2rem;
  font-size: 1.8rem;
}
#searchform input {
  width: calc(100% - 14rem);
}
#searchform button {
  width: 14rem;
  background: #282f33;
  color: #fff;
}

.floatingContact {
  width: 100%;
  background: #282f33;
  color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 9;
  border-top: 1px solid #fff;
}

.floatingContact__container {
  display: flex;
}

.floatingContact__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  transition: opacity 0.4s;
}
.floatingContact__item:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .floatingContact__item:hover {
    opacity: 0.7;
  }
}

.floatingContact__item_container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.floatingContact__item_textBlock {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.floatingContact__item_heading {
  font-size: 1.6rem;
  text-align: center;
}

.floatingContact__item--form .floatingContact__item_icon {
  width: 4rem;
}

.floatingContact__item--phone {
  border-left: 1px solid #fff;
}
.floatingContact__item--phone_container {
  margin-left: 1rem;
  text-align: center;
}
.floatingContact__item--phone .floatingContact__item_heading--small {
  font-size: 1rem;
  display: inline-block;
  margin-left: 1rem;
}
.floatingContact__item--phone .floatingContact__item_icon {
  width: 3rem;
}

.floatingContact__number {
  display: inline-block;
  font-size: 2.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-top: 1rem;
}

.floatingContact__icon_path {
  fill: #fff;
}

.main {
  flex: 1;
}
.main.single {
  padding-top: 12.4rem;
  background-color: #fff;
}
.main.agency {
  background-color: #fff;
}

.topMv {
  position: relative;
}
.topMv .lowercase {
  text-transform: lowercase;
}
.topMv__content {
  position: relative;
}
.topMv__content > .topMv__img:not(:first-child) {
  display: none;
}
.topMv__filter {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 41, 61, 0.4);
}
.topMv__clip {
  position: absolute;
  bottom: -1px;
  left: 0;
  aspect-ratio: 1440/144;
}
.topMv__clip polygon {
  fill: #f2f2f2;
  stroke: #f2f2f2;
}
.topMv__text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 1;
}
.topMv__ttl {
  font-size: 14rem;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .topMv__ttl {
    font-size: 7.722222222vw;
  }
}
.topMv__ttl::before, .topMv__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topMv__ttl::before {
  margin-top: -2.575rem;
}
.topMv__ttl::after {
  margin-bottom: -2.575rem;
}
.topMv__subttl {
  font-size: 7.7rem;
  letter-spacing: 0.03em;
  margin-top: 3rem;
}
@media screen and (max-width: 1200px) {
  .topMv__subttl {
    font-size: 4.666666667vw;
  }
}
.topMv__btn {
  display: flex;
  margin-top: 7rem;
}
@media (max-width: 1200px) {
  .topMv__btn {
    margin-top: 4.861111111vw;
  }
}
.topMv__btn .btn__text {
  font-size: 1.4rem;
}
.topMv__btn .btn:nth-child(n+2) {
  margin-left: 2.8rem;
}
.topMv__btn .arrow {
  margin-left: 1.2rem;
}
.topMv .slick-arrow {
  z-index: 5;
}
.topMv .slick-prev {
  left: 2%;
}
.topMv .slick-next {
  right: 2%;
}

.topMv.is-stay .topMv__illust {
  width: 32.73292rem;
}
.topMv.is-stay .topMv__ttl {
  font-size: 11.2rem;
  margin-top: 5rem;
}
@media screen and (max-width: 1200px) {
  .topMv.is-stay .topMv__ttl {
    font-size: 9.722222222vw;
  }
}
.topMv.is-stay .topMv__subttl {
  display: inline-block;
  margin-top: 4rem;
  font-size: 5.9rem;
  padding-bottom: 2.6rem;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .topMv.is-stay .topMv__subttl {
    font-size: 4.666666667vw;
  }
}
.topMv.is-stay .topMv__subttl::before {
  content: "";
  width: 100%;
  height: 0.7rem;
  display: inline-block;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

.topMv.is-container-house .topMv__text {
  top: 40%;
}
.topMv.is-container-house .productMv__ttl {
  display: flex;
  flex-direction: column-reverse;
}
.topMv.is-container-house .productMv__ttl h1 {
  font-size: 1.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 1.8rem;
}
.topMv.is-container-house .productMv__ttl span {
  text-transform: uppercase;
  font-size: 4.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.topMv.is-container-house .productMv__catch {
  font-size: 6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  line-height: 1.358;
  margin-top: 13.4rem;
}
.topMv.is-container-house .productMv__catch::before, .topMv.is-container-house .productMv__catch::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topMv.is-container-house .productMv__catch::before {
  margin-bottom: calc((1 - 1.358) * .5em);
}
.topMv.is-container-house .productMv__catch::after {
  margin-top: calc((1 - 1.358) * .5em);
}

.topMv.is-komazawa {
  position: relative;
}
.topMv.is-komazawa .topMv__container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.topMv.is-komazawa .topMv__komazawaTtl {
  font-size: 6.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  margin-top: 3.6rem;
}
.topMv.is-komazawa .topMv__place {
  font-size: 3.6rem;
  line-height: 1.4;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  position: relative;
}
.topMv.is-komazawa .topMv__place::before, .topMv.is-komazawa .topMv__place::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topMv.is-komazawa .topMv__place::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.topMv.is-komazawa .topMv__place::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.topMv.is-komazawa .topMv__komazawaTtl,
.topMv.is-komazawa .topMv__place {
  color: #fff;
  text-shadow: 7.5419px 7.5419px 5.3871px rgba(0, 0, 0, 0.5);
}
.topMv.is-komazawa .topMv__komazawaMark {
  aspect-ratio: 1;
  width: 19rem;
  font-size: 2.2rem;
  letter-spacing: 0.03em;
  background: #ffb600;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 110%;
  right: 10%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #000;
  text-shadow: none;
}

.topBignews {
  margin-top: 8rem;
}
.topBignews__container {
  display: flex;
  justify-content: space-between;
  max-width: 112rem;
  transition: opacity 0.4s;
}
.topBignews__container:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .topBignews__container:hover {
    opacity: 0.7;
  }
}
.topBignews__img {
  width: 50%;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.topBignews__textBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.topBignews__textBlock_heading {
  display: flex;
  align-items: center;
  font-size: 2rem;
}
.topBignews__textBlock_heading img {
  width: 3rem;
}
.topBignews__textBlock__ttl {
  font-size: 2.2rem;
  margin-top: 2rem;
  line-height: 1.4;
}
.topBignews__textBlock__ttl::before, .topBignews__textBlock__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topBignews__textBlock__ttl::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.topBignews__textBlock__ttl::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.topBignews__textBlock__time {
  margin-top: 1rem;
  text-align: right;
}

.topPickup {
  padding-top: 4rem;
}
.topPickup__container {
  max-width: 112rem;
  margin: auto;
}

.topPickupSlick {
  display: flex;
}
.topPickupSlick__list {
  transition: 0.4s;
  width: 25%;
}
.topPickupSlick__list:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .topPickupSlick__list:hover {
    opacity: 0.7;
  }
}
.topPickupSlick__content {
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.topPickupSlick__text {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
.topPickupSlick__img {
  margin-top: 1rem;
  aspect-ratio: 348/110;
  overflow: hidden;
}

.topSolution {
  position: relative;
  padding-top: 9.6rem;
  padding-bottom: 26.4rem;
}
.topSolution .topSectionTitle p {
  font-size: 6rem;
  margin-top: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 8.6rem;
  line-height: 1.1;
  margin-left: -0.12em;
}
.topSolution .topSectionTitle p::before, .topSolution .topSectionTitle p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topSolution .topSectionTitle p::before {
  margin-bottom: calc((1 - 1.1) * .5em);
}
.topSolution .topSectionTitle p::after {
  margin-top: calc((1 - 1.1) * .5em);
}
@media (max-width: 768px) {
  .topSolution .topSectionTitle p {
    font-size: 10.6666666667vw;
  }
}
.topSolution .clip-triangle {
  bottom: 0;
}

.topSolutionList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4rem;
  counter-reset: num;
}
.topSolutionList__inner {
  display: flex;
  flex-direction: column-reverse;
  width: 84.538261295%;
}
.topSolutionList__content {
  display: flex;
  flex-direction: column;
}
.topSolutionList__content_textblock {
  order: 3;
  margin-top: 3rem;
}
.topSolutionList__content_title {
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  transition: text-decoration 0.4s;
  color: #282f33;
  display: inline-block;
  transition: background-size 0.4s;
  background-size: 0 0.1rem;
  padding-bottom: 0.2rem;
}
.topSolutionList__content_text {
  margin-top: 2rem;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #42484b;
}
.topSolutionList__content_text::before, .topSolutionList__content_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topSolutionList__content_text::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.topSolutionList__content_text::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.topSolutionList__content_text span {
  transition: background-size 0.4s;
  background-size: 0 0.1rem;
}
.topSolutionList__content_arrow {
  order: 5;
  margin-top: 2rem;
  text-align: right;
}
.topSolutionList__content_arrow .arrow-small {
  width: 2.6rem;
  transition: transform 0.4s;
}
.topSolutionList__content_img {
  order: 2;
  text-align: center;
  margin-top: 4.4rem;
}
.topSolutionList__content_img img.is--container {
  width: 16rem;
}
.topSolutionList__content_img img.is--mini {
  width: 15.8rem;
}
.topSolutionList__content_img img.is--trailer {
  width: 17.3rem;
}
.topSolutionList__content_en {
  order: 1;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: end;
  padding-bottom: 0.75em;
}
.topSolutionList__content_num {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 2.2rem;
  position: relative;
  color: #282f33;
}
.topSolutionList__content_num::after {
  content: "";
  display: inline-block;
  width: 2.1rem;
  height: 3px;
  background: #000;
  position: absolute;
  bottom: -0.75em;
  left: 0;
  right: 0;
  margin: auto;
}
.topSolutionList__content_en-title {
  margin-left: 1.8rem;
  color: #282f33;
}
.topSolutionList__content_en-title .lowercase {
  text-transform: lowercase;
}
.topSolutionList__item {
  width: 33.33333%;
  counter-increment: num;
}
.topSolutionList__item:nth-child(n+2) {
  border-left: 1px solid #ccc;
}
.topSolutionList__item:focus .topSolutionList__content_title,
.topSolutionList__item:focus .topSolutionList__content_text span {
  background-repeat: no-repeat;
  background-position: left bottom;
}
.topSolutionList__item:focus .topSolutionList__content_title {
  background-size: 100% 0.2rem;
  background-image: linear-gradient(90deg, #282f33, #282f33);
}
.topSolutionList__item:focus .topSolutionList__content_text span {
  background-size: 100% 0.1rem;
  background-image: linear-gradient(90deg, #42484b, #42484b);
}
.topSolutionList__item:focus .arrow-small {
  transform: scale(1.307692308);
}
@media (hover: hover) and (pointer: fine) {
  .topSolutionList__item:hover .topSolutionList__content_title,
.topSolutionList__item:hover .topSolutionList__content_text span {
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .topSolutionList__item:hover .topSolutionList__content_title {
    background-size: 100% 0.2rem;
    background-image: linear-gradient(90deg, #282f33, #282f33);
  }
  .topSolutionList__item:hover .topSolutionList__content_text span {
    background-size: 100% 0.1rem;
    background-image: linear-gradient(90deg, #42484b, #42484b);
  }
  .topSolutionList__item:hover .arrow-small {
    transform: scale(1.307692308);
  }
}
.topSolutionList__item:nth-of-type(3n-2) .topSolutionList__inner {
  margin-right: auto;
}
.topSolutionList__item:nth-of-type(3n-1) .topSolutionList__inner {
  margin: auto;
}
.topSolutionList__item:nth-of-type(3n) .topSolutionList__inner {
  margin-left: auto;
}

.topProject {
  background: #fff;
  position: relative;
  padding-bottom: 4rem;
}
.topProject .bg-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.topProject .topSectionTitle {
  padding-top: 4rem;
}
.topProject__btn {
  display: flex;
  justify-content: center;
  margin-top: 3.2rem;
}
.topProject .project {
  margin-top: 5.2rem;
}

.topCasestudy {
  padding-top: 20.5rem;
  position: relative;
}
.topCasestudy .slick-list {
  overflow: visible;
}
.topCasestudy__slick {
  width: 96.666666667%;
  margin: auto;
  margin-top: 5.2rem;
}
.topCasestudy__slick > .topCasestudy__item:not(:first-child) {
  display: none;
}
.topCasestudy .slick-dotted.slick-slider {
  margin-bottom: 0rem;
  padding-bottom: 5.2rem;
}
.topCasestudy .slick-dots {
  top: 100%;
}
.topCasestudy .slick-dots li button:before {
  font-size: 1.6rem;
}
.topCasestudy .slick-track {
  display: flex;
}
.topCasestudy .slick-slide {
  height: auto !important;
}
.topCasestudy .slide-arrow {
  width: 4.6rem;
  position: absolute;
  top: 30%;
  z-index: 1;
  cursor: pointer;
  transition: opacity 0.4s;
}
.topCasestudy .slide-arrow:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .topCasestudy .slide-arrow:hover {
    opacity: 0.7;
  }
}
.topCasestudy .prev-arrow {
  left: -2rem;
  transform: rotate(180deg);
}
.topCasestudy .next-arrow {
  right: -2rem;
}
.topCasestudy__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: opacity 0.4s;
}
.topCasestudy__link:focus {
  opacity: 0.7;
}
.topCasestudy__link:focus .topCasestudy__title span {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.2rem;
  background-image: linear-gradient(90deg, #282f33, #282f33);
}
.topCasestudy__link:focus .topCasestudy__text span {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.1rem;
  background-image: linear-gradient(90deg, #282f33, #282f33);
}
@media (hover: hover) and (pointer: fine) {
  .topCasestudy__link:hover {
    opacity: 0.7;
  }
  .topCasestudy__link:hover .topCasestudy__title span {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 0.2rem;
    background-image: linear-gradient(90deg, #282f33, #282f33);
  }
  .topCasestudy__link:hover .topCasestudy__text span {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 0.1rem;
    background-image: linear-gradient(90deg, #282f33, #282f33);
  }
}
.topCasestudy__title {
  order: 3;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  margin-top: 1.6rem;
  line-height: 1.4;
}
.topCasestudy__title::before, .topCasestudy__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topCasestudy__title::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.topCasestudy__title::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.topCasestudy__title span {
  transition: background-size 0.4s;
  background-size: 0 0.2rem;
}
.topCasestudy__meta {
  order: 2;
  font-size: 1.2rem;
  margin-top: 1.6rem;
}
.topCasestudy__meta_tag {
  display: inline-block;
  padding: 1rem;
  border: 1px solid #949799;
  border-radius: 4px;
  color: #282f33;
  margin-right: 0.8rem;
  margin-bottom: 0.6rem;
  transition: 0.4s;
  width: max-content;
}
.topCasestudy__meta_tag:focus {
  background-color: #3e4447;
  border: 1px solid #3e4447;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .topCasestudy__meta_tag:hover {
    background-color: #3e4447;
    border: 1px solid #3e4447;
    color: #fff;
  }
}
.topCasestudy__text {
  order: 4;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 1.6rem;
}
.topCasestudy__text::before, .topCasestudy__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topCasestudy__text::before {
  margin-bottom: calc((1 - 1.6) * .5em);
}
.topCasestudy__text::after {
  margin-top: calc((1 - 1.6) * .5em);
}
.topCasestudy__text span {
  transition: background-size 0.4s;
  background-size: 0 0.1rem;
}
.topCasestudy__img {
  order: 1;
  aspect-ratio: 328/200;
  overflow: hidden;
}
.topCasestudy__img img {
  height: 100%;
  object-fit: cover;
}
.topCasestudy__place {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-top: calc(1.6rem + 0px);
}
.topCasestudy__place_wrap {
  order: 5;
  margin-top: auto;
  margin-left: auto;
}
.topCasestudy__place .icon__pin {
  fill: red;
}
.topCasestudy__bottom {
  display: flex;
  margin-top: 8rem;
  justify-content: space-between;
  align-items: start;
}
.topCasestudy__tag {
  display: flex;
  width: 80%;
}
.topCasestudy__tag_title {
  font-size: 1.9rem;
  width: 10.8rem;
}
.topCasestudy__tag_title span {
  padding-bottom: 1.4rem;
  border-bottom: 3px solid #282f33;
}
.topCasestudy__tag_list {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  width: calc(100% - 10.8rem);
  margin-left: -1rem;
}
.topCasestudy__tag_item {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.topCasestudy__tag_link {
  border-radius: 0.25em;
  border: 1px solid #949799;
  padding: 1rem 1.8rem;
  transition: background-color 0.4s;
}
.topCasestudy__tag_link:focus {
  background-color: #3e4447;
  border: 1px solid #3e4447;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .topCasestudy__tag_link:hover {
    background-color: #3e4447;
    border: 1px solid #3e4447;
    color: #fff;
  }
}
.topCasestudy__tag_link span {
  margin-right: 0.6rem;
}
.topCasestudy__btn {
  width: 20%;
}
.topCasestudy__btn .btn {
  justify-content: right;
}
.topCasestudy .clip-triangle--reverse {
  top: 0;
}

.topCasestudy.is-containerhouse {
  padding-top: 25.6rem;
  padding-bottom: 7.4rem;
}
.topCasestudy.is-containerhouse .clip .cls-1 {
  fill: #93b6ad;
  stroke: #93b6ad;
}

.topMessage {
  aspect-ratio: 1440/924;
  color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.topMessage .topSectionTitle h2 {
  font-size: 12.3rem;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.93495935;
  margin-left: initial;
}
@media (max-width: 1200px) {
  .topMessage .topSectionTitle h2 {
    font-size: 13.0666666667vw;
    font-size: 10.25vw;
  }
}
@media (max-width: 1060px) {
  .topMessage .topSectionTitle h2 {
    font-size: 8vw;
  }
}
.topMessage__subtitle {
  font-size: 4.9rem;
  margin-top: 2.6rem;
  letter-spacing: 0.03em;
}
@media (max-width: 1200px) {
  .topMessage__subtitle {
    margin-top: 1.7333333333vw;
  }
}
@media (max-width: 1060px) {
  .topMessage__subtitle {
    font-size: 3.2vw;
  }
}
.topMessage__text {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.833333333;
  margin-top: 4.2rem;
}
.topMessage__text::before, .topMessage__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topMessage__text::before {
  margin-bottom: calc((1 - 1.833333333) * .5em);
}
.topMessage__text::after {
  margin-top: calc((1 - 1.833333333) * .5em);
}
@media (max-width: 1200px) {
  .topMessage__text {
    margin-top: 2.8vw;
  }
}
.topMessage__btn {
  margin-top: 4.2rem;
}
@media (max-width: 1200px) {
  .topMessage__btn {
    margin-top: 2.6666666667vw;
  }
}
.topMessage__btn .btn__text {
  color: #fff;
}
.topMessage__img {
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: -1;
}

.topColumn {
  margin-top: 10.8rem;
}
.topColumn .topSectionTitle br {
  display: none;
}
@media (max-width: 930px) {
  .topColumn .topSectionTitle br {
    display: block;
  }
}
.topColumn__grid {
  display: grid;
  grid-template: "title btn" auto " content content" auto/calc(100% - 20rem) 20rem;
}
.topColumn .topSectionTitle {
  grid-area: title;
}
.topColumn__btn {
  grid-area: btn;
  align-self: flex-end;
  justify-self: flex-end;
}

.topColumnContent {
  grid-area: content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5.2rem;
}
.topColumnContent__item {
  width: 50%;
  display: flex;
  flex-direction: row-reverse;
  align-items: start;
}
.topColumnContent__item:focus .topColumnContent__img {
  opacity: 0.7;
}
.topColumnContent__item:focus .topColumnContent__title span {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.1rem;
  background-image: linear-gradient(90deg, #282f33, #282f33);
}
@media (hover: hover) and (pointer: fine) {
  .topColumnContent__item:hover .topColumnContent__img {
    opacity: 0.7;
  }
  .topColumnContent__item:hover .topColumnContent__title span {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 0.1rem;
    background-image: linear-gradient(90deg, #282f33, #282f33);
  }
}
.topColumnContent__text-block {
  width: 68.041237113%;
  display: flex;
  flex-direction: column;
  padding-left: 3.436426117%;
}
.topColumnContent__title {
  order: 2;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 1.2rem;
  line-height: 1.4;
}
.topColumnContent__title::before, .topColumnContent__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topColumnContent__title::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.topColumnContent__title::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.topColumnContent__title span {
  transition: background-size 0.4s;
  background-size: 0 0.1rem;
}
.topColumnContent__cat {
  order: 1;
  width: fit-content;
  padding: 0.8rem;
  border: 1px solid #696e70;
  color: #696e70;
  font-size: 1.2rem;
}
.topColumnContent time {
  order: 3;
  color: #4d4d4d;
  font-size: 1.3rem;
  margin-top: 1.6rem;
  letter-spacing: 0.01em;
}
.topColumnContent__img {
  width: 33.09352518%;
  aspect-ratio: 184/112;
  overflow: hidden;
  transition: opacity 0.4s;
}
.topColumnContent__img img {
  height: 100%;
  object-fit: cover;
}
.topColumnContent__item:nth-child(odd) {
  padding-right: 2.233676976%;
}
.topColumnContent__item:nth-child(even) {
  border-left: 2px solid #e6e6e6;
  padding-left: 1.546391753%;
}
.topColumnContent__item:nth-of-type(1), .topColumnContent__item:nth-of-type(2) {
  padding-bottom: 1.4rem;
}
.topColumnContent__item:nth-of-type(3), .topColumnContent__item:nth-of-type(4) {
  padding-top: 1.4rem;
  border-top: 2px solid #e6e6e6;
}

.topRecommendationColumn {
  margin-top: 7.2rem;
}
.topRecommendationColumn__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 3rem;
  padding-left: 6rem;
  position: relative;
}
.topRecommendationColumn__ttl::before {
  content: "";
  width: 5rem;
  height: 0.2rem;
  background: #282f33;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.topRecommendationColumn__content {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
.topRecommendationColumn__item {
  width: 23%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.topRecommendationColumn__item time {
  order: 3;
  margin-top: 1rem;
  text-align: right;
}
.topRecommendationColumn__text-block {
  margin-top: 1rem;
}
.topRecommendationColumn__title {
  order: 2;
  margin-top: 1rem;
  line-height: 1.4;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.topRecommendationColumn__title::before, .topRecommendationColumn__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topRecommendationColumn__title::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.topRecommendationColumn__title::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.topRecommendationColumn__img {
  aspect-ratio: 184/112;
  overflow: hidden;
  transition: opacity 0.4s;
}
.topRecommendationColumn__img img {
  height: 100%;
  object-fit: cover;
}
.topRecommendationColumn__text-block {
  display: flex;
  flex-direction: column;
}
.topRecommendationColumn__cat-wrap {
  order: 1;
}

.topYamanakako {
  aspect-ratio: 1440/431;
  color: #fff;
  margin-top: 19rem;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1110px) {
  .topYamanakako {
    aspect-ratio: 1440/800;
  }
}
.topYamanakako__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
@media (max-width: 1110px) {
  .topYamanakako__bg {
    height: 100%;
  }
}
@media (max-width: 1110px) {
  .topYamanakako__bg img {
    height: 100%;
    object-fit: cover;
  }
}
.topYamanakako__title {
  font-size: 2.7rem;
  text-align: center;
  line-height: 1.155555556;
  letter-spacing: 0.08em;
}
.topYamanakako__title::before, .topYamanakako__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topYamanakako__title::before {
  margin-bottom: calc((1 - 1.155555556) * .5em);
}
.topYamanakako__title::after {
  margin-top: calc((1 - 1.155555556) * .5em);
}
.topYamanakako__content {
  display: flex;
  margin-top: 7rem;
}
.topYamanakako__logo {
  width: 50%;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.topYamanakako__logo img {
  width: 71.821305842%;
  margin: auto;
}
.topYamanakako__textbox {
  width: 50%;
}
.topYamanakako__textbox_text {
  width: 75.945017182%;
  line-height: 1.933333333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.5rem;
}
.topYamanakako__textbox_text::before, .topYamanakako__textbox_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topYamanakako__textbox_text::before {
  margin-bottom: calc((1 - 1.933333333) * .5em);
}
.topYamanakako__textbox_text::after {
  margin-top: calc((1 - 1.933333333) * .5em);
}
.topYamanakako__btn {
  margin-top: 3rem;
}

.contactSec {
  padding-top: 4.8rem;
  padding-bottom: 2.4rem;
}
.contactSec__intro {
  text-align: center;
  font-size: 2.2rem;
  margin-top: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.75;
}
.contactSec__intro::before, .contactSec__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.contactSec__intro::before {
  margin-bottom: calc((1 - 1.75) * .5em);
}
.contactSec__intro::after {
  margin-top: calc((1 - 1.75) * .5em);
}

.contactSec.is--notTop {
  position: relative;
  padding-top: 21.5rem;
  padding-bottom: 15.8rem;
}

.contactSec.is--single {
  background: #fff;
}

.topNews {
  padding-top: 2.4rem;
  padding-bottom: 15rem;
}
.topNews__btn {
  display: flex;
  justify-content: center;
  margin-top: 2.2rem;
}

.topNewsList {
  margin-top: 3.2rem;
}
.topNewsList__link {
  display: flex;
  flex-direction: row-reverse;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  border-top: 1px solid #e6e6e6;
  color: #4d4d4d;
}
.topNewsList__link:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.topNewsList__link:focus h3 span {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.1rem;
  background-image: linear-gradient(90deg, #4d4d4d, #4d4d4d);
}
@media (hover: hover) and (pointer: fine) {
  .topNewsList__link:hover h3 span {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 0.1rem;
    background-image: linear-gradient(90deg, #4d4d4d, #4d4d4d);
  }
}
.topNewsList__link h3 {
  width: calc(100% - 28rem);
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.topNewsList__link h3::before, .topNewsList__link h3::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topNewsList__link h3::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.topNewsList__link h3::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.topNewsList__link h3 span {
  transition: background-size 0.4s;
  background-size: 0 0.1rem;
}
.topNewsList__link time {
  width: 14rem;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.topNewsList__label {
  margin-top: -0.5em;
  width: 14rem;
}
.topNewsList__label_link {
  padding: 0.5em;
  border: 1px solid #282f33;
  transition: all 0.4s;
}
.topNewsList__label_link:focus {
  background: #282f33;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .topNewsList__label_link:hover {
    background: #282f33;
    color: #fff;
  }
}

.footer {
  background: #282f33;
  color: #bfbfbf;
  padding-top: 13.6rem;
  padding-bottom: 16rem;
}
.footer__container {
  display: grid;
  grid-template: "basic nav" auto/calc(100% - 51rem) 51rem;
}
@media (max-width: 900px) {
  .footer__container {
    grid-template: "basic nav" auto/50% 50%;
  }
}
.footer__basicInfo {
  grid-area: basic;
  margin-top: -1.2rem;
}
.footer__logo {
  width: 40.2rem;
  max-width: 100%;
}
@media (max-width: 900px) {
  .footer__logo {
    max-width: 90%;
  }
}
.footer__address {
  margin-top: 2rem;
  letter-spacing: 0.08em;
}
.footer__addressDetail {
  margin-top: 1rem;
  display: inline-block;
}
.footer__opening {
  display: inline-block;
  margin-top: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.footer__contact {
  margin-top: 2.4rem;
}
.footer__contact_item {
  border-radius: 90px;
  width: fit-content;
  padding: 1.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.footer__phone img {
  width: 1.4rem;
}
.footer__mail {
  border: 2px solid #fff;
  text-transform: uppercase;
  margin-left: 0.6rem;
}
.footer__mail img {
  width: 2.1rem;
}
.footer__sns {
  display: flex;
  align-items: center;
  margin-top: 5.6rem;
}
.footer__sns_item {
  width: 3rem;
}
.footer__sns_item:nth-child(n+2) {
  margin-left: 2rem;
}
.footer__sns_item a {
  display: block;
}
.footer__menu {
  grid-area: nav;
  display: flex;
  justify-content: space-around;
}
.footer__menu_column .footer__menu_ttl:nth-child(n+2) {
  margin-top: 5.2rem;
}
.footer__menu_ttl {
  color: #fff;
  font-size: 1.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.footer__menu ul {
  font-size: 1.3rem;
  margin-top: 2.4rem;
}
.footer__menu li {
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.footer__menu li::before, .footer__menu li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.footer__menu li::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.footer__menu li::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.footer__menu li span {
  text-transform: uppercase;
}
.footer__menu li:nth-child(n+2) {
  margin-top: 1.6rem;
}

.copyrights {
  margin-top: 7.4rem;
  text-align: right;
}

.footer.is--stay {
  padding-top: 28.1rem;
  position: relative;
}
.footer.is--stay .footer__stay-operation {
  margin-top: 2.8rem;
}
.footer.is--stay .footer__stay-contact {
  margin-top: 1rem;
  line-height: 1.5;
}
.footer.is--stay .footer__stay-contact::before, .footer.is--stay .footer__stay-contact::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.footer.is--stay .footer__stay-contact::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.footer.is--stay .footer__stay-contact::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.footer.is--stay .footer__stay-contact a {
  text-decoration: underline;
}

.pageMv {
  position: relative;
  aspect-ratio: 1440/430;
  display: flex;
  align-items: center;
}
.pageMv__inner {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.pageMv__title {
  text-transform: uppercase;
  font-size: 4.6rem;
  letter-spacing: 0.01em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.pageMv__subtitle {
  font-size: 1.7rem;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 1.8rem;
}
.pageMv__bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.archive {
  padding-top: 8.2rem;
  background: #fff;
}

.archive__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.archive__container::after {
  content: "";
  display: block;
  width: 29.568106312%;
}
.archive__textblock {
  display: flex;
  flex-direction: column;
}
.archive__link {
  width: 29.568106312%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.archive__link:nth-child(n+4) {
  margin-top: 4.8rem;
}
.archive__title {
  order: 2;
  font-size: 1.7rem;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 1rem;
}
.archive__title::before, .archive__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.archive__title::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.archive__title::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.archive__cat-wrap {
  order: 1;
  margin-top: 1.2rem;
}
.archive__cat {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  padding: 1rem;
  border: 1px solid #949799;
  transition: all 0.4s;
}
.archive__cat:focus {
  background-color: #3e4447;
  border: 1px solid #3e4447;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .archive__cat:hover {
    background-color: #3e4447;
    border: 1px solid #3e4447;
    color: #fff;
  }
}
.archive__date {
  order: 3;
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  margin-top: 2rem;
}
.archive__img {
  aspect-ratio: 356/216;
  overflow: hidden;
}
.archive__img img {
  height: 100%;
  object-fit: cover;
}

.pagination {
  background: #fff;
  padding-top: 7.4rem;
  padding-bottom: 3.5rem;
}
.pagination__inner {
  width: fit-content;
  display: flex;
}
.pagination .page-numbers {
  width: 4.6rem;
  aspect-ratio: 1/1;
  line-height: 1;
  border: 2px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .page-numbers[href] {
  transition: all 0.4s;
}
.pagination .page-numbers[href]:focus {
  background: #282f33;
  color: #fff;
  border: 2px solid #282f33;
}
@media (hover: hover) and (pointer: fine) {
  .pagination .page-numbers[href]:hover {
    background: #282f33;
    color: #fff;
    border: 2px solid #282f33;
  }
}
.pagination .page-numbers:nth-child(n+2) {
  margin-left: 0.6rem;
}
.pagination .page-numbers.current {
  background: #282f33;
  color: #fff;
  border: 2px solid #282f33;
}
.choice {
  background: #fff;
}
.choice__container {
  display: flex;
}
.choice__title {
  width: 10.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: 1.2rem;
}
.choice__listwrap {
  width: calc(100% - 10.6rem);
}
.choice__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.choice__item {
  width: fit-content;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: 0.01em;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.choice__link {
  padding: 1rem 1.2rem;
  border: 2px solid #949799;
  border-radius: 0.266666667em;
}
.choice__link.is-current {
  background: #282f33;
  color: #fff;
  border: 2px solid #282f33;
}
.choice__link.mainTag {
  background-color: #828282;
  color: #fff;
}
.choice__list.is--cat .choice__link {
  background: #828282;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.choice__list.is--tag .choice__link::before {
  content: "# ";
  color: #282f33;
}
.choice__list.is--tag .choice__link.mainTag::before {
  color: #fff;
}

.showroom {
  background: #fff;
  padding-bottom: 19rem;
}
.showroom .contactSec {
  padding: 0;
}
.showroom .contactSecBtn {
  display: flex;
  justify-content: center;
}
.showroom .contactSecBtn__item {
  aspect-ratio: initial;
}
.showroom .contactSecBtn__textbox {
  margin-left: 0;
}
.showroom__wrap {
  margin-top: 8.2rem;
}
.showroom__link {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.showroom__link:nth-child(n+2) {
  margin-top: 9.2rem;
}
.showroom__textblock {
  width: 45.84717608%;
}
.showroom__title {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.showroom__title::before, .showroom__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.showroom__title::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.showroom__title::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.showroom__img {
  width: 45.84717608%;
}
.showroom__detail {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.4rem;
  font-size: 2rem;
}
.showroom__detail dt {
  width: 11rem;
}
.showroom__detail dt:nth-child(n+2) {
  margin-top: 1.6rem;
}
.showroom__detail dd {
  width: calc(100% - 11rem);
}
.showroom__detail dd:nth-child(n+3) {
  margin-top: 1.6rem;
}
.showroom__detail dd p {
  line-height: 1.4;
}
.showroom__detail dd p::before, .showroom__detail dd p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.showroom__detail dd p::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.showroom__detail dd p::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.showroom__button {
  display: flex;
  align-items: center;
  margin-top: 3.4rem;
}
.showroom__contactBtn a {
  background: #282f33;
  color: #fff;
  padding: 1.2rem 2.6rem;
  font-size: 1.6rem;
  letter-spacing: 0.01em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  border: 0.1em solid transparent;
  transition: background 0.4s;
}
.showroom__contactBtn a:focus {
  background: #fff;
  border: 0.1em solid #282f33;
  color: #282f33;
}
@media (hover: hover) and (pointer: fine) {
  .showroom__contactBtn a:hover {
    background: #fff;
    border: 0.1em solid #282f33;
    color: #282f33;
  }
}
.showroom__place {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}
.showroom__place svg {
  width: 3.2rem;
  height: 3.2rem;
}
.showroom__place .icon__pin {
  fill: red;
}

.taxonomyIntro {
  background: #fff;
  padding-top: 8.2rem;
}
.taxonomyIntro__title {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.taxonomyIntro__title::before, .taxonomyIntro__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.taxonomyIntro__title::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.taxonomyIntro__title::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.taxonomyIntro__text {
  margin-top: 2rem;
  line-height: 1.666666667;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
.taxonomyIntro__text::before, .taxonomyIntro__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.taxonomyIntro__text::before {
  margin-bottom: calc((1 - 1.666666667) * .5em);
}
.taxonomyIntro__text::after {
  margin-top: calc((1 - 1.666666667) * .5em);
}
.taxonomyIntro > .container {
  padding-bottom: 0;
}

.casestudyArchive {
  background: #fff;
  padding-top: 8.2rem;
  padding-bottom: 19rem;
}
.casestudyArchive__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.casestudyArchive__link {
  width: 45.84717608%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  transition: opacity 0.4s;
}
.casestudyArchive__link:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .casestudyArchive__link:hover {
    opacity: 0.7;
  }
}
.casestudyArchive__link:nth-child(n+3) {
  margin-top: 9.2rem;
}
.casestudyArchive__textblock {
  display: flex;
  flex-direction: column;
  order: 2;
}
.casestudyArchive__title {
  order: 3;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-top: 1.6rem;
}
.casestudyArchive__title::before, .casestudyArchive__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.casestudyArchive__title::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.casestudyArchive__title::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.casestudyArchive__excerpt {
  order: 4;
  margin-top: 2rem;
  line-height: 1.666666667;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
.casestudyArchive__excerpt::before, .casestudyArchive__excerpt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.casestudyArchive__excerpt::before {
  margin-bottom: calc((1 - 1.666666667) * .5em);
}
.casestudyArchive__excerpt::after {
  margin-top: calc((1 - 1.666666667) * .5em);
}
.casestudyArchive__meta {
  order: 2;
  margin-top: 1.2rem;
}
.casestudyArchive__meta a[href] {
  border-radius: 4px;
  padding: 1rem 1.2rem;
  transition: all 0.4s;
}
.casestudyArchive__tag {
  border: 1px solid #949799;
  margin-right: 0.8rem;
  margin-bottom: 0.6rem;
}
.casestudyArchive__tag:focus {
  background: #282f33;
  color: #fff;
  border: 1px solid #282f33;
}
@media (hover: hover) and (pointer: fine) {
  .casestudyArchive__tag:hover {
    background: #282f33;
    color: #fff;
    border: 1px solid #282f33;
  }
}
.casestudyArchive__img {
  order: 3;
  aspect-ratio: 552/336;
  overflow: hidden;
}
.casestudyArchive__img img {
  height: 100%;
  object-fit: cover;
}
.casestudyArchive__place {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-top: calc(1.6rem + 0px);
}
.casestudyArchive__place_wrap {
  order: 1;
  margin-top: auto;
  margin-left: auto;
}
.casestudyArchive__place_wrap svg {
  width: 3.2rem;
  height: 3.2rem;
}
.casestudyArchive__place .icon__pin {
  fill: red;
}
.casestudyArchive.-facility {
  padding-top: 7.4rem;
  padding-bottom: 0;
}

.company {
  background: #fff;
  padding-bottom: 19rem;
}
.company__logo {
  width: 65rem;
  margin: auto;
  padding-top: 3.6rem;
  font-size: 3rem;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.company__dl {
  margin-top: 9.2rem;
  font-size: 1.7rem;
  display: flex;
  flex-wrap: wrap;
}
.company__dt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  width: 25rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  border-top: 1px solid #f2f2f2;
}
.company__dt:first-of-type {
  border-top: none;
}
.company__dt:last-of-type {
  border-bottom: 1px solid #f2f2f2;
}
.company__dd {
  line-height: 1.4;
  width: calc(100% - 25rem);
  padding-top: 4rem;
  padding-bottom: 4rem;
  border-top: 1px solid #f2f2f2;
}
.company__dd::before, .company__dd::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.company__dd::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.company__dd::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.company__dd:first-of-type {
  border-top: none;
}
.company__dd:last-of-type {
  border-bottom: 1px solid #f2f2f2;
}
.company__link {
  color: #1a0dab;
  text-decoration: underline;
}

.company:nth-child(n+2) .company__logo {
  padding-top: 0;
}

.contact {
  background: #fff;
  padding-top: 3.6rem;
  padding-bottom: 19rem;
}
.contact__intro {
  font-size: 1.5rem;
  line-height: 1.666666667;
}
.contact__intro::before, .contact__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.contact__intro::before {
  margin-bottom: calc((1 - 1.666666667) * .5em);
}
.contact__intro::after {
  margin-top: calc((1 - 1.666666667) * .5em);
}
.contact__intro:nth-child(n+2) {
  margin-top: 3.8rem;
}
.contact__onlineMeeting {
  background: #f2f2f2;
  padding: 2.8rem 1.6rem;
  margin-top: 4.2rem;
  font-size: 1.5rem;
  line-height: 1.666666667;
}
.contact__onlineMeeting::before, .contact__onlineMeeting::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.contact__onlineMeeting::before {
  margin-bottom: calc((1 - 1.666666667) * .5em);
}
.contact__onlineMeeting::after {
  margin-top: calc((1 - 1.666666667) * .5em);
}
.contact__note {
  background: rgba(237, 28, 36, 0.2);
  padding: 2.8rem 1.6rem;
  margin-top: 2.3rem;
  line-height: 1.666666667;
}
.contact__note::before, .contact__note::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.contact__note::before {
  margin-bottom: calc((1 - 1.666666667) * .5em);
}
.contact__note::after {
  margin-top: calc((1 - 1.666666667) * .5em);
}
.contact__note_ttl {
  color: #ed1c24;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.contact__note_confirm {
  color: #ed1c24;
  font-size: 1.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-decoration: underline;
  margin-top: 2.8rem;
}
.contact__note_text {
  font-size: 1.5rem;
  margin-top: 2.8rem;
  line-height: 1.666666667;
}
.contact__note_text::before, .contact__note_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.contact__note_text::before {
  margin-bottom: calc((1 - 1.666666667) * .5em);
}
.contact__note_text::after {
  margin-top: calc((1 - 1.666666667) * .5em);
}
.contact__tel {
  margin-top: 7.8rem;
}
.contact__tel_ttl {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.contact__tel_num {
  font-size: 6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-top: 1.99rem;
  margin-bottom: -0.81rem;
}
.contact__tel_time {
  font-size: 1.5rem;
  margin-top: 1.8rem;
  line-height: 1.666666667;
}
.contact__tel_time::before, .contact__tel_time::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.contact__tel_time::before {
  margin-bottom: calc((1 - 1.666666667) * .5em);
}
.contact__tel_time::after {
  margin-top: calc((1 - 1.666666667) * .5em);
}
.contact__btn-note {
  margin-top: 4rem;
  text-align: center;
  line-height: 1.4;
}
.contact__btn-note::before, .contact__btn-note::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.contact__btn-note::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.contact__btn-note::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.contact__btn-note a[href] {
  color: blue;
  text-decoration: underline;
  font-size: 2em;
}
.contact__sns {
  display: flex;
  align-items: center;
  margin-top: 4rem;
  justify-content: center;
}
.contact__sns_item {
  width: 4.8rem;
  display: inline-block;
}
.contact__sns_item:nth-child(n+2) {
  margin-left: 1rem;
}

.contactform {
  margin-top: 12.6rem;
}
.contactform__ttl {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.contactform__intro {
  font-size: 1.5rem;
  margin-top: 3rem;
}
.contactform table {
  margin-top: 4.8rem;
  width: 100%;
}

.formTable tr {
  display: flex;
}
.formTable tr:first-of-type th, .formTable tr:first-of-type td {
  padding-top: 0;
}
.formTable th {
  width: 20rem;
  text-align: left;
  margin-top: 4rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.formTable th .formTable__ttl {
  line-height: 1.4;
}
.formTable th .formTable__ttl::before, .formTable th .formTable__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.formTable th .formTable__ttl::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.formTable th .formTable__ttl::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.formTable .necessity {
  display: inline-block;
  padding: 0.6rem 1rem;
  border: 1px solid #282f33;
  line-height: 2.27595rem;
}
.formTable .necessity.is-require {
  background: #282f33;
  color: #fff;
  border: 1px solid #282f33;
}
.formTable .content {
  width: calc(100% - 20rem);
  margin-top: 4rem;
  margin-left: 6.4rem;
}
.formTable .content input[type=text], .formTable .content input[type=tel], .formTable .content input[type=email], .formTable .content select, .formTable .content textarea, .formTable .content input[type=date] {
  border: 1px solid #282f33;
}
.formTable .content.age .wpcf7-form-control-wrap, .formTable .content.loan .wpcf7-form-control-wrap {
  position: relative;
}
.formTable .content.age .wpcf7-form-control-wrap::before, .formTable .content.loan .wpcf7-form-control-wrap::before {
  content: url(../img/icon__select.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 1.52483rem;
  height: 1.08513rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.8rem;
  margin: auto;
}
.formTable .content__heading {
  margin-top: 2em;
  margin-bottom: 1em;
}
.formTable .content .contentDate__item:nth-child(n+2) {
  margin-top: 2rem;
}
.formTable .content .contentDate__item_heading {
  font-size: 1.8rem;
}
.formTable .content .contentDate__item_date {
  margin-top: 1rem;
}
.formTable .content .contentDate__item_time {
  margin-top: 1rem;
}
.formTable .content .contentDate__item_time p {
  display: flex;
  align-items: flex-start;
  width: 73.283261803%;
}
.formTable .content .contentDate__item_time .wpcf7-form-control-wrap {
  width: 40%;
}
.formTable .content .contentDate__item_text {
  padding-left: 1rem;
  padding-right: 1rem;
}
.formTable .wpcf7-form-control {
  width: 73.283261803%;
  font-size: 1.5rem;
  padding: 1.5rem;
}
.formTable .wpcf7-form-control.wpcf7-select {
  width: 43.56846473%;
  position: relative;
}
.formTable .wpcf7-form-control.wpcf7-radio, .formTable .wpcf7-form-control.wpcf7-checkbox {
  padding: 0;
}
.formTable .wpcf7-form-control.wpcf7-date {
  padding: 0;
  position: relative;
  padding: 1.5rem;
}
.formTable .wpcf7-form-control.wpcf7-date::-webkit-calendar-picker-indicator {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.formTable .wpcf7-form-control.komazawa-hour {
  width: 100%;
  cursor: pointer;
}
.formTable .wpcf7-form-control.komazawa-minutes {
  width: 100%;
  cursor: pointer;
}
.formTable .wpcf7-not-valid-tip {
  margin-top: 1rem;
}
.formTable .wpcf7-radio, .formTable .wpcf7-checkbox {
  display: block;
  padding-left: 0;
}
.formTable .wpcf7-radio .wpcf7-list-item-label, .formTable .wpcf7-checkbox .wpcf7-list-item-label {
  padding-left: 3rem;
  position: relative;
  cursor: pointer;
}
.formTable .wpcf7-radio .wpcf7-list-item-label::before, .formTable .wpcf7-radio .wpcf7-list-item-label::after, .formTable .wpcf7-checkbox .wpcf7-list-item-label::before, .formTable .wpcf7-checkbox .wpcf7-list-item-label::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.formTable .wpcf7-radio .wpcf7-list-item-label::before, .formTable .wpcf7-checkbox .wpcf7-list-item-label::before {
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #282f33;
}
.formTable .wpcf7-radio .wpcf7-list-item-label::after, .formTable .wpcf7-checkbox .wpcf7-list-item-label::after {
  width: 1.8rem;
  height: 1.8rem;
  background: #282f33;
  left: 0.3rem;
  opacity: 0;
}
.formTable .wpcf7-radio .wpcf7-list-item, .formTable .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
  margin-right: 3rem;
}
.formTable .wpcf7-radio .wpcf7-list-item:last-of-type, .formTable .wpcf7-checkbox .wpcf7-list-item:last-of-type {
  margin-right: 0;
}
.formTable .wpcf7-radio input:checked + .wpcf7-list-item-label::after, .formTable .wpcf7-checkbox input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.formTable .wpcf7-radio .wpcf7-list-item-label::before, .formTable .wpcf7-radio .wpcf7-list-item-label::after {
  border-radius: 50%;
}
.formTable__submit {
  width: 52.4rem;
  margin: auto;
  margin-top: 6.4rem;
}
.formTable__submit p {
  position: relative;
}
.formTable__submit .wpcf7-spinner {
  position: absolute;
}
.formTable__submit #contactform__arrow {
  width: 1.4375rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  margin-right: 24.809160305%;
}
.formTable__submit .wpcf7-submit {
  width: 100%;
  margin-left: 0;
  padding: 2rem;
  background: #282f33;
  font-size: 2rem;
  color: #fff;
  border: 1px solid #282f33;
  transition: background-color 0.4s, color 0.4s;
  cursor: pointer;
}
.formTable__submit .wpcf7-submit:focus {
  background: #fff;
  color: #282f33;
}
.formTable__submit .wpcf7-submit:focus #contactform__arrow * {
  stroke: #282f33;
}
@media (hover: hover) and (pointer: fine) {
  .formTable__submit .wpcf7-submit:hover {
    background: #fff;
    color: #282f33;
  }
  .formTable__submit .wpcf7-submit:hover #contactform__arrow * {
    stroke: #282f33;
  }
}

.recaptcha {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}

.qa {
  background: #fff;
  padding-top: 7.8rem;
  padding-bottom: 19rem;
}
.qa__ttl {
  display: flex;
  flex-direction: column-reverse;
}
.qa__ttl h1 {
  font-size: 6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.qa__ttl span {
  font-size: 2.2em;
  letter-spacing: 0.01em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.qaList {
  margin-top: 8rem;
}
.qaList dt {
  display: flex;
  align-items: center;
  padding-left: 6.5rem;
  position: relative;
}
.qaList dt::before {
  content: "q";
  text-transform: uppercase;
  background: #94b7ae;
  border-radius: 50%;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  display: inline-block;
  width: 4.5rem;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: -1.2rem;
}
.qaList dt .qaList__dt-content {
  font-size: 2rem;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.qaList dt .qaList__dt-content::before, .qaList dt .qaList__dt-content::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.qaList dt .qaList__dt-content::before {
  margin-bottom: calc((1 - 1.8) * .5em);
}
.qaList dt .qaList__dt-content::after {
  margin-top: calc((1 - 1.8) * .5em);
}
.qaList dt:nth-child(n+2) {
  margin-top: 11rem;
}
.qaList dd {
  margin-top: 4rem;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 2.25;
  padding-left: 6.5rem;
}
.qaList dd::before, .qaList dd::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.qaList dd::before {
  margin-bottom: calc((1 - 2.25) * .5em);
}
.qaList dd::after {
  margin-top: calc((1 - 2.25) * .5em);
}

.intro {
  line-height: 1.875;
  margin-top: 6.2rem;
}
.intro::before, .intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.quality {
  background: #fff;
  padding-top: 7.8rem;
  padding-bottom: 19rem;
}

.r-building {
  background: #94b7ae;
  padding: 6.2rem;
  margin-top: 5.4rem;
}
.r-building__ttl {
  font-size: 3.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.r-building__intro {
  line-height: 1.875;
  margin-top: 3.2rem;
}
.r-building__intro::before, .r-building__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.r-building__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.r-building__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.r-building__list {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 4.8rem;
}
.r-building__list li:nth-child(n+2) {
  margin-top: 2rem;
}
.r-building__list li::before {
  content: "●";
  font-size: 2.4rem;
}
.r-building__text {
  margin-top: 6.2rem;
}
.r-building__text p {
  font-size: 1.6rem;
  line-height: 1.875;
}
.r-building__text p::before, .r-building__text p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.r-building__text p::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.r-building__text p::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.r-building__text p:nth-child(n+2) {
  margin-top: 4.4rem;
}
.r-building__certificate {
  width: 91.1rem;
  max-width: 100%;
  margin: auto;
  margin-top: 4.4rem;
}

.standard {
  margin-top: 9rem;
}
.standard__ttl {
  font-size: 3.6rem;
  line-height: 1.388888889;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.standard__ttl::before, .standard__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.standard__ttl::before {
  margin-bottom: calc((1 - 1.388888889) * .5em);
}
.standard__ttl::after {
  margin-top: calc((1 - 1.388888889) * .5em);
}
.standard__list {
  margin-top: 4.6rem;
}
.standard__list li {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  display: flex;
}
.standard__list li::before {
  content: "・";
}
.standard__list li:nth-child(n+2) {
  margin-top: 2rem;
}
.standard__list li span {
  line-height: 1.833333333;
}
.standard__list li span::before, .standard__list li span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.standard__list li span::before {
  margin-bottom: calc((1 - 1.833333333) * .5em);
}
.standard__list li span::after {
  margin-top: calc((1 - 1.833333333) * .5em);
}
.standard__other {
  margin-top: 6.8rem;
  line-height: 1.875;
}
.standard__other::before, .standard__other::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.standard__other::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.standard__other::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.standard__testlist {
  margin-top: 2.8rem;
}
.standard__testlist li {
  background: rgba(40, 47, 51, 0.7);
  padding: 3.2rem 6.8rem;
  color: #fff;
}
.standard__testlist li:nth-child(n+2) {
  margin-top: 0.4rem;
}
.standard__testlist_ttl {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.standard__testlist_text {
  line-height: 1.875;
  margin-top: 1.8rem;
}
.standard__testlist_text::before, .standard__testlist_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.standard__testlist_text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.standard__testlist_text::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.guarantee {
  margin-top: 10rem;
}
.guarantee__ttl {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.guarantee__intro {
  line-height: 1.875;
  margin-top: 3rem;
}
.guarantee__intro::before, .guarantee__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.guarantee__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.guarantee__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.guaranteeBox {
  padding: 6rem;
  background: rgba(40, 47, 51, 0.1);
  margin-top: 3.4rem;
}
.guaranteeBox__ttl {
  font-size: 2.4rem;
  line-height: 1.833333333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  position: relative;
}
.guaranteeBox__ttl::before, .guaranteeBox__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.guaranteeBox__ttl::before {
  margin-bottom: calc((1 - 1.833333333) * .5em);
}
.guaranteeBox__ttl::after {
  margin-top: calc((1 - 1.833333333) * .5em);
}
.guaranteeBox__ttl:nth-child(n+2) {
  padding-top: 3.8rem;
}
.guaranteeBox__ttl:nth-child(n+2)::before {
  content: "";
  display: inline-block;
  width: 5.3rem;
  height: 0.3rem;
  background: #282f33;
  position: absolute;
  top: 0;
  left: 0;
}
.guaranteeBox__text {
  line-height: 1.875;
  margin-top: 2.4rem;
  padding-bottom: 3.2rem;
}
.guaranteeBox__text::before, .guaranteeBox__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.guaranteeBox__text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.guaranteeBox__text::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.guaranteeBox__text:last-of-type {
  padding-bottom: 0;
}

.stay .pageSectionTtl h2 {
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  .stay .pageSectionTtl h2 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 768px) {
  .stay .pageSectionTtl span {
    font-size: 3.4666666667vw;
  }
}

.caution .cautionBtn {
  display: block;
  width: 51.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  background: #ff0000;
  color: #fff;
  border-radius: 3.8rem;
  text-align: center;
  padding: 2.2rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s;
}
.caution .cautionBtn:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .caution .cautionBtn:hover {
    opacity: 0.7;
  }
}
.caution img {
  width: 3.28rem;
  margin-right: 1.4rem;
}

.stay {
  color: #282f33;
  background: #fff;
  padding-bottom: 19rem;
}
.stay .toptext {
  text-align: center;
  font-size: 2.6rem;
}
.stay .stayNews {
  margin-top: 4rem;
}
.stay .stayNews__ttl {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.7rem;
  letter-spacing: 0.075em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.stay .stayNews__slick {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.stay .stayNews__item {
  width: 48.797250859%;
  aspect-ratio: 568/110;
  overflow: hidden;
}
.stay .stayNews__item a {
  display: block;
}
.stay .stayNews .caution {
  margin-top: 3rem;
}
.stay .stayNewsYoutube {
  width: 77.6rem;
  margin: auto;
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
}
.stay .stayNewsYoutube__movie {
  aspect-ratio: 375/210;
  overflow: hidden;
  width: 48.195876289%;
}
.stay .stayNewsYoutube__movie iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stay .stayNewsYoutube__content {
  width: 48.195876289%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.stay .stayNewsYoutube__ttl {
  font-size: 2rem;
  line-height: 1.25;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.stay .stayNewsYoutube__desc {
  line-height: 1.25;
}
.stay .stayNewsYoutube__details {
  line-height: 1.25;
  font-size: 1.2rem;
}
.stay .navigation {
  margin-top: 9rem;
}
.stay .navigation__container {
  display: flex;
  justify-content: center;
}
.stay .nav {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.stay .nav li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.075em;
}
.stay .nav li:nth-child(n+2) {
  margin-left: 3rem;
}
@media (min-width: 769px) and (max-width: 1120px) {
  .stay .nav li:nth-child(n+2) {
    margin-left: 0;
  }
}
@media (min-width: 769px) and (max-width: 1120px) {
  .stay .nav li {
    width: 32%;
  }
  .stay .nav li:nth-child(n+4) {
    margin-top: 3rem;
  }
}
.stay .nav li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.7rem;
  border-bottom: 0.3rem solid #282f33;
}
.stay .nav li img {
  width: 2.6rem;
  margin-left: 1rem;
  transform: rotate(90deg);
}
.stay .beginning {
  background: #fff;
  padding-top: 11rem;
}
.stay .beginning__container {
  width: 100%;
  max-width: 105.7rem;
  margin: auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.stay .beginning__catch {
  padding: 0 5.55rem;
  text-align: center;
  font-size: 5.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.stay .beginning__catch::before, .stay .beginning__catch::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .beginning__catch::before {
  margin-bottom: calc((1 - 1.2) * .5em);
}
.stay .beginning__catch::after {
  margin-top: calc((1 - 1.2) * .5em);
}
@media screen and (max-width: 930px) {
  .stay .beginning__catch {
    font-size: 5.8vw;
  }
}
.stay .beginning__intro {
  padding: 0 5.55rem;
  text-align: center;
  margin-top: 3rem;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.688888889;
}
.stay .beginning__intro::before, .stay .beginning__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .beginning__intro::before {
  margin-bottom: calc((1 - 1.688888889) * .5em);
}
.stay .beginning__intro::after {
  margin-top: calc((1 - 1.688888889) * .5em);
}
.stay .beginning__corner {
  position: relative;
  content: "";
  display: block;
  width: 100%;
  height: 6rem;
}
.stay .beginning__corner_item {
  width: 5.55rem;
  height: 5.55rem;
  display: inline-block;
  position: absolute;
}
.stay .beginning__corner.is--top .beginning__corner_item:nth-of-type(1) {
  top: 0;
  left: 0;
}
.stay .beginning__corner.is--top .beginning__corner_item:nth-of-type(2) {
  top: 0;
  right: 0;
  transform: rotate(90deg);
}
.stay .beginning__corner.is--bottom .beginning__corner_item:nth-of-type(1) {
  bottom: 0;
  left: 0;
  transform: rotate(-90deg);
}
.stay .beginning__corner.is--bottom .beginning__corner_item:nth-of-type(2) {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}
.stay .feature {
  padding-top: 11rem;
  padding-bottom: 14.4rem;
}
.stay .featureList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  counter-reset: num;
  margin-top: 7.2rem;
}
.stay .featureList__item {
  width: 45.514950166%;
  display: flex;
  flex-direction: column-reverse;
  counter-increment: num;
}
.stay .featureList__item:nth-child(n+2) {
  margin-top: 6.8rem;
}
.stay .featureList__item:first-of-type {
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.stay .featureList__item:first-of-type .featureList__textblock {
  width: 32%;
  margin-top: 0;
}
.stay .featureList__item:first-of-type .featureList__img {
  width: 61.46179402%;
}
.stay .featureList__item:first-of-type .featureList__ttl-wrap::before {
  top: -7.2rem;
  font-size: 3.178rem;
}
.stay .featureList__item:first-of-type .featureList__ttl {
  padding-left: 0;
  font-size: 5.3rem;
  line-height: 1.245283019;
}
.stay .featureList__item:first-of-type .featureList__text {
  padding-left: 0;
  margin-top: 2.3rem;
}
.stay .featureList__textblock {
  margin-top: 3.3rem;
}
.stay .featureList__ttl-wrap {
  position: relative;
}
.stay .featureList__ttl-wrap::before {
  white-space: nowrap;
  content: counter(num, decimal-leading-zero);
  padding-bottom: 2rem;
  border-bottom: 0.3rem solid #282f33;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.8rem;
  font-size: 2.327rem;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}
.stay .featureList__ttl {
  font-size: 3.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  padding-left: 7rem;
  line-height: 1.266666667;
}
.stay .featureList__ttl::before, .stay .featureList__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .featureList__ttl::before {
  margin-bottom: calc((1 - 1.266666667) * .5em);
}
.stay .featureList__ttl::after {
  margin-top: calc((1 - 1.266666667) * .5em);
}
.stay .featureList__text {
  padding-left: 7rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-top: 3.4rem;
}
.stay .featureList__text::before, .stay .featureList__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .featureList__text::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.stay .featureList__text::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.stay .featureSlick {
  margin-top: 11rem;
}
.stay .featureSlick > .featureSlick__item:not(:first-child) {
  display: none;
}
.stay .featureSlick .slick-list {
  width: 68.888888889%;
  overflow: visible;
  margin: auto;
  padding: 0 !important;
}
.stay .featureSlick__item {
  display: flex;
  flex-direction: column-reverse;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  transition: opacity 0.4s;
}
.stay .featureSlick__item:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .stay .featureSlick__item:hover {
    opacity: 0.7;
  }
}
.stay .featureSlick__item_ttl {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.stay .featureSlick__item_ttl img {
  width: 2.4rem;
}
.stay .facility {
  margin-top: 10.2rem;
}
.stay .dlList {
  display: flex;
  flex-wrap: wrap;
  border-top: 3px solid #282f33;
}
.stay .dlList dt {
  width: 24.6rem;
  font-size: 2.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.stay .dlList dt:not(first-of-type) {
  border-top: 2px solid #f2f2f2;
}
.stay .dlList dt:last-of-type {
  border-bottom: 2px solid #f2f2f2;
}
.stay .dlList dd {
  width: calc(100% - 24.6rem);
  padding-top: 4rem;
  padding-bottom: 4rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.stay .dlList dd::before, .stay .dlList dd::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .dlList dd::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.stay .dlList dd::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.stay .dlList dd:not(first-of-type) {
  border-top: 2px solid #f2f2f2;
}
.stay .dlList dd:last-of-type {
  border-bottom: 2px solid #f2f2f2;
}
.stay .dlList dd a {
  color: #1a0dab;
  text-decoration: underline;
}
.stay .stay-banner__item {
  width: 50%;
  padding: 1rem;
}
.stay .stay-banner__wrap {
  margin-top: 10.2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.stay .stayMaki__text {
  margin-top: 1.2rem;
  line-height: 1.6;
}
.stay .stayMaki__text::before, .stay .stayMaki__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .stayMaki__text::before {
  margin-bottom: calc((1 - 1.6) * .5em);
}
.stay .stayMaki__text::after {
  margin-top: calc((1 - 1.6) * .5em);
}
.stay .access {
  background: #f2f2f2;
  padding-top: 7.2rem;
  padding-bottom: 14.4rem;
}
.stay .access__intro {
  text-align: center;
  margin-top: 3.6rem;
  font-size: 1.8rem;
  line-height: 1.3;
}
.stay .access__intro::before, .stay .access__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .access__intro::before {
  margin-bottom: calc((1 - 1.3) * .5em);
}
.stay .access__intro::after {
  margin-top: calc((1 - 1.3) * .5em);
}
.stay .access__map {
  width: 79.734219269%;
  aspect-ratio: 960/400;
  text-align: center;
  margin: auto;
  margin-top: 3.6rem;
}
.stay .access__map iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stay .stayOption {
  padding-top: 11rem;
  padding-bottom: 14.4rem;
}
.stay .stayOption__contact {
  margin-top: 10rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.stay .stayOption__contact::before, .stay .stayOption__contact::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .stayOption__contact::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.stay .stayOption__contact::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.stay .stayOption__contact a {
  color: #5d87f1;
}
.stay .stayOptionList {
  margin-top: 7.2rem;
}
.stay .stayOptionList__item {
  display: grid;
  grid-template: "img space ttl" auto "img space text" 1fr/37.707641196% 4.15282392% 58.139534884%;
  padding-top: 3.6rem;
  padding-bottom: 3.6rem;
}
.stay .stayOptionList__item:nth-child(n+2) {
  border-top: 2px solid #f2f2f2;
}
.stay .stayOptionList__item .stayOptionList__imgblock {
  grid-area: img;
  position: relative;
}
.stay .stayOptionList__item_textblock {
  grid-area: text;
}
.stay .stayOptionList__item_ttl {
  grid-area: ttl;
  font-size: 3.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.stay .stayOptionList__item_text {
  margin-top: 3.4rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.stay .stayOptionList__item_text::before, .stay .stayOptionList__item_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .stayOptionList__item_text::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.stay .stayOptionList__item_text::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.stay .stayOptionList__item_price, .stay .stayOptionList__item_content {
  margin-top: 3.4rem;
  display: flex;
  font-size: 1.5rem;
}
.stay .stayOptionList__item_price dt, .stay .stayOptionList__item_content dt {
  width: 9.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.stay .stayOptionList__item_price dd, .stay .stayOptionList__item_content dd {
  width: calc(100% - 9.6rem);
  line-height: 1.5;
}
.stay .stayOptionList__item_price dd::before, .stay .stayOptionList__item_price dd::after, .stay .stayOptionList__item_content dd::before, .stay .stayOptionList__item_content dd::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .stayOptionList__item_price dd::before, .stay .stayOptionList__item_content dd::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.stay .stayOptionList__item_price dd::after, .stay .stayOptionList__item_content dd::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.stay .stayOptionList__item_price dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.stay .stayOptionList__item_btn {
  margin-top: 4rem;
}
.stay .stayOptionList__item_btn .plusBtn {
  width: 26.7rem;
  padding: 2rem;
}
.stay .stayOptionList__item_btn .plusBtn .icon-plus {
  width: 1.3rem;
  right: 1.6rem;
}
.stay .stayOptionList__item_note {
  margin-top: 4rem;
  line-height: 1.4;
}
.stay .stayOptionList__item:first-of-type {
  grid-template: "img space ttl" auto "img space text" 1fr/61.295681063% 4.15282392% 34.551495017%;
  padding-top: 0;
}
.stay .stayOptionList__item:first-of-type .stayOptionList__item_ttl {
  font-size: 3.9rem;
  padding-left: 0;
}
.stay .stayOptionList__item:first-of-type .stayOptionList__item_text {
  padding-left: 0;
}
.stay .stayOptionList__item:first-of-type .stayOptionList__item_price dt, .stay .stayOptionList__item:first-of-type .stayOptionList__item_content dt {
  width: 9.6rem;
}
.stay .stayOptionList__item:first-of-type .stayOptionList__item_price dd, .stay .stayOptionList__item:first-of-type .stayOptionList__item_content dd {
  width: calc(100% - 9.6rem);
}
.stay .stayOptionList__item:first-of-type .stayOptionList__item_price dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.stay .stayOptionList__item:first-of-type .stayOptionList__item_ttl_btn {
  margin-top: 0;
  margin-left: auto;
  margin-right: 0;
}
.stay .stayOptionList__item.is-projector {
  padding-bottom: 0;
}
.stay .stayOptionList__item.is-projector .stayOptionList__item_content {
  display: block;
}
.stay .stayOptionList__item.is-projector .stayOptionList__item_content dt {
  width: 100%;
}
.stay .stayOptionList__item.is-projector .stayOptionList__item_content dd {
  width: 100%;
  margin-top: 1.2rem;
}
.stay #stayOptionSlick__thumbnail {
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  right: -107%;
}
@media screen and (max-width: 1150px) {
  .stay #stayOptionSlick__thumbnail {
    bottom: -8.4rem;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.stay .stayOptionSlick__thumbnail_item:nth-child(n+2) {
  margin-left: 1rem;
}
.stay .info {
  background: #f2f2f2;
  padding-top: 11rem;
  padding-bottom: 14.4rem;
}
.stay .info__youtube {
  width: 80%;
  aspect-ratio: 900/550;
  text-align: center;
  margin: auto;
  margin-top: 7.2rem;
}
.stay .info__youtube iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stay .info .caution {
  margin-top: 3.2rem;
}
.stay .info .dlList {
  margin-top: 9.6rem;
}
.stay .info .dlList .is-large {
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.stay .info .dlList .is-color {
  color: #ff0000;
}
.stay .info .dlList dt:nth-of-type(n + 2) {
  border-top: 2px solid #ccc;
}
.stay .info .dlList dt:last-of-type {
  border-bottom: 2px solid #ccc;
}
.stay .info .dlList dd:nth-of-type(n + 2) {
  border-top: 2px solid #ccc;
}
.stay .info .dlList dd:last-of-type {
  border-bottom: 2px solid #ccc;
}
.stay .info .dlList__text:first-of-type {
  margin-top: 2.4rem;
}
.stay .info .dlList__text:nth-child(n+2) {
  margin-top: 2.2rem;
}
.stay .info .dlList__text .icon-caution {
  width: 2.6rem;
  margin-right: 1.2rem;
}
.stay .info .dlList__message {
  padding: 2.3rem 3.6rem;
  border: 1px solid #ff0000;
  margin-top: 3.2rem;
  display: flex;
}
.stay .info .dlList__message_textblock {
  width: calc(100% - 14.4rem);
}
.stay .info .dlList__message_imgblock {
  width: 14.4rem;
}
.stay .info .dlList__message_ttl {
  color: #ff0000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.stay .info .dlList__message_text {
  margin-top: 1.8rem;
}
.stay .info .dlList__message img {
  width: 9.55293rem;
}
.stay .info__btn {
  margin-top: 5.4rem;
}
.stay .info__btn .plusBtn {
  width: 68.6rem;
  max-width: 56.976744186%;
  margin: auto;
  display: block;
  padding: 2rem;
  font-size: 2.2rem;
}
.stay .info__btn .plusBtn .icon-plus {
  width: 1.8rem;
  right: 2rem;
}
.stay .info .complaint {
  text-align: center;
  margin-top: 4.6rem;
}
.stay .info .complaint__heading {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.330416667;
}
.stay .info .complaint__heading::before, .stay .info .complaint__heading::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .info .complaint__heading::before {
  margin-bottom: calc((1 - 1.330416667) * .5em);
}
.stay .info .complaint__heading::after {
  margin-top: calc((1 - 1.330416667) * .5em);
}
.stay .info .complaint__num {
  margin-top: 2.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 4rem;
}
.stay .charge {
  padding-top: 11rem;
  padding-bottom: 5.5rem;
}
.stay .charge__price {
  display: flex;
  justify-content: space-between;
  margin-top: 7.2rem;
}
.stay .charge__price_item {
  width: 47.176079734%;
}
.stay .charge__price_item.is-holiday {
  background: #dae6ed;
}
.stay .charge__price_item.is-holiday .charge__price_ttl {
  background: #0079c3;
}
.stay .charge__price_item.is-holiday dt {
  color: #0079c3;
}
.stay .charge__price_item.is-weekday {
  background: #dae9e9;
}
.stay .charge__price_item.is-weekday .charge__price_ttl {
  background: #00989c;
}
.stay .charge__price_item.is-weekday dt {
  color: #00989c;
}
.stay .charge__price_ttl {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 4.2rem 3rem;
  font-size: 2.5rem;
}
.stay .charge__price_content {
  padding: 3.2rem 3rem;
}
.stay .charge__price dl:nth-child(n+2) {
  margin-top: 3.2rem;
}
.stay .charge__price dt {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.stay .charge__price_answer {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: 2rem;
  line-height: 1.3;
  color: #282f33;
}
.stay .charge__price_answer::before, .stay .charge__price_answer::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .charge__price_answer::before {
  margin-bottom: calc((1 - 1.3) * .5em);
}
.stay .charge__price_answer::after {
  margin-top: calc((1 - 1.3) * .5em);
}
.stay .charge__price_detail {
  margin-top: 2rem;
  line-height: 1.5;
  color: #4d4d4d;
}
.stay .charge__price_detail::before, .stay .charge__price_detail::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .charge__price_detail::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.stay .charge__price_detail::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.stay .charge__detail {
  color: #727272;
  margin-top: 3rem;
}
.stay .charge__detail_item {
  line-height: 1.538461538;
}
.stay .charge__detail_item::before, .stay .charge__detail_item::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .charge__detail_item::before {
  margin-bottom: calc((1 - 1.538461538) * .5em);
}
.stay .charge__detail_item::after {
  margin-top: calc((1 - 1.538461538) * .5em);
}
.stay .charge__detail_item:nth-child(n+2) {
  margin-top: 0.6rem;
}
.stay .charge__cancel {
  background: #f2f2f2;
  padding: 3.2rem 2.8rem;
  margin-top: 4rem;
}
.stay .charge__cancel_ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  letter-spacing: 0.05em;
  color: #282f33;
}
.stay .charge__cancel_text {
  font-size: 1.5rem;
  line-height: 1.266666667;
  color: #727272;
}
.stay .charge__cancel_text::before, .stay .charge__cancel_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .charge__cancel_text::before {
  margin-bottom: calc((1 - 1.266666667) * .5em);
}
.stay .charge__cancel_text::after {
  margin-top: calc((1 - 1.266666667) * .5em);
}
.stay .charge__cancel_text:first-of-type {
  margin-top: 2rem;
}
.stay .charge__cancel_text:nth-child(n+2) {
  margin-top: 2.4rem;
}
.stay .reserve {
  padding-top: 5.5rem;
}
.stay .reserve__text {
  text-align: center;
  margin-top: 4.2rem;
  font-size: 1.8rem;
  line-height: 1.777777778;
}
.stay .reserve__text::before, .stay .reserve__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.stay .reserve__text::before {
  margin-bottom: calc((1 - 1.777777778) * .5em);
}
.stay .reserve__text::after {
  margin-top: calc((1 - 1.777777778) * .5em);
}
.stay .reserve__btn {
  display: flex;
  justify-content: center;
  margin-top: 2.4rem;
}
.stay .reserve__btn_content {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  background: #ff6600;
  color: #fff;
  width: 68.6rem;
  text-align: center;
  border-radius: 9rem;
  padding: 2.6rem 1.6rem;
  border: 3px solid #ff6600;
  position: relative;
  transition: all 0.4s;
}
.stay .reserve__btn_content:focus {
  border: 3px solid #ff6600;
  background: #fff;
  color: #ff6600;
}
.stay .reserve__btn_content:focus .arrow .cls-1, .stay .reserve__btn_content:focus .arrow .cls-2 {
  stroke: #ff6600;
}
.stay .reserve__btn_content:focus .arrow .cls-3 {
  fill: #ff6600;
}
@media (hover: hover) and (pointer: fine) {
  .stay .reserve__btn_content:hover {
    border: 3px solid #ff6600;
    background: #fff;
    color: #ff6600;
  }
  .stay .reserve__btn_content:hover .arrow .cls-1, .stay .reserve__btn_content:hover .arrow .cls-2 {
    stroke: #ff6600;
  }
  .stay .reserve__btn_content:hover .arrow .cls-3 {
    fill: #ff6600;
  }
}
.stay .reserve__btn_content .arrow {
  width: 3.3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2rem;
  margin: auto;
}
.stay .reserve__btn_content .arrow .cls-1, .stay .reserve__btn_content .arrow .cls-2 {
  stroke: #fff;
}
.stay .reserve__btn_content .arrow .cls-3 {
  fill: #fff;
}
.stay .reserve__calendar {
  background: #f2f2f2;
  padding: 4rem;
  margin-top: 5rem;
}
.stay .reserve__calendar iframe {
  margin-bottom: 0 !important;
}

.popup {
  position: relative;
  background: #FFF;
}
.popup__inner {
  padding: 3.6rem 2.4rem;
}

.popup-ttl {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  padding-bottom: 2.2rem;
  border-bottom: 0.3rem solid #282f33;
  line-height: 1.5;
}
.popup-ttl::before, .popup-ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.popup-ttl::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.popup-ttl::after {
  margin-top: calc((1 - 1.5) * .5em);
}

.popup-link {
  text-decoration: underline;
  color: #5d87f1;
}

.popup-heading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
}

.popup-heading--small {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
}

.sauna-popup {
  width: 90%;
  max-width: 53.6rem;
  margin: auto;
}
.sauna-popup .sauna-popup__list {
  margin-top: 3.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.sauna-popup .sauna-popup__list dt {
  font-size: 1.4rem;
}
.sauna-popup .sauna-popup__list dt:nth-of-type(n + 2) {
  margin-top: 1.6rem;
}
.sauna-popup .sauna-popup__list dd {
  font-size: 2rem;
  margin-top: 1.2rem;
}
.sauna-popup .sauna-popup__note {
  font-size: 1.5rem;
  color: #5f5f5f;
  letter-spacing: 0.05em;
  line-height: 1.533333333;
  margin-top: 2rem;
}
.sauna-popup .sauna-popup__note::before, .sauna-popup .sauna-popup__note::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.sauna-popup .sauna-popup__note::before {
  margin-bottom: calc((1 - 1.533333333) * .5em);
}
.sauna-popup .sauna-popup__note::after {
  margin-top: calc((1 - 1.533333333) * .5em);
}
.sauna-popup .sauna-popup__caution {
  padding: 1.8rem;
  border: 1px solid #ff0000;
  margin-top: 3.8rem;
}
.sauna-popup .sauna-popup__caution_heading {
  color: #ff0000;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.sauna-popup .sauna-popup__caution_heading img {
  width: 2.1rem;
  margin-right: 1rem;
}
.sauna-popup .sauna-popup__caution_list {
  margin-top: 1.6rem;
}
.sauna-popup .sauna-popup__caution_listItem {
  padding-left: 1.6rem;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.sauna-popup .sauna-popup__caution_listItem::before, .sauna-popup .sauna-popup__caution_listItem::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.sauna-popup .sauna-popup__caution_listItem::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.sauna-popup .sauna-popup__caution_listItem::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.sauna-popup .sauna-popup__caution_listItem::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background: #282f33;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.8rem;
}
.sauna-popup .sauna-popup__reserve {
  margin-top: 2rem;
  font-size: 1.5rem;
  line-height: 1.533333333;
  letter-spacing: 0.05em;
  text-align: center;
}
.sauna-popup .sauna-popup__reserve::before, .sauna-popup .sauna-popup__reserve::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.sauna-popup .sauna-popup__reserve::before {
  margin-bottom: calc((1 - 1.533333333) * .5em);
}
.sauna-popup .sauna-popup__reserve::after {
  margin-top: calc((1 - 1.533333333) * .5em);
}

.corona-popup {
  max-width: 68.6rem;
  margin: auto;
}
.corona-popup__intro {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.7;
  margin-top: 3.6rem;
}
.corona-popup__intro::before, .corona-popup__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.corona-popup__intro::before {
  margin-bottom: calc((1 - 1.7) * .5em);
}
.corona-popup__intro::after {
  margin-top: calc((1 - 1.7) * .5em);
}
.corona-popup__list {
  margin-top: 3.6rem;
  padding: 2.8rem 1.6rem;
  counter-reset: num;
  background: #f2f2f2;
  aspect-ratio: 638/250;
  overflow-y: scroll;
}
.corona-popup__list li {
  counter-increment: num;
}
.corona-popup__list li:nth-of-type(n + 2) {
  margin-top: 2rem;
}
.corona-popup__list_heading {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.corona-popup__list_heading::before {
  content: counter(num) ".";
  margin-right: 1rem;
}
.corona-popup__list_text {
  color: #5f5f5f;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.633333333;
  margin-top: 1.3rem;
}
.corona-popup__list_text::before, .corona-popup__list_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.corona-popup__list_text::before {
  margin-bottom: calc((1 - 1.633333333) * .5em);
}
.corona-popup__list_text::after {
  margin-top: calc((1 - 1.633333333) * .5em);
}
.corona-popup .popup-heading {
  margin-top: 2.8rem;
}
.corona-popup__askList_item {
  margin-top: 1.5rem;
  padding-left: 2rem;
  position: relative;
}
.corona-popup__askList_item span {
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
}
.corona-popup__askList_item span::before, .corona-popup__askList_item span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.corona-popup__askList_item span::before {
  margin-bottom: calc((1 - 1.5) * .5em);
}
.corona-popup__askList_item span::after {
  margin-top: calc((1 - 1.5) * .5em);
}
.corona-popup__askList_item::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: inline-block;
  background: #282f33;
  position: absolute;
  left: 0;
  top: 0.7rem;
}

.popup-box {
  text-align: center;
  color: #fff;
}
.popup-box .featureSlick__item_img {
  display: block;
  width: 100%;
  max-width: 81rem;
  margin: auto;
}
.popup-box p {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 1.6rem;
}

.stayThanks {
  background: #fff;
}
.stayThanks__ttl {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 60px;
}
.stayThanks__btn {
  display: block;
  width: 56.6rem;
  margin: auto;
  margin-top: 5.4rem;
  background: #333;
  color: #fff;
  font-weight: 700;
  border: none;
  padding: 16px;
  font-size: 2rem;
  background: red;
  border-radius: 1rem;
  text-align: center;
  transition: opacity 0.4s;
}

.stayAttention {
  background: #fff;
}

.stayAgree {
  background: #fff;
}
.stayAgree__ttl {
  font-size: 4rem;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
  text-align: center;
  font-weight: bold;
  margin-top: 6rem;
}
.stayAgree__ttl + p {
  margin-top: 2.4rem;
  font-size: 2rem;
}
.stayAgree p {
  line-height: 1.875;
  margin-top: 2rem;
  font-size: 1.8rem;
}
.stayAgree.-is_red {
  color: #ff0000;
}
.stayAgree.-is_fw_bold {
  font-weight: bold;
}
.stayAgree .violation__ttl {
  font-size: 2.4rem;
  text-align: center;
  margin-top: 6rem;
  font-weight: bold;
  line-height: 1.6;
}
.stayAgree .violation {
  width: 100%;
  max-width: 62rem;
  margin: auto;
  margin-top: 2rem;
  padding: 4rem;
  border: 5px solid #ff0000;
  border-radius: 14px;
  margin-bottom: 60px;
}
.stayAgree .violation__heading {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2.4rem;
}
.stayAgree .violation__heading:nth-child(n+2) {
  margin-top: 4rem;
}
.stayAgree .violation p {
  margin-top: 2rem;
}
.stayAgree picture {
  display: block;
}
.stayAgree__attention {
  margin-top: 4rem;
}
.stayAgree .stayAgree_form_intro {
  margin-top: 6rem;
}
.stayAgree form {
  font-size: 2.4rem;
}
.stayAgree form *:first-child {
  margin-top: 0;
}
.stayAgree form h2 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 5.4rem;
}
.stayAgree form h2 + p {
  margin-top: 3rem;
}
.stayAgree form p {
  line-height: 1.875;
}
.stayAgree .wpcf7-form-control-wrap {
  display: block;
  margin-top: 2rem;
}
.stayAgree .wpcf7-list-item {
  display: block;
  line-height: 1.4;
  font-weight: bold;
  font-size: 2.3rem;
  margin-left: 0;
}
.stayAgree .wpcf7-list-item + .wpcf7-list-item {
  margin-top: 1.6rem;
}
.stayAgree input[type=checkbox] {
  display: none;
}
.stayAgree .wpcf7-list-item label {
  padding-left: 50px;
  position: relative;
}
.stayAgree .wpcf7-list-item-label::before {
  position: absolute;
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: #fff;
  border: 1px solid #999;
  left: 0;
  top: 0;
}
.stayAgree .wpcf7-list-item-label::after {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  transform: rotate(45deg);
  border-right: 3px solid #ff0000;
  border-bottom: 3px solid #ff0000;
  left: 10px;
  top: 4px;
  opacity: 0;
  transition: 0.3s;
}
.stayAgree input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.stayAgree .wpcf7 input[type=email], .stayAgree .wpcf7 input[type=text] {
  width: 100%;
  padding: 10px;
  font-size: 18px;
  border: 1px solid #999;
}
.stayAgree input[type=submit] {
  display: block;
  width: 566px;
  margin: auto;
  margin-top: 54px;
  background: #333;
  color: #fff;
  font-weight: 700;
  border: none;
  padding: 16px;
  font-size: 20px;
  background: #ff0000;
  border-radius: 10px;
  cursor: pointer;
  transition: opacity 0.4s;
}
.stayAgree input[type=submit]:hover {
  opacity: 0.8;
}
.stayAgree .wpcf7-response-output {
  margin-top: 3rem;
  text-align: center;
}

.single {
  background: #fff;
  padding-top: 6rem;
  position: relative;
}
.single__container {
  max-width: 76.8rem;
  padding-bottom: 6rem;
  position: relative;
}
.single__banner {
  width: 40rem;
  margin: auto;
}
.single__banner_link {
  display: block;
}
.single__banner.is_bottom {
  margin-top: 4em;
}
.single__kind {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-top: 4rem;
}
.single__kind_en {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 3.2rem;
  letter-spacing: 0.01em;
}
.single__kind_ja {
  margin-left: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  letter-spacing: 0.05em;
}
.single__eye {
  margin-top: 4.2rem;
}
.single__tag {
  margin-top: 1.8rem;
}
.single__tag a {
  border: 1px solid #949799;
  padding: 1rem;
  letter-spacing: 0.01em;
}
.single__title {
  font-size: 3.2rem;
  line-height: 1.25;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 2.4rem;
  letter-spacing: 0.05em;
}
.single__title::before, .single__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.single__title::before {
  margin-bottom: calc((1 - 1.25) * .5em);
}
.single__title::after {
  margin-top: calc((1 - 1.25) * .5em);
}
.single__date {
  margin-top: 2.4rem;
  font-size: 1.3rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.single__date_item {
  letter-spacing: 0.01em;
}
.single__profile {
  margin-top: 4rem;
}
.single__profile_container {
  margin: auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border-top: 1px solid #282f33;
  padding-top: 4rem;
  max-width: 76.8rem;
}
.single__profile_textBlock {
  width: calc(100% - 9.6rem);
}
.single__profile_textInner {
  width: 88.339222615%;
  margin: auto;
}
.single__profile_img {
  width: 9.6rem;
}
.single__profile_name {
  text-transform: uppercase;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
.single__profile_text {
  margin-top: 2rem;
  line-height: 1.625;
}
.single__profile_text::before, .single__profile_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.single__profile_text::before {
  margin-bottom: calc((1 - 1.625) * .5em);
}
.single__profile_text::after {
  margin-top: calc((1 - 1.625) * .5em);
}
.single__profile_sns {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  justify-content: flex-end;
}
.single__profile_sns li {
  width: 3rem;
}
.single__profile_sns li:nth-child(n+2) {
  margin-left: 1rem;
}
.single__profile_sns svg {
  width: 3rem;
}
.single__profile_sns svg.is-twitter {
  width: 2.6rem;
}
.single__profile_sns svg.is-youtube {
  width: 3.4rem;
}
.single__profile_sns svg .twitter {
  fill: black;
}
.single__profile_sns svg .instagram {
  fill: #F70080;
}
.single__profile_sns svg .facebook {
  fill: #1874EC;
}
.single__profile_sns svg .youtube {
  fill: #BE2E29;
}
.single__related {
  background: #f2f2f2;
  padding: 8rem 0 6.4rem;
}
.single__related_ttl {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
}
.single__related .archive {
  background-color: #f2f2f2;
}
.single #toc_container {
  width: 100% !important;
  padding: 2em;
  margin: auto;
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}
.single #toc_container ul li::before {
  display: none;
}
.single__project {
  margin-top: 12.4rem;
}

.same-prefectures__link {
  display: block;
  width: fit-content;
  text-align: center;
  color: #5d87f1;
  margin: auto;
  margin-top: 2em;
  font-size: 1.3em;
  line-height: 1.4;
  font-weight: bold;
}

.paging__container {
  max-width: 76.8rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.paging__item {
  width: 49%;
  display: flex;
  align-items: center;
}
.paging__item.is--prev .paging__title {
  margin-left: 1rem;
}
.paging__item.is--next {
  flex-direction: row-reverse;
}
.paging__item.is--next .paging__title {
  margin-right: 1rem;
}
.paging__item.is--next.is--home {
  text-align: right;
}
.paging__thumb {
  width: 25%;
}
.paging__title {
  width: 75%;
  line-height: 1.6;
}

.post {
  margin-top: 5.8rem;
}
.post :first-child {
  margin-top: 0;
}
.post :last-child {
  margin-bottom: 0;
}
.post > p {
  margin: 2.4em 0;
}
.post > h2 {
  margin: 5.9375em 0 1.8125em;
}
.post > h2:first-of-type {
  margin-top: 5.8rem;
}
.post > h3 {
  margin: 2em 0;
}
.post > h4 {
  margin: 2rem 0;
}
.post > h5 {
  margin: 1.2em 0;
}
.post > figure {
  margin: 3.5em 0;
}
.post > ul, .post ol {
  margin: 3.5em 0;
}
.post b, .post strong {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.post p {
  font-size: 1.125em;
  line-height: 2.25;
  letter-spacing: 0.05em;
}
.post p::before, .post p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.post p::before {
  margin-bottom: calc((1 - 2.25) * .5em);
}
.post p::after {
  margin-top: calc((1 - 2.25) * .5em);
}
.post h2, .post h3, .post h4, .post h5, .post h6 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.25;
}
.post h2 {
  font-size: 2em;
}
.post h3 {
  font-size: 1.8em;
  padding-left: 1.6rem;
  border-left: 0.6rem solid #282f33;
}
.post h4 {
  font-size: 1.4em;
  line-height: 2.5;
}
.post h4::before, .post h4::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.post h4::before {
  margin-bottom: calc((1 - 2.5) * .5em);
}
.post h4::after {
  margin-top: calc((1 - 2.5) * .5em);
}
.post h5 {
  font-size: 1.4em;
  line-height: 2;
  font-weight: bold;
}
.post h5::before, .post h5::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.post h5::before {
  margin-bottom: calc((1 - 2) * .5em);
}
.post h5::after {
  margin-top: calc((1 - 2) * .5em);
}
.post a {
  color: #1a0dab;
}
.post ul li, .post ol li {
  font-size: 1.6rem;
  line-height: 2;
}
.post ul li:nth-child(n+2), .post ol li:nth-child(n+2) {
  margin-top: 1rem;
}
.post ul li::before {
  content: "○";
  margin-right: 0.6rem;
}
.post blockquote {
  padding: 4em;
  border: 2px solid #e6e6e6;
  position: relative;
}
.post blockquote::before, .post blockquote::after {
  position: absolute;
  font-size: 6rem;
}
.post blockquote::before {
  content: "“";
  top: 1.8rem;
  left: 1.8rem;
}
.post blockquote::after {
  content: "”";
  bottom: -1.2rem;
  right: 1.8rem;
}
.post blockquote cite {
  display: block;
  margin-top: 2em;
}
.post .wp-block-table {
  line-height: 1.6;
}
.post .wp-block-image figcaption {
  margin-top: 0.8em;
  line-height: 1.4;
}

.about {
  background: #fff;
  padding-top: 7.8rem;
}
.about__project {
  margin-top: 13rem;
}

.concept__img {
  margin-top: 7.2rem;
  display: block;
}
.concept__textBlock {
  max-width: 101.4rem;
  margin: auto;
}
.concept__catch {
  font-size: 12.3rem;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.93495935;
  margin-top: -6rem;
}
.concept__subcatch {
  margin-top: 2.6rem;
  font-size: 4.9rem;
  letter-spacing: 0.03em;
}
.concept__content {
  font-size: 2.2rem;
  letter-spacing: 0.03em;
  line-height: 2.149090909;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 8.2rem;
}
.concept__content::before, .concept__content::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.concept__content::before {
  margin-bottom: calc((1 - 2.149090909) * .5em);
}
.concept__content::after {
  margin-top: calc((1 - 2.149090909) * .5em);
}
.concept__content_text:first-of-type {
  margin-top: 0;
}
.concept__content_text:nth-child(n+2) {
  margin-top: 7.6rem;
}

.productionStructure {
  margin-top: 18.4rem;
}
.productionStructure__intro {
  line-height: 1.875;
  margin-top: 6rem;
}
.productionStructure__intro::before, .productionStructure__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.productionStructure__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.productionStructure__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.productionStructure__img {
  margin-top: 9.6rem;
  position: relative;
}
.productionStructure__img_img {
  display: block;
  max-width: 101.4rem;
  margin: auto;
}
.productionStructure__img_textblock {
  position: absolute;
  right: 5.917159763%;
  bottom: 0;
}
.productionStructure__img_text {
  font-size: 1.8rem;
  letter-spacing: 0.03em;
  line-height: 1.182222222;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.productionStructure__img_text::before, .productionStructure__img_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.productionStructure__img_text::before {
  margin-bottom: calc((1 - 1.182222222) * .5em);
}
.productionStructure__img_text::after {
  margin-top: calc((1 - 1.182222222) * .5em);
}
.productionStructure__img_note {
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  margin-top: 1.2rem;
}
.productionStructure__img_link {
  text-decoration: underline;
  margin-top: 3rem;
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.flow {
  background: #fff;
  padding-top: 7.8rem;
}
.flow__intro {
  line-height: 1.875;
  margin-top: 6.2rem;
}
.flow__intro::before, .flow__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.flow__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.flow__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.flow .contactSecBtn__item.is--form .contactSecBtn__textbox {
  margin-left: -3rem;
}

.flowList {
  counter-reset: num;
  margin-top: 9.4rem;
}
.flowList__item {
  counter-increment: num;
  max-width: 84.4rem;
  margin: auto;
  padding-top: 4.6rem;
  padding-bottom: 2.4rem;
  padding-left: 4.255319149%;
  border-left: 2px solid #94b7ae;
  position: relative;
}
.flowList__item:nth-child(n+2) {
  margin-top: 7rem;
}
.flowList__item::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background: #94b7ae;
  border-radius: 50%;
  position: absolute;
  top: -0.75rem;
  left: -0.75rem;
}
.flowList__item_flex {
  display: flex;
  justify-content: space-between;
}
.flowList__item_textblock {
  width: 48.345153664%;
}
.flowList__item_imgblock {
  display: block;
  width: 40.898345154%;
}
.flowList__item_ttl {
  font-size: 3.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  position: relative;
}
.flowList__item_ttl::before {
  color: #94b7ae;
  font-size: 8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  content: counter(num, decimal-leading-zero);
  position: absolute;
  top: -8.878125rem;
  left: 0;
}
.flowList__item_text {
  margin-top: 2.4rem;
  line-height: 1.875;
}
.flowList__item_text::before, .flowList__item_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.flowList__item_text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.flowList__item_text::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.news {
  background: #fff;
}

.skeleton {
  background: #fff;
  padding-top: 7.8rem;
  padding-bottom: 19rem;
}

.skeletonIntro {
  padding-bottom: 6.6rem;
}
.skeletonIntro .pageHeading h1 {
  margin-top: 0;
}
.skeletonIntro__intro {
  line-height: 1.875;
  margin-top: 4.4rem;
}
.skeletonIntro__intro::before, .skeletonIntro__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonIntro__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.skeletonIntro__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.skeletonIntro__img {
  display: flex;
  justify-content: space-between;
  margin-top: 5.4rem;
}
.skeletonIntro__img_item {
  width: 49.738659794%;
}

.skeletonSafety {
  background: #e8dfc0;
  padding-top: 7.2rem;
  padding-bottom: 3.2rem;
}
.skeletonSafety__ttl {
  font-size: 4.4rem;
  line-height: 1.442727273;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.skeletonSafety__ttl::before, .skeletonSafety__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonSafety__ttl::before {
  margin-bottom: calc((1 - 1.442727273) * .5em);
}
.skeletonSafety__ttl::after {
  margin-top: calc((1 - 1.442727273) * .5em);
}
.skeletonSafety__intro {
  line-height: 1.875;
  margin-top: 3rem;
}
.skeletonSafety__intro::before, .skeletonSafety__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonSafety__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.skeletonSafety__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.skeletonSafety__img {
  margin-top: 6.4rem;
  display: block;
  width: 90.946843854%;
}
.skeletonSafety__link {
  font-size: 2.4rem;
  line-height: 1.333333333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 7rem;
}
.skeletonSafety__link::before, .skeletonSafety__link::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonSafety__link::before {
  margin-bottom: calc((1 - 1.333333333) * .5em);
}
.skeletonSafety__link::after {
  margin-top: calc((1 - 1.333333333) * .5em);
}
.skeletonSafety__link a {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  text-decoration: underline;
}

.skeletonSize {
  padding-top: 23rem;
  padding-bottom: 8rem;
  position: relative;
}
.skeletonSize .clip * {
  fill: #e8dfc0;
}
.skeletonSize__intro {
  line-height: 1.875;
  margin-top: 6.2rem;
}
.skeletonSize__intro::before, .skeletonSize__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonSize__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.skeletonSize__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.skeletonSize__list {
  margin-top: 10rem;
}
.skeletonSize__list_item {
  display: grid;
  grid-template: "ttl img" auto "text img" 1fr/38.659793814% 61.340206186%;
  padding-top: 8.4rem;
  padding-bottom: 6rem;
}
.skeletonSize__list_item:first-of-type {
  padding-top: 0;
}
.skeletonSize__list_item:last-of-type {
  border-bottom: 1px solid #282f33;
}
.skeletonSize__list_item:nth-child(n+2) {
  border-top: 1px solid #282f33;
}
.skeletonSize__list_ttl {
  grid-area: ttl;
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.skeletonSize__list_heading-small {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  margin-top: 4rem;
}
.skeletonSize__list_textBlock {
  grid-area: text;
  margin-top: 3rem;
}
.skeletonSize__list_text {
  line-height: 1.875;
}
.skeletonSize__list_text::before, .skeletonSize__list_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonSize__list_text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.skeletonSize__list_text::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.skeletonSize__list_price {
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  margin-top: 1rem;
}
.skeletonSize__list_other {
  margin-top: 1rem;
}
.skeletonSize__list_imgBlock {
  grid-area: img;
  justify-self: center;
  align-self: center;
}
.skeletonSize__list_img {
  display: inline-block;
}
.skeletonSize__note {
  line-height: 1.875;
  margin-top: 5rem;
}
.skeletonSize__note::before, .skeletonSize__note::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonSize__note::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.skeletonSize__note::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.skeletonFlow {
  padding-top: 8rem;
}
.skeletonFlow__intro {
  line-height: 1.875;
  margin-top: 6rem;
}
.skeletonFlow__intro::before, .skeletonFlow__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonFlow__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.skeletonFlow__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.skeletonFlow__list {
  margin-top: 8rem;
  counter-reset: num;
}
.skeletonFlow__list_item {
  margin-top: 4rem;
  counter-increment: num;
  padding-bottom: 4.2rem;
  padding-left: 10.6rem;
  position: relative;
}
.skeletonFlow__list_item::before {
  content: counter(num, decimal-leading-zero) ".";
  color: rgba(40, 47, 51, 0.35);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 6rem;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: -1.6rem;
  z-index: 1;
}
.skeletonFlow__list_item::after {
  content: "";
  width: 0.2rem;
  height: 100%;
  background: rgba(40, 47, 51, 0.5);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 3.3145rem;
}
.skeletonFlow__list:first-of-type {
  margin-top: 0;
}
.skeletonFlow__list_item:last-of-type::before {
  color: #282f33;
}
.skeletonFlow__list_item:last-of-type::after {
  display: none;
}
.skeletonFlow__list_ttl {
  font-size: 2.3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  line-height: 1.4;
}
.skeletonFlow__list_text {
  margin-top: 1.4rem;
  line-height: 1.875;
}
.skeletonFlow__list_text::before, .skeletonFlow__list_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.skeletonFlow__list_text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.skeletonFlow__list_text::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.skeletonFlow__list_contact .contactSecBtn {
  margin-top: 2rem;
}
.skeletonFlow .contactSecBtn {
  width: 90.3rem;
}
@media screen and (max-width: 1204px) {
  .skeletonFlow .contactSecBtn {
    flex-direction: column;
  }
}
.skeletonFlow .contactSecBtn__item {
  width: 44.8rem;
}
@media screen and (max-width: 1204px) {
  .skeletonFlow .contactSecBtn__item {
    aspect-ratio: 298/96;
  }
}
.skeletonFlow .contactSecBtn__item.is--form {
  justify-content: flex-end;
}
.skeletonFlow .contactSecBtn__item.is--form img {
  margin-left: 3.6rem;
}
@media screen and (max-width: 1204px) {
  .skeletonFlow .contactSecBtn__item.is--tel {
    margin-top: 1rem;
  }
}
.skeletonFlow .contactSecBtn__item.is--tel .contactSecBtn__title {
  font-size: 1.5rem;
}
.skeletonFlow .contactSecBtn__item.is--tel .contactSecBtn__number {
  font-size: 3.6rem;
  margin-top: 1.2rem;
}
.skeletonFlow .contactSecBtn__item.is--tel .contactSecBtn__opening {
  font-size: 1.4rem;
  margin-top: 1.2rem;
}
.skeletonFlow .contactSecBtn__textbox {
  margin-left: 1.6rem;
}

.skeletonFlow.is-containerhouse {
  padding-top: 7.4rem;
}

.aboutContainer {
  padding-top: 7.8rem;
  padding-bottom: 19rem;
  background: #fff;
}

.aboutContainerBeginning__container {
  max-width: 102rem;
}
.aboutContainerBeginning__ttl {
  display: flex;
  flex-direction: column-reverse;
}
.aboutContainerBeginning__ttl h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 4.6rem;
  line-height: 1.336521739;
  margin-top: 4.8rem;
}
.aboutContainerBeginning__ttl h2::before, .aboutContainerBeginning__ttl h2::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.aboutContainerBeginning__ttl h2::before {
  margin-bottom: calc((1 - 1.336521739) * .5em);
}
.aboutContainerBeginning__ttl h2::after {
  margin-top: calc((1 - 1.336521739) * .5em);
}
.aboutContainerBeginning__ttl p {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 12.3rem;
  line-height: 0.93495935;
}
.aboutContainerBeginning__ttl p::before, .aboutContainerBeginning__ttl p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.aboutContainerBeginning__ttl p::before {
  margin-bottom: calc((1 - 0.93495935) * .5em);
}
.aboutContainerBeginning__ttl p::after {
  margin-top: calc((1 - 0.93495935) * .5em);
}
.aboutContainerBeginning__text {
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2.149090909;
  margin-top: 7.4rem;
}
.aboutContainerBeginning__text::before, .aboutContainerBeginning__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.aboutContainerBeginning__text::before {
  margin-bottom: calc((1 - 2.149090909) * .5em);
}
.aboutContainerBeginning__text::after {
  margin-top: calc((1 - 2.149090909) * .5em);
}
.aboutContainerBeginning__text:first-of-type {
  margin-top: 11.2rem;
}
.aboutContainerBeginning__imgblock {
  display: flex;
  justify-content: space-between;
  margin-top: 11.8rem;
}
.aboutContainerBeginning__imgblock_item {
  width: 32.817869416%;
}

.containerhouseFeature {
  margin-top: 14rem;
}

.containerhouseFeatureList {
  margin-top: 12.6rem;
  counter-reset: num;
}
.containerhouseFeatureList__item {
  display: flex;
  justify-content: space-between;
  padding-top: 12.4rem;
  counter-increment: num;
  position: relative;
}
.containerhouseFeatureList__item::before {
  content: counter(num, decimal-leading-zero);
  font-size: 12.675rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #94b7ae;
  position: absolute;
  top: -1.638rem;
  left: 0;
}
.containerhouseFeatureList__item:nth-child(n+2) {
  margin-top: 11rem;
}
.containerhouseFeatureList__textBlock {
  width: 54.639175258%;
}
.containerhouseFeatureList__imgBlock {
  display: block;
  width: 39.862542955%;
  margin-top: 9rem;
}
.containerhouseFeatureList__ttl {
  font-size: 4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.containerhouseFeatureList__text {
  line-height: 1.875;
  margin-top: 5rem;
}
.containerhouseFeatureList__text::before, .containerhouseFeatureList__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.containerhouseFeatureList__text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.containerhouseFeatureList__text::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.containerhouseFeatureFunction {
  margin-top: 15rem;
  background: #94b7ae;
  padding: 6rem 7rem;
}
.containerhouseFeatureFunction__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 3.6rem;
}
.containerhouseFeatureFunction__heading {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding-bottom: 1.9rem;
  margin-top: 6.6rem;
  position: relative;
}
.containerhouseFeatureFunction__heading::before {
  content: "";
  display: inline-block;
  width: 8.5rem;
  height: 0.2rem;
  background: #282f33;
  position: absolute;
  bottom: 0;
  left: 0;
}
.containerhouseFeatureFunction__heading:first-of-type {
  margin-top: 3.6rem;
}
.containerhouseFeatureFunction__text {
  margin-top: 2.8rem;
  line-height: 1.875;
}
.containerhouseFeatureFunction__text::before, .containerhouseFeatureFunction__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.containerhouseFeatureFunction__text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.containerhouseFeatureFunction__text::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.house {
  background: #fff;
  padding-top: 7.8rem;
  padding-bottom: 19rem;
}

.houseIntro {
  padding-bottom: 16rem;
}
.houseIntro__heading {
  font-size: 6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  line-height: 1.358;
}
.houseIntro__heading::before, .houseIntro__heading::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.houseIntro__heading::before {
  margin-bottom: calc((1 - 1.358) * .5em);
}
.houseIntro__heading::after {
  margin-top: calc((1 - 1.358) * .5em);
}
.houseIntro__intro {
  line-height: 1.875;
  margin-top: 4rem;
  font-size: 2rem;
}
.houseIntro__intro::before, .houseIntro__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.houseIntro__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.houseIntro__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.houseIntro__img {
  margin-top: 7.6rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.houseIntro__img_item {
  width: 32.903780069%;
}
.houseIntro__img_item:nth-child(n+4) {
  margin-top: 1rem;
}
.houseIntro__2column {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12.8rem;
}
.houseIntro__2column_img {
  width: 59.278350515%;
  text-align: center;
}
.houseIntro__2column_img img {
  width: 64.927536232%;
  margin: auto;
}
.houseIntro__2column_list {
  width: 40.721649485%;
}
.houseIntro__2column_list li {
  text-decoration: underline;
  font-size: 3.12rem;
  line-height: 1.153846154;
}
.houseIntro__2column_list li::before, .houseIntro__2column_list li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.houseIntro__2column_list li::before {
  margin-bottom: calc((1 - 1.153846154) * .5em);
}
.houseIntro__2column_list li::after {
  margin-top: calc((1 - 1.153846154) * .5em);
}
.houseIntro__2column_list li:nth-child(n+2) {
  margin-top: 3.4rem;
}

.houseIntro.-facility .houseIntro__2column_img {
  width: 50%;
}
.houseIntro.-facility .houseIntro__2column_img img {
  width: 90%;
}
.houseIntro.-facility .houseIntro__2column_list {
  width: 50%;
}

.houseReason {
  padding-top: 16rem;
  padding-bottom: 8rem;
}
.houseReason__intro {
  margin-top: 4rem;
  line-height: 1.875;
}
.houseReason__intro::before, .houseReason__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.houseReason__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.houseReason__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.houseReasonList {
  margin-top: 7.4rem;
  counter-reset: num;
}
.houseReasonList__item {
  display: flex;
  justify-content: space-between;
  counter-increment: num;
}
.houseReasonList__item:nth-child(n+2) {
  margin-top: 7.6rem;
}
.houseReasonList__item[href] {
  transition: opacity 0.4s;
}
.houseReasonList__item[href]:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .houseReasonList__item[href]:hover {
    opacity: 0.7;
  }
}
.houseReasonList__textBlock {
  width: 44%;
}
.houseReasonList__imgBlock {
  display: block;
  width: 50.625vw;
  margin-right: calc((100vw - 100%) / 2 * (-1));
}
.houseReasonList__heading {
  font-size: 4.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  padding-left: 7rem;
  position: relative;
}
.houseReasonList__heading span {
  line-height: 1.260909091;
}
.houseReasonList__heading span::before, .houseReasonList__heading span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.houseReasonList__heading span::before {
  margin-bottom: calc((1 - 1.260909091) * .5em);
}
.houseReasonList__heading span::after {
  margin-top: calc((1 - 1.260909091) * .5em);
}
.houseReasonList__heading::before {
  content: counter(num, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 4.448rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #282f33;
  white-space: nowrap;
  padding-bottom: 1.2rem;
  border-bottom: 0.2rem solid #282f33;
}
.houseReasonList__text {
  line-height: 1.875;
  margin-top: 4rem;
  padding-left: 7rem;
  font-size: 2rem;
}
.houseReasonList__text::before, .houseReasonList__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.houseReasonList__text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.houseReasonList__text::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.houseReasonList__text img {
  display: block;
  margin: auto;
  margin-top: 5rem;
}
.houseReasonList__text img.sauna {
  width: 27rem;
}
.houseReasonList__text img.parking {
  width: 21.2rem;
}
.houseReasonList__text img.trailer {
  width: 18.8rem;
}
.houseReasonList__text_detail {
  text-align: right;
  margin-top: 3rem;
}

.houseAbility {
  background: #93b6ad;
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.houseAbility__ttl {
  font-size: 4.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  line-height: 1.442727273;
}
.houseAbility__ttl::before, .houseAbility__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.houseAbility__ttl::before {
  margin-bottom: calc((1 - 1.442727273) * .5em);
}
.houseAbility__ttl::after {
  margin-top: calc((1 - 1.442727273) * .5em);
}
.houseAbility__intro {
  line-height: 1.875;
  margin-top: 4rem;
}
.houseAbility__intro::before, .houseAbility__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.houseAbility__intro::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.houseAbility__intro::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.houseAbility__icon {
  margin: auto;
  margin-top: 4.6rem;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.houseAbility__icon_item {
  width: 14.4rem;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .houseAbility__icon_item {
    width: 26.417910448%;
  }
  .houseAbility__icon_item:nth-child(n+4) {
    margin-top: 3em;
  }
}
.houseAbility__icon_text {
  margin-top: 1.6rem;
  white-space: nowrap;
}
.houseAbility .single__related {
  background: #93b6ad;
  padding: 0;
}
.houseAbility .single__related .archive {
  background: #93b6ad;
}
.houseAbility .archive__link {
  width: 23%;
}
.houseAbility .archive__link:nth-child(n+4) {
  margin-top: 0;
}

.snsShareArea {
  left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}
.snsShareArea__heading {
  writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 4rem;
}
.snsShareArea__item {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 1rem;
}
.snsShareArea__item.btn--twitter {
  margin-top: 2rem;
}
.snsShareArea__item.btn--facebook {
  color: #1874EC;
}
.snsShareArea__item.btn--hatena {
  color: #01a5df;
}
.snsShareArea__item.btn--line {
  color: #06c755;
}
.snsShareArea__item.btn--pocket {
  color: #EF4155;
}
.snsShareArea__item.btn--pinterest {
  color: #E7021C;
}

.miniSize {
  padding-top: 6rem;
  padding-bottom: 5.5rem;
}
.miniSize__sizeImg {
  display: block;
  width: 75.257731959%;
  margin: auto;
  margin-top: 8rem;
}
.miniSize__2columnImg {
  display: flex;
  justify-content: space-between;
  margin-top: 7rem;
}
.miniSize__2columnImg_item {
  width: 48.969072165%;
}

.miniMessage {
  font-size: 4.4rem;
  line-height: 1.260909091;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.miniMessage::before, .miniMessage::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.miniMessage::before {
  margin-bottom: calc((1 - 1.260909091) * .5em);
}
.miniMessage::after {
  margin-top: calc((1 - 1.260909091) * .5em);
}

.is-trailer .houseIntro__2column {
  margin-top: 8rem;
}
.is-trailer .houseIntro__2column_img {
  position: relative;
}
.is-trailer .houseIntro__2column_img .leaseOk {
  position: absolute;
  top: -4rem;
  left: 0;
  width: 20rem;
  aspect-ratio: 1;
  background-color: orange;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.6;
  border-radius: 50%;
  font-size: 2rem;
  text-align: center;
}
.is-trailer .houseIntro__2column_img img {
  width: 90%;
}
.is-trailer .miniMessage__komazawa {
  margin: auto;
  margin-top: 8rem;
}

.trailerSize__heading {
  margin-top: 8rem;
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.trailerSize__table {
  table-layout: fixed;
  margin: auto;
  margin-top: 4rem;
  width: 70rem;
  max-width: 100%;
  border: 1px solid #282f33;
}
.trailerSize__table tr {
  display: flex;
}
.trailerSize__table tr:last-of-type th, .trailerSize__table tr:last-of-type td {
  border-bottom: none;
}
.trailerSize__table th {
  width: 30rem;
  border-right: 1px solid #282f33;
  border-bottom: 1px solid #282f33;
  padding-top: 2rem;
  padding-bottom: 2rem;
  line-height: 1.4;
}
.trailerSize__table td {
  width: calc( 100% - 30rem );
  padding: 2rem;
  border-bottom: 1px solid #282f33;
  line-height: 1.4;
}

.trailerMessage {
  font-size: 4.4rem;
  line-height: 1.260909091;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.trailerMessage::before, .trailerMessage::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.trailerMessage::before {
  margin-bottom: calc((1 - 1.260909091) * .5em);
}
.trailerMessage::after {
  margin-top: calc((1 - 1.260909091) * .5em);
}
.trailerMessage__banner {
  width: 80rem;
  margin: auto;
  margin-top: 4rem;
}
.trailerMessage__banner a {
  display: block;
}

.fundamentals {
  background: #fff;
  padding-top: 7.8rem;
  padding-bottom: 19rem;
}
.fundamentals h1 {
  font-size: 6rem;
  line-height: 1.358;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.fundamentals h1::before, .fundamentals h1::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.fundamentals h1::before {
  margin-bottom: calc((1 - 1.358) * .5em);
}
.fundamentals h1::after {
  margin-top: calc((1 - 1.358) * .5em);
}
.fundamentals__intro {
  margin-top: 4rem;
}
.fundamentals .post :first-child {
  margin-top: 0;
}
.fundamentals__content {
  margin-top: 11rem;
}

.fundamentalsContact h2 {
  margin-top: 4rem;
  font-size: 3.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  margin: 5.9375em 0 1.8125em;
}
.fundamentalsContact__heading {
  font-size: 2.4rem;
  line-height: 1.333333333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 4rem;
}
.fundamentalsContact__heading::before, .fundamentalsContact__heading::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.fundamentalsContact__heading::before {
  margin-bottom: calc((1 - 1.333333333) * .5em);
}
.fundamentalsContact__heading::after {
  margin-top: calc((1 - 1.333333333) * .5em);
}
.fundamentalsContact__text {
  line-height: 1.875;
  margin-top: 2rem;
}
.fundamentalsContact__text::before, .fundamentalsContact__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.fundamentalsContact__text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.fundamentalsContact__text::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.fundamentalsContact .contactBtn {
  margin-top: 4.4rem;
}
.agency .fz-color_main {
  color: #23ada9;
  font-weight: bold;
}

.agencyBtn {
  display: flex;
  justify-content: center;
}

.agencyBtn--inquiry .agencyBtn__content {
  background: #23ada9;
  color: #fff;
  padding: 3rem;
  border-radius: 0.45rem;
  width: 87.8rem;
  text-align: center;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  transition: all 0.4s;
  border: 2px solid #23ada9;
}
.agencyBtn--inquiry .agencyBtn__content:focus {
  background: #fff;
  color: #23ada9;
  border: 2px solid #23ada9;
}
@media (hover: hover) and (pointer: fine) {
  .agencyBtn--inquiry .agencyBtn__content:hover {
    background: #fff;
    color: #23ada9;
    border: 2px solid #23ada9;
  }
}

.agencyBtn--phone .agencyBtn__content {
  display: flex;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.fz-small {
  font-size: 1.6rem;
}

.agencySection {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.agencySection__intro {
  text-align: center;
  line-height: 2;
  margin-top: 5rem;
}
.agencySection__intro::before, .agencySection__intro::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencySection__intro::before {
  margin-bottom: calc((1 - 2) * .5em);
}
.agencySection__intro::after {
  margin-top: calc((1 - 2) * .5em);
}

.agencyTitle {
  font-size: 3.2rem;
  margin-top: 5rem;
  line-height: 1.526875;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.agencyTitle::before, .agencyTitle::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyTitle::before {
  margin-bottom: calc((1 - 1.526875) * .5em);
}
.agencyTitle::after {
  margin-top: calc((1 - 1.526875) * .5em);
}
.agencyTitle__wrap {
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
}
.agencyTitle--en {
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.agencyContact__text {
  text-align: center;
  line-height: 1.6;
  font-size: 2rem;
}
.agencyContact__text::before, .agencyContact__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyContact__text::before {
  margin-bottom: calc((1 - 1.6) * .5em);
}
.agencyContact__text::after {
  margin-top: calc((1 - 1.6) * .5em);
}
.agencyContact .agencyBtn {
  margin-top: 5rem;
}

.agencyMv {
  padding: 0;
  position: relative;
  aspect-ratio: 1500/984;
  display: flex;
}
.agencyMv__container {
  position: relative;
  z-index: 1;
  margin: auto;
}
.agencyMv__ttl {
  font-size: 6rem;
  line-height: 1.380833333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.agencyMv__ttl::before, .agencyMv__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyMv__ttl::before {
  margin-bottom: calc((1 - 1.380833333) * .5em);
}
.agencyMv__ttl::after {
  margin-top: calc((1 - 1.380833333) * .5em);
}
@media (max-width: 1000px) {
  .agencyMv__ttl {
    font-size: 5vw;
  }
}
.agencyMv__sub-ttl {
  font-size: 2rem;
  line-height: 1.843;
  margin-top: 5rem;
}
.agencyMv__sub-ttl::before, .agencyMv__sub-ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyMv__sub-ttl::before {
  margin-bottom: calc((1 - 1.843) * .5em);
}
.agencyMv__sub-ttl::after {
  margin-top: calc((1 - 1.843) * .5em);
}
@media (max-width: 1000px) {
  .agencyMv__sub-ttl {
    font-size: 2vw;
  }
}
.agencyMv__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.agencyAbout {
  padding-bottom: 10rem;
}
.agencyAbout__content {
  display: flex;
  align-items: center;
  margin-top: 4rem;
}
.agencyAbout__key {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19.27586rem;
  aspect-ratio: 1;
  border: 0.15rem solid;
  border-radius: 50%;
}
.agencyAbout__key:nth-child(n+2) {
  margin-left: 3.984063745%;
}
.agencyAbout__key_wrap {
  display: flex;
  justify-content: center;
  width: 58.828125%;
}
.agencyAbout__key_content {
  text-align: center;
}
.agencyAbout__key_sub {
  font-size: 1.4rem;
}
.agencyAbout__key_item {
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 1.6rem;
}
.agencyAbout__key_img {
  display: block;
  width: 63.7rem;
  margin-right: -11rem;
}

.agencyQuality {
  background-color: #e6edef;
  padding-bottom: 20rem;
}

.agencyCaution {
  color: #ff0000;
  text-align: center;
  font-size: 1.4rem;
  margin-top: 3rem;
  line-height: 1.6;
}
.agencyCaution::before, .agencyCaution::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyCaution::before {
  margin-bottom: calc((1 - 1.6) * .5em);
}
.agencyCaution::after {
  margin-top: calc((1 - 1.6) * .5em);
}

.agencyStandard {
  width: 74.609375%;
  border: 1px solid #23ada9;
  padding: 5rem;
  margin: auto;
  margin-top: 10rem;
}
@media (max-width: 1020px) {
  .agencyStandard {
    width: 100%;
  }
}

.agencyStandardList {
  width: 66.4rem;
  margin: auto;
  margin-top: 5rem;
  list-style-position: inside;
}
@media (max-width: 1020px) {
  .agencyStandardList {
    width: 100%;
  }
}
.agencyStandardList li {
  line-height: 1.4;
}
.agencyStandardList li:nth-child(n+2) {
  margin-top: 2rem;
}
.agencyStandardList li::before {
  content: "・";
}

.agencyStandard__ttl,
.agencyTest__ttl {
  font-size: 2.2rem;
  line-height: 1.402727273;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.agencyStandard__ttl::before, .agencyStandard__ttl::after,
.agencyTest__ttl::before,
.agencyTest__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyStandard__ttl::before,
.agencyTest__ttl::before {
  margin-bottom: calc((1 - 1.402727273) * .5em);
}
.agencyStandard__ttl::after,
.agencyTest__ttl::after {
  margin-top: calc((1 - 1.402727273) * .5em);
}

.agencyTest {
  width: 74.609375%;
  padding-left: 5rem;
  padding-right: 5rem;
  margin: auto;
  margin-top: 10rem;
}
@media (max-width: 1020px) {
  .agencyTest {
    width: 100%;
  }
}

.agencyTestList {
  margin-top: 5rem;
}
.agencyTestList__item:nth-child(n+2) {
  margin-top: 3rem;
}
.agencyTestList__heading {
  color: #23ada9;
  text-decoration: underline;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.agencyTestList__text {
  margin-top: 1.4rem;
  line-height: 1.75;
}
.agencyTestList__text::before, .agencyTestList__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyTestList__text::before {
  margin-bottom: calc((1 - 1.75) * .5em);
}
.agencyTestList__text::after {
  margin-top: calc((1 - 1.75) * .5em);
}

.agencyProducts__type {
  position: relative;
  width: 37rem;
  margin: auto;
}
.agencyProducts__type.is-small {
  margin-top: 10rem;
}
.agencyProducts__type_heading {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  position: absolute;
  right: -2.4rem;
  bottom: 3.2rem;
}
.agencyProducts__size {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2%;
}
.agencyProducts__size_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10rem;
}
.agencyProducts__size:nth-child(n+3) {
  margin-top: 10rem;
}
.agencyProducts__size_heading {
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #23ada9;
}
.agencyProducts__size_detail {
  margin-top: 3rem;
  line-height: 1.625;
}
.agencyProducts__size_detail::before, .agencyProducts__size_detail::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyProducts__size_detail::before {
  margin-bottom: calc((1 - 1.625) * .5em);
}
.agencyProducts__size_detail::after {
  margin-top: calc((1 - 1.625) * .5em);
}
.agencyProducts__size img {
  margin-top: 5rem;
  max-width: 100%;
}
.agencyProducts__size.is-40feet img {
  width: 46.8rem;
}
.agencyProducts__size.is-20feet img {
  width: 28.4rem;
}
.agencyProducts__size.is-12feet img {
  width: 21.2rem;
}
.agencyProducts__size.is-10feet img {
  width: 20rem;
}

.agencyToGallery {
  width: 90.5rem;
  display: flex;
  align-items: center;
  margin: auto;
  border: 1px solid #000;
  padding: 3.2rem;
  border-radius: 4.5px;
  transition: opacity 0.4s;
}
.agencyToGallery:focus {
  opacity: 0.6;
}
@media (hover: hover) and (pointer: fine) {
  .agencyToGallery:hover {
    opacity: 0.6;
  }
}
.agencyToGallery__wrap {
  margin-top: 10rem;
}
.agencyToGallery__text {
  flex-grow: 1;
  text-align: center;
}

.agencyPartnership {
  background: #e6edef;
  padding-bottom: 20rem;
}
.agencyPartnership__content {
  margin: auto;
  width: 71.2rem;
}
@media (max-width: 800px) {
  .agencyPartnership__content {
    width: 100%;
  }
}
.agencyPartnership__content:nth-child(n+2) {
  margin-top: 10rem;
}
.agencyPartnership__content_wrap {
  margin-top: 10rem;
  counter-reset: num;
}
.agencyPartnership__heading {
  text-align: center;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  counter-increment: num;
  line-height: 1;
}
.agencyPartnership__heading::before {
  content: counter(num, decimal-leading-zero);
  display: block;
  color: #23ada9;
  margin-bottom: 3rem;
  font-size: 4.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.agencyPartnership__text {
  line-height: 2.125;
  margin-top: 3rem;
}
.agencyPartnership__text::before, .agencyPartnership__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.agencyPartnership__text::before {
  margin-bottom: calc((1 - 2.125) * .5em);
}
.agencyPartnership__text::after {
  margin-top: calc((1 - 2.125) * .5em);
}

footer {
  color: #fff;
  background-color: #23ada9;
}

.komazawa__sectionTtl {
  text-align: center;
  text-transform: uppercase;
  font-size: 5.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}

.komazawa__sectionIntro {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: 4.2rem;
  text-align: center;
}

.is--komazawa-teaser .topMv {
  padding-top: 26.2rem;
  background: #e9e9e9;
}
.is--komazawa-teaser .topMv__container {
  display: flex;
  flex-direction: column;
}

.topMv__komazawaTtl {
  order: 2;
  font-size: 4.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  margin-top: 6.4rem;
}
.topMv__komazawaTtl::before, .topMv__komazawaTtl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topMv__komazawaTtl::before {
  margin-bottom: calc((1 - 1.3) * .5em);
}
.topMv__komazawaTtl::after {
  margin-top: calc((1 - 1.3) * .5em);
}

.topMv__komazawaText {
  order: 3;
  margin-top: 9.6rem;
  padding-bottom: 10rem;
  text-align: center;
  line-height: 2;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.topMv__komazawaText::before, .topMv__komazawaText::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topMv__komazawaText::before {
  margin-bottom: calc((1 - 2) * .5em);
}
.topMv__komazawaText::after {
  margin-top: calc((1 - 2) * .5em);
}
.topMv__komazawaText_item:nth-child(n+2) {
  margin-top: 6.8rem;
}

.topMv__komazawaDate {
  order: 1;
  position: relative;
  text-align: center;
}
.topMv__komazawaDate_date {
  font-size: 12.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1184px) {
  .topMv__komazawaDate_date {
    font-size: 10rem;
  }
}
.topMv__komazawaDate_mark {
  width: 19rem;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 110%;
  bottom: 0;
  background: #ffb600;
  border-radius: 50%;
  font-size: 2.2rem;
}
@media (max-width: 1184px) {
  .topMv__komazawaDate_mark {
    width: 15rem;
    left: 88%;
    bottom: 110%;
  }
}

.komazawaAccess {
  text-align: center;
  padding-top: 8.2rem;
  padding-bottom: 5.7rem;
  background: #fff;
}
.komazawaAccess__heading {
  font-size: 2.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: 7rem;
}
.komazawaAccess__address {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: 2.2rem;
}
.komazawaAccess__link {
  display: inline-block;
  margin-top: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding-right: 2rem;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.komazawaAccess__link::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.3rem;
  background: #282f33;
  position: absolute;
  bottom: 0;
}
.komazawaAccess__link .outerlink {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.5rem;
}
.komazawaAccess__detail_wrap {
  display: flex;
  justify-content: center;
  margin-top: 3.4rem;
}
.komazawaAccess__detail {
  display: flex;
  flex-wrap: wrap;
  width: 20rem;
  text-align: left;
}
.komazawaAccess__detail dt {
  width: 8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.komazawaAccess__detail dt:nth-child(n+2) {
  margin-top: 1rem;
}
.komazawaAccess__detail dd {
  width: calc( 100% - 8rem );
  padding-left: 1.6rem;
}
.komazawaAccess__detail dd:nth-child(n+3) {
  margin-top: 1rem;
}
.komazawaAccess__way {
  text-align: left;
  margin-top: 4rem;
}
.komazawaAccess__way_item:nth-child(n+2) {
  margin-top: 3rem;
}
.komazawaAccess__way_heading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.komazawaAccess__way_detail {
  line-height: 2;
  margin-top: 1rem;
}
.komazawaAccess__way_detail li:nth-child(n+2) {
  margin-top: 1rem;
}

.komazawaAccess__map {
  aspect-ratio: 1164/518;
  margin-top: 5rem;
}
.komazawaAccess__map iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.komazawaReservation {
  padding-top: 8.6rem;
  padding-bottom: 6.6rem;
  background: #fff;
}
.komazawaReservation .contactSecBtn {
  margin-top: 7rem;
  flex-direction: column-reverse;
  align-items: center;
}
.komazawaReservation .contactSecBtn__item {
  aspect-ratio: initial;
  width: 58rem;
}
.komazawaReservation .contactSecBtn__item.is--form {
  margin-top: 5rem;
  padding: 4.2rem;
}

.komazawaTtl {
  font-size: 4.6rem;
  line-height: 0.956521739;
  letter-spacing: 0.03em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  text-align: center;
}
.komazawaTtl::before, .komazawaTtl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.komazawaTtl::before {
  margin-bottom: calc((1 - 0.956521739) * .5em);
}
.komazawaTtl::after {
  margin-top: calc((1 - 0.956521739) * .5em);
}

.komazawa__textBlock {
  margin-top: 7.2rem;
  font-size: 2rem;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: center;
}
.komazawa__textBlock p::before, .komazawa__textBlock p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.komazawa__textBlock p::before {
  margin-bottom: calc((1 - 1.8) * .5em);
}
.komazawa__textBlock p::after {
  margin-top: calc((1 - 1.8) * .5em);
}
.komazawa__textBlock p:nth-child(n+2) {
  margin-top: 5.2rem;
}

.komazawaConcept {
  padding-top: 12.6rem;
  padding-bottom: 12.6rem;
}
.komazawaConcept__ttl {
  font-size: 8.4rem;
  text-align: center;
  font-family: "gilroy-EXbold-Italic", sans-serif;
}
.komazawaConcept__ttl--jp {
  font-size: 3.2rem;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 3.6rem;
}
.komazawaConcept__subttl {
  font-size: 2.8rem;
  letter-spacing: 0.03em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
  margin-top: 7.4rem;
}

.komazawaWhat {
  padding-top: 12.4rem;
  padding-bottom: 25.6rem;
  background: #fff;
  transform-origin: right;
  position: relative;
}
.komazawaWhat__img {
  display: block;
  width: 22rem;
  margin: auto;
  margin-top: 7rem;
}
.komazawaWhat__btn {
  margin: auto;
  margin-top: 12rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.komazawaWhat__btn .btn {
  justify-content: center;
  font-size: 2.4rem;
  margin-left: 4rem;
}
.komazawaWhat__btn_img {
  width: 11.8rem;
}
.komazawaWhat__flexImg {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: flex;
  gap: 0 10px;
}
.komazawaWhat__flexImg picture {
  width: 50%;
}
.komazawaWhat__flexImg {
  margin-top: 7.2rem;
}

.komazawaKind {
  padding-top: 9rem;
  padding-bottom: 9.6rem;
  background: #f2f2f2;
  position: relative;
}
.komazawaKind__list {
  margin-top: 7rem;
}
.komazawaKind__item {
  display: flex;
  flex-direction: row-reverse;
}
.komazawaKind__item:nth-child(n+2) {
  margin-top: 9.6rem;
}
.komazawaKind__item_ttlBlock {
  display: flex;
  flex-direction: column-reverse;
}
.komazawaKind__item_ttl {
  font-size: 2rem;
  letter-spacing: 0.03em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  margin-top: 1.2rem;
}
.komazawaKind__item_ttl--en {
  font-size: 5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
.komazawaKind__item_text {
  margin-top: 3rem;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: justify;
}
.komazawaKind__item_text::before, .komazawaKind__item_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.komazawaKind__item_text::before {
  margin-bottom: calc((1 - 1.6) * .5em);
}
.komazawaKind__item_text::after {
  margin-top: calc((1 - 1.6) * .5em);
}
.komazawaKind__textBlock {
  width: 40%;
  padding-left: 6.451612903%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.komazawaKind__img {
  width: 60%;
  aspect-ratio: 726/486;
}
.komazawaKind__img img {
  height: 100%;
  object-fit: cover;
}
.komazawaKind__item:nth-of-type(2) {
  display: grid;
  grid-template: "space img1 space2 img2 space3" auto "space text space2 img2 space3" auto/6.443298969% 41.75257732% 3.865979381% 41.75257732% 6.18556701%;
}
.komazawaKind__item:nth-of-type(2) .komazawaKind__textBlock {
  grid-area: text;
  padding-left: 0;
}
.komazawaKind__item:nth-of-type(2) .komazawaKind__img.is--horizontal {
  grid-area: img1;
  width: 100%;
}
.komazawaKind__item:nth-of-type(2) .komazawaKind__img.is--vertical {
  grid-area: img2;
  width: 100%;
  aspect-ratio: 486/726;
}
.komazawaKind__item:nth-of-type(2) .komazawaKind__textBlock {
  width: 100%;
}

.main.is-komazawa {
  background: #fff;
}
.main.is-komazawa .contactSecBtn__item.is--tel {
  margin-top: 2.8rem;
}
.main.is-komazawa .contactSecBtn__item.is--form {
  margin-top: 0;
}
.main.is-komazawa .contactSecBtn__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
.main.is-komazawa .komazawaReservation {
  padding-top: 9.2rem;
  padding-bottom: 9.2rem;
}
.main.is-komazawa .komazawaReservation.is--top {
  transform: skewY(-3deg);
  transform-origin: left;
}
.main.is-komazawa .komazawaReservation.is--top .container {
  transform: skewY(3deg);
}
.main.is-komazawa .komazawaReservation.is--top .contactSecBtn {
  margin-top: 0;
}
.main.is-komazawa .komazawaReservation__note {
  margin-top: 3.6rem;
  text-align: center;
}
.main.is-komazawa .komazawaConcept {
  transform: skewY(-3deg);
  transform-origin: left;
  background: #f2f2f2;
}
.main.is-komazawa .komazawaConcept .container {
  transform: skewY(3deg);
}
.main.is-komazawa .komazawaAccess {
  position: relative;
  padding-top: 24.6rem;
}

.facilitiesFeatures__content {
  margin-top: 7.4rem;
}
.facilitiesFeatures__content_item:nth-child(n+2) {
  margin-top: 6rem;
}
.facilitiesFeatures__content_heading {
  font-size: 4.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.facilitiesFeatures__content_text {
  line-height: 1.875;
  margin-top: 4rem;
  font-size: 2rem;
}
.facilitiesFeatures__content_text::before, .facilitiesFeatures__content_text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.facilitiesFeatures__content_text::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.facilitiesFeatures__content_text::after {
  margin-top: calc((1 - 1.875) * .5em);
}

.containerDetail {
  margin-top: 8rem;
  padding-bottom: 8rem;
}
.containerDetail__content {
  margin-top: 7.4rem;
}
.containerDetail__heading {
  font-size: 4.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.containerDetail__table {
  margin-top: 4rem;
}
.containerDetail__table th, .containerDetail__table td {
  padding: 2rem;
  font-size: 2.4rem;
  letter-spacing: 0.025em;
  line-height: 1.4;
}
.containerDetail__table th::before, .containerDetail__table th::after, .containerDetail__table td::before, .containerDetail__table td::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.containerDetail__table th::before, .containerDetail__table td::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.containerDetail__table th::after, .containerDetail__table td::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.containerDetail__table th {
  width: 20rem;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.containerDetail__table tr:nth-child(n+2) th, .containerDetail__table tr:nth-child(n+2) td {
  border-top: 4px solid #f2f2f2;
}
.containerDetail__note {
  margin-top: 4rem;
  font-size: 2rem;
  line-height: 1.875;
}
.containerDetail__note::before, .containerDetail__note::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.containerDetail__note::before {
  margin-bottom: calc((1 - 1.875) * .5em);
}
.containerDetail__note::after {
  margin-top: calc((1 - 1.875) * .5em);
}
.containerDetail__note li:nth-child(n+2) {
  margin-top: 2rem;
}

.containerCasestudy {
  padding-top: 8rem;
}

/*---------chassis parts---------*/
.chassisSectionTitle {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}
.chassisSectionTitle__ja {
  font-size: 4rem;
  line-height: 1.55;
  margin-top: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.chassisSectionTitle__ja::before, .chassisSectionTitle__ja::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisSectionTitle__ja::before {
  margin-bottom: calc((1 - 1.55) * .5em);
}
.chassisSectionTitle__ja::after {
  margin-top: calc((1 - 1.55) * .5em);
}
.chassisSectionTitle__en {
  color: #96a5a8;
  font-size: 2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

.chassisSectionIntro {
  margin-top: 3rem;
  text-align: center;
}

/*---------chassis parts/---------*/
.topMv.--chassis .topMv__text {
  height: 66%;
}
.topMv.--chassis .topMv__clip {
  position: absolute;
  bottom: -1px;
  left: 0;
  aspect-ratio: 1440/144;
}
.topMv.--chassis .topMv__clip polygon {
  fill: #d2d7db;
  stroke: #d2d7db;
}

.chassisMv__ttl {
  color: #282f33;
  font-family: "eurostile-condensed", sans-serif;
  font-weight: 700;
}
.chassisMv__ttl span {
  display: block;
}
.chassisMv__ttl .large {
  font-size: 13.4rem;
}
@media (max-width: 1236px) {
  .chassisMv__ttl .large {
    font-size: 10.8414239482vw;
  }
}
.chassisMv__ttl .small {
  font-size: 5.4rem;
}
@media (max-width: 1236px) {
  .chassisMv__ttl .small {
    font-size: 4.3689320388vw;
  }
}
.chassisMv__subttl {
  color: #282f33;
  font-size: 2.8rem;
  margin-top: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-shadow: 2px 2px 2px #ffffff;
}
@media (max-width: 1236px) {
  .chassisMv__subttl {
    margin-top: 2.2653721683vw;
  }
}
.chassisMv__price {
  margin-top: 3rem;
  font-size: 4rem;
  color: #282f33;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
@media (max-width: 1236px) {
  .chassisMv__price {
    font-size: 3.2vw;
  }
}
.chassisMv__price span {
  font-size: 7.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
@media (max-width: 1236px) {
  .chassisMv__price span {
    font-size: 4.8vw;
  }
}
.chassisMv__feature {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}
@media (max-width: 1440px) {
  .chassisMv__feature {
    flex-direction: row;
  }
}
.chassisMv__feature_item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  width: 28.2rem;
  padding-top: 0.63em;
  padding-bottom: 0.63em;
  background-color: #2c9b9e;
  color: #fff;
}
@media (max-width: 1440px) {
  .chassisMv__feature_item {
    font-size: 1.5277777778vw;
    aspect-ratio: 1;
    width: 8.4027777779vw;
  }
}
.chassisMv__feature_item:nth-child(n+2) {
  margin-top: 0.4em;
}
@media (max-width: 1440px) {
  .chassisMv__feature_item:nth-child(n+2) {
    margin-top: initial;
    margin-left: 1em;
  }
}
@media (max-width: 1440px) {
  .chassisMv__feature_item.-factory .-sp {
    display: block;
  }
}
.chassisMv__bottomText {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 1;
  font-size: 2.4rem;
  line-height: 1.5833333333;
}
.chassisMv__bottomText::before, .chassisMv__bottomText::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisMv__bottomText::before {
  margin-bottom: calc((1 - 1.5833333333) * .5em);
}
.chassisMv__bottomText::after {
  margin-top: calc((1 - 1.5833333333) * .5em);
}
@media (max-width: 1085px) {
  .chassisMv__bottomText {
    transform: translate(-50%, 100%);
  }
}

.chassisIntro {
  background: #d2d7db;
  padding-top: 16rem;
  padding-bottom: 46rem;
  position: relative;
}
.chassisIntro__container {
  position: relative;
  z-index: 2;
}
.chassisIntro__ttl {
  font-size: 6.5rem;
  line-height: 1.2818461538;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.chassisIntro__ttl::before, .chassisIntro__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisIntro__ttl::before {
  margin-bottom: calc((1 - 1.2818461538) * .5em);
}
.chassisIntro__ttl::after {
  margin-top: calc((1 - 1.2818461538) * .5em);
}
.chassisIntro__text {
  margin-top: 8.6rem;
  font-size: 2rem;
  line-height: 2.2;
  position: relative;
  z-index: 0;
}
.chassisIntro__text::before, .chassisIntro__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisIntro__text::before {
  margin-bottom: calc((1 - 2.2) * .5em);
}
.chassisIntro__text::after {
  margin-top: calc((1 - 2.2) * .5em);
}
.chassisIntro__bg {
  width: 84%;
  position: absolute;
  bottom: 16%;
  right: -8%;
}
.chassisIntro .clip polygon {
  fill: #ffffff;
  stroke: #ffffff;
}

.chassisFeature {
  padding-top: 8rem;
  padding-bottom: 16rem;
  background-color: #fff;
}

.chassisFeature-list {
  width: min(100%, 73.6rem);
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  margin-bottom: 5rem;
  counter-reset: num;
}
.chassisFeature-list__item {
  counter-increment: num;
}
.chassisFeature-list__item:nth-child(n+2) {
  margin-top: 8rem;
}
.chassisFeature-list__ttl {
  display: block grid;
  grid-template: "num ."/5rem auto;
  column-gap: 1em;
  align-items: flex-start;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.chassisFeature-list__ttl .num {
  grid-area: num;
  width: fit-content;
  padding-bottom: 0.2em;
  border-bottom: 0.1em solid #2c9b9e;
  color: #2c9b9e;
  font-size: 4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.chassisFeature-list__ttl .ttl {
  line-height: 1.34;
  font-size: 3rem;
}
.chassisFeature-list__ttl .ttl::before, .chassisFeature-list__ttl .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisFeature-list__ttl .ttl::before {
  margin-bottom: calc((1 - 1.34) * .5em);
}
.chassisFeature-list__ttl .ttl::after {
  margin-top: calc((1 - 1.34) * .5em);
}
.chassisFeature-list__text {
  margin-top: 3rem;
  line-height: 1.8888888889;
  font-size: 1.8rem;
}
.chassisFeature-list__text::before, .chassisFeature-list__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisFeature-list__text::before {
  margin-bottom: calc((1 - 1.8888888889) * .5em);
}
.chassisFeature-list__text::after {
  margin-top: calc((1 - 1.8888888889) * .5em);
}

.bnr__to_trailer {
  display: block;
  width: 72rem;
  margin: auto;
  margin-top: 4em;
  transition: opacity 0.4s;
}
.bnr__to_trailer:focus {
  opacity: 0.6;
}
@media (hover: hover) and (pointer: fine) {
  .bnr__to_trailer:hover {
    opacity: 0.6;
  }
}

.chassisBg {
  position: relative;
  aspect-ratio: 1400/600;
  display: flex;
  align-items: center;
}
.chassisBg__container {
  padding-bottom: 8%;
}
.chassisBg__title {
  font-size: 3.4rem;
  line-height: 1.4117647059;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.chassisBg__title::before, .chassisBg__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisBg__title::before {
  margin-bottom: calc((1 - 1.4117647059) * .5em);
}
.chassisBg__title::after {
  margin-top: calc((1 - 1.4117647059) * .5em);
}
@media (max-width: 1190px) {
  .chassisBg__title {
    font-size: 2.8571428571vw;
  }
}
.chassisBg__text {
  font-size: 1.8rem;
  line-height: 1.8888888889;
  margin-top: 2.2222222222em;
}
.chassisBg__text::before, .chassisBg__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisBg__text::before {
  margin-bottom: calc((1 - 1.8888888889) * .5em);
}
.chassisBg__text::after {
  margin-top: calc((1 - 1.8888888889) * .5em);
}
@media (max-width: 1190px) {
  .chassisBg__text {
    margin-top: 3.3613445378vw;
    font-size: min(1.512605042vw, 1.8rem);
  }
}
.chassisBg__img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.chassisBg.--first .chassisBg__container {
  color: #fff;
}
.chassisBg.--first .clip polygon {
  fill: #ffffff;
  stroke: #ffffff;
}

.chassisBg.--second .clip polygon {
  fill: #96a6a8;
  stroke: #96a6a8;
}

.chassisSpec {
  background: #fff;
  padding-top: 16rem;
  padding-bottom: 16rem;
}
.chassisSpec__figure {
  margin-top: 8rem;
}
.chassisSpec__decorationText {
  font-family: "eurostile-condensed", sans-serif;
  font-weight: 700;
  margin-top: 8.6rem;
  display: block flex;
  flex-direction: column;
  align-items: center;
}
.chassisSpec__decorationText .large {
  font-size: 8.343rem;
}
.chassisSpec__decorationText .small {
  font-size: 3.356rem;
}
.chassisSpec__spec {
  width: min(100%, 884px);
  margin: auto;
  border: 0.138rem solid rgba(210, 215, 219, 0.5);
  border-radius: 1.2rem;
  padding: 4% 4.9% 5.4%;
  margin-top: 8.6rem;
}
.chassisSpec__spec_title {
  font-size: 3rem;
  color: #2c9b9e;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.chassisSpec__purpose {
  margin-top: 4rem;
  text-align: center;
}
.chassisSpec__purpose_heading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  font-size: 1.8rem;
}
.chassisSpec__purpose_heading::before, .chassisSpec__purpose_heading::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisSpec__purpose_heading::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.chassisSpec__purpose_heading::after {
  margin-top: calc((1 - 1.4) * .5em);
}
.chassisSpec__purpose_content {
  margin-top: 2rem;
  line-height: 1.4;
  font-size: 1.8rem;
}
.chassisSpec__purpose_content::before, .chassisSpec__purpose_content::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisSpec__purpose_content::before {
  margin-bottom: calc((1 - 1.4) * .5em);
}
.chassisSpec__purpose_content::after {
  margin-top: calc((1 - 1.4) * .5em);
}

.chassisSpecList {
  table-layout: fixed;
  width: 100%;
  margin-top: 4rem;
}
.chassisSpecList tr:nth-child(even) {
  background-color: rgba(44, 155, 158, 0.2);
}
.chassisSpecList th, .chassisSpecList td {
  padding: 1rem;
  line-height: 1.6;
}
.chassisSpecList th::before, .chassisSpecList th::after, .chassisSpecList td::before, .chassisSpecList td::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisSpecList th::before, .chassisSpecList td::before {
  margin-bottom: calc((1 - 1.6) * .5em);
}
.chassisSpecList th::after, .chassisSpecList td::after {
  margin-top: calc((1 - 1.6) * .5em);
}
.chassisSpecList th {
  width: 25rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.chassisSpecList td {
  width: calc( 100% - 25rem );
}

.chassisMerits {
  padding-top: 16rem;
  padding-bottom: 18rem;
  position: relative;
  background: #96a6a8;
}
.chassisMerits .clip polygon {
  fill: #ffffff;
  stroke: #ffffff;
}
.chassisMerits .chassisSectionTitle {
  color: #fff;
}
.chassisMerits .chassisSectionTitle__en {
  color: #fff;
}
.chassisMerits__message {
  color: #fff;
  text-align: center;
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.8666666667;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.chassisMerits__message::before, .chassisMerits__message::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisMerits__message::before {
  margin-bottom: calc((1 - 1.8666666667) * .5em);
}
.chassisMerits__message::after {
  margin-top: calc((1 - 1.8666666667) * .5em);
}

.chassisMeritsContent {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8rem;
  gap: 2.8rem;
}
.chassisMeritsContent__item {
  width: calc(50% - 2.8rem);
  padding: 2em;
  display: grid;
  grid-template: "img ."/30% auto;
  border: 0.1em solid #fff;
  border-radius: 0.4em;
}
.chassisMeritsContent__ttl {
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.3;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.chassisMeritsContent__ttl::before, .chassisMeritsContent__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisMeritsContent__ttl::before {
  margin-bottom: calc((1 - 1.3) * .5em);
}
.chassisMeritsContent__ttl::after {
  margin-top: calc((1 - 1.3) * .5em);
}
.chassisMeritsContent__text {
  margin-top: 2em;
  line-height: 1.34;
  color: #fff;
  line-height: 1.6;
}
.chassisMeritsContent__text::before, .chassisMeritsContent__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisMeritsContent__text::before {
  margin-bottom: calc((1 - 1.34) * .5em);
}
.chassisMeritsContent__text::after {
  margin-top: calc((1 - 1.34) * .5em);
}
.chassisMeritsContent__text::before, .chassisMeritsContent__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.chassisMeritsContent__text::before {
  margin-bottom: calc((1 - 1.6) * .5em);
}
.chassisMeritsContent__text::after {
  margin-top: calc((1 - 1.6) * .5em);
}
.chassisMeritsContent__img {
  grid-area: img;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chassisMeritsContent__img_content {
  width: 6.9rem;
}
.chassisEstimate {
  background-color: #fff;
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.nagaraFaq.--chassis {
  padding-bottom: 18rem;
  background-color: #d2d7db;
}
.nagaraFaq.--chassis .clip polygon {
  fill: #ffffff;
  stroke: #ffffff;
}

.chassisEstimateBlock {
  margin-top: 8rem;
}

.chassisEstimateSelect__tll {
  font-size: 1.8rem;
  text-align: center;
}
.chassisEstimateSelect__tll:nth-child(n+2) {
  margin-top: 3rem;
}

.chassisEstimateSelect__column.--1column .chassisEstimateSelect__column_item {
  width: 100%;
}

.chassisEstimateSelect__column.--2column .chassisEstimateSelect__column_item {
  width: 50%;
}

.chassisEstimateSelect__column.--3column .chassisEstimateSelect__column_item {
  width: 30%;
}

.chassisEstimateSelect__column {
  display: flex;
  margin-top: 1.8rem;
  gap: 2.4rem;
}
.chassisEstimateSelect__column_item {
  border: 0.1rem solid #d2d7db;
  border-radius: 0.47rem;
  padding: 1.8rem;
}
.chassisEstimateSelect__column_item_ttl {
  text-align: center;
}
.chassisEstimateSelect__column_item_price {
  font-size: 1.4rem;
  margin-top: 1em;
  text-align: center;
}

.chassis .contactSec {
  background-color: #fff;
  padding-bottom: 16rem;
}

.chassis .contactSecBtn__item.is--form {
  background: #a0adb2;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 2.1333333333vw;
  }

  .header__container {
    max-width: 92.8vw;
    padding: 0;
  }
  .header.--is_chassis .header__container img {
    margin-top: 3.2vw;
  }

  .header__h1 .header__logo {
    width: 40vw;
  }
  .header__h1 #headerLogo {
    width: 100%;
  }
  .header__h1 span {
    font-size: 2.6666666667vw;
  }

  .header__logo {
    width: 66.911vw;
    padding: 1.6vw 0;
  }

  .header__stay-booking {
    font-size: 2.9333333333vw;
    letter-spacing: initial;
    padding: 3.2vw 0;
    width: 24.5333333333vw;
  }

  #headerLogo {
    width: 39.4666666667vw;
  }

  .globalnav {
    display: none;
  }

  .globalnav__list_link {
    display: none;
  }

  .hamburger {
    width: 5.4666666667vw;
    height: 3.7333333333vw;
  }
  .hamburger__line {
    width: 100%;
    height: 0.5333333333vw;
  }
  .hamburger__line:nth-of-type(2) {
    top: calc(50% - g.vw(2px));
  }
  .drawer {
    overflow-y: scroll;
    display: block;
  }
  .drawer__container {
    width: 100%;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    margin-top: 7.7333333333vw;
  }
  .drawer__menu {
    display: block;
  }
  .drawer__menu_ttl {
    font-size: 4.4vw;
    padding: 6.1333333333vw 0;
    border-bottom: 0.2666666667vw solid #e6e6e6;
  }
  .drawer__menu_ttl::before {
    display: none;
  }
  .drawer__menu_ttl:first-child {
    border-top: 0.2666666667vw solid #e6e6e6;
  }
  .drawer__menu_ttl:nth-child(n+2) {
    margin-top: 0;
  }
  .drawer__menu_ttl:last-child {
    border-bottom: 0.2666666667vw solid #e6e6e6;
  }
  .drawer__column {
    width: 100%;
  }
  .drawer__menuList {
    margin-top: 0;
    display: none;
    border-bottom: 0.2666666667vw solid #e6e6e6;
  }
  .drawer__menuList li {
    width: 83.4666666667vw;
    margin-left: auto;
    border-top: 0.2666666667vw solid #e6e6e6;
  }
  .drawer__menuList li:first-of-type {
    border-top: none;
  }
  .drawer__menuList li:nth-child(n+2) {
    margin-top: 0;
  }
  .drawer__menuList_link {
    position: relative;
    display: block;
    padding: 6.1333333333vw 0;
    font-size: 3.7333333333vw;
  }
  .drawer__menuList .icon__arrow {
    width: 5.8666666667vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2.9333333333vw;
    margin: auto;
  }
  .drawer__menuList.is--opened {
    display: block;
  }
  .drawer__contact .contactSecBtn__item {
    width: 100%;
  }
  .drawer__contact .contactSecBtn__textbox {
    margin-left: 3.4666666667vw;
  }
  .drawer__contact .contactSecBtn__number {
    font-size: 6.4vw;
    margin-top: 1.8666666667vw;
  }
  .drawer__contact .contactSecBtn__number::before, .drawer__contact .contactSecBtn__number::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .drawer__contact .contactSecBtn__number::before {
    margin-bottom: -0.8666666667vw;
  }
  .drawer__contact .contactSecBtn__number::after {
    margin-top: -0.8666666667vw;
  }
  .drawer__contact .contactSecBtn__opening {
    font-size: 2.8vw;
    margin-top: 1.8666666667vw;
  }
  .drawer__contact .contactSecBtn__item.is--form {
    aspect-ratio: 670/120;
  }
  .drawer__contact .contactSecBtn__item.is--form .contactSecBtn__icon {
    width: 6.4917466667vw;
  }
  .drawer__contact .contactSecBtn__item.is--form .contactSecBtn__title {
    font-size: 3.7333333333vw;
  }
  .drawer__contact .contactSecBtn__item.is--form .contactSecBtn__arrow {
    right: 3.731343284%;
    width: 5.8666666667vw;
  }
  .drawer__contact .contactSecBtn__item.is--tel {
    aspect-ratio: 670/144;
  }
  .drawer__contact .contactSecBtn__item.is--tel .contactSecBtn__icon {
    width: 4.20368vw;
  }
  .drawer__contact .contactSecBtn__item.is--tel .contactSecBtn__title {
    font-size: 2.9333333333vw;
  }

  .drawer__line {
    content: "";
    position: absolute;
    width: 4.5333333333vw;
    height: 0.5333333333vw;
    background: #282f33;
    display: inline-block;
    top: 0;
    bottom: 0;
    right: 3.7333333333vw;
    margin: auto;
  }
  .drawer__line:nth-of-type(2) {
    transform: rotate(90deg);
    transition: transform 0.4s;
  }
  .drawer__line:nth-of-type(2).is-active {
    transform: rotate(0deg);
  }

  #searchIcon {
    max-width: 4.4rem;
    bottom: 16vw;
    right: 1rem;
  }

  #searchform {
    width: 90%;
    min-width: initial;
  }
  #searchform input, #searchform button {
    padding: 1rem;
    font-size: 1.4rem;
  }
  #searchform input {
    width: calc(100% - 9rem);
    font-size: 1.6rem;
  }
  #searchform button {
    width: 9rem;
  }

  .floatingContact__item {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }

  .floatingContact__item_textBlock {
    margin-left: 2.1333333333vw;
  }

  .floatingContact__item_heading {
    font-size: 2.4vw;
  }

  .floatingContact__item--form .floatingContact__item_icon {
    width: 4vw;
  }

  .floatingContact__item--phone_container {
    margin-left: 1rem;
  }
  .floatingContact__item--phone .floatingContact__item_heading--small {
    font-size: 1.8666666667vw;
    margin-left: 0;
    margin-top: 0.8vw;
  }
  .floatingContact__item--phone .floatingContact__item_icon {
    width: 3.2vw;
  }

  .floatingContact__number {
    font-size: 4vw;
    margin-top: 0.8vw;
  }

  .floatingContact__icon--tell {
    width: 4vw;
  }

  .main .single {
    padding-top: 13.3333333333vw;
  }

  .topMv__ttl {
    font-size: 10.6666666667vw;
  }
  .topMv__subttl {
    font-size: 7.5786666667vw;
  }
  .topMv__btn {
    margin-top: 12.2666666667vw;
  }
  .topMv__btn .btn__text {
    font-size: 2.9333333333vw;
  }
  .topMv__btn .btn:nth-child(n+2) {
    margin-left: 4.2666666667vw;
  }
  .topMv__btn .arrow {
    width: 8.2666666667vw;
    margin-left: 1.6vw;
  }

  .topMv.is-container-house .topMv__text {
    top: 50%;
  }
  .topMv.is-container-house .productMv__ttl h1 {
    font-size: 4vw;
  }
  .topMv.is-container-house .productMv__ttl span {
    font-size: 8.4vw;
  }
  .topMv.is-container-house .productMv__catch {
    font-size: 6.6666666667vw;
    margin-top: 14.4vw;
  }

  .topMv.is-komazawa .topMv__komazawaTtl {
    font-size: 6.1333333333vw;
    margin-top: 5.0666666667vw;
  }
  .topMv.is-komazawa .topMv__place {
    font-size: 4.5333333333vw;
  }
  .topMv.is-komazawa .topMv__komazawaMark {
    width: 16.5333333333vw;
    font-size: 1.8666666667vw;
  }

  .topBignews {
    margin-top: 6.4vw;
  }
  .topBignews__container {
    display: block;
  }
  .topBignews__img {
    width: 100%;
  }
  .topBignews__textBlock {
    width: 100%;
    margin-top: 1.3333333333vw;
  }
  .topBignews__textBlock_heading {
    font-size: 2.6666666667vw;
  }
  .topBignews__textBlock_heading img {
    width: 4vw;
  }
  .topBignews__textBlock__ttl {
    font-size: 2.6666666667vw;
    margin-top: 0;
  }

  .topPickup {
    padding-top: 6.4vw;
  }
  .topPickup__container {
    max-width: 90vw;
    padding-left: 0;
    padding-right: 0;
  }

  .topPickupSlick {
    flex-wrap: wrap;
  }
  .topPickupSlick__list {
    width: 50%;
  }
  .topPickupSlick__list:nth-child(n+3) {
    margin-top: 2.6666666667vw;
  }
  .topPickupSlick__content {
    padding-right: 1.6vw;
    padding-left: 1.6vw;
  }
  .topPickupSlick__text {
    font-size: 2.6666666667vw;
  }
  .topPickupSlick__img {
    margin-top: 1.0666666667vw;
    aspect-ratio: 520/163;
  }

  .topSolution {
    padding-top: 18.6666666667vw;
    padding-bottom: 33.0666666667vw;
  }

  .topSolutionList {
    margin-top: 10.4vw;
  }
  .topSolutionList__inner {
    width: 100%;
  }
  .topSolutionList__content {
    flex-direction: row;
    margin-top: 1.3333333333vw;
  }
  .topSolutionList__content_textblock {
    width: 46.9333333333vw;
    margin-top: 0;
  }
  .topSolutionList__content_title {
    font-size: 4.2666666667vw;
  }
  .topSolutionList__content_text {
    font-size: 3.2vw;
    margin-top: 2.9333333333vw;
  }
  .topSolutionList__content_img {
    width: 31.2vw;
    margin-top: 3.4666666667vw;
  }
  .topSolutionList__content_arrow {
    width: 11.2vw;
    margin-top: 5.6vw;
  }
  .topSolutionList__content_arrow img {
    width: 5.8666666667vw;
  }
  .topSolutionList__content_en {
    padding-bottom: 2.6666666667vw;
  }
  .topSolutionList__content_num {
    font-size: 4.3933333333vw;
  }
  .topSolutionList__content_num::after {
    width: 4.2666666667vw;
    height: 0.4vw;
    bottom: -2.6666666667vw;
  }
  .topSolutionList__content_en-title {
    margin-left: 3.2vw;
  }
  .topSolutionList__item {
    width: 100%;
    padding-top: 5.3333333333vw;
    padding-bottom: 6.6666666667vw;
  }
  .topSolutionList__item:first-child {
    padding-top: 0;
  }
  .topSolutionList__item:last-child {
    padding-bottom: 0;
  }
  .topSolutionList__item:nth-child(n+2) {
    border-left: none;
    border-top: 0.2666666667vw solid #ccc;
  }
  .topSolutionList__item img.is--container {
    width: 21.3333333333vw;
  }
  .topSolutionList__item img.is--mini {
    width: 21.0666666667vw;
  }
  .topSolutionList__item img.is--trailer {
    width: 23.0666666667vw;
  }

  .topProject .topSectionTitle {
    padding-top: 14.1333333333vw;
  }
  .topProject__btn {
    margin-top: 7.7333333333vw;
  }
  .topProject .project {
    margin-top: 7.7333333333vw;
  }

  .topCasestudy {
    padding-top: 25.6vw;
    padding-bottom: 19.4666666667vw;
  }
  .topCasestudy__slick {
    width: 89.3333333333vw;
    margin-top: 8.2666666667vw;
  }
  .topCasestudy .slick-dotted.slick-slider {
    padding-bottom: 11.7333333333vw;
  }
  .topCasestudy .slick-dots li button:before {
    font-size: 2.9333333333vw;
  }
  .topCasestudy .slide-arrow {
    width: 9.3333333333vw;
  }
  .topCasestudy__link {
    padding: 0 2.4vw;
  }
  .topCasestudy__title {
    font-size: 5.0666666667vw;
    margin-top: 3.2vw;
  }
  .topCasestudy__meta {
    font-size: 2.9333333333vw;
    margin-top: 3.0666666667vw;
  }
  .topCasestudy__meta a[href] {
    border-radius: 0.5333333333vw;
  }
  .topCasestudy__meta_tag {
    padding: 2.6666666667vw 2.4vw;
    border: 0.2666666667vw solid #949799;
    border-radius: 0.8vw;
    margin-right: 2.1333333333vw;
    margin-bottom: 2.1333333333vw;
  }
  .topCasestudy__text {
    font-size: 3.7333333333vw;
    margin-top: 3.2vw;
  }
  .topCasestudy__place {
    font-size: 3.7333333333vw;
    margin-top: 3.0666666667vw;
  }
  .topCasestudy__bottom {
    margin-top: 14.9333333333vw;
    flex-direction: column;
  }
  .topCasestudy__tag {
    width: 100%;
    flex-direction: column;
  }
  .topCasestudy__tag_title {
    width: 100%;
    text-align: center;
    font-size: 4vw;
  }
  .topCasestudy__tag_title span {
    padding-bottom: 2.9333333333vw;
    border-bottom: 0.5333333333vw solid #282f33;
  }
  .topCasestudy__tag_list {
    width: 100%;
    margin-top: 8vw;
    justify-content: left;
  }
  .topCasestudy__tag_item {
    margin-bottom: 1.3333333333vw;
    margin-right: 1.3333333333vw;
    border-radius: 1.0666666667vw;
    border: 0.2666666667vw solid #949799;
  }
  .topCasestudy__tag_link {
    font-size: 4vw;
    padding: 2.4vw 2.1333333333vw;
  }
  .topCasestudy__tag_link span {
    margin-right: 1.0666666667vw;
  }
  .topCasestudy__btn {
    width: 100%;
    margin-top: 5.8666666667vw;
  }
  .topCasestudy__btn .btn {
    justify-content: center;
  }

  .topCasestudy.is-containerhouse {
    padding-top: 28.2666666667vw;
    padding-bottom: 13.3333333333vw;
  }

  .topMessage {
    aspect-ratio: 751/1151;
  }
  .topMessage .topSectionTitle h2 {
    font-size: 13.0666666667vw;
    margin-top: 4.5333333333vw;
  }
  .topMessage__subtitle {
    font-size: 6.5333333333vw;
    margin-top: 4.8vw;
  }
  .topMessage__text {
    font-size: 3.7333333333vw;
    margin-top: 9.6vw;
  }
  .topMessage__btn {
    margin-top: 8.2666666667vw;
  }

  .topColumn {
    margin-top: 14.9333333333vw;
  }
  .topColumn .topSectionTitle br {
    display: none;
  }
  .topColumn__grid {
    display: block;
  }
  .topColumn__btn {
    margin-top: 8vw;
  }
  .topColumn__btn .btn {
    justify-content: center;
  }

  .topColumnContent {
    display: block;
    margin-top: 8.5333333333vw;
  }
  .topColumnContent__item {
    width: 100%;
  }
  .topColumnContent__text-block {
    width: 68.041237113%;
    display: flex;
    flex-direction: column;
    padding-left: 3.436426117%;
  }
  .topColumnContent__title {
    font-size: 3.4666666667vw;
    margin-top: 2.1333333333vw;
  }
  .topColumnContent__cat {
    padding: 2.1333333333vw;
    font-size: 2.9333333333vw;
  }
  .topColumnContent time {
    font-size: 2.6666666667vw;
    margin-top: 2.1333333333vw;
  }
  .topColumnContent__img {
    width: 29.3333333333vw;
  }
  .topColumnContent__item:nth-child(odd) {
    padding: initial;
  }
  .topColumnContent__item:nth-child(even) {
    border-left: none;
    padding-left: initial;
  }
  .topColumnContent__item:nth-of-type(1), .topColumnContent__item:nth-of-type(2) {
    padding-bottom: 2.4vw;
    padding-top: 2.4vw;
  }
  .topColumnContent__item:nth-of-type(3), .topColumnContent__item:nth-of-type(4) {
    padding-bottom: 2.4vw;
    padding-top: 2.4vw;
  }
  .topColumnContent__item:nth-child(n+2) {
    border-top: 0.2666666667vw solid #e6e6e6;
  }

  .topRecommendationColumn {
    margin-top: 14.9333333333vw;
  }
  .topRecommendationColumn__ttl {
    font-size: 5.3333333333vw;
    margin-top: 4.5333333333vw;
    padding-left: 8vw;
  }
  .topRecommendationColumn__ttl::before {
    width: 6.6666666667vw;
  }
  .topRecommendationColumn__content {
    margin-top: 8.5333333333vw;
    flex-wrap: wrap;
  }
  .topRecommendationColumn__item {
    width: 50%;
  }
  .topRecommendationColumn__item:nth-child(n+3) {
    margin-top: 4vw;
  }
  .topRecommendationColumn__item time {
    margin-top: 2.1333333333vw;
  }
  .topRecommendationColumn__item:nth-child(odd) .topRecommendationColumn__text-block {
    padding-right: 2.4vw;
  }
  .topRecommendationColumn__item:nth-child(even) .topRecommendationColumn__text-block {
    padding-left: 2.4vw;
  }
  .topRecommendationColumn__text-block {
    margin-top: 2.4vw;
  }
  .topRecommendationColumn__title {
    font-size: 3.4666666667vw;
    margin-top: 2.1333333333vw;
  }

  .topYamanakako {
    aspect-ratio: 750/795;
    margin-top: 27.7333333333vw;
  }
  .topYamanakako__title {
    font-size: 4.5333333333vw;
    line-height: 1.482352941;
    text-align: center;
  }
  .topYamanakako__title::before, .topYamanakako__title::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .topYamanakako__title::before {
    margin-bottom: calc((1 - 1.482352941) * .5em);
  }
  .topYamanakako__title::after {
    margin-top: calc((1 - 1.482352941) * .5em);
  }
  .topYamanakako__content {
    flex-direction: column;
    text-align: center;
    margin-top: 11.4666666667vw;
  }
  .topYamanakako__logo {
    width: 62.6666666667vw;
    margin: auto;
  }
  .topYamanakako__logo img {
    width: 100%;
  }
  .topYamanakako__textbox {
    width: 69.3333333333vw;
    margin: auto;
    margin-top: 6.9333333333vw;
  }
  .topYamanakako__textbox_text {
    width: 100%;
    font-size: 3.4666666667vw;
    letter-spacing: 0.05em;
  }
  .topYamanakako__btn {
    margin-top: 6.6666666667vw;
  }
  .topYamanakako__btn .btn {
    justify-content: center;
  }
  .topYamanakako__btn .arrow {
    width: 10.1333333333vw;
    margin-left: 2.6666666667vw;
  }

  .contactSec {
    padding-top: 13.8666666667vw;
    padding-bottom: 5.3333333333vw;
  }
  .contactSec__intro {
    font-size: 3.7333333333vw;
    margin-top: 4.2666666667vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
  }

  .contactSec.is--notTop {
    padding-top: 24vw;
    padding-bottom: 27.7333333333vw;
  }

  .topNews {
    padding-top: 5.3333333333vw;
    padding-bottom: 27.7333333333vw;
  }
  .topNews__btn {
    margin-top: 8vw;
  }
  .topNews__btn .arrow {
    width: 10.1333333333vw;
  }

  .topNewsList {
    margin-top: 4.5333333333vw;
  }
  .topNewsList__link {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
  .topNewsList__link h3 {
    width: 57.3333333333vw;
    font-size: 2.9333333333vw;
  }
  .topNewsList__link time {
    width: 16vw;
    font-size: 2.6666666667vw;
  }
  .topNewsList__label {
    width: 16vw;
  }

  .footer {
    padding-top: 11.2vw;
    padding-bottom: 2.6666666667vw;
  }
  .footer__container {
    display: block;
  }
  .footer__basicInfo {
    margin-top: 0;
  }
  .footer__logo {
    width: 79.10132vw;
  }
  .footer__address {
    margin-top: 5.0666666667vw;
    font-size: 3.4666666667vw;
  }
  .footer__addressDetail {
    margin-top: 2.1333333333vw;
  }
  .footer__opening {
    margin-top: 2.6666666667vw;
    font-size: 3.0666666667vw;
  }
  .footer__contact {
    margin-top: 4.2666666667vw;
  }
  .footer__contact_item {
    font-size: 3.2vw;
    border: 0.5333333333vw solid #fff;
    padding: 2.6666666667vw;
  }
  .footer__phone img {
    width: 2.7547733333vw;
  }
  .footer__mail {
    margin-left: 0.6rem;
  }
  .footer__mail img {
    width: 4.14672vw;
  }
  .footer__sns {
    margin-top: 7.4666666667vw;
  }
  .footer__sns_item {
    width: 8vw;
  }
  .footer__sns_item:nth-child(n+2) {
    margin-left: 5.3333333333vw;
  }
  .footer__menu {
    display: block;
    margin-top: 18.4vw;
  }
  .footer__menu_column:nth-child(n+2) {
    margin-top: 9.3333333333vw;
  }
  .footer__menu_column .footer__menu_ttl:nth-child(n+2) {
    margin-top: 9.3333333333vw;
  }
  .footer__menu_ttl {
    color: #fff;
    font-size: 3.7333333333vw;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }
  .footer__menu ul {
    font-size: 3.4666666667vw;
    margin-top: 5.3333333333vw;
  }
  .footer__menu li {
    letter-spacing: 0.05em;
  }
  .footer__menu li:nth-child(n+2) {
    margin-top: 4.2666666667vw;
  }
  .footer__bottom {
    margin-top: 13.0666666667vw;
    flex-direction: column;
  }
  .footer__bottomlist {
    font-size: 2.9333333333vw;
  }
  .footer__bottomlist_item:nth-child(n+2) {
    margin-left: 5.6vw;
  }

  .copyrights {
    margin-top: 21.3333333333vw;
    font-size: 3.2vw;
    text-align: center;
  }

  .footer.is--stay {
    padding-top: 36.5333333333vw;
  }
  .footer.is--stay .footer__stay-operation {
    margin-top: 6.1333333333vw;
  }
  .footer.is--stay .footer__stay-contact {
    margin-top: 1.8666666667vw;
  }

  .pageMv {
    aspect-ratio: 750/580;
  }
  .pageMv__title {
    font-size: 8.4vw;
  }
  .pageMv__subtitle {
    font-size: 4vw;
    margin-top: 2.6666666667vw;
  }

  .archive {
    padding-top: 16.2666666667vw;
  }

  .archive__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .archive__textblock {
    width: 56vw;
  }
  .archive__link {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 3.7333333333vw;
    padding-top: 3.7333333333vw;
    border-bottom: 0.2666666667vw solid #e6e6e6;
  }
  .archive__link:first-of-type {
    padding-top: 0;
  }
  .archive__link:nth-child(n+4) {
    margin-top: 0;
  }
  .archive__title {
    font-size: 3.4666666667vw;
    margin-top: 2.1333333333vw;
  }
  .archive__title.is--page {
    margin-top: 0;
  }
  .archive__cat-wrap {
    margin-top: 0;
  }
  .archive__cat {
    font-size: 2.9333333333vw;
    padding: 2.1333333333vw;
    border: 0.2666666667vw solid #696e70;
  }
  .archive__date {
    font-size: 2.6666666667vw;
    margin-top: 2.4vw;
  }
  .archive__img {
    width: 29.3333333333vw;
    aspect-ratio: 220/134;
  }

  .archive.is-column .archive__link:first-of-type, .archive.is-column .archive__link:nth-child(7n) {
    flex-direction: column-reverse;
    padding-top: 5.6vw;
    padding-bottom: 5.6vw;
  }
  .archive.is-column .archive__link:first-of-type .archive__textblock, .archive.is-column .archive__link:nth-child(7n) .archive__textblock {
    width: 100%;
  }
  .archive.is-column .archive__link:first-of-type .archive__img, .archive.is-column .archive__link:nth-child(7n) .archive__img {
    width: 100%;
  }
  .archive.is-column .archive__link:first-of-type .archive__title, .archive.is-column .archive__link:nth-child(7n) .archive__title {
    font-size: 4vw;
    margin-top: 3.7333333333vw;
  }
  .archive.is-column .archive__link:first-of-type .archive__cat-wrap, .archive.is-column .archive__link:nth-child(7n) .archive__cat-wrap {
    margin-top: 2.9333333333vw;
  }
  .archive.is-column .archive__link:first-of-type .archive__date, .archive.is-column .archive__link:nth-child(7n) .archive__date {
    font-size: 3.2vw;
    margin-top: 4vw;
  }
  .archive.is-column .archive__link:first-of-type {
    padding-top: 0;
  }

  .pagination {
    padding-top: 12.2666666667vw;
    padding-bottom: 21.8666666667vw;
  }
  .pagination .page-numbers {
    width: 10.6666666667vw;
    border-radius: 0.5333333333vw solid #e0e0e0;
  }

  .choice {
    padding-top: 4vw;
  }
  .choice__container {
    flex-direction: column;
    border-radius: 1.0666666667vw solid #f2f2f2;
  }
  .choice__title {
    width: 100%;
    font-size: 4vw;
    margin-top: 0;
    padding: 4.5333333333vw 5.0666666667vw;
    background: #f2f2f2;
    position: relative;
    cursor: pointer;
    border-radius: 1.0666666667vw 1.0666666667vw 0 0;
  }
  .choice__title::before, .choice__title::after {
    content: "";
    display: inline-block;
    width: 3.7333333333vw;
    height: 0.5333333333vw;
    background: #282f33;
    position: absolute;
    right: 3.3333333333vw;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .choice__title::after {
    transform: rotate(90deg);
  }
  .choice__listwrap {
    display: none;
    width: 100%;
  }
  .choice__list {
    flex-wrap: wrap;
    width: 100%;
    background: #f2f2f2;
    padding: 3.4666666667vw 5.0666666667vw;
    border-radius: 0 0 1.0666666667vw 1.0666666667vw;
  }
  .choice__item {
    font-size: 3.4666666667vw;
    margin-right: 1.8666666667vw;
    margin-bottom: 1.8666666667vw;
  }
  .choice__link {
    padding: 2.6666666667vw 2.1333333333vw;
    border: 0.2666666667vw solid #949799;
    border-radius: 0.266666667em;
  }
  .choice__list.is--cat .choice__link {
    background: #282f33;
    border: 0.2666666667vw solid #282f33;
  }
  .choice__list.is--tag .choice__link::before {
    content: "# ";
    color: #282f33;
  }

  .choice__container:nth-child(n+2) {
    margin-top: 3.4666666667vw;
  }

  .showroom {
    padding-bottom: 27.7333333333vw;
  }
  .showroom .contactSec__intro {
    text-align: left;
  }
  .showroom .contactSecBtn__item {
    aspect-ratio: 670/160;
  }
  .showroom__wrap {
    margin-top: 16.2666666667vw;
  }
  .showroom__link {
    flex-direction: column-reverse;
  }
  .showroom__link:nth-child(n+2) {
    margin-top: 13.6vw;
  }
  .showroom__textblock {
    width: 100%;
    margin-top: 3.7333333333vw;
  }
  .showroom__title {
    font-size: 5.8666666667vw;
  }
  .showroom__img {
    width: 100%;
    margin-top: 0;
  }
  .showroom__detail {
    margin-top: 3.7333333333vw;
    font-size: 3.4666666667vw;
  }
  .showroom__detail dt {
    width: 20vw;
  }
  .showroom__detail dd {
    width: calc(100% - g.vw(150px));
  }
  .showroom__button {
    margin-top: 3.7333333333vw;
  }
  .showroom__contactBtn a {
    padding: 4vw;
    font-size: 3.4666666667vw;
  }
  .showroom__place {
    margin-top: 0vw;
    font-size: 3.4666666667vw;
  }

  .taxonomyIntro {
    padding-top: 16.2666666667vw;
  }
  .taxonomyIntro__title {
    font-size: 5.8666666667vw;
  }
  .taxonomyIntro__text {
    font-size: 3.4666666667vw;
  }

  .casestudyArchive {
    padding-top: 16.2666666667vw;
    padding-bottom: 27.7333333333vw;
  }
  .casestudyArchive__container {
    display: block;
  }
  .casestudyArchive__link {
    width: 100%;
    padding-bottom: 8vw;
  }
  .casestudyArchive__link:nth-child(n+3) {
    margin-top: 13.3333333333vw;
  }
  .casestudyArchive__textblock {
    order: 2;
  }
  .casestudyArchive__title {
    font-size: 5.8666666667vw;
    margin-top: 3.7333333333vw;
  }
  .casestudyArchive__excerpt {
    margin-top: 4.5333333333vw;
    font-size: 3.4666666667vw;
  }
  .casestudyArchive__meta {
    margin-top: 2.9333333333vw;
  }
  .casestudyArchive__meta a[href] {
    font-size: 2.9333333333vw;
    padding: 2.4vw 1.8666666667vw;
    border-rudius: 0.5333333333vw;
  }
  .casestudyArchive__tag {
    border: 0.2666666667vw solid #949799;
    margin-right: 1.8666666667vw;
    margin-bottom: 1.8666666667vw;
  }
  .casestudyArchive__tag:focus {
    border: 0.2666666667vw solid #282f33;
  }

  /*---------chassis parts---------*/

  /*---------chassis parts/---------*/
}
@media screen and (max-width: 768px) and (hover: hover) and (pointer: fine) {
  .casestudyArchive__tag:hover {
    border: 0.2666666667vw solid #282f33;
  }
}
@media screen and (max-width: 768px) {
  .casestudyArchive__img {
    order: 3;
    aspect-ratio: 552/336;
    overflow: hidden;
  }
  .casestudyArchive__img img {
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  .casestudyArchive__place {
    margin-top: 3.7333333333vw;
  }
  .casestudyArchive__place_wrap {
    order: 1;
  }
  .casestudyArchive__place_wrap svg {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .casestudyArchive.-facility {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .company {
    padding-bottom: 27.7333333333vw;
  }
  .company__logo {
    width: 72.2666666667vw;
    padding-top: 13.3333333333vw;
    font-size: 5.3333333333vw;
  }
  .company__dl {
    display: block;
    margin-top: 3.7333333333vw;
    font-size: 3.2vw;
  }
  .company__dt {
    width: 100%;
    padding-top: 5.8666666667vw;
    padding-bottom: 2.4vw;
  }
  .company__dt:last-of-type {
    border-bottom: none;
  }
  .company__dd {
    width: 100%;
    border-top: none;
    padding-top: 2.4vw;
    padding-bottom: 5.8666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .contact {
    padding-bottom: 27.7333333333vw;
  }
  .contact__intro {
    font-size: 3.4666666667vw;
    letter-spacing: 0.05em;
  }
  .contact__intro:nth-child(n+2) {
    margin-top: 6.4vw;
  }
  .contact__onlineMeeting {
    padding: 5.0666666667vw 3.7333333333vw;
    margin-top: 13.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .contact__note {
    padding: 5.0666666667vw 3.7333333333vw;
  }
  .contact__note_ttl {
    font-size: 5.3333333333vw;
  }
  .contact__note_confirm {
    font-size: 3.7333333333vw;
    margin-top: 7.4666666667vw;
  }
  .contact__note_text {
    font-size: 3.4666666667vw;
    letter-spacing: 0.05em;
    margin-top: 7.4666666667vw;
  }
  .contact__tel {
    margin-top: 17.8666666667vw;
  }
  .contact__tel_ttl {
    font-size: 5.3333333333vw;
  }
  .contact__tel_link {
    width: 100%;
    border: 0.2666666667vw solid #282f33;
    margin-top: 4.8vw;
    border-radius: 1.1333333333vw;
    padding: 3.7333333333vw;
    text-align: center;
  }
  .contact__tel_num {
    font-size: 9.3333333333vw;
    margin: 0;
  }
  .contact__tel_time {
    font-size: 2.6666666667vw;
    margin-top: 3.7333333333vw;
  }
  .contact__btn-note {
    margin-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .contactform {
    margin-top: 19.2vw;
  }
  .contactform__ttl {
    font-size: 5.3333333333vw;
  }
  .contactform__intro {
    font-size: 3.4666666667vw;
    line-height: 1.4;
    margin-top: 6.4vw;
  }
  .contactform__intro::before, .contactform__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .contactform__intro::before {
    margin-bottom: calc((1 - 1.4) * .5em);
  }
  .contactform__intro::after {
    margin-top: calc((1 - 1.4) * .5em);
  }
  .contactform table {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .formTable tr {
    display: block;
  }
  .formTable tr:first-of-type th {
    margin-top: 0;
  }
  .formTable th {
    width: 100%;
    justify-content: flex-start;
    font-size: 3.2vw;
    margin-top: 9.6vw;
  }
  .formTable th .formTable__ttl {
    width: 26.1333333333vw;
  }
  .formTable .necessity {
    width: fit-content;
    margin-top: 0;
    padding: 1.0666666667vw 1.8666666667vw;
    margin-left: 6.6666666667vw;
    line-height: initial;
    font-size: 1.9813333333vw;
  }
  .formTable .content {
    display: block;
    margin-top: 2.1333333333vw;
    width: 100%;
    margin-left: 0;
  }
  .formTable .content input[type=text], .formTable .content input[type=tel], .formTable .content input[type=email], .formTable .content select, .formTable .content textarea, .formTable .content input[type=date] {
    border: 0.1333333333vw solid #282f33;
    font-size: 3.2vw;
    margin-left: 0;
  }
  .formTable .content input[type=date] {
    height: 14.266666667vw;
  }
  .formTable .content__heading {
    font-size: 3.2vw;
  }
  .formTable .content.age .wpcf7-form-control-wrap::before, .formTable .content.loan .wpcf7-form-control-wrap::before {
    width: 3.09696vw;
    height: 2.2829466667vw;
    right: 3.7333333333vw;
  }
  .formTable .content .contentDate__item:nth-child(n+2) {
    margin-top: 4.2666666667vw;
  }
  .formTable .content .contentDate__item_heading {
    font-size: 1.8rem;
  }
  .formTable .content .contentDate__item_date {
    margin-top: 1rem;
  }
  .formTable .content .contentDate__item_time {
    margin-top: 1rem;
    font-size: 3.2vw;
  }
  .formTable .content .contentDate__item_time p {
    width: 100%;
  }
  .formTable .wpcf7-form-control {
    width: 100%;
    padding: 4.5333333333vw 2.4vw;
  }
  .formTable .wpcf7-form-control.wpcf7-select {
    width: 100%;
  }
  .formTable .wpcf7-form-control.wpcf7-date {
    font-size: 3.2vw;
  }
  .formTable .wpcf7-not-valid-tip {
    margin-top: 3.2vw;
  }
  .formTable .wpcf7-radio .wpcf7-list-item-label, .formTable .wpcf7-checkbox .wpcf7-list-item-label {
    padding-left: 6.1333333333vw;
    font-size: 3.2vw;
  }
  .formTable .wpcf7-radio .wpcf7-list-item-label::before, .formTable .wpcf7-checkbox .wpcf7-list-item-label::before {
    width: 4.5333333333vw;
    height: 4.5333333333vw;
    border: 0.2666666667vw solid #282f33;
  }
  .formTable .wpcf7-radio .wpcf7-list-item-label::after, .formTable .wpcf7-checkbox .wpcf7-list-item-label::after {
    width: 3.2vw;
    height: 3.2vw;
    left: 0.6666666667vw;
  }
  .formTable .wpcf7-radio .wpcf7-list-item, .formTable .wpcf7-checkbox .wpcf7-list-item {
    margin-right: 4vw;
  }
  .formTable__submit {
    width: 100%;
    margin-top: 6.6666666667vw;
  }
  .formTable__submit_text {
    font-size: 3.2vw;
  }
  .formTable__submit #contactform__arrow {
    width: 2.3733333333vw;
    margin-right: 5.3333333333vw;
  }
  .formTable__submit .wpcf7-submit {
    width: 100%;
    padding: 6.6666666667vw;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .qa {
    padding-bottom: 27.7333333333vw;
    padding-top: 16.2666666667vw;
  }
  .qa__ttl h1 {
    font-size: 6.6666666667vw;
    line-height: 1.28;
    margin-top: 4vw;
  }
  .qa__ttl h1::before, .qa__ttl h1::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .qa__ttl h1::before {
    margin-bottom: calc((1 - 1.28) * .5em);
  }
  .qa__ttl h1::after {
    margin-top: calc((1 - 1.28) * .5em);
  }
  .qa__ttl span {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .qaList {
    margin-top: 10.6666666667vw;
  }
  .qaList dt {
    padding-left: 10.1333333333vw;
  }
  .qaList dt::before {
    font-size: 4.4vw;
    width: 7.0666666667vw;
    top: -1.6vw;
  }
  .qaList dt .qaList__dt-content {
    font-size: 4vw;
  }
  .qaList dt:nth-child(n+2) {
    margin-top: 17.3333333333vw;
  }
  .qaList dd {
    margin-top: 4vw;
    font-size: 3.2vw;
    padding-left: 10.1333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .intro {
    font-size: 3.2vw;
    margin-top: 9.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .r-building {
    padding: 5.0666666667vw 4.8vw;
    margin-top: 7.2vw;
  }
  .r-building__ttl {
    font-size: 5.3333333333vw;
  }
  .r-building__intro {
    font-size: 3.2vw;
    margin-top: 4.8vw;
  }
  .r-building__list {
    font-size: 4vw;
    margin-top: 7.2vw;
  }
  .r-building__list li:nth-child(n+2) {
    margin-top: 2.9333333333vw;
  }
  .r-building__list li::before {
    font-size: 4vw;
  }
  .r-building__text {
    margin-top: 10.6666666667vw;
  }
  .r-building__text p {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
  }
  .r-building__text p:nth-child(n+2) {
    margin-top: 9.6vw;
  }
  .r-building__certificate {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .standard {
    margin-top: 10.1333333333vw;
  }
  .standard__ttl {
    font-size: 4.8vw;
    line-height: 1.43;
    margin-top: 10.6666666667vw;
  }
  .standard__ttl::before, .standard__ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .standard__ttl::before {
    margin-bottom: calc((1 - 1.43) * .5em);
  }
  .standard__ttl::after {
    margin-top: calc((1 - 1.43) * .5em);
  }
  .standard__list {
    margin-top: 6.4vw;
  }
  .standard__list li::before {
    font-size: 3.2vw;
  }
  .standard__list li:nth-child(n+2) {
    margin-top: 4.8vw;
  }
  .standard__list li span {
    font-size: 3.2vw;
    line-height: 1.666666667;
  }
  .standard__list li span::before, .standard__list li span::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .standard__list li span::before {
    margin-bottom: calc((1 - 1.666666667) * .5em);
  }
  .standard__list li span::after {
    margin-top: calc((1 - 1.666666667) * .5em);
  }
  .standard__other {
    font-size: 3.2vw;
    margin-top: 9.3333333333vw;
  }
  .standard__testlist {
    margin-top: 6.1333333333vw;
  }
  .standard__testlist li {
    padding: 5.0666666667vw 4.5333333333vw;
  }
  .standard__testlist li:nth-child(n+2) {
    margin-top: 0.8vw;
  }
  .standard__testlist_ttl {
    font-size: 4vw;
  }
  .standard__testlist_text {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
    margin-top: 3.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .guarantee {
    margin-top: 11.7333333333vw;
  }
  .guarantee__ttl {
    font-size: 4vw;
  }
  .guarantee__intro {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
    line-height: 1.666666667;
    margin-top: 3.7333333333vw;
  }
  .guarantee__intro::before, .guarantee__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .guarantee__intro::before {
    margin-bottom: calc((1 - 1.666666667) * .5em);
  }
  .guarantee__intro::after {
    margin-top: calc((1 - 1.666666667) * .5em);
  }
}
@media screen and (max-width: 768px) {
  .guaranteeBox {
    padding: 5.0666666667vw 4.8vw;
  }
  .guaranteeBox__ttl {
    font-size: 4vw;
    line-height: 1.466666667;
  }
  .guaranteeBox__ttl::before, .guaranteeBox__ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .guaranteeBox__ttl::before {
    margin-bottom: calc((1 - 1.466666667) * .5em);
  }
  .guaranteeBox__ttl::after {
    margin-top: calc((1 - 1.466666667) * .5em);
  }
  .guaranteeBox__ttl:nth-child(n+2) {
    padding-top: 7.2vw;
  }
  .guaranteeBox__ttl:nth-child(n+2)::before {
    width: 9.6vw;
    height: 0.4vw;
  }
  .guaranteeBox__text {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
    margin-top: 3.4666666667vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .popup {
    padding: 8vw 5.3333333333vw;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .popup-ttl {
    font-size: 5.6vw;
    padding-bottom: 5.0666666667vw;
    border-bottom: 0.8vw solid #282f33;
  }
}
@media screen and (max-width: 768px) {
  .popup-heading {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .popup-heading--small {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .sauna-popup .sauna-popup__list {
    margin-top: 8vw;
  }
  .sauna-popup .sauna-popup__list dt {
    font-size: 3.2vw;
  }
  .sauna-popup .sauna-popup__list dt:nth-of-type(n + 2) {
    margin-top: 4.8vw;
  }
  .sauna-popup .sauna-popup__list dd {
    font-size: 4.5333333333vw;
    margin-top: 2.6666666667vw;
  }
  .sauna-popup .sauna-popup__note {
    font-size: 3.4666666667vw;
    margin-top: 4.8vw;
  }
  .sauna-popup .sauna-popup__caution {
    padding: 1.8rem;
    border: 0.2666666667vw solid #ff0000;
    margin-top: 5.8666666667vw;
  }
  .sauna-popup .sauna-popup__caution_heading {
    font-size: 3.2vw;
  }
  .sauna-popup .sauna-popup__caution_heading img {
    width: 4.8vw;
    margin-right: 2.1333333333vw;
  }
  .sauna-popup .sauna-popup__caution_list {
    margin-top: 4vw;
  }
  .sauna-popup .sauna-popup__caution_listItem {
    padding-left: 4vw;
    font-size: 3.2vw;
  }
  .sauna-popup .sauna-popup__caution_listItem::before {
    content: "";
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 1.0666666667vw;
  }
  .sauna-popup .sauna-popup__reserve {
    margin-top: 5.8666666667vw;
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .corona-popup {
    width: 100%;
  }
  .corona-popup__intro {
    font-size: 3.4666666667vw;
    margin-top: 8vw;
  }
  .corona-popup__list {
    margin-top: 8vw;
    padding: 5.3333333333vw 4.8vw;
  }
  .corona-popup__list li:nth-of-type(n + 2) {
    margin-top: 5.3333333333vw;
  }
  .corona-popup__list_heading {
    font-size: 3.2vw;
  }
  .corona-popup__list_text {
    font-size: 2.9333333333vw;
    margin-top: 2.1333333333vw;
  }
  .corona-popup .popup-heading {
    margin-top: 5.3333333333vw;
  }
  .corona-popup__askList_item {
    padding-left: 4vw;
  }
  .corona-popup__askList_item span {
    font-size: 3.2vw;
  }
  .corona-popup__askList_item::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 1.6vw;
  }
  .corona-popup__askList_item:first-of-type {
    margin-top: 4vw;
  }
  .corona-popup__askList_item:nth-child(n+2) {
    margin-right: 3.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .stayThanks__ttl {
    font-size: 5vw;
    margin-top: 10vw;
  }
  .stayThanks__btn {
    width: 100%;
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  .stayAgree__ttl {
    font-size: 7vw;
    margin-top: 10vw;
  }
  .stayAgree__ttl + p {
    margin-top: 6vw;
  }
  .stayAgree p {
    margin-top: 4vw;
    font-size: 4vw;
  }
  .stayAgree .violation {
    margin-top: 4vw;
    margin-bottom: 12vw;
    padding: 6vw;
  }
  .stayAgree .violation__ttl {
    font-size: 5.6vw;
    margin-top: 12vw;
  }
  .stayAgree .violation__heading {
    font-size: 5.6vw;
  }
  .stayAgree .violation__heading:nth-child(n+2) {
    margin-top: 6vw;
  }
  .stayAgree .violation p {
    margin-top: 4vw;
  }
  .stayAgree__attention {
    margin-top: 4vw;
  }
  .stayAgree .stayAgree_form_intro {
    margin-top: 12vw;
  }
  .stayAgree form {
    font-size: 4vw;
  }
  .stayAgree form h2 {
    font-size: 5.6vw;
    margin-top: 6vw;
  }
  .stayAgree form h2 + p {
    margin-top: 4vw;
  }
  .stayAgree .wpcf7-form-control-wrap {
    margin-top: 4vw;
  }
  .stayAgree .wpcf7-list-item {
    font-size: 5vw;
  }
  .stayAgree .wpcf7-list-item + .wpcf7-list-item {
    margin-top: 4vw;
  }
  .stayAgree .wpcf7-list-item label {
    padding-left: 9vw;
  }
  .stayAgree .wpcf7-list-item-label::before {
    width: 6vw;
    height: 6vw;
  }
  .stayAgree .wpcf7-list-item-label::after {
    width: 2vw;
    height: 4vw;
    left: 2vw;
  }
  .stayAgree .stayAgree .wpcf7 input[type=email], .stayAgree .stayAgree .wpcf7 input[type=text] {
    padding: 2vw;
    font-size: 4vw;
  }
  .stayAgree input[type=submit] {
    width: 100%;
    margin-top: 6vw;
    font-size: 4vw;
    margin-top: 12vw;
  }
  .stayAgree .wpcf7-response-output {
    margin-top: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .single__banner {
    max-width: 80vw;
    aspect-ratio: 670/136;
  }
  .single__container {
    max-width: 100%;
    padding-bottom: 10.6666666667vw;
  }
  .single__kind {
    margin-top: 10.6666666667vw;
  }
  .single__kind_en {
    font-size: 4.2666666667vw;
  }
  .single__kind_ja {
    font-size: 2.9333333333vw;
    margin-left: 2.4vw;
  }
  .single__eye {
    margin-top: 5.3333333333vw;
  }
  .single__tag {
    margin-top: 5.8666666667vw;
  }
  .single__tag a {
    border: 0.2666666667vw solid #696e70;
    padding: 2.1333333333vw;
    color: #696e70;
    font-size: 2.9333333333vw;
  }
  .single__title {
    font-size: 6.1333333333vw;
    line-height: 1.47826087;
    margin-top: 4.2666666667vw;
  }
  .single__title::before, .single__title::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .single__title::before {
    margin-bottom: calc((1 - 1.47826087) * .5em);
  }
  .single__title::after {
    margin-top: calc((1 - 1.47826087) * .5em);
  }
  .single__date {
    font-size: 3.2vw;
    margin-top: 6.1333333333vw;
  }
  .single__profile {
    margin-top: 11.7333333333vw;
  }
  .single__profile_container {
    padding-top: 5.8666666667vw;
  }
  .single__profile_textBlock {
    width: 66.6666666667vw;
  }
  .single__profile_textInner {
    width: 92%;
  }
  .single__profile_img {
    width: 22.6666666667vw;
    display: flex;
    justify-content: center;
  }
  .single__profile_img img {
    width: 56.470588235%;
    margin: auto;
  }
  .single__profile_name {
    font-size: 3.2vw;
  }
  .single__profile_text {
    font-size: 2.6666666667vw;
    margin-top: 2.6666666667vw;
  }
  .single__related {
    padding: 11.7333333333vw 0 9.0666666667vw;
  }
  .single__related_ttl {
    font-size: 4.2666666667vw;
  }
  .single #ez-toc-container {
    padding: 3.7333333333vw;
    margin-top: 9.3333333333vw;
    margin-bottom: 9.3333333333vw;
  }
  .single #ez-toc-container .ez-toc-title {
    font-size: 3.2vw;
  }
  .single #ez-toc-container nav {
    font-size: 3.2vw;
  }
  .single #ez-toc-container .ez-toc-list {
    margin-top: 3.7333333333vw;
  }
  .single #ez-toc-container .ez-toc-list > li:nth-child(n+2) {
    margin-top: 3.2vw;
  }
  .single__project {
    margin-top: 14.1333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .same-prefectures__link {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .post {
    margin-top: 12.8vw;
  }
  .post > p {
    margin: 8.5333333333vw 0;
  }
  .post > figure {
    margin: 8.5333333333vw 0;
  }
  .post p {
    font-size: 3.2vw;
  }
  .post h2:first-of-type {
    margin-top: 9.3333333333vw;
  }
  .post h3 {
    padding-left: 3.7333333333vw;
    border-left: 1.3333333333vw solid #282f33;
  }
  .post h4 {
    margin: 8.5333333333vw 0;
  }
  .post h5 {
    margin: 8.5333333333vw 0;
  }
  .post ul li, .post ol li {
    font-size: 3.2vw;
  }
  .post ul li:nth-child(n+2), .post ol li:nth-child(n+2) {
    margin-top: 3.2vw;
  }
  .post ul li::before {
    margin-right: 3.2vw;
  }
  .post blockquote::before, .post blockquote::after {
    font-size: 5.3333333333vw;
    line-height: 1;
    color: #282f33;
  }
  .post blockquote::before::before, .post blockquote::before::after, .post blockquote::after::before, .post blockquote::after::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .post blockquote::before::before, .post blockquote::after::before {
    margin-bottom: calc((1 - 1) * .5em);
  }
  .post blockquote::before::after, .post blockquote::after::after {
    margin-top: calc((1 - 1) * .5em);
  }
  .post blockquote::before {
    top: 3.2vw;
    left: 4.2666666667vw;
  }
  .post blockquote::after {
    bottom: 0;
    right: 4.2666666667vw;
  }
  .post table th, .post table td {
    font-size: 3.2vw;
  }
  .post figcaption {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .about {
    padding-top: 16.2666666667vw;
  }
  .about__project {
    margin-top: 21.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .concept__img {
    margin-top: 7.2vw;
  }
  .concept__textBlock {
    max-width: 100%;
  }
  .concept__catch {
    font-size: 10.6666666667vw;
    margin-top: -5.3333333333vw;
  }
  .concept__subcatch {
    margin-top: 2.1333333333vw;
    font-size: 4.2666666667vw;
  }
  .concept__content {
    font-size: 3.2vw;
    margin-top: 13.0666666667vw;
  }
  .concept__content_text:nth-child(n+2) {
    margin-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .productionStructure {
    margin-top: 29.8666666667vw;
  }
  .productionStructure__intro {
    margin-top: 17.8666666667vw;
  }
  .productionStructure__img_textblock {
    right: 0;
  }
  .productionStructure__img_text {
    font-size: 4.8vw;
    line-height: 1.374444444;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
  }
  .productionStructure__img_text::before, .productionStructure__img_text::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .productionStructure__img_text::before {
    margin-bottom: calc((1 - 1.374444444) * .5em);
  }
  .productionStructure__img_text::after {
    margin-top: calc((1 - 1.374444444) * .5em);
  }
  .productionStructure__img_note {
    font-size: 3.2vw;
    margin-top: 2.1333333333vw;
  }
  .productionStructure__img_link {
    font-size: 3.2vw;
    margin-top: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .flow {
    padding-top: 16.2666666667vw;
  }
  .flow__intro {
    margin-top: 9.0666666667vw;
    letter-spacing: 0.05em;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .flowList {
    margin-top: 16vw;
  }
  .flowList__item {
    width: 74.1333333333vw;
    padding-top: 6.5333333333vw;
    padding-bottom: 6.1333333333vw;
    padding-left: 6.1333333333vw;
    border-left: 0.2666666667vw solid #94b7ae;
  }
  .flowList__item:nth-child(n+2) {
    margin-top: 12vw;
  }
  .flowList__item::before {
    width: 3.0666666667vw;
    height: 3.0666666667vw;
    top: -1.5333333333vw;
    left: -1.5333333333vw;
  }
  .flowList__item_flex {
    display: block;
  }
  .flowList__item_textblock {
    width: 100%;
  }
  .flowList__item_imgblock {
    width: 100%;
    margin-top: 6.1333333333vw;
  }
  .flowList__item_ttl {
    font-size: 4.8vw;
  }
  .flowList__item_ttl::before {
    font-size: 12vw;
    top: -12.95052vw;
  }
  .flowList__item_text {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .caution {
    margin: auto;
  }
  .caution .cautionBtn {
    border-radius: 5.8666666667vw;
    padding: 4.5333333333vw;
    font-size: 3.4666666667vw;
    width: 79.7333333333vw;
  }
  .caution img {
    width: 5.0666666667vw;
    margin-right: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .topMv.is-stay .topMv__illust {
    width: 43.7333333333vw;
  }
  .topMv.is-stay .topMv__ttl {
    font-size: 9.8666666667vw;
    line-height: 1.45;
    margin-top: 10.6666666667vw;
  }
  .topMv.is-stay .topMv__ttl::before, .topMv.is-stay .topMv__ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .topMv.is-stay .topMv__ttl::before {
    margin-bottom: calc((1 - 1.45) * .5em);
  }
  .topMv.is-stay .topMv__ttl::after {
    margin-top: calc((1 - 1.45) * .5em);
  }
  .topMv.is-stay .topMv__subttl {
    font-size: 6.9333333333vw;
    padding-bottom: 2.6666666667vw;
  }
  .topMv.is-stay .topMv__subttl::before {
    height: 0.9333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .stay {
    padding-bottom: 29.6vw;
  }
  .stay .toptext {
    font-size: 4vw;
    padding-top: 6.9333333333vw;
  }
  .stay .stayNews {
    margin-top: 6.9333333333vw;
  }
  .stay .stayNews__ttl {
    font-size: 3.4666666667vw;
  }
  .stay .stayNews__slick {
    margin-top: 5.3333333333vw;
    display: block;
  }
  .stay .stayNews__item {
    width: 100%;
  }
  .stay .stayNews__item:nth-child(n+2) {
    margin-top: 3.7333333333vw;
  }
  .stay .stayNews__item a {
    padding: 0;
  }
  .stay .caution {
    margin-top: 6.6666666667vw;
  }
  .stay .stayNewsYoutube {
    display: block;
    width: 100%;
    margin-top: 3.7333333333vw;
  }
  .stay .stayNewsYoutube__movie {
    width: 100%;
  }
  .stay .stayNewsYoutube__content {
    width: 100%;
    margin-top: 2.6666666667vw;
  }
  .stay .stayNewsYoutube__ttl {
    font-size: 3.5333333333vw;
  }
  .stay .stayNewsYoutube__desc {
    font-size: 2.6666666667vw;
    margin-top: 2.6666666667vw;
  }
  .stay .stayNewsYoutube__details {
    font-size: 2.6666666667vw;
    margin-top: 2.6666666667vw;
  }
  .stay .navigation {
    margin-top: 16vw;
  }
  .stay .navigation .nav {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .stay .navigation .nav li {
    width: 47.164179104%;
    font-size: 3.7333333333vw;
  }
  .stay .navigation .nav li:nth-child(n+2) {
    margin-left: 0;
  }
  .stay .navigation .nav li:nth-child(n+3) {
    margin-top: 5.6vw;
  }
  .stay .navigation .nav li a {
    position: relative;
    padding-bottom: 3.4666666667vw;
    border-bottom: 0.5333333333vw solid #282f33;
  }
  .stay .navigation .nav li img {
    width: 5.8666666667vw;
    position: absolute;
    right: 0;
  }
  .stay .beginning {
    padding-top: 18.1333333333vw;
  }
  .stay .beginning__container {
    max-width: 100%;
    display: grid;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    grid-template: "corner-top" auto "catch" 1fr "corner-bottom" auto "intro" auto/100%;
  }
  .stay .beginning__catch {
    grid-area: catch;
    font-size: 5.8666666667vw;
    line-height: 1.4;
    padding: initial;
  }
  .stay .beginning__catch::before, .stay .beginning__catch::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .stay .beginning__catch::before {
    margin-bottom: calc((1 - 1.4) * .5em);
  }
  .stay .beginning__catch::after {
    margin-top: calc((1 - 1.4) * .5em);
  }
  .stay .beginning__intro {
    padding: initial;
    grid-area: intro;
    font-size: 3.4666666667vw;
    line-height: 1.615384615;
    margin-top: 7.4666666667vw;
    text-align: left;
  }
  .stay .beginning__intro::before, .stay .beginning__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .stay .beginning__intro::before {
    margin-bottom: calc((1 - 1.615384615) * .5em);
  }
  .stay .beginning__intro::after {
    margin-top: calc((1 - 1.615384615) * .5em);
  }
  .stay .beginning__corner {
    height: 4.8vw;
  }
  .stay .beginning__corner_item {
    width: 4.8vw;
    height: 4.8vw;
  }
  .stay .beginning__corner.is--top {
    grid-area: corner-top;
  }
  .stay .beginning__corner.is--bottom {
    grid-area: corner-bottom;
  }
  .stay .feature {
    padding-top: 16vw;
    padding-bottom: 19.2vw;
  }
  .stay .featureList {
    margin-top: 10.4vw;
  }
  .stay .featureList__item {
    width: 100%;
  }
  .stay .featureList__item:nth-child(n+2) {
    margin-top: 6.9333333333vw;
  }
  .stay .featureList__item:first-of-type {
    flex-direction: column-reverse;
  }
  .stay .featureList__item:first-of-type .featureList__textblock {
    width: 100%;
    margin-top: 4vw;
  }
  .stay .featureList__item:first-of-type .featureList__img {
    width: 100%;
  }
  .stay .featureList__item:first-of-type .featureList__ttl-wrap::before {
    top: 1.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .stay .featureList__item:first-of-type .featureList__ttl {
    font-size: 6.9333333333vw;
    padding-left: 10.1333333333vw;
  }
  .stay .featureList__item:first-of-type .featureList__text {
    padding-left: 10.1333333333vw;
    margin-top: 3.4666666667vw;
  }
  .stay .featureList__textblock {
    margin-top: 4vw;
  }
  .stay .featureList__ttl-wrap::before {
    top: 1.3333333333vw;
    font-size: 4.2666666667vw;
    padding-bottom: 3.2vw;
    border-bottom: 0.5333333333vw solid #282f33;
  }
  .stay .featureList__ttl {
    font-size: 6.1333333333vw;
    padding-left: 10.1333333333vw;
  }
  .stay .featureList__text {
    font-size: 3.4666666667vw;
    padding-left: 10.1333333333vw;
    margin-top: 3.4666666667vw;
  }
  .stay .featureSlick {
    margin-top: 12.8vw;
  }
  .stay .featureSlick__item {
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
  .stay .featureSlick__item_ttl {
    font-size: 3.4666666667vw;
  }
  .stay .facility {
    margin-top: 12.5333333333vw;
  }
  .stay .dlList {
    border-top: 0.8vw solid #282f33;
  }
  .stay .dlList dt {
    width: 100%;
    font-size: 4.5333333333vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
  .stay .dlList dt:not(first-of-type) {
    border-top: 0.2666666667vw solid #f2f2f2;
  }
  .stay .dlList dt:last-of-type {
    border-bottom: 0.2666666667vw solid #f2f2f2;
    border-bottom: none;
  }
  .stay .dlList dd {
    width: 100%;
    padding-top: 0;
    padding-bottom: 5.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .stay .dlList dd:not(first-of-type) {
    border-top: none;
  }
  .stay .dlList dd:last-of-type {
    border-bottom: 0.5333333333vw solid #f2f2f2;
  }
  .stay .stay-banner__item {
    width: 100%;
    padding: 0;
  }
  .stay .stay-banner__item:nth-child(n+2) {
    margin-top: 3.4666666667vw;
  }
  .stay .stay-banner__wrap {
    margin-top: 12.5333333333vw;
    display: block;
  }
  .stay .stayMaki__text {
    margin-top: 3.4666666667vw;
    font-size: 3.4666666667vw;
    text-align: left;
  }
  .stay .access {
    padding-top: 16vw;
    padding-bottom: 18.6666666667vw;
  }
  .stay .access__intro {
    font-size: 3.2vw;
    text-align: left;
    letter-spacing: 0.05em;
    margin-top: 7.4666666667vw;
  }
  .stay .access__map {
    width: 100%;
    aspect-ratio: 670/400;
    margin-top: 6.1333333333vw;
  }
  .stay .stayOption {
    padding-top: 16vw;
    padding-bottom: 18.6666666667vw;
  }
  .stay .stayOption__contact {
    margin-top: 10.9333333333vw;
    font-size: 3.2vw;
  }
  .stay .stayOptionList {
    margin-top: 10.4vw;
  }
  .stay .stayOptionList__item {
    grid-template: "img ttl" auto "text text" 1fr/44.47761194% 55.52238806%;
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
  }
  .stay .stayOptionList__item_ttl {
    font-size: 5.2vw;
    padding-left: 3.880597015%;
    align-self: center;
    line-height: 1.45;
  }
  .stay .stayOptionList__item_ttl::before, .stay .stayOptionList__item_ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .stay .stayOptionList__item_ttl::before {
    margin-bottom: calc((1 - 1.45) * .5em);
  }
  .stay .stayOptionList__item_ttl::after {
    margin-top: calc((1 - 1.45) * .5em);
  }
  .stay .stayOptionList__item_text {
    margin-top: 4.5333333333vw;
    font-size: 3.2vw;
  }
  .stay .stayOptionList__item_price, .stay .stayOptionList__item_content {
    margin-top: 6.4vw;
  }
  .stay .stayOptionList__item_price dt, .stay .stayOptionList__item_content dt {
    font-size: 3.7333333333vw;
  }
  .stay .stayOptionList__item_price dd, .stay .stayOptionList__item_content dd {
    font-size: 3.2vw;
  }
  .stay .stayOptionList__item_price dt {
    width: 23.7333333333vw;
  }
  .stay .stayOptionList__item_price dd {
    width: 65.6vw;
  }
  .stay .stayOptionList__item_content dt {
    width: 16.5333333333vw;
  }
  .stay .stayOptionList__item_content dd {
    width: 72.8vw;
  }
  .stay .stayOptionList__item_btn {
    margin-top: 6.9333333333vw;
    text-align: center;
  }
  .stay .stayOptionList__item_btn .plusBtn {
    width: 61.3333333333vw;
    padding: 2.9333333333vw;
  }
  .stay .stayOptionList__item_btn .plusBtn .icon-plus {
    width: 2.9333333333vw;
    right: 3.4666666667vw;
  }
  .stay .stayOptionList__item_note {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
  .stay .stayOptionList__item:first-of-type {
    grid-template: "img" auto "ttl" auto "text" 1fr/100% 100%;
  }
  .stay .stayOptionList__item:first-of-type .stayOptionList__item_ttl {
    font-size: 6.4vw;
    margin-top: 4vw;
  }
  .stay .info {
    padding-top: 16vw;
    padding-bottom: 18.6666666667vw;
  }
  .stay .info__youtube {
    width: 100%;
    margin-top: 10.4vw;
  }
  .stay .info .caution {
    margin-top: 5.0666666667vw;
  }
  .stay .info .dlList {
    margin-top: 9.6vw;
  }
  .stay .info .dlList .is-large {
    font-size: 4.2666666667vw;
  }
  .stay .info .dlList dt:nth-of-type(n + 2) {
    border-top: 0.5333333333vw solid #ccc;
  }
  .stay .info .dlList dt:last-of-type {
    border-bottom: none;
  }
  .stay .info .dlList dd:nth-of-type(n + 2) {
    border-top: none;
  }
  .stay .info .dlList dd:last-of-type {
    border-bottom: 0.5333333333vw solid #ccc;
  }
  .stay .info .dlList__text {
    font-size: 3.2vw;
  }
  .stay .info .dlList__text:first-of-type {
    margin-top: 4.8vw;
  }
  .stay .info .dlList__text:nth-child(n+2) {
    margin-top: 4.5333333333vw;
  }
  .stay .info .dlList__text .icon-caution {
    width: 4.8vw;
    margin-right: 2.6666666667vw;
  }
  .stay .info .dlList__message {
    padding: 4.5333333333vw;
    border: 0.2666666667vw solid #ff0000;
    margin-top: 5.8666666667vw;
  }
  .stay .info .dlList__message_textblock {
    width: 66.865671642%;
  }
  .stay .info .dlList__message_imgblock {
    width: 33.134328358%;
    display: flex;
    justify-content: right;
  }
  .stay .info .dlList__message img {
    width: 71.921182266%;
  }
  .stay .info__btn {
    margin-top: 9.3333333333vw;
  }
  .stay .info__btn .plusBtn {
    width: 79.7333333333vw;
    max-width: initial;
    line-height: 1.321428571;
    font-size: 3.7333333333vw;
    padding: 2.9333333333vw;
  }
  .stay .info__btn .plusBtn::before, .stay .info__btn .plusBtn::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .stay .info__btn .plusBtn::before {
    margin-bottom: calc((1 - 1.321428571) * .5em);
  }
  .stay .info__btn .plusBtn::after {
    margin-top: calc((1 - 1.321428571) * .5em);
  }
  .stay .info__btn .plusBtn .icon-plus {
    width: 2.9333333333vw;
    right: 3.2vw;
  }
  .stay .info .complaint {
    margin-top: 6.4vw;
  }
  .stay .info .complaint__heading {
    font-size: 3.2vw;
  }
  .stay .info .complaint__num {
    font-size: 5.3333333333vw;
    margin-top: 2.9333333333vw;
  }
  .stay .charge {
    padding-top: 16vw;
    padding-bottom: 8vw;
  }
  .stay .charge__price {
    display: block;
    margin-top: 10.4vw;
  }
  .stay .charge__price_item {
    width: 100%;
  }
  .stay .charge__price_ttl {
    padding: 5.6vw 4.8vw;
    font-size: 3.7333333333vw;
  }
  .stay .charge__price_content {
    padding: 4vw 4.8vw 7.4666666667vw;
  }
  .stay .charge__price dl:nth-child(n+2) {
    margin-top: 4.8vw;
  }
  .stay .charge__price dt {
    font-size: 3.2vw;
  }
  .stay .charge__price_answer {
    font-size: 3.4666666667vw;
    margin-top: 3.2vw;
  }
  .stay .charge__price_detail {
    font-size: 2.9333333333vw;
    margin-top: 3.2vw;
  }
  .stay .charge__detail {
    margin-top: 3.7333333333vw;
  }
  .stay .charge__detail_item {
    font-size: 2.9333333333vw;
  }
  .stay .charge__cancel {
    padding: 5.0666666667vw 4vw;
  }
  .stay .charge__cancel_ttl {
    font-size: 3.7333333333vw;
  }
  .stay .charge__cancel_text {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
  }
  .stay .charge__cancel_text:first-of-type {
    margin-top: 4.5333333333vw;
  }
  .stay .charge__cancel_text:nth-child(n+2) {
    margin-top: 6.6666666667vw;
  }
  .stay .reserve {
    padding-top: 8vw;
  }
  .stay .reserve__text {
    margin-top: 6.9333333333vw;
    font-size: 4vw;
  }
  .stay .reserve__btn {
    margin-top: 5.3333333333vw;
  }
  .stay .reserve__btn_content {
    font-size: 4.6666666667vw;
    width: 100%;
    padding: 5.8666666667vw;
  }
  .stay .reserve__btn_content .arrow {
    width: 5.8666666667vw;
  }
  .stay .reserve__calendar {
    padding: 3.4666666667vw 2.6666666667vw;
    margin-top: 11.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .skeleton {
    padding-top: 16.2666666667vw;
    padding-bottom: 27.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .skeletonIntro {
    padding-bottom: 10.4vw;
  }
  .skeletonIntro__intro {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-top: 8.5333333333vw;
  }
  .skeletonIntro__intro::before, .skeletonIntro__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonIntro__intro::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .skeletonIntro__intro::after {
    margin-top: calc((1 - 2) * .5em);
  }
  .skeletonIntro__img {
    margin-top: 6.6666666667vw;
    flex-direction: column;
  }
  .skeletonIntro__img_item {
    width: 71.4666666667vw;
  }
  .skeletonIntro__img_item:nth-of-type(1) {
    margin-right: auto;
  }
  .skeletonIntro__img_item:nth-of-type(2) {
    margin-left: auto;
    margin-top: 1.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .skeletonSafety {
    padding-top: 13.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
  .skeletonSafety__ttl {
    font-size: 4.8vw;
    line-height: 1.43;
  }
  .skeletonSafety__ttl::before, .skeletonSafety__ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonSafety__ttl::before {
    margin-bottom: calc((1 - 1.43) * .5em);
  }
  .skeletonSafety__ttl::after {
    margin-top: calc((1 - 1.43) * .5em);
  }
  .skeletonSafety__intro {
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 8vw;
  }
  .skeletonSafety__intro::before, .skeletonSafety__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonSafety__intro::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .skeletonSafety__intro::after {
    margin-top: calc((1 - 2) * .5em);
  }
  .skeletonSafety__img {
    margin: auto;
    margin-top: 9.0666666667vw;
    width: 67.8666666667vw;
  }
  .skeletonSafety__link {
    font-size: 4vw;
    line-height: 1.6;
    margin-top: 12vw;
  }
  .skeletonSafety__link::before, .skeletonSafety__link::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonSafety__link::before {
    margin-bottom: calc((1 - 1.6) * .5em);
  }
  .skeletonSafety__link::after {
    margin-top: calc((1 - 1.6) * .5em);
  }
  .skeletonSafety__link a {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
    margin-top: 6.9333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .skeletonSize {
    padding-top: 26.6666666667vw;
    padding-bottom: 10.4vw;
  }
  .skeletonSize__intro {
    margin-top: 9.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .skeletonSize__intro::before, .skeletonSize__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonSize__intro::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .skeletonSize__intro::after {
    margin-top: calc((1 - 2) * .5em);
  }
  .skeletonSize__list {
    margin-top: 14.6666666667vw;
  }
  .skeletonSize__list_item {
    grid-template: "ttl" auto "img" auto "text" 1fr/100%;
    padding-top: 7.4666666667vw;
    padding-bottom: 7.4666666667vw;
  }
  .skeletonSize__list_ttl {
    font-size: 5.3333333333vw;
    line-height: 1.6;
  }
  .skeletonSize__list_ttl::before, .skeletonSize__list_ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonSize__list_ttl::before {
    margin-bottom: calc((1 - 1.6) * .5em);
  }
  .skeletonSize__list_ttl::after {
    margin-top: calc((1 - 1.6) * .5em);
  }
  .skeletonSize__list_heading-small {
    font-size: 3.2vw;
    margin-top: 9.8666666667vw;
  }
  .skeletonSize__list_textBlock {
    margin-top: 9.3333333333vw;
  }
  .skeletonSize__list_text {
    font-size: 3.2vw;
    line-height: 1.25;
    letter-spacing: 0.05em;
  }
  .skeletonSize__list_text::before, .skeletonSize__list_text::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonSize__list_text::before {
    margin-bottom: calc((1 - 1.25) * .5em);
  }
  .skeletonSize__list_text::after {
    margin-top: calc((1 - 1.25) * .5em);
  }
  .skeletonSize__list_price {
    font-size: 5.3333333333vw;
    margin-top: 2.6666666667vw;
  }
  .skeletonSize__list_other {
    margin-top: 2.6666666667vw;
  }
  .skeletonSize__list_imgBlock {
    margin-top: 4.8vw;
  }
  .skeletonSize__note {
    margin-top: 10.6666666667vw;
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .skeletonSize__note::before, .skeletonSize__note::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonSize__note::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .skeletonSize__note::after {
    margin-top: calc((1 - 2) * .5em);
  }
}
@media screen and (max-width: 768px) {
  .skeletonFlow {
    padding-top: 10.4vw;
  }
  .skeletonFlow__intro {
    margin-top: 9.3333333333vw;
    line-height: 2;
    font-size: 3.2vw;
  }
  .skeletonFlow__intro::before, .skeletonFlow__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .skeletonFlow__intro::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .skeletonFlow__intro::after {
    margin-top: calc((1 - 2) * .5em);
  }
  .skeletonFlow__list {
    margin-top: 14.6666666667vw;
  }
  .skeletonFlow__list_item {
    margin-top: 6.6666666667vw;
    padding-bottom: 8vw;
    padding-left: 16.8vw;
  }
  .skeletonFlow__list_item::before {
    font-size: 10.6666666667vw;
    top: -2.6666666667vw;
  }
  .skeletonFlow__list_item::after {
    left: 5.3333333333vw;
  }
  .skeletonFlow__list_ttl {
    font-size: 3.4666666667vw;
  }
  .skeletonFlow__list_text {
    margin-top: 3.2vw;
    font-size: 3.2vw;
  }
  .skeletonFlow .contactSecBtn {
    width: 100%;
  }
  .skeletonFlow .contactSecBtn__item {
    padding: 2.6666666667vw;
    width: 100%;
  }
  .skeletonFlow .contactSecBtn__item.is--form {
    justify-content: center;
  }
  .skeletonFlow .contactSecBtn__item.is--form .contactSecBtn__title {
    font-size: 2.9333333333vw;
  }
  .skeletonFlow .contactSecBtn__item.is--form img {
    margin-left: 0;
  }
  .skeletonFlow .contactSecBtn__item.is--tel .contactSecBtn__title {
    font-size: 2.9333333333vw;
  }
  .skeletonFlow .contactSecBtn__item.is--tel .contactSecBtn__number {
    font-size: 6.4vw;
    margin-top: 1.8666666667vw;
  }
  .skeletonFlow .contactSecBtn__item.is--tel .contactSecBtn__opening {
    font-size: 2.8vw;
    margin-top: 1.8666666667vw;
  }
  .skeletonFlow .contactSecBtn__textbox {
    margin-left: 2.1333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .skeletonFlow.is-containerhouse {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutContainer {
    padding-bottom: 27.7333333333vw;
    padding-top: 16.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutContainerBeginning__container {
    max-width: 100%;
  }
  .aboutContainerBeginning__ttl h2 {
    font-size: 4.8vw;
    line-height: 1.444444444;
    margin-top: 4.8vw;
  }
  .aboutContainerBeginning__ttl h2::before, .aboutContainerBeginning__ttl h2::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .aboutContainerBeginning__ttl h2::before {
    margin-bottom: calc((1 - 1.444444444) * .5em);
  }
  .aboutContainerBeginning__ttl h2::after {
    margin-top: calc((1 - 1.444444444) * .5em);
  }
  .aboutContainerBeginning__ttl p {
    font-size: 10.5666666667vw;
  }
  .aboutContainerBeginning__text {
    font-size: 3.2vw;
    line-height: 2.386666667;
    margin-top: 12vw;
  }
  .aboutContainerBeginning__text::before, .aboutContainerBeginning__text::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .aboutContainerBeginning__text::before {
    margin-bottom: calc((1 - 2.386666667) * .5em);
  }
  .aboutContainerBeginning__text::after {
    margin-top: calc((1 - 2.386666667) * .5em);
  }
  .aboutContainerBeginning__text:first-of-type {
    margin-top: 12vw;
  }
  .aboutContainerBeginning__imgblock {
    display: grid;
    grid-template: "img1 img2" auto "img3 img2" auto/50% 50%;
    margin-top: 12vw;
  }
  .aboutContainerBeginning__imgblock_item {
    width: 100%;
  }
  .aboutContainerBeginning__imgblock_item:nth-op-type(1) {
    grid-area: img1;
  }
  .aboutContainerBeginning__imgblock_item:nth-op-type(2) {
    grid-area: img2;
    align-self: center;
  }
  .aboutContainerBeginning__imgblock_item:nth-op-type(3) {
    grid-area: img3;
  }
}
@media screen and (max-width: 768px) {
  .containerhouseFeature {
    margin-top: 18.1333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .containerhouseFeatureList {
    margin-top: 17.3333333333vw;
  }
  .containerhouseFeatureList__item {
    display: block;
    padding-top: 16.5333333333vw;
  }
  .containerhouseFeatureList__item::before {
    font-size: 16.9vw;
    top: -2.4766866667vw;
  }
  .containerhouseFeatureList__item:nth-child(n+2) {
    margin-top: 12vw;
  }
  .containerhouseFeatureList__textBlock {
    width: 100%;
  }
  .containerhouseFeatureList__imgBlock {
    width: 100%;
    margin-top: 8vw;
  }
  .containerhouseFeatureList__ttl {
    font-size: 5.3333333333vw;
  }
  .containerhouseFeatureList__text {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-top: 8.2666666667vw;
  }
  .containerhouseFeatureList__text::before, .containerhouseFeatureList__text::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .containerhouseFeatureList__text::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .containerhouseFeatureList__text::after {
    margin-top: calc((1 - 2) * .5em);
  }
}
@media screen and (max-width: 768px) {
  .containerhouseFeatureFunction {
    margin-top: 20vw;
    padding: 12.2666666667vw 5.3333333333vw;
    margin-left: calc((100vw - 100%)/2*(-1));
    margin-right: calc((100vw - 100%)/2*(-1));
  }
  .containerhouseFeatureFunction__ttl {
    font-size: 5.3333333333vw;
  }
  .containerhouseFeatureFunction__heading {
    font-size: 4vw;
    padding-bottom: 4vw;
    margin-top: 13.3333333333vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
  }
  .containerhouseFeatureFunction__heading::before {
    width: 11.3333333333vw;
    height: 0.2666666667vw;
  }
  .containerhouseFeatureFunction__heading:first-of-type {
    margin-top: 13.3333333333vw;
  }
  .containerhouseFeatureFunction__text {
    margin-top: 5.6vw;
    font-size: 3.2vw;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .house {
    padding-bottom: 27.7333333333vw;
    padding-top: 16.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .houseIntro {
    padding-bottom: 10.6666666667vw;
  }
  .houseIntro__heading {
    font-size: 6.6666666667vw;
    line-height: 1.28;
  }
  .houseIntro__heading::before, .houseIntro__heading::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .houseIntro__heading::before {
    margin-bottom: calc((1 - 1.28) * .5em);
  }
  .houseIntro__heading::after {
    margin-top: calc((1 - 1.28) * .5em);
  }
  .houseIntro__intro {
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.05em;
    margin-top: 11.2vw;
  }
  .houseIntro__intro::before, .houseIntro__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .houseIntro__intro::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .houseIntro__intro::after {
    margin-top: calc((1 - 2) * .5em);
  }
  .houseIntro__img {
    margin-top: 11.2vw;
  }
  .houseIntro__img_item {
    width: 49.253731343%;
  }
  .houseIntro__img_item:nth-child(n+3) {
    margin-top: 1.3333333333vw;
  }
  .houseIntro__2column {
    flex-direction: column-reverse;
    margin-top: 10.6666666667vw;
  }
  .houseIntro__2column_img {
    width: 100%;
    text-align: right;
  }
  .houseIntro__2column_list {
    width: 100%;
  }
  .houseIntro__2column_list li {
    font-size: 4.16vw;
    line-height: 1.153846154;
  }
  .houseIntro__2column_list li::before, .houseIntro__2column_list li::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .houseIntro__2column_list li::before {
    margin-bottom: calc((1 - 1.153846154) * .5em);
  }
  .houseIntro__2column_list li::after {
    margin-top: calc((1 - 1.153846154) * .5em);
  }
  .houseIntro__2column_list li:nth-child(n+2) {
    margin-top: 4.5333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .houseIntro.-facility .houseIntro__2column_img {
    width: 100%;
    margin-top: 8vw;
  }
  .houseIntro.-facility .houseIntro__2column_img img {
    width: 100%;
  }
  .houseIntro.-facility .houseIntro__2column_list {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .houseReason {
    padding-top: 8vw;
    padding-bottom: 10.6666666667vw;
  }
  .houseReason__intro {
    margin-top: 9.0666666667vw;
    line-height: 2;
    font-size: 3.2vw;
  }
  .houseReason__intro::before, .houseReason__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .houseReason__intro::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .houseReason__intro::after {
    margin-top: calc((1 - 2) * .5em);
  }
}
@media screen and (max-width: 768px) {
  .houseReasonList {
    margin-top: 10.6666666667vw;
  }
  .houseReasonList__item {
    flex-direction: column;
  }
  .houseReasonList__item:nth-child(n+2) {
    margin-top: 10.6666666667vw;
  }
  .houseReasonList__textBlock {
    width: 100%;
  }
  .houseReasonList__imgBlock {
    width: 85.01352vw;
    margin-right: -5.3333333333vw;
    margin-top: 7.2vw;
    margin-left: 9.3333333333vw;
  }
  .houseReasonList__heading {
    font-size: 4.8vw;
    padding-left: 9.3333333333vw;
  }
  .houseReasonList__heading span {
    line-height: 1.43;
  }
  .houseReasonList__heading span::before, .houseReasonList__heading span::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .houseReasonList__heading span::before {
    margin-bottom: calc((1 - 1.43) * .5em);
  }
  .houseReasonList__heading span::after {
    margin-top: calc((1 - 1.43) * .5em);
  }
  .houseReasonList__heading::before {
    font-size: 5.9306666667vw;
    padding-bottom: 1.6vw;
    border-bottom: 0.4vw solid #282f33;
  }
  .houseReasonList__text {
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 6.9333333333vw;
    padding-left: 9.3333333333vw;
  }
  .houseReasonList__text::before, .houseReasonList__text::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .houseReasonList__text::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .houseReasonList__text::after {
    margin-top: calc((1 - 2) * .5em);
  }
  .houseReasonList__text img {
    margin-top: 6.6666666667vw;
  }
  .houseReasonList__text img.sauna {
    width: 46.6666666667vw;
  }
  .houseReasonList__text img.parking {
    width: 37.6vw;
  }
  .houseReasonList__text img.trailer {
    width: 32.4vw;
  }
  .houseReasonList__text_detail {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .houseAbility {
    padding-top: 10.4vw;
    padding-bottom: 11.4666666667vw;
  }
  .houseAbility__ttl {
    font-size: 4.8vw;
    line-height: 1.43;
  }
  .houseAbility__ttl::before, .houseAbility__ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .houseAbility__ttl::before {
    margin-bottom: calc((1 - 1.43) * .5em);
  }
  .houseAbility__ttl::after {
    margin-top: calc((1 - 1.43) * .5em);
  }
  .houseAbility__intro {
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 8vw;
  }
  .houseAbility__intro::before, .houseAbility__intro::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .houseAbility__intro::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .houseAbility__intro::after {
    margin-top: calc((1 - 2) * .5em);
  }
  .houseAbility__icon {
    margin-top: 5.8666666667vw;
  }
  .houseAbility__icon_text {
    font-size: 2.6666666667vw;
    margin-top: 4.5333333333vw;
  }
  .houseAbility .archive__link {
    width: 100%;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .snsShareArea {
    left: 0.5333333333vw;
  }
  .snsShareArea__heading {
    font-size: 4vw;
  }
  .snsShareArea__item {
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 768px) {
  .miniSize {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
  .miniSize__sizeImg {
    width: 100%;
    margin-top: 10.4vw;
  }
  .miniSize__2columnImg {
    margin-top: 6.6666666667vw;
    flex-direction: column;
  }
  .miniSize__2columnImg_item {
    width: 57.6vw;
  }
  .miniSize__2columnImg_item:nth-of-type(1) {
    margin-right: auto;
  }
  .miniSize__2columnImg_item:nth-of-type(2) {
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .miniMessage {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .is-trailer .houseIntro__2column {
    margin-top: 10.6666666667vw;
  }
  .is-trailer .houseIntro__2column_img {
    margin-top: 13.3333333333vw;
  }
  .is-trailer .houseIntro__2column_img .leaseOk {
    width: 29.3333333333vw;
    top: -4.8vw;
    left: -4.8vw;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .trailerSize__heading {
    font-size: 4.5333333333vw;
    line-height: 1.4;
    margin-top: 10.6666666667vw;
  }
  .trailerSize__heading::before, .trailerSize__heading::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .trailerSize__heading::before {
    margin-bottom: calc((1 - 1.4) * .5em);
  }
  .trailerSize__heading::after {
    margin-top: calc((1 - 1.4) * .5em);
  }
  .trailerSize__table {
    width: 100%;
  }
  .trailerSize__table th, .trailerSize__table td {
    font-size: 3.2vw;
  }
  .trailerSize__table th {
    width: 30vw;
  }
  .trailerSize__table td {
    width: 59.4vw;
  }
}
@media screen and (max-width: 768px) {
  .is-trailer .miniSize__2columnImg .miniSize__2columnImg_item {
    width: 100%;
  }
  .is-trailer .miniSize__2columnImg .miniSize__2columnImg_item:nth-child(n+2) {
    margin-top: 5.3333333333vw;
  }
  .is-trailer .miniSize__2columnImg .houseIntro__2column_img img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .trailerMessage {
    font-size: 4.8vw;
  }
  .trailerMessage__banner {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .fundamentals {
    padding-top: 16.2666666667vw;
    padding-bottom: 27.7333333333vw;
    font-size: 3.2vw;
  }
  .fundamentals h1 {
    font-size: 6.6666666667vw;
    line-height: 1.28;
  }
  .fundamentals h1::before, .fundamentals h1::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .fundamentals h1::before {
    margin-bottom: calc((1 - 1.28) * .5em);
  }
  .fundamentals h1::after {
    margin-top: calc((1 - 1.28) * .5em);
  }
  .fundamentals__intro {
    margin-top: 10.1333333333vw;
  }
  .fundamentals .post h2 {
    font-size: 4.8vw;
    margin: 9.3333333333vw 0 6.6666666667vw;
  }
  .fundamentals__content {
    margin-top: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .fundamentalsContact h2 {
    margin-top: 9.3333333333vw;
    font-size: 4.8vw;
    margin: 9.3333333333vw 0 6.6666666667vw;
  }
  .fundamentalsContact__heading {
    font-size: 3.2vw;
    margin-top: 4.2666666667vw;
  }
  .fundamentalsContact__heading:nth-of-type(n + 2) {
    margin-top: 7.2vw;
  }
  .fundamentalsContact__text {
    margin-top: 4.2666666667vw;
  }
  .fundamentalsContact .contactBtn {
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .agency .agencyBtn--inquiry .agencyBtn__content {
    padding: 5.7291666667vw;
    border-radius: 0.5859375vw;
    width: 100%;
    font-size: 2.8645833333vw;
  }
  .agency .agencyBtn--phone .agencyBtn__content {
    padding: 2.8645833333vw;
    border: 1px solid #000;
    border-radius: 0.5859375vw;
    font-size: 2.8645833333vw;
    text-align: center;
    width: 100%;
    flex-direction: column;
  }
  .agency .agencyBtn--phone .agencyBtn__content .fz-small {
    font-size: 2.0833333333vw;
  }
  .agency .agencyBtn--phone__number {
    font-size: 2.8645833333vw;
    margin-top: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .agencySection {
    padding-top: 15.625vw;
    padding-bottom: 15.625vw;
  }
  .agencySection__intro {
    margin-top: 6.3802083333vw;
    text-align: left;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyTitle {
    font-size: 4.4270833333vw;
    margin-top: 6.3802083333vw;
  }
  .agencyTitle--en {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyContact__text {
    font-size: 3.125vw;
    text-align: left;
  }
  .agencyContact .agencyBtn {
    margin-top: 6.3802083333vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyMv {
    height: 50vh;
  }
  .agencyMv__ttl {
    font-size: 8.0729166667vw;
  }
  .agencyMv__sub-ttl {
    font-size: 2.6041666667vw;
    margin-top: 3.90625vw;
  }
  .agencyMv__img {
    height: 100%;
  }
  .agencyMv__img img {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .agencyAbout {
    padding-top: 7.8125vw;
    padding-bottom: initial;
  }
  .agencyAbout__content {
    display: block;
    margin-top: 6.3802083333vw;
  }
  .agencyAbout__key {
    width: 24.8421484375vw;
  }
  .agencyAbout__key:nth-child(n+2) {
    margin-left: 3.90625vw;
  }
  .agencyAbout__key_wrap {
    width: 100%;
    margin-top: 6.3802083333vw;
  }
  .agencyAbout__key_content {
    display: block;
  }
  .agencyAbout__key_sub {
    font-size: 1.7903645833vw;
  }
  .agencyAbout__key_item {
    font-size: 3.5807291667vw;
    margin-top: 2.0833333333vw;
  }
  .agencyAbout__key_img {
    width: 100%;
    margin-right: initial;
    margin-top: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyQuality {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyCaution {
    font-size: 2.6041666667vw;
    margin-top: 6.3802083333vw;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .agencyStandard {
    padding: 10.2864583333vw 2.6041666667vw;
    margin-top: 10.2864583333vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyStandardList {
    margin-top: 6.3802083333vw;
  }
  .agencyStandardList__item:nth-child(n+2) {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyStandard__ttl,
.agencyTest__ttl {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyTest {
    padding: 10.2864583333vw 2.6041666667vw 0;
    margin-top: initial;
  }
}
@media screen and (max-width: 768px) {
  .agencyTestList {
    margin-top: 6.3802083333vw;
  }
  .agencyTestList__item:nth-child(n+2) {
    margin-top: 3.90625vw;
  }
  .agencyTestList__heading {
    font-size: 3.125vw;
  }
  .agencyTestList__text {
    margin-top: 2.0833333333vw;
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyProducts__type {
    width: 48.1770833333vw;
  }
  .agencyProducts__type.is-small {
    margin-top: 10.2864583333vw;
  }
  .agencyProducts__type_heading {
    font-size: 3.125vw;
    right: 2.8645833333vw;
    bottom: 4.1666666667vw;
  }
  .agencyProducts__size {
    width: 100%;
  }
  .agencyProducts__size:nth-child(n+2) {
    margin-top: 10.2864583333vw;
  }
  .agencyProducts__size_wrap {
    margin-top: 10.2864583333vw;
  }
  .agencyProducts__size_heading {
    font-size: 3.125vw;
  }
  .agencyProducts__size_detail {
    margin-top: 3.90625vw;
    font-size: 2.6041666667vw;
  }
  .agencyProducts__size img {
    margin-top: 5.9895833333vw;
  }
  .agencyProducts__size.is-40feet img {
    width: 61.1587630208vw;
  }
  .agencyProducts__size.is-20feet img {
    width: 37.2004166667vw;
  }
  .agencyProducts__size.is-12feet img {
    width: 26.2629166667vw;
  }
  .agencyProducts__size.is-10feet img {
    width: 27.8254296875vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyToGallery {
    width: 100%;
    flex-direction: column-reverse;
    padding: 4.6875vw 5.9895833333vw;
    border-radius: 4.5px;
  }
  .agencyToGallery__wrap {
    margin: 15.625vw 0 10.2864583333vw;
  }
  .agencyToGallery__text {
    font-size: 3.125vw;
  }
  .agencyToGallery__img {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .agencyPartnership {
    padding-bottom: 15.625vw;
  }
  .agencyPartnership__content_wrap {
    margin-top: 6.3802083333vw;
  }
  .agencyPartnership__content:nth-child(n+2) {
    margin-top: 10.2864583333vw;
  }
  .agencyPartnership__heading {
    font-size: 3.6458333333vw;
  }
  .agencyPartnership__heading::before {
    margin-bottom: 3.90625vw;
    font-size: 6.25vw;
  }
  .agencyPartnership__text {
    margin-top: 3.90625vw;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .komazawa__sectionTtl {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .komazawa__sectionIntro {
    font-size: 2.9333333333vw;
    margin-top: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .is--komazawa-teaser .topMv {
    padding-top: 33.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .topMv__komazawaTtl {
    font-size: 4.9693333333vw;
    margin-top: 7.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .topMv__komazawaText {
    font-size: 3.2vw;
    margin-top: 9.0666666667vw;
    padding-bottom: 6.6666666667vw;
  }
  .topMv__komazawaText_item:nth-child(n+2) {
    margin-top: 9.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .topMv__komazawaDate_date {
    font-size: 12vw;
  }
  .topMv__komazawaDate_mark {
    width: 16.5333333333vw;
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .komazawaAccess {
    padding-top: 13.3333333333vw;
    padding-bottom: 10.4vw;
  }
  .komazawaAccess__heading {
    font-size: 3.4666666667vw;
    margin-top: 6.6666666667vw;
  }
  .komazawaAccess__address {
    font-size: 2.9333333333vw;
    margin-top: 2.6666666667vw;
  }
  .komazawaAccess__link {
    margin-top: 8vw;
    padding-right: 0;
    padding-top: 2.4vw;
    padding-bottom: 2.4vw;
    font-size: 2.6666666667vw;
  }
  .komazawaAccess__link::before {
    height: 0.4vw;
  }
  .komazawaAccess__link .outerlink {
    width: 2.9333333333vw;
    left: calc(100% + g.vw(18px));
  }
  .komazawaAccess__detail_wrap {
    margin-top: 5.6vw;
  }
  .komazawaAccess__detail {
    width: 34.6666666667vw;
  }
  .komazawaAccess__detail dt {
    width: 13.3333333333vw;
    font-size: 2.6666666667vw;
  }
  .komazawaAccess__detail dt:nth-child(n+2) {
    margin-top: 2.1333333333vw;
  }
  .komazawaAccess__detail dd {
    width: calc( 100% - g.vw(100px));
    padding-left: 2.1333333333vw;
    font-size: 2.6666666667vw;
  }
  .komazawaAccess__detail dd:nth-child(n+3) {
    margin-top: 2.1333333333vw;
  }
  .komazawaAccess__way {
    margin-top: 9.3333333333vw;
  }
  .komazawaAccess__way_item:nth-child(n+2) {
    margin-top: 7.7333333333vw;
  }
  .komazawaAccess__way_heading {
    font-size: 2.9333333333vw;
  }
  .komazawaAccess__way_detail {
    font-size: 2.9333333333vw;
    line-height: 1.625;
    margin-top: 2.4vw;
  }
  .komazawaAccess__way_detail::before, .komazawaAccess__way_detail::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .komazawaAccess__way_detail::before {
    margin-bottom: calc((1 - 1.625) * .5em);
  }
  .komazawaAccess__way_detail::after {
    margin-top: calc((1 - 1.625) * .5em);
  }
  .komazawaAccess__way_detail li:nth-child(n+2) {
    margin-top: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .komazawaAccess__map {
    aspect-ratio: 750/518;
    margin-top: 5.3333333333vw;
    margin-right: calc((100vw - 100%) / 2 * -1);
    margin-left: calc((100vw - 100%) / 2 * -1);
  }
}
@media screen and (max-width: 768px) {
  .komazawaReservation {
    padding-top: 10.4vw;
    padding-bottom: 10.4vw;
  }
  .komazawaReservation .contactSecBtn {
    margin-top: 8.5333333333vw;
    flex-direction: column;
  }
  .komazawaReservation .contactSecBtn__item {
    width: 77.3333333333vw;
    padding: 5.0666666667vw;
  }
  .komazawaReservation .contactSecBtn__item.is--form {
    padding: 5.0666666667vw;
    margin-top: 0;
  }
  .komazawaReservation .contactSecBtn__item.is--form .contactSecBtn__title {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .komazawaTtl {
    font-size: 5.3333333333vw;
    line-height: 1.5;
  }
  .komazawaTtl::before, .komazawaTtl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .komazawaTtl::before {
    margin-bottom: calc((1 - 1.5) * .5em);
  }
  .komazawaTtl::after {
    margin-top: calc((1 - 1.5) * .5em);
  }
}
@media screen and (max-width: 768px) {
  .komazawa__textBlock {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
  .komazawa__textBlock p:nth-child(n+2) {
    margin-top: 7.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .komazawaConcept {
    padding-top: 11.4666666667vw;
    padding-bottom: 11.4666666667vw;
  }
  .komazawaConcept__ttl {
    font-size: 9.6vw;
  }
  .komazawaConcept__ttl--jp {
    font-size: 3.4666666667vw;
    margin-top: 4.2666666667vw;
  }
  .komazawaConcept__subttl {
    font-size: 4vw;
    margin-top: 9.8666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .komazawaWhat {
    padding-top: 13.3333333333vw;
    padding-bottom: 31.4666666667vw;
  }
  .komazawaWhat__img {
    width: 30.1333333333vw;
    margin-top: 9.3333333333vw;
  }
  .komazawaWhat__btn {
    margin-top: 13.3333333333vw;
  }
  .komazawaWhat__btn .btn {
    font-size: 3.2vw;
    margin-left: 3.2vw;
    white-space: nowrap;
    margin-left: 2.1333333333vw;
  }
  .komazawaWhat__btn_img {
    width: 15.7333333333vw;
  }
  .komazawaWhat__flexImg {
    flex-direction: column;
    gap: 1.6vw 0;
  }
  .komazawaWhat__flexImg picture {
    width: auto;
  }
  .komazawaWhat__flexImg picture:nth-of-type(1) {
    margin-right: 19.2%;
  }
  .komazawaWhat__flexImg picture:nth-of-type(2) {
    margin-left: 19.2%;
  }
}
@media screen and (max-width: 768px) {
  .komazawaKind {
    padding-top: 12vw;
    padding-bottom: 8.5333333333vw;
  }
  .komazawaKind__list {
    margin-top: 9.3333333333vw;
  }
  .komazawaKind__item {
    flex-direction: column-reverse;
  }
  .komazawaKind__item:nth-child(n+2) {
    margin-top: 10.1333333333vw;
  }
  .komazawaKind__item_ttl {
    font-size: 2.6666666667vw;
    margin-top: 1.6vw;
  }
  .komazawaKind__item_ttl--en {
    font-size: 6.6666666667vw;
  }
  .komazawaKind__item_text {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
  .komazawaKind__textBlock {
    width: 100%;
    padding-left: 0;
    margin-top: 5.3333333333vw;
  }
  .komazawaKind__img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .main.is-komazawa .komazawaReservation {
    padding: 6.1333333333vw;
  }
  .main.is-komazawa .komazawaReservation .contactSecBtn {
    flex-direction: column-reverse;
  }
  .main.is-komazawa .komazawaReservation .contactSecBtn__item.is--tel {
    margin-top: 1.6vw;
  }
  .main.is-komazawa .komazawaReservation .contactSecBtn__title {
    line-height: 1.3;
  }
  .main.is-komazawa .komazawaReservation .contactSecBtn__title::before, .main.is-komazawa .komazawaReservation .contactSecBtn__title::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .main.is-komazawa .komazawaReservation .contactSecBtn__title::before {
    margin-bottom: calc((1 - 1.3) * .5em);
  }
  .main.is-komazawa .komazawaReservation .contactSecBtn__title::after {
    margin-top: calc((1 - 1.3) * .5em);
  }
  .main.is-komazawa .komazawaReservation__note {
    font-size: 2.6666666667vw;
  }
  .main.is-komazawa .komazawaAccess {
    padding-top: 31.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .facilitiesFeatures {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
  .facilitiesFeatures__content {
    margin-top: 10.6666666667vw;
  }
  .facilitiesFeatures__content_item:nth-child(n+2) {
    margin-top: 10.6666666667vw;
  }
  .facilitiesFeatures__content_heading {
    font-size: 4.8vw;
  }
  .facilitiesFeatures__content_text {
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 6.9333333333vw;
  }
  .facilitiesFeatures__content_text::before, .facilitiesFeatures__content_text::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .facilitiesFeatures__content_text::before {
    margin-bottom: calc((1 - 2) * .5em);
  }
  .facilitiesFeatures__content_text::after {
    margin-top: calc((1 - 2) * .5em);
  }
}
@media screen and (max-width: 768px) {
  .containerDetail {
    margin-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
  .containerDetail__content {
    margin-top: 10.6666666667vw;
  }
  .containerDetail__heading {
    font-size: 4.8vw;
  }
  .containerDetail__table {
    margin-top: 5.3333333333vw;
  }
  .containerDetail__table th, .containerDetail__table td {
    padding: 2.6666666667vw;
    font-size: 3.2vw;
  }
  .containerDetail__table th {
    width: 26.6666666667vw;
  }
  .containerDetail__table td {
    width: calc(100% - g.vw(200px));
  }
  .containerDetail__table tr:nth-child(n+2) th, .containerDetail__table tr:nth-child(n+2) td {
    border-top: 0.5333333333vw solid #f2f2f2;
  }
  .containerDetail__note {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
  .containerDetail__note li:nth-child(n+2) {
    margin-top: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .containerCasestudy {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .chassisSectionTitle {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
  }
  .chassisSectionTitle__ja {
    font-size: 5.0666666667vw;
    margin-top: 4vw;
  }
  .chassisSectionTitle__en {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .chassisSectionIntro {
    margin-top: 3rem;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .chassisMv__ttl .large {
    font-size: 14.9333333333vw;
  }
  .chassisMv__ttl .small {
    font-size: 6vw;
  }
  .chassisMv__subttl {
    font-size: 3.2vw;
    margin-top: 3.2vw;
  }
  .chassisMv__price {
    font-size: 4.5333333333vw;
    margin-top: 3.2vw;
  }
  .chassisMv__price span {
    font-size: 8.2666666667vw;
  }
  .chassisMv__feature {
    margin-top: 3.2vw;
  }
  .chassisMv__feature_item {
    font-size: 2.2666666667vw;
    width: 11.6vw;
  }
  .chassisMv__bottomText {
    font-size: 3.2vw;
    transform: translate(-50%, 70%);
  }
}
@media screen and (max-width: 768px) {
  .chassisIntro {
    padding-top: 26.6666666667vw;
    padding-bottom: 53.3333333333vw;
  }
  .chassisIntro__ttl {
    font-size: 7.2vw;
  }
  .chassisIntro__text {
    font-size: 2.9333333333vw;
    margin-top: 10.6666666667vw;
  }
  .chassisIntro__bg {
    width: 102.9333333333vw;
    right: -18%;
  }
}
@media screen and (max-width: 768px) {
  .chassisFeature {
    padding-top: 21.3333333333vw;
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .chassisFeature-list {
    margin-top: 10.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
  .chassisFeature-list__item:nth-child(n+2) {
    margin-top: 10.6666666667vw;
  }
  .chassisFeature-list__ttl {
    grid-template: "num" auto "." auto/100%;
    justify-items: center;
  }
  .chassisFeature-list__ttl .num {
    font-size: 5.3333333333vw;
  }
  .chassisFeature-list__ttl .ttl {
    font-size: 4.2666666667vw;
    margin-top: 3.7333333333vw;
  }
  .chassisFeature-list__text {
    margin-top: 6.1333333333vw;
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .bnr__to_trailer {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .chassisBg {
    aspect-ratio: 750/640;
  }
  .chassisBg__title {
    font-size: 4.2666666667vw;
  }
  .chassisBg__text {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .chassisSpec {
    padding-top: 10.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
  .chassisSpec__figure {
    margin-top: 10.6666666667vw;
  }
  .chassisSpec__decorationText {
    margin-top: 10.6666666667vw;
  }
  .chassisSpec__decorationText .large {
    font-size: 12.2666666667vw;
  }
  .chassisSpec__decorationText .small {
    font-size: 4.9333333333vw;
  }
  .chassisSpec__spec {
    margin-top: 10.6666666667vw;
    border: 0.552vw solid rgba(210, 215, 219, 0.5);
    border-radius: 1.6vw;
    padding: 10.6666666667vw 4.5333333333vw;
  }
  .chassisSpec__spec_title {
    font-size: 5.0666666667vw;
  }
  .chassisSpec__purpose {
    margin-top: 5.3333333333vw;
  }
  .chassisSpec__purpose_heading {
    font-size: 3.2vw;
  }
  .chassisSpec__purpose_content {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .chassisSpecList {
    margin-top: 5.6vw;
  }
  .chassisSpecList tr {
    display: flex;
    flex-direction: column;
  }
  .chassisSpecList th, .chassisSpecList td {
    padding: 2.6666666667vw;
    width: 100%;
    font-size: 2.9333333333vw;
  }
  .chassisSpecList th {
    text-align: left;
  }
  .chassisSpecList td {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .chassisMerits {
    padding-top: 10.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
  .chassisMerits__message {
    font-size: 4.2666666667vw;
    margin-top: 10.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .chassisMeritsContent {
    flex-direction: column;
    margin-top: 10.6666666667vw;
  }
  .chassisMeritsContent__item {
    width: 100%;
    aspect-ratio: 590/233;
  }
  .chassisMeritsContent__ttl {
    font-size: 4vw;
  }
  .chassisMeritsContent__text {
    margin-top: 3.2vw;
    font-size: 3.2vw;
  }
  .chassisMeritsContent__img_content {
    width: 12vw;
  }
}
.nagaraSectionTitle {
  font-size: 4rem;
  line-height: 1.55;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.header.--is_nagara img {
  width: 45.6rem;
  margin: auto;
  margin-top: 3rem;
}
@media (max-width: 1200px) {
  .header.--is_nagara img {
    width: 40vw;
  }
}

.tokai .container {
  max-width: 104rem;
}

.nagaraMv__ttl {
  font-size: 5.8rem;
  line-height: 1.120689655;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .nagaraMv__ttl {
    font-size: 4vw;
  }
}
.nagaraMv__subttl {
  font-size: 9.34rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.118950749;
  margin-top: 1.8rem;
}
@media (max-width: 1200px) {
  .nagaraMv__subttl {
    font-size: 6vw;
  }
}
.nagaraMv__intro {
  margin-top: 3.8rem;
  font-size: 2rem;
  line-height: 1.9;
}
@media (max-width: 1200px) {
  .nagaraMv__intro {
    margin-top: 4vw;
  }
}

.nagarafloating {
  position: fixed;
  bottom: 4rem;
  right: 4rem;
  z-index: 9;
}
.nagarafloating__item.is--form:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  .nagarafloating__item.is--form:hover {
    opacity: 0.7;
  }
}

.nagarafloatingContent {
  display: flex;
  flex-direction: column;
  width: 31.8rem;
}

.tokaiAboutTop {
  padding-top: 12rem;
  padding-bottom: 22rem;
  position: relative;
}
.tokaiAboutTop__container > * {
  max-width: 62.6rem;
}
.tokaiAboutTop__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 1.281846154;
}
.tokaiAboutTop__intro {
  margin-top: 8rem;
  font-size: 2rem;
  line-height: 2.2;
}
.tokaiAboutTop__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tokaiAboutTop__bg img {
  height: 100%;
  object-fit: cover;
}

.tokaiProfileContent {
  padding-top: 8rem;
  padding-bottom: 8rem;
  padding-left: 4rem;
  padding-right: 4rem;
  max-width: 88rem;
  margin: auto;
  background: #FFBD4C;
  border-radius: 1.3rem;
}
.tokaiProfileContent__heading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.55;
  text-align: center;
}
.tokaiProfileContent__text {
  margin-top: 8rem;
  font-size: 2rem;
  line-height: 2.2;
}
.tokaiProfileContent__collaboration {
  margin: auto;
  margin-top: 8rem;
  width: 85.795454545%;
}
.tokaiProfileContent__partnerLink {
  text-align: center;
  padding: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
}
.tokaiProfileContent__img {
  margin-top: 1.5rem;
}

.tokaiGallery {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
.tokaiGallery__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tokaiGallery__item {
  width: calc(492 / 1000* 100%);
  transition: opacity 0.4s;
}
.tokaiGallery__item:nth-child(n+3) {
  margin-top: 1.6rem;
}

.partnerContent {
  position: relative;
  padding-top: 30rem;
  padding-bottom: 30rem;
  color: #fff;
}
.partnerContent .nagaraSectionTitle {
  text-align: center;
}
.partnerContent .nagaraSectionIntro {
  margin: auto;
  margin-top: 8rem;
  max-width: 77.6rem;
  font-size: 2rem;
  line-height: 2.2;
}
.partnerContent__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.partnerContent__bg img {
  height: 100%;
  object-fit: cover;
}
.partnerContent__vendor {
  display: block;
  margin-top: 3rem;
}
.partnerContent__item:nth-child(n+2) {
  margin-top: 16rem;
}
.partnerContent .topMv__clip {
  z-index: -1;
}

.partnerContentList {
  max-width: 77.6rem;
  margin: auto;
  margin-top: 8rem;
  border: 0.2rem solid #fff;
  border-radius: 0.9rem;
  padding: 6rem 5rem;
  counter-reset: num;
}
.partnerContentList__item {
  display: block grid;
  grid-template: "num ."/4.5rem 1fr;
  column-gap: 2em;
  align-items: center;
}
.partnerContentList__item:nth-child(n+2) {
  margin-top: 3.6rem;
}
.partnerContentList__item_num {
  grid-area: num;
  font-size: 3.9rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
  padding-bottom: 0.256410256em;
  position: relative;
}
.partnerContentList__item_num::before {
  content: "";
  position: absolute;
  bottom: 0;
  background: #fff;
  width: 100%;
  height: 0.2rem;
}
.partnerContentList__item_text {
  font-size: 3rem;
  line-height: 1.866666667;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.partnerContentKind {
  display: flex;
  justify-content: space-between;
  margin-top: 8rem;
}
.partnerContentKind__item {
  width: 25%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.partnerContentKind__title {
  order: 2;
  margin-top: 3rem;
  display: flex;
  flex-direction: column-reverse;
  letter-spacing: 0.06em;
}
.partnerContentKind__title h1 {
  font-size: 2.2rem;
  margin-top: 1.2rem;
}
.partnerContentKind__title p {
  font-size: 1.4rem;
  text-transform: uppercase;
}
.partnerContentKind__size {
  order: 3;
  margin-top: 2rem;
  letter-spacing: 0.06em;
  font-size: 1.4rem;
}
.partnerContentKind__img {
  order: 1;
}

.nagaraCaseStudy {
  margin-top: -16rem;
  padding-bottom: 8rem;
}
.nagaraCaseStudy__item {
  display: block;
  padding: 2.8%;
  transition: opacity 0.4s;
  background: #FFBD4C;
}
.nagaraCaseStudy__textBlock {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.nagaraCaseStudy__textBlock_heading {
  order: 2;
  font-size: 3.3rem;
  line-height: 1.481515152;
  margin-top: 1em;
}
.nagaraCaseStudy__textBlock_num {
  order: 1;
  font-size: 2rem;
  width: fit-content;
  padding-bottom: 0.5em;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.nagaraCaseStudy__textBlock_num::before {
  content: "";
  width: 100%;
  height: 0.2rem;
  background: #282f33;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.nagaraCaseStudy__textBlock_tag {
  order: 3;
  background: #282f33;
  display: inline-block;
  width: fit-content;
  color: #FFBD4C;
  padding: 0.4rem;
  margin-top: 1em;
}
.nagaraCaseStudy__imgWrap {
  display: flex;
  justify-content: space-between;
  margin-top: 2.8%;
}
.nagaraCaseStudy__img {
  display: block;
  width: 32%;
}
.nagaraCaseStudy__item:nth-child(n+2) {
  margin-top: 2rem;
}
.nagaraCaseStudy__btn {
  display: grid;
  place-content: center;
  margin-top: 8rem;
}

.nagaraMedia {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.nagaraMedia .container {
  max-width: 76rem;
}
.nagaraMedia .nagaraSectionTitle {
  text-align: center;
}

.nagaraMediaContent {
  margin-top: 8rem;
}
.nagaraMediaContent__item {
  display: flex;
}
.nagaraMediaContent__item:nth-child(n+2) {
  margin-top: 1em;
}
.nagaraMediaContent__item:nth-of-type(2n-1) {
  flex-direction: row-reverse;
}
.nagaraMediaContent__item:nth-of-type(2n-1) .nagaraMediaContent__textBlock {
  padding-inline-start: 5%;
}
.nagaraMediaContent__item:nth-of-type(2n) .nagaraMediaContent__textBlock {
  padding-inline-end: 5%;
}
.nagaraMediaContent__item:nth-of-type(2n) .nagaraMediaContent__textBlock_inner::before {
  right: 0;
  left: initial;
}
.nagaraMediaContent__textBlock {
  width: calc(478 / 760 * 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nagaraMediaContent__textBlock_inner {
  position: relative;
}
.nagaraMediaContent__textBlock_inner::before {
  content: "";
  width: 20%;
  height: 0.7rem;
  background: #282f33;
  display: block;
  position: absolute;
  bottom: -1.4em;
  left: 0;
}
.nagaraMediaContent__textBlock_title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.45375;
}
.nagaraMediaContent__textBlock_link {
  font-size: 1.4rem;
  margin-top: 0.875em;
}
.nagaraMediaContent__imgBlock {
  display: grid;
  place-items: center;
  width: calc(28.2 / 76 * 100%);
}

.nagaraFaq {
  padding-top: 16rem;
  padding-bottom: 8rem;
  position: relative;
  background: #fff;
}
.nagaraFaq .container {
  max-width: 76rem;
}
.nagaraFaq .nagaraSectionTitle {
  text-align: center;
}
.nagaraFaq details {
  transition: all 0.3s ease;
}
.nagaraFaq details:nth-child(n+2) {
  margin-top: 4rem;
}
.nagaraFaq details[open] summary img {
  transform: rotate(180deg);
}
.nagaraFaq details[open] .nagaraFaq__content {
  display: block;
}
.nagaraFaq details summary {
  font-size: 2.4rem;
  line-height: 1.416666667;
  list-style: none;
  display: block grid;
  grid-template: "q . icon"/auto 1fr auto;
  column-gap: 1em;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.nagaraFaq details summary::-webkit-details-marker {
  display: none;
}
.nagaraFaq details summary img {
  grid-area: icon;
  width: 2.1rem;
}
.nagaraFaq details summary::before {
  content: "Q.";
  grid-area: q;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 3.56rem;
}
.nagaraFaq details .nagaraFaq__content {
  transition: max-height 0.3s ease;
  display: none;
  font-size: 1.8rem;
  line-height: 1.888888889;
  margin-top: 2.2rem;
}

.nagaraYoutube {
  padding-top: 8rem;
  padding-bottom: 8rem;
  background: #fff;
}
.nagaraYoutube .container {
  max-width: 76rem;
}
.nagaraYoutube__inner {
  padding: 4rem 2rem;
  border: 0.7rem solid #282f33;
  border-radius: 2.6rem;
}
.nagaraYoutube__title {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.416666667;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.nagaraYoutube__movie {
  margin-top: 4rem;
  aspect-ratio: 460/258;
}
.nagaraYoutube__movie iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nagaraYoutube__btn {
  display: grid;
  place-content: center;
  margin-top: 4rem;
}

.tokai .contactSec {
  background: #fff;
  padding-bottom: 16rem;
}
.tokai .contactSec .nagaraSectionTitle {
  text-align: center;
}
.tokai .contactSec .contactSecBtn__item.is--form {
  background: #FFBD4C;
  color: #282f33;
}
.tokai .contactSec .contactSecBtn__item.is--tel {
  background: #282f33;
  color: #fff;
}
.tokai .contactSec .contactSecBtn__opening {
  color: #fff;
}
.tokai .contactSec .contactBtn__icon {
  fill: #282f33;
}
.tokai .contactSec .contactSecBtn__arrow * {
  fill: #282f33;
  stroke: #282f33;
}

@media screen and (max-width: 768px) {
  .nagaraSectionTitle {
    font-size: 5.0666666667vw;
  }

  .header.--is_nagara img {
    width: 80%;
    margin-top: 4vw;
  }

  .nagaraMv__ttl {
    font-size: 6.2466666667vw;
  }
  .nagaraMv__subttl {
    font-size: 10vw;
    margin-top: 1.3333333333vw;
  }
  .nagaraMv__intro {
    font-size: 3.2vw;
    margin-top: 6.1333333333vw;
  }

  .nagarafloating {
    bottom: 0;
    left: 0;
    right: 0;
  }
  .nagarafloating__item {
    width: 50%;
  }

  .nagarafloatingContent {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .nagarafloating.pc-none {
    display: none;
  }

  .nagarafloating.pc-none.active {
    display: block !important;
  }

  .tokaiAboutTop {
    padding-bottom: 0;
    padding-top: 12vw;
  }
  .tokaiAboutTop__container > * {
    max-width: 100%;
  }
  .tokaiAboutTop__title {
    font-size: 7.2vw;
  }
  .tokaiAboutTop__intro {
    margin-top: 10.6666666667vw;
    font-size: 2.9333333333vw;
  }
  .tokaiAboutTop__bg {
    position: relative;
    top: -6.4vw;
  }

  .tokaiProfileContent {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    max-width: 100%;
  }
  .tokaiProfileContent__heading {
    font-size: 5.0666666667vw;
  }
  .tokaiProfileContent__text {
    margin-top: 10.6666666667vw;
    font-size: 2.9333333333vw;
  }
  .tokaiProfileContent__collaboration {
    margin-top: 10.6666666667vw;
    width: 100%;
  }
  .tokaiProfileContent__partnerLink {
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-size: 2.9333333333vw;
  }
  .tokaiProfileContent__img {
    margin-top: 2vw;
  }

  .tokaiGallery {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
  .tokaiGallery__item:nth-child(n+3) {
    margin-top: 1.6vw;
  }

  .partnerContent {
    padding-top: 32vw;
    padding-bottom: 42.6666666667vw;
  }
  .partnerContent .nagaraSectionIntro {
    margin-top: 10.6666666667vw;
    min-width: 100%;
    font-size: 2.9333333333vw;
  }
  .partnerContent__vender {
    margin-top: 10.6666666667vw;
  }
  .partnerContent__item:nth-child(n+2) {
    margin-top: 16vw;
  }

  .partnerContentList {
    max-width: 100%;
    margin-top: 10.6666666667vw;
    border: 0.2666666667vw solid #fff;
    padding: 4vw 1.3333333333vw;
  }
  .partnerContentList__item {
    display: flex;
    flex-direction: column;
  }
  .partnerContentList__item:nth-child(n+2) {
    margin-top: 4vw;
  }
  .partnerContentList__item_num {
    font-size: 5.2vw;
  }
  .partnerContentList__item_text {
    font-size: 4.2666666667vw;
    text-align: center;
    margin-top: 2.6666666667vw;
  }

  .partnerContentKind {
    margin-top: 10.6666666667vw;
    flex-direction: column;
    align-items: center;
  }
  .partnerContentKind__item {
    width: 60%;
  }
  .partnerContentKind__item:nth-child(n+2) {
    margin-top: 10.6666666667vw;
  }
  .partnerContentKind__title {
    margin-top: 3.2vw;
  }
  .partnerContentKind__title h1 {
    font-size: 4.2666666667vw;
  }
  .partnerContentKind__title p {
    font-size: 2.4vw;
  }
  .partnerContentKind__size {
    font-size: 2.9333333333vw;
    margin-top: 3.2vw;
  }

  .nagaraCaseStudy {
    margin-top: -21.3333333333vw;
    padding-bottom: 10.6666666667vw;
  }
  .nagaraCaseStudy__item {
    flex-direction: column;
    padding-top: calc(0.08 * 100vw);
    padding-bottom: calc(0.0533333333 * 100vw);
  }
  .nagaraCaseStudy__textBlock {
    width: 100%;
  }
  .nagaraCaseStudy__textBlock_heading {
    font-size: 4.5333333333vw;
    margin-top: 4vw;
  }
  .nagaraCaseStudy__textBlock_num {
    font-size: 2.9333333333vw;
    padding-bottom: 1.8666666667vw;
  }
  .nagaraCaseStudy__textBlock_num::before {
    height: 0.2666666667vw;
  }
  .nagaraCaseStudy__textBlock_tag {
    font-size: 2.4vw;
    padding: 0.5333333333vw;
  }
  .nagaraCaseStudy__imgWrap {
    display: block;
  }
  .nagaraCaseStudy__img {
    width: 100%;
  }
  .nagaraCaseStudy__img:nth-child(n+2) {
    margin-top: calc(0.0266666667* 100vw);
  }
  .nagaraCaseStudy__item:nth-child(n+2) {
    margin-top: calc(0.0266666667* 100vw);
  }
  .nagaraCaseStudy__btn {
    margin-top: 10.6666666667vw;
  }

  .nagaraMedia {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }

  .nagaraMediaContent {
    margin-top: 10.6666666667vw;
  }
  .nagaraMediaContent__item:nth-child(n+2) {
    margin-top: 2.6666666667vw;
  }
  .nagaraMediaContent__textBlock_inner::before {
    height: 0.6666666667vw;
    bottom: -2.4vw;
  }
  .nagaraMediaContent__textBlock_title {
    font-size: 3.2vw;
  }
  .nagaraMediaContent__textBlock_link {
    font-size: 2.1333333333vw;
  }

  .nagaraFaq {
    padding-top: 21.3333333333vw;
    padding-bottom: 10.6666666667vw;
  }
  .nagaraFaq details:nth-child(n+2) {
    margin-top: 8vw;
  }
  .nagaraFaq details summary {
    font-size: 3.7333333333vw;
  }
  .nagaraFaq details summary img {
    width: 3.4666666667vw;
  }
  .nagaraFaq details summary::before {
    font-size: 5.3333333333vw;
  }
  .nagaraFaq details .nagaraFaq__content {
    font-size: 2.9333333333vw;
    margin-top: 4vw;
  }

  .nagaraYoutube {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
  .nagaraYoutube__inner {
    padding: 8vw 5.3333333333vw;
    border: 0.9333333333vw solid #282f33;
  }
  .nagaraYoutube__title {
    font-size: 4.8vw;
  }
  .nagaraYoutube__movie {
    margin-top: 8vw;
  }
  .nagaraYoutube__btn {
    margin-top: 8vw;
  }

  .tokai .contactSec {
    padding-top: 10.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
  .tokai .contactSec__intro {
    margin-top: 10.6666666667vw;
  }
  .tokai .contactSecBtn {
    margin-top: 8vw;
  }
}
/*------------------------------------*/
/*scheme */
/*------------------------------------*/
/*------------------------------------*/
/*parts */
/*------------------------------------*/
.decorativeLine.--is_purple {
  background: linear-gradient(transparent 60%, #c0a7cb 0%);
}

.tomareruSectionTitle {
  font-size: 3.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}

.tomareruIntro {
  font-size: 2rem;
  line-height: 1.8;
}

/*------------------------------------*/
/*main */
/*------------------------------------*/
.Container {
  box-sizing: initial;
  max-width: 100rem;
  margin-inline: auto;
  box-sizing: initial;
  padding-left: 2rem;
  padding-right: 2rem;
}

.tomareru .topMv__text {
  color: #282f33;
}

.tomareruMv__hgroup {
  display: flex;
  flex-direction: column-reverse;
}
.tomareruMv__hgroup_ttl {
  font-size: 6rem;
  line-height: 1.3666666667;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: 1.6rem;
  display: inline;
}
@media (max-width: 1400px) {
  .tomareruMv__hgroup_ttl {
    font-size: calc(60 / 1400 * 100vw);
    margin-top: calc(16 / 1400 * 100vw);
  }
}
.tomareruMv__hgroup_ttl .decorativeLine {
  background: linear-gradient(transparent 98%, #282f33 0%);
}
.tomareruMv__hgroup_subttl {
  color: #804798;
  font-size: 4.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}
@media (max-width: 1400px) {
  .tomareruMv__hgroup_subttl {
    font-size: calc(44 / 1400 * 100vw);
  }
}

.tomareruMvApplications {
  margin-top: 4rem;
}
@media (max-width: 1400px) {
  .tomareruMvApplications {
    margin-top: calc(40 / 1400 * 100vw);
  }
}
.tomareruMvApplications__kind {
  display: flex;
}
.tomareruMvApplications__kind li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.6rem;
  color: #fff;
  background: #282f33;
  padding: 1rem 1.6rem;
}
@media (max-width: 1400px) {
  .tomareruMvApplications__kind li {
    font-size: calc(26 / 1400 * 100vw);
    padding: calc(10 / 1400 * 100vw) calc(16 / 1400 * 100vw);
  }
}
.tomareruMvApplications__kind li:nth-child(n+2) {
  margin-left: 1.6rem;
}
.tomareruMvApplications__copy {
  font-size: 8.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  margin-top: 1.6rem;
}
@media (max-width: 1400px) {
  .tomareruMvApplications__copy {
    font-size: calc(86 / 1400 * 100vw);
    margin-top: calc(16 / 1400 * 100vw);
  }
}

.tomareruBeginning {
  padding-bottom: 8rem;
}
.tomareruBeginning__message {
  font-size: 3.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.2941176471;
  margin-top: 8rem;
  text-align: center;
}
@media (max-width: 980px) {
  .tomareruBeginning__message {
    font-size: calc(34 / 980 * 100vw);
  }
}

.tomareruBeginningYukkuri {
  display: flex;
  flex-direction: row-reverse;
  padding-top: 8rem;
}
.tomareruBeginningYukkuri__textBlock {
  width: calc(554px / 1000px * 100%);
  padding-left: 4%;
}
.tomareruBeginningYukkuri__hgroup {
  display: flex;
  flex-direction: column-reverse;
}
.tomareruBeginningYukkuri__hgroup_ttl {
  font-size: 4.4rem;
  line-height: 1.2272727273;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-feature-settings: "palt";
  margin-top: 1.6rem;
}
@media (max-width: 900px) {
  .tomareruBeginningYukkuri__hgroup_ttl {
    font-size: calc(44 / 900 * 100vw);
  }
}
.tomareruBeginningYukkuri__hgroup_subttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.6363636364;
}
.tomareruBeginningYukkuri__youtube {
  width: calc(446px / 1000px * 100%);
  aspect-ratio: 380/213;
}
.tomareruBeginningYukkuri__youtube iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tomareruProject {
  background: #fff;
  padding-top: 20rem;
  position: relative;
}
.tomareruProject .tomareruIntro {
  margin-top: 4rem;
}

.tomareruConcept {
  position: relative;
  margin-top: 8rem;
  padding-top: 4rem;
  padding-bottom: 16rem;
}
.tomareruConcept__Container {
  position: relative;
  z-index: 1;
}
.tomareruConcept__img {
  width: 59rem;
  margin: auto;
}
.tomareruConcept__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tomareruConcept__bg img {
  height: 100%;
}

.tomareruConceptList__contentWrap {
  margin-top: 4rem;
  background: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 14%;
  padding-right: 14%;
}

.tomareruConceptList {
  margin-top: 6rem;
  counter-reset: num;
}
.tomareruConceptList li {
  counter-increment: num;
  position: relative;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  padding-inline-start: 4.5454545455em;
}
.tomareruConceptList li:nth-child(n+2) {
  margin-top: 4rem;
}
.tomareruConceptList .num {
  font-size: 4.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-right: 1em;
  padding-bottom: 0.1818181818em;
  position: relative;
  margin-inline-start: calc(2.172727em * -1);
}
.tomareruConceptList .num::before {
  width: 100%;
  content: "";
  height: 0.2rem;
  background: #282f33;
  position: absolute;
  bottom: 0;
}
.tomareruConceptList__heading {
  display: flex;
  flex-direction: column-reverse;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
.tomareruConceptList__heading_ttl {
  font-size: 4.4rem;
  margin-top: 1.6rem;
}
.tomareruConceptList__heading_subttl {
  font-size: 2.2rem;
  opacity: 0.4;
  text-transform: uppercase;
}

.tomareruImage {
  position: relative;
}
.tomareruImage .tomareruIntro {
  margin-top: 4rem;
}

.tomareruImageContent {
  position: relative;
  aspect-ratio: 1400/540;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.tomareruImageContent__ttl {
  font-size: 4.4rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.tomareruImageContent__ttl .fz-large {
  font-size: 8.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.tomareruImageContent__list {
  font-size: 2.8rem;
  margin-top: 2rem;
  letter-spacing: 0.025em;
}
.tomareruImageContent__list .num {
  font-size: 1.57em;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.tomareruImageContent__mini-ttl {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: 3.2rem;
  line-height: 1.2;
}
.tomareruImageContent__text {
  font-size: 2rem;
  margin-top: 1.6rem;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}
.tomareruImageContent.is-tomareruImageSection {
  margin-top: 4rem;
}
.tomareruImageContent.is-tomareruImageSection .tomareruImageContent__textBlock {
  width: fit-content;
  margin-left: auto;
}
.tomareruImageContent.is-tomareruImageArea {
  color: #fff;
}
.tomareruImageContent__bg {
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tomareruImageContent__bg img {
  height: 100%;
  object-fit: cover;
}

.tomareruManagement {
  padding-top: 16rem;
}
.tomareruManagement .tomareruIntro {
  margin-top: 4rem;
}
.tomareruManagement__pic {
  margin-top: 8rem;
}

.tomareru .contactSec {
  background: #fff;
  padding-top: calc(10.1388888889% + 6rem);
  padding-bottom: 16rem;
  position: relative;
}
.tomareru .contactSec .pageHeading {
  text-align: center;
}
.tomareru .contactSec .contactSec__intro {
  margin-top: 4rem;
}
.tomareru .contactSec .contactSecBtn {
  margin-top: 4rem;
}
.tomareru .contactSec .contactSecBtn__item.is--form {
  background: #b391c1;
  color: #282f33;
}
.tomareru .contactSec .contactSecBtn__item.is--tel {
  background: #282f33;
  color: #fff;
}
.tomareru .contactSec .contactSecBtn__opening {
  color: #fff;
}
.tomareru .contactSec .contactBtn__icon {
  fill: #282f33;
}
.tomareru .contactSec .contactSecBtn__arrow * {
  fill: #282f33;
  stroke: #282f33;
}

@media screen and (max-width: 768px) {
  /*------------------------------------*/
  /*parts */
  /*------------------------------------*/
  .tomareruIntro {
    font-size: 3.2vw;
  }

  /*------------------------------------*/
  /*main */
  /*------------------------------------*/
  .tomareruMv__hgroup_ttl {
    font-size: 8vw;
    margin-top: 2.1333333333vw;
  }
  .tomareruMv__hgroup_subttl {
    font-size: 5.8666666667vw;
  }

  .tomareruMvApplications {
    margin-top: 5.3333333333vw;
  }
  .tomareruMvApplications__kind li {
    font-size: 3.4666666667vw;
    padding: 1.3333333333vw 2.1333333333vw;
  }
  .tomareruMvApplications__kind li:nth-child(n+2) {
    margin-left: 2.1333333333vw;
  }
  .tomareruMvApplications__copy {
    font-size: 13.3333333333vw;
    margin-top: 2.1333333333vw;
    line-height: 1.2;
  }

  .tomareruBeginning {
    padding-bottom: 10.6666666667vw;
  }
  .tomareruBeginning__message {
    margin-top: 10.6666666667vw;
    font-size: 4.5333333333vw;
  }

  .tomareruBeginningYukkuri {
    display: block;
    padding-top: 10.6666666667vw;
  }
  .tomareruBeginningYukkuri__textBlock {
    width: 100%;
    padding-left: initial;
  }
  .tomareruBeginningYukkuri__hgroup_ttl {
    font-size: 6.1333333333vw;
    margin-top: 2.1333333333vw;
  }
  .tomareruBeginningYukkuri__hgroup_subttl {
    font-size: 4.2666666667vw;
  }
  .tomareruBeginningYukkuri__youtube {
    width: 100%;
    margin-inline: auto;
    margin-top: 5.3333333333vw;
  }

  .tomareruProject {
    padding-top: calc(10.1388888889% + g.vw(80px));
  }
  .tomareruProject .tomareruIntro {
    margin-top: 5.3333333333vw;
  }

  .tomareruConcept {
    margin-top: 5.3333333333vw;
    padding-bottom: 21.3333333333vw;
  }
  .tomareruConcept__img {
    width: 100%;
  }

  .tomareruConceptList__contentWrap {
    margin-top: 10.6666666667vw;
    padding: 5.3333333333vw;
  }

  .tomareruConceptList {
    margin-top: 5.3333333333vw;
  }
  .tomareruConceptList li {
    font-size: 3.2vw;
  }
  .tomareruConceptList li:nth-child(n+2) {
    margin-top: 5.3333333333vw;
  }
  .tomareruConceptList .num {
    font-size: 5.8666666667vw;
  }
  .tomareruConceptList__heading_ttl {
    font-size: 5.8666666667vw;
    margin-top: 2.1333333333vw;
  }
  .tomareruConceptList__heading_subttl {
    font-size: 2.9333333333vw;
  }

  .tomareruImage {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }

  .tomareruImageContent {
    padding: initial;
  }
  .tomareruImageContent__container {
    display: flex;
    flex-direction: column-reverse;
  }
  .tomareruImageContent__textBlock {
    margin-top: 3.2vw;
  }
  .tomareruImageContent__ttl {
    font-size: 5.8666666667vw;
  }
  .tomareruImageContent__ttl .fz-large {
    font-size: 11.4666666667vw;
  }
  .tomareruImageContent__list {
    font-size: 3.7333333333vw;
    margin-top: 3.2vw;
  }
  .tomareruImageContent__list .num {
    font-size: 5.8666666667vw;
  }
  .tomareruImageContent__mini-ttl {
    font-size: 3.2vw;
    margin-top: 4.2666666667vw;
  }
  .tomareruImageContent__text {
    font-size: 3.2vw;
    margin-top: 2.1333333333vw;
  }
  .tomareruImageContent.is-tomareruImageSection {
    margin-top: 10.6666666667vw;
  }
  .tomareruImageContent.is-tomareruImageSection .tomareruImageContent__textBlock {
    width: 100%;
    margin-left: initial;
  }
  .tomareruImageContent.is-tomareruImageArea {
    margin-top: 10.6666666667vw;
    color: #282f33;
  }
  .tomareruImageContent__bg {
    position: initial;
    margin-left: calc((100vw - 100%) / 2 * -1);
  }

  .tomareruManagement {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
  .tomareruManagement .tomareruIntro {
    margin-top: 5.3333333333vw;
  }
  .tomareruManagement__pic {
    margin-top: 10.6666666667vw;
  }

  .tomareru .contactSec {
    padding-top: calc(10.1388888889% + g.vw(80px));
    padding-bottom: 10.6666666667vw;
  }
  .tomareru .contactSec__intro {
    margin-top: 3.2vw;
  }
  .tomareru .contactSecBtn {
    margin-top: 3.2vw;
  }
}

/*# sourceMappingURL=style.css.map */
.globalnav__list_link {
  color: #000;
}
.hamburger__line {
  background-color: #000;
}
#headerLogo {
  fill: #000;
}

.chassisMv__ttl .small2 {
  font-size: 2.4rem;
  position: relative;
  top: 15px;
}

.list-size {
  display: flex;
  padding: 23px 0 0;
}
.list-size li {
  width: 133px;
  text-align: center;
  color: #fff;
  font-size: 37px;
  margin: 0 8px 26px 0;
  background-color: #282f33;
  font-weight: bold;
  font-family: "eurostile-condensed", sans-serif;
  padding: 2px 0 5px;
}

.line-h01 {
  line-height: 0.5;
}

.tab {
  margin: 0 auto;
}

.text-top {
  font-size: 17px;
  line-height: 1.4;
  font-weight: bold;
  color: #282f33;
}

.tab_list {
  width: 660px;
  border: 2px solid #000;
  border-radius: 10px;
  margin: 80px auto 60px;
}

.tab_list li {
  padding: 10px 0;
  cursor: pointer;
  text-align: center;
  font-family: "eurostile-condensed", sans-serif;
  font-size: 34px;
  font-weight: bold;
}

.tab_list .slick-current li {
  background-color: #000;
  color: #fff;
  border-radius: 8px;
}

.s-title {
  padding: 80px 0 80px;
  text-align: center;
}
.s-title img {
  max-width: 614px;
  display: inline !important;
}

.s-cintent-f {
  max-width: 918px;
  width: 100%;
  margin: 0 auto;
}
.s-cintent-f img {
  display: inline !important;
}

.s-cintent {
  width: min(100%, 884px);
  margin: 0 auto;
}

.tab_content .tab_item {
  padding: 20px;
  list-style-type: none;
  margin: 0;
}

.tab_item-box {
  width: 91%;
  margin: 0 auto;
  box-shadow: 5.1561px 5.1561px 10.3123px rgba(0, 0, 0, 0.2);
}
.chassisSpec__purpose {
  padding: 0 0 60px;
}

.tab_prev {
  display: none;
  width: 24px;
  height: 100%;
  background-color: rgba(126, 126, 126, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 8;
}

.tab_prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% - 8px);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 13px 8px 0;
  border-color: transparent #000 transparent transparent;
}

.tab_next {
  display: block;
  width: 24px;
  height: 100%;
  background-color: rgba(126, 126, 126, 0.5);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 8;
}

.tab_next::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: calc(50% - 8px);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 13px;
  border-color: transparent transparent transparent #000;
}

.slick-disabled {
  display: none !important;
}

.gazou-up {
  display: none;
}
.modal {
  display: none;
}
.chassisMv__price span {
  line-height: 0;
}

.tab_list .slick-track {
  transform: none !important;
}

.banner-bottom-mo {
  padding-left: 0;
  padding-right: 0;
  max-width: 117rem;
}

.top-message {
  background-color: #fff;
  padding: 22px 34px;
  max-width: 980px;
  width: 100%;
  margin: 30px auto 0;
  border-bottom: 7px solid #333;
  border-top: 7px solid #333;
}

.top-message p {
  line-height: 1.8;
}

.p-item-text {
  font-size: 1.5rem;
  padding: 6px 0 0;
  line-height: 1.6;
  color: #42484b;
  letter-spacing: 0.4px;
}
.p-item-text:hover {
  opacity: 1;
}

.kobu {
  padding: 24px 0 0;
  font-size: 14px;
}

/* .ks01 {
  position: absolute;
  right: -12%;
  width: 19%;
  bottom: -27%;
} */

.kz-content .ks02 {
  position: absolute;
  right: 1%;
  width: 18rem;
  bottom: 0;
}

.kz-ss#searchIcon {
  width: 4.5rem;
  margin: 0 -66px 0 0;
  position: static;
}

/* .kz-fcta {
  position: relative;
}
.kzbr01,
.kzbr02 {
  display: none;
} */
.header__h1 span {
  color: #000;
}

/* FAQ全体 */
.faqs {
  position: relative;
  margin: 0 0 70px;
  padding: 0;
}

/* 質問 */
.faqs h3.aioseo-faq-block-question {
  position: relative;
  margin: 0 0 22px;
  padding-left: 66px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.7;
  color: #111;
  border-left: 0;
}

/* Qの丸 */
.faqs h3.aioseo-faq-block-question::before {
  content: "Q";
  position: absolute;
  top: 4px;
  left: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #94bdb5;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 46px;
  text-align: center;
}

/* 回答エリア */
.faqs .aioseo-faq-block-answer {
  margin-left: 66px;
}

/* 回答文 */
.faqs .aioseo-faq-block-answer p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.1;
  color: #111;
}

/* spanの余計な影響を消す */
.faqs h3.aioseo-faq-block-question span {
  display: inline;
}

/* @media screen and (max-width: 1300px) {
  .ks01 {
    right: 1%;
    width: 10%;
    bottom: 0%;
  }
} */

.header {
  position: static;
}

@media screen and (max-width: 1100px) {
  .kz-ss#searchIcon {
    margin: 0 0px 0 0;
  }
  .tab_item-box {
    padding: 0 6%;
  }
  .kz-ss#searchIcon {
    top: 66px;
    right: 2rem;
  }
  .kz-fcta .contactSecBtn a[href*="tel:"] {
    position: relative;
    left: -50px;
  }
}

@media screen and (max-width: 972px) {
  .kz-ss#searchIcon {
    top: 98px;
  }
}

@media screen and (max-width: 768px) {
  /* .ks01 {
    bottom: 90%;
    width: 26%;
    right: 0%;
  }
  .kz-fcta .contactSecBtn__item.is--form {
    z-index: 1;
  }
  .kzbr01,
  .kzbr02 {
    display: inline;
  } */
  .contactSec__intro {
    text-align: left;
  }
  /* .kz-fcta .contactSecBtn a[href*="tel:"] {
    position: static;
  } */

  .kz-ss#searchIcon {
    top: 23px;
    right: 8rem;
  }
  .chassisMv__ttl .small2 {
    font-size: 1.4rem;
    top: 3px;
  }
  .tab_item-box {
    padding: 0;
  }
  .tab_item-box {
    width: 100%;
  }
  .list-size li {
    width: 62px;
    font-size: 16px;
    margin: 0 5px -4px 0;
  }
  .tab_list {
    width: 90%;
    margin: 120px auto 40px;
  }

  .tab_list li {
    padding: 14px 0 16px;
    font-size: 27px;
    font-family: "Noto Sans JP", sans-serif;
  }
  .s-title {
    padding: 0px 0 90px;
  }
  .tab_item-box {
    box-shadow: none;
  }
  .tab_content .tab_item {
    padding: 0px 5%;
  }
  .tab_content .gazou-up {
    cursor: pointer;
    background-color: #282f33;
    border-radius: 30px;
    width: 389px;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 107px auto 117px;
  }

  .tab_content .gazou-up span {
    color: #fff;
    font-size: 24px;
  }

  .tab_content .gazou-up img {
    position: absolute;
    right: 34px;
    top: 21px;
    display: inline;
    width: 31px;
  }

  .js-modal--content {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 60px;
  }

  .s-cintent {
    max-width: 100%; /* スマホ時は画面幅に合わせる */
    width: auto; /* 画像のサイズを維持 */
    margin: 0 auto; /* 余白を自動で調整 */
    display: flex;
    align-items: center; /* 縦方向の中央揃え */
    justify-content: center; /* 横方向の中央揃え */
  }

  .s-cintent img {
    max-width: 100%; /* 画面の幅に収まるように */
    height: auto; /* 縦横比を維持 */
    display: block; /* インライン要素を防ぐ */
  }

  .modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  .modal__bg {
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
  }
  .modal__content {
    background: #fff;
    left: 50%;
    padding: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
  }

  .js-modal-close {
    padding: 15px 0 15px;
    text-align: center;
    display: block;
    font-size: 18px;
  }

  .text-top {
    font-size: 13px;
    padding: 13px 0 5px;
  }

  .topMv.--chassis .topMv__text {
    height: 76%;
  }

  .topMv__content {
    background-color: #fff;
  }
  .topMv__content2 {
    padding: 22px 0 0;
  }
  .chassisMv__bottomText {
    padding-top: 45px;
  }

  .topProject .f-pi {
    margin: 0 0 30px;
  }
  .kz-ss#searchIcon {
    margin: -3px -35% 0 0;
  }
  .kz-ss#searchIcon svg {
    width: 67%;
  }
}

@media screen and (max-width: 1100px) {
  .kz-content .ks02 {
    width: 12%;
    bottom: 86px;
  }
}

@media screen and (max-width: 768px) {
  .kz-content .ks02 {
    width: 13vw;
    bottom: 0;
    right: -1%;
  }
}
