/*
Theme Name:  Select Home
Theme URI:
Author:  Select Home
Author URI:
Description:
Version: 1.0
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0
*/
/**
* Remove the margin in all browsers.
*/
/* base font family
--------------------------------------------- */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap'); */
:root {
  --gothic:"游ゴシック体", "游ゴシック", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --yumincho:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS P	Mincho","Times New Roman", serif;
  --noto-sans: NotoSansJP,'Noto Sans JP', sans-serif ;
  --noto-serif: NotoSerifJP, 'Noto Serif JP', serif;
  /* --futura: Futura, Futura-Medium, "Futura Medium", 'Josefin Sans', sans-serif, "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde"; */
  --josefin-sans: "Josefin Sans", sans-serif;
  --crimson :"Crimson Text", serif;
}
*,
html,
body {
  margin: 0;
  padding: 0;
}
*:focus {
  outline: none;
}
*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit;
}
:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit;
}

/**
  * Render the `main` element consistently in IE.
  */
main {
  display: block;
  width: 100%;
}
/**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
pre {
  font-size: 15px;
}
/**
  * Remove the gray background on active links in IE 10.
  */
a {
  background-color: transparent;
}
/**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
abbr[title] {
  border-bottom: none;
}
/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
b,
strong {
  font-weight: 700;
}
/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
code,
kbd,
samp {
  font-size: 15px;
}
/**
  * Add the correct font size in all browsers.
  */
small {
  font-size: 80%;
}
/**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/**
  * Remove the border on images inside links in IE 10.
  */
img {
  border-style: none;
}
/* Forms
    ========================================================================== */
/**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

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

/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
button,
select {
  text-transform: none;
}
/**
  * Correct the inability to style clickable types in iOS and Safari.
  */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
}
/**
  * Remove the inner border and padding in Firefox.
  */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
  * Restore the focus styles unset by the previous rule.
  */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: none;
}
/**
  * Correct the padding in Firefox.
  */
fieldset {
  border: none;
}
/**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *		`fieldset` elements in all browsers.
  */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
/**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
progress {
  vertical-align: baseline;
}
/**
  * Remove the default vertical scrollbar in IE 10+.
  */
textarea {
  overflow: auto;
}

/**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
/**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
[type="search"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}
/**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
/**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}
/*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
details {
  display: block;
}
/*
  * Add the correct display in all browsers.
  */
summary {
  display: list-item;
}
/**
  * Add the correct display in IE 10+.
  */
template {
  display: none;
}
/**
  * Add the correct display in IE 10.
  */
[hidden] {
  display: none;
}
/* Box sizing
--------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}

/* Forms
--------------------------------------------- */
button,
input,
select,
optgroup,
textarea {
  line-height: 1.5;
  background: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: inherit;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border: none;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border:none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  outline:none;
}
textarea {
  width: 100%;
}
select {
    text-transform: none;
    background-color: transparent;
    border-style: none;
    color: inherit;
}
select::-ms-expand {
    display: none;
}
select::-ms-value {
    color: currentColor;
}
input, select {
  -webkit-appearance: none;
  appearance: none;
}
html {
  box-sizing: border-box;
  overflow-y: scroll;
}
/* header and text
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
dfn,
cite,
em,
i {
  font-style: inherit;
}
blockquote {
  margin: 0;
}
address {
  margin: 0;
  font-style: normal;
}
pre {
  line-height: 1.5;
  max-width: 100%;
  overflow: auto;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  text-decoration: none;
}
mark {
  background: #FEE400;
}

big {
  font-size: 125%;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
  /* list
--------------------------------------------- */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
blockquote, q {
  quotes: none;
}

dl,
dt,
dd {
  width:100%;
  margin: 0;
  padding: 0;
  margin-inline-start: 0;
}
/* Make sure embeds and iframe fit their containers.
--------------------------------------------- */
embed,
iframe,
object {
  max-width: 100%;
}
img {
  height: auto;
  max-width: 100%;
  object-fit: cover;
}
figure {
  margin:0;
}

/* Links
--------------------------------------------- */
a {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}
a[href^="tel"],
a[href^="mailto"] {
  text-decoration: none;
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
/*--------------------------------------------------------------
# Basics
--------------------------------------------------------------*/

/* base color
--------------------------------------------- */
:root {
  --font-color: #333333;
  --white:#FFFFFF;
  --gray:#F8F8F8;
  --green:#3C422F;
}

/* Elements
--------------------------------------------- */
html {
  -ms-touch-action: manipulation;	
  touch-action: manipulation;
}
body {
  font-family:var(--noto-serif);
  color: var(--font-color);
  overflow-x: hidden;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
  overflow-x: hidden;
}
/*
layout
--------------------------------------------- */
@media screen and (min-width:0px) {
  .container {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width:767px) {
  .container {
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) and (max-width:1024px) {
  .container {
    max-width: 768px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1025px) {
  .container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
/*
br tag
------------------------------*/
@media screen and (min-width:360px) {
  .xs-only {
    display: none;
  }
}
@media screen and (min-width:375px) {
  .sm-only {
    display: none;
  }
}
@media screen and (max-width:1024px){
  .pc-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tb-only,.lg-only {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .sp-only{
    display: none;
  }

}
@media screen and (min-width:1025px) {
  .sp-only,.tb-only,.md-only{
    display: none;
  }
}
/*
HEADER
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .site-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 991;
    display: block;
    width: 100%;
    background-color: transparent;
  }
}
@media screen and (min-width:1025px) {
  .site-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 991;
    display: block;
    width: 100%;
    background-color: transparent;
  }
  .site-header.subpage-header {
    top: 30px;
    background-color: rgba(255,255,255,0.9);
    padding-bottom: 5px;
  }
}
/*top*/
@media screen and (max-width:1024px) {
  .site-header__top {
    display: block;
    width: 100%;
  }
  .site-header__top > .container {
    max-width: 100%;
  }
  .site-header__top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 5px 0 0;
  }
  .site-header__headline {
    display: -webkit-box;
    width: 100%;
    font-size: 10px;
    line-height: 15px;
    font-family: var(--noto-sans);
    color: var(--white);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .site-header__top-menu {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .site-header__top {
    display: block;
    width: 100%;
    padding: 20px 0 0;
  }
  .site-header__top.subpage-header__top {
    padding: 5px 0 0;
  }
  .site-header__top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .site-header__headline {
    display: -webkit-box;
    width: calc(100% - 350px - 10px);
    font-size: 10px;
    line-height: 20px;
    font-family: var(--noto-sans);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .site-header__headline.homepage-headline {
    color: var(--white);
  }
  .site-header__headline.subpage-headline {
    color: var(--font-color);
  }
  .site-header__top-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 350px;
  }
  /*sns*/
  .site-header__sns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 90px;
  }
  .site-header__sns > li {
    display: block;
    width: 20px;
  }
  .site-header__sns > li + li {
    margin-left: 15px;
  }
  .site-header__sns > li > a {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
  }
  .site-header__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-header__sns.homepage-sns .instagram {
    background-image: url(./assets/images/icon-instagram.png);
  }
  .site-header__sns.homepage-sns .facebook {
    background-image: url(./assets/images/icon-facebook.png);
  }
  .site-header__sns.homepage-sns .youtube {
    background-image: url(./assets/images/icon-youtube.png);
  }
  .site-header__sns.subpage-sns .instagram {
    background-image: url(./assets/images/icon-instagram-bk.png);
  }
  .site-header__sns.subpage-sns .facebook {
    background-image: url(./assets/images/icon-facebook-bk.png);
  }
  .site-header__sns.subpage-sns .youtube {
    background-image: url(./assets/images/icon-youtube-bk.png);
  }
  /*tel*/
  .site-header-phone {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    height: 30px;
    margin-left: 30px;
    padding-top: 5px;
  }
  .site-header-phone > span {
    font-size: 20px;
    font-family: var(--noto-sans);
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
    padding-right: 5px;
  }
  .site-header-phone.homepage-phone span {
    color: var(--white);
  }
  .site-header-phone.subpage-phone span {
    color: var(--font-color);
  }
  .site-header-tel {
    display: block;
    width: auto;
    font-size: 24px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.02em;
  }
  .site-header-phone.homepage-phone .site-header-tel {
    color: var(--white);
  }
  .site-header-phone.subpage-phone .site-header-tel {
    color: var(--font-color);
  }
  .site-header-tel:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*nav*/
@media screen and (max-width:1024px) {
  .site-header__menu {
    display: block;
    width: 100%;
  }
  .site-header__menu > .container {
    max-width: 100%;
  }
  .site-header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .site-header__logo {
    display: block;
    width: 221.17px;
  }
  .site-header__logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-header__logo > picture {
    width: 100%;
  }
  .site-header__logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-logo-scroll {
    display: block;
  }
  .site-logo-fixed {
    display: none;
  }
  .mobile-nav-trigger {
    display: none;
  }
  .site-header__nav-pc {
    display: none;
  }
  /*hamberger*/
  .mobile-nav-trigger {
    display: block;
    width: 34px;
    height: 45px;
    margin-top: 5px;
    cursor: pointer;
  }
  .mobile-nav-trigger > div {
    display: block;
    width: 100%;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(./assets/images/icon-menu-wh.png);
  }
  .mobile-nav-trigger > i {
    display: block;
    width: 100%;
    font-size: 8px;
    line-height: 21px;
    font-family: var(--noto-sans);
    color: var(--white);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  @keyframes stickyslideDown {
    0% {
      transform: translateY(-100%);
      visibility: visible;
    }
    100% {
      transform: translateY(0);
    }
  }
  .site-header__menu.sticky,
  .site-header__menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: block;
    height: 55px;
    animation-name: stickyslideDown;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    background-color: var(--white);
  }
  .site-header__menu.fixed .site-header__wrap,
  .site-header__menu.sticky .site-header__wrap {
    height: 55px;
  }
  .site-header__menu.fixed .site-logo-scroll,
  .site-header__menu.sticky .site-logo-scroll {
    display: none;
  }
  .site-header__menu.fixed .site-header__logo,
  .site-header__menu.sticky .site-header__logo {
    width: 98.57px;
  }
  .site-header__menu.fixed .site-logo-fixed,
  .site-header__menu.sticky .site-logo-fixed {
    display: block;
  }
  .site-header__menu.fixed .site-header__nav-pc.homepage-nav-pc > li > a,
  .site-header__menu.sticky .site-header__nav-pc.homepage-nav-pc > li > a {
    color: var(--font-color);
  }
  .site-header__menu.sticky .mobile-nav-trigger > div {
    background-image: url(./assets/images/icon-menu-bk.png);
  }
  .site-header__menu.sticky .mobile-nav-trigger > i {
    color: var(--font-color);
  }
}
@media screen and (min-width:1025px) {
  .site-header__menu {
    display: block;
    width: 100%;
  }
  .site-header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .site-header__logo {
    display: block;
    width: calc(349.39/1140 * 100%);
  }
  .site-header__logo.subpage-logo {
    width: calc(98.57/1140 * 100%);
  }
  .site-header__logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-header__logo > picture {
    width: 100%;
  }
  .site-header__logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-logo-scroll {
    display: block;
  }
  .site-logo-fixed {
    display: none;
  }
  .mobile-nav-trigger {
    display: none;
  }
  .site-header__nav-pc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: calc(100% - (349.39/1140 * 100%));
    padding-top: 20px;
  }
  .site-header__nav-pc.subpage-nav-pc {
    width: calc(100% - (98.57/1140 * 100%));
  }
  .site-header__nav-pc > li {
    display: flex;
    width: auto;
  }
  .site-header__nav-pc > li.homepage-home {
    display: none;
  }
  .site-header__nav-pc > li + li {
    padding-left: min(35px + (40 - 35) * ((100vw - 1025px) / (1140 - 1025)), 40px);
  }
  .site-header__nav-pc > li > a {
    font-size: 15px;
    letter-spacing: 0.04em;
    line-height: 30px;
  }
  .site-header__nav-pc.homepage-nav-pc > li > a {
    color: var(--white);
  }
  .site-header__nav-pc.subpage-nav-pc > li > a {
    color: var(--font-color);
  }
  .site-header__nav-pc > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  @keyframes stickyslideDown {
    0% {
      transform: translateY(-100%);
      visibility: visible;
    }
    100% {
      transform: translateY(0);
    }
  }
  .site-header__menu.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 60px;
    animation-name: stickyslideDown;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    background-color: var(--white);
  }
  .site-header__menu.sticky .site-header__wrap {
    height: 60px;
  }
  .site-header__menu.sticky .site-header__nav-pc {
    padding-top: 0;
  }
  .site-header__menu.sticky .site-logo-scroll {
    display: none;
  }
  .site-header__menu.sticky .site-header__logo {
    width: 98.57px;
  }
  .site-header__menu.sticky .site-logo-fixed {
    display: block;
  }
  .site-header__menu.sticky .site-header__nav-pc.homepage-nav-pc > li > a {
    color: var(--font-color);
  }
}
/*
NAVIGATION - mobile
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .mobile-nav-close {
    position: absolute;
    top: 10px;
    right: 20px;
    display: block;
    width: 34px;
    height: 40px;
  }
  .mobile-nav-close > div {
    display: block;
    width: 100%;
    height: 24px;
    background-image: url(./assets/images/icon-close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .mobile-nav-close > i {
    display: block;
    width: 100%;
    height: 16px;
    text-align: center;
    font-size: 8px;
    line-height: 16px;
    font-weight: 500;
    font-family: var(--noto-sans);
    color: var(--font-color);
    letter-spacing: 0.2em;
  }
  .site-nav-mobile {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.5);
    z-index: 999;
    transform: translateX(150%);
    transition: transform 0.3s ease;
  }
  .site-nav-mobile.active {
    transform: translateX(0);
  }
  .site-nav-mobile-outer {
    display: block;
    max-width: 262px;
    width: 100%;
    background-color: var(--white);
    padding-top: 55px;
    margin-left: auto;
  }
  .site-nav-mobile__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    height: calc(100vh - 55px);
    overflow-y: scroll;
    padding: 30px 10px 0 30px;
    background-color: #F8F8F8;
  }
  /*menu wrap*/
  .site-nav-mobile__inner {
    display: block;
    width: 100%;
    background-color: transparent;
    padding-bottom: 80px;
  }
  .site-nav-mobile__block {
    display: block;
    width: 100%;
  }
  .site-nav-mobile__block + .site-nav-mobile__block {
    margin-top: 30px;
  }
  .site-nav-mobile__block-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 25px;
    font-size: 22px;
    font-weight: 700;
    color: #4E5B30;
    font-family: var(--josefin-sans);
    line-height: 1;
    padding-left: 10px;
    border-left: 2px solid #4E5B30;
    letter-spacing: 0.07em;
  }
  .site-nav-mobile__list {
    display: block;
    width: 100%;
    padding: 10px 0 0 10px;
    border-left: 2px solid #E3E3E3;
  }
  .site-nav-mobile__list > li {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
  }
  .site-nav-mobile__list > li.child-menu {
    padding-left: 15px;
  }
  .site-nav-mobile__list > li.child-page {
    padding-left: 10px;
  }
  .site-nav-mobile__list > li:nth-child(n+2){
    margin-top: 15px;
  }
  .site-nav-mobile__list > li > a {
    display: flex;
    align-items: center;
    width: auto;
    font-size:15px;
    color: var(--font-color);
    line-height: 2;
    letter-spacing: 0.07em;
  }
  .site-nav-mobile__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .site-nav-mobile {
    display: none;
  }
}
/*
FOATING NAV
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .site-floating-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 50px;
    z-index: 997;
    transform: translateY(150%);
    transition: transform 0.3s ease;
  }
  .site-floating-menu.active {
    transform: translateY(0);
  }
  .site-floating-menu__wrap {
    display: flex;
    justify-content: space-between;
    max-width: 480px;
    width: 100%;
    height: 50px;
    margin: 0 auto;
  }
  .site-floating-menu__wrap > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.333333%;
    height: 50px;
  }
  .site-floating-menu__wrap > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
  .site-floating-menu__wrap > a > span {
    font-size: min(14px + (16 - 14) * ((100vw - 320px) / (375 - 320)), 16px);
    line-height: 1;
  }
  .site-floating-menu__showroom {
    background-color: var(--white);
    border: 1px solid var(--green);
    color: #3C422F;
  }
  .site-floating-menu__contact {

    border: 1px solid var(--green);
    background-color: #6F818E;
    color: var(--white);
  }
  .site-floating-menu__event {
    background-color: var(--green);
  }
  .site-floating-menu__event > .pc-menu {
    display: none;
  }
  .site-floating-menu__event > span {
    color: var(--white);
  }
}
@media screen and (min-width:1025px) {
  .site-floating-menu {
    position: fixed;
    top: 50%;
    right: 10px;
    display: block;
    width: 42px;
    z-index: 997;
    transform: translate(150%,50%);
    transition: transform 0.3s ease;
  }
  .site-floating-menu.active {
    transform: translate(0,-50%);
  }
  .site-floating-menu__wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
  }
  .site-floating-menu__wrap > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 30px 0 30px;
  }
  .site-floating-menu__wrap > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
  .site-floating-menu__wrap > a > span {
    font-size: 16px;
    writing-mode: vertical-lr;
    line-height: 1;
  }
  .site-floating-menu__showroom {
    border: 1px solid var(--green);
    background-color: var(--white);
  }
  .site-floating-menu__showroom > span {
    color: #3C422F;
  }
  .site-floating-menu__event {
    background-color: var(--green);
  }
  .site-floating-menu__event > .sp-menu {
    display: none;
  }
  .site-floating-menu__event > span {
    color: var(--white);
  }
  .site-floating-menu__contact {
    border: 1px solid var(--green);
    background-color: #6F818E;
  }
  .site-floating-menu__contact > span {
    color: var(--white);
  }
}
/*
BUTTON
--------------------------------------------- */
@media screen and (min-width:0px) {
  /*site-btn*/
  .read-more-btn {
    display: block;
    width: auto;
    height: 20px;
    font-size: 16px;
    font-family: var(--josefin-sans);
    color: var(--font-color);
    letter-spacing: 0.07em;
    font-weight: 300;
    line-height: 20px;
    padding-right: 20px;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5px auto;
  }
  .read-more-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  /*site-btn*/
  .site-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 187px;
    height: 45px;
    border: 1px solid var(--font-color);
    font-family: var(--josefin-sans);
    font-size: 14px;
    line-height: 1;
    color: var(--font-color);
    letter-spacing: 0.07em;
    background-color: rgba(255,255,255,0.8);
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 6px auto;
    transition: 0.3s ease;
  }
  .site-btn.font-noto-serif {
    font-family: var(--noto-serif);
  }
  .site-btn:hover {
    color: var(--white);
    background-color: var(--font-color);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  /*site-btn-arrow*/
  .site-btn-arrow {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 14px;
    color: var(--green);
    letter-spacing: 0.07em;
    font-weight: 300;
    line-height: 1;
    padding-right: 20px;
    background-image: url(./assets/images/icon-btn-gr.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .site-btn-arrow:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (max-width:767px) {
  .site-btn-more {
    font-size: 12px;
    background-size: 4.56px auto;
    padding-right: 10px;
  }
}
/*
FOOTER
--------------------------------------------- */
/*layout*/
@media screen and (min-width:0px) {
  .site-footer {
    display: block;
    width: 100%;
  }
}
/*renovation*/
@media screen and (max-width:767px) {
  .site-footer-renovation {
    display: block;
    width: 100%;
    padding: 30px 0;
    background-color: #F8F8F8;
  }
  .site-footer-renovation__bnr {
    display: block;
    width: 100%;
  }
  .site-footer-renovation__bnr:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer-renovation__bnr > picture {
    display: block;
    width: 100%;
  }
  .site-footer-renovation__bnr > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .site-footer-renovation {
    display: block;
    width: 100%;
    padding: 75px 0;
    background-color: #F8F8F8;
  }
  .site-footer-renovation__bnr {
    display: block;
    max-width: 1010px;
    width: 100%;
    margin: 0 auto;
  }
  .site-footer-renovation__bnr:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer-renovation__bnr > picture {
    display: block;
    width: 100%;
  }
  .site-footer-renovation__bnr > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*links*/
@media screen and (max-width:767px) {
  .site-footer-links {
    display: block;
    width: 100%;
    padding: 5px 0;
    background-color: #F8F8F8;
  }
  .site-footer-links > .container {
    padding: 0 0;
  }
  .site-footer-links__wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: 5px;
    row-gap: 5px;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .site-footer-link {
    position: relative;
    display: block;
    width: 100%;
  }
  .site-footer-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer-link__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 100%;
    padding: 0 15px;
    font-size: min(15px + (18 - 15) * ((100vw - 320px) / (375 - 320)), 18px);
    color: var(--white);
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .site-footer-link > picture {
    display: block;
    width: 100%;
  }
  .site-footer-link > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .site-footer-links {
    display: block;
    width: 100%;
    padding: 30px 0;
    background-color: #F8F8F8;
  }
  .site-footer-links__wrap {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    column-gap: 2px;
    row-gap: 2px;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .site-footer-link {
    position: relative;
    display: block;
    width: 100%;
  }
  .site-footer-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer-link__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 100%;
    padding: 0 15px;
    font-size: 18px;
    color: var(--white);
    line-height: 26px;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .site-footer-link > picture {
    display: block;
    width: 100%;
  }
  .site-footer-link > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .site-footer-link__title {
    font-size: 15px;
    line-height: 20px;
  }
}
/*footer cta*/
@media screen and (max-width:767px) {
  .site-footer-cta {
    display: block;
    width: 100%;
    padding: 65px 0;
    background-image: url(./assets/images/cta/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .site-footer-cta__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
  .site-footer-cta__block {
    position: relative;
    display: block;
    width:100%;
    height: 170px;
    background-color: var(--white);
    padding: 20px;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
  }
  .site-footer-cta__block + .site-footer-cta__block {
    margin-top: 50px;
  }
  .site-footer-cta__block::after {
    content:"";
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0px 30px 30px;
    border-color: transparent transparent var(--green) transparent;
  }
  .site-footer-cta__block:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer-cta__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .site-footer-cta__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--green);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.02em;
    padding-bottom: 5px;
    background-image: linear-gradient(var(--green),var(--green));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .site-footer-cta__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--green);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    margin-top: 5px;
  }
  .site-footer-cta__txt {
    display: block;
    width: 100%;
    font-size: min(13px + (14 - 13) * ((100vw - 320px) / (375 - 320)), 14px);
    color: var(--font-color);
    font-family: var(--noto-sans);
    letter-spacing: 0.07em;
    margin-top: 15px;
  }
}
@media screen and (min-width:768px) {
  .site-footer-cta {
    display: block;
    width: 100%;
    padding: 115px 0 95px;
    background-image: url(./assets/images/cta/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .site-footer-cta__wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .site-footer-cta__block {
    position: relative;
    display: block;
    width: calc(550/1140 * 100%);
    background-color: var(--white);
    padding: calc(30/1140 * 100%) calc(45/1140 * 100%);
  }
  .site-footer-cta__block::after {
    content:"";
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0px 50px 50px;
    border-color: transparent transparent var(--green) transparent;
  }
  .site-footer-cta__block:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer-cta__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .site-footer-cta__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--green);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.02em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--green),var(--green));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .site-footer-cta__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--green);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    margin-top: 15px;
  }
  .site-footer-cta__txt {
    display: block;
    width: 100%;
    color: var(--font-color);
    font-family: var(--noto-sans);
    letter-spacing: 0.071em;
    margin-top: 15px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .site-footer-cta {
    padding: 95px 0 75px;
  }
}
/*footer menu*/
@media screen and (max-width:1024px) {
  .site-footer__nav {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .site-footer__nav {
    display: block;
    width: 100%;
    padding: 50px 0 0;
    background-color: #ACACAC;
  }
  .site-footer__menu-wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .site-footer__menu-col {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
  }
  .site-footer__menu-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 25px;
    font-size: 17px;
    font-weight: 500;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 1;
    padding-left: 10px;
    border-left: 2px solid var(--green);
    letter-spacing: 0.07em;
  }
  a.site-footer__menu-title:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__menu-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    padding:25px 0 0 10px;
    border-left: 2px solid #E3E3E3;
  }
  .site-footer__menu-list > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .site-footer__menu-list > li.child-menu {
    padding-left: 15px;
  }
  .site-footer__menu-list > li + li {
    margin-top: 15px;
  }
  .site-footer__menu-list > li > a {
    display: block;
    width: auto;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    color: var(--white);
    font-family: var(--noto-sans);
  }
  .site-footer__menu-list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*main*/
@media screen and (max-width:1024px) {
  .site-footer__main {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #ACACAC;
  }
  .site-footer__main-wrap {
    position: relative;
    display: block;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  /*scroll top*/
  .scroll-top {
    position: absolute;
    bottom: -30px;
    right: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100px;
    width: 25px;
    cursor: pointer;
  }
  .scroll-top:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .scroll-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 12px;
    background: var(--white);
    transform: rotate(-45deg);
    transform-origin: top;
  }
  .scroll-top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--white);
  }
  .scroll-top > span {
    display: block;
    width: auto;
    font-size: 15px;
    line-height: 20px;
    width: 20px;
    font-weight: 600;
    font-family: var(--noto-sans);
    color: var(--white);
    word-break: keep-all;
    writing-mode: vertical-rl;
  }
  .site-footer__logo {
    display: block;
    max-width: 335px;
    width: 100%;
  }
  .site-footer__logo:hover {
    transform: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__logo > picture {
    display: block;
    width: 100%;
  }
  .site-footer__logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-footer__address {
    display: block;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--noto-sans);
    color: var(--white);
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .site-footer-phone {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 30px;
    margin-top: 10px;
  }
  .site-footer-phone > span {
    font-size: 23px;
    font-family: var(--noto-sans);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.02em;
    padding-right: 5px;
    color: var(--white);
  }
  .site-footer-tel {
    display: block;
    width: auto;
    font-size: 30px;
    font-family: var(--josefin-sans);
    color: var(--white);
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.02em;
  }
  .site-footer-tel:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__txt {
    display: block;
    width: auto;
    font-weight: 500;
    color: var(--white);
    font-family: var(--noto-sans);
    letter-spacing: 0.1em;
    margin-top: 10px;
  }
  /*sns*/
  .site-footer__sns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 10px;
  }
  .site-footer__sns > li {
    display: block;
    width: 20px;
  }
  .site-footer__sns > li + li {
    margin-left: 15px;
  }
  .site-footer__sns > li > a {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
  }
  .site-footer__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__sns .instagram {
    background-image: url(./assets/images/icon-instagram.png);
  }
  .site-footer__sns .facebook {
    background-image: url(./assets/images/icon-facebook.png);
  }
  .site-footer__sns .youtube {
    background-image: url(./assets/images/icon-youtube.png);
  }

}
@media screen and (min-width:1025px) {
  .site-footer__main {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #ACACAC;
  }
  .site-footer__main-wrap {
    position: relative;
    display: block;
    max-width: 1140px;
    width: 100%;
    padding-right: 70px;
    margin: 0 auto;
  }
  /*scroll top*/
  .scroll-top {
    position: absolute;
    top: 0;
    right: -20px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100px;
    width: 25px;
    cursor: pointer;
  }
  .scroll-top:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .scroll-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 12px;
    background: var(--white);
    transform: rotate(-45deg);
    transform-origin: top;
  }
  .scroll-top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--white);
  }
  .scroll-top > span {
    display: block;
    width: auto;
    font-size: 15px;
    line-height: 20px;
    width: 20px;
    font-weight: 400;
    font-family: var(--noto-sans);
    color: var(--white);
    word-break: keep-all;
    writing-mode: vertical-rl;
  }
  .site-footer__logo {
    display: block;
    width: 350px;
  }
  .site-footer__logo:hover {
    transform: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__logo > picture {
    display: block;
    width: 100%;
  }
  .site-footer__logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-footer__address {
    display: block;
    width: auto;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--noto-sans);
    color: var(--white);
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .site-footer-phone {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 30px;
    margin-top: 10px;
  }
  .site-footer-phone > span {
    font-size: 23px;
    font-family: var(--noto-sans);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.02em;
    padding-right: 5px;
    color: var(--white);
  }
  .site-footer-tel {
    display: block;
    width: auto;
    font-size: 30px;
    font-family: var(--josefin-sans);
    color: var(--white);
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.02em;
  }
  .site-footer-tel:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__txt {
    display: block;
    width: auto;
    font-weight: 400;
    color: var(--white);
    font-family: var(--noto-sans);
    letter-spacing: 0.1em;
    margin-top: 10px;
  }
  /*sns*/
  .site-footer__sns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }
  .site-footer__sns > li {
    display: block;
    width: 20px;
  }
  .site-footer__sns > li + li {
    margin-left: 15px;
  }
  .site-footer__sns > li > a {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
  }
  .site-footer__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__sns .instagram {
    background-image: url(./assets/images/icon-instagram.png);
  }
  .site-footer__sns .facebook {
    background-image: url(./assets/images/icon-facebook.png);
  }
  .site-footer__sns .youtube {
    background-image: url(./assets/images/icon-youtube.png);
  }

}
/*rights*/
@media screen and (max-width:1024px) {
  .site-footer__rights {
    display: block;
    width: 100%;
    background-color: var(--font-color);
    padding: 20px 0 70px;
  }
  .site-footer__rights-txt {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 17px;
    color: var(--white);
    font-family: var(--josefin-sans);
    text-align: center;
  }
}
@media screen and (min-width:1025px) {
  .site-footer__rights {
    display: block;
    width: 100%;
    background-color: var(--font-color);
  }
  .site-footer__rights-txt {
    display: block;
    max-width: 1140px;
    width: 100%;
    font-size: 12px;
    line-height: 70px;
    color: var(--white);
    font-family: var(--josefin-sans);
    text-align: right;
    margin: 0 auto;
  }
}
/*
PAGE - main
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .main {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width:1025px) {
  .main {
    display: block;
    width: 100%;
  }
}
/*
PAGE - mv
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-mv {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 265px;
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    padding-top: 70px;
  }
  .page-mv__figure {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 265px;
  }
  .page-mv__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .page-title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--white);
  }
  .page-title > span:nth-child(1) {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .page-title > span:nth-child(1) > small {
    font-size: 15px;
    line-height: 20px;
  }
  .page-title > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
    font-family: var(--josefin-sans);
  }
  .page-title > *:nth-child(3) {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .page-mv {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 400px;
    background-color: var(--white);
    padding-top: 70px;
  }
  .page-mv__figure {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 400px;
  }
  .page-mv__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .page-title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--white);
  }
  .page-title > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .page-title > span:nth-child(1) > small {
    font-size: 20px;
    line-height: 30px;
  }
  .page-title > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
    font-family: var(--josefin-sans);
  }
  .page-title > *:nth-child(3) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width:1025px) {
  .page-mv {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 470px;
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    padding-top: 120px;
  }
  .page-mv__figure {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 470px;
  }
  .page-mv__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .page-title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--white);
  }
  .page-title > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .page-title > span:nth-child(1) > small {
    font-size: 20px;
    line-height: 30px;
  }
  .page-title > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
    font-family: var(--josefin-sans);
  }
  .page-title > *:nth-child(3) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
  }
}
/*
PAGE - Breadcrumb
--------------------------------------------- */
@media screen and (min-width: 0px) {
  .breadcrumb-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 0;
    background-color: var(--white);
  }
  .gi-breadcrumbs {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .gi-breadcrumbs__list {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .gi-breadcrumbs__list > li {
    display: block;
    width: auto;
    font-size: 13px;
    line-height:20px;
    color:#777777;
    letter-spacing: 0.1em;
  }
  .gi-breadcrumbs__list > li:not(:first-child){
    position: relative;
    padding-left: 20px;
  }
  .gi-breadcrumbs__list > li:not(:first-child)::before{
    content: "/";
    position: absolute;
    top: 0;
    left: 4px;
    display: block;
    font-size: 13px;
    line-height:20px;
    color:#777777;
    font-weight: 600;
    text-decoration:none;
  }
  .gi-breadcrumbs__list > li:not(:first-child)::after,
  .gi-breadcrumbs__item:not(:last-child)::after {
    display: none !important;
  }
  .gi-breadcrumbs__list > li:not(:last-child) {
    padding-right: 5px;
  }
  .gi-breadcrumbs__link,
  .gi-breadcrumbs__link > span {
    display: block;
    width: auto;
    font-size: 13px;
    line-height:20px;
    color: #777777;
  }
  .gi-breadcrumbs__item:last-child > .gi-breadcrumbs__link > span {
    color:#777777;
  }
  .gi-breadcrumbs__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .gi-breadcrumbs {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
}
/*
PAGE - 404
--------------------------------------------- */
@media screen and (max-width:767px) {
  .not-found {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .not-found__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .not-found__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .not-found__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .not-found__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .not-found__text {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .not-found__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .not-found__btns > a {
    width: 240px;
  }
}
@media screen and (min-width:768px) {
  .not-found {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .not-found__body {
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
  }
  .not-found__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .not-found__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .not-found__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .not-found__text {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 80px;
  }
  .not-found__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 80px;
  }
  .not-found__btns > a {
    width: 240px;
  }
}
/*
PAGE - home
--------------------------------------------- */
/*scroll*/
@media screen and (max-width:1024px) {
  .home-mv__scroll {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .home-mv__scroll {
    position: absolute;
    bottom: -95px;
    left: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 20px;
    height: 170px;
    padding-left: 6px;
    z-index: 99;
  }
  .home-mv__scroll > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 14px;
    font-size: 12px;
    color: var(--white);
    font-family: var(--noto-sans);
    font-weight: 500;
    writing-mode: vertical-lr;
    letter-spacing: 0.1em;
    line-height: 1;
  }
  .home-mv__scroll::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--white);
  }
  .home-mv__scroll::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 1px;
    height: 95px;
    background-color: var(--green);
  }
}
/*event*/
@media screen and (max-width:1024px) {
  .home-mv-event {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .home-mv-event {
    position: absolute;
    bottom: -80px;
    right: 0;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 520px;
    height: 130px;
    padding: 10px 50px 10px 0;
    background: var(--white);
    border-left: 3px solid var(--green);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  .home-mv-event__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    padding: 0 10px;
  }
  .home-mv-event__title > span {
    display: block;
    width: 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--noto-sans);
    color: var(--green);
    letter-spacing: 0.02rem;
    word-break: break-all;
    text-align: center;
  }
  .home-mv-event__item {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 35px);
  }
  .home-mv-event__item:hover {
    transition: 0.3s ease;
    opacity: 0.7;
  }
  .home-mv-event__item-figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 110px;
    overflow: hidden;
  }
  .home-mv-event__item-figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home-mv-event__item-content {
    display: block;
    width: calc(100% - 160px - 15px);
  }
  .home-mv-event__item-title {
    display: -webkit-box;
    width: 100%;
    line-height: 20px;
    font-weight: 400;
    color: var(--font-color);
    letter-spacing: 0.05em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .home-mv-event__item-time {
    display: -webkit-box;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 15px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-calender.png);
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 15px auto;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .home-mv-event__item-place {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 5px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
  }
}
/*container*/
@media screen and (max-width:768px) {
  .home-mv-contents {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-mv-contents {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
  }
}
@media screen and (min-width:1025px) {
  .home-mv-contents {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
  }
}
/*slogan*/
@media screen and (max-width:767px) {
  .home-mv-slogan {
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 99;
    display: block;
    width: 100%;
  }
  .home-mv-slogan__body {
    display: block;
    width: 100%;
    padding: 0 20px;
  }
  .home-mv-slogan__txt {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    color: var(--white);
  }
  .home-mv-slogan__txt > span:nth-child(1) {
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 35px;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3);
  }
  .home-mv-slogan__txt > span:nth-child(2) {
    font-size: 15px;
    font-family: var(--josefin-sans);
    letter-spacing: 0.1em;
    line-height: 20px;
    margin-top: 5px;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-mv-slogan {
    position: absolute;
    bottom: 120px;
    left: 0;
    z-index: 99;
    display: block;
    width: 100%;
  }
  .home-mv-slogan__body {
    display: block;
    width: 100%;
    padding: 0 20px;
  }
  .home-mv-slogan__txt {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    color: var(--white);
  }
  .home-mv-slogan__txt > span:nth-child(1) {
    font-size: 40px;
    letter-spacing: 0.1em;
    line-height: 50px;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3);
  }
  .home-mv-slogan__txt > span:nth-child(2) {
    font-size: 22px;
    font-family: var(--josefin-sans);
    letter-spacing: 0.1em;
    line-height: 30px;
    margin-top: 10px;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3);
  }
}
@media screen and (min-width:1025px) {
  .home-mv-slogan {
    position: absolute;
    bottom: 170px;
    left: 0;
    z-index: 99;
    display: block;
    width: 100%;
  }
  .home-mv-slogan__body {
    display: block;
    width: 100%;
    padding: 0 20px;
  }
  .home-mv-slogan__txt {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    color: var(--white);
  }
  .home-mv-slogan__txt > span:nth-child(1) {
    font-size: 40px;
    letter-spacing: 0.1em;
    line-height: 50px;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3);
  }
  .home-mv-slogan__txt > span:nth-child(2) {
    font-size: 22px;
    font-family: var(--josefin-sans);
    letter-spacing: 0.1em;
    line-height: 30px;
    margin-top: 10px;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3);
  }
}
/*mv*/
@media screen and (max-width:767px) {
  .home-mv {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  /*slide images*/
  .main-visual__wrap {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-mv__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height:100vh;
    overflow: hidden;
  }
  .home-mv__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-mv {
    position: relative;
    display: block;
    width: 100%;
    height: 600px;
    background-color: var(--white);
  }
  /*slide images*/
  .main-visual__wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 600px;
    z-index: 1;
  }
  .home-mv__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 600px;
    overflow: hidden;
  }
  .home-mv__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:1025px) {
  .home-mv {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    background-color: var(--white);
  }
  /*slide images*/
  .main-visual__wrap {
    display: block;
    width: 100%;
    height: 100vh;
    z-index: 1;
  }
  .home-mv__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .home-mv__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/*mv - main-slider*/
@media screen and (max-width:767px) {
  .home-mv__slide {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .main-slider {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
  }
  .main-slider .swiper-wrapper,
  .main-slider .swiper-wrapper > .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .slide-wrapper {
    position: relative;
    display: block;
    width: 100%;
  }
  .main-slider__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .main-slider__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .main-slider .swiper-slide-active:not(.first) .main-slider__figure > img,
  .main-slider .swiper-slide-duplicate-active:not(.first) .main-slider__figure > img,
  .main-slider .swiper-slide-prev:not(.first) .main-slider__figure > img {
    animation: ImgAnime 10s linear;
    transform: scale(1);
  }
  @keyframes ImgAnime {
    0% {
      opacity: 1;
      transform: scale(1.2);
      animation-timing-function: ease-out;
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  /*pagination*/
  .main-slider .swiper-pagination {
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 20px;
  }
  .main-slider .swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background-color: #6F818E;
    opacity: 0.5;
    margin: 0 10px !important;
  }
  .main-slider .swiper-pagination-bullet-active {
    opacity: 1;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-mv__slide {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .main-slider {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
  }
  /*slide*/
  .main-slider .swiper-wrapper,
  .main-slider .swiper-wrapper > .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .slide-wrapper {
    position: relative;
    display: block;
    width: 100%;
  }
  .main-slider__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 600px;
    overflow: hidden;
  }
  .main-slider__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .main-slider .swiper-slide-active:not(.first) .main-slider__figure > img,
  .main-slider .swiper-slide-duplicate-active:not(.first) .main-slider__figure > img,
  .main-slider .swiper-slide-prev:not(.first) .main-slider__figure > img {
    animation: ImgAnime 10s linear;
    transform: scale(1);
  }
  @keyframes ImgAnime {
    0% {
      opacity: 1;
      transform: scale(1.2);
      animation-timing-function: ease-out;
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  /*pagination*/
  .main-slider .swiper-pagination {
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 768px;
    width: 100%;
    padding: 0 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .main-slider .swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #6F818E;
    opacity: 0.5;
    margin: 0 8px !important;
  }
  .main-slider .swiper-pagination-bullet-active {
    opacity: 1;
  }
}
@media screen and (min-width:1025px) {
  .home-mv__slide {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .main-slider {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    background-color: var(--white);
  }
  /*slide*/
  .main-slider .swiper-wrapper,
  .main-slider .swiper-wrapper > .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .slide-wrapper {
    position: relative;
    display: block;
    width: 100%;
  }
  .main-slider__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .main-slider__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .main-slider .swiper-slide-active:not(.first) .main-slider__figure > img,
  .main-slider .swiper-slide-duplicate-active:not(.first) .main-slider__figure > img,
  .main-slider .swiper-slide-prev:not(.first) .main-slider__figure > img {
    animation: ImgAnime 7.5s linear;
    transform: scale(1);
  }
  @keyframes ImgAnime {
    0% {
      opacity: 1;
      transform: scale(1.2);
      animation-timing-function: ease-out;
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  /*pagination*/
  .main-slider .swiper-pagination {
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1140px;
    width: 100%;
    padding: 0 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .main-slider .swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #6F818E;
    opacity: 0.5;
    margin: 0 10px !important;
  }
  .main-slider .swiper-pagination-bullet-active {
    opacity: 1;
  }
}
/*home-about*/
@media screen and (max-width:767px) {
  .home-about {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .home-about__body {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
  .home-about-content {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 30px 20px;
    background-color: var(--white);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    margin-top: -30px;
  }
  .home-about-content__header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    width: calc(100% - 20px);
    margin-left: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
    border-left: 1px solid var(--font-color);
  }
  .home-about-content__header > span {
    display: flex;
    align-items: center;
    width: 25px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    word-break: break-all;
    writing-mode: vertical-lr;
    line-height: 25px;
    letter-spacing: 0.1rem;
  }
  .home-about-content__header > span:nth-child(1) {
    margin-left: 5px;
  }
  .home-about-content__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .home-about-content__btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
  }
  .home-about-content__figure {
    display: block;
    width: calc(100% + 40px);
  }
  .home-about-content__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .home-about {
    display: block;
    width: 100%;
    padding: 140px 0;
    background-color: var(--gray);
  }
  .home-about__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .home-about-content {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(515/1140 * 100%);
    padding: calc(70/1140 * 100%);
    background-color: var(--white);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
  }
  .home-about-content__header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    width: calc(100% - 30px);
    margin-left: 30px;
    padding-left: 30px;
    padding-bottom: 50px;
    border-left: 1px solid var(--font-color);
  }
  .home-about-content__header > span {
    display: flex;
    align-items: center;
    width: 30px;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    word-break: break-all;
    writing-mode: vertical-lr;
    line-height: 29px;
    letter-spacing: 0.1rem;
  }
  .home-about-content__header > span:nth-child(1) {
    margin-left: 10px;
  }
  .home-about-content__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
  .home-about-content__btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 50px;
  }
  .home-about-content__figure {
    display: block;
    width: calc(625/1140 * 100%);
  }
  .home-about-content__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*home-reason*/
@media screen and (max-width:767px) {
  .home-reason-parallax {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100vh;
    background-image: url(./assets/images/home/parallax-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .home-reason {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: transparent;
  }
  .home-reason__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-reason__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .home-reason__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(18px + (21 - 18) * ((100vw - 320px) / (375 - 320)), 21px);
    color: var(--white);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 30px;
  }
  .home-reason__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 50px auto 0;
    padding: 0 10px;
  }
  .home-reason-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    background-color: var(--white);
  }
  .home-reason-box + .home-reason-box {
    margin-top: 10px;
  }
  .home-reason-box:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-reason__badge {
    font-size: 24px;
    color: var(--green);
    letter-spacing: 0.02em;
    font-family: var(--josefin-sans);
    line-height: 30px;
  }
  .home-reason__badge > small {
    font-size: 16px;
    padding-right: 10px;
  }
  .home-reason__title {
    font-size: 30px;
    color: var(--green);
    line-height: 44px;
  }
  .home-reason__txt {
    font-size: min(16px + (18 - 16) * ((100vw - 320px) / (375 - 320)), 18px);
    color: var(--green);
    line-height: 27px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 10px;
  }
  .home-reason__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .home-reason-parallax {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100vh;
    background-image: url(./assets/images/home/parallax-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .home-reason {
    display: block;
    width: 100%;
    padding: 90px 0 125px;
    background-color: transparent;
  }
  .home-reason__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-reason__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .home-reason__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--white);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-reason__main {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    width: 100%;
    margin: 70px auto 0;
  }
  .home-reason-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(370/1140 * 100%);
    height: 240px;
    background-color: var(--white);
  }
  .home-reason-box:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-reason__badge {
    font-size: 24px;
    color: var(--green);
    letter-spacing: 0.02em;
    font-family: var(--josefin-sans);
    line-height: 30px;
  }
  .home-reason__badge > small {
    font-size: 16px;
    padding-right: 10px;
  }
  .home-reason__title {
    font-size: 34px;
    color: var(--green);
    line-height: 50px;
  }
  .home-reason__txt {
    font-size: 18px;
    color: var(--green);
    line-height: 27px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 17px;
  }
  .home-reason__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 70px;
  }
}
/*home-works*/
@media screen and (max-width:767px) {
  .home-works {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .home-works__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .home-works__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .home-works__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .home-works__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
  .home-works__items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: 5px;
    row-gap: 5px;
    width: 100%;
    margin: 0 auto;
  }
  .home-works__item {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }
  .home-works__item-figure {
    display: block;
    width: 100%;
  }
  .home-works__item-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  .home-works__item-title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    color: var(--white);
    font-weight: 500;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    transform: translateY(100%);
    transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  }
  .home-works__item:hover > .home-works__item-title {
    transform: translateY(0);
  }
  .home-works-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-works-btns > a {
    font-family: var(--noto-serif);
    background-position: right 20px center;
  }
}
@media screen and (min-width:768px) {
  .home-works {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .home-works__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .home-works__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .home-works__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-works__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
  .home-works__items {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    column-gap: 10px;
    row-gap: 10px;
    max-width: 1030px;
    width: 100%;
    margin: 0 auto;
  }
  .home-works__item {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }
  .home-works__item-figure {
    display: block;
    width: 100%;
  }
  .home-works__item-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  .home-works__item-title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 18px;
    line-height: 27px;
    color: var(--white);
    font-weight: 600;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    transform: translateY(100%);
    transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  }
  .home-works__item:hover > .home-works__item-title {
    transform: translateY(0);
  }
  .home-works-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-works-btns > a {
    font-family: var(--noto-serif);
    background-position: right 20px center;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-works__item-title {
    font-size: 16px;
  }
}
/*home-showroom*/
@media screen and (max-width:767px) {
  .home-showroom {
    display: block;
    width: 100%;
    padding: 70px 0;
    background-image: url(./assets/images/home/showroom-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow-x: hidden;
  }
  .home-showroom__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .home-showroom-main {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 20px;
    background: rgba(0,0,0,0.6);
  }
  .home-showroom__header {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
  }
  .home-showroom__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .home-showroom__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--white);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .home-showroom__txt {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .home-showroom__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .home-showroom__btns > a {
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  .home-showroom__btns > a + a {
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .home-showroom {
    display: block;
    width: 100%;
    padding: 140px 0 100px;
    background-image: url(./assets/images/home/showroom-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow-x: hidden;
  }
  .home-showroom__body {
    display: block;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .home-showroom-main {
    position: relative;
    display: block;
    width: 50%;
    padding: calc(40/1140 * 100%) calc(75/1140 * 100%);
    margin-left: auto;
  }
  .home-showroom-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 80vw;
    height: 100%;
    background: rgba(0,0,0,0.6);
  }
  .home-showroom__header {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
  }
  .home-showroom__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .home-showroom__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--white);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 10px;
  }
  .home-showroom__txt {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .home-showroom__btns {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
  }
  .home-showroom__btns > a {
    max-width: 187px;
    width: calc(50% - 10px);
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-showroom-main {
    width: 60%;
  }
  .home-showroom__btns > a {
    width: calc(50% - 5px);
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .home-bnr {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .home-bnr-wrap {
    display: block;
    width: 100%;
  }
  .home-bnr-block {
    display: block;
    width: 100%;
  }
  .home-bnr-figure {
    display: block;
    width: 100%;
    margin: 30px 0;
  }
  .home-bnr-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-bnr-content__wrap {
    display: block;
    width: 100%;
  }
  .home-bnr-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  .home-bnr-title {
    display: block;
    width: 100%;
    font-size: min(20px + (24 - 20) * ((100vw - 320px) / (375 - 320)), 24px);
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 35px;
    text-align: center;
  }
  .home-bnr-txt {
    display: block;
    width: 100%;
    letter-spacing: 0.07em;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .home-bnr-btns {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .home-bnr {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .home-bnr-wrap {
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .home-bnr-block {
    position: relative;
    display: block;
    width: 100%;

  }
  .home-bnr-figure {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(720/1366 * 100%);
    height: 100%;
    overflow: hidden;
  }
  .home-bnr-block:nth-child(odd) > .home-bnr-figure {
    right: 0;
  }
  .home-bnr-block:nth-child(even) > .home-bnr-figure {
    left: 0;
  }
  .home-bnr-figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home-bnr-content__wrap {
    display: block;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .home-bnr-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(450/1140 * 100%);
    min-height: 342px;
    padding: 50px 0;
  }
  .home-bnr-block:nth-child(even) .home-bnr-content {
    margin-left: auto;
  }
  .home-bnr-title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 36px;
    text-align: justify;
    word-break: break-all;
  }
  .home-bnr-txt {
    display: block;
    width: 100%;
    letter-spacing: 0.07em;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .home-bnr-btns {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-bnr-content {
    width: calc(480/1140 * 100%);
    padding: 30px 0;
  }
  .home-bnr-title {
    font-size: 20px;
  }
}
/*home-renovation*/
@media screen and (max-width:767px) {
  .home-renovation {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--green);
  }
  .home-renovation__bnr {
    display: block;
    width: 100%;
  }
  .home-renovation__bnr:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-renovation__bnr > picture {
    display: block;
    width: 100%;
  }
  .home-renovation__bnr > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .home-renovation {
    display: block;
    width: 100%;
    padding: 85px 0 80px;
    background-color: var(--green);
  }
  .home-renovation__bnr {
    display: block;
    max-width: 1010px;
    width: 100%;
    margin: 0 auto;
  }
  .home-renovation__bnr:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-renovation__bnr > picture {
    display: block;
    width: 100%;
  }
  .home-renovation__bnr > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*home-links*/
@media screen and (max-width:767px) {
  .home-links {
    display: block;
    width: 100%;
    padding: 5px 0;
    background-color: #F8F8F8;
  }
  .home-links > .container {
    padding: 0 0;
  }
  .home-links__wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: 5px;
    row-gap: 5px;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .home-link {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-link__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 100%;
    padding: 0 15px;
    font-size: min(15px + (18 - 15) * ((100vw - 320px) / (375 - 320)), 18px);
    color: var(--white);
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .home-link > picture {
    display: block;
    width: 100%;
  }
  .home-link > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .home-links {
    display: block;
    width: 100%;
    padding: 40px 0;
    background-color: #F8F8F8;
  }
  .home-links__wrap {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    column-gap: 2px;
    row-gap: 2px;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .home-link {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-link__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 100%;
    padding: 0 15px;
    font-size: 18px;
    color: var(--white);
    line-height: 26px;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .home-link > picture {
    display: block;
    width: 100%;
  }
  .home-link > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-link__title {
    font-size: 15px;
    line-height: 20px;
  }
}
/*home-voice*/
@media screen and (max-width:767px) {
  .home-voice {
    display: block;
    width: 100%;
    padding: 0 0 50px;
    background-color: var(--gray);
  }
  .home-voice > .container {
    padding: 0 0;
  }
  .home-voice__body {
    display: block;
    width: 100%;
  }
  .home-voice__content {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 50px 20px;
    background-color: rgba(255,255,255,0.8);
  }
  .home-voice__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-voice__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .home-voice__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-voice__txt {
    display: block;
    width: 100%;
    letter-spacing: 0.07em;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .home-voice__btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
  }
  .home-voice__btns > a {
    background-color: transparent;
    background-position: right 20px center;
  }
  .home-voice__figure {
    display: block;
    width: 100%;
    margin-top: -30px;
  }
  .home-voice__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .home-voice {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .home-voice__body {
    position: relative;
    display: block;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
  }
  .home-voice__content {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(500/1140 * 100%);
    padding: calc(80/1140 * 100%) calc(60/1140 * 100%);
    background-color: rgba(255,255,255,0.8);
    margin-left: calc(35/1140 * 100%);
  }
  .home-voice__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-voice__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .home-voice__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-voice__txt {
    display: block;
    width: 100%;
    letter-spacing: 0.07em;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .home-voice__btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 50px;
  }
  .home-voice__btns > a {
    background-color: transparent;
    background-position: right 20px center;
  }
  .home-voice__figure {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(673/1140 * 100%);
    height: 100%;
    overflow: hidden;
  }
  .home-voice__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/*home-event*/
@media screen and (max-width:767px) {
  .home-event {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .home-event__body {
    display: block;
    width: 100%;
  }
  .home-event__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-event__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .home-event__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-event__noitem {
    display: block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .home-event-items {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 30px;
    max-width: 260px;
    width: 100%;
    margin: 30px auto 0;
  }
  .home-event-item {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-event-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-event-item__badge {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 32px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .home-event-item__badge.new {
    background-color: #B27F0D;
  }
  .home-event-item__badge.finished {
    background-color: #6F818E;
  }
  .home-event-item__figure {
    display: block;
    width: 100%;
  }
  .home-event-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-event-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 30px;
  }
  .home-event-item__time {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 15px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-calender.png);
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 15px auto;
  }
  .home-event-item__place {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 5px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
  }
  .home-event__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .home-event__btns > a {
    background-position: right 15px center;
  }
}
@media screen and (min-width:768px) {
  .home-event {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .home-event__body {
    display: block;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .home-event__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-event__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .home-event__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-event__noitem {
    display: block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .home-event-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(30/900 * 100%);
    max-width: 900px;
    width: 100%;
    margin: 40px auto 0;
  }
  .home-event-item {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-event-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-event-item__badge {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 32px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .home-event-item__badge.new {
    background-color: #B27F0D;
  }
  .home-event-item__badge.finished {
    background-color: #6F818E;
  }
  .home-event-item__figure {
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
  }
  .home-event-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
  }
  .home-event-item__title {
    display: -webkit-box;
    width: 100%;
    height: 54px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 30px;
  }
  .home-event-item__time {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 15px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-calender.png);
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 15px auto;
  }
  .home-event-item__place {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 5px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
  }
  .home-event__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-event__btns > a {
    background-position: right 25px center;
    padding-right: 10px;
  }
}
/*home-land*/
@media screen and (max-width:767px) {
  .home-land {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-image: url(./assets/images/home/land-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .home-land__body {
    display: block;
    width: 100%;
  }
  .home-land__header {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
  }
  .home-land__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .home-land__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--white);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 15px;
  }
  .home-land__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .home-land__btns > a {
    border: 1px solid var(--white);
    background-color: transparent;
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
}
@media screen and (min-width:768px) {
  .home-land {
    display: block;
    width: 100%;
    padding: 75px 0;
    background-image: url(./assets/images/home/land-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .home-land__body {
    display: block;
    width: 100%;
  }
  .home-land__header {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
  }
  .home-land__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .home-land__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--white);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 15px;
  }
  .home-land__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }
  .home-land__btns > a {
    border: 1px solid var(--white);
    background-color: transparent;
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
}
/*home-column*/
@media screen and (max-width:767px) {
  .home-column {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .home-column__body {
    display: block;
    width: 100%;
  }
  .home-column__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-column__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .home-column__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-column__items-pc {
    display: none;
  }
  .home-column__noitem {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .home-column__items-sp {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .home-column-items {
    width: 100%;
  }
  .home-column-items .swiper-wrapper {
    width: 270px;
  }
  .home-column-items .swiper-slide {
    width: 100%;
  }
  .home-column-item {
    min-height: 354.56px;
    padding: 10px;
    background-color:var(--white);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    box-sizing: content-box;
  }
  .home-column-item__link {
    display: block;
    width: 100%;
  }
  .home-column-item__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 67/50;
    overflow: hidden;
  }
  .home-column-item__thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 67/50;
  }
  .home-column-item__date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: var(--josefin-sans);
    font-weight: 500;
    color: #6F818E;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: right;
    margin-top: 10px;
  }
  .home-column-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10px;
  }
  .home-column-item__categories {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% + 10px);
    margin: 15px 0 0 -10px;
  }
  .home-column-item__category {
    display: block;
    width: auto;
    font-size: 13px;
    font-family: var(--noto-sans);
    font-weight: 500;
    color: #6F818E;
    line-height: 1;
    margin: 5px 0 0 10px;
  }
  .home-column-item__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .home-column__btns > a {
    background-color: transparent;
  }
}
@media screen and (min-width:768px) {
  .home-column {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .home-column__body {
    display: block;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .home-column__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-column__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .home-column__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-column__items-sp {
    display: none;
  }
  .home-column__noitem {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .home-column__items-pc {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .home-column-items {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    column-gap: 15px;
    width: 100%;
  }
  .home-column-item {
    display: block;
    width: 100%;
    padding: 10px;
    background-color:var(--white);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  }
  .home-column-item__link {
    display: block;
    width: 100%;
  }
  .home-column-item__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 67/50;
    overflow: hidden;
  }
  .home-column-item__thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 67/50;
  }
  .home-column-item__date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: var(--josefin-sans);
    font-weight: 500;
    color: #6F818E;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: right;
    margin-top: 10px;
  }
  .home-column-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10px;
  }
  .home-column-item__categories {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% + 20px);
    margin: 15px 0 0 -20px;
  }
  .home-column-item__category {
    display: block;
    width: auto;
    font-size: 12px;
    font-family: var(--noto-sans);
    font-weight: 500;
    color: #6F818E;
    line-height: 1;
    margin: 5px 0 0 20px;
  }
  .home-column-item__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 65px;
  }
  .home-column__btns > a {
    background-color: transparent;
  }
}
/*home-company*/
@media screen and (max-width:767px) {
  .home-company {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .home-company__body {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
  .home-company-content {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 30px 20px;
    background-color: var(--white);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    margin-top: -30px;
  }
  .home-company-content__header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    width: calc(100% - 20px);
    margin-left: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
    border-left: 1px solid var(--font-color);
  }
  .home-company-content__header > span {
    display: flex;
    align-items: center;
    width: 25px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    word-break: break-all;
    writing-mode: vertical-lr;
    line-height: 25px;
    letter-spacing: 0.1rem;
  }
  .home-company-content__header > span:nth-child(1) {
    margin-left: 5px;
  }
  .home-company-content__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .home-company-content__footer {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin-top: 30px;
  }
  .home-company-content__sns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
  }
  .home-company-content__sns > li {
    display: block;
    width: 20px;
  }
  .home-company-content__sns > li + li {
    margin-left: 15px;
  }
  .home-company-content__sns > li > a {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
  }
  .home-company-content__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-company-content__sns .instagram {
    background-image: url(./assets/images/icon-instagram-bk.png);
  }
  .home-company-content__sns .facebook {
    background-image: url(./assets/images/icon-facebook-bk.png);
  }
  .home-company-content__sns .youtube {
    background-image: url(./assets/images/icon-youtube-bk.png);
  }
  .home-company-content__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-company-content__btns a + a {
    margin-top: 15px;
  }
  .home-company-content__btns a {
    background-position: right 20px center;
  }
  .home-company-content__figure {
    display: block;
    width: calc(100% + 40px);
  }
  .home-company-content__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .home-company {
    display: block;
    width: 100%;
    padding: 140px 0;
    background-color: var(--gray);
  }
  .home-company__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .home-company-content {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(515/1140 * 100%);
    padding: calc(70/1140 * 100%);
    background-color: var(--white);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
  }
  .home-company-content__header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    width: calc(100% - 30px);
    margin-left: 30px;
    padding-left: 30px;
    padding-bottom: 50px;
    border-left: 1px solid var(--font-color);
  }
  .home-company-content__header > span {
    display: flex;
    align-items: center;
    width: 30px;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    word-break: break-all;
    writing-mode: vertical-lr;
    line-height: 29px;
    letter-spacing: 0.1rem;
  }
  .home-company-content__header > span:nth-child(1) {
    margin-left: 10px;
  }
  .home-company-content__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
  .home-company-content__footer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .home-company-content__sns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20px;
  }
  .home-company-content__sns > li {
    display: block;
    width: 20px;
  }
  .home-company-content__sns > li + li {
    margin-top: 15px;
  }
  .home-company-content__sns > li > a {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
  }
  .home-company-content__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-company-content__sns .instagram {
    background-image: url(./assets/images/icon-instagram-bk.png);
  }
  .home-company-content__sns .facebook {
    background-image: url(./assets/images/icon-facebook-bk.png);
  }
  .home-company-content__sns .youtube {
    background-image: url(./assets/images/icon-youtube-bk.png);
  }
  .home-company-content__btns {
    display: flex;
    flex-direction: column;
    width: calc(100% - 90px);
  }
  .home-company-content__btns a + a {
    margin-top: 15px;
  }
  .home-company-content__btns a {
    background-position: right 20px center;
  }
  .home-company-content__figure {
    display: block;
    width: calc(625/1140 * 100%);
  }
  .home-company-content__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-company-content__btns {
    width: calc(100% - 50px);
  }
}
/*home-blog*/
@media screen and (max-width:767px) {
  .home-blog {
    display: block;
    width: 100%;
    padding: 40px 0;
    background-color: var(--white);
  }
  .home-blog__banner {
    display: block;
    width: 100%;
  }
  .home-blog__banner:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-blog__banner > picture {
    display: block;
    width: 100%;
  }
  .home-blog__banner > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .home-blog {
    display: block;
    width: 100%;
    padding: 40px 0;
    background-color: var(--white);
  }
  .home-blog__banner {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .home-blog__banner:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-blog__banner > picture {
    display: block;
    width: 100%;
  }
  .home-blog__banner > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*home-news*/
@media screen and (max-width:767px) {
  .home-news {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #BEC1B8;
  }
  .home-news__body {
    display: block;
    width: 100%;
    padding: 50px 20px;
    background-color: var(--white);
  }
  .home-news__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-news__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .home-news__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    margin-top: 15px;
  }
  .home-news__noitem {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .home-news-items {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .home-news-items > li {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
  }
  .home-news-items > li:not(:first-child) {
    padding-top: 10px;
  }
  .home-news-item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-news-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-news-item__date {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--josefin-sans);
    font-weight: 500;
    color: #6F818E;
    letter-spacing: 0.1em;
  }
  .home-news-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
  }
  .home-news__btns {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .home-news {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: #BEC1B8;
  }
  .home-news__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    padding: calc(50/1140 * 100%) calc(165/1140 * 100%);
    background-color: var(--white);
    margin: 0 auto;
  }
  .home-news__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-news__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px 1px;
  }
  .home-news__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .home-news__noitem {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .home-news-items {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .home-news-items > li {
    display: block;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 13px;
    border-bottom: 1px solid #E3E3E3;
  }
  .home-news-items > li:not(:first-child) {
    padding-top: 14px;
  }
  .home-news-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .home-news-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-news-item__date {
    display: block;
    width: 135px;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--josefin-sans);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #6F818E;
  }
  .home-news-item__title {
    display: -webkit-box;
    width: calc(100% - 135px);
    font-size: 15px;
    line-height: 24px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .home-news__btns {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
  }
}
/*
ARCHIVE pagination
--------------------------------------------- */
@media screen and (min-width:0px) {
  .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 100px;
  }
  .pagination > .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 30px;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color:var(--green);
  }
  .pagination > .page-numbers:nth-child(n+2) {
    margin-left: 20px;
  }
  .pagination > .page-numbers.dots {
    background-color: transparent;
    border: none;
    width: auto;
  }
  .pagination > .page-numbers:hover {
    transition:  opacity 0.3s ease;
    opacity: 0.7;
  }
  .pagination > .page-numbers.current{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: var(--green);
    color: var(--white);
    pointer-events: none;
  }
  .pagination > .prev.page-numbers,
  .pagination > .next.page-numbers {
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px auto;
  }
  .pagination > .prev.page-numbers {
    background-image: url(./assets/images/prev.png);
  }
  .pagination > .next.page-numbers {
    background-image: url(./assets/images/next.png);
  }
}
@media screen and (max-width:767px) {
  .pagination {
    margin-top: 50px;
  }
}
/*
ARCHIVE - works
--------------------------------------------- */
/*main*/
@media screen and (max-width:767px) {
  .archive-works {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .archive-works__body {
    display: block;
    width: 100%;
  }
  .archive-works__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .archive-works__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .archive-works__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .archive-works__main {
    display: block;
    width: 100%;
  }
  .archive-works__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width:768px) {
  .archive-works {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .archive-works__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .archive-works__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .archive-works__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .archive-works__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .archive-works__main {
    display: block;
    width: 100%;
  }
  .archive-works__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/*categories*/
@media screen and (max-width:767px) {
  .works-categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .works-category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(105/335 * 100%);
    height: 50px;
    font-size: min(12px + (14 - 12) * ((100vw - 320px) / (375 - 320)), 14px);
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #4E5B30;
    border: 1px solid #4E5B30;
    margin-right: calc(10/335 * 100%);
    transition: 0.3s ease;
  }
  .works-category:nth-child(3n),
  .works-category:last-child {
    margin-right: 0;
  }
  .works-category:nth-child(n+4) {
    margin-top: 10px;
  }
  .works-category:hover {
    background-color: #4E5B30;
    color: var(--white);
  }
  .works-category.current {
    background-color: #4E5B30;
    color: var(--white);
    pointer-events: none;
  }
}
@media screen and (min-width:768px) {
  .works-categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .works-category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(235/1000 * 100%);
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #4E5B30;
    letter-spacing: 0.2em;
    border: 1px solid #4E5B30;
    margin-right: calc(20/1000 * 100%);
    transition: 0.3s ease;
  }
  .works-category:nth-child(4n),
  .works-category:last-child {
    margin-right: 0;
  }
  .works-category:nth-child(n+5) {
    margin-top: 20px;
  }
  .works-category:hover {
    background-color: #4E5B30;
    color: var(--white);
  }
  .works-category.current {
    background-color: #4E5B30;
    color: var(--white);
    pointer-events: none;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .works-category {
    font-size: 16px;
  }
}
/*items*/
@media screen and (max-width:767px) {
  .works-items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: calc(30/335 * 100%);
    row-gap: 40px;
    width: 100%;
    margin-top: 50px;
  }
  .works-item {
    display: block;
    width: 100%;
  }
  .works-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-item__thumb {
    display: block;
    width: 100%;
  }
  .works-item__thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
  }
  .works-item__title {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
}
@media screen and (min-width:768px) {
  .works-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    column-gap: calc(35/1000 * 100%);
    row-gap: 100px;
    width: 100%;
    margin-top: 50px;
  }
  .works-item {
    display: block;
    width: 100%;
  }
  .works-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-item__thumb {
    display: block;
    width: 100%;
  }
  .works-item__thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
  }
  .works-item__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.07em;
    color: var(--font-color);
    text-align: center;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .works-item__title {
    font-size: 16px;
  }
}
/*
SINGLE - content
--------------------------------------------- */
@media screen and (max-width:767px) {
  /*H tag*/
  .single-content h2 {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;;
  }
  .single-content h2:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h3 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding-left: 15px;
    border-left: 3px solid #4E5B30;
    text-align: justify;
    word-break: break-all;
  }
  .single-content h3:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h4 {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #4E5B30;
    text-align: justify;
    word-break: break-all;
  }
  .single-content h4:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h5 {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    text-align: justify;
    word-break: break-all;
    padding: 5px 10px 5px;
    border-bottom: 1px solid #4E5B30;
    background-color: #F0F3E8;
  }
  .single-content h5:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h6 {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #4E5B30;
    text-align: justify;
    word-break: break-all;
  }
  .single-content h6:not(:first-child) {
    margin-top: 50px;
  }
  /*P tag*/
  .single-content p {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
  }
  .single-content p:not(:first-child) {
    margin-top: 30px;
  }
  .single-content p a {
    font-weight: 600;
    color: var(--font-color);
  }
  .single-content p a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  /*ul*/
  .single-content ul {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .single-content ul > li {
    position: relative;
    display: block;
    width: 100%;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    padding-left: 15px;
    font-weight: 500;
  }
  .single-content ul > li:nth-child(n+2){
    margin-top: 15px;
  }
  .single-content ul > li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    display: block;
    width: 5px;
    height: 5px;
    background-color: #4E5B30;
    border-radius: 3px;
  }
  .single-content ul:not(:first-child) {
    margin-top: 50px;
  }
  /*ol*/
  .single-content ol {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .single-content ol > li {
    position:relative;
    display:block;
    width:100%;
    counter-increment:number;
    line-height:25.5px;
    text-align: justify;
    word-break: break-all;
    padding: 0 0 0 20px;
    font-weight: 500;
  }
  .single-content ol > li + li {
    margin-top: 15px;
  }
  .single-content ol > li:before {
    counter-increment: li;
    content: counter(number,decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    line-height: 25.5px;
    color: #4E5B30;
    font-weight: 500;
  }
  .single-content > ol:not(:first-child){
    margin-top: 50px;
  }
   /*table*/
  .single-content .wp-block-table {
    padding-bottom: 0;
    overflow-x: hidden;
    border: 1px solid #E3E3E3;
  }
  .single-content .wp-block-table table tr:first-child td {
    background-color: transparent;
    color: var(--font-color);
    font-weight: 500;
  }
  .single-content .wp-block-table table tr td {
    border: none;
    background-color: transparent;
    padding: 0 0;
  }
  .single-content .wp-block-table table tr td {
    display: block;
    width: 100%;
    padding: 13px;
  }
  .single-content .wp-block-table table tr td:first-child {
    background-color: #F0F3E8;
    text-align: center;
  }
  .single-content .wp-block-table table tr td:last-child {
    padding: 15px 20px;
    line-height: 25.5px;
    text-align: center;
  }
  .single-content .wp-block-table table tr td:first-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .single-content .wp-block-table table tr:not(:first-child) td:first-child {
    border-top: 1px solid #E3E3E3;
  }
  .single-content .wp-block-table:not(:first-child) {
    margin-top: 50px;
  }
  /*text links*/
  .single-content ul li a,
  .single-content ol li a,
  .single-content table tr td a
   {
    color: var(--font-color);
    font-weight: 600;
  }
  .single-content p a:hover,
  .single-content ul li a:hover,
  .single-content ol li a:hover,
  .single-content table tr td a:hover
  {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  /*youtube iframe*/
  .single-content .wp-block-embed__wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(75% * 0.75);
  }
  .single-content .wp-block-embed__wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /*blocks*/
  .single-content > .wp-block-image:not(:first-child),
  .single-content > .wp-block-columns:not(:first-child),
  .single-content > .wp-block-image:not(:first-child),
  .single-content > .wp-block-gallery:not(:first-child),
  .single-content > .wp-block-embed:not(:first-child),
  .single-content > .wp-block-media-text:not(:first-child) {
    margin-top: 30px;
  }
  /*group*/
  .single-content > .wp-block-group {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #E3E3E3;
  }
  .single-content > .wp-block-group:not(:first-child) {
    margin-top: 50px;
  }
  /*blockquote*/
  .single-content > .wp-block-quote {
    padding: 30px;
    border-radius: 10px;
    background-color: #E3E3E3;
    border: 1px solid #E3E3E3;
  }
  .single-content > .wp-block-quote:not(:first-child) {
    margin-top: 30px;
  }
  /*detail*/
  .single-content > .wp-block-details > summary {
    font-size: 15px;
    font-weight: 500;
  }
  .single-content > .wp-block-details:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  /*H tag*/
  .single-content h2 {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .single-content h2:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h3 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    padding-left: 15px;
    border-left: 3px solid #4E5B30;
    text-align: justify;
    word-break: break-all;
  }
  .single-content h3:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h4 {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: #4E5B30;
    text-align: justify;
    word-break: break-all;
  }
  .single-content h4:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h5 {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 28.6px;
    text-align: justify;
    word-break: break-all;
    padding: 5px 10px 5px;
    border-bottom: 1px solid #4E5B30;
    background-color: #F0F3E8;
  }
  .single-content h5:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h6 {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #4E5B30;
    text-align: justify;
    word-break: break-all;
  }
  .single-content h6:not(:first-child) {
    margin-top: 50px;
  }
  /*P tag*/
  .single-content p {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
  }
  .single-content p:not(:first-child) {
    margin-top: 50px;
  }
  .single-content p a {
    font-weight: 600;
    color: var(--font-color);
  }
  .single-content p a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  /*ul*/
  .single-content ul {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .single-content ul > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    padding-left: 20px;
    font-weight: 500;
  }
  .single-content ul > li:nth-child(n+2){
    margin-top: 15px;
  }
  .single-content ul > li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    display: block;
    width: 5px;
    height: 5px;
    background-color: #4E5B30;
    border-radius: 3px;
  }
  .single-content ul:not(:first-child) {
    margin-top: 50px;
  }
  /*ol*/
  .single-content ol {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .single-content ol > li {
    position:relative;
    display:block;
    width:100%;
    counter-increment:number;
    font-size: 16px;
    line-height:25.5px;
    text-align: justify;
    word-break: break-all;
    padding: 0 0 0 25px;
    font-weight: 500;
  }
  .single-content ol > li + li {
    margin-top: 20px;
  }
  .single-content ol > li:before {
    counter-increment:li;
    content:counter(number,decimal-leading-zero);
    position:absolute;
    top:0;
    left:0;
    font-size:16px;
    line-height:25.5px;
    color:#4E5B30;
    font-weight:500;
  }
  .single-content > ol:not(:first-child){
    margin-top: 50px;
  }
   /*table*/
   .single-content .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #E3E3E3;
   }
  .single-content .wp-block-table table tr:first-child td {
    background-color: transparent;
    color: var(--font-color);
    font-weight: 400;
  }
  .single-content .wp-block-table table tr td {
    border: none;
    background-color: transparent;
    padding: 0 0;
  }
  .single-content .wp-block-table table tr td {
    padding: 15px 20px;
    vertical-align: middle;

  }
  .single-content .wp-block-table table tr td:first-child {
    width: 180px;
    background-color: #F0F3E8;
    font-size: 500;
    color: #4E5B30;
    text-align: center;
    border-right: 1px solid #E3E3E3
  }
  .single-content .wp-block-table table tr:not(:last-child) td {
    border-bottom: 1px solid #E3E3E3;
  }

  .single-content .wp-block-table:not(:first-child) {
    margin-top: 50px;
  }
  /*text links*/
  .single-content ul li a,
  .single-content ol li a,
  .single-content table tr td a
   {
    color: var(--font-color);
    font-weight: 600;
  }
  .single-content p a:hover,
  .single-content ul li a:hover,
  .single-content ol li a:hover,
  .single-content table tr td a:hover
  {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  /*youtube iframe*/
  .single-content .wp-block-embed__wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(75% * 0.75);
  }
  .single-content .wp-block-embed__wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /*blocks*/
  .single-content > .wp-block-image:not(:first-child),
  .single-content > .wp-block-columns:not(:first-child),
  .single-content > .wp-block-image:not(:first-child),
  .single-content > .wp-block-gallery:not(:first-child),
  .single-content > .wp-block-embed:not(:first-child),
  .single-content > .wp-block-media-text:not(:first-child) {
    margin-top: 50px;
  }
  /*group*/
  .single-content > .wp-block-group {
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #E3E3E3;
  }
  .single-content > .wp-block-group:not(:first-child) {
    margin-top: 50px;
  }
  /*blockquote*/
  .single-content > .wp-block-quote {
    padding: 30px;
    border-radius: 10px;
    background-color: #E3E3E3;
    border: 1px solid #E3E3E3;
  }
  .single-content > .wp-block-quote:not(:first-child) {
    margin-top: 30px;
  }
  /*detail*/
  .single-content > .wp-block-details > summary {
    font-size: 16px;
    font-weight: 500;
  }
  .single-content > .wp-block-details:not(:first-child) {
    margin-top: 30px;
  }
}
/*
SINGLE - works
--------------------------------------------- */
/*layout*/
@media screen and (max-width:767px) {
  .works-single {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
}
@media screen and (min-width:768px) {
  .works-single {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
}
/*hgroup*/
@media screen and (max-width:767px) {
  .works-single__hgroup {
    display: block;
    width: 100%;
  }
  .works-single__taxonomies {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
  }
  .works-single__categories {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin: -5px 0 0 -5px;
  }
  .works-single__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 32px;
    background-color: #4E5B30;
    padding: 0 20px;
    color: var(--white);
    font-size: 14px;
    line-height: 20px;
    margin: 5px;
  }
  .works-single__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-single__place {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-top: 10px;
  }
  .works-single__place > span {
    display: block;
    width: auto;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.5px;
    font-family: var(--noto-sans);
    color: #6F818E;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 5px;
    background-size: 11.77px auto;
  }
  .works-single__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .works-single__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .works-single__taxonomies {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }
  .works-single__categories {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 60%;
  }
  .works-single__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 32px;
    background-color: #4E5B30;
    padding: 0 20px;
    color: var(--white);
    font-size: 14px;
    line-height: 20px;
  }
  .works-single__category + .works-single__category {
    margin-left: 10px;
  }
  .works-single__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-single__place {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 40%;
    max-height: 32px;
  }
  .works-single__place > span {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 11.77px auto;
  }
  .works-single__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
}
/*gallery*/
@media screen and (max-width:767px) {
  .single-gallary {
    display: block;
    width: calc(100% + 20px);
    margin-top: 30px;
    margin-left: -10px;
  }
  /*main*/
  .frame-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 20px;
  }
  .frame-wrap .swiper-wrapper {
    width: 100%;
  }
  .frame-wrap .swiper-slide {
    width: 100%;
  }
  .frame-wrap .swiper-slide .swiper-slide__block {
    display: block;
    width: 100%;
  }
  .frame-wrap .swiper-slide .swiper-slide__block picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 10/7;
    background: var(--white);
    overflow: hidden;
  }
  .frame-wrap .swiper-slide .swiper-slide__block picture img {
    display: block;
    width: auto;
    height: 100%;
    aspect-ratio: 10/7;
    object-fit: cover;
  }
  .frame-wrap .swiper-slide .swiper-slide__block p {
    display: block;
    width:100%;
    text-align: center;
    word-break: break-all;
    font-size: 15px;
    line-height: 32px;
    padding: 20px 0;
  }
  .frame-wrap .swiper-button-prev {
    width: 30px;
    height: 30px;
    left: 0;
    background-image: url(./assets/images/works/prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 25px);
  }
  .frame-wrap .swiper-button-prev:hover {
    transition: 0.3s ease;
    background-image: url(./assets/images/works/prev-gray.png);
  }
  .frame-wrap .swiper-button-next {
    width: 30px;
    height: 30px;
    right: 0;
    background-image: url(./assets/images/works/next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 25px);
  }
  .frame-wrap .swiper-button-next:hover {
    transition: 0.3s ease;
    background-image: url(./assets/images/works/next-gray.png);
  }
  .frame-wrap .swiper-button-next::after, .frame-wrap .swiper-button-prev::after {
    font-size: 0;
  }
  /*thumbnail*/
  .thumbnail-wrap {
    display: block;
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 0 10px;
  }
  .thumbnail-wrap .swiper-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    column-gap: 10px;
    row-gap: 10px;
  }
  .thumbnail-wrap .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    cursor: pointer;
  }
  .thumbnail-wrap__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 10/7;
    overflow: hidden;
  }
  .thumbnail-wrap__figure > img {
    display: block;
    width: auto;
    height: 100%;
    aspect-ratio: 10/7;
    object-fit: cover;
  }
  .thumbnail-wrap .swiper-slide-thumb-active {
    opacity: 1;
  }
}
@media screen and (min-width:768px) {
  .single-gallary {
    display: block;
    max-width: 1040px;
    width: 100%;
    margin: 50px auto 0;
  }
  /*main*/
  .frame-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 20px;
  }
  .frame-wrap .swiper-wrapper {
    width: 100%;
  }
  .frame-wrap .swiper-slide {
    width: 100%;
  }
  .frame-wrap .swiper-slide .swiper-slide__block {
    display: block;
    width: 100%;
  }
  .frame-wrap .swiper-slide .swiper-slide__block picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 10/7;
    overflow: hidden;
    background: var(--white);
  }
  .frame-wrap .swiper-slide .swiper-slide__block picture img {
    display: block;
    width: auto;
    height: 100%;
    object-fit: cover;
  }
  .frame-wrap .swiper-slide .swiper-slide__block p {
    display: block;
    width:100%;
    text-align: center;
    word-break: break-all;
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    padding: 20px 0;
  }
  .frame-wrap .swiper-button-prev {
    width: 50px;
    height: 50px;
    left: 0;
    background-image: url(./assets/images/works/prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 30px);
  }
  .frame-wrap .swiper-button-prev:hover {
    transition: 0.3s ease;
    background-image: url(./assets/images/works/prev-gray.png);
  }
  .frame-wrap .swiper-button-next {
    width: 50px;
    height: 50px;
    right: 0;
    background-image: url(./assets/images/works/next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 30px);
  }
  .frame-wrap .swiper-button-next:hover {
    transition: 0.3s ease;
    background-image: url(./assets/images/works/next-gray.png);
  }
  .frame-wrap .swiper-button-next::after, .frame-wrap .swiper-button-prev::after {
    font-size: 0;
  }
  /*thumbnail*/
  .thumbnail-wrap {
    display: block;
    width: calc(940/1040 * 100%);
    margin: 30px auto 0;
    box-sizing: border-box;
  }
  .thumbnail-wrap .swiper-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    column-gap: 10px;
    row-gap: 10px;
  }
  .thumbnail-wrap .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    cursor: pointer;
  }
  .thumbnail-wrap__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 10/7;
    overflow: hidden;
  }
  .thumbnail-wrap__figure > img {
    display: block;
    width: auto;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 10/7;
  }
  .thumbnail-wrap .swiper-slide-thumb-active {
    opacity: 1;
  }
}
/*youtube*/
@media screen and (max-width:767px) {
  .single-works-youtube {
    display: block;
    width: 100%;
    padding: 50px 0 0;
    margin: 0 auto;
  }
  .single-works-youtube iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
  }
}
@media screen and (min-width:768px) {
  .single-works-youtube {
    display: block;
    max-width: 700px;
    width: 100%;
    padding: 50px 0;
    margin: 0 auto;
  }
  .single-works-youtube iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
  }
}
/*data*/
@media screen and (max-width:767px) {
  .works-data__wrap {
    display: block;
    width: 100%;
    margin: 30px auto 0;
  }
  .works-data__header {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
  }
  .works-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    border: 1px solid #E3E3E3;
  }
  .works-tbl tr th {
    display: block;
    width: 100%;
    background-color: #F0F3E8;
    padding: 15px;
    text-align: center;
    font-size: 15px;
    line-height: 19.5px;
    color: #4E5B30;
    font-weight: 500;
    border-bottom: 1px solid #E3E3E3;
  }
  .works-tbl tr:not(:first-child) th,
  .works-tbl tr:first-child th:nth-child(3) {
    border-top: 1px solid #E3E3E3;
  }
  .works-tbl tr td {
    display: block;
    width: 100%;
    padding: 20px 15px;
    text-align: left;
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 500;
    text-align: center;
  }
  .works-tbl tr:last-child {
    display: none;
  }
}
@media screen and (min-width:768px) {
  .works-data__wrap {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 50px auto 0;
  }
  .works-data__header {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
  }
  .works-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-top: 50px;
    border: 1px solid #E3E3E3;
  }
  .works-tbl tr th {
    width: 180px;
    background-color: #F0F3E8;
    padding: 20px;
    text-align: left;
    font-size: 15px;
    line-height: 19.5px;
    color: #4E5B30;
    font-weight: 500;
    border-right: 1px solid #E3E3E3;
  }
  .works-tbl tr:not(:last-child) th {
    border-bottom: 1px solid #E3E3E3;
  }
  .works-tbl tr th:nth-child(3) {
    border-left: 1px solid #E3E3E3;
  }
  .works-tbl tr td {
    width: calc(320/1000 * 100%);
    padding: 20px;
    text-align: left;
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 500;
  }
  .works-tbl tr:not(:last-child) td {
    border-bottom: 1px solid #E3E3E3;
  }
}
/*content*/
@media screen and (max-width:767px) {
  .works-single-content {
    display: block;
    width: 100%;
    margin: 50px auto 0;
  }
  .works-single__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .works-single__btns > a {
    width: 220px;
    background-position: right 20px center;
  }
}
@media screen and (min-width:768px) {
  .works-single-content {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 50px auto 0;
  }
  .works-single__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .works-single__btns > a {
    width: 220px;
    background-position: right 20px center;
  }
}
/*
ARCHIVE - news
--------------------------------------------- */
/*main*/
@media screen and (max-width:767px) {
  .archive-news {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .archive-news__body {
    display: block;
    width: 100%;
  }
  .archive-news__main {
    display: block;
    width: 100%;
  }
  .archive-news__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width:768px) {
  .archive-news {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .archive-news__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .archive-news__main {
    display: block;
    width: 100%;
  }
  .archive-news__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/*news*/
@media screen and (max-width:767px) {
  .news-items {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .news-items > li {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
  }
  .news-items > li:not(:first-child) {
    padding-top: 10px;
  }
  .news-item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .news-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .news-item__date {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--josefin-sans);
    font-weight: 500;
    color: #6F818E;
    letter-spacing: 0.1em;
  }
  .news-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
  }
}
@media screen and (min-width:768px) {
  .news-items {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .news-items > li {
    display: block;
    width: 100%;
    padding-bottom: 13px;
    border-bottom: 1px solid #E3E3E3;
  }
  .news-items > li:not(:first-child) {
    padding-top: 14px;
  }
  .news-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .news-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .news-item__date {
    display: block;
    width: 135px;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--josefin-sans);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #6F818E;
  }
  .news-item__title {
    display: -webkit-box;
    width: calc(100% - 135px);
    font-size: 15px;
    line-height: 24px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
/*
SINGLE - news
--------------------------------------------- */
/*layout*/
@media screen and (max-width:767px) {
  .news-single {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .news-single__body {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .news-single {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .news-single__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
}
/*hgroup*/
@media screen and (max-width:767px) {
  .news-single__hgroup {
    display: block;
    width: 100%;
  }
  .news-single__date {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.5px;
    font-family: var(--josefin-sans);
    color: #6F818E;
    text-align: right;
    margin-bottom: 20px;
  }
  .news-single__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .news-single__hgroup {
    display: block;
    width: 100%;
  }
  .news-single__date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--josefin-sans);
    color: #6F818E;
    text-align: right;
    margin-bottom: 20px;
  }
  .news-single__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
}
/*content*/
@media screen and (max-width:767px) {
  .news-single-content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .news-single__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .news-single__btns > a {
    width: 220px;
    background-position: right 20px center;
  }
}
@media screen and (min-width:768px) {
  .news-single-content {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .news-single__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .news-single__btns > a {
    width: 220px;
    background-position: right 20px center;
  }
}
/*
ARCHIVE - event
--------------------------------------------- */
/*main*/
@media screen and (max-width:767px) {
  .archive-event {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .archive-event__body {
    display: block;
    width: 100%;
  }
  .archive-event__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .archive-event__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .archive-event__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .archive-event__main {
    display: block;
    width: 100%;
  }
  .archive-event__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width:768px) {
  .archive-event {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .archive-event__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .archive-event__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .archive-event__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .archive-event__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .archive-event__main {
    display: block;
    width: 100%;
  }
  .archive-event__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/*event*/
@media screen and (max-width:767px) {
  .event-items {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 30px;
    width: 100%;
    margin: 30px auto 0;
  }
  .event-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .event-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .event-item__badge {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31px;
    height: 21px;
    font-size: 10px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .event-item__badge.new {
    background-color: #B27F0D;
  }
  .event-item__badge.finished {
    background-color: #6F818E;
  }
  .event-item__figure {
    display: block;
    width: 120px;
    aspect-ratio: 3/2;
    overflow: hidden;
  }
  .event-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
  }
  .event-item__title {
    display: -webkit-box;
    width: calc(100% - 120px);
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding-left: 10px;
  }
  .event-item__time {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 10px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-calender.png);
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 15px auto;
  }
  .event-item__place {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 10px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
  }
  .event__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .event__btns > a {
    background-position: right 15px center;
  }
}
@media screen and (min-width:768px) {
  .event-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(50/1000 * 100%);
    row-gap: 60px;
    width: 100%;
    margin: 50px auto 0;
  }
  .event-item {
    position: relative;
    display: block;
    width: 100%;
  }
  .event-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .event-item__badge {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 32px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .event-item__badge.new {
    background-color: #B27F0D;
  }
  .event-item__badge.finished {
    background-color: #6F818E;
  }
  .event-item__figure {
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
  }
  .event-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
  }
  .event-item__title {
    display: -webkit-box;
    width: 100%;
    height: 54px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 30px;
  }
  .event-item__time {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 15px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-calender.png);
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 15px auto;
    letter-spacing: 0.07em;
  }
  .event-item__place {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 10px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
    letter-spacing: 0.07em;
  }
}
/*
SINGLE - event
--------------------------------------------- */
/*layout*/
@media screen and (max-width:767px) {
  .event-single {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .event-single__body {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .event-single {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .event-single__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
}
/*hgroup*/
@media screen and (max-width:767px) {
  .event-single__hgroup {
    display: block;
    width: 100%;
  }
  .event-single__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }
  .event-single__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
  .event-single__status {
    display: flex;
    align-items: flex-start;
    width: auto;
  }
  .event-single__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 32px;
    padding: 0 15px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .event-single__badge.new {
    background-color: #B27F0D;
  }
  .event-single__badge.continue {
    background-color: #BEC1B8;
  }
  .event-single__badge.finished {
    background-color: #6F818E;
  }
  .event-single__detail {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
  }
  .event-single__time {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 10px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-calender.png);
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 15px auto;
    letter-spacing: 0.07em;
  }
  .event-single__place {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
    letter-spacing: 0.07em;
  }
  .event-single__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .event-single__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .event-single__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }
  .event-single__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
  .event-single__status {
    display: flex;
    align-items: flex-start;
    width: 50%;
  }
  .event-single__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 32px;
    padding: 0 15px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .event-single__badge.new {
    background-color: #B27F0D;
  }
  .event-single__badge.continue {
    background-color: #BEC1B8;
  }
  .event-single__badge.finished {
    background-color: #6F818E;
  }
  .event-single__detail {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 50%;
  }
  .event-single__time {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-bottom: 10px;
    padding-left: 25px;
    background-image: url(./assets/images/icon-calender.png);
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 15px auto;
    letter-spacing: 0.07em;
  }
  .event-single__place {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
    letter-spacing: 0.07em;
  }
}
/*content*/
@media screen and (max-width:767px) {
  .event-single-content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .event-single__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .event-single__btns > a {
    width: 220px;
    background-position: right 20px center;
  }
}
@media screen and (min-width:768px) {
  .event-single-content {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .event-single__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .event-single__btns > a {
    width: 220px;
    background-position: right 20px center;
  }
}
/*
ARCHIVE - voice
--------------------------------------------- */
/*main*/
@media screen and (max-width:767px) {
  .archive-voice {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .archive-voice__body {
    display: block;
    width: 100%;
  }
  .archive-voice__main {
    display: block;
    width: 100%;
  }
  .archive-voice__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width:768px) {
  .archive-voice {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .archive-voice__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .archive-voice__main {
    display: block;
    width: 100%;
  }
  .archive-voice__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/*item*/
@media screen and (max-width:767px) {
  .voice-items {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 30px;
    width: 100%;
    margin: 0 auto;
  }
  .voice-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .voice-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .voice-item__figure {
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
  }
  .voice-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
  }
  .voice-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 20px;
  }
  .voice-item__customer {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    margin-top: 15px;
  }
}
@media screen and (min-width:768px) {
  .voice-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    column-gap: calc(50/1000 * 100%);
    row-gap: 60px;
    width: 100%;
    margin: 0 auto;
  }
  .voice-item {
    position: relative;
    display: block;
    width: 100%;
  }
  .voice-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .voice-item__figure {
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
  }
  .voice-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
  }
  .voice-item__title {
    display: -webkit-box;
    width: 100%;
    height: 54px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 30px;
  }
  .voice-item__customer {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    margin-top: 15px;
    letter-spacing: 0.07em;
  }
}
/*
SINGLE - voice
--------------------------------------------- */
/*layout*/
@media screen and (max-width:767px) {
  .voice-single {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .voice-single__body {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .voice-single {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .voice-single__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
}
/*hgroup*/
@media screen and (max-width:767px) {
  .voice-single__hgroup {
    display: block;
    width: 100%;
  }
  .voice-single__detail {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }
  .voice-single__date {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--josefin-sans);
    color: #6F818E;
    margin-bottom: 10px;
    padding-left: 25px;
    letter-spacing: 0.07em;
  }
  .voice-single__customer {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
    letter-spacing: 0.07em;
  }
  .voice-single__title-customer {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
    padding: 20px 0;
  }
  .voice-single__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .voice-single__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .voice-single__detail {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }
  .voice-single__date {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--josefin-sans);
    color: #6F818E;
    margin-bottom: 10px;
    padding-left: 25px;
    letter-spacing: 0.07em;
  }
  .voice-single__customer {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--noto-sans);
    color: #6F818E;
    padding-left: 25px;
    background-image: url(./assets/images/icon-place.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 12px auto;
    letter-spacing: 0.07em;
  }
  .voice-single__title-customer {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
    padding: 20px 0;
  }
  .voice-single__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    text-align: center;
    word-break: break-all;
  }
}
/*content*/
@media screen and (max-width:767px) {
  .voice-single-content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .voice-single__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .voice-single__btns > a {
    width: 220px;
    background-position: right 20px center;
  }
}
@media screen and (min-width:768px) {
  .voice-single-content {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .voice-single__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .voice-single__btns > a {
    width: 220px;
    background-position: right 20px center;
  }
}
/*
ARCHIVE - layout
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .archive-wrap {
    display: block;
    width: 100%;
    overflow-x: hidden;
  }
  .archive-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }
  .archive-main {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .archive-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    transform: translateX(-100%);
    background-color: var(--white);
  }
  .archive-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: var(--white);
  }
  .archive-column-main::before,
  .archive-column-main::after {
    background-color: #F2F3F0;
  }
  .archive-main-wrap {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
  }
  .archive-sidebar {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .archive-sidebar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    transform: translateX(-100%);
    background-color: var(--gray);
  }
  .archive-sidebar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: var(--gray);
  }
  .archive-sidebar-wrap {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
  }
}
@media screen and (min-width:1025px) {
  .archive-wrap {
    display: block;
    width: 100%;
    overflow-x: hidden;
  }
  .archive-body {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
  }
  .archive-main {
    position: relative;
    display: block;
    width: calc(100% - 340px);
    padding: 100px calc(50/1140 * 100%) 100px 0;
  }
  .archive-main::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 90vw;
    height: 100%;
    background-color: var(--white);
  }
  .archive-column-main::after {
    background-color: #F2F3F0;
  }
  .archive-main-wrap {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
  }
  .archive-sidebar {
    position: relative;
    display: block;
    width: 340px;
    padding: 100px 0 100px calc(50/1140 * 100%);
  }
  .archive-sidebar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50vw;
    height: 100%;
    background-color: var(--gray);
  }
  .archive-sidebar-wrap {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
  }
}
/*
SIDEBAR - header
--------------------------------------------- */
@media screen and (max-width:767px) {
  .sidebar-block__title {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .sidebar-block__title > span:nth-child(1) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
    font-family: var(--josefin-sans);
  }
  .sidebar-block__title > span:nth-child(2) {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    margin-top: 5px;
  }
}
@media screen and (min-width:768px) {
  .sidebar-block__title {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .sidebar-block__title > span:nth-child(1) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.02em;
    font-family: var(--josefin-sans);
  }
  .sidebar-block__title > span:nth-child(2) {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    margin-top: 5px;
  }
}
/*
SIDEBAR - form
--------------------------------------------- */
@media screen and (min-width:0px) {
  .sidebar-search-form {
    display: block;
    width: 100%;
  }
  .searchform {
    display: flex;
    justify-content: space-between;
    max-width: 270px;
    width: 100%;
    height: 40px;
    background-color: var(--white);
    border: 1px solid #E3E3E3;
    border-radius: 3px;
    margin-top: 25px;
  }
  .searchform > button {
    display: block;
    width: 39px;
    height: 38px;
    border: none;
    background-image: url(./assets/images/icon-search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    cursor: pointer;
  }
  .searchform > input[type="text"] {
    width: calc(100% - 39px);
    height: 38px;
    border: none;
    padding: 0 10px;
    font-size: 16px;
    line-height: 38px;
    background: transparent;
    font-family: var(--noto-sans);
  }
  .searchform > input[type="text"]::placeholder {
    color: #C8C8C8;
    font-weight: 500;
  }
}
@media screen and (max-width:767px) {
  .sidebar-search-form {
    margin-bottom: 50px;
  }
}
/*
SIDEBAR - ranking
--------------------------------------------- */
@media screen and (max-width:767px) {
  .sidebar-ranking-block {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .sidebar-ranking__items {
    display: block;
    width: 100%;
  }
  .sidebar-ranking__items > li {
    display: block;
    width: 100%;
    padding: 20px 0;
  }
  .sidebar-ranking__items > li + li {
    border-top: 1px solid #E3E3E3;
  }
  .sidebar-ranking__item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .sidebar-ranking__item-date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    font-family: var(--josefin-sans);
    letter-spacing: 0.07em;
    text-align: right;
    margin-bottom: 5px;
  }
  .sidebar-ranking__item-thumb {
    display: block;
    width: 115px;
    aspect-ratio: 67/50;
    overflow: hidden;
  }
  .sidebar-ranking__item-thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 67/50;
  }
  .sidebar-ranking__item-title {
    display: -webkit-box;
    width: calc(100% - 115px - 10px);
    height: 78px;
    font-size: 14px;
    line-height: 26px;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media screen and (min-width:768px) {
  .sidebar-ranking-block {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .sidebar-ranking__items {
    display: block;
    width: 100%;
  }
  .sidebar-ranking__items > li {
    display: block;
    width: 100%;
    padding: 20px 0;
  }
  .sidebar-ranking__items > li + li {
    border-top: 1px solid #E3E3E3;
  }
  .sidebar-ranking__item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .sidebar-ranking__item-date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    font-family: var(--josefin-sans);
    letter-spacing: 0.07em;
    text-align: right;
    margin-bottom: 5px;
  }
  .sidebar-ranking__item-thumb {
    display: block;
    width: 115px;
    aspect-ratio: 67/50;
    overflow: hidden;
  }
  .sidebar-ranking__item-thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 67/50;
  }
  .sidebar-ranking__item-title {
    display: -webkit-box;
    width: calc(100% - 115px - 10px);
    height: 78px;
    font-size: 14px;
    line-height: 26px;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .sidebar-ranking__items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 40px;
    grid-template-rows: auto;
    width: 100%;
  }
  .sidebar-ranking__items > li:nth-child(2) {
    border-top: none;
  }
}
/*
SIDEBAR - category
--------------------------------------------- */
@media screen and (min-width:0px) {
  .sidebar-category-block {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .sidebar-categories {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin: 0 0 0 -10px;
  }
  .sidebar-categories > a {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #3C422F;
    margin: 10px 10px 0;
  }
}
/*
SIDEBAR - archives
--------------------------------------------- */
@media screen and (min-width:0px) {
  .sidebar-archives-block {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .sidebar-archives__wrap {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .column-archives {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .archive-month {
    display: block;
    width: 100%;
  }
  .archive-month > li {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .archive-month > li > a {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--josefin-sans);
    letter-spacing: 0.1em;
    color: #6F818E;
  }
  .archive-month > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .archive-nested {
    display: block;
    width: 100%;
  }
  .archive-nested > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .archive-nested > li.has_child {
    position: relative;
    padding-right: 10px;
  }
  .archive-nested > li.has_child > span {
    position: absolute;
    top: 10px;
    left: 8em;
    width: 25px;
    height: 7px;
    background-image: url(./assets/images/icon-archive.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    transition: transform 0.3s ease-in;
  }
  .archive-nested > li.has_child > span.active {
    transform: rotate(-180deg);
  }
  .archive-nested  > li > a {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--josefin-sans);
    letter-spacing: 0.1em;
    color: #6F818E;
  }
  .archive-nested > li > .sub-archive-nested {
    display: none;
    width: 100%;
    padding-left: 10px;
  }
  .archive-nested > li > .sub-archive-nested > li {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .archive-nested > li > .sub-archive-nested > li:nth-child(n+2) {
    margin-top: 5px;
  }
  .archive-nested > li > .sub-archive-nested > li > a {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--josefin-sans);
    letter-spacing: 0.1em;
    color: #6F818E;
  }
  .archive-nested  > li > a:hover,
  .archive-nested > li > .sub-archive-nested > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*
ARCHIVE - item
--------------------------------------------- */
@media screen and (min-width:0px) {
  .post__noitem {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width:767px) {
  .post-items {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 30px;
    width: 100%;
    margin: 0 auto;
  }
  .post-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .post-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .post-item__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 67/50;
    overflow: hidden;
  }
  .post-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 67/50;
  }
  .post-item__date {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    font-family: var(--josefin-sans);
    margin-top: 20px;
    letter-spacing: 0.07em;
  }
  .post-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
  }
  .post-item__categories {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% + 15px);
    margin-left: -15px;
  }
  .post-item__category {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    margin: 5px 0 0 15px;
  }
}
@media screen and (min-width:768px) {
  .post-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(30/750 * 100%);
    grid-template-rows: auto;
    row-gap: 50px;
    width: 100%;
    margin: 0 auto;
  }
  .post-item {
    position: relative;
    display: block;
    width: 100%;
  }
  .post-item-link {
    display: block;
    width: 100%;
  }
  .post-item-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .post-item__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 67/50;
    overflow: hidden;
  }
  .post-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 67/50;
  }
  .post-item__date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    font-family: var(--josefin-sans);
    margin-top: 20px;
    letter-spacing: 0.07em;
  }
  .post-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color);
    letter-spacing: 0.07em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10px;
  }
  .post-item__categories {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% + 15px);
    margin-left: -15px;
  }
  .post-item__category {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    margin: 10px 0 0 15px;
  }
}
/*
SINGLE - item
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-post__hgroup {
    display: block;
    width: 100%;
  }
  .single-post__date {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    font-family: var(--josefin-sans);
    text-align: right;
    letter-spacing: 0.07em;
    padding-bottom: 10px;
  }
  .single-post__categories {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% + 10px);
    margin-left: -10px;
  }
  .single-post__category {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    margin: 10px 0 0 10px;
  }
  .single-post__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0.1em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .single-post-content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .single-post__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .single-post__btns > a {
    width: 220px;
    background-position: right 20px center;
    background-color: transparent;
  }
}
@media screen and (min-width:768px) {
  .single-post__hgroup {
    display: block;
    width: 100%;
  }
  .single-post__date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    font-family: var(--josefin-sans);
    text-align: right;
    letter-spacing: 0.07em;
  }
  .single-post__categories {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% + 15px);
    margin-left: -15px;
  }
  .single-post__category {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6F818E;
    margin: 5px 0 0 15px;
  }
  .single-post__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .single-post-content {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .single-post__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .single-post__btns > a {
    width: 220px;
    background-position: right 20px center;
    background-color: transparent;
  }
}
/*
FORM - contact
--------------------------------------------- */
/*form layout*/
@media screen and (max-width:767px) {
  .form-entry,
  .form-confirm,
  .form-thanks {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .form-body {
    display: block;
    width: 100%;
  }
  .form-header {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 30px;
  }
  .form-box {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .form-wrap {
    display: block;
    width: 100%;
  }
  .form-wrap > li {
    display: block;
    width: 100%;
    padding: 20px 0;
  }
  .input-row {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .input-label {
    display: flex;
    align-items: center;
    width: 265px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.2em;
    margin-bottom: 10px;
  }
  .input-label > .mandatory {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 20px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1;
    color: var(--white);
    font-family: var(--noto-sans);
    background-color: #EB6161;
    margin-left: 20px;
  }
  .input-field {
    display: block;
    width: 100%;
    font-weight: 500;
  }
}
@media screen and (min-width:768px) {
  .form-entry,
  .form-confirm,
  .form-thanks {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .form-body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .form-header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 50px;
  }
  .form-box {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .form-wrap {
    display: block;
    width: 100%;
  }
  .form-wrap > li {
    display: block;
    width: 100%;
    padding: 30px 0;
  }
  .input-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .input-row.align-middle {
    align-items: center;
  }
  .input-label {
    display: flex;
    align-items: center;
    width: 265px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.2em;
    padding: 10px 10px 10px 0;
  }
  .input-label > .mandatory {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 20px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1;
    color: var(--white);
    font-family: var(--noto-sans);
    background-color: #EB6161;
    margin-left: 20px;
  }
  .input-field {
    display: block;
    width: calc(100% - 265px);
    font-weight: 400;
  }
}
/*intro*/
@media screen and (max-width:767px) {
  .form-intro {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .form-intro__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .form-intro__txt {
    display: block;
    width: 100%;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .form-intro__body > a {
    width: 260px;
    margin: 30px auto;
  }
}
@media screen and (min-width:768px) {
  .form-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .form-intro__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .form-intro__txt {
    display: block;
    width: 100%;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .form-intro__body > a {
    width: 260px;
    margin: 30px auto;
  }
}
/*timeline*/
@media screen and (min-width:0px) {
  .form-timeline {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 30px;
    width: 100%;
    height: 50px;
    background-color: #E3E3E3;
    overflow: hidden;
  }
  .form-timeline > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
  }
  .form-timeline > li:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 2;
    display: block;
    width: 30px;
    height: 50px;
    border-style: solid;
    border-width: 25px 0px 25px 30px;
    border-color: transparent transparent transparent #E3E3E3;
  }
  .form-timeline > li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -32px;
    z-index: 1;
    display: block;
    width: 30px;
    height: 52px;
    border-style: solid;
    border-width: 25px 0px 25px 30px;
    border-color: transparent transparent transparent #FFFFFF;
  }
  .form-timeline > li.active {
    background-color: #777777;
    color: var(--white);
  }
  .form-timeline > li.active::before {
    border-color: transparent transparent transparent #777777;
  }
  .form-timeline > li.past::after {
    border-color: #777777 #777777 #777777 #FFFFFF;
  }
}
@media screen and (max-width:767px) {
  .form-timeline > li {
    font-size: 14px;
  }
}
/*form*/
@media screen and (min-width:0px) {
  .input-field input:is([type="text"],[type="number"]) {
    max-width: 550px;
    width: 100%;
    height: 45px;
    border-radius: 6px;
    background-color: var(--white);
    border: 1px solid #E3E3E3;
    font-size: 15px;
    font-family: var(--noto-sans);
    font-weight: 400;
    padding: 12px 10px 11px;
    line-height: 20px;
  }
  .input-field textarea {
    width: 100%;
    height: 242px;
    border-radius: 6px;
    background-color: var(--white);
    border: 1px solid #E3E3E3;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.5px;
    padding: 10px;
    font-family: var(--noto-sans);
    resize: none;
  }
  .input-field input[type="text"]::placeholder,
  .input-field textarea::placeholder {
    color: #E3E3E3;
    font-family: var(--noto-sans);
    font-weight: 400;
    line-height: 26px;
  }
  /*address*/
  .input-field.address {
    display: flex;
    flex-direction: column;
  }
  .input-field.address > div:nth-child(n+2){
    margin-top: 15px;
  }
  .zip-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .zip-block > .zip-block input[name="zip-num"] {
    order: 2;
  }
  .zip-block > .search-address {
    order: 3;
  }
  .zip-block > .error {
    order: 4;
  }
  .field-label {
    display: block;
    width: 30px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
  }
  .icon-zip-num {
    padding-right: 10px;
  }
  .zip-block input[name="zip-num"]{
    width: 113px;
  }
  .input-field select[name="people"]{
    width: 7em;
    padding-left: 1em;
  }
  .search-address {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 38px;
    border-radius: 19px;
    background-color: var(--white);
    border: 1px solid #E3E3E3;
    padding: 0 40px 0 20px;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 500;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 6px auto;
    margin-left: 20px;
    cursor: pointer;
  }
  .search-address:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .input-field select {
    position: relative;
    width: 100%;
    height: 50px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 35px 15px 10px;
    border-radius: 5px;
    line-height: 20px;
    background-image: url(./assets/images/icon-select.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 14px 8px;
    background-color: var(--white);
    border: 1px solid #E3E3E3;
  }
  .input-field select[name="event"] {
    width: 233px;
  }
  .input-field input:is([name="day"],[name="day1"],[name="day2"],[name="day3"]) {
    max-width: 300px;
    width: 100%;
    padding-right: 40px;
    background-image: url(./assets/images/icon-calender.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px auto;
  }
  .input-field select[name="time"] {
    width: 233px;
  }
  .input-field select[name="showroom"] {
    max-width: 550px;
    width: 100%;
  }
  .field-person-wrap {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .field-person-wrap > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 236px;
  }
  .field-person-wrap > div > span:nth-child(1) {
    display: block;
    width: auto;
    padding-right: 10px;
  }
  .field-person-wrap > div > .field-person-txt {
    display: block;
    width: auto;
    padding-left: 10px;
  }
  .field-child-wrap {
    margin-left: calc(100/735 * 100%);
  }
  .input-field select[name="adult"],
  .input-field select[name="child"] {
    width: 150px;
  }
  .field-person-wrap > div > .input-field select[name="adult"] {
    order: 2;
  }
  .field-person-wrap > div > span:nth-child(3) {
    order: 3;
  }
  .field-person-wrap > div > .error {
    order: 4;
    padding-left: 55px !important;
  }
  /*radio*/
  .input-radio-wrap {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -30px;
    margin-top: -5px;
  }

  .input-radio-wrap > span {
    margin-left: 30px !important;
    margin-top: 15px;
  }
  .input-radio-wrap input[type="radio"] {
    display: none;
  }
  .input-radio-wrap input[type="radio"] + span {
    position: relative;
    display: block;
    width: auto;
    font-size: 15px;
    line-height: 25.5px;
    font-weight: 500;
    padding-left: 40px;
  }
  .input-radio-wrap input[type="radio"] + span::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    border: 1px solid var(--blue);
  }
  .input-radio-wrap input[type="radio"]:checked + span::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: var(--blue);
  }
  /*age*/
  .input-field input[name="age"] {
    padding-right: 60px;
  }
  .age-wrap {
    position: relative;
    display: block;
    width: 138px;
  }
  .age-wrap::before {
    content: "歳";
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 45px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
  }
  /*error*/
  .input-field .error {
    display: block;
    width: 100%;
    font-size: 12px;
    font-family: var(--noto-sans);
    color: #EB6161 !important;
    font-weight: 500;
    margin-top: 5px;
  }
  .input-checkbox-wrap .error {
    padding-left: 20px;
  }
  /*form txt*/
  .field-mail-txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    padding: 10px 0;
  }
  .field-remail-txt {
    position: relative;
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    padding: 10px 0 0 25px;
  }
  .field-remail-txt > span {
    position: absolute;
    left: 0;
  }
  .field-messge-txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    padding: 10px 0;
  }
  .field-agree-txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    padding: 10px 0 30px;
  }
}
@media screen and (max-width:767px) {
  .zip-block input[name="zip-num"] {
    width: 100px;
    padding: 12px 10px 11px;
  }
  .search-address {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 38px;
    border-radius: 19px;
    background-color: var(--white);
    border: 1px solid #E3E3E3;
    padding: 0 20px 0 10px;
    font-size: min(9px + (13 - 9) * ((100vw - 320px) / (375 - 320)), 13px);
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 500;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 6px auto;
    margin-left: 10px;
    cursor: pointer;
  }
  .input-field.address > div:nth-child(n+2){
    margin-top: 10px;
  }
  .field-person-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .field-child-wrap {
    margin-left:0;
    margin-top: 20px;
  }
  /*radio*/
  .input-radio-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left:0px;
    margin-top: 0px;
  }
  .input-radio-wrap > span {
    margin-left: 0px !important;
    margin-top: 10px;
  }
  /*txt*/
  .field-messge-txt {
    padding: 0 0 10px;
  }
  .field-agree-txt {
    padding: 0 0 30px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .field-child-wrap {
    margin-left: 20px;
  }
}
/*agree*/
@media screen and (max-width:767px) {
  .agree {
    display: none;
  }
  .agree + span {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    font-size: 15px;
    line-height: 20px;
    padding: 0 0 0 30px;
    overflow: hidden;
  }
  .agree + span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(./assets/images/icon-checkbox.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .agree:checked + span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(./assets/images/icon-checkedbox.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media screen and (min-width:768px) {
  .agree {
    display: none;
  }
  .agree + span {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    font-size: 15px;
    line-height: 20px;
    padding: 0 0 0 30px;
    overflow: hidden;
  }
  .agree + span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(./assets/images/icon-checkbox.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .agree:checked + span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(./assets/images/icon-checkedbox.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
/*btns*/
@media screen and (min-width:0px) {
  .form-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }
  /*confirm*/
  .confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 45px;
    border: 1px solid var(--font-color);
    font-family: var(--noto-serif);
    font-size: 14px;
    line-height: 1;
    color: var(--font-color);
    letter-spacing: 0.07em;
    background-color: transparent;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 6px auto;
    cursor: pointer;
    transition: 0.3s ease;
  }
  .confirm-btn:hover {
    color: var(--white);
    background-color: var(--font-color);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  /*submit*/
  .submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 45px;
    border: 1px solid var(--green);
    font-family: var(--noto-serif);
    font-size: 14px;
    line-height: 1;
    color: var(--white);
    letter-spacing: 0.07em;
    background-color: var(--green);
    background-image: url(./assets/images/icon-btn-wh.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 6px auto;
    cursor: pointer;
    transition: 0.3s ease;
  }
  .submit-btn:hover {
    background-color: var(--font-color);
  }
  /*back*/
  .back-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 45px;
    border: 1px solid var(--font-color);
    font-family: var(--noto-serif);
    font-size: 14px;
    line-height: 1;
    color: var(--font-color);
    letter-spacing: 0.07em;
    background-color: var(--white);
    background-image: url(./assets/images/icon-rbtn-bk.png);
    background-repeat: no-repeat;
    background-position: left 30px center;
    background-size: 6px auto;
    cursor: pointer;
    transition: 0.3s ease;
  }
  .back-btn:hover {
    color: var(--white);
    background-color: var(--font-color);
    background-image: url(./assets/images/icon-rbtn-wh.png);
  }
}
@media screen and (max-width:767px) {
  .form-btns {
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
  }
  .form-btns > button + button {
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .form-btns > button + button {
    margin-left: 50px;
  }
}
/*confirm*/
@media screen and (min-width:0px) {
  .form-confirm .search-address,
  .form-confirm .input-label > .mandatory,
  .form-confirm .icon-zip-num,
  .form-confirm .field-mail-txt,
  .form-confirm .field-remail,
  .form-confirm .field-remail-txt,
  .form-confirm .field-messge-txt,
  .form-confirm .field-agree-txt {
    display: none;
  }
  .form-confirm .input-label {
	  padding: 0 0;
  }
  .form-confirm .input-field {
    line-height: 25px;
    font-family: var(--noto-sans);
    font-weight: 400;
  }
  .form-confirm .input-radio-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
  .form-confirm .field-person-wrap > div {
    width: auto;
  }
}
@media screen and (max-width:767px) {
  .form-confirm .field-person-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  .form-confirm  .field-child-wrap {
    margin-left:30px;
    margin-top: 0;
  }
}
/*thanks*/
@media screen and (max-width:767px) {
  .thanks-box {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .thanks-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.05em;
    text-align: justify;
    word-break: break-all;
  }
  .thanks-txt > a {
    color: var(--font-color);
  }
  .thanks-txt > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .thanks-block {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    margin-top: 30px;
  }
  .thanks-title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.02em;
    padding-bottom: 7px;
    text-decoration: underline;
    text-underline-offset: 7px;
  }
  .thanks-company {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 10px;
  }
  .thanks-contact {
    display: block;
    width: 100%;
    font-size: min(12px + (15 - 12) * ((100vw - 320px) / (375 - 320)), 15px);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .thanks-contact > a {
    color: var(--font-color);
  }
  .thanks-contact > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .thanks-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .thanks-btns > a {
    background-color: transparent;
    width: 220px;
  }
}
@media screen and (min-width:768px) {
  .thanks-box {
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 50px auto 0;
  }
  .thanks-txt {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .thanks-txt > a {
    color: var(--font-color);
  }
  .thanks-txt > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .thanks-block {
    display: block;
    width: 100%;
    padding: calc(30/800 * 100%);
    background-color: var(--white);
    margin-top: 30px;
  }
  .thanks-title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.02em;
    padding-bottom: 7px;
    text-decoration: underline;
    text-underline-offset: 7px;
  }
  .thanks-company {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 20px;
  }
  .thanks-contact {
    display: block;
    width: 100%;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
  .thanks-contact > a {
    color: var(--font-color);
  }
  .thanks-contact > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .thanks-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .thanks-btns > a {
    background-color: transparent;
    width: 220px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .thanks-txt {
    font-size: 15px;
  }
}
/*
PAGE - about
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .about-intro {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
    overflow-x: hidden;
  }
  .about-intro__body {
    display: block;
    width: 100%;
  }
  .about-intro__content {
    display: block;
    width: 100%;
  }
  .about-intro__header {
    display: block;
    width: 100%;
    font-size: min(17px + (20 - 17) * ((100vw - 320px) / (375 - 320)), 20px);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
  }
  .about-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .about-intro__imgaes1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 20px auto;
  }
  .about-intro__content picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-intro__figure1 {
    display: block;
    width: calc(150/335 * 100%);
    margin-top: 30px;
  }
  .about-intro__figure2 {
    display: block;
    width: calc(175/335 * 100%);
  }
  .about-intro__imgaes2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
  }
  .about-intro__figure3 {
    display: block;
    width: calc(168/335 * 100%);
    margin-top: 30px;
  }
  .about-intro__figure4 {
    display: block;
    width: calc(157/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .about-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
    overflow-x: hidden;
  }
  .about-intro__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .about-intro__content {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .about-intro__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 50px;
  }
  .about-intro__txt {
    display: block;
    width: 100%;
    font-size: min(13px + (15 - 13) * ((100vw - 1025px) / (1366 - 1025)), 15px);
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .about-intro__imgaes1 + .about-intro__txt {
    margin-top: 30px;
  }
  .about-intro__content picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-intro__figure1 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(236/1366 * 100%);
    transform: translateX(-38%);
  }
  .about-intro__figure2 {
    position: absolute;
    top: 20px;
    right: 0;
    display: block;
    width: calc(165/1366 * 100%);
  }
  .about-intro__figure3 {
    position: absolute;
    bottom: -80px;
    left: 0;
    display: block;
    width: calc(278/1366 * 100%);
    transform: translateX(-14.3884%);
  }
  .about-intro__figure4 {
    position: absolute;
    bottom: 20px;
    right: calc(95/1366 * 100%);
    display: block;
    width: calc(157/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .about-intro__content {
    max-width: 500px;
  }
  .about-intro__header {
    font-size: 26px;
  }
  .about-intro__txt {
    font-size: 13px;
  }
  .about-intro__figure4 {
    right: calc(80/1366 * 100%);
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .about-banner {
    display: block;
    width: 100%;
    padding:30px 0 0 0;
    background-color: var(--white);
  }
  .about-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .about-banner {
    display: block;
    width: 100%;
    padding:100px 0 0 max(20px, calc((100% - 1100px)/2));
    background-color: var(--white);
  }
  .about-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*value*/
@media screen and (max-width:767px) {
  .about-value {
    display: block;
    width: 100%;
    padding: 80px 0 50px;
    background-color: var(--white);
  }
  .about-value__body {
    display: block;
    width: 100%;
  }
  .about-value__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .about-value__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .about-value__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .about-value__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .about-value-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .about-value-box + .about-value-box {
    margin-top: 80px;
  }
  .about-value-box__figure {
    display: block;
    width: 100%;
  }
  .about-value-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-value-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .about-value-box__title {
    display: block;
    width: 100%;
    font-size:  min(17px + (20 - 17) * ((100vw - 320px) / (375 - 320)), 20px);
    font-weight: 500;
    line-height: 30px;
  }
  .about-value-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 30px;
    padding-right: 5px;
  }
  .about-value-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .about-value {
    display: block;
    width: 100%;
    padding: 120px 0 100px;
    background-color: var(--white);
  }
  .about-value__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .about-value__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .about-value__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .about-value__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .about-value__main {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .about-value-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .about-value-box + .about-value-box {
    margin-top: 80px;
  }
  .about-value-box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .about-value-box__figure {
    display: block;
    width: calc(475/1100 * 100%);
  }
  .about-value-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-value-box__content {
    display: block;
    width: 50%;
  }
  .about-value-box__title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .about-value-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
    padding-right: 10px;
  }
  .about-value-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .about-value-box__title > span {
    font-size: 30px;
  }
  .about-value-box__title {
    font-size: 20px;
  }
  .about-value-box__txt {
    font-size: 14px;
    margin-top: 30px;
  }
}
/*
PAGE - reason
--------------------------------------------- */
/*nav*/
@media screen and (max-width:767px) {
  .reason-nav {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  .reason-nav > .container {
    padding: 0 10px;
  }
  .reason-nav__body {
    display: block;
    width: 100%;
  }
  .reason-nav__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .reason-nav__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: min(22px + (26 - 22) * ((100vw - 320px) / (375 - 320)), 26px);
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 35px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .reason-nav__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .reason-nav__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 365px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }
  .reason-nav__list > li {
    position: relative;
    display: block;
    width: calc(50% - 5px);
    margin-right: 10px;
    padding-bottom: calc(152.5/315 * 100%);
  }
  .reason-nav__list > li:nth-child(2n),
  .reason-nav__list > li:last-child {
    margin-right: 0;
  }
  .reason-nav__list > li:nth-child(n + 3) {
    margin-top: 30px;
  }
  .reason-nav__list > li::before {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    height: 1px;
    border-top: 1px dashed var(--font-color);
    transform: translateY(-50%);
  }
  .reason-nav__list > li:nth-child(1):before {
    width: 10px;
    right: -10px;
  }
  .reason-nav__list > li:nth-child(2):before {
    width: 20px;
    right: -20px;
  }
  .reason-nav__list > li:nth-child(3):before {
    width: 20px;
    left: -20px;
  }
  .reason-nav__list > li:nth-child(3)::after {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    width: 10px;
    right: -10px;
    height: 1px;
    border-top: 1px dashed var(--font-color);
    transform: translateY(-50%);
  }
  .reason-nav__list > li:nth-child(4):before {
    width: 20px;
    right: -20px;
  }
  .reason-nav__list > li:nth-child(5):before {
    width:calc((162.5/315 * 100%) + 20px);
    left: calc((-162.5/315 * 100%) - 20px);
  }
  .reason-nav__list > li > a {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 200px;
    border: 1px solid var(--font-color);
  }
  .reason-nav__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .reason-nav__badge {
    font-size: 18px;
    font-family: var(--josefin-sans);
    font-weight: 300;
    color: var(--font-color);
    line-height: 1;
  }
  .reason-nav__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--font-color);
    margin-top: 5px;
  }
  .reason-nav__title > span:nth-child(1) {
    font-size: 19px;
    line-height: 28px;
    letter-spacing: 0.03em;
  }
  .reason-nav__title > span:nth-child(2) {
    font-size: min(11px + (15 - 11) * ((100vw - 320px) / (375 - 320)), 15px);
    line-height: 21px;
    letter-spacing: 0.1em;
    margin-top: 5px;
  }
}
@media screen and (min-width:768px) {
  .reason-nav {
    display: block;
    width: 100%;
    padding: 70px 0 100px;
    background-color: var(--white);
  }
  .reason-nav__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .reason-nav__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .reason-nav__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 36px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 46px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .reason-nav__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 18px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 15px;
  }
  .reason-nav__list {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    column-gap: 40px;
    width: 100%;
  }
  .reason-nav__list > li {
    position: relative;
    display: block;
    width: 100%;
  }
  .reason-nav__list > li:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -40px;
    display: block;
    width: 40px;
    height: 1px;
    border-top: 1px dashed var(--font-color);
    transform: translateY(-50%);
  }
  .reason-nav__list > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 200px;
    border: 1px solid var(--font-color);
  }
  .reason-nav__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .reason-nav__badge {
    font-size: 20px;
    font-family: var(--josefin-sans);
    font-weight: 300;
    color: var(--font-color);
    line-height: 1;
  }
  .reason-nav__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--font-color);
  }
  .reason-nav__title > span:nth-child(1) {
    font-size: 22px;
    line-height: 32.5px;
    letter-spacing: 0.03em;
  }
  .reason-nav__title > span:nth-child(2) {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.1em;
    margin-top: 5px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .reason-nav__list {
    column-gap: 20px;
  }
  .reason-nav__list > li:not(:first-child)::before {
    left: -20px;
    width: 20px;
  }
  .reason-nav__badge {
    font-size: 16px;
  }
  .reason-nav__title > span:nth-child(1) {
    font-size: 18px;
  }
  .reason-nav__title > span:nth-child(2) {
    font-size: 12px;
    line-height: 16px;
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .reason-banner {
    display: block;
    width: 100%;
    padding:30px 0 0 0;
    background-color: var(--white);
  }
  .reason-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .reason-banner {
    display: block;
    width: 100%;
    padding:100px 0 0 max(20px, calc((100% - 1100px)/2));
    background-color: var(--white);
  }
  .reason-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*point*/
@media screen and (max-width:767px) {
  .reason-point {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .reason-point__wrap {
    display: block;
    width: 100%;
  }
  .reason-point__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .reason-point__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .reason-point__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(20px + (24 - 20) * ((100vw - 320px) / (375 - 320)), 24px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .reason-point__main {
    display: block;
    width: 100%;
    margin-top: -30px;
  }
  .reason-point-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 80px;
  }
  .reason-point-box__content {
    display: block;
    width: 100%;
  }
  .reason-point-box__badge {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #6F818E;
    font-family: var(--josefin-sans);
    letter-spacing: 0.07em;
  }
  .reason-point-box__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    margin-top: 5px;
    letter-spacing: 0.1em;
  }
  .reason-point-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .reason-point-box__btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .reason-point-box__btns > a {
    width: calc(50% - 5px);
    font-size: min(10px + (12 - 10) * ((100vw - 320px) / (375 - 320)), 12px);
    background-position: right 8px center;
  }
  .reason-point-box__btns > a:nth-child(1){
    margin-right: 10px;
  }
  .reason-point-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .reason-point-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .reason-point {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .reason-point__wrap {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .reason-point__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .reason-point__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .reason-point__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .reason-point__main {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .reason-point-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: 80px;
  }
  .reason-point-box__content {
    display: block;
    width: calc(500/1100 * 100%);
  }
  .reason-point-box__badge {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color: #6F818E;
    font-family: var(--josefin-sans);
    letter-spacing: 0.07em;
  }
  .reason-point-box__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    margin-top: 20px;
    letter-spacing: 0.1em;
  }
  .reason-point-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 40px;
  }
  .reason-point-box__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;
  }
  .reason-point-box__btns > a {
    background-position: right 20px center;
  }
  .reason-point-box__btns > a:nth-child(1){
    margin-right: 15px;
  }
  .reason-point-box:last-child  .reason-point-box__btns > a:nth-child(1) {
    width: 220px;
  }
  .reason-point-box__figure {
    display: block;
    width: calc(500/1100 * 100%);
  }
  .reason-point-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .reason-point-box__btns > a + a {
    margin-top: 15px;
  }
}
/*
PAGE - flow
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .flow-intro {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .flow-intro__body {
    display: block;
    width: 100%;
  }
  .flow-intro__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .flow-intro__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .flow-intro__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .flow-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
  }
}
@media screen and (min-width:768px) {
  .flow-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .flow-intro__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .flow-intro__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .flow-intro__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .flow-intro__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .flow-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .flow-banner {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .flow-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .flow-banner {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .flow-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*step*/
@media screen and (max-width:767px) {
  .flow-step {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .flow-step__timeline {
    display: block;
    width: 100%;
  }
  .flow-step__timeline > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #E3E3E3;
  }
  .flow-step__timeline > li:last-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .flow-step__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .flow-step__badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 70px;
    border: 1px solid #E3E3E3;
    font-family: var(--josefin-sans);
    color: #6F818E;
    font-weight: 400;
  }
  .flow-step__badge > span:nth-child(1) {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .flow-step__badge > span:nth-child(2) {
    font-size: 21px;
    line-height: 1;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .flow-step__title {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding: 20px 0;
  }
  .flow-step__content {
    display: block;
    width: 100%;
    padding: 20px 0;
    background-image: linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: calc(285/335 * 100%) 1px;
  }
  .flow-step__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__btns {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .flow-step__btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 14px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    font-weight: 300;
    line-height: 1;
    padding-right: 20px;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .flow-step__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .flow-step__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .flow-step__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .flow-step {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .flow-step__timeline {
    display: block;
    width: 100%;
  }
  .flow-step__timeline > li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #E3E3E3;
  }
  .flow-step__timeline > li:last-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .flow-step__hgroup {
    display: flex;
    align-items: center;
    width: calc(267/1100 * 100%);
    height: 55px;
    padding-right: calc(20/1100 * 100%);
  }
  .flow-step__badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 30px;
    border: 1px solid #E3E3E3;
    font-family: var(--josefin-sans);
    color: #6F818E;
    font-weight: 400;
  }
  .flow-step__badge > span:nth-child(1) {
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .flow-step__badge > span:nth-child(2) {
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .flow-step__title {
    display: block;
    width: calc(100% - 55px);
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    word-break: break-all;
    padding-left: 10px;
  }
  .flow-step__content {
    display: block;
    width: calc(563/1100 * 100%);
    padding: 10px calc(40/1100 * 100%) 10px calc(30/1100 * 100%);
    border-left: 1px solid #E3E3E3;
  }
  .flow-step__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__btns {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 15px;
  }
  .flow-step__btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 13px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    font-weight: 300;
    line-height: 1;
    padding-right: 20px;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .flow-step__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .flow-step__figure {
    display: block;
    width: calc(270/1100 * 100%);
  }
  .flow-step__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:1025px) {
  .flow-step {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .flow-step__timeline {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .flow-step__timeline > li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #E3E3E3;
  }
  .flow-step__timeline > li:last-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .flow-step__hgroup {
    display: flex;
    align-items: center;
    width: calc(267/1100 * 100%);
    height: 72px;
    padding-right: calc(30/1100 * 100%);
  }
  .flow-step__badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 40px;
    border: 1px solid #E3E3E3;
    font-family: var(--josefin-sans);
    color: #6F818E;
    font-weight: 400;
  }
  .flow-step__badge > span:nth-child(1) {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .flow-step__badge > span:nth-child(2) {
    font-size: 21px;
    line-height: 1;
    letter-spacing: 0.07em;
    margin-top: 5px;
    font-weight: 200;
  }
  .flow-step__title {
    display: block;
    width: calc(100% - 72px);
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    padding-left: 10px;
  }
  .flow-step__content {
    display: block;
    width: calc(563/1100 * 100%);
    padding: 15px calc(40/1100 * 100%) 15px calc(30/1100 * 100%);
    border-left: 1px solid #E3E3E3;
  }
  .flow-step__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__btns {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .flow-step__btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 14px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    font-weight: 300;
    line-height: 1;
    padding-right: 20px;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .flow-step__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .flow-step__figure {
    display: block;
    width: calc(270/1100 * 100%);
  }
  .flow-step__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*
PAGE - renovation
--------------------------------------------- */
/*future*/
@media screen and (max-width:767px) {
  .renovation-future {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .renovation-future__body {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
  }
  .renovation-future__body::after {
    content: "";
    position: absolute;
    top: 50px;
    right: 20px;
    display: block;
    width: calc(310/375 * 100%);
    height: 100%;
    background-image: url(./assets/images/renovation/icon-home.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .renovation-future__body img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-future__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-future__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .renovation-future__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0.07em;
  }
  .renovation-future__header > span:nth-child(2) {
    font-size: 26px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 30px;
  }
  .renovation-future__block1 {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: 40px;
  }
  .renovation-future__figure1 {
    display: block;
    width: calc(216.94/375 * 100%);
    margin-top: 30px;
  }
  .renovation-future__figure2 {
    display: block;
    width: calc(127.69/375 * 100%);
  }
  .renovation-future__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .renovation-future__block2 {
    display: flex;
    justify-content: flex-end;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: 40px;
  }
  .renovation-future__figure3 {
    display: block;
    width: calc(177/375 * 100%);
  }
}
@media screen and (min-width:768px) {
  .renovation-mv + .breadcrumb-wrapper {
    background-color: transparent;
  }
  .renovation-future {
    display: block;
    width: 100%;
    background-color: var(--white);

  }
  .renovation-future__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 300px;
  }
  .renovation-future__body::after {
    content: "";
    position: absolute;
    top: -90px;
    left: 50%;
    display: block;
    width: calc(622/1366 * 100%);
    height: 100%;
    background-image: url(./assets/images/renovation/icon-home.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .renovation-future__body img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-future__main {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-future__header {
    display: flex;
    flex-direction: column;
    width: calc(500/1100 * 100%);
  }
  .renovation-future__header > span:nth-child(1) {
    font-size: 60px;
    font-family: var(--josefin-sans);
    font-weight: 400;
    line-height: 70px;
    letter-spacing: 0.07em;
  }
  .renovation-future__header > span:nth-child(2) {
    font-size: 36px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.07em;
    margin-top: 40px;
  }
  .renovation-future__figure1 {
    position: absolute;
    bottom: 0;
    left: -70px;
    display: block;
    width: calc(350/1366 * 100%);
  }
  .renovation-future__figure2 {
    position: absolute;
    bottom: calc(185/1366 * 100%);
    left: calc(320/1366 * 100%);
    display: block;
    width: calc(206/1366 * 100%);
  }
  .renovation-future__txt {
    display: block;
    width: calc(600/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 150px;
  }
  .renovation-future__figure3 {
    position: absolute;
    bottom: calc(40/1366 * 100%);
    right: calc(-10/1366 * 100%);
    display: block;
    width: calc(257/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .renovation-future__body {
    padding: 100px 0 min(150px + (200 - 150) * ((100vw - 768px) / (1024 - 768)), 200px);
  }
  .renovation-future__header > span:nth-child(1) {
    font-size: 40px;
    line-height: 50px;
  }
  .renovation-future__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 40px;
    margin-top: 30px;
  }
  .renovation-future__txt {
    margin-top: 100px;
  }
}
/*reason*/
@media screen and (max-width:767px) {
  .renovation-reason {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .renovation-reason__body {
    display: block;
    width: 100%;
  }
  .renovation-reason__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .renovation-reason__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .renovation-reason__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(17px + (20 - 17) * ((100vw - 320px) / (375 - 320)), 20px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin-top: 5px;
  }
  .renovation-reason__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .renovation-reason-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-reason-box + .renovation-reason-box {
    margin-top: 80px;
  }
  .renovation-reason-box__figure {
    display: block;
    width: 100%;
  }
  .renovation-reason-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-reason-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .renovation-reason-box__title {
    display: block;
    width: 100%;
    font-size: min(17px + (20 - 17) * ((100vw - 320px) / (375 - 320)), 20px);
    font-weight: 500;
    line-height: 30px;
  }
  .renovation-reason-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 30px;
    padding-right: 5px;
  }
  .renovation-reason-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .renovation-reason {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .renovation-reason__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-reason__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .renovation-reason__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .renovation-reason__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-reason__main {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .renovation-reason-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .renovation-reason-box + .renovation-reason-box {
    margin-top: 80px;
  }
  .renovation-reason-box__figure {
    display: block;
    width: calc(475/1100 * 100%);
  }
  .renovation-reason-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-reason-box__content {
    display: block;
    width: 50%;
  }
  .renovation-reason-box__title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .renovation-reason-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
    padding-right: 10px;
  }
  .renovation-reason-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .renovation-reason__header > span:nth-child(2) {
    font-size: 28px;
  }
  .renovation-reason-box__title > span {
    font-size: 30px;
  }
  .renovation-reason-box__title {
    font-size: 20px;
  }
  .renovation-reason-box__txt {
    font-size: 14px;
    margin-top: 30px;
  }
}
/*feature*/
@media screen and (max-width:767px) {
  .renovation-feature {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color:var(--gray);
  }
  .renovation-feature__body {
    display: block;
    width: 100%;
  }
  .renovation-feature__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .renovation-feature__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .renovation-feature__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(18px + (21 - 17) * ((100vw - 320px) / (375 - 320)), 21px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    margin-top: 5px;
  }
  .renovation-feature__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .renovation-feature-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
  }
  .renovation-feature-box + .renovation-feature-box {
    margin-top: 30px;
  }
  .renovation-feature-box__figure {
    display: block;
    width: 100%;
  }
  .renovation-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-feature-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .renovation-feature-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }
  .renovation-feature-box__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .renovation-feature-box__btns {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .renovation-feature-box__btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 14px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    font-weight: 300;
    line-height: 1;
    padding-right: 20px;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .renovation-feature-box__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .renovation-feature {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color:var(--gray);
  }
  .renovation-feature__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-feature__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .renovation-feature__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .renovation-feature__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-feature__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .renovation-feature-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: calc(50/1100 * 100%) calc(60/1100 * 100%);
    background-color: var(--white);
  }
  .renovation-feature-box + .renovation-feature-box {
    margin-top: 30px;
  }
  .renovation-feature-box__figure {
    display: block;
    width: calc(345/980 * 100%);
  }
  .renovation-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-feature-box__content {
    display: block;
    width: calc(585/980 * 100%);
  }
  .renovation-feature-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }
  .renovation-feature-box__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .renovation-feature-box__btns {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .renovation-feature-box__btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 14px;
    color: var(--font-color);
    letter-spacing: 0.07em;
    font-weight: 300;
    line-height: 1;
    padding-right: 20px;
    background-image: url(./assets/images/icon-btn-bk.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .renovation-feature-box__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*works*/
@media screen and (max-width:767px) {
  .renovation-works {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .renovation-works__body {
    display: block;
    width: 100%;
  }
  .renovation-works__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .renovation-works__header > span:nth-child(1) {
    font-size: 16px;
    font-family: var(--josefin-sans);
    font-weight: 400;
    line-height: 26px;
    padding-right: 10px;
    border-right: 1px solid #E3E3E3;
  }
  .renovation-works__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-works-items {
    display: none;
  }
  .renovation-works-slide {
    width: 100%;
    margin-top: 30px;
  }
  .renovation-works-slide > .swiper-wrapper {
    width: 100%;
  }
  .renovation-works-slide .swiper-slide {
    width: 310px;
  }
   .renovation-works-slide .swiper-button-prev {
    width: 30px;
    height: 30px;
    left: -10px;
    background-image: url(./assets/images/renovation/prev-bk.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 2px);
  }
  .renovation-works-slide .swiper-button-prev:hover {
    transition: 0.3s ease;
    background-image: url(./assets/images/renovation/prev-wh.png);
  }
  .renovation-works-slide .swiper-button-next {
    width: 30px;
    height: 30px;
    right: -10px;
    background-image: url(./assets/images/renovation/next-bk.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 2px);
  }
  .renovation-works-slide .swiper-button-next:hover {
    transition: 0.3s ease;
    background-image: url(./assets/images/renovation/next-wh.png);
  }
  .renovation-works-slide .swiper-button-next::after, .renovation-works-slide .swiper-button-prev::after {
    font-size: 0;
  }
  .renovation-works-item {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }
  .renovation-works-item__figure {
    display: block;
    width: 100%;
  }
  .renovation-works-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  .renovation-works-item__title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 18px;
    line-height: 27px;
    color: var(--white);
    font-weight: 600;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    transform: translateY(100%);
    transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  }
  .renovation-works-item:hover > .renovation-works-item__title {
    transform: translateY(0);
  }
  .renovation-works__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .renovation-works__btns > a {
    width: 276px;
    background-position: right 15px center;
  }
}
@media screen and (max-width:359px) {
  .renovation-works-slide .swiper-slide {
    width: 280px;
  }
}
@media screen and (min-width:768px) {
  .renovation-works {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .renovation-works__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-works__header {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .renovation-works__header > span:nth-child(1) {
    font-size: 28px;
    font-family: var(--josefin-sans);
    font-weight: 400;
    line-height: 26px;
    padding-right: 25px;
    border-right: 1px solid #E3E3E3;
  }
  .renovation-works__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding-left: 24px;
    letter-spacing: 0.07em;
  }
  .renovation-works-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(35/1000 * 100%);
    width: 100%;
    margin-top: 50px;
  }
  .renovation-works-slide {
    display: none;
  }
  .renovation-works-item {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }
  .renovation-works-item__figure {
    display: block;
    width: 100%;
  }
  .renovation-works-item__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  .renovation-works-item__title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 18px;
    line-height: 27px;
    color: var(--white);
    font-weight: 600;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    transform: translateY(100%);
    transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  }
  .renovation-works-item:hover > .renovation-works-item__title {
    transform: translateY(0);
  }
  .renovation-works__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .renovation-works__btns > a {
    width: 276px;
    background-position: right 15px center;
  }
}
/*tip*/
@media screen and (max-width:767px) {
  .renovation-tip {
    position: relative;
    display: block;
    width: 100%;
  }
  .renovation-tip__header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .renovation-tip__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .renovation-tip__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 22px;
    color: var(--white);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-tip__figure {
    display: block;
    width: 100%;
  }
  .renovation-tip__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .renovation-tip {
    position: relative;
    display: block;
    width: 100%;
  }
  .renovation-tip__header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .renovation-tip__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .renovation-tip__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--white);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-tip__figure {
    display: block;
    width: 100%;
  }
  .renovation-tip__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*differ*/
@media screen and (max-width:767px) {
  .renovation-tip-differ {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .renovation-tip-differ__body {
    display: block;
    width: 100%;
  }
  .renovation-tip-differ__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-tip-differ__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .renovation-tip-differ__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(18px + (22 - 18) * ((100vw - 320px) / (375 - 320)), 22px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-tip-differ-wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .renovation-tip-differ-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-tip-differ-box + .renovation-tip-differ-box {
    margin-top: 50px;
  }
  .renovation-tip-differ-box__content {
    display: block;
    width: 100%;
  }
  .renovation-tip-differ-box__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-tip-differ-box__title > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .renovation-tip-differ-box__title > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-tip-differ-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 30px;
  }
  .renovation-tip-differ-box__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .renovation-tip-differ-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .renovation-tip-differ {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .renovation-tip-differ__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-tip-differ__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-tip-differ__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .renovation-tip-differ__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-tip-differ-wrap {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .renovation-tip-differ-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .renovation-tip-differ-box + .renovation-tip-differ-box {
    flex-direction: row-reverse;
    margin-top: 80px;
  }
  .renovation-tip-differ-box__content {
    display: block;
    width: calc(355/1100 * 100%);
  }
  .renovation-tip-differ-box__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-tip-differ-box__title > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .renovation-tip-differ-box__title > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-tip-differ-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 50px;
  }
  .renovation-tip-differ-box__figure {
    display: block;
    width: calc(665/1100 * 100%);
  }
  .renovation-tip-differ-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*merit-demerit*/
@media screen and (max-width:767px) {
  .renovation-merit {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .renovation-merit__body {
    display: block;
    width: 100%;
  }
  .renovation-merit__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-merit__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .renovation-merit__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 22px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-merit__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .renovation-merit-box {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    margin-top: 50px;
  }
  .renovation-merit-box__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(#8E9CA6,#8E9CA6);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .renovation-merit-box__title > span {
    display: block;
    width: auto;
    padding: 0 2px;
    background-color: var(--white);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #8E9CA6;
  }
  .renovation-merit-box__columns {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 50px;
    width: 100%;
    margin-top: 35px;
  }
  .renovation-merit-box__column {
    display: block;
    width: 100%;
  }
  .renovation-merit-box__column > picture {
    display: block;
    width: 100%;
  }
  .renovation-merit-box__column > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-merit-box__column > h4 {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #6F818E;
    text-align: justify;
    word-break: break-all;
    margin: 20px 0;
  }
  .renovation-merit-box__column > p {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .renovation-merit {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .renovation-merit__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-merit__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-merit__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .renovation-merit__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .renovation-merit__txt {
    display: block;
    max-width: 1000px;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin: 50px auto 0;
  }
  .renovation-merit-box {
    display: block;
    width: 100%;
    padding: calc(50/1100 * 100%) calc(60/1100 * 100%);
    background-color: var(--white);
    margin-top: 60px;
  }
  .renovation-merit-box + .renovation-merit-box {
    margin-top: 40px;
  }
  .renovation-merit-box__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(#8E9CA6,#8E9CA6);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .renovation-merit-box__title > span {
    display: block;
    width: auto;
    padding: 0 40px;
    background-color: var(--white);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #8E9CA6;
  }
  .renovation-merit-box__columns {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(35/980 * 100%);
    width: 100%;
    margin-top: 35px;
  }
  .renovation-merit-box__column {
    display: block;
    width: 100%;
  }
  .renovation-merit-box__column > picture {
    display: block;
    width: 100%;
  }
  .renovation-merit-box__column > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-merit-box__column > h4 {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    color: #6F818E;
    text-align: justify;
    word-break: break-all;
    margin: 20px 0;
  }
  .renovation-merit-box__column > p {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
    word-break: break-all;
  }
}
/*summary*/
@media screen and (max-width:767px) {
  .renovation-summary {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .renovation-summary__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
}
@media screen and (min-width:768px) {
  .renovation-summary {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .renovation-summary__txt {
    display: block;
    max-width: 1100px;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
}
/*
PAGE - showroom
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .showroom-intro {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .showroom-intro__body {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .showroom-intro__content {
    display: block;
    width: 100%;
  }
  .showroom-intro__header{
    display: block;
    width: 100%;
    font-size: min(20px + (22 - 20) * ((100vw - 320px) / (375 - 320)), 22px);
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    margin-bottom: 50px;
  }
  .showroom-intro__content img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-intro__imgaes1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .showroom-intro__figure1 {
    display: block;
    width: calc(171.59/335 * 100%);
  }
  .showroom-intro__figure2 {
    display: block;
    width: calc(153.41/335 * 100%);
    margin-top: 50px;
  }
  .showroom-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .showroom-intro__imgaes2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
  }
  .showroom-intro__figure3 {
    display: block;
    width: calc(190.81/335 * 100%);
  }
  .showroom-intro__figure4 {
    display: block;
    width: calc(134.19/335 * 100%);
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) {
  .showroom-intro {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .showroom-intro__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
  }
  .showroom-intro__content {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .showroom-intro__header{
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 50px;
  }
  .showroom-intro__content img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-intro__figure1 {
    position: absolute;
    top: 150px;
    left: -50px;
    display: block;
    width: calc(343/1366 * 100%);
  }
  .showroom-intro__figure2 {
    position: absolute;
    top: 190px;
    right: -20px;
    display: block;
    width: calc(228/1366 * 100%);
  }
  .showroom-intro__txt {
    display: block;
    width: 100%;
    font-size: min(13px + (15 - 13) * ((100vw - 1025px) / (1366 - 1025)), 15px);
    line-height: 2;
    text-align: center;
    letter-spacing: 0.07em;
  }
  .showroom-intro__figure3 {
    position: absolute;
    bottom: 0px;
    left: calc(147/1366 * 100%);
    display: block;
    width: calc(219/1366 * 100%);
  }
  .showroom-intro__figure4 {
    position: absolute;
    bottom: calc(94/1366 * 100%);
    right: calc(138/1366 * 100%);
    display: block;
    width: calc(157/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .showroom-intro__content {
    max-width: 460px;
  }
  .showroom-intro__header {
    font-size: 26px;
  }
  .showroom-intro__figure4 {
    right: calc(118/1366 * 100%);
  }
  .showroom-intro__txt {
    font-size: 13px;
  }
}
/*feature*/
@media screen and (max-width:767px) {
  .showroom-feature {
    display: block;
    width: 100%;
    padding: 80px 0 50px;
    background-color: var(--white);
  }
  .showroom-feature__body {
    display: block;
    width: 100%;
  }
  .showroom-feature__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .showroom-feature__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .showroom-feature__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .showroom-feature__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .showroom-feature-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .showroom-feature-box + .showroom-feature-box {
    margin-top: 80px;
  }
  .showroom-feature-box__figure {
    display: block;
    width: 100%;
  }
  .showroom-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-feature-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .showroom-feature-box__title {
    display: block;
    width: 100%;
    font-size:  min(17px + (20 - 17) * ((100vw - 320px) / (375 - 320)), 20px);
    font-weight: 500;
    line-height: 30px;
  }
  .showroom-feature-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 30px;
    padding-right: 5px;
  }
  .showroom-feature-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .showroom-feature {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .showroom-feature__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .showroom-feature__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .showroom-feature__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .showroom-feature__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .showroom-feature__main {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .showroom-feature-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .showroom-feature-box + .showroom-feature-box {
    margin-top: 80px;
  }
  .showroom-feature-box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .showroom-feature-box__figure {
    display: block;
    width: calc(475/1100 * 100%);
  }
  .showroom-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-feature-box__content {
    display: block;
    width: 50%;
    padding-top: 20px;
  }
  .showroom-feature-box__title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .showroom-feature-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
    padding-right: 10px;
  }
  .showroom-feature-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
}
/*model*/
@media screen and (max-width:767px) {
  .showroom-model {
    display: block;
    width: 100%;
    padding: 90px 0 80px;
    background-color: var(--font-color);
  }
  .showroom-model__header {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--white);
  }
  .showroom-model__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .showroom-model__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(16.5px + (19 - 16.5) * ((100vw - 320px) / (375 - 320)), 19px);
    font-weight: 500;
    line-height: 27px;
    margin-top: 5px;
  }
  .showroom-model-main {
    display: block;
    width: 100%;
  }
  .showroom-model-box {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .showroom-model-box__figure {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 50px;
  }
  .showroom-model-box__figure::before {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    text-align: center;
    width: 28px;
    font-size: 28px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: rgba(255,255,255,0.3);
    writing-mode: vertical-lr;
    letter-spacing: 0.07em;
    z-index: 2;
  }
  .showroom-model-box__figure.moriya::before {
    content: "MORIYA MODEL HOUSE";
    left: 0;
  }
  .showroom-model-box__figure.hiraya::before {
    content: "HIRAYA MODEL HOUSE";
    right: 2px;
  }
  .showroom-model-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-model-box__title {
    display: flex;
    flex-direction: column;
    max-width: 520px;
    width: 100%;
    padding: 20px 20px 0 20px;
    background-color: var(--font-color);
    color: var(--white);
    margin: 0 auto;
  }
  .showroom-model-box__title > span:nth-child(1) {
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .showroom-model-box__title > span:nth-child(2) {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-top: 10px;
  }
  .showroom-model-box__columns {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px 0;
  }
  .showroom-model-box__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .showroom-model-box__address {
    display: block;
    width: 100%;
    font-size: min(13px + (14 - 13) * ((100vw - 320px) / (375 - 320)), 14px);
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .showroom-model-box__address > span {
    font-family: var(--josefin-sans);
  }
  .showroom-model-box__btns {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .showroom-model-box__btns > a {
    width: 286px;
    height: 58px;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  .showroom-model-box__btns > a:hover {
    background-color: var(--white);
    color: var(--font-color);
    background-image: url(./assets/images/icon-btn-bk.png);
  }
}
@media screen and (min-width:768px) {
  .showroom-model {
    display: block;
    width: 100%;
    padding: 120px 0;
    background-color: var(--font-color);
  }
  .showroom-model__header {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    color: var(--white);
  }
  .showroom-model__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .showroom-model__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .showroom-model-main {
    display: block;
    width: 100%;
  }
  .showroom-model-box {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .showroom-model-box__figure {
    position: relative;
    display: block;
    width: 100%;
  }
  .showroom-model-box__figure.moriya {
    padding-left:max(20px, calc((100% - 1100px)/2));
  }
  .showroom-model-box__figure.hiraya {
    padding-right:max(20px, calc((100% - 1100px)/2));
  }
  .showroom-model-box__figure::before {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    width: min(25px + (38 - 25) * ((100vw - 1025px) / (1920 - 1025)), 38px);
    font-size: min(25px + (38 - 25) * ((100vw - 1025px) / (1920 - 1025)), 38px);
    font-family: var(--josefin-sans);
    line-height: 0.7;
    color: rgba(255,255,255,0.3);
    writing-mode: vertical-lr;
    letter-spacing: 0.07em;
    z-index: 2;
    font-weight: 300;
  }
  .showroom-model-box__figure.moriya::before {
    content: "MORIYA MODEL HOUSE";
    left: max(1px, calc((100% - 1300px)/2));
    align-items: flex-end;
  }
  .showroom-model-box__figure.hiraya::before {
    content: "HIRAYA MODEL HOUSE";
    right: max(1px, calc((100% - 1300px)/2));
    align-items: flex-start;
  }
  .showroom-model-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-model-box__title {
    position: absolute;
    bottom: 0;
    left: max(20px, calc((100% - 1100px)/2));
    display: flex;
    flex-direction: column;
    width: auto;
    padding: 30px 80px 0 30px;
    background-color: var(--font-color);
    color: var(--white);
  }
  .showroom-model-box__title > span:nth-child(1) {
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .showroom-model-box__title > span:nth-child(2) {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
  .showroom-model-box__columns {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    width: 100%;
    padding: 0 30px;
    margin: 60px auto 0;
  }
  .showroom-model-box__txt {
    display: block;
    width: calc(600/1040 * 100%);
    font-size: 14px;
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .showroom-model-box__address {
    display: block;
    width: calc(330/1040 * 100%);
    font-size: 14px;
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .showroom-model-box__address > span {
    font-family: var(--josefin-sans);
  }
  .showroom-model-box__btns {
    display: flex;
    max-width: 1100px;
    width: 100%;
    padding: 0 30px;
    margin: 60px auto 0;
  }
  .showroom-model-box__btns > a {
    width: 286px;
    height: 58px;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  .showroom-model-box__btns > a:hover {
    background-color: var(--white);
    color: var(--font-color);
    background-image: url(./assets/images/icon-btn-bk.png);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .showroom-model-box__figure > img {
    height:min(300px + (342 - 300) * ((100vw - 768px) / (1024 - 768)), 342px);
  }
}
/*ideal*/
@media screen and (max-width:767px) {
  .showroom-ideal {
    display: block;
    width: 100%;
    padding: 80px 0 50px;
    background-color: var(--white);
  }
  .showroom-ideal__body {
    display: block;
    width: 100%;
  }
  .showroom-ideal__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
  }
  .showroom-ideal__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .showroom-ideal__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .showroom-ideal__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .showroom-ideal__txt1 {
    order: 1;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .showroom-ideal__figure {
    order: 3;
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .showroom-ideal__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-ideal__txt2 {
    order: 2;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .showroom-ideal__btns {
    order: 4;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .showroom-ideal__btns > a {
    width: 276px;
    background-position: right 20px center;
  }
  .showroom-ideal__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 20px;
    background-color: #F1F5E5;
    margin-top: 50px;
  }
  .showroom-ideal__box-figure {
    display: block;
    max-width: 225px;
    width: 100%;
  }
  .showroom-ideal__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-ideal__box-content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .showroom-ideal__box-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #E9735E;
    text-align: center;
  }
  .showroom-ideal__box-txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .showroom-ideal__box-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .showroom-ideal__box-btns > a {
    max-width: 276px;
    width: 100%;
    background-color: transparent;
    background-position: right 20px center;
    padding-right: 10px;
  }
  .showroom-ideal__box-btns > a:nth-child(1) {
    margin-bottom: 20px;
  }
}
@media screen and (min-width:768px) {
  .showroom-ideal {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .showroom-ideal__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .showroom-ideal__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .showroom-ideal__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .showroom-ideal__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .showroom-ideal__main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .showroom-ideal__txt1 {
    display: block;
    width: calc(530/1000 * 100%);
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .showroom-ideal__figure {
    display: block;
    width: calc(420/1000 * 100%);
  }
  .showroom-ideal__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-ideal__txt2 {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .showroom-ideal__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .showroom-ideal__btns > a {
    width: 276px;
    background-position: right 20px center;
  }
  .showroom-ideal__box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: calc(40/1100 * 100%) calc(80/1100 * 100%);
    background-color: #F1F5E5;
    margin-top: 80px;
  }
  .showroom-ideal__box-figure {
    display: block;
    width: calc(195/940 * 100%);
  }
  .showroom-ideal__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .showroom-ideal__box-content {
    display: block;
    width: calc(660/940 * 100%);
  }
  .showroom-ideal__box-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #E9735E;
  }
  .showroom-ideal__box-txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .showroom-ideal__box-btns {
    display: flex;
    width: 100%;
    margin-top: 30px;
  }
  .showroom-ideal__box-btns > a {
    width: 276px;
    background-color: transparent;
    background-position: right 20px center;
  }
  .showroom-ideal__box-btns > a:nth-child(1) {
    margin-right: 20px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .showroom-ideal__box-btns > a {
    width: calc(50% - 10px);
    font-size: 13px;
    background-color: transparent;
    background-position: right 10px center;
    padding-right: 10px;
  }
}
/*
PAGE - hiraya
--------------------------------------------- */
@media screen and (max-width:767px) {
  .hiraya-intro {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  .hiraya-intro__body {
    display: block;
    width: 100%;
  }
  .hiraya-intro__header {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px;
  }
  .hiraya-intro__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-intro__list > li {
    position: relative;
    display: block;
    width: calc(50% - 10px);
    margin-right: 20px;
    padding-bottom: calc(157.5/335 * 100%);
  }
  .hiraya-intro__list > li:nth-child(2n) {
    margin-right: 0;
  }
  .hiraya-intro__list > li:last-child {
    margin-top: 20px;
    margin-right: 0;
  }
  .hiraya-intro__list-txt {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 200px;
    border: 1px solid var(--font-color);
  }
  .hiraya-intro__list-txt > span:nth-child(1) {
    font-family: var(--josefin-sans);
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 400;
  }
  .hiraya-intro__list-txt > span:nth-child(2) {
    font-size: min(11px + (14 - 11) * ((100vw - 320px) / (375 - 320)), 14px);
    line-height: 20px;
    text-align: center;
  }
  .hiraya-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .hiraya-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .hiraya-intro__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-intro__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px;
  }
  .hiraya-intro__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 40px;
    max-width: 644px;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-intro__list > li {
    position: relative;
    display: block;
    width: 100%;
  }
  .hiraya-intro__list-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 200px;
    border: 1px solid var(--font-color);
  }
  .hiraya-intro__list-txt > span:nth-child(1) {
    font-family: var(--josefin-sans);
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 400;
  }
  .hiraya-intro__list-txt > span:nth-child(2) {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
  }
  .hiraya-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin-top: 30px;
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .hiraya-banner {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .hiraya-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .hiraya-banner {
    display: block;
    width: 100%;
    padding:0 0 0 max(20px, calc((100% - 1100px)/2));
    background-color: var(--white);
  }
  .hiraya-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*merit*/
@media screen and (max-width:767px) {
  .hiraya-merit {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .hiraya-merit__wrap {
    display: block;
    width: 100%;
  }
  .hiraya-merit__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .hiraya-merit__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .hiraya-merit__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(20px + (24 - 20) * ((100vw - 320px) / (375 - 320)), 24px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .hiraya-merit__main {
    display: block;
    width: 100%;
    margin-top: -30px;
  }
  .hiraya-merit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 80px;
  }
  .hiraya-merit-box__content {
    display: block;
    width: 100%;
  }
  .hiraya-merit-box__badge {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #6F818E;
    font-family: var(--josefin-sans);
    letter-spacing: 0.07em;
  }
  .hiraya-merit-box__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    margin-top: 5px;
    letter-spacing: 0.1em;
  }
  .hiraya-merit-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .hiraya-merit-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .hiraya-merit-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .hiraya-merit {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .hiraya-merit__wrap {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-merit__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .hiraya-merit__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .hiraya-merit__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .hiraya-merit__main {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .hiraya-merit-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: 80px;
  }
  .hiraya-merit-box__content {
    display: block;
    width: calc(500/1100 * 100%);
  }
  .hiraya-merit-box__badge {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color: #6F818E;
    font-family: var(--josefin-sans);
    letter-spacing: 0.07em;
  }
  .hiraya-merit-box__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    margin-top: 20px;
    letter-spacing: 0.1em;
  }
  .hiraya-merit-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 40px;
  }
  .hiraya-merit-box__figure {
    display: block;
    width: calc(500/1100 * 100%);
    margin-top: 26px;
  }
  .hiraya-merit-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*life*/
@media screen and (max-width:767px) {
  .hiraya-life {
    display: block;
    width: 100%;
    padding: 80px 0 50px;
    background-color: var(--gray);
  }
  .hiraya-life__body {
    display: block;
    width: 100%;
  }
  .hiraya-life__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .hiraya-life__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .hiraya-life__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .hiraya-life__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .hiraya-life-box {
    display: block;
    width: 100%;
  }
  .hiraya-life-box + .hiraya-life-box {
    margin-top: 50px;
  }
  .hiraya-life-box__header {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(111,129,142,0.3),rgba(111,129,142,0.3));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .hiraya-life-box__header > span {
    display: block;
    width: auto;
    font-size: 15px;
    font-family: var(--josefin-sans);
    padding-right: 10px;
    line-height: 20px;
    color: #6F818E;
    background-color: var(--gray);
    letter-spacing: 0.07em;
    font-weight: 400;
  }
  .hiraya-life-box__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .hiraya-life-box__content {
    display: block;
    width: 100%;
  }
  .hiraya-life-box__title {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .hiraya-life-box__title > span:nth-child(1) {
    font-size: 15px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    font-weight: 300;
  }
  .hiraya-life-box__title > span:nth-child(2) {
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .hiraya-life-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .hiraya-life-box__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .hiraya-life-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .hiraya-life {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .hiraya-life__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-life__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .hiraya-life__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .hiraya-life__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .hiraya-life__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .hiraya-life-box {
    display: block;
    width: 100%;
  }
  .hiraya-life-box + .hiraya-life-box {
    margin-top: 100px;
  }
  .hiraya-life-box__header {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(111,129,142,0.3),rgba(111,129,142,0.3));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .hiraya-life-box__header > span {
    display: block;
    width: auto;
    font-size: 16px;
    font-family: var(--josefin-sans);
    padding-right: 30px;
    line-height: 20px;
    color: #6F818E;
    background-color: var(--gray);
    letter-spacing: 0.07em;
    font-weight: 400;
  }
  .hiraya-life-box__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 60px;
  }
  .hiraya-life-box:nth-child(even) > .hiraya-life-box__main {
    flex-direction: row-reverse;
  }
  .hiraya-life-box__content {
    display: block;
    width: calc(355/1100 * 100%);
  }
  .hiraya-life-box__title {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .hiraya-life-box__title > span:nth-child(1) {
    font-size: 20px;
    font-family: var(--josefin-sans);
    line-height: 26px;
    font-weight: 300;
  }
  .hiraya-life-box__title > span:nth-child(2) {
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .hiraya-life-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .hiraya-life-box__figure {
    display: block;
    width: calc(665/1100 * 100%);
  }
  .hiraya-life-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .hiraya-life-box__title > span:nth-child(2) {
    font-size: 26px;
  }
}
/*advice*/
@media screen and (max-width:767px) {
  .hiraya-advice {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .hiraya-advice__body {
    position: relative;
    display: block;
    width: 100%;
  }
  .hiraya-advice__main {
    display: flex;
    flex-direction: column;
    align-content: center;
    width: 100%;
  }
  .hiraya-advice__header {
    display: block;
    width: 100%;
    font-size: min(21px + (24 - 21) * ((100vw - 320px) / (375 - 320)), 24px);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .hiraya-advice__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .hiraya-advice__imgaes1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .hiraya-advice__figure1 {
    display: block;
    width: calc(192.1/335 * 100%);
    margin-top: 20px;
  }
  .hiraya-advice__figure2 {
    display: block;
    width: calc(113.06/335 * 100%);
  }
  .hiraya-advice__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .hiraya-advice__imgaes2 {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
  }
  .hiraya-advice__figure3 {
    display: block;
    width: calc(167.5/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .hiraya-advice {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .hiraya-advice__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-advice__main {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 225px;
  }
  .hiraya-advice__header {
    display: block;
    width: calc(480/1040 * 100%);
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .hiraya-advice__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .hiraya-advice__figure1 {
    position: absolute;
    bottom: 110px;
    left: -20px;
    display: block;
    width: calc(350/1366 * 100%);
  }
  .hiraya-advice__figure2 {
    position: absolute;
    bottom: 275px;
    left: calc(360/1366 * 100%);
    display: block;
    width: calc(206/1366 * 100%);
  }
  .hiraya-advice__txt {
    display: block;
    width: calc(540/1040 * 100%);
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .hiraya-advice__figure3 {
    position: absolute;
    bottom: 0;
    right: calc(50/1366 * 100%);
    display: block;
    width: calc(236/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .hiraya-advice__header {
    font-size: 22px;
  }
  .hiraya-advice__main {
    padding-bottom: 125px;
  }
}
/*model*/
@media screen and (max-width:767px) {
  .hiraya-model {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--font-color);
  }
  .hiraya-model__body {
    display: block;
    width: 100%;
  }
  .hiraya-model__header {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--white);
  }
  .hiraya-model__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .hiraya-model__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 19px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .hiraya-model__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .hiraya-model__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .hiraya-model__btns > a {
    width: 286px;
    height: 58px;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  .hiraya-model__btns > a:hover {
    background-color: var(--white);
    color: var(--font-color);
    background-image: url(./assets/images/icon-btn-bk.png);
  }
  .hiraya-model__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .hiraya-model__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .hiraya-model {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--font-color);
  }
  .hiraya-model__body {
    position: relative;
    display: block;
    max-width: 1100px;
    width: 100%;
    min-height: min(440px + (492 - 440) * ((100vw - 1025px) / (1100 - 1025)), 492px);
    padding-right: calc(600/1200 * 100%);
    margin: 0 auto;
  }
  .hiraya-model__header {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--white);
  }
  .hiraya-model__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .hiraya-model__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .hiraya-model__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .hiraya-model__btns {
    display: flex;
    width: 100%;
    margin-top: 80px;
  }
  .hiraya-model__btns > a {
    width: 286px;
    height: 58px;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  .hiraya-model__btns > a:hover {
    background-color: var(--white);
    color: var(--font-color);
    background-image: url(./assets/images/icon-btn-bk.png);
  }
  .hiraya-model__figure {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(500/1100 * 100%);
  }
  .hiraya-model__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*
PAGE - nisetai
--------------------------------------------- */
@media screen and (max-width:767px) {
  .nisetai-intro {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  .nisetai-intro__body {
    display: block;
    width: 100%;
  }
  .nisetai-intro__header {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px;
  }
  .nisetai-intro__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }
  .nisetai-intro__list > li {
    position: relative;
    display: block;
    width: calc(50% - 10px);
    margin-right: 20px;
    padding-bottom: calc(157.5/335 * 100%);
  }
  .nisetai-intro__list > li:nth-child(2n) {
    margin-right: 0;
  }
  .nisetai-intro__list > li:last-child {
    margin-top: 20px;
    margin-right: 0;
  }
  .nisetai-intro__list-txt {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 200px;
    border: 1px solid var(--font-color);
  }
  .nisetai-intro__list-txt > span:nth-child(1) {
    font-family: var(--josefin-sans);
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 400;
  }
  .nisetai-intro__list-txt > span:nth-child(2) {
    font-size: min(11px + (14 - 11) * ((100vw - 320px) / (375 - 320)), 14px);
    line-height: 20px;
    text-align: center;
  }
  .nisetai-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .nisetai-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .nisetai-intro__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .nisetai-intro__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px;
  }
  .nisetai-intro__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 40px;
    max-width: 644px;
    width: 100%;
    margin: 0 auto;
  }
  .nisetai-intro__list > li {
    position: relative;
    display: block;
    width: 100%;
  }
  .nisetai-intro__list-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 200px;
    border: 1px solid var(--font-color);
  }
  .nisetai-intro__list-txt > span:nth-child(1) {
    font-family: var(--josefin-sans);
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 400;
  }
  .nisetai-intro__list-txt > span:nth-child(2) {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
  }
  .nisetai-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin-top: 30px;
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .nisetai-banner {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .nisetai-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .nisetai-banner {
    display: block;
    width: 100%;
    padding:0 0 0 max(20px, calc((100% - 1100px)/2));
    background-color: var(--white);
  }
  .nisetai-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*merit*/
@media screen and (max-width:767px) {
  .nisetai-merit {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .nisetai-merit__wrap {
    display: block;
    width: 100%;
  }
  .nisetai-merit__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .nisetai-merit__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .nisetai-merit__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(20px + (24 - 20) * ((100vw - 320px) / (375 - 320)), 24px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .nisetai-merit__main {
    display: block;
    width: 100%;
    margin-top: -30px;
  }
  .nisetai-merit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 80px;
  }
  .nisetai-merit-box__content {
    display: block;
    width: 100%;
  }
  .nisetai-merit-box__badge {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #6F818E;
    font-family: var(--josefin-sans);
    letter-spacing: 0.07em;
  }
  .nisetai-merit-box__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    margin-top: 5px;
    letter-spacing: 0.1em;
  }
  .nisetai-merit-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .nisetai-merit-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .nisetai-merit-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .nisetai-merit {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .nisetai-merit__wrap {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .nisetai-merit__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .nisetai-merit__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .nisetai-merit__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .nisetai-merit__main {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .nisetai-merit-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: 80px;
  }
  .nisetai-merit-box__content {
    display: block;
    width: calc(500/1100 * 100%);
  }
  .nisetai-merit-box__badge {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color: #6F818E;
    font-family: var(--josefin-sans);
    letter-spacing: 0.07em;
  }
  .nisetai-merit-box__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    margin-top: 20px;
    letter-spacing: 0.1em;
  }
  .nisetai-merit-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 40px;
  }
  .nisetai-merit-box__figure {
    display: block;
    width: calc(500/1100 * 100%);
    margin-top: 26px;
  }
  .nisetai-merit-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*family*/
@media screen and (max-width:767px) {
  .nisetai-family {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .nisetai-family__body {
    display: block;
    width: 100%;
  }
  .nisetai-family__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .nisetai-family__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .nisetai-family__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .nisetai-family__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .nisetai-family-box {
    display: block;
    width: 100%;
    padding: 30px 20px;
    background-color: var(--white);
  }
  .nisetai-family-box + .nisetai-family-box {
    margin-top: 50px;
  }
  .nisetai-family-box__columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .nisetai-family-box__columns + .nisetai-family-box__columns {
    margin-top: 20px;
  }
  .nisetai-family-box__figure {
    display: block;
    max-width: 255px;
    width: 100%;
  }
  .nisetai-family-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .nisetai-family-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .nisetai-family-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #E3E3E3;
  }
  .nisetai-family-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .nisetai-family-box__column {
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #91BFBF;
  }
  .nisetai-family-box__column + .nisetai-family-box__column {
    margin-top: 20px;
    border: 1px solid #E0E0E0;
  }
  .nisetai-family-box__column-title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }
  .nisetai-family-box__column-list {
    display: block;
    width: 100%;
  }
  .nisetai-family-box__column-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 18px;
  }
  .nisetai-family-box__column-list > li + li {
    margin-top: 5px;
  }
  .nisetai-family-box__column-list.merit > li {
    background-image: url(./assets/images/nisetai/icon-circle.png);
  }
  .nisetai-family-box__column-list.demerit > li {
    background-image: url(./assets/images/nisetai/icon-multiple.png);
  }
}
@media screen and (min-width:768px) {
  .nisetai-family {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .nisetai-family__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .nisetai-family__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .nisetai-family__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .nisetai-family__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .nisetai-family__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .nisetai-family-box {
    display: block;
    width: 100%;
    padding: calc(80/1100 * 100%) calc(60/1100 * 100%);
    background-color: var(--white);
  }
  .nisetai-family-box + .nisetai-family-box {
    margin-top: 30px;
  }
  .nisetai-family-box__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .nisetai-family-box__columns + .nisetai-family-box__columns {
    margin-top: 60px;
  }
  .nisetai-family-box__figure {
    display: block;
    width: calc(170/980 * 100%);
  }
  .nisetai-family-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .nisetai-family-box__content {
    display: block;
    width: calc(760/980 * 100%);
  }
  .nisetai-family-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
  }
  .nisetai-family-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .nisetai-family-box__column {
    display: block;
    width: calc(475/980 * 100%);
    padding: calc(30/980 * 100%);
    border-radius: 8px;
    border: 1px solid #91BFBF;
  }
  .nisetai-family-box__column + .nisetai-family-box__column {
    border: 1px solid #E0E0E0;
  }
  .nisetai-family-box__column-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }
  .nisetai-family-box__column-list {
    display: block;
    width: 100%;
  }
  .nisetai-family-box__column-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left top 6px;
    background-size: 18px;
  }
  .nisetai-family-box__column-list > li + li {
    margin-top: 10px;
  }
  .nisetai-family-box__column-list.merit > li {
    background-image: url(./assets/images/nisetai/icon-circle.png);
  }
  .nisetai-family-box__column-list.demerit > li {
    background-image: url(./assets/images/nisetai/icon-multiple.png);
  }
}
/*found*/
@media screen and (max-width:767px) {
  .nisetai-found {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .nisetai-found__body {
    display: block;
    width: 100%;
    background-color: var(--gray);
  }
  .nisetai-found__main {
    display: block;
    width: 100%;
    padding: 80px 0;
  }
  .nisetai-found__content {
    display: block;
    width: 100%;
  }
  .nisetai-found__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .nisetai-found__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .nisetai-found__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .nisetai-found__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .nisetai-found__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .nisetai-found__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .nisetai-found {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .nisetai-found__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .nisetai-found__body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: var(--gray);
    transform: translateX(-50%);
  }
  .nisetai-found__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
    margin: 0 auto;
  }
  .nisetai-found__content {
    display: block;
    width: calc(500/1100 * 100%);
  }
  .nisetai-found__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .nisetai-found__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .nisetai-found__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .nisetai-found__figure {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(633/1366 * 100%);
    height: calc(100% - 200px);
    overflow: hidden;
  }
  .nisetai-found__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .nisetai-found__txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
/*
PAGE - iemamori
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .iemamori-intro {
    display: block;
    width: 100%;
    padding: 50px 0 126.4px;
    background-color: var(--white);
    background-image: url(./assets/images/iemamori/icon-arrow.png);
    background-repeat: no-repeat;
    background-position: bottom 50px center;
    background-size: 145px auto;
  }
  .iemamori-intro__body {
    display: block;
    width: 100%;
  }
  .iemamori-intro__header {
    display: block;
    width: 100%;
    font-size: min(20px + (22 - 20) * ((100vw - 320px) / (375 - 320)), 22px);
    font-weight: 500;
    line-height: 34px;
    text-align: center;
  }
  .iemamori-intro__main {
    display: block;
    width: 100%;
  }
  .iemamori-intro-box {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .iemamori-intro-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .iemamori-intro-box__columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .iemamori-intro-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .iemamori-intro-box__txt > b {
    font-weight: 600;
  }
  .iemamori-intro-box__txt > span {
    font-weight: 600;
    background-color: #FFFA74;
  }
  .iemamori-intro-box__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .iemamori-intro-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .iemamori-intro-box__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: #F1F3E8;
    margin-top: 50px;
  }
  .iemamori-intro-box__block-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.07em;
    line-height: 30px;
    color: #4E5B30;
  }
  .iemamori-intro-box__block-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
  }
  .iemamori-intro-box__block-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    padding-left: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .iemamori-intro-box__block-list > li > span {
    position: absolute;
    left: 0;
    color: #4E5B30;
  }
  .iemamori-intro-box__block-list > li + li {
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .iemamori-intro {
    display: block;
    width: 100%;
    padding: 100px 0 130px;
    background-color: var(--white);
    background-image: url(./assets/images/iemamori/icon-arrow.png);
    background-repeat: no-repeat;
    background-position: bottom 40px center;
    background-size: 275px auto;
  }
  .iemamori-intro__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .iemamori-intro__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
  }
  .iemamori-intro__main {
    display: block;
    width: 100%;
  }
  .iemamori-intro-box {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .iemamori-intro-box__title {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .iemamori-intro-box__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 60px;
  }
  .iemamori-intro-box__columns + .iemamori-intro-box__columns {
    flex-direction: row-reverse;
    margin-top: 50px;
  }
  .iemamori-intro-box__txt {
    display: block;
    width: calc(500/1000 * 100%);
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .iemamori-intro-box__txt > b {
    font-weight: 600;
  }
  .iemamori-intro-box__txt > span {
    font-weight: 600;
    background-color: #FFFA74;
  }
  .iemamori-intro-box__figure {
    display: block;
    width: calc(450/1000 * 100%);
  }
  .iemamori-intro-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .iemamori-intro-box__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 700px;
    width: 100%;
    padding: 30px;
    background-color: #F1F3E8;
    margin: 50px auto 0;
  }
  .iemamori-intro-box__block-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.07em;
    line-height: 30px;
    color: #4E5B30;
  }
  .iemamori-intro-box__block-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 30px;
  }
  .iemamori-intro-box__block-list > li {
    position: relative;
    display: block;
    width: auto;
    font-size: 18px;
    font-weight: 500;
    line-height: 25.5px;
    padding-left: 25px;
  }
  .iemamori-intro-box__block-list > li > span {
    position: absolute;
    left: 0;
    color: #4E5B30;
  }
  .iemamori-intro-box__block-list > li + li {
    margin-top: 20px;
  }
}
/*support*/
@media screen and (max-width:767px) {
  .iemamori-support {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .iemamori-support__body {
    display: block;
    width: 100%;
  }
  .iemamori-support-box {
    display: block;
    width: 100%;
  }
  .iemamori-support-box + .iemamori-support-box {
    margin-top: 100px;
  }
  .iemamori-support-intro {
    display: block;
    width: 100%;
  }
  .iemamori-support-intro__title {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    background-color: rgba(255,255,255,.95);
    color: #4E5B30;
    border-left: 1px solid #4E5B30;
  }
  .iemamori-support-box:nth-child(even) .iemamori-support-intro__title {
    margin-left: auto;
  }
  .iemamori-support-intro__title > span:nth-child(1) {
    font-size: 30px;
    line-height: 38px;
    font-family: var(--josefin-sans);
    font-weight: 300;
    letter-spacing: 0.02em;
  }
  .iemamori-support-intro__title > span:nth-child(1) > small {
    font-size: 15px;
    padding-right: 10px;
  }
  .iemamori-support-intro__title > span:nth-child(2) {
    font-size: min(17px + (18 - 17) * ((100vw - 320px) / (375 - 320)), 18px);
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 5px;
  }
  .iemamori-support-intro__columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .iemamori-support-intro__column  {
    display: block;
    width: 100%;
  }
  .iemamori-support-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .iemamori-support-intro__txt > span {
    font-weight: 600;
    background-color: #FFFA74;
  }
  .iemamori-support-intro__contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 20px 0
  }
  .iemamori-support-intro__contact-txt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #4E5B30;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 10px;
  }
  .iemamori-support-intro__contact-phone {
    display: block;
    width: auto;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.1em;
    color: #4E5B30;
    padding-left: 40px;
    background-image: url(./assets/images/iemamori/icon-phone.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 33px auto;
  }
  .iemamori-support-intro__contact-phone:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .iemamori-support-intro__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .iemamori-support-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .iemamori-support {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .iemamori-support__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .iemamori-support-box {
    display: block;
    width: 100%;
  }
  .iemamori-support-box + .iemamori-support-box {
    margin-top: 100px;
  }
  .iemamori-support-intro {
    display: block;
    width: 100%;
  }
  .iemamori-support-intro__title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: calc(600/1000 * 100%);
    padding: calc(30/1000 * 100%);
    background-color: rgba(255,255,255,.95);
    color: #4E5B30;
    border-left: 1px solid #4E5B30;
  }
  .iemamori-support-box:nth-child(even) .iemamori-support-intro__title {
    margin-left: auto;
  }
  .iemamori-support-intro__title > span:nth-child(1) {
    font-size: 34px;
    line-height: 40px;
    font-family: var(--josefin-sans);
    font-weight: 300;
    letter-spacing: 0.02em;
  }
  .iemamori-support-intro__title > span:nth-child(1) > small {
    font-size: 20px;
    padding-right: 10px;
  }
  .iemamori-support-intro__title > span:nth-child(2) {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .iemamori-support-intro__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: -100px;
  }
  .iemamori-support-box:nth-child(even) .iemamori-support-intro__columns {
    flex-direction: row-reverse;
  }
  .iemamori-support-intro__column  {
    display: block;
    width: calc(500/1000 * 100%);
    margin-top: 130px;
  }
  .iemamori-support-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .iemamori-support-intro__txt > span {
    font-weight: 600;
    background-color: #FFFA74;
  }
  .iemamori-support-intro__contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 20px 0
  }
  .iemamori-support-intro__contact-txt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #4E5B30;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 10px;
  }
  .iemamori-support-intro__contact-phone {
    display: block;
    width: auto;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.1em;
    color: #4E5B30;
    padding-left: 40px;
    background-image: url(./assets/images/iemamori/icon-phone.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 33px auto;
  }
  .iemamori-support-intro__contact-phone:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .iemamori-support-intro__figure {
    display: block;
    width: calc(450/1000 * 100%);
  }
  .iemamori-support-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*course*/
@media screen and (max-width:767px) {
  .iemamori-support__course-txt {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    padding: 30px 0 60px;
  }
  .iemamori-support__course-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #F0F3E8;
    color: #4E5B30;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.07em;
    text-align: center;
    margin-bottom: 51.64px;
  }
  .iemamori-support__course-title::after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 24px;
    height: 11.61px;
    background-image: url(./assets/images/iemamori/icon-trangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .iemamori-support__course {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .iemamori-support__course-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(50% - 30px);
    margin-right: 30px;
  }
  .iemamori-support__course-box:nth-child(n+3) {
    margin-top: 30px;
  }
  .iemamori-support__course-box_figure {
    position: relative;
    display: block;
    width: 100%;
  }
  .iemamori-support__course-box_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .iemamori-support__course-box_figure > span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #4E5B30;
    font-size: 20px;
    line-height: 1;
    font-family: var(--josefin-sans);
    color: var(--white);
    font-weight: 300;
  }
  .iemamori-support__course-box:not(:last-child) .iemamori-support__course-box_figure::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 17.42px;
    background-image: url(./assets/images/iemamori/icon-bow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .iemamori-support__course-box_title {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 20px;
  }
  .iemamori-support__course-box_title > span {
    font-size: 15px;
  }
  .iemamori-support__course-caution {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 25.5px;
    color: #777777;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
    padding-left: 20px;
  }
  .iemamori-support__course-caution > span {
    position: absolute;
    left: 0;
  }
  .iemamori-support__course-finish {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #E8EDF3;
    color: #4B5172;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    margin-top: 51.61px;
  }
  .iemamori-support__course-finish::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 24px;
    height: 11.61px;
    letter-spacing: 0.07em;
    background-image: url(./assets/images/iemamori/icon-trangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media screen and (min-width:768px) {
  .iemamori-support__course-txt {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    padding: 60px 0 30px;
  }
  .iemamori-support__course-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #F0F3E8;
    color: #4E5B30;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    text-align: center;
    margin-bottom: 85px;
  }
  .iemamori-support__course-title::after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 31px;
    height: 15px;
    background-image: url(./assets/images/iemamori/icon-trangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .iemamori-support__course {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .iemamori-support__course-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(33.333333% - 50px);
    margin-right: 50px;
  }
  .iemamori-support__course-box:nth-child(n+4) {
    margin-top: 50px;
  }
  .iemamori-support__course-box_figure {
    position: relative;
    display: block;
    width: 100%;
  }
  .iemamori-support__course-box_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .iemamori-support__course-box_figure > span {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    border-radius: 30px;
    background-color: #4E5B30;
    font-size: 32px;
    line-height: 1;
    font-family: var(--josefin-sans);
    color: var(--white);
    font-weight: 300;
  }
  .iemamori-support__course-box:not(:last-child) .iemamori-support__course-box_figure::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
    display: block;
    width: 30px;
    height: 27px;
    background-image: url(./assets/images/iemamori/icon-bow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .iemamori-support__course-box_title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 20px;
  }
  .iemamori-support__course-caution {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    color: #777777;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .iemamori-support__course-finish {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #E8EDF3;
    color: #4B5172;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin-top: 85px;
  }
  .iemamori-support__course-finish::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 31px;
    height: 15px;
    letter-spacing: 0.07em;
    background-image: url(./assets/images/iemamori/icon-trangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
/*timeline*/
@media screen and (max-width:767px) {
  .iemamori-support__course-finish2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #E8EDF3;
    color: #4B5172;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    margin: 30px 0 51.61px;
  }
  .iemamori-support__course-finish2::after {
    content: "";
    position: absolute;
    bottom: -31.61px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 24px;
    height: 11.61px;
    letter-spacing: 0.07em;
    background-image: url(./assets/images/iemamori/icon-trangle-bl.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .iemamori-support__timeline {
    display: block;
    width: 100%;
  }
  .iemamori-support__timeline > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .iemamori-support__timeline > li + li {
    margin-top: 30px;
  }
  .iemamori-support__timeline-badge {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    padding: 45px 0 30px;
    overflow-x: hidden;
  }
  .iemamori-support__timeline > li:first-child .iemamori-support__timeline-badge {
    padding-top: 20px;
  }
  .iemamori-support__timeline > li:last-child .iemamori-support__timeline-badge {
    padding-bottom: 20px;
  }
  .iemamori-support__timeline > li.blue > .iemamori-support__timeline-badge  {
    color: #4B5172;
    background-color: #E8EDF3;
  }
  .iemamori-support__timeline > li.green > .iemamori-support__timeline-badge  {
    color: #4E5B30;
    background-color: #E4ECDD;
  }
  .iemamori-support__timeline > li:not(:first-child) > .iemamori-support__timeline-badge::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px calc(50vw - 19px) 0px calc(50vw - 19px);
  }
  .iemamori-support__timeline > li.blue > .iemamori-support__timeline-badge::before  {
    border-color: var(--gray) #E8EDF3 #E8EDF3 #E8EDF3;
  }
  .iemamori-support__timeline > li.green > .iemamori-support__timeline-badge::before  {
    border-color: var(--gray) #E4ECDD #E4ECDD #E4ECDD;
  }
  .iemamori-support__timeline > li:not(:last-child) > .iemamori-support__timeline-badge::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px calc(50vw - 19px) 0px calc(50vw - 19px);
  }
  .iemamori-support__timeline > li.blue > .iemamori-support__timeline-badge::after  {
    border-color: #E8EDF3 var(--gray) var(--gray) var(--gray);
  }
  .iemamori-support__timeline > li.green > .iemamori-support__timeline-badge::after  {
    border-color: #E4ECDD var(--gray) var(--gray) var(--gray);
  }
  .iemamori-support__timeline-content {
    display: block;
    width: 100%;
    padding: 20px 0 0;
  }
  .iemamori-support__timeline-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .iemamori-support__timeline > li.blue .iemamori-support__timeline-title {
    color: #4B5172;
  }
  .iemamori-support__timeline > li.green .iemamori-support__timeline-title {
    color: #4E5B30;
  }
  .iemamori-support__timeline-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
  .iemamori-support__timeline-block {
    position: relative;
    display: block;
    padding: 30px 20px 20px;
    background-color: var(--white);
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    margin-top: 35px;
  }
  .iemamori-support__timeline-block > h5 {
    position: absolute;
    top: -15px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    height: 30px;
    border-radius: 15px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.07em;
  }
  .iemamori-support__timeline > li.blue .iemamori-support__timeline-block > h5  {
    background-color: #4B5172;
  }
  .iemamori-support__timeline > li.green .iemamori-support__timeline-block > h5  {
    background-color: #4E5B30;
  }
  .iemamori-support__timeline-block_list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% + 10px);
    margin: -10px 0 0 -5px;
  }
  .iemamori-support__timeline-block_list > li {
    position: relative;
    display: block;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    padding-left: 10px;
    margin: 10px 10px 0;
  }
  .iemamori-support__timeline-block_list > li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
  }
  .iemamori-support__timeline > li.blue .iemamori-support__timeline-block_list > li::before  {
    background-color: #4B5172;
  }
  .iemamori-support__timeline > li.green .iemamori-support__timeline-block_list > li::before  {
    background-color: #4E5B30;
  }
  .iemamori-support__timeline-content_cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .iemamori-support__timeline-content_col {
    display: block;
    width: 100%;
  }
  .iemamori-support__timeline-content_col > h5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #4E5B30;
    font-weight: 600;
  }
  .iemamori-support__timeline-content_col > h5 > small {
    font-size: 15px;
    padding-top: 15px;
  }
  .iemamori-support__timeline-content_col > p {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
  .iemamori-support__timeline-content_cols > picture {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  .iemamori-support__timeline-content_cols > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .iemamori-support__timeline-content_cols > picture > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1;
    color: #777777;
    font-weight: 500;
    margin-top: 10px;
    letter-spacing: 0.07em;
  }
  .iemamori-support__timeline-content_col > ul {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
 .iemamori-support__timeline-content_col > ul > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    padding-left: 25px;
  }
  .iemamori-support__timeline-content_col > ul > li + li {
    margin-top: 10px;
  }
  .iemamori-support__timeline-content_col > ul > li > span {
    position: absolute;
    left: 0;
  }
  .iemamori-support__timeline-content_col > h6 {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 25.5px;
    color: #4E5B30;
    font-weight: 500;
    margin-top: 15px;
  }
}
@media screen and (min-width:768px) {
  .iemamori-support__course-finish2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #E8EDF3;
    color: #4B5172;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin: 60px 0 55px;
  }
  .iemamori-support__course-finish2::after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 31px;
    height: 15px;
    letter-spacing: 0.07em;
    background-image: url(./assets/images/iemamori/icon-trangle-bl.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .iemamori-support__timeline {
    display: block;
    width: 100%;
  }
  .iemamori-support__timeline > li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 156px;
  }
  .iemamori-support__timeline > li + li {
    margin-top: 30px;
  }
  .iemamori-support__timeline-badge {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    font-size: 24px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.07em;
    padding: 36px 0;
  }
  .iemamori-support__timeline > li.blue > .iemamori-support__timeline-badge  {
    color: #4B5172;
    background-color: #E8EDF3;
  }
  .iemamori-support__timeline > li.green > .iemamori-support__timeline-badge  {
    color: #4E5B30;
    background-color: #E4ECDD;
  }
  .iemamori-support__timeline > li:not(:first-child) > .iemamori-support__timeline-badge::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 120px 0px 120px;
  }
  .iemamori-support__timeline > li.blue > .iemamori-support__timeline-badge::before  {
    border-color: var(--gray) #E8EDF3 #E8EDF3 #E8EDF3;
  }
  .iemamori-support__timeline > li.green > .iemamori-support__timeline-badge::before  {
    border-color: var(--gray) #E4ECDD #E4ECDD #E4ECDD;
  }
  .iemamori-support__timeline > li:not(:last-child) > .iemamori-support__timeline-badge::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 120px 0px 120px;
  }
  .iemamori-support__timeline > li.blue > .iemamori-support__timeline-badge::after  {
    border-color: #E8EDF3 var(--gray) var(--gray) var(--gray);
  }
  .iemamori-support__timeline > li.green > .iemamori-support__timeline-badge::after  {
    border-color: #E4ECDD var(--gray) var(--gray) var(--gray);
  }
  .iemamori-support__timeline-content {
    display: block;
    width: calc(100% - 260px);
    padding: 20px 0 20px 20px;
  }
  .iemamori-support__timeline-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
  }
  .iemamori-support__timeline > li.blue .iemamori-support__timeline-title {
    color: #4B5172;
  }
  .iemamori-support__timeline > li.green .iemamori-support__timeline-title {
    color: #4E5B30;
  }
  .iemamori-support__timeline-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
  .iemamori-support__timeline-block {
    position: relative;
    display: block;
    padding: 30px 20px;
    background-color: var(--white);
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    margin-top: 40px;
  }
  .iemamori-support__timeline-block > h5 {
    position: absolute;
    top: -15px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 30px;
    border-radius: 15px;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.07em;
  }
  .iemamori-support__timeline > li.blue .iemamori-support__timeline-block > h5  {
    background-color: #4B5172;
  }
  .iemamori-support__timeline > li.green .iemamori-support__timeline-block > h5  {
    background-color: #4E5B30;
  }
  .iemamori-support__timeline-block_list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% + 10px);
    margin: -10px 0 0 -5px;
  }
  .iemamori-support__timeline-block_list > li {
    position: relative;
    display: block;
    width: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.5px;
    padding-left: 20px;
    margin: 10px 10px 0;
  }
  .iemamori-support__timeline-block_list > li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
  }
  .iemamori-support__timeline > li.blue .iemamori-support__timeline-block_list > li::before  {
    background-color: #4B5172;
  }
  .iemamori-support__timeline > li.green .iemamori-support__timeline-block_list > li::before  {
    background-color: #4E5B30;
  }
  .iemamori-support__timeline-content_cols {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .iemamori-support__timeline-content_col {
    display: block;
    width: calc(400/720 * 100%);
  }
  .iemamori-support__timeline-content_col > h5 {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 35px;
    color: #4E5B30;
  }
  .iemamori-support__timeline-content_col > h5 > small {
    font-size: 18px;
    padding-left: 15px;
  }
  .iemamori-support__timeline-content_col > p {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
  .iemamori-support__timeline-content_cols > picture {
    display: block;
    width: calc(300/720 * 100%);
  }
  .iemamori-support__timeline-content_cols > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .iemamori-support__timeline-content_cols > picture > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1;
    color: #777777;
    font-weight: 500;
    margin-top: 10px;
    letter-spacing: 0.07em;
  }
  .iemamori-support__timeline-content_col > ul {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
 .iemamori-support__timeline-content_col > ul > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    padding-left: 25px;
  }
  .iemamori-support__timeline-content_col > ul > li + li {
    margin-top: 10px;
  }
  .iemamori-support__timeline-content_col > ul > li > span {
    position: absolute;
    left: 0;
  }
  .iemamori-support__timeline-content_col > h6 {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 25.5px;
    color: #4E5B30;
    font-weight: 500;
    margin-top: 15px;
  }
}
/*maintenance*/
@media screen and (max-width:767px) {
  .iemamori-maintenance {
    display: block;
    width: calc(100% + 40px);
    padding: 20px;
    background-color: var(--white);
    margin: 50px 0 0 -20px;
  }
  .iemamori-maintenance__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #4E5B30;
    line-height: 26px;
    text-align: center;
  }
  .iemamori-maintenance__txt {
    display: block;
    max-width: 295px;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin: 20px auto 0;
  }
  .iemamori-maintenance__figure {
    display: block;
    max-width: 295px;
    width: 100%;
    margin: 30px auto 0;
  }
  .iemamori-maintenance__tbl {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    border: 1px solid #E3E3E3;
  }
  .iemamori-maintenance__tbl tr th {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #F0F3E8;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #4E5B30;
    letter-spacing: 0.07em;
    border-bottom: 1px solid #E3E3E3;
  }
  .iemamori-maintenance__tbl tr td {
    display: block;
    width: 100%;
    padding: 20px;
    font-size: 15px;
    line-height: 25.5px;
    letter-spacing: 0.07em;
  }
  .iemamori-maintenance__tbl tr:not(:last-child) td {
    border-bottom: 1px solid #E3E3E3;
  }
}
@media screen and (min-width:768px) {
  .iemamori-maintenance {
    display: block;
    width: 100%;
    padding: calc(30/1000 * 100%);
    border-radius: 5px;
    background-color: var(--white);
    margin-top: 60px;
  }
  .iemamori-maintenance__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #4E5B30;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
  }
  .iemamori-maintenance__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .iemamori-maintenance__figure {
    display: block;
    width: calc(500/940 * 100%);
    margin: 30px auto 0;
  }
  .iemamori-maintenance__tbl {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    border: 1px solid #E3E3E3;
  }
  .iemamori-maintenance__tbl tr th {
    width: 180px;
    background-color: #F0F3E8;
    padding: 30px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #4E5B30;
    letter-spacing: 0.07em;
  }
  .iemamori-maintenance__tbl tr td {
    width: calc(100% - 180px);
    padding: 20px 20px;
    font-size: 15px;
    line-height: 25.5px;
    letter-spacing: 0.07em;
  }
  .iemamori-maintenance__tbl tr:not(:last-child) th,
  .iemamori-maintenance__tbl tr:not(:last-child) td {
    border-bottom: 1px solid #E3E3E3;
  }
}
/*
PAGE - faq
--------------------------------------------- */
@media screen and (max-width:767px) {
  .faq {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .faq__body {
    display: block;
    width: 100%;
  }
  .faq__header {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
  }
  .faq__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .faq__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .faq-box {
    display: block;
    width: 100%;
  }
  .faq-box + .faq-box {
    margin-top: 50px;
  }
  .faq-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .faq-box__list {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .faq-box__list > li {
    display: block;
    width: 100%;
  }
  .faq-box__list > li + li {
    margin-top: 35px;
  }
  .faq-box__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 30px 0 30px;
    font-size: 16px;
    font-weight: 500;
    color: #4E5B30;
    line-height: 26px;
    text-align: justify;
    word-break: break-all;
  }
  .faq-box__list > li > .question::before {
    content: "Q.";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    font-family: var(--crimson);
    font-size: 20px;
    color: #4E5B30;
    font-weight: 300;
    line-height: 26px;
  }
  .faq-box__list > li > .question > i {
    position: absolute;
    top: 3px;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
  }
  .faq-box__list > li > .question > i::before,
  .faq-box__list > li > .question > i::after {
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    display: block;
    background-color: #4E5B30;
  }
 .faq-box__list > li > .question > i::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
  }
  .faq-box__list > li > .question.active > i::after {
    top: calc(50% - 0.035rem);
    left: calc(50% - 0.045rem);
    width: 100%;
    height: 2px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .faq-box__list > li > .question > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0%;
  }
  .faq-box__list > li > .answer {
    display: none;
    width: 100%;
  }
  .faq-box__list > li > .answer > .answer-wrap {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 10px 10px 10px 35px;
    background-color: var(--gray);
  }
  .faq-box__list > li > .answer > .answer-wrap::before {
    content: "A.";
    position: absolute;
    top: 15px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    font-family: var(--crimson);
    font-size: 20px;
    color: #777777;
    font-weight: 300;
    line-height: 26px;
  }
  .faq-answer__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .faq {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .faq__body {
    display: block;
    max-width:1000px;
    width: 100%;
    margin: 0 auto;
  }
  .faq__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
  }
  .faq__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin-top: 50px;
  }
  .faq__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .faq-box {
    display: block;
    width: 100%;
  }
  .faq-box + .faq-box {
    margin-top: 50px;
  }
  .faq-box__title {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .faq-box__list {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .faq-box__list > li {
    display: block;
    width: 100%;
  }
  .faq-box__list > li + li {
    margin-top: 35px;
  }
  .faq-box__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 40px 0 40px;
    font-size: 18px;
    font-weight: 500;
    color: #4E5B30;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .faq-box__list > li > .question::before {
    content: "Q.";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    font-family: var(--crimson);
    font-size: 28px;
    color: #4E5B30;
    font-weight: 300;
    line-height: 1;
  }
  .faq-box__list > li > .question > i {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 28px;
    height: 28px;
  }
  .faq-box__list > li > .question > i::before,
  .faq-box__list > li > .question > i::after {
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    display: block;
    background-color: #4E5B30;
  }
 .faq-box__list > li > .question > i::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
  }
  .faq-box__list > li > .question.active > i::after {
    top: calc(50% - 0.035rem);
    left: calc(50% - 0.045rem);
    width: 100%;
    height: 2px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .faq-box__list > li > .question > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0%;
  }
  .faq-box__list > li > .answer {
    display: none;
    width: 100%;
  }
  .faq-box__list > li > .answer > .answer-wrap {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 25px;
    padding: 20px 20px 20px 55px;
    background-color: var(--gray);
  }
  .faq-box__list > li > .answer > .answer-wrap::before {
    content: "A.";
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    font-family: var(--crimson);
    font-size: 28px;
    color: #777777;
    font-weight: 300;
    line-height: 1;
  }
  .faq-answer__txt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
}
/*btn*/
@media screen and (min-width:0px) {
  .faq-answer__btns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .faq-answer__btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 16px;
    color: #4E5B30;
    letter-spacing: 0.07em;
    font-weight: 500;
    line-height: 1;
    padding-right: 15px;
    background-image: url(./assets/images/icon-btn-gr.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .faq-answer__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .faq-answer__btn + .faq-answer__btn {
    margin-top: 10px;
  }
}
/*
PAGE - support
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .support-intro {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .support-intro__body {
    display: block;
    width: 100%;
  }
  .support-intro__header {
    display: block;
    width: 100%;
    font-size: min(15px + (17 - 15) * ((100vw - 320px) / (375 - 320)), 17px);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
  }
  .support-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .support-intro__txt > span {
    font-weight: 600;
    background-color: #FFFA74;
  }
}
@media screen and (min-width:768px) {
  .support-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .support-intro__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .support-intro__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .support-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
    margin-top: 50px;
  }
  .support-intro__txt > span {
    font-weight: 600;
    background-color: #FFFA74;
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .support-banner {
    display: block;
    width: 100%;
    padding:0 0 0 0;
    background-color: var(--white);
  }
  .support-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .support-banner {
    display: block;
    width: 100%;
    padding:0 0 0 max(20px, calc((100% - 1100px)/2));
    background-color: var(--white);
  }
  .support-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*feature*/
@media screen and (max-width:767px) {
  .support-feature {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .support-feature__body {
    display: block;
    width: 100%;
  }
  .support-feature-box {
    display: block;
    width: 100%;
  }
  .support-feature-box + .support-feature-box {
    margin-top: 50px;
  }
  .support-feature-box__title {
    display: block;
    width: 100%;
    font-size: min(18px + (20 - 18) * ((100vw - 320px) / (375 - 320)), 20px);
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .support-feature-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .support-feature-box__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .support-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .support-feature-box__columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .support-feature-box__column {
    display: block;
    width: 100%;
  }
  .support-feature-box__column-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .support-feature-box__btns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-top: 20px;
  }
  .support-feature-box__btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 16px;
    color: #4E5B30;
    letter-spacing: 0.07em;
    font-weight: 500;
    line-height: 1;
    padding-right: 15px;
    background-image: url(./assets/images/icon-btn-gr.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .support-feature-box__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .support-feature-box__column-figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .support-feature-box__column-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .support-feature {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .support-feature__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .support-feature-box {
    display: block;
    width: 100%;
  }
  .support-feature-box + .support-feature-box {
    margin-top: 100px;
  }
  .support-feature-box__title {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .support-feature-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .support-feature-box__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .support-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .support-feature-box__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .support-feature-box__column {
    display: block;
    width: calc(500/1000 * 100%);
  }
  .support-feature-box__column-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .support-feature-box__btns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-top: 20px;
  }
  .support-feature-box__btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 16px;
    color: #4E5B30;
    letter-spacing: 0.07em;
    font-weight: 500;
    line-height: 1;
    padding-right: 15px;
    background-image: url(./assets/images/icon-btn-gr.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .support-feature-box__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .support-feature-box__column-figure {
    display: block;
    width: calc(450/1000 * 100%);
  }
  .support-feature-box__column-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*
PAGE - stay
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .stay-intro {
    display: block;
    width: 100%;
    padding: 50px 0 0;
    background-color: var(--white);
  }
  .stay-intro__body {
    position: relative;
    display: block;
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
  }
  .stay-intro__name {
    display: block;
    width: 100%;
    font-size: min(43px + (70 - 43) * ((100vw - 320px) / (520 - 320)), 70px);
    line-height: 1;
    font-weight: 400;
    font-family: var(--josefin-sans);
    color: rgba(51,51,51,0.06);
    text-align: center;
  }
  .stay-intro__figure {
    display: block;
    width: calc(100% - 20px);
    margin-left: auto;
  }
  .stay-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-intro__main {
    display: block;
    width: 100%;
  }
  .stay-intro__content {
    display: block;
    width: 100%;
  }
  .stay-intro__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .stay-intro__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
  }
  .stay-intro__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 30px;
  }
  .stay-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .stay-intro {
    display: block;
    width: 100%;
    padding: 100px 0 0;
    background-color: var(--white);
  }
  .stay-intro__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: min(475px + (600 - 475) * ((100vw - 1025px) / (1366 - 1025)), 600px);
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .stay-intro__name {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    font-size: min(90px + (140 - 90) * ((100vw - 1025px) / (1366 - 1025)), 140px);
    line-height: 1;
    font-weight: 400;
    font-family: var(--josefin-sans);
    color: rgba(51,51,51,0.06);
  }
  .stay-intro__figure {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: calc(683/1366 * 100%);
    height: calc(100% - 100px);
    overflow: hidden;
  }
  .stay-intro__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .stay-intro__main {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .stay-intro__content {
    display: block;
    width: calc(460/1100 * 100%);
  }
  .stay-intro__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .stay-intro__header > span:nth-child(1) {
    font-size: 60px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
  }
  .stay-intro__header > span:nth-child(2) {
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 40px;
  }
  .stay-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .stay-intro__header > span:nth-child(1) {
    font-size: 40px;
  }
  .stay-intro__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 40px;
    margin-top: 30px;
  }
  .stay-intro__name {
    font-size: 80px;
  }
  .stay-intro__txt {
    margin-top: 20px;
  }
}
/*point*/
@media screen and (max-width:767px) {
  .stay-point {
    display: block;
    width: 100%;
    padding: 80px 0 50px;
    background-color: var(--white);
  }
  .stay-point__body {
    display: block;
    width: 100%;
  }
  .stay-point__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .stay-point__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .stay-point__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-point__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .stay-point-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .stay-point-box + .stay-point-box {
    margin-top: 80px;
  }
  .stay-point-box__figure {
    display: block;
    width: 100%;
  }
  .stay-point-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-point-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .stay-point-box__title {
    display: block;
    width: 100%;
    font-size:  min(17px + (20 - 17) * ((100vw - 320px) / (375 - 320)), 20px);
    font-weight: 500;
    line-height: 30px;
  }
  .stay-point-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 30px;
    padding-right: 5px;
  }
  .stay-point-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .stay-point {
    display: block;
    width: 100%;
    padding: 120px 0 100px;
    background-color: var(--white);
  }
  .stay-point__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .stay-point__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .stay-point__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .stay-point__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-point__main {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .stay-point-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .stay-point-box + .stay-point-box {
    margin-top: 80px;
  }
  .stay-point-box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .stay-point-box__figure {
    display: block;
    width: calc(475/1100 * 100%);
  }
  .stay-point-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-point-box__content {
    display: block;
    width: 50%;
    padding-top: 20px;
  }
  .stay-point-box__title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .stay-point-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
    padding-right: 10px;
  }
  .stay-point-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .stay-point-box__title > span {
    font-size: 30px;
  }
  .stay-point-box__title {
    font-size: 20px;
  }
  .stay-point-box__txt {
    font-size: 14px;
    margin-top: 30px;
  }
}
/*notice*/
@media screen and (max-width:767px) {
  .stay-notice {
    display: block;
    width: 100%;
    padding-bottom: 80px;
    background-color: var(--green);
  }
  .stay-notice-banner {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 0 max(20px, calc((100% - 1100px)/2));
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 50%;
  }
  .stay-noticeb-banner__figure {
    display: block;
    width: 100%;
  }
  .stay-noticeb-banner__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-notice__main {
    display: block;
    width: 100%;
    margin: 50px auto 0;
  }
  .stay-notice__columns {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .stay-notice__header {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--white);
  }
  .stay-notice__header > span:nth-child(1) {
    font-size: 15px;
    font-family: var(--josefin-sans);
    line-height: 20px;
  }
  .stay-notice__header > span:nth-child(2) {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 5px;
  }
  .stay-notice__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .stay-notice__points {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    width: 100%;
    margin-top: 30px;
  }
  .stay-notice__point {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid #707070;
    color: var(--white);
    padding: 20px 0;
  }
  .stay-notice__point:last-child {
    border-bottom: 1px solid #707070;
  }
  .stay-notice__point-badge {
    display: block;
    width: 40px;
    font-size: 24px;
    font-family: var(--josefin-sans);
    font-weight: 300;
    line-height: 30px;
  }
  .stay-notice__point-title {
    display: flex;
    flex-direction: column;
    width: calc(100% - 40px);
  }
  .stay-notice__point-title > span:nth-child(1) {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .stay-notice__point-title > span:nth-child(2) {
    font-size: 16px;
    font-family: var(--josefin-sans);
    color: #6F818E;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-notice__point-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
  }
  .stay-notice__point-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.07em;
    padding-left: 20px;
    text-align: justify;
    word-break: break-all;
    background-image: url(./assets/images/stay/icon-check.png);
    background-repeat: no-repeat;
    background-position: left top 10px;
    background-size: 8px auto;
  }
  .stay-notice__point-list > li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .stay-notice {
    display: block;
    width: 100%;
    padding-bottom: 120px;
    background-color: var(--green);
  }
  .stay-notice-banner {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 0 max(20px, calc((100% - 1100px)/2));
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 50%;
  }
  .stay-noticeb-banner__figure {
    display: block;
    width: 100%;
  }
  .stay-noticeb-banner__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-notice__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 100px auto 0;
  }
  .stay-notice__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .stay-notice__header {
    display: flex;
    flex-direction: column;
    width: calc(380/1100* 100%);
    color: var(--white);
  }
  .stay-notice__header > span:nth-child(1) {
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
  }
  .stay-notice__header > span:nth-child(2) {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    margin-top: 5px;
  }
  .stay-notice__txt {
    display: block;
    width: calc(680/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
  .stay-notice__points {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%;
    margin-top: 80px;
  }
  .stay-notice__point {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-left: 1px solid #707070;
    color: var(--white);
    padding: 30px;
  }
  .stay-notice__point:last-child {
    border-right: 1px solid #707070;
  }
  .stay-notice__point-badge {
    font-size: 24px;
    font-family: var(--josefin-sans);
    font-weight: 300;
    line-height: 30px;
  }
  .stay-notice__point-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .stay-notice__point-title > span:nth-child(1) {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-top: 15px;
  }
  .stay-notice__point-title > span:nth-child(2) {
    font-size: 16px;
    font-family: var(--josefin-sans);
    color: #6F818E;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.07em;
    margin-top: 10px;
  }
  .stay-notice__point-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 30px;
  }
  .stay-notice__point-list > li {
    position: relative;
    display: block;
    width: auto;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.07em;
    padding-left: 20px;
    text-align: justify;
    word-break: break-all;
    background-image: url(./assets/images/stay/icon-check.png);
    background-repeat: no-repeat;
    background-position: left top 10px;
    background-size: 8px auto;
  }
  .stay-notice__point-list > li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .stay-notice__header > span:nth-child(2) {
    font-size: 24px;
  }
  .stay-notice__point-title > span:nth-child(1) {
    font-size: 18px;
  }
  .stay-notice__point {
    padding: 15px;
  }
  .stay-notice__point-list > li {
    font-size: 13px;
    letter-spacing:-0.05em;
  }
}
/*flow*/
@media screen and (max-width:767px) {
  .stay-flow {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .stay-flow__body {
    display: block;
    width: 100%;
  }
  .stay-flow__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .stay-flow__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .stay-flow__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
}
@media screen and (min-width:768px) {
  .stay-flow {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .stay-flow__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .stay-flow__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .stay-flow__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .stay-flow__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
}
@media screen and (max-width:767px) {
  .stay-flow {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .stay-flow__timeline {
    display: block;
    width: 100%;
  }
  .stay-flow__timeline > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #E3E3E3;
  }
  .stay-flow__timeline > li:last-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .stay-flow__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .stay-flow__badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 70px;
    border: 1px solid #E3E3E3;
    font-family: var(--josefin-sans);
    color: #6F818E;
    font-weight: 400;
  }
  .stay-flow__badge > span:nth-child(1) {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .stay-flow__badge > span:nth-child(2) {
    font-size: 21px;
    line-height: 1;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-flow__title {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding: 20px 0;
  }
  .stay-flow__content {
    display: block;
    width: 100%;
    padding: 20px 0;
    background-image: linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: calc(285/335 * 100%) 1px;
  }
  .stay-flow__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .stay-flow__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .stay-flow__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .stay-flow {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .stay-flow__timeline {
    display: block;
    width: 100%;
  }
  .stay-flow__timeline > li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #E3E3E3;
  }
  .stay-flow__timeline > li:last-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .stay-flow__hgroup {
    display: flex;
    align-items: center;
    width: calc(267/1100 * 100%);
    height: 55px;
    padding-right: calc(20/1100 * 100%);
    margin-top: calc(40/1100 * 100%);
  }
  .stay-flow__badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 30px;
    border: 1px solid #E3E3E3;
    font-family: var(--josefin-sans);
    color: #6F818E;
    font-weight: 400;
  }
  .stay-flow__badge > span:nth-child(1) {
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .stay-flow__badge > span:nth-child(2) {
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-flow__title {
    display: block;
    width: calc(100% - 55px);
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    word-break: break-all;
    padding-left: 10px;
  }
  .stay-flow__content {
    display: block;
    width: calc(563/1100 * 100%);
    padding: 10px calc(40/1100 * 100%) 10px calc(30/1100 * 100%);
    border-left: 1px solid #E3E3E3;
  }
  .stay-flow__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .stay-flow__figure {
    display: block;
    width: calc(270/1100 * 100%);
  }
  .stay-flow__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:1025px) {
  .stay-flow {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .stay-flow__timeline {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .stay-flow__timeline > li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #E3E3E3;
  }
  .stay-flow__timeline > li:last-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .stay-flow__hgroup {
    display: flex;
    align-items: center;
    width: calc(267/1100 * 100%);
    height: 72px;
    padding-right: calc(30/1100 * 100%);
    margin-top: calc(40/1100 * 100%);
  }
  .stay-flow__badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 40px;
    border: 1px solid #E3E3E3;
    font-family: var(--josefin-sans);
    color: #6F818E;
    font-weight: 400;
  }
  .stay-flow__badge > span:nth-child(1) {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .stay-flow__badge > span:nth-child(2) {
    font-size: 21px;
    line-height: 1;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-flow__title {
    display: block;
    width: calc(100% - 72px);
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    padding-left: 10px;
  }
  .stay-flow__content {
    display: block;
    width: calc(563/1100 * 100%);
    padding: 15px calc(40/1100 * 100%) 15px calc(30/1100 * 100%);
    border-left: 1px solid #E3E3E3;
  }
  .stay-flow__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .stay-flow__figure {
    display: block;
    width: calc(270/1100 * 100%);
  }
  .stay-flow__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*found*/
@media screen and (max-width:767px) {
  .stay-found {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .stay-found__body {
    display: block;
    width: 100%;
    background-color: var(--gray);
  }
  .stay-found__main {
    display: block;
    width: 100%;
    padding: 80px 0;
  }
  .stay-found__content {
    display: block;
    width: 100%;
  }
  .stay-found__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .stay-found__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .stay-found__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-found__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .stay-found__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-found__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .stay-found__block {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    margin-top: 30px;
  }
  .stay-found__list {
    display: block;
    width: 100%;
  }
  .stay-found__list > li {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    padding-left: 24px;
    background-image: url(./assets/images/stay/checkedbox.png);
    background-repeat: no-repeat;
    background-position: left top 5px;
    background-size: 14px auto;
  }
  .stay-found__list > li + li {
    margin-top: 15px;
  }
  .stay-found__content + .stay-found__txt {
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .stay-found {
    display: block;
    width: 100%;
    padding: 0 0 100px;
    background-color: var(--white);
  }
  .stay-found__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .stay-found__body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: var(--gray);
    transform: translateX(-50%);
  }
  .stay-found__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
    margin: 0 auto;
  }
  .stay-found__content {
    display: block;
    width: calc(500/1100 * 100%);
  }
  .stay-found__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .stay-found__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .stay-found__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-found__figure {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 2;
    display: block;
    width: calc(633/1366 * 100%);
  }
  .stay-found__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-found__txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .stay-found__block {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding: calc(30/500 * 100%);
    background-color: var(--white);
    margin-top: 30px;
  }
  .stay-found__list {
    display: block;
    width: 100%;
  }
  .stay-found__list > li {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    padding-left: 24px;
    background-image: url(./assets/images/stay/checkedbox.png);
    background-repeat: no-repeat;
    background-position: left top 5px;
    background-size: 14px auto;
  }
  .stay-found__list > li + li {
    margin-top: 15px;
  }
  .stay-found__content + .stay-found__txt {
    width: calc(1000/1100 * 100%);
    margin-top: 30px;
  }
}
/*model*/
@media screen and (max-width:767px) {
  .stay-model {
    display: block;
    width: 100%;
    padding: 90px 0 80px;
    background-color: var(--font-color);
  }
  .stay-model__header {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--white);
  }
  .stay-model__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .stay-model__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(16.5px + (19 - 16.5) * ((100vw - 320px) / (375 - 320)), 19px);
    font-weight: 500;
    line-height: 27px;
    margin-top: 5px;
  }
  .stay-model-main {
    display: block;
    width: 100%;
  }
  .stay-model-box {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .stay-model-box__figure {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 50px;
  }
  .stay-model-box__figure::before {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    text-align: center;
    width: 28px;
    font-size: 28px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: rgba(255,255,255,0.3);
    writing-mode: vertical-lr;
    letter-spacing: 0.07em;
    z-index: 2;
  }
  .stay-model-box__figure.moriya::before {
    content: "MORIYA MODEL HOUSE";
    left: 0;
  }
  .stay-model-box__figure.hiraya::before {
    content: "HIRAYA MODEL HOUSE";
    right: 2px;
  }
  .stay-model-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-model__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .stay-model-box__title {
    display: flex;
    flex-direction: column;
    max-width: 520px;
    width: 100%;
    padding: 20px 20px 0 20px;
    background-color: var(--font-color);
    color: var(--white);
    margin: 0 auto;
  }
  .stay-model-box__title > span:nth-child(1) {
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .stay-model-box__title > span:nth-child(2) {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-top: 10px;
  }
  .stay-model__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    color: var(--white);
    font-weight: 400;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .stay-model-box__columns {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px 0;
  }
  .stay-model-box__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .stay-model-box__address {
    display: block;
    width: 100%;
    font-size: min(13px + (14 - 13) * ((100vw - 320px) / (375 - 320)), 14px);
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .stay-model-box__address > span {
    font-family: var(--josefin-sans);
  }
  .stay-model-box__btns {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .stay-model-box__btns > a {
    width: 286px;
    height: 58px;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  .stay-model-box__btns > a:hover {
    background-color: var(--white);
    color: var(--font-color);
    background-image: url(./assets/images/icon-btn-bk.png);
  }
}
@media screen and (min-width:768px) {
  .stay-model {
    display: block;
    width: 100%;
    padding: 120px 0;
    background-color: var(--font-color);
  }
  .stay-model__hgroup {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .stay-model__header {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    width: calc(335/1100 * 100%);
    color: var(--white);
  }
  .stay-model__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .stay-model__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .stay-model__txt {
    display: block;
    width: calc(745/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    color: var(--white);
    font-weight: 400;
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
  .stay-model-main {
    display: block;
    width: 100%;
  }
  .stay-model-box {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .stay-model-box__figure {
    position: relative;
    display: block;
    width: 100%;
  }
  .stay-model-box__figure.moriya {
    padding-left:max(20px, calc((100% - 1100px)/2));
  }
  .stay-model-box__figure.hiraya {
    padding-right:max(20px, calc((100% - 1100px)/2));
  }
  .stay-model-box__figure::before {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    width: min(25px + (38 - 25) * ((100vw - 1025px) / (1920 - 1025)), 38px);
    font-size: min(25px + (38 - 25) * ((100vw - 1025px) / (1920 - 1025)), 38px);
    font-family: var(--josefin-sans);
    line-height: 0.7;
    color: rgba(255,255,255,0.3);
    writing-mode: vertical-lr;
    letter-spacing: 0.07em;
    z-index: 2;
  }
  .stay-model-box__figure.moriya::before {
    content: "MORIYA MODEL HOUSE";
    left: max(1px, calc((100% - 1300px)/2));
    align-items: flex-end;
  }
  .stay-model-box__figure.hiraya::before {
    content: "HIRAYA MODEL HOUSE";
    right: max(1px, calc((100% - 1300px)/2));
    align-items: flex-start;
  }
  .stay-model-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .stay-model-box__title {
    position: absolute;
    bottom: 0;
    left: max(20px, calc((100% - 1100px)/2));
    display: flex;
    flex-direction: column;
    width: auto;
    padding: 30px 80px 0 30px;
    background-color: var(--font-color);
    color: var(--white);
  }
  .stay-model-box__title > span:nth-child(1) {
    font-size: 16px;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .stay-model-box__title > span:nth-child(2) {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
  .stay-model-box__columns {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    width: 100%;
    padding: 0 30px;
    margin: 60px auto 0;
  }
  .stay-model-box__txt {
    display: block;
    width: calc(600/1040 * 100%);
    font-size: 14px;
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .stay-model-box__address {
    display: block;
    width: calc(330/1040 * 100%);
    font-size: 14px;
    line-height: 2;
    color: var(--white);
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .stay-model-box__address > span {
    font-family: var(--josefin-sans);
  }
  .stay-model-box__btns {
    display: flex;
    max-width: 1100px;
    width: 100%;
    padding: 0 30px;
    margin: 60px auto 0;
  }
  .stay-model-box__btns > a {
    width: 286px;
    height: 58px;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    background-image: url(./assets/images/icon-btn-wh.png);
  }
  .stay-model-box__btns > a:hover {
    background-color: var(--white);
    color: var(--font-color);
    background-image: url(./assets/images/icon-btn-bk.png);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .stay-model-box__figure > img {
    height:min(300px + (342 - 300) * ((100vw - 768px) / (1024 - 768)), 342px);
  }
}



/*cta*/
@media screen and (max-width:767px) {
  .stay-cta {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .stay-cta > .container {
    padding: 0;
  }
  .stay-cta__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1100px;
    width: 100%;
    height: 376px;
    background-image: url(./assets/images/stay/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0 20px;
  }
  .stay-cta__header {
    font-size: min(25px + (28 - 25) * ((100vw - 320px) / (375 - 320)), 28px);
    font-weight: 500;
    color: var(--white);
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .stay-cta__txt {
    font-size: 15px;
    color: var(--white);
    line-height: 28px;
    margin: 30px 0;
    text-align: center;
  }
  .stay-cta__btn {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    margin-left: -10px;
  }
  .stay-cta__btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--green);
  }
  .stay-cta__btn > span {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 58px;
    font-size: 14px;
    line-height: 1;
    color: var(--green);
    background-color: var(--white);
    background-image: url(./assets/images/icon-btn-gr.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 6px auto;
    transform: translate(10px,-10px);
    transition: 0.3s ease;
  }
  .stay-cta__btn:hover > span {
    transform: translate(0,0);
  }
}
@media screen and (min-width:768px) {
  .stay-cta {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .stay-cta__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1100px;
    width: 100%;
    height: 320px;
    background-image: url(./assets/images/stay/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .stay-cta__header {
    font-size: 28px;
    font-weight: 500;
    color: var(--white);
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .stay-cta__txt {
    font-size: 15px;
    color: var(--white);
    line-height: 28px;
    letter-spacing: 0.07em;
    margin-top: 22px;
    margin-bottom: 50px;
  }
  .stay-cta__btn {
    position: relative;
    display: block;
    width: 380px;
    height: 58px;
  }
  .stay-cta__btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--green);
  }
  .stay-cta__btn > span {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 380px;
    height: 58px;
    font-size: 14px;
    line-height: 1;
    color: var(--green);
    background-color: var(--white);
    background-image: url(./assets/images/icon-btn-gr.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 6px auto;
    transform: translate(10px,-10px);
    transition: 0.3s ease;
  }
  .stay-cta__btn:hover > span {
    transform: translate(0,0);
  }
}
/*
PAGE - staff
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .staff-intro {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .staff-intro__body {
    display: block;
    width: 100%;
  }
  .staff-intro__header {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .staff-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
    letter-spacing: 0.07em;
  }
}
@media screen and (min-width:768px) {
  .page-staff {
    background-color: var(--white);
    padding-bottom: 100px;
  }
  .staff-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .staff-intro__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .staff-intro__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .staff-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin-top: 50px;
    letter-spacing: 0.07em;
  }
}
/*list*/
@media screen and (max-width:767px) {
  .staff-list {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .staff-list__body {
    display: block;
    width: 100%;
  }
  .staff-list__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .staff-list__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .staff-list__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .staff-list__main {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 60px;
    max-width: 245px;
    width: 100%;
    margin: 0 auto;
  }
  .staff-list-box {
    display: block;
    width: 100%;
  }
  .staff-list-box__figure {
    display: block;
    width: 100%;
  }
  .staff-list-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .staff-list-box__position {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    margin-top: 20px;
  }
  .staff-list-box__name {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
    margin-top: 5px;
  }
  .staff-list-box__qualification {
    display: block;
    width: 100%;
    padding-top: 10px;
  }
  .staff-list-box__qualification > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    padding-left: 20px;
  }
  .staff-list-box__qualification > li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #4E5B30;
  }
  .staff-list-box__qualification > li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .staff-list {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .staff-list__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .staff-list__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .staff-list__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 50px 1px;
  }
  .staff-list__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 25px;
  }
  .staff-list__main {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    column-gap: calc(30/1000 * 100%);
    row-gap: 70px;
    width: 100%;
  }
  .staff-list-box {
    display: block;
    width: 100%;
  }
  .staff-list-box__figure {
    display: block;
    width: 100%;
  }
  .staff-list-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .staff-list-box__position {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    margin-top: 30px;
  }
  .staff-list-box__name {
    display: block;
    width: 100%;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    margin-top: 5px;
  }
  .staff-list-box__qualification {
    display: block;
    width: 100%;
    padding-top: 20px;
  }
  .staff-list-box__qualification > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.5px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    padding-left: 20px;
  }
  .staff-list-box__qualification > li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #4E5B30;
  }
  .staff-list-box__qualification > li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .staff-list-box__position {
    font-size: 14px;
  }
}
/*
PAGE - company
--------------------------------------------- */
/*greetings*/
@media screen and (max-width:767px) {
  .company-greetings {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .company-greetings__body {
    display: block;
    width: 100%;
  }
  .company-greetings__header {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .company-greetings__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .company-greetings__contents {
    display: block;
    width: 100%;
  }
  .company-greetings__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .company-greetings__company {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .company-greetings__name {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 5px;
  }
  .company-greetings__name > small {
    font-size: 16px;
    padding-right: 20px;
  }
  .company-greetings__figure {
    display: block;
    max-width: 255px;
    width: 100%;
    margin-top: 30px;
  }
  .company-greetings__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .company-greetings {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .company-greetings__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .company-greetings__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .company-greetings__main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .company-greetings__contents {
    display: block;
    width: calc(530/1000 * 100%);
  }
  .company-greetings__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .company-greetings__company {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .company-greetings__name {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    margin-top: 5px;
  }
  .company-greetings__name > small {
    font-size: 18px;
    padding-right: 20px;
  }
  .company-greetings__figure {
    display: block;
    width: calc(420/1000 * 100%);
  }
  .company-greetings__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*profile*/
@media screen and (max-width:767px) {
  .company-profile {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .company-profile__body {
    display: block;
    width: 100%;
  }
  .company-profile__header {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .company-profile__tbl {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
  }
  .company-profile__tbl tr th {
    display: block;
    width: 100%;
    padding: 20px 0 0;
    font-size: 16px;
    color: #4E5B30;
    letter-spacing: 0.2em;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
  }
  .company-profile__tbl tr td {
    display: block;
    width: 100%;
    padding: 10px 0 20px;
    font-size: 15px;
    letter-spacing: 0.07em;
    line-height: 23px;
    border-bottom: 1px solid #E3E3E2;
  }
  .company-profile__tbl tr td a {
    color: var(--font-color);
  }
  .company-profile__tbl tr td a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .company-profile__tbl tr td p {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
  }
  .company-profile__tbl tr td p + p {
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .company-profile {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .company-profile__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .company-profile__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .company-profile__tbl {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
  }
  .company-profile__tbl tr th {
    width: 205px;
    padding: 30px 0;
    font-size: 16px;
    color: #4E5B30;
    letter-spacing: 0.2em;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #E3E3E2;
  }
  .company-profile__tbl tr td {
    width: calc(100% - 205px);
    padding: 30px 0;
    font-size: 15px;
    letter-spacing: 0.07em;
    line-height: 23px;
    border-bottom: 1px solid #E3E3E2;
  }
  .company-profile__tbl tr td a {
    color: var(--font-color);
  }
  .company-profile__tbl tr td a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .company-profile__tbl tr td p {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
  }
  .company-profile__tbl tr td p + p {
    margin-top: 20px;
  }
}
/*showroom*/
@media screen and (max-width:767px) {
  .company-showroom {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .company-showroom__body {
    display: block;
    width: 100%;
  }
  .company-showroom__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .company-showroom__header > span {
    font-size: 25px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .company-showroom__header > small {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .company-showroom__main {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .company-showroom-box {
    display: block;
    width: 100%;
  }
  .company-showroom-box + .company-showroom-box {
    margin-top: 80px;
  }
  .company-showroom-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .company-showroom-box__address {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 30px;
  }
  .company-showroom-box__columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .company-showroom__figure {
    display: block;
    width: 100%;
  }
  .company-showroom__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .company-showroom__map {
    display: block;
    width: 100%;
    height: calc(335/335 * 100%);
    aspect-ratio: 1/1;
    margin-top: 30px;
  }
  .company-showroom__map > iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width:768px) {
  .company-showroom {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .company-showroom__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .company-showroom__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .company-showroom__header > span {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .company-showroom__header > small {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.1em;
    margin-top: 10px;
  }
  .company-showroom__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .company-showroom-box {
    display: block;
    width: 100%;
  }
  .company-showroom-box + .company-showroom-box {
    margin-top: 80px;
  }
  .company-showroom-box__title {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 10px;
    background-image: linear-gradient(#4E5B30,#4E5B30),linear-gradient(#E3E3E3,#E3E3E3);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, left bottom;
    background-size: 30px 2px,100% 2px;
    letter-spacing: 0.07em;
  }
  .company-showroom-box__address {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 30px;
  }
  .company-showroom-box__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
  }
  .company-showroom__figure {
    display: block;
    width: calc(475/1000 * 100%);
  }
  .company-showroom__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .company-showroom__map {
    display: block;
    width: calc(475/1000 * 100%);
  }
  .company-showroom__map > iframe {
    width: 100%;
    height: 100%;
  }
}
/*
PAGE - sdgs
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .sdgs-intro {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .sdgs-intro__body {
    display: block;
    width: 100%;
  }
  .sdgs-intro__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .sdgs-intro__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .sdgs-intro__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .sdgs-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .sdgs-intro__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .sdgs-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .sdgs-intro__figure-caption {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
  }
  .sdgs-intro__figure-caption > a {
    color: var(--font-color);
  }
  .sdgs-intro__figure-caption > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .sdgs-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .sdgs-intro__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .sdgs-intro__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .sdgs-intro__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .sdgs-intro__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .sdgs-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .sdgs-intro__figure {
    display: block;
    width: calc(680/1000 * 100%);
    margin: 60px auto 0;
  }
  .sdgs-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .sdgs-intro__figure-caption {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
  }
  .sdgs-intro__figure-caption > a {
    color: var(--font-color);
  }
  .sdgs-intro__figure-caption > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .sdgs-banner {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .sdgs-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .sdgs-banner {
    display: block;
    width: 100%;
    padding:0 max(20px, calc((100% - 1100px)/2)) 0 0;
    background-color: var(--white);
  }
  .sdgs-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*declaration*/
@media screen and (max-width:767px) {
  .sdgs-declaration {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .sdgs-declaration__body {
    display: block;
    width: 100%;
  }
  .sdgs-declaration__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .sdgs-declaration__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .sdgs-declaration__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .sdgs-declaration__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .sdgs-declaration__main {
    display: block;
    width: 100%;
    margin-top: 35px;
  }
  .sdgs-declaration-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 20px;
    border-top: 1px solid #E3E3E3;
  }
  .sdgs-declaration-box:last-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .sdgs-declaration-box__figure {
    display: block;
    width: 100%;
  }
  .sdgs-declaration-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .sdgs-declaration-box__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
  }
  .sdgs-declaration-box__badge {
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 30px;
  }
  .sdgs-declaration-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.1em;
    margin-top: 5px;
  }
  .sdgs-declaration-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .sdgs-declaration {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .sdgs-declaration__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .sdgs-declaration__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .sdgs-declaration__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .sdgs-declaration__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .sdgs-declaration__txt {
    display: block;
    max-width: 1000px;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin: 50px auto 0;
  }
  .sdgs-declaration__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .sdgs-declaration-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 50px 0;
    border-top: 1px solid #E3E3E3;
  }
  .sdgs-declaration-box:last-child {
    border-bottom: 1px solid #E3E3E3;
  }
  .sdgs-declaration-box__figure {
    display: block;
    width: calc(295/1100 * 100%);
  }
  .sdgs-declaration-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .sdgs-declaration-box__content {
    display: flex;
    flex-direction: column;
    width: calc(725/1100 * 100%);
    padding-top: 20px;
  }
  .sdgs-declaration-box__badge {
    font-family: var(--josefin-sans);
    font-size: 20px;
    font-weight: 300;
    color: #6F818E;
    line-height: 26px;
  }
  .sdgs-declaration-box__title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    margin-top: 20px;
  }
  .sdgs-declaration-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
}
/*
PAGE - sdgs
--------------------------------------------- */
@media screen and (max-width:767px) {
  .privacy {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .privacy__body {
    display: block;
    width: 100%;
  }
  .privacy__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .privacy-box {
    display: block;
    width: 100%;
    margin-top: 60px;
  }
  .privacy-box + .privacy-box {
    margin-top: 50px;
  }
  .privacy-box__title {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #4E5B30;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    padding-left: 26px;
    margin-bottom: 20px;
  }
  .privacy-box__title > span {
    position: absolute;
    left: 0;
  }
  .privacy-address {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 60px;
  }
  .privacy-address > span {
    font-size: 16px;
    font-weight: 500;
  }
}
@media screen and (min-width:768px) {
  .privacy {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .privacy__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .privacy__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .privacy-box {
    display: block;
    width: 100%;
    margin-top: 60px;
  }
  .privacy-box + .privacy-box {
    margin-top: 50px;
  }
  .privacy-box__title {
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #4E5B30;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    padding-left: 36px;
    margin-bottom: 20px;
  }
  .privacy-box__title > span {
    position: absolute;
    left: 0;
  }
  .privacy-address {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 60px;
  }
  .privacy-address > span {
    font-size: 16px;
    font-weight: 500;
  }
}
/*
PAGE - sitemap
--------------------------------------------- */
@media screen and (max-width:767px) {
  .sitemap {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .sitemap__body {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .sitemap-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .sitemap-menu:nth-child(n+2) {
    margin-top: 50px;
  }
  .sitemap-menu__title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 25px;
    font-size: 22px;
    font-weight: 700;
    color: #4E5B30;
    font-family: var(--josefin-sans);
    line-height: 1;
    padding-left: 10px;
    border-left: 2px solid #4E5B30;
    letter-spacing: 0.07em;
  }
  .sitemap-menu__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    padding:20px 0 0 10px;
    border-left: 2px solid #E3E3E3;
  }
  .sitemap-menu__list > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .sitemap-menu__list > li.child-menu {
    padding-left: 10px;
  }
  .sitemap-menu__list > li + li {
    margin-top: 15px;
  }
  .sitemap-menu__list > li > a {
    display: block;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.07em;
    color: var(--font-color);
  }
  .sitemap-menu__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .sitemap {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .sitemap__body {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .sitemap-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 33.333333%;
  }
  .sitemap-menu:first-child {
    width: 100%;
  }
  .sitemap-menu:nth-child(n+2) {
    margin-top: 80px;
  }
  .sitemap-menu__title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 25px;
    font-size: 22px;
    font-weight: 700;
    color: #4E5B30;
    font-family: var(--josefin-sans);
    line-height: 1;
    padding-left: 10px;
    border-left: 2px solid #4E5B30;
    letter-spacing: 0.07em;
  }
  .sitemap-menu__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    padding:25px 0 0 10px;
    border-left: 2px solid #E3E3E3;
  }
  .sitemap-menu__list > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .sitemap-menu__list > li.child-menu {
    padding-left: 10px;
  }
  .sitemap-menu__list > li + li {
    margin-top: 15px;
  }
  .sitemap-menu__list > li > a {
    display: block;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.07em;
    color: var(--font-color);
  }
  .sitemap-menu__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*
PAGE - life
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .life-intro {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .life-intro__body {
    display: block;
    width: 100%;
  }
  .life-intro__header {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .life-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .life-intro__txt > span {
    background-color: #FFFA74;
  }
}
@media screen and (min-width:768px) {
  .life-intro {
    display: block;
    width: 100%;
    padding: 100px 0 80px;
    background-color: var(--white);
  }
  .life-intro__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .life-intro__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .life-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
    margin-top: 50px;
  }
  .life-intro__txt > span {
    background-color: #FFFA74;
  }
}
/*advice*/
@media screen and (max-width:767px) {
  .life-advice {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .life-advice__header {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .life-advice__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
    margin-top: 30px;
  }
  .life-advice__main {
    display: block;
    width: 100%;
  }
  .life-advice-box {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .life-advice-box__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin:0 auto;
  }
  .life-advice-box__title > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.05em;
  }
  .life-advice-box__title > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .life-advice-box__figure {
    display: block;
    width: calc(100% + 20px);
    margin-top: 30px;
  }
  .life-advice-box:nth-child(odd) > .life-advice-box__figure {
    margin-left: 20px;
  }
  .life-advice-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .life-advice-box__block {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(100% + 20px);
    padding: 20px;
    background-color: rgba(255,255,255,.9);
    margin-top: -30px;
  }
  .life-advice-box:nth-child(odd) .life-advice-box__block {
    margin-left: -20px;
  }
  .life-advice-box:nth-child(even) .life-advice-box__block {
    margin-left: auto;
    margin-right: 20px;
  }
  .life-advice-box__block-title {
    display: block;
    width: 100%;
    font-size: min(16px + (20 - 16) * ((100vw - 320px) / (375 - 320)), 20px);
    line-height: 35px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: justify;
    word-break: break-all;
  }
  .life-advice-box__block-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .life-advice-box__block-btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
  }
  .life-advice-box__block-btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 15px;
    color: #4E5B30;
    letter-spacing: 0.07em;
    font-weight: 500;
    line-height: 1;
    padding-right: 15px;
    background-image: url(./assets/images/icon-btn-gr.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .life-advice-box__block-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .life-advice {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .life-advice__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .life-advice__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
    margin-top: 30px;
  }
  .life-advice__main {
    display: block;
    width: 100%;
  }
  .life-advice-box {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .life-advice-box__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(1000/1200 * 100%);
    margin:0 auto;
  }
  .life-advice-box__title > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .life-advice-box__title > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .life-advice-box__figure {
    display: block;
    width: calc(800/1200 * 100%);
    margin-top: 30px;
  }
  .life-advice-box:nth-child(odd) > .life-advice-box__figure {
    margin-left: auto;
  }
  .life-advice-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .life-advice-box__block {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(810/1200 * 100%);
    padding: 30px;
    background-color: rgba(255,255,255,.9);
    margin-top: -50px;
  }
  .life-advice-box:nth-child(odd) .life-advice-box__block {
    margin-left: 40px;
  }
  .life-advice-box:nth-child(even) .life-advice-box__block {
    margin-left: auto;
    margin-right: 40px;
  }
  .life-advice-box__block-title {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 40px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
  .life-advice-box__block-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .life-advice-box__block-btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
  }
  .life-advice-box__block-btn {
    display: flex;
    align-items: center;
    width: auto;
    height: 20px;
    font-size: 16px;
    color: #4E5B30;
    letter-spacing: 0.07em;
    font-weight: 500;
    line-height: 1;
    padding-right: 15px;
    background-image: url(./assets/images/icon-btn-gr.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px auto;
  }
  .life-advice-box__block-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*summary*/
@media screen and (max-width:767px) {
  .life-summary {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--white);
  }
  .life-summary__body {
    display: block;
    width: 100%;
  }
  .life-summary__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .life-summary {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .life-summary__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .life-summary__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
  }
}
/*
PAGE - pet
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .pet-intro {
    display: block;
    width: 100%;
    padding-top: 50px;
    background-color: var(--white);
  }
  .pet-intro__body {
    display: block;
    width: 100%;
    padding-bottom: 50px;
    margin: 0 auto;
  }
  .pet-intro__main {
    display: block;
    width: 100%;
  }
  .pet-intro__header {
    display: block;
    width: 100%;
    font-size: min(21px + (25 - 21) * ((100vw - 320px) / (375 - 320)), 25px);
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .pet-intro__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-intro__images1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .pet-intro__figure1 {
    display: block;
    width: calc(182.61/335 * 100%);
  }
  .pet-intro__figure2 {
    display: block;
    width: calc(127/335 * 100%);
    margin-top: 30px;
  }
  .pet-intro__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .pet-intro__images2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
  }
  .pet-intro__figure3 {
    display: block;
    width: calc(192/335 * 100%);
  }
  .pet-intro__figure4 {
    display: block;
    width: calc(132/335 * 100%);
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .pet-intro {
    display: block;
    width: 100%;
    padding-top: 100px;
    background-color: var(--white);
  }
  .pet-intro__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    padding-bottom: 170px;
    margin: 0 auto;
  }
  .pet-intro__main {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .pet-intro__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.1em;
  }
  .pet-intro__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-intro__figure1 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(240.94/1366 * 100%);
  }
  .pet-intro__figure2 {
    position: absolute;
    top: 36px;
    right: 0;
    display: block;
    width: calc(230/1366 * 100%);
  }
  .pet-intro__txt {
    display: block;
    width: min(600px + (830 - 600) * ((100vw - 1025px) / (1366 - 1025)), 830px);
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin: 30px auto 0;
  }
  .pet-intro__figure3 {
    position: absolute;
    bottom: 0;
    left: calc(274/1366 * 100%);
    display: block;
    width: calc(168/1366 * 100%);
  }
  .pet-intro__figure4 {
    position: absolute;
    bottom: 0;
    right: calc(244/1366 * 100%);
    display: block;
    width: calc(159/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .pet-intro__body {
    padding-bottom: min(115px + (170 - 115) * ((100vw - 768px) / (1024 - 768)), 170px);
  }
  .pet-intro__txt {
    width: 500px;
  }
}
/*nav*/
@media screen and (max-width:767px) {
  .pet-nav {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
    background-color: var(--white);
  }
  .pet-nav__body {
    display: block;
    width: 100%;
  }
  .pet-nav__header {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .pet-nav__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 80px;
  }
  .pet-nav__link {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 335px;
    width: 100%;
    height: 70px;
    font-size: 20px;
    font-weight: 500;
  }
  .pet-nav__link + .pet-nav__link {
    margin-top: 30px;
  }
  .pet-nav__link.dog {
    color: #4B5172;
    background-color: #E9E9E9;
    background-image: url(./assets/images/pet/icon-dog.png),url(./assets/images/pet/icon-chev-bl.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left -26px bottom, right 20px center;
    background-size: auto 70px, 11.83px auto;
  }
  .pet-nav__link.cat {
    color: #4E5B30;
    background-color: #F0F3E8;
    background-image: url(./assets/images/pet/icon-cat.png),url(./assets/images/pet/icon-chev-gr.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left -26px bottom, right 20px center;
    background-size: auto 70px, 11.83px auto;
  }
  .pet-nav__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (max-width:359px) {
  .pet-nav__link {
    padding-left: 20px;
  }
}
@media screen and (min-width:768px) {
  .pet-nav {
    display: block;
    width: 100%;
    padding: 100px 0 80px;
    background-color: var(--white);
  }
  .pet-nav__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .pet-nav__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .pet-nav__main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 80px;
  }
  .pet-nav__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(450/1000 * 100%);
    height: 70px;
    font-size: 20px;
    font-weight: 500;
  }
  .pet-nav__link.dog {
    color: #4B5172;
    background-color: #E9E9E9;
    background-image: url(./assets/images/pet/icon-dog.png),url(./assets/images/pet/icon-chev-bl.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, right 20px center;
    background-size: auto 70px, 11.83px auto;
  }
  .pet-nav__link.cat {
    color: #4E5B30;
    background-color: #F0F3E8;
    background-image: url(./assets/images/pet/icon-cat.png),url(./assets/images/pet/icon-chev-gr.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, right 20px center;
    background-size: auto 70px, 11.83px auto;
  }
  .pet-nav__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .pet-nav__link {
    padding-left: 40px;
  }
}
/*dog*/
@media screen and (max-width:767px) {
  .pet-dog {
    display: block;
    width: 100%;
    background-color: rgba(233,233,233,0.3);
  }
  .pet-dog__body {
    display: block;
    width: 100%;
    padding: 50px 0;
    margin: 0 auto;
    background-image: url(./assets/images/pet/dog-sp1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .pet-dog__main {
    display: block;
    width: 100%;
  }
  .pet-dog__icon {
    display: block;
    width: 62.48px;
    margin: 0 auto;
  }
  .pet-dog__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-dog__header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 20px;
  }
  .pet-dog__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 30px;
  }
  .pet-dog__banner {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .pet-dog__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-dog-feature {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 50px;
    width: 100%;
    margin-top: 50px;
  }
  .pet-dog-box {
    display: block;
    width: 100%;
  }
  .pet-dog-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    color: #4B5172;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .pet-dog-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .pet-dog-box > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-dog-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .pet-dog {
    display: block;
    width: 100%;
    background-color: rgba(233,233,233,0.3);
  }
  .pet-dog__body {
    display: block;
    max-width: 1366px;
    width: 100%;
    padding: 80px 0;
    margin: 0 auto;
    background-image: url(./assets/images/pet/dog-pc1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .pet-dog__main {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .pet-dog__icon {
    display: block;
    width: 74.98px;
    margin: 0 auto;
  }
  .pet-dog__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-dog__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 20px;
  }
  .pet-dog__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin-top: 30px;
  }
  .pet-dog__banner {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .pet-dog__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-dog-feature {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: calc(50/1000 * 100%);
    row-gap: 80px;
    width: 100%;
    margin-top: 80px;
  }
  .pet-dog-box {
    display: block;
    width: 100%;
  }
  .pet-dog-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    color: #4B5172;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.1em;
  }
  .pet-dog-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .pet-dog-box > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-dog-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
/*cat*/
@media screen and (max-width:767px) {
  .pet-cat {
    display: block;
    width: 100%;
    background-color: rgba(240,243,232,0.9);
  }
  .pet-cat__body {
    display: block;
    width: 100%;
    padding: 50px 0;
    margin: 0 auto;
    background-image: url(./assets/images/pet/cat-sp1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .pet-cat__main {
    display: block;
    width: 100%;
  }
  .pet-cat__icon {
    display: block;
    width: 58.98px;
    margin: 0 auto;
  }
  .pet-cat__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-cat__header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 20px;
  }
  .pet-cat__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 30px;
  }
  .pet-cat__banner {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .pet-cat__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-cat-feature {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 50px;
    width: 100%;
    margin-top: 50px;
  }
  .pet-cat-box {
    display: block;
    width: 100%;
  }
  .pet-cat-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    color: #4E5B30;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .pet-cat-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .pet-cat-box > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-cat-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .pet-cat {
    display: block;
    width: 100%;
    background-color: rgba(240,243,232,0.9);
  }
  .pet-cat__body {
    display: block;
    max-width: 1366px;
    width: 100%;
    padding: 80px 0;
    margin: 0 auto;
    background-image: url(./assets/images/pet/cat-pc1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .pet-cat__main {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .pet-cat__icon {
    display: block;
    width: 58.98px;
    margin: 0 auto;
  }
  .pet-cat__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-cat__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 20px;
  }
  .pet-cat__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin-top: 30px;
  }
  .pet-cat__banner {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .pet-cat__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-cat-feature {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: calc(50/1000 * 100%);
    row-gap: 80px;
    width: 100%;
    margin-top: 80px;
  }
  .pet-cat-box {
    display: block;
    width: 100%;
  }
  .pet-cat-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    color: #4E5B30;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.1em;
  }
  .pet-cat-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .pet-cat-box > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-cat-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
/*living*/
@media screen and (max-width:767px) {
  .pet-living {
    display: block;
    width: 100%;
    padding: 50px 0 0;
    background-color: var(--white);
  }
  .pet-living__intro {
    display: block;
    width: 100%;
    padding-bottom: 50px;
  }
  .pet-living__intro-main {
    display: block;
    width: 100%;
  }
  .pet-living__intro-content {
    display: block;
    width: 100%;
  }
  .pet-living__intro-title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.1em;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 30px;
  }
  .pet-living__intro-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .pet-living__intro-images {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
  }
  .pet-living__intro-images img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-living__intro-figure1 {
    display: block;
    width: calc(180.26/335 * 100%);
  }
  .pet-living__intro-figure2 {
    display: block;
    width: calc(133.83/335 * 100%);
    margin-top: 115px;
  }
}
@media screen and (min-width:768px) {
  .pet-living {
    display: block;
    width: 100%;
    padding: 100px 0 0;
    background-color: var(--white);
  }
  .pet-living__intro {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: min(280px + (380 - 280) * ((100vw - 1025px) / (1366 - 1025)), 380px);
  }
  .pet-living__intro-main {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .pet-living__intro-content {
    display: block;
    width: min(650px + (700 - 650) * ((100vw - 1025px) / (1366 - 1025)), 700px);
  }
  .pet-living__intro-title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.1em;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 50px;
  }
  .pet-living__intro-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .pet-living__intro-images img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-living__intro-figure1 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(430/1366 * 100%);
  }
  .pet-living__intro-figure2 {
    position: absolute;
    bottom: 80px;
    left: calc(565/1366 * 100%);
    display: block;
    width: calc(320/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .pet-living__intro-content {
    display: block;
    width: min(480px + (520 - 480) * ((100vw - 768px) / (1024 - 768)), 520px);
  }
  .pet-living__intro-title {
    display: block;
    font-size: min(25px + (30 - 25) * ((100vw - 768px) / (1024 - 768)), 30px);
    margin-bottom:  min(30px + (50 - 30) * ((100vw - 768px) / (1024 - 768)), 50px);
  }
}
/*feature*/
@media screen and (max-width:767px) {
  .pet-feature__body {
    display: block;
    width: 100%;
  }
  .pet-feature {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--gray);
  }
  .pet-feature-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .pet-feature-box + .pet-feature-box {
    margin-top: 50px;
  }
  .pet-feature-box__content {
    display: block;
    width: 100%;
  }
  .pet-feature-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding-left: 15px;
    border-left: 3px solid #4E5B30;
  }
  .pet-feature-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .pet-feature-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .pet-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-feature__txt {
    display: block;
    width: 100%;
    padding: 50px 0;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .pet-feature__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .pet-feature {
    display: block;
    width: 100%;
    padding: calc(50/1000 * 100%);
    background-color: var(--gray);
  }
  .pet-feature-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .pet-feature-box + .pet-feature-box {
    margin-top: 50px;
  }
  .pet-feature-box__content {
    display: block;
    width: calc(570/900 * 100%);
  }
  .pet-feature-box__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    padding-left: 15px;
    border-left: 3px solid #4E5B30;
  }
  .pet-feature-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .pet-feature-box__figure {
    display: block;
    width: calc(300/900 * 100%);
  }
  .pet-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .pet-feature__txt {
    display: block;
    width: 100%;
    padding: 100px 0;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
  }
}
/*
PAGE - modelhouse
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .modelhouse-intro {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  /*top*/
  .modelhouse-intro-top {
    display: block;
    width: 100%;
  }
  .modelhouse-intro-top__main {
    display: block;
    width: 100%;
  }
  .modelhouse-intro-top__content {
    display: block;
    width: 100%;
  }
  .modelhouse-intro-top__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .modelhouse-intro-top__header > span:nth-child(1) {
    font-size: 30px;
    font-family: var(--josefin-sans);
    line-height: 1;
    letter-spacing: 0.07em;
  }
  .modelhouse-intro-top__header > span:nth-child(2) {
    font-size: min(21px + (26 - 21) * ((100vw - 320px) / (375 - 320)), 26px);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .modelhouse-intro-top__name {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #6F818E;
    font-family: var(--josefin-sans);
    line-height: 20px;
    padding-left: 24px;
    background-image: linear-gradient(#6F818E,#6F818E);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px 1px;
    margin-top: 20px;
  }
  .modelhouse-intro-top__images {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 50px;
  }
  .modelhouse-intro-top__images img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-intro-top__figure1 {
    display: block;
    width: 100%;
  }
  .modelhouse-intro-top__figure2 {
    display: block;
    width: calc(188/375 * 100%);
    margin-top: 10px;
  }
  /*bottom*/
  .modelhouse-intro-btm {
    display: block;
    width: 100%;
    padding: 80px 0;
  }
  .modelhouse-intro-btm__content img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-intro-btm__main {
    display: block;
    width: 100%;
  }
  .modelhouse-intro-btm__content {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .modelhouse-intro-btm__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
  }
  .modelhouse-intro-btm__images1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .modelhouse-intro-btm__figure1 {
    display: block;
    width: calc(171.59/335 * 100%);
  }
  .modelhouse-intro-btm__figure2 {
    display: block;
    width: calc(153.41/335 * 100%);
    margin-top: 40px;
  }
  .modelhouse-intro-btm__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .modelhouse-intro-btm__images2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
  }
  .modelhouse-intro-btm__figure3 {
    display: block;
    width: calc(134.19/335 * 100%);
    margin-top: 30px;
  }
  .modelhouse-intro-btm__figure4 {
    display: block;
    width: calc(190.81/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .modelhouse-intro {
    display: block;
    width: 100%;
    padding: 100px 0 80px;
    background-color: var(--white);
  }
  /*top*/
  .modelhouse-intro-top {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: min(400px + (542 - 400) * ((100vw - 1025px) / (1366 - 1025)), 542px);
    margin: 0 auto;
  }
  .modelhouse-intro-top__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .modelhouse-intro-top__content {
    display: block;
    width: calc(520/1100 * 100%);
  }
  .modelhouse-intro-top__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .modelhouse-intro-top__header > span:nth-child(1) {
    font-size: 60px;
    font-family: var(--josefin-sans);
    line-height: 1;
  }
  .modelhouse-intro-top__header > span:nth-child(2) {
    font-size: 36px;
    font-weight: 500;
    line-height: 50px;
    margin-top: 40px;
  }
  .modelhouse-intro-top__name {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #6F818E;
    font-family: var(--josefin-sans);
    line-height: 20px;
    padding-left: 24px;
    background-image: linear-gradient(#6F818E,#6F818E);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px 1px;
    margin-top: 50px;
  }
  .modelhouse-intro-top__images img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-intro-top__figure1 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(683/1366 * 100%);
  }
  .modelhouse-intro-top__figure2 {
    position: absolute;
    bottom: 0;
    left: calc(508/1366 * 100%);
    display: block;
    width: calc(260/1366 * 100%);
  }
  /*bottom*/
  .modelhouse-intro-btm {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: 710px;
    padding: 100px 0;
    margin: 0 auto;
  }
  .modelhouse-intro-btm__content img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-intro-btm__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .modelhouse-intro-btm__content {
    display: block;
    width: calc(700/1100 * 100%);
    margin: 0 auto;
  }
  .modelhouse-intro-btm__header {
    display: block;
    width: 100%;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    text-align: center;
  }
  .modelhouse-intro-btm__figure1 {
    position: absolute;
    top: 80px;
    left: calc(-40/1366 * 100%);
    display: block;
    width: calc(324/1366 * 100%);
  }
  .modelhouse-intro-btm__figure2 {
    position: absolute;
    bottom: 110px;
    left: calc(125/1366 * 100%);
    display: block;
    width: calc(206/1366 * 100%);
  }
  .modelhouse-intro-btm__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 50px;
  }
  .modelhouse-intro-btm__figure3 {
    position: absolute;
    bottom: 100px;
    right: calc(94/1366 * 100%);
    display: block;
    width: calc(157/1366 * 100%);
  }
  .modelhouse-intro-btm__figure4 {
    position: absolute;
    top: 160px;
    right: calc(-60/1366 * 100%);
    display: block;
    width: calc(157/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .modelhouse-intro-top {
    min-height: min(320px + (400 - 320) * ((100vw - 768px) / (1024 - 768)), 400px);
  }
  .modelhouse-intro-top__header > span:nth-child(1) {
    font-size: 46px;
  }
  .modelhouse-intro-top__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 40px;
    margin-top: 30px;
  }
  .modelhouse-intro-btm__content {
    width: calc(850/1100 * 100%);
  }
  .modelhouse-intro-btm__figure4 {
    right: -20px;
  }
}
/*first visit*/
@media screen and (max-width:767px) {
  .first-visit {
    display: block;
    width: 100%;
  }
  .first-visit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 20px;
    background-color: #F1F5E5;
  }
  .first-visit-box__figure {
    display: block;
    max-width: 225px;
    width: 100%;
  }
  .first-visit-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .first-visit-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .first-visit-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #E9735E;
    text-align: center;
  }
  .first-visit-box__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .first-visit-box__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .first-visit-box__btns > a {
    max-width: 276px;
    width: 100%;
    background-color: transparent;
    background-position: right 20px center;
    padding-right: 10px;
  }
  .first-visit-box__btns > a:nth-child(1) {
    margin-bottom: 20px;
  }
}
@media screen and (min-width:768px) {
  .first-visit {
    display: block;
    width: 100%;
  }
  .first-visit-box {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    width: 100%;
    padding: calc(40/1100 * 100%) calc(80/1100 * 100%);
    background-color: #F1F5E5;
    margin: 0 auto;
  }
  .first-visit-box__figure {
    display: block;
    width: calc(195/940 * 100%);
  }
  .first-visit-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .first-visit-box__content {
    display: block;
    width: calc(660/940 * 100%);
  }
  .first-visit-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #E9735E;
  }
  .first-visit-box__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .first-visit-box__btns {
    display: flex;
    width: 100%;
    margin-top: 30px;
  }
  .first-visit-box__btns > a {
    width: 276px;
    background-color: transparent;
    background-position: right 20px center;
  }
  .first-visit-box__btns > a:nth-child(1) {
    margin-right: 20px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .first-visit-box__btns > a {
    width: calc(50% - 10px);
    font-size: 13px;
    background-color: transparent;
    background-position: right 10px center;
    padding-right: 10px;
  }
}
/*feature*/
@media screen and (max-width:767px) {
  .modelhouse-feature {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .modelhouse-feature__body {
    display: block;
    width: 100%;
  }
  .modelhouse-feature__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .modelhouse-feature__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .modelhouse-feature__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(18px + (20 - 18) * ((100vw - 320px) / (375 - 320)), 20px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .modelhouse-feature__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .modelhouse-feature-box {
    display: block;
    width: 100%;
  }
  .modelhouse-feature-box + .modelhouse-feature-box {
    margin-top: 50px;
  }
  .modelhouse-feature-box__title {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(111,129,142,0.3),rgba(111,129,142,0.3));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .modelhouse-feature-box__title > span {
    display: block;
    width: auto;
    font-size: 16px;
    font-family: var(--josefin-sans);
    padding-right: 15px;
    line-height: 20px;
    color: #6F818E;
    background-color: var(--gray);
    letter-spacing: 0.07em;
    font-weight: 400;
  }
  .modelhouse-feature-box__block-wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .modelhouse-feature-box__block {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }
  .modelhouse-feature-box__block + .modelhouse-feature-box__block {
    margin-top: 30px;
  }
  .modelhouse-feature-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .modelhouse-feature-box__badge {
    display: block;
    width: 100%;
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 35px;
  }
  .modelhouse-feature-box__content-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .modelhouse-feature-box__content-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .modelhouse-feature-box__content > picture {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .modelhouse-feature-box__content > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-feature-box__figure {
    display: block;
    width: 100%;
  }
  .modelhouse-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-feature-box__columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .modelhouse-feature-box__column1 {
    display: block;
    width: 100%;
  }
  .modelhouse-feature-box__column2 {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .modelhouse-feature-box__columns picture {
    display: block;
    width: 100%;
  }
  .modelhouse-feature-box__columns picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
   .modelhouse-feature-box__columns picture + p {
    margin-top: 30px;
   }
}
@media screen and (min-width:768px) {
  .modelhouse-feature {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .modelhouse-feature__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .modelhouse-feature__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .modelhouse-feature__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .modelhouse-feature__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .modelhouse-feature__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .modelhouse-feature-box {
    display: block;
    width: 100%;
  }
  .modelhouse-feature-box + .modelhouse-feature-box {
    margin-top: 80px;
  }
  .modelhouse-feature-box__title {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(111,129,142,0.3),rgba(111,129,142,0.3));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .modelhouse-feature-box__title > span {
    display: block;
    width: auto;
    font-size: 16px;
    font-family: var(--josefin-sans);
    padding-right: 30px;
    line-height: 20px;
    color: #6F818E;
    background-color: var(--gray);
    letter-spacing: 0.07em;
    font-weight: 400;
  }
  .modelhouse-feature-box__block-wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .modelhouse-feature-box__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .modelhouse-feature-box__block.start-30 {
    align-items: flex-start;
  }
  .modelhouse-feature-box__block.start-30 .modelhouse-feature-box__content {
    padding-top: 30px;
  }
  .modelhouse-feature-box__block.start-0 {
    align-items: flex-start;
  }
  .modelhouse-feature-box__block + .modelhouse-feature-box__block {
    margin-top: 60px;
  }
  .modelhouse-feature-box__block-wrap.row-revese .modelhouse-feature-box__block:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .modelhouse-feature-box__block-wrap.row .modelhouse-feature-box__block:nth-child(even),
  .modelhouse-feature-box__block.row-reverse {
    flex-direction: row-reverse;
  }
  .modelhouse-feature-box__content {
    display: block;
    width: calc(360/1000 * 100%);
  }
  .modelhouse-feature-box__badge {
    display: block;
    width: 100%;
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 48px;
  }
  .modelhouse-feature-box__content-title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.1em;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .modelhouse-feature-box__content-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .modelhouse-feature-box__content > picture {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .modelhouse-feature-box__content > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-feature-box__figure {
    display: block;
    width: calc(560/1000 * 100%);
  }
  .modelhouse-feature-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-feature-box__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 60px;
  }
  .modelhouse-feature-box__column1 {
    display: block;
    width: calc(360/1000 * 100%);
  }
  .modelhouse-feature-box__column2 {
    display: block;
    width: calc(560/1000 * 100%);
  }
  .modelhouse-feature-box__columns picture {
    display: block;
    width: 100%;
  }
  .modelhouse-feature-box__columns picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
   .modelhouse-feature-box__columns picture + p {
    margin-top: 40px;
   }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .modelhouse-feature-box__content-title {
    font-size: 23px;
  }
}
/*performance*/
@media screen and (max-width:767px) {
  .modelhouse-performance {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .modelhouse-performance__body {
    display: block;
    width: 100%;
  }
  .modelhouse-performance__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .modelhouse-performance__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .modelhouse-performance__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .modelhouse-performance__main {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 50px;
    width: 100%;
    margin-top: 50px;
  }
  .modelhouse-performance-box {
    display: block;
    width: 100%;
  }
  .modelhouse-performance-box__figure {
    display: block;
    width: 100%;
  }
  .modelhouse-performance-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-performance-box__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #6F818E;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .modelhouse-performance-box__txt {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .modelhouse-performance-box__btns {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .modelhouse-performance {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .modelhouse-performance__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .modelhouse-performance__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .modelhouse-performance__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .modelhouse-performance__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .modelhouse-performance__main {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    column-gap: calc(30/1100 * 100%);
    row-gap: 75px;
    width: 100%;
    margin-top: 100px;
  }
  .modelhouse-performance-box {
    display: block;
    width: 100%;
  }
  .modelhouse-performance-box__figure {
    display: block;
    width: 100%;
  }
  .modelhouse-performance-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-performance-box__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #6F818E;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .modelhouse-performance-box__txt {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
  .modelhouse-performance-box__btns {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-top: 15px;
  }
}
/*madori*/
@media screen and (max-width:767px) {
  .modelhouse-madori {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .modelhouse-madori__body {
    display: block;
    width: 100%;
  }
  .modelhouse-madori__header {
    display: block;
    width: 100%;
    font-size: min(18px + (20 - 18) * ((100vw - 320px) / (375 - 320)), 20px);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
  }
  .modelhouse-madori__figure {
    display: block;
    width: 100%;
  }
  .modelhouse-madori__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .modelhouse-madori {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .modelhouse-madori__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .modelhouse-madori__header {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 60px;
  }
  .modelhouse-madori__figure {
    display: block;
    width: 100%;
  }
  .modelhouse-madori__figure.hiraya {
    max-width: 800px;
    margin: 0 auto;
  }
  .modelhouse-madori__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*access*/
@media screen and (max-width:767px) {
  .modelhouse-access {
    display: block;
    width: 100%;
    padding: 80px 0 0;
    background-color: var(--white);
  }
  .modelhouse-access__body {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .modelhouse-access__content {
    display: block;
    width: 100%;
  }
  .modelhouse-access__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .modelhouse-access__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .modelhouse-access__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .modelhouse-access__name {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.1em;
    margin-top: 20px;
  }
  .modelhouse-access__address {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .modelhouse-access__map {
    display: block;
    width: 100%;
    height: 317px;
    margin-top: 30px;
  }
  .modelhouse-access__map > iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width:768px) {
  .modelhouse-access {
    display: block;
    width: 100%;
    padding: 100px 0 0;
    background-color: var(--white);
  }
  .modelhouse-access__body {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .modelhouse-access__content {
    display: block;
    width: calc(220/1100 * 100%);
  }
  .modelhouse-access__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .modelhouse-access__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .modelhouse-access__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .modelhouse-access__name {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.1em;
    margin-top: 100px;
  }
  .modelhouse-access__address {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .modelhouse-access__map {
    display: block;
    width: calc(800/1100 * 100%);
    height: 440px;
  }
  .modelhouse-access__map > iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .modelhouse-access__content {
    display: block;
    width: calc(270/1100 * 100%);
  }
  .modelhouse-access__map {
    display: block;
    width: calc(750/1100 * 100%);
    height: 340px;
  }
}
/*event*/
@media screen and (max-width:767px) {
  .modelhouse-event {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: var(--gray);
  }
  .modelhouse-event__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .modelhouse-event__figure {
    display: block;
    max-width: 225px;
    width: 100%;
  }
  .modelhouse-event__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-event__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .modelhouse-event__header {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
  }
  .modelhouse-event__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .modelhouse-event__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .modelhouse-event__btns > a {
    width: 276px;
    background-color: transparent;
    background-position: right 20px center;
  }
  .modelhouse-event__btns > a:nth-child(1) {
    margin-bottom: 20px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .modelhouse-event {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .modelhouse-event__body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: var(--gray);
  }
  .modelhouse-event__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(300/1100 * 100%);
    overflow: hidden;
  }
  .modelhouse-event__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .modelhouse-event__content {
    display: block;
    width: calc(800/1100 * 100%);
    padding: 20px;
  }
  .modelhouse-event__header {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
  .modelhouse-event__txt {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
  .modelhouse-event__btns {
    display: flex;
    width: 100%;
    margin-top: 20px;
  }
  .modelhouse-event__btns > a {
    width: 276px;
    font-size: 12px;
    background-color: transparent;
    background-position: right 20px center;
  }
  .modelhouse-event__btns > a:nth-child(1) {
    margin-right: 20px;
  }
}
@media screen and (min-width:1025px) {
  .modelhouse-event {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .modelhouse-event__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1100px;
    width: 100%;
    background-color: var(--gray);
    margin: 0 auto;
  }
  .modelhouse-event__figure {
    display: block;
    width: calc(300/1100 * 100%);
  }
  .modelhouse-event__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .modelhouse-event__content {
    display: block;
    width: calc(800/1100 * 100%);
    padding: 0 calc(80/1100 * 100%) 0 calc(60/1100 * 100%);
  }
  .modelhouse-event__header {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }
  .modelhouse-event__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .modelhouse-event__btns {
    display: flex;
    width: 100%;
    margin-top: 30px;
  }
  .modelhouse-event__btns > a {
    width: 276px;
    background-color: transparent;
    background-position: right 20px center;
  }
  .modelhouse-event__btns > a:nth-child(1) {
    margin-right: 20px;
  }
}
/*
PAGE - dannetsu
--------------------------------------------- */
/*comfortable*/
@media screen and (max-width:767px) {
  .dannetsu-comfortable {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  .dannetsu-comfortable__body {
    display: block;
    width: 100%;
  }
  .dannetsu-comfortable__main {
    display: block;
    width: 100%;
  }
  .dannetsu-comfortable__content {
    display: block;
    width: 100%;
  }
  .dannetsu-comfortable__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dannetsu-comfortable__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .dannetsu-comfortable__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 26px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-comfortable__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .dannetsu-comfortable__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .dannetsu-comfortable__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .dannetsu-comfortable {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .dannetsu-comfortable__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: min(360px + (480 - 360) * ((100vw - 1025px) / (1366 - 1025)), 480px);
    margin: 0 auto;
  }
  .dannetsu-comfortable__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .dannetsu-comfortable__content {
    display: block;
    width: calc(460/1100 * 100%);
  }
  .dannetsu-comfortable__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dannetsu-comfortable__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .dannetsu-comfortable__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 36px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-comfortable__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .dannetsu-comfortable__figure {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(673/1366 * 100%);
  }
  .dannetsu-comfortable__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*performance*/
@media screen and (max-width:767px) {
  .dannetsu-performance {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .dannetsu-performance__body {
    display: block;
    width: 100%;
  }
  .dannetsu-performance__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dannetsu-performance__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .dannetsu-performance__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-performance__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .dannetsu-performance-box {
    display: block;
    width: 100%;
  }
  .dannetsu-performance-box + .dannetsu-performance-box {
    margin-top: 50px;
  }
  .dannetsu-performance-box__badge {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(111,129,142,0.4),rgba(111,129,142,0.4));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .dannetsu-performance-box__badge > span {
    display: block;
    width: auto;
    font-size: 16px;
    font-family: var(--josefin-sans);
    padding-right: 30px;
    line-height: 20px;
    color: #6F818E;
    background-color: var(--gray);
    letter-spacing: 0.07em;
    font-weight: 400;
  }
  .dannetsu-performance-box__title {
    display: block;
    width: 100%;
    font-size: min(20px + (24 - 20) * ((100vw - 320px) / (375 - 320)), 24px);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    margin-top: 30px;
  }
  .dannetsu-performance-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 30px;
    font-weight: 300;
    color: #6F818E;
    line-height: 38px;
    padding-right: 5px;
  }
  .dannetsu-performance-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .dannetsu-performance-box__tbl-pc {
    display: none;
  }
  .dannetsu-performance-box__tbl-pc {
    width: 100%;
    border-collapse: collapse;
    margin-top: 60px;
  }
  .dannetsu-performance-box__tbl-sp {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .dannetsu-performance-box__tbl-sp_block {
    display: block;
    width: 100%;
    border-bottom: 1px solid #E3E3E3;
  }
  .dannetsu-performance-box__tbl-sp_block + .dannetsu-performance-box__tbl-sp_block {
    margin-top: 5px;
  }
  .dannetsu-performance-box__tbl-sp_block > dt.header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: center;
    background-color: #7C8171;
    letter-spacing: 0.05em;
    border: 1px solid #E3E3E3;
  }
  .dannetsu-performance-box__tbl-sp_block > dt.header > small {
    font-size: 11px;
  }
  .dannetsu-performance-box__tbl-sp_block > dt.title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    padding: 15px 10px;
    text-align: center;
    background-color: #F0F3E8;
    letter-spacing: 0.05em;
    border: 1px solid #E3E3E3;
    border-top: none;
  }
  .dannetsu-performance-box__tbl-sp_block > dt.title > small {
    font-size: 11px;
  }
  .dannetsu-performance-box__tbl-sp_block > dd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    padding: 20px;
    text-align: center;
    letter-spacing: 0.05em;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
  }
}
@media screen and (min-width:768px) {
  .dannetsu-performance {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .dannetsu-performance__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .dannetsu-performance__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dannetsu-performance__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .dannetsu-performance__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-performance__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .dannetsu-performance-box {
    display: block;
    width: 100%;
  }
  .dannetsu-performance-box + .dannetsu-performance-box {
    margin-top: 80px;
  }
  .dannetsu-performance-box__badge {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(111,129,142,0.4),rgba(111,129,142,0.4));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .dannetsu-performance-box__badge > span {
    display: block;
    width: auto;
    font-size: 16px;
    font-family: var(--josefin-sans);
    padding-right: 30px;
    line-height: 20px;
    color: #6F818E;
    background-color: var(--gray);
    letter-spacing: 0.07em;
    font-weight: 400;
  }
  .dannetsu-performance-box__title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    margin-top: 40px;
  }
  .dannetsu-performance-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
    padding-right: 10px;
  }
  .dannetsu-performance-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
  .dannetsu-performance-box__tbl-sp {
    display: none;
  }
  .dannetsu-performance-box__tbl-pc {
    width: 100%;
    border-collapse: collapse;
    margin-top: 60px;
  }
  .dannetsu-performance-box__tbl-pc tr th {
    width: 25%;
    height: 70px;
    font-size: 14px;
    line-height: 22px;
    color: var(--white);
    font-weight: 500;
    letter-spacing: 0.07em;
  }
  .dannetsu-performance-box__tbl-pc tr th small {
    font-size: 11px;
  }
  .dannetsu-performance-box__tbl-pc tr th:not(:first-child) {
    background-color: #7C8171;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
  }
  .dannetsu-performance-box__tbl-pc tr th:last-child {
    border-right: 1px solid #E0E0E0;
  }
  .dannetsu-performance-box__tbl-pc tr td {
    width: 25%;
    height: 70px;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    text-align: right;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
  }
  .dannetsu-performance-box__tbl-pc tr.center td {
    text-align: center;
  }
  .dannetsu-performance-box__tbl-pc tr td small {
    font-size: 11px;
  }
  .dannetsu-performance-box__tbl-pc tr td:last-child {
    border-right: 1px solid #E0E0E0;
  }
  .dannetsu-performance-box__tbl-pc tr:last-child td {
    border-bottom: 1px solid #E0E0E0;
  }
  .dannetsu-performance-box__tbl-pc tr td:first-child {
    width: 250px;
    font-weight: 500;
    background-color: #F0F3E8;
    text-align: left;
  }
}
/*tech*/
@media screen and (max-width:767px) {
  .dannetsu-tech {
    display: block;
    width: 100%;
    padding: 80px 0 80px;
    background-color: var(--white);
  }
  .dannetsu-tech__body {
    display: block;
    width: 100%;
  }
  .dannetsu-tech__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .dannetsu-tech__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .dannetsu-tech__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(21px + (24 - 21) * ((100vw - 320px) / (375 - 320)), 24px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-tech__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .dannetsu-tech-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dannetsu-tech-box + .dannetsu-tech-box {
    margin-top: 50px;
  }
  .dannetsu-tech-box__figure {
    display: block;
    width: 100%;
  }
  .dannetsu-tech-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .dannetsu-tech-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .dannetsu-tech-box__title {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size:  min(18px + (20 - 18) * ((100vw - 320px) / (375 - 320)), 20px);
    font-weight: 500;
    line-height: 30px;
  }
  .dannetsu-tech-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .dannetsu-tech-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .dannetsu-tech {
    display: block;
    width: 100%;
    padding: 120px 0 100px;
    background-color: var(--white);
  }
  .dannetsu-tech__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .dannetsu-tech__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .dannetsu-tech__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .dannetsu-tech__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-tech__main {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .dannetsu-tech-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .dannetsu-tech-box + .dannetsu-tech-box {
    margin-top: 80px;
  }
  .dannetsu-tech-box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .dannetsu-tech-box__figure {
    display: block;
    width: calc(475/1100 * 100%);
  }
  .dannetsu-tech-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .dannetsu-tech-box__content {
    display: block;
    width: 50%;
    padding-top: 20px;
  }
  .dannetsu-tech-box__title {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .dannetsu-tech-box__title > span {
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
    padding-right: 10px;
  }
  .dannetsu-tech-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .dannetsu-tech-box__title > span {
    font-size: 30px;
  }
  .dannetsu-tech-box__title {
    font-size: 20px;
  }
  .dannetsu-tech-box__txt {
    font-size: 14px;
    margin-top: 30px;
  }
}
/*heating*/
@media screen and (max-width:767px) {
  .dannetsu-heating {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .dannetsu-heating__body {
    display: block;
    width: 100%;
    background-color: var(--gray);
  }
  .dannetsu-heating__main {
    display: block;
    width: 100%;
    padding: 80px 0;
  }
  .dannetsu-heating__content {
    display: block;
    width: 100%;
  }
  .dannetsu-heating__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .dannetsu-heating__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .dannetsu-heating__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-heating__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .dannetsu-heating__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .dannetsu-heating__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .dannetsu-heating {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .dannetsu-heating__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .dannetsu-heating__body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: var(--gray);
    transform: translateX(-50%);
  }
  .dannetsu-heating__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    min-height: min(635px + (780 - 635) * ((100vw - 1025px) / (1366 - 1025)), 780px);
    padding: 100px 0;
    background-color: var(--gray);
    margin: 0 auto;
  }
  .dannetsu-heating__content {
    display: block;
    width: calc(355/1100 * 100%);
  }
  .dannetsu-heating__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .dannetsu-heating__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .dannetsu-heating__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-heating__figure {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(800/1366 * 100%);
    overflow: hidden;
  }
  .dannetsu-heating__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .dannetsu-heating__txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .dannetsu-heating__main {
    min-height: min(526px + (635 - 526) * ((100vw - 768px) / (1024 - 768)), 635px);
  }
  .dannetsu-heating__header > span:nth-child(2) {
    font-size: 22px;
  }
  .dannetsu-heating__txt {
    margin-top: 30px;
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .dannetsu-banner {
    display: block;
    width: 100%;
    padding:80px 0 0 0;
    background-color: var(--white);
  }
  .dannetsu-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .dannetsu-banner {
    display: block;
    width: 100%;
    padding:100px max(20px, calc((100% - 1100px)/2)) 0 0;
    background-color: var(--white);
  }
  .dannetsu-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*grade*/
@media screen and (max-width:767px) {
  .dannetsu-grade {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .dannetsu-grade__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dannetsu-grade__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .dannetsu-grade__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .dannetsu-grade__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-grade__txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .dannetsu-grade__graph {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 10px;
    background-color: var(--gray);
    margin-top: 30px;
  }
  .dannetsu-grade__figure {
    display: block;
    width: 100%;
  }
  .dannetsu-grade__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .dannetsu-grade__graph-caption {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .dannetsu-grade {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .dannetsu-grade__body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .dannetsu-grade__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: calc(400/1100 * 100%);
  }
  .dannetsu-grade__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .dannetsu-grade__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .dannetsu-grade__txt {
    display: block;
    width: calc(680/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 35px;
  }
  .dannetsu-grade__graph {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: calc(60/1100 * 100%);
    background-color: var(--gray);
    margin-top: 80px;
  }
  .dannetsu-grade__figure {
    display: block;
    width: calc(660/980 * 100%);
  }
  .dannetsu-grade__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .dannetsu-grade__graph-caption {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(800/980 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
/*house*/
@media screen and (max-width:767px) {
  .dannetsu-house {
    display: block;
    width: 100%;
    padding-bottom: 50px;
    background-color: var(--white);
  }
  .dannetsu-house__body {
    display: block;
    width: 100%;
  }
  .dannetsu-house__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dannetsu-house__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .dannetsu-house__header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
  }
  .dannetsu-house__images1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .dannetsu-house__figure1 {
    display: block;
    width: calc(193.8/335 * 100%);
    margin-top: 20px;
  }
  .dannetsu-house__figure2 {
    display: block;
    width: calc(114.07/335 * 100%);
  }
  .dannetsu-house__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .dannetsu-house__images2 {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
  }
  .dannetsu-house__figure3 {
    display: block;
    width: calc(167.5/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .dannetsu-house {
    display: block;
    width: 100%;
    padding-bottom: 100px;
    background-color: var(--white);
  }
  .dannetsu-house__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .dannetsu-house__main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: min(150px + (215 - 150) * ((100vw - 1025px) / (1366 - 1025)), 215px);;
  }
  .dannetsu-house__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .dannetsu-house__header {
    display: block;
    width: calc(560/1100 * 100%);
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
  }
  .dannetsu-house__images1 {
    width: 0;
  }
  .dannetsu-house__figure1 {
    position: absolute;
    left: -30px;
    bottom: 100px;
    display: block;
    width: calc(350/1366 * 100%);
  }
  .dannetsu-house__figure2 {
    position: absolute;
    left: calc(360/1366 * 100%);
    bottom: 260px;
    display: block;
    width: calc(206/1366 * 100%);
  }
  .dannetsu-house__txt {
    display: block;
    width: calc(540/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .dannetsu-house__images2 {
    width: 0;
  }
  .dannetsu-house__figure3 {
    position: absolute;
    right: calc(50/1366 * 100%);
    bottom: 0;
    display: block;
    width: calc(236/1366 * 100%);
  }
}
/*
PAGE - taishin
--------------------------------------------- */
/*resposibility*/
@media screen and (max-width:767px) {
  .taishin-resposibility {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  .taishin-resposibility__body {
    display: block;
    width: 100%;
  }
  .taishin-resposibility__main {
    display: block;
    width: 100%;
  }
  .taishin-resposibility__content {
    display: block;
    width: 100%;
  }
  .taishin-resposibility__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .taishin-resposibility__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .taishin-resposibility__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 26px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .taishin-resposibility__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .taishin-resposibility__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .taishin-resposibility__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .taishin-resposibility {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .taishin-resposibility__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: 483px;
    margin: 0 auto;
  }
  .taishin-resposibility__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .taishin-resposibility__content {
    display: block;
    width: calc(480/1100 * 100%);
    margin-left: auto;
  }
  .taishin-resposibility__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .taishin-resposibility__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .taishin-resposibility__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 36px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .taishin-resposibility__txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .taishin-resposibility__figure {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(673/1366 * 100%);
    overflow: hidden;
  }
  .taishin-resposibility__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/*resistant*/
@media screen and (max-width:767px) {
  .taishin-resistant {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .taishin-resistant__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .taishin-resistant__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 100%;
  }
  .taishin-resistant__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .taishin-resistant__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    margin-top: 5px;
    text-align: center;
  }
  .taishin-resistant__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 35px;
  }
  .taishin-resistant__banner {
    display: block;
    width: 100%;
    padding:50px 0 0 0;
  }
  .taishin-resistant__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-resistant__main {
    display: block;
    width: 100%;
    padding: 50px 0;
    margin: 0 auto;
  }
  .taishin-resistant-box {
    display: block;
    width: 100%;
  }
  .taishin-resistant-box + .taishin-resistant-box {
    margin-top: 50px;
  }
  .taishin-resistant-box__title {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(111,129,142,0.4),rgba(111,129,142,0.4));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .taishin-resistant-box__title > span {
    display: block;
    width: auto;
    font-size: 16px;
    font-family: var(--josefin-sans);
    padding-right: 30px;
    line-height: 20px;
    color: #6F818E;
    background-color: var(--gray);
    letter-spacing: 0.07em;
    font-weight: 400;
  }
  .taishin-resistant-box__columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .taishin-resistant-box__content {
    display: block;
    width: 100%;
  }
  .taishin-resistant-box__content-title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    padding-left: 50px;
  }
  .taishin-resistant-box__content-title > span {
    position: absolute;
    left: 0;
    font-family: var(--josefin-sans);
    font-size: 30px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
  }
  .taishin-resistant-box__content-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .taishin-resistant-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .taishin-resistant-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-resistant-box__tbl-pc {
    display: none;
  }
  .dannetsu-performance-box__tbl-sp_block {
    display: block;
    width: 100%;
    border-bottom: 1px solid #E3E3E3;
  }
  .taishin-resistant-box__tbl-sp {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .taishin-resistant-box__block {
    display: block;
    width: 100%;
  }
  .taishin-resistant-box__block + .taishin-resistant-box__block {
    margin-top: 5px;
  }
  .taishin-resistant-box__block > dt.header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    color: var(--white);
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: center;
    background-color: #7C8171;
    letter-spacing: 0.05em;
    border: 1px solid #E3E3E3;
  }
  .taishin-resistant-box__block > dt.title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    padding: 15px 10px;
    text-align: center;
    background-color: #F0F3E8;
    letter-spacing: 0.05em;
    border: 1px solid #E3E3E3;
    border-top: none;
  }
  .taishin-resistant-box__block > dd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    padding: 20px;
    text-align: center;
    letter-spacing: 0.05em;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
  }
}
@media screen and (min-width:768px) {
  .taishin-resistant {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .taishin-resistant__hgroup {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .taishin-resistant__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: calc(400/1100 * 100%);
  }
  .taishin-resistant__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .taishin-resistant__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .taishin-resistant__txt {
    display: block;
    width: calc(680/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 35px;
  }
  .taishin-resistant__banner {
    display: block;
    width: 100%;
    padding:80px 0 0 max(20px, calc((100% - 1100px)/2));
  }
  .taishin-resistant__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-resistant__main {
    display: block;
    max-width: 1000px;
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
  }
  .taishin-resistant-box {
    display: block;
    width: 100%;
  }
  .taishin-resistant-box + .taishin-resistant-box {
    margin-top: 80px;
  }
  .taishin-resistant-box__title {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(111,129,142,0.4),rgba(111,129,142,0.4));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .taishin-resistant-box__title > span {
    display: block;
    width: auto;
    font-size: 16px;
    font-family: var(--josefin-sans);
    padding-right: 30px;
    line-height: 20px;
    color: #6F818E;
    background-color: var(--gray);
    letter-spacing: 0.07em;
    font-weight: 400;
  }
  .taishin-resistant-box__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .taishin-resistant-box__content {
    display: block;
    width: calc(570/1000 * 100%);
  }
  .taishin-resistant-box__content-title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    padding-left: 58px;
  }
  .taishin-resistant-box__content-title > span {
    position: absolute;
    left: 0;
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
  }
  .taishin-resistant-box__content-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .taishin-resistant-box__figure {
    display: block;
    width: calc(346/1000 * 100%);
  }
  .taishin-resistant-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-resistant-box__tbl-sp {
    display: none;
  }
  .taishin-resistant-box__tbl-pc {
    width: calc(570/1000 * 100%);
    border-collapse: collapse;
  }
  .taishin-resistant-box__tbl-pc tr th:nth-child(1) {
    width: 110px;
  }
  .taishin-resistant-box__tbl-pc tr th:nth-child(n+2) {
    width: calc((100% - 110px) / 2);
  }
  .taishin-resistant-box__tbl-pc tr th {
    height: 60px;
    font-size: 14px;
    line-height: 22px;
    color: var(--white);
    font-weight: 500;
    letter-spacing: 0.07em;
  }
  .taishin-resistant-box__tbl-pc tr th:not(:first-child) {
    background-color: #7C8171;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
  }
  .taishin-resistant-box__tbl-pc tr th:last-child {
    border-right: 1px solid #E0E0E0;
  }
  .taishin-resistant-box__tbl-pc tr td:nth-child(1) {
    width: 110px;
  }
  .taishin-resistant-box__tbl-pc tr td:nth-child(n+2) {
    width: calc((100% - 110px) / 2);
  }
  .taishin-resistant-box__tbl-pc tr td {
    height: 60px;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    text-align: center;
    background-color: var(--white);
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
  }
  .taishin-resistant-box__tbl-pc tr td:last-child {
    border-right: 1px solid #E0E0E0;
  }
  .taishin-resistant-box__tbl-pc tr:last-child td {
    border-bottom: 1px solid #E0E0E0;
  }
  .taishin-resistant-box__tbl-pc tr td:first-child {
    font-weight: 500;
    background-color: #F0F3E8;
    text-align: left;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .taishin-resistant-box__tbl-pc {
    margin-top: 40px;
  }
}
/*grade*/
@media screen and (max-width:767px) {
  .taishin-grade {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .taishin-grade__body {
    display: block;
    width: 100%;
  }
  .taishin-grade__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .taishin-grade__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .taishin-grade__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .taishin-grade__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .taishin-grade__content {
    position: relative;
    display: block;
    width: calc(100% + 40px);
    background-color: #F0F3E8;
    padding: 30px 0;
    margin: 50px 0 0 -20px;
  }
  .taishin-grade__ovevflow {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 105px;
  }
  .taishin-grade__ovevflow::-webkit-scrollbar {
    background: #E3E3E3;
    width: 10px;
    height: 10px;
    scrollbar-width: thin;
  }
  .taishin-grade__ovevflow::-webkit-scrollbar-thumb {
    background-color: #828B6C;
    border-radius: 100vw;
    background-clip: content-box;
  }
  .taishin-grade__main {
    display: inline-flex;
    justify-content: space-between;
    width: 820px;
    margin: 0 auto;
  }
  .taishin-grade-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 260px;
  }
  .taishin-grade-box__figure {
    display: block;
  }
  .taishin-grade-box:nth-child(1) .taishin-grade-box__figure {
    width: calc(150/260 * 100%);
  }
  .taishin-grade-box:nth-child(2) .taishin-grade-box__figure {
    width: calc(178/260 * 100%);
  }
  .taishin-grade-box:nth-child(3) .taishin-grade-box__figure {
    width: calc(210/260 * 100%);
  }
  .taishin-grade-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-grade-box__title {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 30px;
  }
  .taishin-grade-box__title > span {
    font-size: 20px;
  }
  .taishin-grade-box__block {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 13.07px;
    background-color: var(--white);
    margin-top: 20px;
  }
  .taishin-grade-box__block::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 8px 15px 8px;
    border-color: transparent transparent var(--white) transparent;
  }
  .taishin-grade-box__block-title {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #828B6C;
    line-height: 23px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px dashed #828B6C;
  }
  .taishin-grade-box__block-txt {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .taishin-grade__timeline {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    max-width: 335px;
    width:calc(100% - 40px);
    margin-top: 20px;
  }
  .taishin-grade__timeline > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .taishin-grade {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .taishin-grade__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .taishin-grade__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .taishin-grade__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .taishin-grade__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .taishin-grade__txt {
    display: block;
    max-width: 1000px;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin: 50px auto 0;
  }
  .taishin-grade__content {
    display: block;
    width: 100%;
    background-color: #F0F3E8;
    padding: calc(60/1100 * 100%) calc(60/1100 * 100%);
    margin-top: 80px;
  }
  .taishin-grade__ovevflow {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .taishin-grade__main {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 30px;
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
  }
  .taishin-grade-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
  }
  .taishin-grade-box__figure {
    display: block;
  }
  .taishin-grade-box:nth-child(1) .taishin-grade-box__figure {
    width: calc(150/260 * 100%);
  }
  .taishin-grade-box:nth-child(2) .taishin-grade-box__figure {
    width: calc(178/260 * 100%);
  }
  .taishin-grade-box:nth-child(3) .taishin-grade-box__figure {
    width: calc(210/260 * 100%);
  }
  .taishin-grade-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-grade-box__title {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 30px;
  }
  .taishin-grade-box__title > span {
    font-size: 20px;
  }
  .taishin-grade-box__block {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 13.07px;
    background-color: var(--white);
    margin-top: 20px;
  }
  .taishin-grade-box__block::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 8px 15px 8px;
    border-color: transparent transparent var(--white) transparent;
  }
  .taishin-grade-box__block-title {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #828B6C;
    line-height: 23px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px dashed #828B6C;
  }
  .taishin-grade-box__block-txt {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .taishin-grade__timeline {
    display: block;
    max-width: 530px;
    width: 100%;
    margin-top: 20px;
  }
  .taishin-grade__timeline > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .taishin-grade-box__block {
    min-height: 244px;
  }
}
/*safety*/
@media screen and (max-width:767px) {
  .taishin-safety {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .taishin-safety__body {
    display: block;
    width: 100%;
  }
  .taishin-safety__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .taishin-safety__content {
    display: block;
    width: 100%;
  }
  .taishin-safety__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .taishin-safety__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .taishin-safety__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .taishin-safety__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .taishin-safety__images {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .taishin-safety__title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #828B6C;
    padding-left: 15px;
    border-left: 4px solid #828B6C;
  }
  .taishin-safety__figure {
    display: block;
    width: calc(100% + 20px);
    margin: 30px 0 0 -10px;
  }
  .taishin-safety__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-safety__block {
    display: block;
    width: calc(100% + 20px);
    padding: 50px 10px 10px;
    background-color: var(--white);
    margin-top: 50px;
    margin-left: -10px;
  }
  .taishin-safety__block-title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #828B6C;
    padding-left: 15px;
    background-image: linear-gradient(#828B6C,#828B6C);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 4px 20px;
  }
  .taishin-safety__block-title > small {
    font-size: 13px;
  }
  .taishin-safety__block-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .taishin-safety__block-overflow {
    display: block;
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 115px;
  }
  .taishin-safety__block-overflow::-webkit-scrollbar {
    background: #E3E3E3;
    width: 10px;
    height: 10px;
    scrollbar-width: thin;
  }
  .taishin-safety__block-overflow::-webkit-scrollbar-thumb {
    background-color: #828B6C;
    border-radius: 100vw;
    background-clip: content-box;
  }
  .taishin-safety__block-figure {
    display: block;
    width: 805px;
  }
  .taishin-safety__block-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-safety__timeline {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
  }
  .taishin-safety__timeline > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .taishin-safety {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .taishin-safety__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .taishin-safety__main {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .taishin-safety__content {
    display: block;
    width: calc(395/1100 * 100%);
  }
  .taishin-safety__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .taishin-safety__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .taishin-safety__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .taishin-safety__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .taishin-safety__images {
    display: block;
    width: calc(580/1100 * 100%);
  }
  .taishin-safety__title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #828B6C;
    padding-left: 15px;
    border-left: 4px solid #828B6C;
  }
  .taishin-safety__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .taishin-safety__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-safety__block {
    display: block;
    width: 100%;
    padding: calc(50/1100 * 100%) calc(80/1100 * 100%);
    background-color: var(--white);
    margin-top: 80px;
  }
  .taishin-safety__block-title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #828B6C;
    padding-left: 15px;
    background-image: linear-gradient(#828B6C,#828B6C);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 4px 20px;
  }
  .taishin-safety__block-title > small {
    font-size: 13px;
  }
  .taishin-safety__block-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .taishin-safety__block-overflow {
    display: block;
    width: calc(816.3/940 * 100%);
  }
  .taishin-safety__block-figure {
    display: block;
    width: 100%;
  }
  .taishin-safety__block-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-safety__timeline {
    display: block;
    width: calc(580/940 * 100%);
    margin: 20px auto 0;
  }
  .taishin-safety__timeline > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*house*/
@media screen and (max-width:767px) {
  .taishin-house {
    display: block;
    width: 100%;
    padding:80px 0 50px;
    background-color: var(--white);
  }
  .taishin-house__body {
    display: block;
    width: 100%;
  }
  .taishin-house__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .taishin-house__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-house__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .taishin-house__header > span:nth-child(1) {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.07em;
  }
  .taishin-house__header> span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 10px;
  }
  .taishin-house__images1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .taishin-house__figure1 {
    display: block;
    width: calc(193.8/335 * 100%);
    margin-top: 20px;
  }
  .taishin-house__figure2 {
    display: block;
    width: calc(114.07/335 * 100%);
  }
  .taishin-house__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .taishin-house__images2 {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
  }
  .taishin-house__figure3 {
    display: block;
    width: calc(167.5/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .taishin-house {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .taishin-house__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .taishin-house__main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: min(200px + (260 - 200) * ((100vw - 1025px) / (1366 - 1025)), 260px);
  }
  .taishin-house__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .taishin-house__header {
    display: flex;
    flex-direction: column;
    width: calc(560/1100 * 100%);
  }
  .taishin-house__header > span:nth-child(1) {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.07em;
  }
  .taishin-house__header> span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .taishin-house__images1 {
    width: 0;
  }
  .taishin-house__figure1 {
    position: absolute;
    left: -30px;
    bottom: 0;
    display: block;
    width: calc(350/1366 * 100%);
  }
  .taishin-house__figure2 {
    position: absolute;
    left: calc(360/1366 * 100%);
    bottom: 185px;
    display: block;
    width: calc(206/1366 * 100%);
  }
  .taishin-house__txt {
    display: block;
    width: calc(540/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .taishin-house__images2 {
    width: 0;
  }
  .taishin-house__figure3 {
    position: absolute;
    right: calc(50/1366 * 100%);
    bottom: 40px;
    display: block;
    width: calc(236/1366 * 100%);
  }
}
/*
PAGE - money
--------------------------------------------- */
/*planning*/
@media screen and (max-width:767px) {
  .money-planning {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  .money-planning__body {
    display: block;
    width: 100%;
  }
  .money-planning__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .money-planning__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .money-planning__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(18px + (20 - 18) * ((100vw - 320px) / (375 - 320)), 20px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .money-planning__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .money-planning {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .money-planning__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .money-planning__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .money-planning__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .money-planning__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .money-planning__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
/*breakdown*/
@media screen and (max-width:767px) {
  .money-breakdown {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: #F0F3E8;
  }
  .money-breakdown__body {
    display: block;;
    width: 100%;
  }
  .money-breakdown__hgroup {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .money-breakdown__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .money-breakdown__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .money-breakdown__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 26px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .money-breakdown__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .money-breakdown-box {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    margin-top: 30px;
  }
  .money-breakdown-box__title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #828B6C;
    padding-left: 15px;
    border-left: 4px solid #828B6C;
  }
  .money-breakdown-box_columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .money-breakdown-box__figure {
    display: block;
    width: 100%;
  }
  .money-breakdown-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .money-breakdown-box__column {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .money-breakdown-box__content {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .money-breakdown-box__content + .money-breakdown-box__content {
    margin-top: 10px;
  }
  .money-breakdown-box__content-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 32px;
    padding: 10px 0;
    background-color: #828B6C;
  }
  .money-breakdown-box__content-title > span {
    font-size: 14px;
    color: var(--white);
    writing-mode: vertical-lr;
    line-height: 1;
    letter-spacing: 0.1rem;
  }
  .money-breakdown-box__content-box {
    display: block;
    width: calc(100% - 60px);
  }
  .money-breakdown-box_content-subtitle {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(130,139,108,0.4),rgba(130,139,108,0.4));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .money-breakdown-box_content-subtitle > span {
    display: block;
    width: auto;
    font-size: 14px;
    padding-right: 20px;
    line-height: 20px;
    color: #828B6C;
    background-color: var(--white);
    letter-spacing: 0.07em;
  }
  .money-breakdown-box__content-txt {
    display: block;
    width: 100%;
    height: 20px;
    margin-top: 20px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 10px 1px;
  }
  .money-breakdown-box__content-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 10px 0 20px;
  }
  .money-breakdown-box__content-list {
    display: block;
    width: 100%;
  }
  .money-breakdown-box__content-list > li {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
  }
  .money-breakdown-box__content-list > li + li {
    margin-top: 8px;
  }
  .money-breakdown-box__content-list > li:not(.no-icon) {
    padding-left: 16px;
    background-image: url(./assets/images/money/check.png);
    background-position: left top 8px;
    background-size: 8px auto;
  }
}
@media screen and (min-width:768px) {
  .money-breakdown {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F0F3E8;
  }
  .money-breakdown__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .money-breakdown__hgroup {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .money-breakdown__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: calc(400/1100 * 100%);
  }
  .money-breakdown__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .money-breakdown__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .money-breakdown__txt {
    display: block;
    width: calc(680/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 35px;
  }
  .money-breakdown-box {
    display: block;
    width: 100%;
    padding: calc(50/1100 * 100%) calc(60/1100 * 100%);
    background-color: var(--white);
    margin-top: 80px;
  }
  .money-breakdown-box__title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #828B6C;
    padding-left: 15px;
    border-left: 4px solid #828B6C;
  }
  .money-breakdown-box_columns {
    display: flex;
    justify-content: space-between;
    max-width: 940px;
    width: 100%;
    margin: 30px auto 0;
  }
  .money-breakdown-box__figure {
    display: block;
    width: calc(350/940 * 100%);
  }
  .money-breakdown-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .money-breakdown-box__column {
    display: block;
    width: calc(510/940 * 100%);
  }
  .money-breakdown-box__content {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .money-breakdown-box__content + .money-breakdown-box__content {
    margin-top: 10px;
  }
  .money-breakdown-box__content-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 32px;
    padding: 10px 0;
    background-color: #828B6C;
  }
  .money-breakdown-box__content-title > span {
    font-size: 14px;
    color: var(--white);
    writing-mode: vertical-lr;
    line-height: 1;
    letter-spacing: 0.1rem;
  }
  .money-breakdown-box__content-box {
    display: block;
    width: calc(100% - 32px - 10px);
  }
  .money-breakdown-box_content-subtitle {
    display: flex;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgba(130,139,108,0.4),rgba(130,139,108,0.4));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 1px;
  }
  .money-breakdown-box_content-subtitle > span {
    display: block;
    width: auto;
    font-size: 14px;
    padding-right: 20px;
    line-height: 20px;
    color: #828B6C;
    background-color: var(--white);
    letter-spacing: 0.07em;
  }
  .money-breakdown-box__content-txt {
    display: block;
    width: 100%;
    height: 20px;
    margin-top: 20px;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 10px 1px;
  }
  .money-breakdown-box__content-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 10px 0;
  }
  .money-breakdown-box__content-list {
    display: block;
    width: calc(50% - 10px);
  }
  .money-breakdown-box__content-list > li {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
  }
  .money-breakdown-box__content-list > li + li {
    margin-top: 8px;
  }
  .money-breakdown-box__content-list > li:not(.no-icon) {
    padding-left: 16px;
    background-image: url(./assets/images/money/check.png);
    background-position: left top 8px;
    background-size: 8px auto;
  }
}
/*loan*/
@media screen and (max-width:767px) {
  .money-loan {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .money-loan__body {
    display: block;
    width: 100%;
  }
  .money-loan__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .money-loan__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .money-loan__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .money-loan__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .money-loan-box {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
  }
  .money-loan-box + .money-loan-box {
    margin-top: 30px;
  }
  .money-loan-box__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
  }
  .money-loan-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .money-loan-box__columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .money-loan-box__column {
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 8px;
  }
  .money-loan-box__column + .money-loan-box__column {
    margin-top: 30px;
  }
  .money-loan-box__column:nth-child(1) {
    border: 1px solid #91BFBF;
  }
  .money-loan-box__column:nth-child(2) {
    border: 1px solid #E0E0E0;
  }
  .money-loan-box__column-title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }
  .money-loan-box__column-list {
    display: block;
    width: 100%;
  }
  .money-loan-box__column-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left top 6px;
    background-size: 18px;
  }
  .money-loan-box__column-list > li + li {
    margin-top: 10px;
  }
  .money-loan-box__column-list.merit > li {
    background-image: url(./assets/images/money/circle.png);
  }
  .money-loan-box__column-list.demerit > li {
    background-image: url(./assets/images/money/multiple.png);
  }
}
@media screen and (min-width:768px) {
  .money-loan {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .money-loan__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .money-loan__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .money-loan__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .money-loan__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .money-loan__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .money-loan-box {
    display: block;
    width: 100%;
    padding: calc(60/1100 * 100%);
    background-color: var(--white);
  }
  .money-loan-box + .money-loan-box {
    margin-top: 30px;
  }
  .money-loan-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
  }
  .money-loan-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
  .money-loan-box__columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
  }
  .money-loan-box__column {
    display: block;
    width: calc(475/980 * 100%);
    padding: calc(30/980 * 100%);
    border-radius: 8px;
  }
  .money-loan-box__column:nth-child(1) {
    border: 1px solid #91BFBF;
  }
  .money-loan-box__column:nth-child(2) {
    border: 1px solid #E0E0E0;
  }
  .money-loan-box__column-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }
  .money-loan-box__column-list {
    display: block;
    width: 100%;
  }
  .money-loan-box__column-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left top 6px;
    background-size: 18px;
  }
  .money-loan-box__column-list > li + li {
    margin-top: 10px;
  }
  .money-loan-box__column-list.merit > li {
    background-image: url(./assets/images/money/circle.png);
  }
  .money-loan-box__column-list.demerit > li {
    background-image: url(./assets/images/money/multiple.png);
  }
}
/*money*/
@media screen and (max-width:767px) {
  .money-flat35 {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .money-flat35__body {
    display: block;
    width: 100%;
  }
  .money-flat35__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .money-flat35__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .money-flat35__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .money-flat35__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .money-flat35__list {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .money-flat35__list > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border: 1px solid #E0E0E0;
  }
  .money-flat35__list > li + li {
    margin-top: 20px;
  }
  .money-flat35__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 156px;
    background-color: #F8F8F8;
  }
  .money-flat35__figure > img {
    display: block;
    object-fit: cover;
  }
  .money-flat35__list > li:nth-child(1) > .money-flat35__figure > img {
    width: calc(149.52/335 * 100%);
  }
  .money-flat35__list > li:nth-child(2) > .money-flat35__figure > img {
    width: calc(164.34/335 * 100%);
  }
  .money-flat35__list > li:nth-child(3) > .money-flat35__figure > img {
    width: calc(212.28/335 * 100%);
  }
  .money-flat35__list > li:nth-child(4) > .money-flat35__figure > img {
    width: calc(212.64/335 * 100%);
  }
  .money-flat35__list > li:nth-child(5) > .money-flat35__figure > img {
    width: calc(155.09/335 * 100%);
  }
  .money-flat35__content {
    display: block;
    width: 100%;
    padding: 20px;
  }
  .money-flat35__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    text-align: center;
    margin-bottom: 15px;
  }
  .money-flat35__txt > span {
    font-size: 13px;
  }
}
@media screen and (min-width:768px) {
  .money-flat35 {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .money-flat35__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .money-flat35__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .money-flat35__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .money-flat35__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .money-flat35__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .money-flat35__list {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .money-flat35__list > li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #E0E0E0;
  }
  .money-flat35__list > li + li {
    margin-top: 20px;
  }
  .money-flat35__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
    background-color: #F8F8F8;
  }
  .money-flat35__figure > img {
    display: block;
    object-fit: cover;
  }
  .money-flat35__list > li:nth-child(1) > .money-flat35__figure > img {
    width: 149.52px;
  }
  .money-flat35__list > li:nth-child(2) > .money-flat35__figure > img {
    width: 164.34px;
  }
  .money-flat35__list > li:nth-child(3) > .money-flat35__figure > img {
    width: 212.28px;
  }
  .money-flat35__list > li:nth-child(4) > .money-flat35__figure > img {
    width: 212.64px;
  }
  .money-flat35__list > li:nth-child(5) > .money-flat35__figure > img {
    width: 155.09px;
  }
  .money-flat35__content {
    display: block;
    width: calc(100% - 280px);
    padding: 30px;
  }
  .money-flat35__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 15px;
  }
  .money-flat35__txt > span {
    font-size: 13px;
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .money-banner {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .money-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .money-banner {
    display: block;
    width: 100%;
    padding:0 0 0 max(20px, calc((100% - 1100px)/2));
    background-color: var(--white);
  }
  .money-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*plan*/
@media screen and (max-width:767px) {
  .money-plan {
    display: block;
    width: 100%;
    padding: 80px 0 50px;
    background-color: var(--white);
  }
  .money-plan__body {
    display: block;
    width: 100%;
  }
  .money-plan__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .money-plan__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .money-plan__header {
    display: block;
    width: 100%;
    font-size: min(20px + (24 - 20) * ((100vw - 320px) / (375 - 320)), 24px);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
  }
  .money-plan__images1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .money-plan__figure1 {
    display: block;
    width: calc(193.8/335 * 100%);
    margin-top: 20px;
  }
  .money-plan__figure2 {
    display: block;
    width: calc(114.07/335 * 100%);
  }
  .money-plan__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .money-plan__images2 {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
  }
  .money-plan__figure3 {
    display: block;
    width: calc(167.5/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .money-plan {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .money-plan__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .money-plan__main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: min(150px + (225 - 150) * ((100vw - 1025px) / (1366 - 1025)), 225px);
  }
  .money-plan__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .money-plan__header {
    display: block;
    width: calc(560/1100 * 100%);
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
  }
  .money-plan__images1 {
    width: 0;
  }
  .money-plan__figure1 {
    position: absolute;
    left: -30px;
    bottom: 80px;
    display: block;
    width: calc(350/1366 * 100%);
  }
  .money-plan__figure2 {
    position: absolute;
    left: calc(360/1366 * 100%);
    bottom: 244px;
    display: block;
    width: calc(206/1366 * 100%);
  }
  .money-plan__txt {
    display: block;
    width: calc(540/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .money-plan__images2 {
    width: 0;
  }
  .money-plan__figure3 {
    position: absolute;
    right: calc(50/1366 * 100%);
    bottom: 0;
    display: block;
    width: calc(236/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .money-plan__header {
    font-size: 24px;
  }
}
/*
PAGE - lands
--------------------------------------------- */
/*problem*/
@media screen and (max-width:767px) {
  .lands-problem {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  .lands-problem__body {
    display: block;
    width: 100%;
  }
  .lands-problem__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lands-problem__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .lands-problem__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: min(18px + (20 - 18) * ((100vw - 320px) / (375 - 320)), 20px);
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-problem__list {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 20px;
    width: 100%;
    margin-top: 50px;
  }
  .lands-problem__list > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px 5px;
    background-color: var(--green);
  }
  .lands-problem__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 22px;
    border-radius: 11px;
    background-color: var(--white);
    border: 1px solid #707070;
    font-size: 13px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: var(--font-color);
  }
  .lands-problem__title {
    display: block;
    width: 100%;
    font-size: 14px;
    color: var(--white);
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
  }
  .lands-problem__title > br {
    display: none;
  }
}
@media screen and (min-width:768px) {
  .lands-problem {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .lands-problem__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .lands-problem__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lands-problem__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .lands-problem__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-problem__list {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    column-gap: calc(20/1100 * 100%);
    width: 100%;
    margin-top: 60px;
  }
  .lands-problem__list > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 15px 40px;
    background-color: var(--green);
  }
  .lands-problem__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(120/174 * 100%);
    height: 22px;
    border-radius: 11px;
    background-color: var(--white);
    border: 1px solid #707070;
    font-size: 13px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: var(--font-color);
  }
  .lands-problem__title {
    display: block;
    width: 100%;
    font-size: min(13px + (14 - 13) * ((100vw - 1025px) / (1200 - 1025)),14px);
    color: var(--white);
    line-height: 24px;
    text-align: center;
    margin-top: 25px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lands-problem__list > li {
    padding: 20px 5px 30px;
  }
  .lands-problem__badge {
    width: 100px;
  }
  .lands-problem__title {
    font-size: 11px;
  }
}
/*resposibility*/
@media screen and (max-width:767px) {
  .lands-resposibility {
    display: block;
    width: 100%;
    padding: 0 0 80px;
    background-color: var(--white);
  }
  .lands-resposibility__body {
    display: block;
    width: 100%;
  }
  .lands-resposibility__main {
    display: block;
    width: 100%;
  }
  .lands-resposibility__content {
    display: block;
    width: 100%;
  }
  .lands-resposibility__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lands-resposibility__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .lands-resposibility__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 26px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-resposibility__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .lands-resposibility__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .lands-resposibility__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .lands-resposibility {
    display: block;
    width: 100%;
    padding: 20px 0 100px;
    background-color: var(--white);
  }
  .lands-resposibility__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: 483px;
    margin: 0 auto;
  }
  .lands-resposibility__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .lands-resposibility__content {
    display: block;
    width: calc(480/1100 * 100%);
    margin-left: auto;
  }
  .lands-resposibility__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lands-resposibility__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .lands-resposibility__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 36px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-resposibility__txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .lands-resposibility__figure {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(673/1366 * 100%);
    overflow: hidden;
  }
  .lands-resposibility__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/*point*/
@media screen and (max-width:767px) {
  .lands-point {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .lands-point__body {
    display: block;
    width: 100%;
  }
  .lands-point__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
  }
  .lands-point__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .lands-point__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-point__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
  }
  .lands-point-box {
    position: relative;
    display: block;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .lands-point-box:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .lands-point-box:nth-child(2n),
  .lands-point-box:last-child {
    margin-right: 0;
  }
  .lands-point-box:last-child {
    margin-top: 20px;
  }
  .lands-point-box__badge {
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--josefin-sans);
    font-size: 20px;
    font-weight: 300;
    color: #6F818E;
    line-height: 1;
  }
  .lands-point-box__figure {
    display: block;
    width: 100%;
  }
  .lands-point-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .lands-point {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .lands-point__body {
    display: block;
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
  }
  .lands-point__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
  }
  .lands-point__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .lands-point__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-point__main {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(50/950 * 100%);
    width: 100%;
    margin-top: 60px;
  }
  .lands-point-box {
    position: relative;
    display: block;
    width: 100%;
  }
  .lands-point-box:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .lands-point-box__badge {
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
  }
  .lands-point-box__figure {
    display: block;
    width: 100%;
  }
  .lands-point-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lands-point-box__badge {
    font-size: 28px;
  }
}
/*loaction*/
@media screen and (max-width:767px) {
  .lands-location {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .lands-location__banner {
    display: block;
    width: 100%;
  }
  .lands-location__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-location__main {
    display: block;
    width: 100%;
    padding-top: 80px;
  }
  .lands-location__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lands-location__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lands-location__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .lands-location__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
    text-align: center;
  }
  .lands-location__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .lands-location__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .lands-location-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lands-location-box + .lands-location-box {
    margin-top: 50px;
  }
  .lands-location-box__figure {
    display: block;
    width: 100%;
  }
  .lands-location-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-location-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .lands-location-box__title {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.1em;
  }
  .lands-location-box__title > span {
    display: block;
    width: 100%;
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 35px;
    margin-bottom: 10px;
  }
  .lands-location-box__list {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--gray);
    margin-top: 20px;
  }
  .lands-location-box__list > li {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    padding-left: 16px;
    background-image: url(./assets/images/money/check.png);
    background-position: left top 10px;
    background-size: 8px auto;
  }
  .lands-location-box__list > li + li {
    margin-top: 10px;
  }
  .lands-location-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }

}
@media screen and (min-width:768px) {
  .lands-location {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .lands-location__banner {
    display: block;
    width: 100%;
    padding:0 max(20px, calc((100% - 1100px)/2)) 0 0;
  }
  .lands-location__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-location__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
  }
  .lands-location__hgroup {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .lands-location__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: calc(160/1100 * 100%);
  }
  .lands-location__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .lands-location__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-location__txt {
    display: block;
    width: calc(920/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 35px;
  }
  .lands-location__wrap {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .lands-location-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .lands-location-box + .lands-location-box {
    margin-top: 100px;
  }
  .lands-location-box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .lands-location-box__figure {
    display: block;
    width: calc(475/1100 * 100%);
  }
  .lands-location-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-location-box__content {
    display: block;
    width: calc(545/1100 * 100%);
  }
  .lands-location-box__title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    padding-left: 58px;
  }
  .lands-location-box__title > span {
    position: absolute;
    left: 0;
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
  }
  .lands-location-box__list {
    display: block;
    width: 100%;
    padding: calc(25/545 * 100%) calc(30/545 * 100%);
    background-color: var(--gray);
    margin-top: 30px;
  }
  .lands-location-box__list > li {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    padding-left: 16px;
    background-image: url(./assets/images/money/check.png);
    background-position: left top 10px;
    background-size: 8px auto;
  }
  .lands-location-box__list > li + li {
    margin-top: 10px;
  }
  .lands-location-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
/*plan*/
@media screen and (max-width:767px) {
  .lands-plan {
    display: block;
    width: 100%;
    padding: 0 0 80px;
    background-color: var(--white);
  }
  .lands-plan__banner {
    display: block;
    width: 100%;
  }
  .lands-plan__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-plan__main {
    display: block;
    width: 100%;
    padding-top: 80px;
  }
  .lands-plan__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lands-plan__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .lands-plan__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.07em;
    margin-top: 5px;
    text-align: center;
  }
  .lands-plan__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .lands-plan__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .lands-plan-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lands-plan-box + .lands-plan-box {
    margin-top: 50px;
  }
  .lands-plan-box__figure {
    display: block;
    width: 100%;
  }
  .lands-location-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-plan-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .lands-plan-box__title {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.1em;
  }
  .lands-plan-box__title > span {
    display: block;
    width: 100%;
    font-family: var(--josefin-sans);
    font-size: 28px;
    font-weight: 300;
    color: #6F818E;
    line-height: 35px;
    margin-bottom: 10px;
  }
  .lands-plan-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .lands-plan {
    display: block;
    width: 100%;
    padding: 0 0 100px;
    background-color: var(--white);
  }
  .lands-plan__banner {
    display: block;
    width: 100%;
    padding:0 0 0 max(20px, calc((100% - 1100px)/2));
  }
  .lands-plan__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-plan__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
  }
  .lands-plan__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lands-plan__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .lands-plan__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
    text-align: center;
  }
  .lands-plan__txt {
    display: block;
    max-width: 1000px;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin: 50px auto 0;
  }
  .lands-plan__wrap {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .lands-plan-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .lands-plan-box + .lands-plan-box {
    margin-top: 80px;
  }
  .lands-plan-box__figure {
    display: block;
    width: calc(475/1100 * 100%);
  }
  .lands-location-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-plan-box__content {
    display: block;
    width: calc(545/1100 * 100%);
  }
  .lands-plan-box__title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    padding-left: 58px;
  }
  .lands-plan-box__title > span {
    position: absolute;
    left: 0;
    font-family: var(--josefin-sans);
    font-size: 38px;
    font-weight: 300;
    color: #6F818E;
    line-height: 40px;
  }
  .lands-plan-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
}
/*selection*/
@media screen and (max-width:767px) {
  .lands-selection {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--gray);
  }
  .lands-selection__body {
    display: block;
    width: 100%;
  }
  .lands-selection__hgroup {
    display: flex;
   flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }
  .lands-selection__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lands-selection__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .lands-selection__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 24px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-selection__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .lands-selection__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .lands-selection-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
  }
  .lands-selection-box + .lands-selection-box {
    margin-top: 50px;
  }
  .lands-selection-box__figure {
    display: block;
    width: 100%;
  }
  .lands-selection-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-selection-box__content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .lands-selection-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 20px;
  }
  .lands-selection-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .lands-selection {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--gray);
  }
  .lands-selection__body {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .lands-selection__hgroup {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .lands-selection__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: calc(300/1100 * 100%);
  }
  .lands-selection__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .lands-selection__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .lands-selection__txt {
    display: block;
    width: calc(770/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 35px;
  }
  .lands-selection__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .lands-selection-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: calc(50/1100 * 100%) calc(60/1100 * 100%);
    background-color: var(--white);
  }
  .lands-selection-box + .lands-selection-box {
    margin-top: 30px;
  }
  .lands-selection-box__figure {
    display: block;
    width: calc(346/980 * 100%);
  }
  .lands-selection-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-selection-box__content {
    display: block;
    width: calc(584/980 * 100%);
  }
  .lands-selection-box__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 20px;
  }
  .lands-selection-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lands-selection__header > span:nth-child(2) {
    font-size: 25px;
  }
}
/*search*/
@media screen and (max-width:767px) {
  .lands-search {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .lands-search__body {
    display: block;
    width: 100%;
  }
  .lands-search__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lands-search__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-search__header {
    display: block;
    width: 100%;
    font-size: min(20px + (24 - 20) * ((100vw - 320px) / (375 - 320)), 24px);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
  }
  .lands-search__images1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .lands-search__figure1 {
    display: block;
    width: calc(193.8/335 * 100%);
    margin-top: 20px;
  }
  .lands-search__figure2 {
    display: block;
    width: calc(114.07/335 * 100%);
  }
  .lands-search__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .lands-search__images2 {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
  }
  .lands-search__figure3 {
    display: block;
    width: calc(167.5/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .lands-search {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .lands-search__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .lands-search__main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: min(150px + (225 - 150) * ((100vw - 1025px) / (1366 - 1025)), 225px);
  }
  .lands-search__main img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lands-search__header {
    display: block;
    width: calc(560/1100 * 100%);
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
  }
  .lands-search__images1 {
    width: 0;
  }
  .lands-search__figure1 {
    position: absolute;
    left: -30px;
    bottom: 80px;
    display: block;
    width: calc(350/1366 * 100%);
  }
  .lands-search__figure2 {
    position: absolute;
    left: calc(360/1366 * 100%);
    bottom: 244px;
    display: block;
    width: calc(206/1366 * 100%);
  }
  .lands-search__txt {
    display: block;
    width: calc(540/1100 * 100%);
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
  }
  .lands-search__images2 {
    width: 0;
  }
  .lands-search__figure3 {
    position: absolute;
    right: calc(50/1366 * 100%);
    bottom: 0;
    display: block;
    width: calc(236/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lands-search__header {
    font-size: 24px;
  }
}
/*
PAGE - outdoor
--------------------------------------------- */
/*style*/
@media screen and (max-width:767px) {
  .outdoor-style {
    display: block;
    width: 100%;
    padding: 50px 0 0;
    background-color: var(--white);
  }
  .outdoor-style__body {
    position: relative;
    display: block;
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
  }
  .outdoor-style__name {
    display: block;
    width: 100%;
    font-size: min(60px + (100 - 60) * ((100vw - 320px) / (520 - 320)), 100px);
    line-height: 1;
    font-weight: 400;
    font-family: var(--josefin-sans);
    color: rgba(51,51,51,0.06);
    text-align: center;
  }
  .outdoor-style__figure {
    display: block;
    width: 100%;
    margin-left: auto;
  }
  .outdoor-style__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-style__main {
    display: block;
    width: 100%;
  }
  .outdoor-style__content {
    display: block;
    width: 100%;
  }
  .outdoor-style__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .outdoor-style__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
  }
  .outdoor-style__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 30px;
  }
  .outdoor-style__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .outdoor-style {
    display: block;
    width: 100%;
    padding: 100px 0 0;
    background-color: var(--white);
  }
  .outdoor-style__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: min(475px + (600 - 475) * ((100vw - 1025px) / (1366 - 1025)), 540px);
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .outdoor-style__name {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    font-size: min(100px + (132 - 100) * ((100vw - 1025px) / (1366 - 1025)), 132px);
    line-height: 1;
    font-weight: 300;
    font-family: var(--josefin-sans);
    color: rgba(51,51,51,0.06);
  }
  .outdoor-style__figure {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: calc(683/1366 * 100%);
    height: calc(100% - 100px);
    overflow: hidden;
  }
  .outdoor-style__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .outdoor-style__main {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .outdoor-style__content {
    display: block;
    width: calc(460/1100 * 100%);
  }
  .outdoor-style__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .outdoor-style__header > span:nth-child(1) {
    font-size: 60px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
  }
  .outdoor-style__header > span:nth-child(2) {
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 40px;
  }
  .outdoor-style__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .outdoor-style__header > span:nth-child(1) {
    font-size: 40px;
  }
  .outdoor-style__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 40px;
    margin-top: 30px;
  }
  .outdoor-style__name {
    left: -5px;
    font-size: min(80px + (100 - 80) * ((100vw - 768px) / (1024 - 768)), 100px);
  }
  .outdoor-style__txt {
    margin-top: 20px;
  }
}
/*advice*/
@media screen and (max-width:767px) {
  .outdoor-advice {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .outdoor-advice__body {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .outdoor-advice__content {
    display: block;
    width: 100%;
  }
  .outdoor-advice__header{
    display: block;
    width: 100%;
    font-size: min(20px + (22 - 20) * ((100vw - 320px) / (375 - 320)), 22px);
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    margin-bottom: 50px;
  }
  .outdoor-advice__content img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-advice__imgaes1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .outdoor-advice__figure1 {
    display: block;
    width: calc(171.59/335 * 100%);
  }
  .outdoor-advice__figure2 {
    display: block;
    width: calc(153.41/335 * 100%);
    margin-top: 50px;
  }
  .outdoor-advice__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .outdoor-advice__imgaes2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 40px;
  }
  .outdoor-advice__figure3 {
    display: block;
    width: calc(134/335 * 100%);
  }
  .outdoor-advice__figure4 {
    display: block;
    width: calc(191/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .outdoor-advice {
    display: block;
    width: 100%;
    padding-bottom: 100px;
    background-color: var(--white);
  }
  .outdoor-advice__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
  }
  .outdoor-advice__content {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .outdoor-advice__header{
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 30px;
  }
  .outdoor-advice__content img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-advice__figure1 {
    position: absolute;
    top: 100px;
    left: 0;
    display: block;
    width: calc(278/1366 * 100%);
  }
  .outdoor-advice__figure2 {
    position: absolute;
    left: calc(174/1366 * 100%);
    bottom: 20px;
    display: block;
    width: calc(178/1366 * 100%);
  }
  .outdoor-advice__txt {
    display: block;
    width: 100%;
    font-size: min(13px + (15 - 13) * ((100vw - 1025px) / (1366 - 1025)), 15px);
    line-height: 2;
    text-align: center;
    letter-spacing: 0.07em;
  }
  .outdoor-advice__figure3 {
    position: absolute;
    bottom: 0px;
    right: calc(183/1366 * 100%);
    display: block;
    width: calc(159/1366 * 100%);
  }
  .outdoor-advice__figure4 {
    position: absolute;
    top: 168px;
    right: 0;
    display: block;
    width: calc(230/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .outdoor-advice__content {
    max-width: 460px;
  }
  .outdoor-advice__header {
    font-size: 26px;
  }
  .outdoor-advice__txt {
    font-size: 13px;
  }
}
/*enjoy*/
@media screen and (max-width:767px) {
  .outdoor-enjoy {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: rgba(233,233,233,0.3);
    background-image: url(./assets/images/outdoor/bg-l.png),url(./assets/images/outdoor/bg-r.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top -10px,right top -10px;
    background-size: 111.11px auto,111.11px auto;
  }
  .outdoor-enjoy__body {
    display: block;
    width: 100%;
  }
  .outdoor-enjoy__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .outdoor-enjoy__icon {
    display: block;
    width: 74.32px;
  }
  .outdoor-enjoy__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-enjoy__header {
    font-size: 24px;
    font-weight: 500px;
    line-height: 40px;
    margin-top: 20px;
    text-align: center;
  }
  .outdoor-enjoy__banner {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .outdoor-enjoy__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-enjoy__main {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 50px;
    width: 100%;
    margin-top: 50px;
  }
  .outdoor-enjoy-box {
    display: block;
    width: 100%;
  }
  .outdoor-enjoy-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #4B5172;
    letter-spacing: 0.07em;
    text-align: center;
    margin-bottom: 20px;
  }
  .outdoor-enjoy-box__figure {
    display: block;
    width: 100%;
  }
  .outdoor-enjoy-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-enjoy-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .outdoor-enjoy {
    display: block;
    width: 100%;
    padding: 80px 0 100px;
    background-color: rgba(233,233,233,0.3);
    background-image: url(./assets/images/outdoor/bg-l.png),url(./assets/images/outdoor/bg-r.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top -20px,right top -20px;
    background-size: 319.7px auto,319.7px auto;
  }
  .outdoor-enjoy__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .outdoor-enjoy__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .outdoor-enjoy__icon {
    display: block;
    width: 115.44px;
  }
  .outdoor-enjoy__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-enjoy__header {
    font-size: 30px;
    font-weight: 500px;
    line-height: 44px;
    margin-top: 20px;
  }
  .outdoor-enjoy__banner {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .outdoor-enjoy__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-enjoy__main {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: calc(50/1000 * 100%);
    row-gap: 80px;
    width: 100%;
    margin-top: 80px;
  }
  .outdoor-enjoy-box {
    display: block;
    width: 100%;
  }
  .outdoor-enjoy-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #4B5172;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 20px;
  }
  .outdoor-enjoy-box__figure {
    display: block;
    width: 100%;
  }
  .outdoor-enjoy-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-enjoy-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .outdoor-enjoy {
    background-size: 219.7px auto,219.7px auto;
  }
}
/*living*/
@media screen and (max-width:767px) {
  .outdoor-living {
    display: block;
    width: 100%;
    padding: 80px 0 50px;
    background-color: var(--white);
  }
  .outdoor-living__body {
    position: relative;
    display: block;
    width: 100%;
  }
  .outdoor-living__main {
    display: block;
    width: 100%;
  }
  .outdoor-living__content {
    display: block;
    width: 100%;
  }
  .outdoor-living__header {
    display: block;
    width: 100%;
    font-size: min(22px + (24 - 22) * ((100vw - 320px) / (375 - 320)), 24px);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .outdoor-living__figure1 {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .outdoor-living__figure1 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-living__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .outdoor-living__images {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
  }
  .outdoor-living__images img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-living__figure2 {
    display: block;
    width: calc(113.17/335 * 100%);
    margin-left: -20px;
  }
  .outdoor-living__figure3 {
    display: block;
    width: calc(165.01/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .outdoor-living {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .outdoor-living__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: min(512px + (644 - 512) * ((100vw - 1025px) / (1366 - 1025)), 644px);
    margin: 0 auto;
    padding-bottom: min(280px + (340 - 280) * ((100vw - 1025px) / (1366 - 1025)), 340px);
  }
  .outdoor-living__main {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .outdoor-living__content {
    display: block;
    width: calc(480/1000 * 100%);
    padding: 50px 0 0;
  }
  .outdoor-living__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.1em;
  }
  .outdoor-living__figure1 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50%;
  }
  .outdoor-living__figure1 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-living__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .outdoor-living__images img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .outdoor-living__figure2 {
    position: absolute;
    bottom: 35px;
    left: 0;
    display: block;
    width: calc(146/1366 * 100%);
  }
  .outdoor-living__figure3 {
    position: absolute;
    bottom: 0;
    left: calc(258/1366 * 100%);
    display: block;
    width: calc(212.88/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px)  {
  .outdoor-living__body {
    padding-bottom: min(210px + (265 - 210) * ((100vw - 768px) / (1024 - 768)), 265px);
  }
  .outdoor-living__header {
    font-size: 28px;
  }
}
/*
PAGE - garage
--------------------------------------------- */
/*advice*/
@media screen and (max-width:767px) {
  .garage-advice {
    display: block;
    width: 100%;
    padding: 50px 0 0;
    background-color: var(--white);
  }
  .garage-advice__body {
    position: relative;
    display: block;
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
  }
  .garage-advice__name {
    display: block;
    width: 100%;
    font-size: 60px;
    line-height: 1;
    font-weight: 400;
    font-family: var(--josefin-sans);
    color: rgba(51,51,51,0.06);
    margin: 20px 0 50px;
  }
  .garage-advice__figure {
    display: block;
    width: 100%;
    margin-left: auto;
  }
  .garage-advice__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-advice__main {
    display: block;
    width: 100%;
  }
  .garage-advice__content {
    display: block;
    width: 100%;
  }
  .garage-advice__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .garage-advice__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
  }
  .garage-advice__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 30px;
  }
  .garage-advice__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .garage-advice {
    display: block;
    width: 100%;
    padding: 100px 0 0;
    background-color: var(--white);
  }
  .garage-advice__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: min(475px + (600 - 475) * ((100vw - 1025px) / (1366 - 1025)), 540px);
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .garage-advice__name {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    font-size: min(100px + (132 - 100) * ((100vw - 1025px) / (1366 - 1025)), 132px);
    line-height: 1;
    font-weight: 300;
    font-family: var(--josefin-sans);
    color: rgba(51,51,51,0.06);
  }
  .garage-advice__figure {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: calc(683/1366 * 100%);
    height: calc(100% - 100px);
    overflow: hidden;
  }
  .garage-advice__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .garage-advice__main {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .garage-advice__content {
    display: block;
    width: calc(460/1100 * 100%);
  }
  .garage-advice__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .garage-advice__header > span:nth-child(1) {
    font-size: 60px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
  }
  .garage-advice__header > span:nth-child(2) {
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 40px;
  }
  .garage-advice__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .garage-advice__header > span:nth-child(1) {
    font-size: 40px;
  }
  .garage-advice__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 40px;
    margin-top: 30px;
  }
  .garage-advice__name {
    left: -5px;
    font-size: min(80px + (100 - 80) * ((100vw - 768px) / (1024 - 768)), 100px);
  }
  .garage-advice__txt {
    margin-top: 20px;
  }
}
/*built*/
@media screen and (max-width:767px) {
  .garage-built {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .garage-built__body {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .garage-built__content {
    display: block;
    width: 100%;
  }
  .garage-built__header{
    display: block;
    width: 100%;
    font-size: min(20px + (22 - 20) * ((100vw - 320px) / (375 - 320)), 22px);
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    margin-bottom: 50px;
  }
  .garage-built__content img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-built__imgaes1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .garage-built__figure1 {
    display: block;
    width: calc(171/335 * 100%);
  }
  .garage-built__figure2 {
    display: block;
    width: calc(154/335 * 100%);
    margin-top: 68px;
  }
  .garage-built__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .garage-built__imgaes2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 40px;
  }
  .garage-built__figure3 {
    display: block;
    width: calc(134/335 * 100%);
  }
  .garage-built__figure4 {
    display: block;
    width: calc(190/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .garage-built {
    display: block;
    width: 100%;
    padding-bottom: 100px;
    background-color: var(--white);
  }
  .garage-built__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
  }
  .garage-built__content {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .garage-built__header{
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 30px;
  }
  .garage-built__content img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-built__figure1 {
    position: absolute;
    top: 168px;
    left: 0;
    display: block;
    width: calc(230/1366 * 100%);
  }
  .garage-built__figure2 {
    position: absolute;
    left: calc(183/1366 * 100%);
    bottom: 0;
    display: block;
    width: calc(159/1366 * 100%);
  }
  .garage-built__txt {
    display: block;
    width: 100%;
    font-size: min(13px + (15 - 13) * ((100vw - 1025px) / (1366 - 1025)), 15px);
    line-height: 2;
    text-align: center;
    letter-spacing: 0.07em;
  }
  .garage-built__figure3 {
    position: absolute;
    bottom: 25px;
    right: calc(174/1366 * 100%);
    display: block;
    width: calc(178/1366 * 100%);
  }
  .garage-built__figure4 {
    position: absolute;
    top: 100px;
    right: 0;
    display: block;
    width: calc(230/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .garage-built__content {
    max-width: 460px;
  }
  .garage-built__header {
    font-size: 26px;
  }
  .garage-built__txt {
    font-size: 13px;
  }
}
/*living*/
@media screen and (max-width:767px) {
  .garage-living {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0 50px;
    background-color: var(--gray);
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 330px;
  }
  .garage-living::before {
    content: "LIVING WITH A GARAGE";
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    max-width: 520px;
    width: 100%;
    font-size: min(26px + (40 - 26) * ((100vw - 320px) / (520 - 320)), 40px);
    line-height: 1;
    font-family: var(--josefin-sans);
    color: rgba(255,255,255,0.06);
    text-align: center;
  }
  .garage-living__body {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
  }
   .garage-living__header {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: var(--white);
    text-align: center;
  }
  .garage-living__banner {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .garage-living__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-living__main {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: auto;
    row-gap: 50px;
    width: 100%;
    margin-top: 50px;
  }
  .garage-living-box {
    display: block;
    width: 100%;
  }
  .garage-living-box__title {
    display: block;
    width: 100%;
    font-size: min(18px + (22 - 18) * ((100vw - 320px) / (375 - 320)), 22px);
    font-weight: 600;
    line-height: 30px;
    color: #4E5B30;
    letter-spacing: 0.07em;
    text-align: center;
    margin-bottom: 20px;
  }
  .garage-living-box__figure {
    display: block;
    width: 100%;
  }
  .garage-living-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-living-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .garage-living {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 110px;
    background-color: var(--gray);
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 480px;
  }
  .garage-living::before {
    content: "LIVING WITH A GARAGE";
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    max-width: 1366px;
    width: 100%;
    font-size: min(80px + (100 - 80) * ((100vw - 1025px) / (1366 - 1025)), 100px);
    line-height: 1;
    font-family: var(--josefin-sans);
    color: rgba(255,255,255,0.06);
    text-align: right;
  }
  .garage-living__body {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
   .garage-living__header {
    display: block;
    width: 100%;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    color: var(--white);
    text-align: center;
  }
  .garage-living__banner {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .garage-living__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-living__main {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: calc(50/1000 * 100%);
    row-gap: 80px;
    width: 100%;
    margin-top: 80px;
  }
  .garage-living-box {
    display: block;
    width: 100%;
  }
  .garage-living-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #4E5B30;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 20px;
  }
  .garage-living-box__figure {
    display: block;
    width: 100%;
  }
  .garage-living-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-living-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
   .garage-living::before {
    font-size: min(60px + (80 - 60) * ((100vw - 768px) / (1024 - 768)), 80px);
  }
}
/*using*/
@media screen and (max-width:767px) {
  .garage-using {
    display: block;
    width: 100%;
    padding: 80px 0 50px;
    background-color: var(--white);
  }
  .garage-using__body {
    position: relative;
    display: block;
    width: 100%;
  }
  .garage-using__main {
    display: block;
    width: 100%;
  }
  .garage-using__content {
    display: block;
    width: 100%;
  }
  .garage-using__header {
    display: block;
    width: 100%;
    font-size: min(22px + (24 - 22) * ((100vw - 320px) / (375 - 320)), 24px);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  .garage-using__figure1 {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .garage-using__figure1 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-using__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .garage-using__images {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
  }
  .garage-using__images img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-using__figure2 {
    display: block;
    width: calc(113.17/335 * 100%);
    margin-left: -20px;
  }
  .garage-using__figure3 {
    display: block;
    width: calc(165.01/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .garage-using {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .garage-using__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: min(512px + (644 - 512) * ((100vw - 1025px) / (1366 - 1025)), 644px);
    margin: 0 auto;
    padding-bottom: calc(254px + 5vw);
  }
  .garage-using__main {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .garage-using__content {
    display: block;
    width: calc(480/1000 * 100%);
    padding: 50px 0 0;
  }
  .garage-using__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0.1em;
  }
  .garage-using__figure1 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(619/1366 * 100%);
  }
  .garage-using__figure1 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-using__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .garage-using__images img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .garage-using__figure2 {
    position: absolute;
    bottom: 35px;
    left: 0;
    display: block;
    width: calc(146/1366 * 100%);
  }
  .garage-using__figure3 {
    position: absolute;
    bottom: 0;
    left: calc(258/1366 * 100%);
    display: block;
    width: calc(212.88/1366 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px)  {
  .garage-using__body {
    padding-bottom: min(230px + (230 - 230) * ((100vw - 768px) / (1024 - 768)), 230px);
  }
  .garage-using__header {
    font-size: 28px;
  }
  .garage-using__txt {
    margin-top: min(20px + (40 - 20) * ((100vw - 768px) / (1024 - 768)), 40px);
  }
}
@media screen and (min-width:1330px) {
  .garage-using__body {
    padding-bottom: 254px;
  }
}
/*
PAGE - child
--------------------------------------------- */
/*style*/
@media screen and (max-width:767px) {
  .child-style {
    display: block;
    width: 100%;
    padding: 50px 0 0;
    background-color: var(--white);
  }
  .child-style__body {
    position: relative;
    display: block;
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
  }
  .child-style__name {
    display: block;
    width: 100%;
    font-size: min(41px + (67 - 41) * ((100vw - 320px) / (520 - 320)), 67px);
    line-height: 1;
    font-weight: 400;
    font-family: var(--josefin-sans);
    color: rgba(51,51,51,0.06);
    margin: 20px 0 50px;
    text-align: center;
  }
  .child-style__figure {
    display: block;
    width: 100%;
    margin-left: auto;
  }
  .child-style__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-style__main {
    display: block;
    width: 100%;
  }
  .child-style__content {
    display: block;
    width: 100%;
  }
  .child-style__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .child-style__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
  }
  .child-style__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 30px;
  }
  .child-style__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .child-style {
    display: block;
    width: 100%;
    padding: 100px 0 0;
    background-color: var(--white);
  }
  .child-style__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    min-height: min(475px + (600 - 475) * ((100vw - 1025px) / (1366 - 1025)), 540px);
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .child-style__name {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    font-size: min(100px + (132 - 100) * ((100vw - 1025px) / (1366 - 1025)), 132px);
    line-height: 1;
    font-weight: 300;
    font-family: var(--josefin-sans);
    color: rgba(51,51,51,0.06);
  }
  .child-style__figure {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: calc(683/1366 * 100%);
    height: calc(100% - 100px);
    overflow: hidden;
  }
  .child-style__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .child-style__main {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .child-style__content {
    display: block;
    width: calc(460/1100 * 100%);
  }
  .child-style__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .child-style__header > span:nth-child(1) {
    font-size: 60px;
    font-family: var(--josefin-sans);
    line-height: 1;
    font-weight: 400;
  }
  .child-style__header > span:nth-child(2) {
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 40px;
  }
  .child-style__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .child-style__header > span:nth-child(1) {
    font-size: 40px;
  }
  .child-style__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 40px;
    margin-top: 30px;
  }
  .child-style__name {
    left: -5px;
    font-size: min(80px + (100 - 80) * ((100vw - 768px) / (1024 - 768)), 100px);
  }
  .child-style__txt {
    margin-top: 20px;
  }
}
/*design*/
@media screen and (max-width:767px) {
  .child-design {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .child-design__body {
    display: block;
    width: 100%;
  }
  .child-design__main {
    display: block;
    width: 100%;
  }
  .child-design__header {
    display: block;
    width: 100%;
    font-size: min(20px + (22 - 20) * ((100vw - 320px) / (375 - 320)), 22px);
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .child-design__images1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 50px;
  }
  .child-design__images1 img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-design__figure1 {
    display: block;
    width: calc(171/335 * 100%);
  }
  .child-design__figure2 {
    display: block;
    width: calc(153/355 * 100%);
  }
  .child-design__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .child-design__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
  }
  .child-design__list > li {
    position: relative;
    display: block;
    width: calc(50% - 10px);
    margin-right: 20px;
    padding-bottom: calc(157.5/335 * 100%);
  }
  .child-design__list > li:nth-child(2n) {
    margin-right: 0;
  }
  .child-design__list > li:last-child {
    margin-top: 10px;
    margin-right: 0;
  }
  .child-design__link {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 200px;
    border: 1px solid var(--font-color);
  }
  .child-design__link-badge {
    font-family: var(--josefin-sans);
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 400;
    color: #3C422F;
  }
  .child-design__link-title {
    min-height: 72px;
    font-size: min(11px + (15 - 11) * ((100vw - 320px) / (375 - 320)), 15px);
    line-height: 24px;
    text-align: center;
    color: var(--font-color);
  }
  .child-design__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .child-design__images2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 27px;
  }
  .child-design__images2 img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-design__figure3 {
    display: block;
    width: calc(134/335 * 100%);
    margin-top: 32px;
  }
  .child-design__figure4 {
    display: block;
    width: calc(191/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .child-design {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .child-design__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 82px;
  }
  .child-design__main {
    display: block;
    max-width: 604px;
    width: 100%;
    margin: 0 auto;
  }
  .child-design__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .child-design__images1 img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-design__figure1 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(241/1366 * 100%);
  }
  .child-design__figure2 {
    position: absolute;
    bottom: 0;
    left: calc(121/1366 * 100%);
    display: block;
    width: calc(178/1366 * 100%);
  }
  .child-design__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
    margin-top: 30px;
  }
  .child-design__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 60px;
  }
  .child-design__list > li {
    position: relative;
    display: block;
    width: calc(188/604 * 100%);
  }
  .child-design__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 200px;
    border: 1px solid var(--font-color);
  }
  .child-design__link-badge {
    font-family: var(--josefin-sans);
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 400;
    color: #3C422F;
  }
  .child-design__link-title {
    min-height: 72px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--font-color);
  }
  .child-design__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .child-design__images2 img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-design__figure3 {
    position: absolute;
    bottom: 0;
    right: calc(111/1366 * 100%);
    display: block;
    width: calc(181/1366 * 100%);
  }
  .child-design__figure4 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(192/1366 * 100%);
  }
}
/*banner*/
@media screen and (max-width:767px) {
  .child-banner {
    position: relative;
    display: block;
    width: 100%;
  }
  .child-banner__header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 520px;
    width: 100%;
  }
  .child-banner__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
     color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .child-banner__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .child-banner__figure {
    display: block;
    width: 100%;
  }
  .child-banner__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .child-banner {
    position: relative;
    display: block;
    width: 100%;
  }
  .child-banner__header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1200px;
    width: 100%;
  }
  .child-banner__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
     color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .child-banner__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 30px;
    color: var(--white);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .child-banner__figure {
    display: block;
    width: 100%;
  }
  .child-banner__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*family*/
@media screen and (max-width:767px) {
  .child-family {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: rgba(233,233,233,0.3);
    background-image: url(./assets/images/child/family-bg-pc.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .child-family__body {
    display: block;
    width: 100%;
  }
  .child-family__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-family__icon {
    display: block;
    width: 80px;
  }
  .child-family__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-family__header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .child-family__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .child-family-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-family-box + .child-family-box {
    margin-top: 50px;
  }
  .child-family-box__figure {
    display: block;
    width: 100%;
  }
  .child-family-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-family-box__content {
    display: block;
    width: 100%;
    padding-top: 30px;
  }
  .child-family-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #4B5172;
  }
  .child-family-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .child-family {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: rgba(233,233,233,0.3);
    background-image: url(./assets/images/child/family-bg-pc.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .child-family__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .child-family__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-family__icon {
    display: block;
    width: 130px;
  }
  .child-family__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-family__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .child-family__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .child-family-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .child-family-box + .child-family-box {
    margin-top: 60px;
  }
  .child-family-box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .child-family-box__figure {
    display: block;
    width: calc(475/1000 * 100%);
  }
  .child-family-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-family-box__content {
    display: block;
    width: calc(475/1000 * 100%);
    padding-top: 50px;
  }
  .child-family-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    color: #4B5172;
  }
  .child-family-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
}
/*support*/
@media screen and (max-width:767px) {
  .child-support {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: rgba(240,243,232,0.9);
    background-image: url(./assets/images/child/support-bg-pc.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .child-support__body {
    display: block;
    width: 100%;
  }
  .child-support__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-support__icon {
    display: block;
    width: 48.5px;
  }
  .child-support__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-support__header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .child-support__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .child-support-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-support-box + .child-support-box {
    margin-top: 50px;
  }
  .child-support-box__figure {
    display: block;
    width: 100%;
  }
  .child-support-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-support-box__content {
    display: block;
    width: 100%;
    padding-top: 30px;
  }
  .child-support-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #4E5B30;
  }
  .child-support-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .child-support {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: rgba(240,243,232,0.9);
    background-image: url(./assets/images/child/support-bg-pc.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .child-support__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .child-support__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-support__icon {
    display: block;
    width: 78.86px;
  }
  .child-support__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-support__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .child-support__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .child-support-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .child-support-box + .child-support-box {
    margin-top: 60px;
  }
  .child-support-box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .child-support-box__figure {
    display: block;
    width: calc(475/1000 * 100%);
  }
  .child-support-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-support-box__content {
    display: block;
    width: calc(475/1000 * 100%);
    padding-top: 50px;
  }
  .child-support-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    color: #4E5B30;
  }
  .child-support-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
}
/*growth*/
@media screen and (max-width:767px) {
  .child-growth {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: rgba(231,239,239,0.5);
    background-image: url(./assets/images/child/growth-bg-pc.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .child-growth__body {
    display: block;
    width: 100%;
  }
  .child-growth__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-growth__icon {
    display: block;
    width: 74.04px;
  }
  .child-growth__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-growth__header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .child-growth__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .child-growth-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-growth-box + .child-growth-box {
    margin-top: 50px;
  }
  .child-growth-box__figure {
    display: block;
    width: 100%;
  }
  .child-growth-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-growth-box__content {
    display: block;
    width: 100%;
    padding-top: 30px;
  }
  .child-growth-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #4B5172;
  }
  .child-growth-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .child-growth {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: rgba(231,239,239,0.5);
    background-image: url(./assets/images/child/growth-bg-pc.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .child-growth__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .child-growth__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .child-growth__icon {
    display: block;
    width: 120.43px;
  }
  .child-growth__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-growth__header {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
  .child-growth__main {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .child-growth-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .child-growth-box + .child-growth-box {
    margin-top: 60px;
  }
  .child-growth-box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .child-growth-box__figure {
    display: block;
    width: calc(475/1000 * 100%);
  }
  .child-growth-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-growth-box__content {
    display: block;
    width: calc(475/1000 * 100%);
    padding-top: 50px;
  }
  .child-growth-box__title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    color: #4B5172;
  }
  .child-growth-box__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.07em;
    margin-top: 20px;
  }
}
/*parenting*/
@media screen and (max-width:767px) {
  .child-parenting {
    display: block;
    width: 100%;
    padding: 50px 0 80px;
    background-color: var(--white);
  }
  .child-parenting__body {
    display: block;
    width: 100%;
    background-color: var(--gray);
  }
  .child-parenting__main {
    display: block;
    width: 100%;
    padding: 80px 0 0;
  }
  .child-parenting__content {
    display: block;
    width: 100%;
  }
  .child-parenting__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .child-parenting__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .child-parenting__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 20px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .child-parenting__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .child-parenting__figure {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .child-parenting__figure > img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-parenting__figure::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: -50vw;
    display: block;
    width: 150vw;
    height: calc(50% + 80px);
    background-color:var(--white);
  }
}
@media screen and (min-width:768px) {
  .child-parenting {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: var(--white);
  }
  .child-parenting__body {
    position: relative;
    display: block;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
  }
  .child-parenting__body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: var(--gray);
    transform: translateX(-50%);
  }
  .child-parenting__main {
    display: block;
    max-width: 1100px;
    width: 100%;
    min-height: min(635px + (780 - 635) * ((100vw - 1025px) / (1366 - 1025)), 780px);
    padding: 100px 0;
    background-color: var(--gray);
    margin: 0 auto;
  }
  .child-parenting__content {
    display: block;
    width: calc(350/1100 * 100%);
    padding-top: min(70px + (100 - 70) * ((100vw - 1025px) / (1366 - 1025)), 100px);
  }
  .child-parenting__header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .child-parenting__header > span:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--font-color);
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 0.07em;
  }
  .child-parenting__header > span:nth-child(2) {
    display: block;
    width: 100%;
    font-size: 28px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.07em;
    margin-top: 5px;
  }
  .child-parenting__figure {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 2;
    display: block;
    width: calc(800/1366 * 100%);
    overflow: hidden;
  }
  .child-parenting__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .child-parenting__txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .child-parenting__content {
    width: calc(370/1100 * 100%);
  }
  .child-parenting__header > span:nth-child(2) {
    font-size: 22px;
  }
  .child-parenting__txt {
    margin-top: 20px;
  }
}