html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
}

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

html {
  width: 100%;
  min-height: 100vh;
  font-size: 62.5%;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
body {
  min-height: 100%;
  overflow-x: hidden;
  line-height: 1.9;
  letter-spacing: 0.15rem;
  word-break: break-all;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #505050;
}

img {
  height: auto;
  max-width: 100%;
  transition: 0.3s;
  vertical-align: top;
}

svg {
  height: 100%;
  width: 100%;
}

img[srcset] {
  width: 100%;
  transition: 0.3s;
}

a {
  transition: 0.3s;
}

.mincho {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.font-tangerine-regular {
  font-family: "Tangerine", cursive;
  font-weight: 400;
  font-style: normal;
}

.font-tangerine-bold {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
}

:root {
  --color-green: #41AA63;
  --color-brightGreen: #5DBC46;
  --color-lightGreen: #EFFFF4;
}

.st-Width {
  margin: 0 auto;
  padding: 0 calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .st-Width {
    max-width: min(var(--vw, 1vw) * 1614 / 1614 * 100, 1614px);
    padding: 0 min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}

br.pc {
  display: none;
}
@media screen and (min-width: 750px) {
  br.pc {
    display: block;
  }
  br.sp {
    display: none;
  }
}

header {
  background: var(--color-green);
  padding: calc(var(--vw, 1vw) * 30 / 750 * 100) calc(var(--vw, 1vw) * 30 / 750 * 100);
  transition: transform 0.3s ease, opacity 0.3s ease;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
@media screen and (min-width: 750px) {
  header {
    position: relative;
    padding: min(var(--vw, 1vw) * 21 / 1614 * 100, 21px) min(var(--vw, 1vw) * 28 / 1614 * 100, 28px);
  }
}
@media screen and (min-width: 750px) {
  header .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
header .logo-box img {
  width: 100%;
}
header .logo-box a {
  display: grid;
  align-items: center;
  grid-template-columns: calc(var(--vw, 1vw) * 55 / 750 * 100) 1fr;
  gap: calc(var(--vw, 1vw) * 20 / 750 * 100);
  text-decoration: none;
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  header .logo-box a {
    grid-template-columns: min(var(--vw, 1vw) * 86 / 1614 * 100, 86px) 1fr;
    gap: min(var(--vw, 1vw) * 12 / 1614 * 100, 12px);
    text-decoration: none;
    color: #fff;
    font-size: clamp(14px, min(var(--vw, 1vw) * 16 / 1614 * 100, 16px), min(var(--vw, 1vw) * 16 / 1614 * 100, 16px));
  }
}
@media screen and (min-width: 980px) {
  header .logo-box a {
    font-size: clamp(14px, min(var(--vw, 1vw) * 32 / 1614 * 100, 32px), min(var(--vw, 1vw) * 32 / 1614 * 100, 32px));
  }
}
header .list {
  display: none;
  padding-top: calc(var(--vw, 1vw) * 180 / 750 * 100);
}
@media screen and (min-width: 750px) {
  header .list {
    display: flex;
    padding-top: 0;
  }
}
header .list li span {
  display: block;
  font-size: calc(var(--vw, 1vw) * 60 / 750 * 100);
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  header .list li span {
    display: none;
  }
}
header .list li a {
  font-weight: 500;
  font-size: calc(var(--vw, 1vw) * 24 / 750 * 100);
  padding: calc(var(--vw, 1vw) * 15 / 750 * 100) calc(var(--vw, 1vw) * 25 / 750 * 100);
  line-height: 1.2;
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 297 / 750 * 100) 1fr;
  align-items: center;
}
@media screen and (min-width: 750px) {
  header .list li a {
    color: #fff;
    display: inline-block;
    text-align: center;
    cursor: default;
    font-size: clamp(14px, min(var(--vw, 1vw) * 14 / 1614 * 100, 14px), min(var(--vw, 1vw) * 14 / 1614 * 100, 14px));
    padding: 0 min(var(--vw, 1vw) * 15 / 1614 * 100, 15px);
  }
}
@media screen and (min-width: 980px) {
  header .list li a {
    font-size: clamp(14px, min(var(--vw, 1vw) * 24 / 1614 * 100, 24px), min(var(--vw, 1vw) * 24 / 1614 * 100, 24px));
    padding: 0 min(var(--vw, 1vw) * 25 / 1614 * 100, 25px);
  }
}
header.open-menu {
  animation: fade-in 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
}
header.open-menu .list {
  height: 100vh;
  background: #fff;
  width: 100%;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
}
@media screen and (min-width: 750px) {
  header.open-menu .list {
    height: auto;
    background: transparent;
    display: flex;
    position: relative;
    padding-top: 0;
    width: auto;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1FA35F;
  background: #118fae;
  height: 100vh;
  z-index: 10;
  display: none;
}

.side-bar {
  position: fixed;
  z-index: 999;
  display: none;
}
@media screen and (min-width: 750px) {
  .side-bar {
    display: block;
    right: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
    bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
    width: min(var(--vw, 1vw) * 100 / 1614 * 100, 100px);
  }
}
.side-bar img {
  margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
}

.flow-sidebar {
  display: none;
}
@media screen and (min-width: 750px) {
  .flow-sidebar {
    display: block;
    position: fixed;
    top: min(var(--vw, 1vw) * 150 / 1614 * 100, 150px);
    right: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    z-index: 100;
  }
}
@media screen and (min-width: 750px) {
  .flow-sidebar li {
    padding: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px) 0;
  }
}
@media screen and (min-width: 750px) {
  .flow-sidebar li a {
    display: block;
    padding: 0 min(var(--vw, 1vw) * 50 / 1614 * 100, 50px) 0 0;
    font-size: clamp(14px, min(var(--vw, 1vw) * 18 / 1614 * 100, 18px), min(var(--vw, 1vw) * 18 / 1614 * 100, 18px));
    color: #fff;
    transition: 0.3s;
    position: relative;
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-align: right;
  }
  .flow-sidebar li a.is-active .circle {
    transform: scale(1.2);
    top: 2px;
    background: #67CC88;
  }
}
.flow-sidebar li.lbl {
  padding-bottom: 0;
}
.flow-sidebar li.lbl a {
  padding-left: 0;
}
.flow-sidebar li span {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 750px) {
  .flow-sidebar li .circle {
    width: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    height: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    border-radius: 50%;
    background: #fff;
    transition: 0.3s;
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}
.flow-sidebar li.after::after {
  content: "";
  display: block;
  width: min(var(--vw, 1vw) * 3 / 1614 * 100, 3px);
  height: calc(100% - min(var(--vw, 1vw) * 13 / 1614 * 100, 13px));
  background: #fff;
  position: absolute;
  top: min(var(--vw, 1vw) * 5 / 1614 * 100, 5px);
  right: min(var(--vw, 1vw) * 16.5 / 1614 * 100, 16.5px);
  z-index: -1;
}

.menu-fixed .flow-sidebar {
  display: block;
}

.menu-fixed .flow-sidebar li a {
  text-shadow: 0px 0px 2px #000;
}

.menu-fixed .flow-sidebar li .circle {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px;
}

.menu-fixed .flow-sidebar li.after::after {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px;
}

.menu-fixed .flow-sidebar a.is-active {
  color: #67CC88;
  text-shadow: unset;
}

.menu-trigger {
  display: block;
  width: calc(var(--vw, 1vw) * 100 / 750 * 100);
  height: calc(var(--vw, 1vw) * 94 / 750 * 100);
  position: fixed;
  top: calc(var(--vw, 1vw) * 30 / 750 * 100);
  right: calc(var(--vw, 1vw) * 30 / 750 * 100);
  z-index: 999;
}
@media screen and (min-width: 750px) {
  .menu-trigger {
    display: none;
    position: absolute;
    width: min(var(--vw, 1vw) * 100 / 1614 * 100, 100px);
    height: min(var(--vw, 1vw) * 94 / 1614 * 100, 94px);
    top: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
  }
}
.menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
  position: absolute;
  height: calc(var(--vw, 1vw) * 4 / 750 * 100);
  width: calc(var(--vw, 1vw) * 50 / 750 * 100);
  background: #fff;
  left: calc(var(--vw, 1vw) * 25 / 750 * 100);
}
.menu-trigger span:nth-of-type(1) {
  top: calc(var(--vw, 1vw) * 14 / 750 * 100);
}
.menu-trigger span:nth-of-type(2) {
  top: calc(var(--vw, 1vw) * 31 / 750 * 100);
}
.menu-trigger span:nth-of-type(3) {
  top: calc(var(--vw, 1vw) * 48 / 750 * 100);
}
.menu-trigger .txt {
  width: calc(var(--vw, 1vw) * 65 / 750 * 100);
  position: absolute;
  bottom: calc(var(--vw, 1vw) * 23 / 750 * 100);
  line-height: 1;
  text-align: center;
  left: calc(var(--vw, 1vw) * 17 / 750 * 100);
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 14 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .menu-trigger.active {
    position: fixed;
    left: auto;
    right: min(var(--vw, 1vw) * 74 / 1614 * 100, 74px);
  }
}
.menu-trigger.active span {
  background: var(--color-green);
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(1.5vw) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  display: none;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-2.7vw) rotate(45deg);
}

.mv {
  margin-top: calc(var(--vw, 1vw) * 110 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .mv {
    margin-top: 0;
  }
}
.mv .imgbox {
  position: relative;
  height: calc(var(--vw, 1vw) * 750 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .mv .imgbox {
    height: calc(var(--vw, 1vw) * 840 / 1920 * 100);
  }
}
.mv .imgbox img {
  width: 100%;
}
.mv .imgbox .txtarea {
  position: absolute;
  width: calc(var(--vw, 1vw) * 540 / 750 * 100);
  height: calc(var(--vw, 1vw) * 100 / 750 * 100);
  top: calc(var(--vw, 1vw) * 200 / 750 * 100);
  padding: calc(var(--vw, 1vw) * 25 / 750 * 100) calc(var(--vw, 1vw) * 30 / 750 * 100) 0;
  background: linear-gradient(to right, rgb(36, 198, 165) 80%, rgba(36, 198, 165, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media screen and (min-width: 750px) {
  .mv .imgbox .txtarea {
    width: calc(var(--vw, 1vw) * 891 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 265 / 1920 * 100);
    top: calc(var(--vw, 1vw) * 280 / 1920 * 100);
    padding: calc(var(--vw, 1vw) * 140 / 1920 * 100) calc(var(--vw, 1vw) * 180 / 1920 * 100) 0;
  }
}
.mv .imgbox .ttl {
  position: absolute;
  top: calc(var(--vw, 1vw) * -165 / 750 * 100);
  width: calc(var(--vw, 1vw) * 642 / 750 * 100);
  left: calc(var(--vw, 1vw) * 55 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .mv .imgbox .ttl {
    top: calc(var(--vw, 1vw) * -115 / 1920 * 100);
    width: calc(var(--vw, 1vw) * 798 / 1920 * 100);
  }
}
.mv .imgbox .txt {
  color: #fff;
  line-height: 1.8;
  font-size: calc(var(--vw, 1vw) * 16 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .mv .imgbox .txt {
    font-size: calc(var(--vw, 1vw) * 24 / 1920 * 100);
  }
}
.mv .ttlbox {
  text-align: center;
  background: var(--color-brightGreen);
  position: relative;
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .mv .ttlbox {
    padding: min(var(--vw, 1vw) * 5 / 1614 * 100, 5px) 0;
  }
}
.mv .ttlbox::before {
  content: "";
  position: absolute;
  background: url(../img/mv_img1.png) no-repeat;
  background-size: contain;
}
@media screen and (min-width: 750px) {
  .mv .ttlbox::before {
    top: calc(var(--vw, 1vw) * -187 / 1920 * 100);
    left: calc(var(--vw, 1vw) * 115 / 1920 * 100);
    width: calc(var(--vw, 1vw) * 257 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 303 / 1920 * 100);
  }
}
.mv .ttlbox .box-ttl {
  color: #FFFAA0;
  line-height: 1.5;
  font-size: calc(var(--vw, 1vw) * 50 / 750 * 100);
  letter-spacing: 0.75rem;
}
@media screen and (min-width: 750px) {
  .mv .ttlbox .box-ttl {
    font-size: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.mv .ttlbox .box-txt {
  color: #fff;
  line-height: 1.5;
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  letter-spacing: 0.25rem;
}
@media screen and (min-width: 750px) {
  .mv .ttlbox .box-txt {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}

.concept .inner {
  padding-top: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .concept .inner {
    padding-top: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
  }
}
.concept .ttl {
  display: flex;
  align-items: center;
}
.concept .ttl .en {
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 100 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .concept .ttl .en {
    font-size: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
    margin-right: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.concept .ttl .ja {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .concept .ttl .ja {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.concept .unit {
  position: relative;
}
.concept .unit::before {
  content: "";
  position: absolute;
  background: url(../img/concept_img1.png) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 253 / 750 * 100);
  height: calc(var(--vw, 1vw) * 102 / 750 * 100);
  top: calc(var(--vw, 1vw) * 10 / 750 * 100);
  right: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .concept .unit::before {
    right: auto;
    width: min(var(--vw, 1vw) * 344 / 1614 * 100, 344px);
    height: min(var(--vw, 1vw) * 138 / 1614 * 100, 138px);
    top: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    left: min(var(--vw, 1vw) * 520 / 1614 * 100, 520px);
  }
}
@media screen and (min-width: 750px) {
  .concept .unit {
    display: grid;
    grid-template-columns: 1fr min(var(--vw, 1vw) * 560 / 1614 * 100, 560px);
    align-items: end;
  }
}
.concept .unit .heading {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .concept .unit .heading {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.concept .unit .unit-ttl {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  font-weight: 700;
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .concept .unit .unit-ttl {
    font-size: min(var(--vw, 1vw) * 48 / 1614 * 100, 48px);
    margin-bottom: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}
.concept .unit .unit-txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .concept .unit .unit-txt {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.concept .img {
  display: none;
}
@media screen and (min-width: 750px) {
  .concept .img {
    display: block;
  }
}
.concept .img img {
  width: 100%;
}
.concept .img_sp {
  display: block;
  margin: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .concept .img_sp {
    display: none;
  }
}
.concept .imgbox {
  margin-top: calc(var(--vw, 1vw) * 65 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .concept .imgbox {
    margin-top: min(var(--vw, 1vw) * 150 / 1614 * 100, 150px);
  }
}
.concept .imgbox img {
  width: 100%;
}

.location .inner {
  padding-top: calc(var(--vw, 1vw) * 110 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .inner {
    padding-top: min(var(--vw, 1vw) * 150 / 1614 * 100, 150px);
  }
}
.location .ttl {
  display: flex;
  align-items: center;
  position: relative;
}
.location .ttl::before {
  content: "";
  position: absolute;
  background: url(../img/location_img1.png) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 125 / 750 * 100);
  height: calc(var(--vw, 1vw) * 125 / 750 * 100);
  top: calc(var(--vw, 1vw) * 20 / 750 * 100);
  right: 0;
}
@media screen and (min-width: 750px) {
  .location .ttl::before {
    width: min(var(--vw, 1vw) * 144 / 1614 * 100, 144px);
    height: min(var(--vw, 1vw) * 154 / 1614 * 100, 154px);
    top: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
    left: min(var(--vw, 1vw) * 640 / 1614 * 100, 640px);
    right: auto;
  }
}
.location .ttl .en {
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 100 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .ttl .en {
    font-size: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
    margin-right: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.location .ttl .ja {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .location .ttl .ja {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
@media screen and (min-width: 750px) {
  .location .unit {
    display: grid;
    grid-template-columns: 1fr min(var(--vw, 1vw) * 560 / 1614 * 100, 560px);
    align-items: end;
  }
}
.location .unit .heading {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .location .unit .heading {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.location .unit .unit-ttl {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  font-weight: 700;
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .location .unit .unit-ttl {
    font-size: min(var(--vw, 1vw) * 48 / 1614 * 100, 48px);
    margin-bottom: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}
.location .unit .unit-txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit .unit-txt {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.location .unit .img {
  display: none;
}
@media screen and (min-width: 750px) {
  .location .unit .img {
    display: block;
  }
}
.location .unit .img img {
  width: 100%;
}
.location .unit .img_sp {
  display: block;
  margin: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .location .unit .img_sp {
    display: none;
  }
}
.location .unit2 {
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit2 {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 640 / 1614 * 100, 640px) min(var(--vw, 1vw) * 720 / 1614 * 100, 720px);
    justify-content: space-between;
    margin-top: min(var(--vw, 1vw) * 170 / 1614 * 100, 170px);
  }
}
.location .unit2 .imgarea {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 330 / 750 * 100) calc(var(--vw, 1vw) * 330 / 750 * 100);
  justify-content: space-between;
  margin-top: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit2 .imgarea {
    grid-template-columns: min(var(--vw, 1vw) * 300 / 1614 * 100, 300px) min(var(--vw, 1vw) * 300 / 1614 * 100, 300px);
    justify-content: space-between;
    gap: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
    margin-top: 0;
  }
}
.location .unit2 .imgarea .area-img {
  text-align: center;
  margin-bottom: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit2 .imgarea .area-img {
    margin-bottom: 0;
  }
}
.location .unit2 .imgarea .area-img:first-of-type {
  grid-column: span 2;
}
@media screen and (min-width: 750px) {
  .location .unit2 .imgarea .area-img:first-of-type {
    text-align: left;
  }
}
.location .unit2 .imgarea .area-ttl {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  font-weight: 700;
  margin-top: calc(var(--vw, 1vw) * 5 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit2 .imgarea .area-ttl {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    margin-top: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
  }
}
.location .unit2 .imgarea .area-txt {
  font-size: calc(var(--vw, 1vw) * 16 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit2 .imgarea .area-txt {
    font-size: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.location .unit2 .txtarea {
  order: -1;
}
@media screen and (min-width: 750px) {
  .location .unit2 .txtarea {
    order: 1;
  }
}
.location .unit2 .txt-ttl {
  color: var(--color-green);
  border-bottom: 2px solid var(--color-green);
  line-height: 1;
  font-size: calc(var(--vw, 1vw) * 75 / 750 * 100);
  padding: 0 0 calc(var(--vw, 1vw) * 15 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  width: calc(var(--vw, 1vw) * 506 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .location .unit2 .txt-ttl {
    font-size: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
    padding: 0 0 min(var(--vw, 1vw) * 15 / 1614 * 100, 15px);
    margin-bottom: min(var(--vw, 1vw) * 57 / 1614 * 100, 57px);
  }
}
.location .unit2 .txt-txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit2 .txt-txt {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.location .wap {
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .wap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.location .unit3-ttl {
  color: var(--color-green);
  border-bottom: 2px solid var(--color-green);
  line-height: 1;
  font-size: calc(var(--vw, 1vw) * 75 / 750 * 100);
  padding: 0 0 calc(var(--vw, 1vw) * 15 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit3-ttl {
    font-size: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
    padding: 0 0 min(var(--vw, 1vw) * 15 / 1614 * 100, 15px);
    margin-bottom: min(var(--vw, 1vw) * 57 / 1614 * 100, 57px);
  }
}
.location .unit3-imgbox {
  text-align: center;
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 330 / 750 * 100) calc(var(--vw, 1vw) * 330 / 750 * 100);
  gap: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit3-imgbox {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 300 / 1614 * 100, 300px) min(var(--vw, 1vw) * 300 / 1614 * 100, 300px);
    gap: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}
.location .unit3 {
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit3 {
    margin-top: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.location .unit3 .area-ttl {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  font-weight: 700;
  margin-top: calc(var(--vw, 1vw) * 5 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit3 .area-ttl {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    margin-top: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
    letter-spacing: -0.005rem;
  }
}
.location .unit3 .area-txt {
  font-size: calc(var(--vw, 1vw) * 16 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit3 .area-txt {
    font-size: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.location .unit3-txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  margin-top: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .location .unit3-txt {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    margin-top: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}

.facilities-list {
  padding-top: calc(var(--vw, 1vw) * 100 / 750 * 100);
  overflow: hidden;
}
@media screen and (min-width: 750px) {
  .facilities-list {
    padding-top: min(var(--vw, 1vw) * 100 / 1614 * 100, 100px);
  }
}
.facilities-list .ttl {
  text-align: center;
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 36 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 40 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .facilities-list .ttl {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin-bottom: min(var(--vw, 1vw) * 45 / 1614 * 100, 45px);
  }
}
@media screen and (min-width: 750px) {
  .facilities-list .slider ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.facilities-list .slider ul li {
  width: 25%;
  padding: 0 calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .slider ul li {
    padding: 0 min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
  }
}
.facilities-list .slider ul li h4 {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 750 * 100) 0;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-green);
  text-align: center;
}
@media screen and (min-width: 750px) {
  .facilities-list .slider ul li h4 {
    font-size: min(var(--vw, 1vw) * 18 / 1614 * 100, 18px);
    padding: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px) 0;
  }
}
.facilities-list .slider .txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  line-height: 1.44;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .facilities-list .slider .txt {
    font-size: min(var(--vw, 1vw) * 16 / 1614 * 100, 16px);
  }
}
.facilities-list .slider .slick-list {
  padding: 0 !important;
  margin: 0 -10px;
}
.facilities-list .slider .img {
  padding-top: 86%;
  position: relative;
}
.facilities-list .slider .img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.facilities-list .slick-next {
  right: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .slick-next {
    right: calc(var(--vw, 1vw) * 450 / 1920 * 100);
  }
}
.facilities-list .slick-next::before {
  top: 50%;
  left: calc(var(--vw, 1vw) * 12 / 750 * 100);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 750px) {
  .facilities-list .slick-next::before {
    left: calc(var(--vw, 1vw) * 12 / 1920 * 100);
  }
}
.facilities-list .slick-prev {
  left: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .slick-prev {
    left: calc(var(--vw, 1vw) * 450 / 1920 * 100);
  }
}
.facilities-list .slick-prev::before {
  top: 50%;
  right: calc(var(--vw, 1vw) * 13 / 750 * 100);
  transform: translateY(-50%) rotate(-135deg);
}
@media screen and (min-width: 750px) {
  .facilities-list .slick-prev::before {
    left: calc(var(--vw, 1vw) * 17 / 1920 * 100);
  }
}
.facilities-list .slick-next,
.facilities-list .slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  text-indent: -999999px;
  width: calc(var(--vw, 1vw) * 50 / 750 * 100);
  height: calc(var(--vw, 1vw) * 50 / 750 * 100);
  padding: 0;
  background-color: unset;
  z-index: 10;
  border-radius: 50%;
  background: var(--color-green);
}
@media screen and (min-width: 750px) {
  .facilities-list .slick-next,
  .facilities-list .slick-prev {
    width: calc(var(--vw, 1vw) * 50 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 50 / 1920 * 100);
  }
}
.facilities-list .slick-prev::before,
.facilities-list .slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  transition: 0.2s;
  width: calc(var(--vw, 1vw) * 20 / 750 * 100);
  height: calc(var(--vw, 1vw) * 20 / 750 * 100);
  border-top: calc(var(--vw, 1vw) * 3 / 750 * 100) solid #fff;
  border-right: calc(var(--vw, 1vw) * 3 / 750 * 100) solid #fff;
}
@media screen and (min-width: 750px) {
  .facilities-list .slick-prev::before,
  .facilities-list .slick-next::before {
    width: calc(var(--vw, 1vw) * 20 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 20 / 1920 * 100);
    border-top: calc(var(--vw, 1vw) * 3 / 1920 * 100) solid #fff;
    border-right: calc(var(--vw, 1vw) * 3 / 1920 * 100) solid #fff;
  }
}
.facilities-list .item-list {
  margin-top: calc(var(--vw, 1vw) * 120 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .item-list {
    margin-top: min(var(--vw, 1vw) * 237 / 1614 * 100, 237px);
  }
}
.facilities-list .item-list .btn-click {
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
  width: calc(var(--vw, 1vw) * 600 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 36 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .item-list .btn-click {
    width: min(var(--vw, 1vw) * 600 / 1614 * 100, 600px);
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.facilities-list .item-list .btn {
  display: block;
  background-color: var(--color-green);
  color: #fff;
  text-decoration: none;
  border: 2px solid var(--color-green);
}
.facilities-list .item-list .btn.show {
  background-color: #fff;
  color: var(--color-green);
}
.facilities-list .item-list .btn.show .ic::before {
  display: none;
}
.facilities-list .item-list .btn .ic {
  position: absolute;
  width: calc(var(--vw, 1vw) * 40 / 750 * 100);
  height: calc(var(--vw, 1vw) * 40 / 750 * 100);
  background: #fff;
  border-radius: 50%;
  right: calc(var(--vw, 1vw) * 40 / 750 * 100);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 750px) {
  .facilities-list .item-list .btn .ic {
    width: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
    height: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
    right: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}
.facilities-list .item-list .btn .ic::before {
  content: "";
  position: absolute;
  background: var(--color-green);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw, 1vw) * 4 / 750 * 100);
  height: calc(var(--vw, 1vw) * 30 / 750 * 100);
  transition: 0.3s;
}
@media screen and (min-width: 750px) {
  .facilities-list .item-list .btn .ic::before {
    width: min(var(--vw, 1vw) * 5 / 1614 * 100, 5px);
    height: min(var(--vw, 1vw) * 28 / 1614 * 100, 28px);
  }
}
.facilities-list .item-list .btn .ic::after {
  content: "";
  position: absolute;
  background: var(--color-green);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw, 1vw) * 30 / 750 * 100);
  height: calc(var(--vw, 1vw) * 4 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .item-list .btn .ic::after {
    width: min(var(--vw, 1vw) * 28 / 1614 * 100, 28px);
    height: min(var(--vw, 1vw) * 5 / 1614 * 100, 5px);
  }
}
.facilities-list .inner-content {
  display: none;
  width: calc(var(--vw, 1vw) * 600 / 750 * 100);
  margin: 0 auto;
}
@media screen and (min-width: 750px) {
  .facilities-list .inner-content {
    width: 100%;
  }
}
.facilities-list .inner-content .name {
  font-size: calc(var(--vw, 1vw) * 16 / 750 * 100);
  font-weight: 700;
  margin-top: calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .inner-content .name {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    margin-top: min(var(--vw, 1vw) * 45 / 1614 * 100, 45px);
  }
}
.facilities-list .inner-content .desc {
  font-size: calc(var(--vw, 1vw) * 16 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .inner-content .desc {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.facilities-list .inner-content .desc span {
  margin-left: calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .facilities-list .inner-content .desc span {
    margin-left: min(var(--vw, 1vw) * 100 / 1614 * 100, 100px);
  }
}

.access .inner {
  padding-top: calc(var(--vw, 1vw) * 100 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access .inner {
    padding-top: min(var(--vw, 1vw) * 180 / 1614 * 100, 180px);
  }
}
.access .ttl {
  display: flex;
  align-items: center;
  position: relative;
}
.access .ttl::before {
  content: "";
  position: absolute;
  background: url(../img/access_img6.png) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 150 / 750 * 100);
  height: calc(var(--vw, 1vw) * 150 / 750 * 100);
  top: calc(var(--vw, 1vw) * 20 / 750 * 100);
  right: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access .ttl::before {
    width: min(var(--vw, 1vw) * 257 / 1614 * 100, 257px);
    height: min(var(--vw, 1vw) * 270 / 1614 * 100, 270px);
    top: min(var(--vw, 1vw) * -30 / 1614 * 100, -30px);
    right: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}
.access .ttl .en {
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 100 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access .ttl .en {
    font-size: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
    margin-right: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.access .ttl .ja {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .access .ttl .ja {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.access .subttl {
  background-color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  padding: 0 calc(var(--vw, 1vw) * 50 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 30 / 750 * 100);
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
  color: #fff;
  display: inline-block;
}
@media screen and (min-width: 750px) {
  .access .subttl {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    padding: 0 min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
    margin-bottom: min(var(--vw, 1vw) * 25 / 1614 * 100, 25px);
    margin-top: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.access .txt {
  background: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  font-weight: 700;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  border-radius: calc(var(--vw, 1vw) * 50 / 750 * 100);
  margin: calc(var(--vw, 1vw) * 50 / 750 * 100) auto calc(var(--vw, 1vw) * 90 / 750 * 100);
  width: 100%;
  position: relative;
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100) 0 calc(var(--vw, 1vw) * 20 / 750 * 100) calc(var(--vw, 1vw) * 50 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access .txt {
    border-radius: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    font-size: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    border-radius: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    margin: min(var(--vw, 1vw) * 85 / 1614 * 100, 85px) auto min(var(--vw, 1vw) * 95 / 1614 * 100, 95px);
    padding: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px) 0;
    width: min(var(--vw, 1vw) * 1280 / 1614 * 100, 1280px);
  }
}
.access .txt::before {
  content: "";
  position: absolute;
  background: url(../img/access_ico1.png) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 70 / 750 * 100);
  height: calc(var(--vw, 1vw) * 65 / 750 * 100);
  top: 50%;
  left: calc(var(--vw, 1vw) * 30 / 750 * 100);
  transform: translateY(-50%);
}
@media screen and (min-width: 750px) {
  .access .txt::before {
    width: min(var(--vw, 1vw) * 47 / 1614 * 100, 47px);
    height: min(var(--vw, 1vw) * 39 / 1614 * 100, 39px);
    left: min(var(--vw, 1vw) * 80 / 1614 * 100, 80px);
  }
}
.access .gmap {
  width: 100%;
  height: calc(var(--vw, 1vw) * 750 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access .gmap {
    height: min(var(--vw, 1vw) * 640 / 1614 * 100, 640px);
  }
}
.access .gmap iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.access-way .inner {
  padding-top: calc(var(--vw, 1vw) * 100 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access-way .inner {
    padding-top: min(var(--vw, 1vw) * 100 / 1614 * 100, 100px);
  }
}
.access-way .ttl {
  text-align: left;
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 50 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .access-way .ttl {
    text-align: center;
    font-size: min(var(--vw, 1vw) * 48 / 1614 * 100, 48px);
    margin-bottom: min(var(--vw, 1vw) * 45 / 1614 * 100, 45px);
  }
}
.access-way .wap {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 750px) {
  .access-way .wap {
    display: grid;
    grid-template-columns: 1fr min(var(--vw, 1vw) * 911 / 1614 * 100, 911px);
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
  }
}
.access-way .station-name {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access-way .station-name {
    font-size: min(var(--vw, 1vw) * 48 / 1614 * 100, 48px);
  }
}
.access-way .station-name span {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  display: block;
}
@media screen and (min-width: 750px) {
  .access-way .station-name span {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.access-way .station-wap {
  border-bottom: 1px solid #707070;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--vw, 1vw) * 20 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .access-way .station-wap {
    gap: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
    padding: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px) 0;
  }
}
.access-way .means {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access-way .means {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    margin-top: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}
.access-way .time {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access-way .time {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    line-height: 1;
  }
}
.access-way .time .big {
  font-size: calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access-way .time .big {
    font-size: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.access-way .time .green {
  color: var(--color-green);
}
.access-way .time .big-txt {
  font-size: calc(var(--vw, 1vw) * 48 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access-way .time .big-txt {
    font-size: min(var(--vw, 1vw) * 48 / 1614 * 100, 48px);
  }
}
.access-way .station-txt {
  font-size: calc(var(--vw, 1vw) * 36 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access-way .station-txt {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin-bottom: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
  }
}
.access-way .mast {
  font-size: calc(var(--vw, 1vw) * 12 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .access-way .mast {
    font-size: min(var(--vw, 1vw) * 12 / 1614 * 100, 12px);
    margin-top: min(var(--vw, 1vw) * 15 / 1614 * 100, 15px);
  }
}

.land-plan .inner {
  padding-top: calc(var(--vw, 1vw) * 100 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .land-plan .inner {
    padding-top: min(var(--vw, 1vw) * 180 / 1614 * 100, 180px);
  }
}
.land-plan .ttl {
  display: flex;
  align-items: center;
}
.land-plan .ttl .en {
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 100 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .land-plan .ttl .en {
    font-size: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
    margin-right: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.land-plan .ttl .ja {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .land-plan .ttl .ja {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.land-plan .wap {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 750px) {
  .land-plan .wap {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 664 / 1614 * 100, 664px) min(var(--vw, 1vw) * 846 / 1614 * 100, 846px);
    justify-content: space-between;
  }
}
.land-plan .wap img {
  width: 100%;
}

.house-plan .inner {
  padding-top: calc(var(--vw, 1vw) * 100 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .inner {
    padding-top: min(var(--vw, 1vw) * 180 / 1614 * 100, 180px);
  }
}
.house-plan .ttl {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 750px) {
  .house-plan .ttl::before {
    content: "";
    position: absolute;
    background: url(../img/housing_ico1.png) no-repeat;
    background-size: contain;
    width: min(var(--vw, 1vw) * 151 / 1614 * 100, 151px);
    height: min(var(--vw, 1vw) * 158 / 1614 * 100, 158px);
    top: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    right: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}
.house-plan .ttl .en {
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 100 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 50 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .ttl .en {
    font-size: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
    margin-right: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.house-plan .ttl .ja {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .house-plan .ttl .ja {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.house-plan .house-plan-slider-thumb {
  margin-bottom: calc(var(--vw, 1vw) * 50 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider-thumb {
    margin-bottom: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
  }
}
.house-plan .house-plan-slider-thumb .slick-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider-thumb .slick-track {
    display: flex;
    gap: 0;
  }
}
.house-plan .house-plan-slider-thumb .slick-track::before, .house-plan .house-plan-slider-thumb .slick-track::after {
  content: "";
  display: none;
}
.house-plan .house-plan-slider-thumb .slick-slide {
  width: calc(var(--vw, 1vw) * 320 / 750 * 100);
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  background-color: var(--color-lightGreen);
  margin: 0;
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider-thumb .slick-slide {
    width: min(var(--vw, 1vw) * 360 / 1614 * 100, 360px);
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin: 0 min(var(--vw, 1vw) * 15 / 1614 * 100, 15px);
  }
}
.house-plan .house-plan-slider-thumb .slick-slide:first-of-type {
  margin-left: 0;
}
.house-plan .house-plan-slider-thumb .slick-slide:last-of-type {
  margin-right: 0;
}
.house-plan .house-plan-slider-thumb .slick-slide.slick-current {
  background-color: var(--color-green);
  color: var(--color-green);
  color: #fff;
}
.house-plan .house-plan-slider {
  padding-right: calc(var(--vw, 1vw) * 10 / 750 * 100);
  padding-bottom: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider {
    padding-right: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
    padding-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.house-plan .house-plan-slider .slider-inner {
  box-shadow: 0px min(var(--vw, 1vw) * 5 / 1614 * 100, 5px) min(var(--vw, 1vw) * 15 / 1614 * 100, 15px) -12px rgba(10, 10, 10, 0.1), min(var(--vw, 1vw) * 5 / 1614 * 100, 5px) min(var(--vw, 1vw) * 5 / 1614 * 100, 5px) min(var(--vw, 1vw) * 5 / 1614 * 100, 5px) 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .slider-inner {
    box-shadow: 0px calc(var(--vw, 1vw) * 5 / 750 * 100) calc(var(--vw, 1vw) * 15 / 750 * 100) -12px rgba(10, 10, 10, 0.1), calc(var(--vw, 1vw) * 5 / 750 * 100) calc(var(--vw, 1vw) * 5 / 750 * 100) calc(var(--vw, 1vw) * 5 / 750 * 100) 0 rgba(0, 0, 0, 0.2);
  }
}
.house-plan .house-plan-slider .ttl-box {
  background: var(--color-green);
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 245 / 1614 * 100, 245px) min(var(--vw, 1vw) * 1126 / 1614 * 100, 1126px);
    align-items: center;
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    padding: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px) min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
  }
}
.house-plan .house-plan-slider .ttl-box .box-ttl {
  font-size: calc(var(--vw, 1vw) * 50 / 750 * 100);
  line-height: 0.8;
  color: #fff;
  display: flex;
  align-items: end;
  justify-content: flex-end;
  position: absolute;
  left: calc(var(--vw, 1vw) * 40 / 750 * 100);
  top: calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box .box-ttl {
    font-size: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
    position: relative;
    left: 0;
    top: 0;
  }
}
.house-plan .house-plan-slider .ttl-box .box-ttl span {
  font-size: calc(var(--vw, 1vw) * 100 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box .box-ttl span {
    font-size: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
  }
}
.house-plan .house-plan-slider .ttl-box .mid {
  color: #fff;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box .mid {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    margin: 0;
  }
}
.house-plan .house-plan-slider .ttl-box .mid .mid-ttl {
  font-size: calc(var(--vw, 1vw) * 50 / 750 * 100);
  margin: calc(var(--vw, 1vw) * 50 / 750 * 100) 0 0 calc(var(--vw, 1vw) * 200 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box .mid .mid-ttl {
    font-size: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
    margin: 0;
  }
}
.house-plan .house-plan-slider .ttl-box .mid-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--vw, 1vw) * 20 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  padding: 0 calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box .mid-list {
    gap: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
    padding: 0;
    width: min(var(--vw, 1vw) * 870 / 1614 * 100, 870px);
  }
}
.house-plan .house-plan-slider .ttl-box .mid-list li {
  font-size: calc(var(--vw, 1vw) * 18 / 750 * 100);
  background: #fff;
  color: var(--color-green);
  padding: calc(var(--vw, 1vw) * 10 / 750 * 100) 0;
  min-width: calc(var(--vw, 1vw) * 280 / 750 * 100);
  text-align: center;
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box .mid-list li {
    font-size: min(var(--vw, 1vw) * 16 / 1614 * 100, 16px);
    padding: min(var(--vw, 1vw) * 5 / 1614 * 100, 5px) 0;
    min-width: min(var(--vw, 1vw) * 200 / 1614 * 100, 200px);
  }
}
.house-plan .house-plan-slider .ttl-box .mid-txt {
  font-size: calc(var(--vw, 1vw) * 24 / 750 * 100);
  color: #fff;
  text-align: center;
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box .mid-txt {
    font-size: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    text-align: left;
    margin-bottom: 0;
  }
}
.house-plan .house-plan-slider .ttl-box .box-txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  color: #fff;
  padding: 0 calc(var(--vw, 1vw) * 40 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .ttl-box .box-txt {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    position: absolute;
    right: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
    top: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    width: min(var(--vw, 1vw) * 250 / 1614 * 100, 250px);
    padding: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 750px) {
  .house-plan .house-plan-slider .img-area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
    padding: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px) min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}
.house-plan .house-plan-slider .img-area img {
  width: 100%;
}
.house-plan .wap {
  margin-top: calc(var(--vw, 1vw) * 80 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .wap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    justify-content: space-between;
    gap: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
    margin-top: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.house-plan .wap img {
  width: 100%;
}
.house-plan .wap .unit {
  margin-top: calc(var(--vw, 1vw) * 80 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .wap .unit {
    margin-top: 0;
  }
}
.house-plan .wap .unit h4 {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  color: var(--color-green);
  margin-bottom: calc(var(--vw, 1vw) * 10 / 750 * 100);
  margin-top: calc(var(--vw, 1vw) * 10 / 750 * 100);
  text-align: center;
}
@media screen and (min-width: 750px) {
  .house-plan .wap .unit h4 {
    font-size: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    margin-bottom: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
    margin-top: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
    text-align: left;
  }
}
.house-plan .wap .unit p {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .wap .unit p {
    font-size: min(var(--vw, 1vw) * 18 / 1614 * 100, 18px);
  }
}
.house-plan .slick-next {
  right: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .slick-next {
    right: 0;
  }
}
.house-plan .slick-next::before {
  top: 50%;
  left: calc(var(--vw, 1vw) * 12 / 750 * 100);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 750px) {
  .house-plan .slick-next::before {
    left: calc(var(--vw, 1vw) * 12 / 1920 * 100);
  }
}
.house-plan .slick-prev {
  left: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-plan .slick-prev {
    left: 0;
  }
}
.house-plan .slick-prev::before {
  top: 50%;
  right: calc(var(--vw, 1vw) * 12 / 750 * 100);
  transform: translateY(-50%) rotate(-135deg);
}
@media screen and (min-width: 750px) {
  .house-plan .slick-prev::before {
    right: calc(var(--vw, 1vw) * 12 / 1920 * 100);
  }
}
.house-plan .slick-next,
.house-plan .slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  text-indent: -999999px;
  width: calc(var(--vw, 1vw) * 50 / 750 * 100);
  height: calc(var(--vw, 1vw) * 50 / 750 * 100);
  padding: 0;
  background-color: unset;
  z-index: 10;
  border-radius: 50%;
  background: var(--color-green);
}
@media screen and (min-width: 750px) {
  .house-plan .slick-next,
  .house-plan .slick-prev {
    width: calc(var(--vw, 1vw) * 50 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 50 / 1920 * 100);
  }
}
.house-plan .slick-prev::before,
.house-plan .slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  transition: 0.2s;
  width: calc(var(--vw, 1vw) * 20 / 750 * 100);
  height: calc(var(--vw, 1vw) * 20 / 750 * 100);
  border-top: calc(var(--vw, 1vw) * 3 / 750 * 100) solid #fff;
  border-right: calc(var(--vw, 1vw) * 3 / 750 * 100) solid #fff;
}
@media screen and (min-width: 750px) {
  .house-plan .slick-prev::before,
  .house-plan .slick-next::before {
    width: calc(var(--vw, 1vw) * 20 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 20 / 1920 * 100);
    border-top: calc(var(--vw, 1vw) * 3 / 1920 * 100) solid #fff;
    border-right: calc(var(--vw, 1vw) * 3 / 1920 * 100) solid #fff;
  }
}

.gallery {
  margin-top: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
}
.gallery .slick-list {
  margin-bottom: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
}
.gallery .slick-list img {
  width: 100%;
}
.gallery .slider-item-thumb .img {
  padding: 0 min(var(--vw, 1vw) * 15 / 1614 * 100, 15px);
}
.gallery .track .slick-next,
.gallery .track .slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  text-indent: -999999px;
  width: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  height: 100%;
  padding: 0;
  background-color: unset;
  z-index: 10;
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 750px) {
  .gallery .track .slick-next,
  .gallery .track .slick-prev {
    width: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.gallery .track .slick-next {
  right: 0;
}
.gallery .track .slick-next::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 750px) {
  .gallery .track .slick-next::before {
    left: calc(var(--vw, 1vw) * 22 / 1920 * 100);
  }
}
.gallery .track .slick-prev {
  left: 0;
}
.gallery .track .slick-prev::before {
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(-135deg);
}
@media screen and (min-width: 750px) {
  .gallery .track .slick-prev::before {
    right: calc(var(--vw, 1vw) * 22 / 1920 * 100);
  }
}
.gallery .track .slick-prev::before,
.gallery .track .slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  transition: 0.2s;
  width: calc(var(--vw, 1vw) * 20 / 750 * 100);
  height: calc(var(--vw, 1vw) * 20 / 750 * 100);
  border-top: calc(var(--vw, 1vw) * 3 / 750 * 100) solid #fff;
  border-right: calc(var(--vw, 1vw) * 3 / 750 * 100) solid #fff;
}
@media screen and (min-width: 750px) {
  .gallery .track .slick-prev::before,
  .gallery .track .slick-next::before {
    width: calc(var(--vw, 1vw) * 20 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 20 / 1920 * 100);
    border-top: calc(var(--vw, 1vw) * 3 / 1920 * 100) solid #fff;
    border-right: calc(var(--vw, 1vw) * 3 / 1920 * 100) solid #fff;
  }
}
.gallery .slider-item-thumb .slick-next {
  right: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .gallery .slider-item-thumb .slick-next {
    right: 0;
  }
}
.gallery .slider-item-thumb .slick-next::before {
  top: 50%;
  left: calc(var(--vw, 1vw) * 12 / 750 * 100);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 750px) {
  .gallery .slider-item-thumb .slick-next::before {
    left: calc(var(--vw, 1vw) * 12 / 1920 * 100);
  }
}
.gallery .slider-item-thumb .slick-prev {
  left: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .gallery .slider-item-thumb .slick-prev {
    left: 0;
  }
}
.gallery .slider-item-thumb .slick-prev::before {
  top: 50%;
  right: calc(var(--vw, 1vw) * 12 / 750 * 100);
  transform: translateY(-50%) rotate(-135deg);
}
@media screen and (min-width: 750px) {
  .gallery .slider-item-thumb .slick-prev::before {
    right: calc(var(--vw, 1vw) * 12 / 1920 * 100);
  }
}
.gallery .slider-item-thumb .slick-next,
.gallery .slider-item-thumb .slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  text-indent: -999999px;
  width: calc(var(--vw, 1vw) * 50 / 750 * 100);
  height: calc(var(--vw, 1vw) * 50 / 750 * 100);
  padding: 0;
  background-color: unset;
  z-index: 10;
  border-radius: 50%;
  background: var(--color-green);
}
@media screen and (min-width: 750px) {
  .gallery .slider-item-thumb .slick-next,
  .gallery .slider-item-thumb .slick-prev {
    width: calc(var(--vw, 1vw) * 50 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 50 / 1920 * 100);
  }
}
.gallery .slider-item-thumb .slick-prev::before,
.gallery .slider-item-thumb .slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  transition: 0.2s;
  width: calc(var(--vw, 1vw) * 20 / 750 * 100);
  height: calc(var(--vw, 1vw) * 20 / 750 * 100);
  border-top: calc(var(--vw, 1vw) * 3 / 750 * 100) solid #fff;
  border-right: calc(var(--vw, 1vw) * 3 / 750 * 100) solid #fff;
}
@media screen and (min-width: 750px) {
  .gallery .slider-item-thumb .slick-prev::before,
  .gallery .slider-item-thumb .slick-next::before {
    width: calc(var(--vw, 1vw) * 20 / 1920 * 100);
    height: calc(var(--vw, 1vw) * 20 / 1920 * 100);
    border-top: calc(var(--vw, 1vw) * 3 / 1920 * 100) solid #fff;
    border-right: calc(var(--vw, 1vw) * 3 / 1920 * 100) solid #fff;
  }
}

.house-building .inner {
  padding-top: calc(var(--vw, 1vw) * 100 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .inner {
    padding-top: min(var(--vw, 1vw) * 150 / 1614 * 100, 150px);
  }
}
.house-building .ttl {
  background-color: var(--color-green);
  margin: 0 calc(50% - var(--vw, 1vw) * 50);
  padding: 0 calc(var(--vw, 1vw) * 50 - 50%);
}
@media screen and (min-width: 750px) {
  .house-building .ttl {
    display: flex;
    align-items: center;
  }
}
.house-building .ttl .en {
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 60 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 50 / 750 * 100);
  display: block;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .house-building .ttl .en {
    font-size: min(var(--vw, 1vw) * 72 / 1614 * 100, 72px);
    margin-right: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
    text-align: left;
  }
}
.house-building .ttl .ja {
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 24 / 750 * 100);
  font-weight: 700;
  display: block;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .house-building .ttl .ja {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    text-align: left;
  }
}
.house-building .top-content-box {
  margin-top: calc(var(--vw, 1vw) * 30 / 750 * 100);
  background: #D5EEDD;
  padding: calc(var(--vw, 1vw) * 25 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .top-content-box {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 440 / 1614 * 100, 440px) 1fr;
    margin-top: min(var(--vw, 1vw) * 85 / 1614 * 100, 85px);
    padding: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    grid-template-columns: min(var(--vw, 1vw) * 440 / 1614 * 100, 440px) 1fr;
  }
}
.house-building .top-content-box .desc {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  line-height: 1.8;
  font-weight: 700;
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .house-building .top-content-box .desc {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.house-building .top-content-box ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(var(--vw, 1vw) * 40 / 750 * 100);
  width: 100%;
  margin-top: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .top-content-box ul {
    gap: min(var(--vw, 1vw) * 130 / 1614 * 100, 130px);
    width: min(var(--vw, 1vw) * 960 / 1614 * 100, 960px);
    margin-top: 0;
  }
}
.house-building .top-content-box ul li {
  background: url(../img/housing_building_bg1.png) no-repeat;
  background-size: contain;
  height: calc(var(--vw, 1vw) * 177 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  line-height: 1.5;
  color: var(--color-green);
  font-weight: 700;
  position: relative;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 750px) {
  .house-building .top-content-box ul li {
    height: min(var(--vw, 1vw) * 232 / 1614 * 100, 232px);
    font-size: min(var(--vw, 1vw) * 32 / 1614 * 100, 32px);
  }
}
.house-building .top-content-box ul li::before {
  content: "&";
  font-size: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  color: #505050;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(min(var(--vw, 1vw) * 80 / 1614 * 100, 80px) * -1);
}
.house-building .top-content-box ul li:last-of-type::before {
  display: none;
}
.house-building .items {
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 280 / 1614 * 100, 280px) 1fr;
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    align-items: center;
    margin-top: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.house-building .items .point {
  width: calc(var(--vw, 1vw) * 240 / 750 * 100);
  margin: 0 auto calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items .point {
    width: 100%;
    margin: 0;
  }
}
.house-building .items h3 {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .house-building .items h3 {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.house-building .items h3 .line {
  display: inline;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #FBEE00 0%);
}
.house-building .items .items-img {
  grid-column: span 2;
}
.house-building .items2 {
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .house-building .items2 {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 280 / 1614 * 100, 280px) 1fr min(var(--vw, 1vw) * 239 / 1614 * 100, 239px);
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    align-items: center;
    margin-top: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.house-building .items2 .point {
  width: calc(var(--vw, 1vw) * 240 / 750 * 100);
  margin: 0 auto calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items2 .point {
    width: 100%;
    margin: 0;
  }
}
.house-building .items2 .itemsogo {
  width: calc(var(--vw, 1vw) * 120 / 750 * 100);
  position: absolute;
  right: 0;
  top: calc(var(--vw, 1vw) * 474 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items2 .itemsogo {
    width: 100%;
    position: relative;
    top: 0;
    width: auto;
  }
}
.house-building .items2 h3 {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 50 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .house-building .items2 h3 {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.house-building .items2 h3 .line {
  display: inline;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #FBEE00 0%);
}
@media screen and (min-width: 750px) {
  .house-building .items2 .item-wap {
    grid-column: span 3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(var(--vw, 1vw) * 95 / 1614 * 100, 95px);
  }
}
.house-building .items2 .unit h4 {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
  padding-bottom: calc(var(--vw, 1vw) * 10 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 10 / 750 * 100);
  border-bottom: var(--color-green) solid 2px;
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .house-building .items2 .unit h4 {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    padding-bottom: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
    margin-bottom: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
  }
}
.house-building .items2 .unit p {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items2 .unit p {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.house-building .items2 .unit .img {
  margin-top: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items2 .unit .img {
    margin-top: min(var(--vw, 1vw) * 70 / 1614 * 100, 70px);
  }
}
.house-building .items3 {
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items3 {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 280 / 1614 * 100, 280px) 1fr;
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    align-items: center;
    margin-top: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.house-building .items3 .point {
  width: calc(var(--vw, 1vw) * 240 / 750 * 100);
  margin: 0 auto calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items3 .point {
    width: 100%;
    margin: 0;
  }
}
.house-building .items3 h3 {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 50 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .house-building .items3 h3 {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.house-building .items3 h3 .line {
  display: inline;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #FBEE00 0%);
}
@media screen and (min-width: 750px) {
  .house-building .items3 .item-wap {
    grid-column: span 2;
  }
}
.house-building .items3 .unit {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px) min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}
.house-building .items3 .unit .num1 {
  order: -1;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .num1 {
    order: 1;
  }
}
.house-building .items3 .unit .num2 {
  order: 0;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .num2 {
    order: -1;
  }
}
.house-building .items3 .unit .num3 {
  order: 1;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .num3 {
    order: 0;
  }
}
.house-building .items3 .unit .num4 {
  order: 2;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .num4 {
    order: 2;
  }
}
.house-building .items3 .unit .img {
  margin: calc(var(--vw, 1vw) * 30 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .img {
    margin: 0;
  }
}
.house-building .items3 .unit .img.num2 {
  width: 100%;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .img.num2 {
    width: min(var(--vw, 1vw) * 800 / 1614 * 100, 800px);
  }
}
.house-building .items3 .unit .img.num4 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--vw, 1vw) * 25 / 750 * 100);
  align-items: start;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .img.num4 {
    width: min(var(--vw, 1vw) * 820 / 1614 * 100, 820px);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 400 / 1614 * 100, 400px) min(var(--vw, 1vw) * 420 / 1614 * 100, 420px);
    gap: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
    align-items: end;
  }
}
.house-building .items3 .unit .unit-txtarea {
  width: 100%;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .unit-txtarea {
    width: min(var(--vw, 1vw) * 595 / 1614 * 100, 595px);
  }
}
.house-building .items3 .unit .unit-txtarea.num3 .unit-ttl {
  display: flex;
  line-height: 1.5;
}
.house-building .items3 .unit .unit-txtarea.num3 .unit-ttl h4 {
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .unit-txtarea.num3 .unit-ttl h4 {
    margin-left: auto;
  }
}
.house-building .items3 .unit .unit-txtarea.num1 .unit-ttl {
  display: flex;
  line-height: 1.5;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .unit-txtarea.num1 .unit-ttl {
    flex-direction: row-reverse;
  }
}
.house-building .items3 .unit .unit-txtarea.num1 .unit-ttl h4 {
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .unit-txtarea.num1 .unit-ttl h4 {
    margin-right: auto;
  }
}
.house-building .items3 .unit .unit-txtarea .txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .unit-txtarea .txt {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.house-building .items3 .unit .unit-ttl {
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  border-bottom: var(--color-green) solid 2px;
  padding: calc(var(--vw, 1vw) * 15 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .unit-ttl {
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
    padding: 0;
  }
}
.house-building .items3 .unit .unit-ttl h4 {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .unit-ttl h4 {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.house-building .items3 .unit .unit-ttl p {
  font-size: calc(var(--vw, 1vw) * 100 / 750 * 100);
  color: #D5EEDD;
  font-weight: 700;
  line-height: 1;
  margin-right: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items3 .unit .unit-ttl p {
    font-size: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
    margin-right: 0;
  }
}
.house-building .items4 {
  margin-top: calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items4 {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 280 / 1614 * 100, 280px) 1fr;
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    align-items: center;
    margin-top: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.house-building .items4 .point {
  width: calc(var(--vw, 1vw) * 240 / 750 * 100);
  margin: 0 auto calc(var(--vw, 1vw) * 60 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items4 .point {
    width: 100%;
    margin: 0;
  }
}
.house-building .items4 h3 {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 50 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .house-building .items4 h3 {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.house-building .items4 h3 .line {
  display: inline;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #FBEE00 0%);
}
.house-building .items4 .items-wap {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 750px) {
  .house-building .items4 .items-wap {
    grid-column: span 2;
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 524 / 1614 * 100, 524px) min(var(--vw, 1vw) * 940 / 1614 * 100, 940px);
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
  }
}
.house-building .items4 .unit.num1 {
  width: 100%;
  order: 0;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 750px) {
  .house-building .items4 .unit.num1 {
    flex-direction: column;
    width: min(var(--vw, 1vw) * 524 / 1614 * 100, 524px);
    order: -1;
  }
}
.house-building .items4 .unit.num2 {
  width: 100%;
  order: -1;
}
@media screen and (min-width: 750px) {
  .house-building .items4 .unit.num2 {
    order: 0;
  }
}
.house-building .items4 .unit.num3 {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 750px) {
  .house-building .items4 .unit.num3 {
    grid-column: span 2;
    width: 100%;
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 524 / 1614 * 100, 524px) min(var(--vw, 1vw) * 940 / 1614 * 100, 940px);
    gap: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    align-items: center;
  }
}
.house-building .items4 .item-txtarea h4 {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  color: var(--color-green);
  border-bottom: var(--color-green) solid 1.5px;
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  margin-top: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .house-building .items4 .item-txtarea h4 {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
    margin-top: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
  }
}
.house-building .items4 .item-txtarea p {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .items4 .item-txtarea p {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    margin-top: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
    margin-bottom: 0;
  }
}
.house-building .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--vw, 1vw) * 14 / 750 * 100);
  width: 100%;
  margin-top: calc(var(--vw, 1vw) * 80 / 750 * 100);
  position: relative;
}
@media screen and (min-width: 750px) {
  .house-building .list {
    grid-template-columns: repeat(4, 1fr);
    gap: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
    margin-top: min(var(--vw, 1vw) * 70 / 1614 * 100, 70px);
  }
}
.house-building .list .list-ttl {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 14 / 750 * 100);
  font-weight: 700;
  margin-bottom: calc(var(--vw, 1vw) * 10 / 750 * 100);
  color: var(--color-green);
  line-height: 1.2;
  background: #D5EEDD;
  display: grid;
  place-content: center;
  place-items: center;
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .house-building .list .list-ttl {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    margin-bottom: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
    padding: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px) 0;
  }
}
.house-building .list .list-ttl span {
  font-size: calc(var(--vw, 1vw) * 24 / 750 * 100);
  display: block;
}
@media screen and (min-width: 750px) {
  .house-building .list .list-ttl span {
    font-size: min(var(--vw, 1vw) * 32 / 1614 * 100, 32px);
  }
}
.house-building .list .list-ttl:first-of-type {
  background: var(--color-green);
  color: #fff;
  position: absolute;
  top: calc(var(--vw, 1vw) * -103 / 750 * 100);
  width: calc(var(--vw, 1vw) * 320 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .house-building .list .list-ttl:first-of-type {
    position: relative;
    top: 0;
    width: auto;
  }
}
.house-building .list .list-ttl:nth-of-type(2) span {
  letter-spacing: -0.1rem;
}

.peace .inner {
  padding-top: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .inner {
    padding-top: min(var(--vw, 1vw) * 150 / 1614 * 100, 150px);
  }
}
.peace .ttl {
  background: var(--color-green);
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  color: #fff;
  font-weight: 700;
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .peace .ttl {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    padding: min(var(--vw, 1vw) * 15 / 1614 * 100, 15px) 0;
  }
}
.peace .wap {
  margin-top: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 475 / 1614 * 100, 475px) min(var(--vw, 1vw) * 1020 / 1614 * 100, 1020px);
    gap: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
    margin-top: min(var(--vw, 1vw) * 55 / 1614 * 100, 55px);
  }
}
.peace .wap .item {
  background: #fff;
  border: var(--color-green) solid 2px;
  padding: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap .item {
    padding: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}
.peace .wap .item.num2 {
  grid-column: span 2;
}
@media screen and (min-width: 750px) {
  .peace .wap .item.num2 {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 400 / 1614 * 100, 400px) 1fr;
  }
}
.peace .wap .item.num2 .box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 750px) {
  .peace .wap .item.num2 .box {
    display: flex;
    flex-direction: column;
  }
}
.peace .wap .item.num2 .item-ttl {
  text-align: left;
  position: relative;
  padding-left: calc(var(--vw, 1vw) * 40 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap .item.num2 .item-ttl {
    padding-left: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}
.peace .wap .item.num2 .item-ttl .item-num {
  position: absolute;
  top: calc(var(--vw, 1vw) * -10 / 750 * 100);
  right: calc(var(--vw, 1vw) * 10 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 120 / 750 * 100);
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .peace .wap .item.num2 .item-ttl .item-num {
    top: 0;
    right: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
    font-size: min(var(--vw, 1vw) * 140 / 1614 * 100, 140px);
  }
}
.peace .wap .item.num2 .item-heading {
  border-bottom: none;
  padding: calc(var(--vw, 1vw) * 80 / 750 * 100) 0 0;
  margin-bottom: 0;
  text-align: left;
}
@media screen and (min-width: 750px) {
  .peace .wap .item.num2 .item-heading {
    text-align: center;
    padding: 0;
  }
}
.peace .wap .item.num2 .item-txt {
  border-top: var(--color-green) solid 1.5px;
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .peace .wap .item.num2 .item-txt {
    border-top: none;
    border-left: var(--color-green) solid 2px;
    padding: 0 0 0 min(var(--vw, 1vw) * 45 / 1614 * 100, 45px);
  }
}
.peace .wap .item.num3 {
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100) calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap .item.num3 {
    padding: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.peace .wap .item .item-subttl {
  font-size: calc(var(--vw, 1vw) * 28 / 750 * 100);
  font-weight: 700;
  text-align: center;
  line-height: 1;
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .peace .wap .item .item-subttl {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.peace .wap .item .txt-wap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;
}
.peace .wap .item .txt-wap .wap-ttl {
  text-align: right;
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
  color: var(--color-green);
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .peace .wap .item .txt-wap .wap-ttl {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.peace .wap .item .txt-wap .wap-ttl span {
  font-size: calc(var(--vw, 1vw) * 90 / 750 * 100);
  margin-left: calc(var(--vw, 1vw) * 10 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap .item .txt-wap .wap-ttl span {
    font-size: min(var(--vw, 1vw) * 110 / 1614 * 100, 110px);
    margin-left: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
  }
}
.peace .wap .item .txt-wap .wap-txt {
  width: calc(var(--vw, 1vw) * 130 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .peace .wap .item .txt-wap .wap-txt {
    width: min(var(--vw, 1vw) * 160 / 1614 * 100, 160px);
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.peace .wap .item .item-ttl {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-bottom: calc(var(--vw, 1vw) * 10 / 750 * 100);
  color: var(--color-green);
}
@media screen and (min-width: 750px) {
  .peace .wap .item .item-ttl {
    font-size: min(var(--vw, 1vw) * 48 / 1614 * 100, 48px);
    margin-bottom: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px);
  }
}
.peace .wap .item .item-heading {
  border-bottom: var(--color-green) solid 1.5px;
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  line-height: 1;
  padding: 0 0 calc(var(--vw, 1vw) * 20 / 750 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap .item .item-heading {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    padding: min(var(--vw, 1vw) * 10 / 1614 * 100, 10px) 0 min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    margin-bottom: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
  }
}
.peace .wap .item .item-heading.green {
  color: var(--color-green);
}
.peace .wap .item .item-txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  line-height: 1.8;
}
@media screen and (min-width: 750px) {
  .peace .wap .item .item-txt {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}
.peace .wap .item-wap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: calc(var(--vw, 1vw) * 20 / 750 * 100);
  gap: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap .item-wap {
    gap: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    margin-top: 0;
  }
}
.peace .wap2 {
  margin-top: calc(var(--vw, 1vw) * 40 / 750 * 100);
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 750px) {
  .peace .wap2 {
    margin-top: min(var(--vw, 1vw) * 40 / 1614 * 100, 40px);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 730 / 1614 * 100, 730px) 1fr;
    align-items: start;
    gap: min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.peace .wap2 .w2img img:first-of-type {
  margin-top: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap2 .w2img img:first-of-type {
    margin-top: 0;
    margin-bottom: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}
.peace .wap2 .w2-txtarea {
  background: #fff;
  border: var(--color-green) solid 2px;
  padding: calc(var(--vw, 1vw) * 30 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap2 .w2-txtarea {
    padding: min(var(--vw, 1vw) * 35 / 1614 * 100, 35px);
  }
}
.peace .wap2 .w2-txtarea .w2-ttl {
  font-size: calc(var(--vw, 1vw) * 40 / 750 * 100);
  font-weight: 700;
  color: var(--color-green);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 750 * 100);
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .peace .wap2 .w2-txtarea .w2-ttl {
    font-size: min(var(--vw, 1vw) * 48 / 1614 * 100, 48px);
    margin-bottom: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px);
  }
}
.peace .wap2 .w2-txtarea .w2-ttl span {
  font-size: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .peace .wap2 .w2-txtarea .w2-ttl span {
    font-size: min(var(--vw, 1vw) * 80 / 1614 * 100, 80px);
  }
}
.peace .wap2 .w2-txtarea .w2-txt {
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  line-height: 1.8;
}
@media screen and (min-width: 750px) {
  .peace .wap2 .w2-txtarea .w2-txt {
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
  }
}

.outline .inner {
  padding-top: calc(var(--vw, 1vw) * 70 / 750 * 100);
}
@media screen and (min-width: 750px) {
  .outline .inner {
    padding-top: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
  }
}
.outline .ttl {
  display: flex;
  align-items: center;
}
.outline .ttl .en {
  color: var(--color-green);
  font-size: calc(var(--vw, 1vw) * 100 / 750 * 100);
  margin-right: calc(var(--vw, 1vw) * 50 / 750 * 100);
  line-height: 1.1;
}
@media screen and (min-width: 750px) {
  .outline .ttl .en {
    font-size: min(var(--vw, 1vw) * 120 / 1614 * 100, 120px);
    margin-right: min(var(--vw, 1vw) * 90 / 1614 * 100, 90px);
  }
}
.outline .ttl .ja {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .outline .ttl .ja {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
.outline .table {
  width: 100%;
  margin-top: calc(var(--vw, 1vw) * 20 / 750 * 100);
  line-height: 1.4;
}
@media screen and (min-width: 750px) {
  .outline .table {
    margin-top: min(var(--vw, 1vw) * 75 / 1614 * 100, 75px);
  }
}
.outline .table thead {
  background: var(--color-green);
}
.outline .table thead th {
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  color: #fff;
  font-weight: 700;
  padding: calc(var(--vw, 1vw) * 10 / 750 * 100) calc(var(--vw, 1vw) * 40 / 750 * 100);
  text-align: left;
}
@media screen and (min-width: 750px) {
  .outline .table thead th {
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
    padding: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px) min(var(--vw, 1vw) * 60 / 1614 * 100, 60px);
  }
}
.outline .table tbody tr {
  display: grid;
  grid-template-columns: 35% 65%;
  border-left: 1px solid #707070;
}
@media screen and (min-width: 750px) {
  .outline .table tbody tr {
    display: table;
    display: table-row;
  }
}
.outline .table tbody tr:nth-of-type(even) th {
  background-color: #EFFFF4;
}
.outline .table tbody tr td {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100);
  display: block;
}
@media screen and (min-width: 750px) {
  .outline .table tbody tr td {
    display: table-cell;
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    padding: min(var(--vw, 1vw) * 20 / 1614 * 100, 20px) min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}
.outline .table tbody tr th {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  background-color: #D5EEDD;
  padding: calc(var(--vw, 1vw) * 20 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  .outline .table tbody tr th {
    border: 1px solid #707070;
    display: table-cell;
    font-size: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    width: min(var(--vw, 1vw) * 205 / 1614 * 100, 205px);
  }
}

footer .inner {
  padding: calc(var(--vw, 1vw) * 95 / 750 * 100) calc(var(--vw, 1vw) * 30 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  footer .inner {
    padding: min(var(--vw, 1vw) * 150 / 1614 * 100, 150px) min(var(--vw, 1vw) * 40 / 1614 * 100, 40px) 0;
  }
}
footer .inner .logo img {
  width: calc(var(--vw, 1vw) * 440 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .inner .logo img {
    width: min(var(--vw, 1vw) * 200 / 1614 * 100, 200px);
  }
}
footer .btn {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 350 / 750 * 100) calc(var(--vw, 1vw) * 350 / 750 * 100);
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 750px) {
  footer .btn {
    grid-template-columns: min(var(--vw, 1vw) * 515 / 1614 * 100, 515px) min(var(--vw, 1vw) * 515 / 1614 * 100, 515px);
  }
}
footer .btn li:first-of-type a {
  text-decoration: none;
  color: #fff;
  padding: calc(var(--vw, 1vw) * 15 / 750 * 100) calc(var(--vw, 1vw) * 60 / 750 * 100) 0;
  height: calc(var(--vw, 1vw) * 66 / 750 * 100);
  display: block;
  background: #75D293;
  border-top-left-radius: calc(var(--vw, 1vw) * 66 / 750 * 100);
  border-bottom-left-radius: calc(var(--vw, 1vw) * 66 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .btn li:first-of-type a {
    padding: min(var(--vw, 1vw) * 15 / 1614 * 100, 15px) min(var(--vw, 1vw) * 80 / 1614 * 100, 80px) 0;
    height: min(var(--vw, 1vw) * 100 / 1614 * 100, 100px);
    border-top-left-radius: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    border-bottom-left-radius: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
footer .btn li:last-of-type a {
  text-decoration: none;
  text-align: right;
  color: #fff;
  padding: calc(var(--vw, 1vw) * 15 / 750 * 100) calc(var(--vw, 1vw) * 60 / 750 * 100) 0;
  height: calc(var(--vw, 1vw) * 66 / 750 * 100);
  display: block;
  background: #40C86C;
  border-top-right-radius: calc(var(--vw, 1vw) * 66 / 750 * 100);
  border-bottom-right-radius: calc(var(--vw, 1vw) * 66 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .btn li:last-of-type a {
    padding: min(var(--vw, 1vw) * 15 / 1614 * 100, 15px) min(var(--vw, 1vw) * 80 / 1614 * 100, 80px) 0;
    height: min(var(--vw, 1vw) * 100 / 1614 * 100, 100px);
    border-top-right-radius: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    border-bottom-right-radius: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px);
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
footer .btn li:last-of-type p {
  text-align: right;
}
footer .btn li:nth-of-type(2) {
  position: absolute;
  top: calc(var(--vw, 1vw) * -20 / 750 * 100);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 750px) {
  footer .btn li:nth-of-type(2) {
    top: calc(min(var(--vw, 1vw) * 40 / 1614 * 100, 40px) * -1);
  }
}
footer .btn li:nth-of-type(2) a {
  display: grid;
  place-content: center;
  background: var(--color-green);
  border-radius: 50%;
  width: calc(var(--vw, 1vw) * 120 / 750 * 100);
  height: calc(var(--vw, 1vw) * 120 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
  color: #fff;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 750px) {
  footer .btn li:nth-of-type(2) a {
    width: min(var(--vw, 1vw) * 180 / 1614 * 100, 180px);
    height: min(var(--vw, 1vw) * 180 / 1614 * 100, 180px);
    font-size: min(var(--vw, 1vw) * 36 / 1614 * 100, 36px);
  }
}
footer .btn li:nth-of-type(2) a::before {
  content: "";
  position: absolute;
  width: calc(var(--vw, 1vw) * 19 / 750 * 100);
  height: calc(var(--vw, 1vw) * 16 / 750 * 100);
  border-bottom: calc(var(--vw, 1vw) * 16 / 750 * 100) solid #fff;
  border-right: calc(var(--vw, 1vw) * 8 / 750 * 100) solid transparent;
  border-left: calc(var(--vw, 1vw) * 8 / 750 * 100) solid transparent;
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .btn li:nth-of-type(2) a::before {
    width: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
    height: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px);
    border-bottom: min(var(--vw, 1vw) * 24 / 1614 * 100, 24px) solid #fff;
    border-right: min(var(--vw, 1vw) * 15 / 1614 * 100, 15px) solid transparent;
    border-left: min(var(--vw, 1vw) * 15 / 1614 * 100, 15px) solid transparent;
    top: min(var(--vw, 1vw) * 38 / 1614 * 100, 38px);
  }
}
footer .btn li p {
  font-size: calc(var(--vw, 1vw) * 10 / 750 * 100);
  text-align: center;
}
@media screen and (min-width: 750px) {
  footer .btn li p {
    font-size: min(var(--vw, 1vw) * 16 / 1614 * 100, 16px);
  }
}
footer .footer-inner {
  background: var(--color-green);
  margin: min(var(--vw, 1vw) * 100 / 1614 * 100, 100px) calc(50% - var(--vw, 1vw) * 50) 0;
  padding: min(var(--vw, 1vw) * 50 / 1614 * 100, 50px) calc(var(--vw, 1vw) * 50 - 50%);
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 450 / 1614 * 100, 450px) min(var(--vw, 1vw) * 500 / 1614 * 100, 500px) min(var(--vw, 1vw) * 422 / 1614 * 100, 422px);
    gap: min(var(--vw, 1vw) * 80 / 1614 * 100, 80px);
    align-items: center;
  }
}
footer .footer-inner ul li:first-of-type {
  padding-left: calc(var(--vw, 1vw) * 125 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul li:first-of-type {
    padding-left: 0;
  }
}
footer .footer-inner ul li:first-of-type p {
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 12 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul li:first-of-type p {
    font-size: min(var(--vw, 1vw) * 12 / 1614 * 100, 12px);
  }
}
footer .footer-inner ul .agent-logo {
  width: calc(var(--vw, 1vw) * 422 / 750 * 100);
  margin: 0 auto;
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul .agent-logo {
    width: auto;
  }
}
footer .footer-inner ul .agent-logo p {
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 12 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul .agent-logo p {
    font-size: min(var(--vw, 1vw) * 12 / 1614 * 100, 12px);
  }
}
footer .footer-inner ul .agent-logo img {
  width: 100%;
}
footer .footer-inner ul .btn-group {
  margin: calc(var(--vw, 1vw) * 30 / 750 * 100) 0;
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul .btn-group {
    margin: 0;
  }
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul .btn-group {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 220 / 1614 * 100, 220px) min(var(--vw, 1vw) * 220 / 1614 * 100, 220px);
    gap: min(var(--vw, 1vw) * 25 / 1614 * 100, 25px);
  }
}
footer .footer-inner ul .btn-group p {
  background-color: #FFFBD0;
  padding: calc(var(--vw, 1vw) * 7 / 750 * 100);
  font-size: calc(var(--vw, 1vw) * 30 / 750 * 100);
  margin: 0 auto calc(var(--vw, 1vw) * 25 / 750 * 100);
  width: calc(var(--vw, 1vw) * 420 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul .btn-group p {
    width: auto;
    padding: min(var(--vw, 1vw) * 7 / 1614 * 100, 7px);
    font-size: min(var(--vw, 1vw) * 16 / 1614 * 100, 16px);
    margin: 0;
  }
}
footer .footer-inner ul .btn-group p:last-of-type {
  background-color: #FCF179;
}
footer .footer-inner ul .btn-group p a {
  display: grid;
  height: calc(var(--vw, 1vw) * 120 / 750 * 100);
  text-decoration: none;
  color: #363636;
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul .btn-group p a {
    height: min(var(--vw, 1vw) * 75 / 1614 * 100, 75px);
  }
}
footer .footer-inner ul .btn-group p span {
  border: 1px solid #363636;
  display: grid;
  place-content: center;
}
footer .footer-inner ul .phone {
  text-decoration: none;
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 50 / 750 * 100);
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-left: calc(var(--vw, 1vw) * 90 / 750 * 100);
  position: relative;
  line-height: 1;
  margin-bottom: calc(var(--vw, 1vw) * 5 / 750 * 100);
  display: inline-block;
  transition: 0.3s;
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul .phone {
    font-size: min(var(--vw, 1vw) * 48 / 1614 * 100, 48px);
    padding-left: min(var(--vw, 1vw) * 63 / 1614 * 100, 63px);
    margin-bottom: min(var(--vw, 1vw) * 5 / 1614 * 100, 5px);
  }
}
footer .footer-inner ul .phone::before {
  content: "";
  position: absolute;
  width: calc(var(--vw, 1vw) * 67 / 750 * 100);
  height: calc(var(--vw, 1vw) * 40 / 750 * 100);
  background: url(../img/ic-phone.png) no-repeat;
  background-size: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 750px) {
  footer .footer-inner ul .phone::before {
    width: min(var(--vw, 1vw) * 52 / 1614 * 100, 52px);
    height: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}
footer .copy-right {
  margin-top: calc(var(--vw, 1vw) * 20 / 750 * 100);
  text-align: center;
  color: #fff;
  font-size: calc(var(--vw, 1vw) * 20 / 750 * 100);
}
@media screen and (min-width: 750px) {
  footer .copy-right {
    font-size: min(var(--vw, 1vw) * 18 / 1614 * 100, 18px);
    margin-top: min(var(--vw, 1vw) * 30 / 1614 * 100, 30px);
  }
}

/**
 * ----------------------------------------
 * animation
 * ----------------------------------------
 */
.inview.fade-in-bottom {
  transform: translateY(7rem);
  opacity: 0;
}
.inview.fade-in-right {
  transform: translateX(7rem);
  opacity: 0;
}
.inview.fade-in-left {
  transform: translateX(-7rem);
  opacity: 0;
}
.inview.fade-in1 {
  opacity: 0;
  transform: scale(1.05);
}
.inview.fade-in2 {
  opacity: 0;
  transform: scale(1.05);
}
.inview.fade-in3 {
  opacity: 0;
  transform: scale(1.05);
}
.inview.is-show.fade-in-bottom {
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both;
}
.inview.is-show.fade-in-right {
  animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}
.inview.is-show.fade-in-left {
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}
.inview.is-show.fade-in1 {
  animation: fade-in-scall 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}
.inview.is-show.fade-in2 {
  animation: fade-in-scall 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}
.inview.is-show.fade-in3 {
  animation: fade-in-scall 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
}

body {
  animation: fade-in 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
.fixed-nav header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
}
@media screen and (min-width: 750px) {
  .fixed-nav header {
    transform: translate3d(0, 0, 0);
    animation: aniHeaderMenu 0.3s ease forwards;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1);
  }
}
@keyframes aniHeaderMenu {
  0% {
    transform: translate3d(0, -80%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-in-scall {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@keyframes fade-in-bottom {
  0% {
    transform: translateY(7rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@keyframes fade-in-right {
  0% {
    transform: translateX(7rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@keyframes fade-in-left {
  0% {
    transform: translateX(-7rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */