/*
Theme Name:  Passive Miraie
Theme URI:
Author:  Passive Miraie
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;300;400;500;600;700;900&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; */
  /* --hiragino : Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3"; */
  --futura: Futura, Futura-Medium, "Futura Medium", 'Josefin Sans', sans-serif, "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde";
  /* --helvetica: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-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;
}

/*
html {
scroll-behavior: smooth;
}*/

/**
  * 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: bold;
}
/**
  * 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;
  /*-webkit-text-size-adjust: 100%;*/
}
/* 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;
  --red:#DB2200;
}


/* Elements
--------------------------------------------- */
html {
  -ms-touch-action: manipulation;	
  touch-action: manipulation;
}
body {
  font-family:var(--yumincho);
  color: var(--font-color);
  overflow-x: hidden;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}
/*
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: 1140px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
/*
br tag
------------------------------*/
@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 {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  /*top menu*/
  .site-header__top {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 20px;
    padding: 0 10px;
    background-color: var(--white);
  }
  .site-header__headline {
    display: -webkit-box;
    width: 100%;
    font-size: 10px;
    line-height: 15.6px;
    color: #ACACAC;
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .site-header__contact {
    display: none;
  }

  /*nav*/
  .site-header__menu {
    z-index: 999;
    display: block;
    width: 100%;
  }
  .site-header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .mobile-nav-trigger {
    display: none;
  }
  .site-header__logo,
  .site-header__fixed-logo {
    display: none;
  }
  .site-header__nav-pc {
    display: none;
  }
  /*header make sticky*/
  @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: flex;
    align-items: center;
    height: 58px;
    animation-name: stickyslideDown;
    animation-duration: 0.2s;
    animation-fill-mode: both;
    background-color: rgba(255,255,255,90%);
    padding: 0 20px;
  }
  .site-header__menu.fixed .site-header__logo,
  .site-header__menu.sticky .site-header__logo {
    display: none;
  }
  .site-header__menu.fixed .site-header__fixed-logo,
  .site-header__menu.sticky .site-header__fixed-logo {
    display: block;
    width: 94px;
  }
  .site-header__menu.fixed .site-header__fixed-logo > picture,
  .site-header__menu.sticky .site-header__fixed-logo > picture {
    display: block;
    width: 100%;
  }
  .site-header__menu.fixed .site-header__fixed-logo > picture > img,
  .site-header__menu.sticky .site-header__fixed-logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-header__menu.fixed .site-header__fixed-logo:hover,
  .site-header__menu.sticky .site-header__fixed-logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }

  /*hamberger*/
  .site-header__menu.fixed  .mobile-nav-trigger,
  .site-header__menu.sticky .mobile-nav-trigger {
    display: block;
    width: 40px;
    height: 47px;
    margin-top: 5px;
  }
  .site-header__menu .mobile-nav-trigger > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40px;
    height: 26px;
  }
  .site-header__menu .mobile-nav-trigger > i {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 21px;
    font-family: var(--futura);
    color: var(--font-color);
  }
  .site-header__menu .mobile-nav-trigger > div > span {
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--font-color);
    transition: transform 0.5s ease;
  }

  .mobile-nav-trigger.active {
    z-index: 999;
  }
  .mobile-nav-trigger.active > div {
    position: relative;
  }
  .mobile-nav-trigger.active > div > span {
    position: absolute;
    width: 100%;
  }
  .mobile-nav-trigger.active > div > span:nth-child(1) {
    top: 5px;
    right: 0;
    transform: translateY(7px) rotate(-35deg);
  }
  .mobile-nav-trigger.active > div > span:nth-child(3) {
    bottom: 3px;
    right: 0;
    transform: translateY(-7px) rotate(35deg);
  }
  .mobile-nav-trigger.active > div > span:nth-child(2){
    display: none;
  }
  .site-header.sticky .mobile-nav-trigger > div > span,
  .site-header.fixed .mobile-nav-trigger > div > span {
    background-color: var(--font-color);
  }
  .site-header.sticky .mobile-nav-trigger > i,
  .site-header.fixed .mobile-nav-trigger > i {
    color: var(--font-color);
  }
}
@media screen and (min-width:1025px) {
  .site-header {
    display: block;
    width: 100%;
    background-color: var(--white);
    z-index: 999;
  }
  /*top menu*/
  .site-header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 max(20px, calc((100% - 1100px)/2)) 0 clamp(1.333rem, 3.352vw - 0.957rem, 3.333rem);
    background-color: var(--white);
  }
  .site-header__headline {
    display: -webkit-box;
    width: calc(100% - 144px);
    font-size: 13px;
    line-height: 15.6px;
    color: #ACACAC;
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .site-header__contact {
    display: block;
    width: 134px;
    height: 20px;
    font-weight: 600;
    line-height: 15px;
    padding-bottom: 5px;
    color: var(--font-color);
    text-align: center;
    border-bottom: 1px solid var(--font-color);
    transition: border-bottom 0.3s ease;
  }
  .site-header__contact:hover {
    border-bottom: 2px solid var(--font-color);
  }

  /*nav*/
  .site-header__menu {
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 999;
    display: block;
    width: 100%;
  }
  .site-header__wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 max(20px, clamp(1.333rem, 8.939vw - 4.775rem, 6.667rem)) 0 clamp(1.333rem, 3.352vw - 0.957rem, 3.333rem);
  }
  .mobile-nav-trigger {
    display: none;
  }
  .site-header__logo {
    display: block;
    width: clamp(4rem, 2.235vw + 2.473rem, 5.333rem);
  }
  .site-header__fixed-logo {
    display: none;
  }
  .site-header__logo > picture {
    display: block;
    width: 100%;
  }
  .site-header__logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-header__logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-header__nav-pc {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - clamp(4rem, 2.235vw + 2.473rem, 5.333rem) - 20px);
    margin-top: 20px;
  }
  .site-header__nav-pc > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 40px;
  }
  .site-header__nav-pc > li > a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 40px;
    font-size: 16px;
    color: var(--white);
    line-height: 1;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .site-header__nav-pc > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background-color: var(--white);
    transition: 0.3s ease;
  }
  .site-header__nav-pc > li > a:hover::after {
    width: 100%;
  }
  .site-header__nav-pc > li:first-child > a {
    font-weight: 300;
    font-family: var(--futura);
  }
  /*header make sticky*/
  @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;
    display: flex;
    height: 96px;
    animation-name: stickyslideDown;
    animation-duration: 0.2s;
    animation-fill-mode: both;
  }
  .site-header__menu.sticky .site-header__wrap {
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: top right;
    background-size: max(20px, clamp(1.333rem, 8.939vw - 4.775rem, 6.667rem)) 70px;
  }
  .site-header__menu.sticky .site-header__logo {
    display: none;
  }
  .site-header__menu.sticky .site-header__fixed-logo {
    display: block;
    width: clamp(13.333rem, 10.056vw + 6.462rem, 19.333rem);
    margin-top: 15px;
  }
  .site-header__menu.sticky .site-header__fixed-logo > picture {
    display: block;
    width: 100%;
  }
  .site-header__menu.sticky .site-header__fixed-logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-header__menu.sticky .site-header__fixed-logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-header__menu.sticky .site-header__nav-pc {
    margin-top: 0;
  }
  .site-header__menu.sticky .site-header__nav-pc > li {
    background-color: var(--white);
    height: 70px;
    padding-top: 30px;
  }
  .site-header__menu.sticky .site-header__nav-pc > li > a {
    color: var(--font-color);
    width: clamp(8.667rem, 1.117vw + 7.903rem, 9.333rem);
  }
  .site-header__menu.sticky .site-header__nav-pc > li > a:hover {
    color: #DB2200;
  }
  .site-header__menu.sticky .site-header__nav-pc > li > a::after {
    background-color: #DB2200;
    height: 2px;
  }
}
/*
NAVIGATION - mobile
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .site-nav-mobile {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color:rgba(255,255,255,100%);
    padding-top: 57px;
    z-index: 998;
    transform: translateY(-150%);
    transition: transform 0.3s ease;
  }
  .site-nav-mobile.active {
    transform: translateY(0);
  }
  .site-nav-mobile__wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    height: calc(100vh - 57px);
    padding-bottom: 70px;
    overflow-y: scroll;
  }
  .site-nav-mobile__inner {
    display: block;
    width: 100%;
  }
  .site-nav-mobile__block {
    display: block;
    width: 100%;
  }
  .site-nav-mobile__block:nth-child(n+2) {
    margin-top: 1px;
  }
  .site-nav-mobile__block:last-child {
    margin-bottom: 2em;
  }
  .site-nav-mobile__block-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    font-size: 12px;
    font-weight: 500;
    color: var(--white);
    font-family: var(--futura);
    line-height: 1;
    padding: 0 30px 0 40px;
    background: var(--font-color);
  }
  .site-nav-mobile__block-title > .child-trigger {
    position: absolute;
    top: 0;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 12px;
    height: 40px;
  }
  .site-nav-mobile__block-title > .child-trigger > i {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
  }
  .site-nav-mobile__block-title > .child-trigger > i::before,
  .site-nav-mobile__block-title > .child-trigger > i::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--white);
  }
  .site-nav-mobile__block-title > .child-trigger > i::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .site-nav-mobile__block-title > .child-trigger > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .site-nav-mobile__block-title.active > .child-trigger > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0) translate(-50%,-50%);
    transform-origin: 0 50%;
  }
  .site-nav-mobile__list {
    display: none;
    width: 100%;
    padding: 20px 40px;
  }
  .site-nav-mobile__list > li {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
  }
  .site-nav-mobile__list > li.child {
    padding-left: 10px;
  }
  .site-nav-mobile__list > li:nth-child(n+2){
    margin-top: 25px;
  }
  .site-nav-mobile__list > li > a {
    display: flex;
    align-items: center;
    width: auto;
    font-size:15px;
    font-weight: 500;
    color: var(--font-color);
    line-height: 19.5px;
  }
  .site-nav-mobile__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #406379;
    padding: 60px 0;
    margin-top: 5px;
  }
  .site-nav-mobile__logo {
    display: block;
    max-width: 270px;
    width: 100%;
  }
  .site-nav-mobile__logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-nav-mobile__info {
    display: flex;
    flex-direction: column;
    width: auto;
    margin-top: 20px;
  }
  .site-nav-mobile__phone {
    position: relative;
    display: block;
    width: 220px;
    font-size: 28px;
    color: #FFFFFF;
    font-family: var(--lato);
    font-weight: 900;
    font-style: italic;
    word-break: keep-all;
    line-height: 34px;
    padding-left: 35px;
    margin-top: 25px;
  }
  .site-nav-mobile__phone::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(./assets/images/icon-tel-wh.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .site-nav-mobile__phone-time {
    display: block;
    width: 220px;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    color: var(--white);
    line-height: 28.8px;
  }
  .site-nav-mobile__contact-btn {
    position: relative;
    display: block;
    width: auto;
    font-size: 16px;
    color: var(--white);
    font-weight: 700;
    padding-left: 30px;
    line-height: 21px;
    word-break: keep-all;
    margin-top: 15px;
  }
  .site-nav-mobile__contact-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 21px;
    height: 21px;
    background-image: url(./assets/images/icon-mail-wh.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@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: 45px;
    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: 45px;
    margin: 0 auto;
  }
  .site-floating-menu__wrap > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(33.333333% - 1.5px);
    height: 45px;
    background-color: var(--font-color);
    border: 3px solid #222222;
  }
  .site-floating-menu__wrap > a > span {
    font-size: 16px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 1;
    color: var(--white);
  }
  .site-floating-menu__wrap > a:nth-child(1) {
    order: 3;
  }
  .site-floating-menu__wrap > a:nth-child(2) {
    order: 2;
  }
  .site-floating-menu__wrap > a:nth-child(3) {
    order: 1;
  }

}
@media screen and (min-width:1025px) {
  .site-floating-menu {
    position: fixed;
    bottom: 100px;
    right: 0;
    display: block;
    width: 50px;
    height: 606px;
    z-index: 997;
    transform: translateX(150%);
    transition: transform 0.3s ease;
  }
  .site-floating-menu.active {
    transform: translateX(0);
  }
  .site-floating-menu__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 50px;
    height: 606px;
  }
  .site-floating-menu__wrap > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 200px;
    background-color: var(--font-color);
    border: 4px solid #222222;
  }
  .site-floating-menu__wrap > a > span {
    font-size: 16px;
    font-family: var(--yumincho);
    font-weight: 500;
    writing-mode: vertical-lr;
    line-height: 1;
    letter-spacing: 0.1rem;
    color: var(--white);
  }
  .site-floating-menu__wrap > a:hover {
    transition: 0.3s ease;
    background-color: #222222;
    border-color: #111111;
  }
}
/*
BUTTON
--------------------------------------------- */
@media screen and (min-width:0px) {
  .site-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 41px;
    background-color: transparent;
    border: 1px solid var(--font-color);
  }
  .site-btn > span {
    position: relative;
    display: block;
    width: auto;
    font-weight: 600;
    line-height: 1;
    color: var(--font-color);
  }
  .site-btn:hover {
    transition: 0.3s ease;
    background-color: #F7F5F4;
  }

}
/*
SIRYO CV
--------------------------------------------- */
@media screen and (max-width:768px) {
  .site-document {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 0 0 40px 0;
  }
  .site-document > .container {
    padding: 0 30px;
  }
  .site-document__link {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .site-document__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-document__figure {
    display: block;
    width: 100%;
  }
  .site-document__figure > img{
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .site-document {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 40px 0;
  }
  .site-document__link {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .site-document__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-document__figure {
    display: block;
    width: 100%;
  }
  .site-document__figure > img{
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*
CV
--------------------------------------------- */
@media screen and (max-width:767px) {
  .site-cv {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--white);
  }
  .site-cv__link {
    position: relative;
    display: block;
    width: 100%;
  }
  .site-cv__link + .site-cv__link {
    margin-top: 5px;
  }
  .site-cv__link-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 72px;
    z-index: 2;
  }
  .site-cv__link:nth-child(1) > .site-cv__link-content {
    right: 0;
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: right top;
    background-size: calc(300/375 * 100%) 100%;
  }
  .site-cv__link:nth-child(2) > .site-cv__link-content {
    left: 0;
    background-image: linear-gradient(var(--white),var(--white));
    background-repeat: no-repeat;
    background-position: left top;
    background-size: calc(300/375 * 100%) 100%;
  }
  .site-cv__link-content > p {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    color: var(--font-color);
  }
  .site-cv__link-content > p > span:nth-child(1) {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
  }
  .site-cv__link-content > p > span:nth-child(2) {
    font-family: var(--futura);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 5px;
  }
  .site-cv__link-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-color: #000;
  }
  .site-cv__link-bg > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease;
    opacity: 0.7;
  }

}
@media screen and (min-width:768px) {
  .site-cv {
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: var(--white);
  }
  .site-cv__link {
    position: relative;
    display: block;
    width: calc(50% - 0px);
  }
  .site-cv__link-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 342px;
    height: 100px;
    background-color: var(--white);
    z-index: 2;
  }
  .site-cv__link:nth-child(1) > .site-cv__link-content {
    right: 0;
  }
  .site-cv__link:nth-child(2) > .site-cv__link-content {
    left: 0;
  }
  .site-cv__link-content > p {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    color: var(--font-color);
  }
  .site-cv__link-content > p > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
  }
  .site-cv__link-content > p > span:nth-child(2) {
    font-family: var(--futura);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 5px;
  }
  .site-cv__link-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background-color: #000;
  }
  .site-cv__link-bg > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease;
    opacity: 0.7;
  }
  .site-cv__link:hover > .site-cv__link-bg > img {
    opacity: 1;
  }
}
/*
FOOTER
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .site-footer {
    position: relative;
    z-index: 9;
    display: block;
    width: 100%;
    padding: 70px 0 0 0;
    background-color: #F7F7F7;
    z-index: 10;
  }
  .site-footer__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 10px;
  }
  .site-footer__company {
    display: block;
    width: 100%;
  }
  .site-footer__logo {
    display: block;
    width: 180px;
  }
  .site-footer__logo > picture {
    display: block;
    width: 100%;
  }
  .site-footer__logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-footer__logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__name {
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 30px;
    padding-top: 15px;
  }
  .site-footer__name > span > i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    font-weight: 500;
    display: block;
    width: 100%;
    line-height: 1;
  }
  .site-footer__branch-col {
    display: block;
    width: 100%;
  }
  .site-footer__btns {
    display: none;
  }
  .site-footer__sns {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-top: 35px;
  }
  .site-footer__sns > li {
    display: flex;
    align-items: center;
    width: auto;
  }
  .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: contain;
  }
  .site-footer__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .site-footer {
    position: relative;
    z-index: 9;
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
    background-color: var(--white);
    z-index: 10;
  }
  .site-footer__main {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .site-footer__company {
    display: block;
    width: calc(500/1100 * 100%);
  }
  .site-footer__logo {
    display: block;
    width: calc(240/500 * 100%);
  }
  .site-footer__logo > picture {
    display: block;
    width: 100%;
  }
  .site-footer__logo > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-footer__logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__name {
    display: flex;
    width: auto;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 30px;
    padding-top: 15px;
  }
  .site-footer__name > span {
    position: relative;
    width: auto;
  }
  .site-footer__name > span > i {
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 14px;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
  }
  .site-footer__branch {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
  }
  .site-footer__btns {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .site-footer__btns > a {
    width: 214px;
  }
  .site-footer__sns {
    display: flex;
    align-items: center;
    width: auto;
    margin-top: 30px;
  }
  .site-footer__sns > li {
    display: flex;
    align-items: center;
    width: auto;
  }
  .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: contain;
  }
  .site-footer__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__nav {
    display: block;
    width: calc(475/1100 * 100%);
  }
}
@media screen and (max-width:1024px) {
  .scroll-top {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .scroll-top {
    position: absolute;
    bottom: 0;
    right: -80px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    height: 160px;
    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(--font-color);
    transform: rotate(-45deg);
    transform-origin: top;
  }
  .scroll-top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--font-color);
  }
  .scroll-top > span {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 20px;
    width: 20px;
    font-family: var(--futura);
    font-weight: 300;
    word-break: keep-all;
    writing-mode: vertical-rl;
  }
}
/*branch*/
@media screen and (max-width:767px) {
  .site-footer__branch {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
  }
  .site-footer__branch-col {
    display: block;
    width: 100%;
  }
  .site-footer__branch-col:nth-child(2) {
    margin-top: 25px;
  }
  .site-footer__branch-name {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
  }
  .site-footer__branch-name > span {
    font-size: 12px;
    color: #DB2200;
  }
  .site-footer__branch-address {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
  }
  .site-footer__branch-tel {
    display: flex;
    align-items: baseline;
    width: auto;
    font-family: var(--futura);
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
  }
  .site-footer__branch-tel > a {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--font-color);
    margin-left: 10px;
  }
  .site-footer__branch-tel > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .site-footer__branch {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-top: 40px;
  }
  .site-footer__branch-col {
    display: block;
    width: auto;
  }
  .site-footer__branch-col:nth-child(1) {
    padding-right: calc(20/500 * 100%);
  }
  .site-footer__branch-col:nth-child(2) {
    padding-left: calc(20/500 * 100%);
    border-left: 1px solid var(--font-color);
  }
  .site-footer__branch-name {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
  }
  .site-footer__branch-name > span {
    font-size: 12px;
    color: #DB2200;
  }
  .site-footer__branch-address {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
  }
  .site-footer__branch-tel {
    display: flex;
    align-items: baseline;
    width: auto;
    font-family: var(--futura);
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
  }
  .site-footer__branch-tel > a {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--font-color);
    margin-left: 10px;
  }
  .site-footer__branch-tel > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .site-footer__branch-col {
    display: block;
    width: 50%;
  }
  .site-footer__branch-col:nth-child(1) {
    padding-right: calc(20/500 * 100%);
  }
  .site-footer__branch-col:nth-child(2) {
    padding-left: calc(20/500 * 100%);
    border-left: 1px solid var(--font-color);
  }
  .site-footer__branch-name {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
  }
  .site-footer__branch-name > span {
    font-size: 12px;
    color: #DB2200;
  }
  .site-footer__branch-address {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
  }
  .site-footer__branch-tel {
    display: flex;
    align-items: baseline;
    width: auto;
    font-family: var(--futura);
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
  }
  .site-footer__branch-tel > a {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--font-color);
    margin-left: 10px;
  }
  .site-footer__branch-tel > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*footer menu*/
@media screen and (max-width:767px) {
  .site-footer__nav {
    display: block;
    width: 100%;
    margin-top: 70px;
    padding-bottom: 40px;
  }
  .site-footer__nav-tigger {
    position: relative;
    display: block;
    width: 52px;
    font-family: var(--futura);
    color: var(--font-color);
    font-weight: 500;
    line-height: 1;
    margin: 0 auto 0 auto;
    padding-bottom: 18px;
  }
  .site-footer__nav-tigger::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    display: block;
    width: 20px;
    height: 8px;
    background-image: url(./assets/images/icon-footernav.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s ease;
  }
  .site-footer__nav-tigger.active::after {
    transform: translateX(-50%) rotate(0);
  }
  .site-footer__menu-wrap {
    display: none;
    width: 100%;
    padding: 0 30px;
    margin-top: 30px;
  }
  .site-footer__menu-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .site-footer__menu-col {
    display: block;
    width: 100%;
  }
  .site-footer__menu-col:nth-child(2) {
    margin-top: 50px;
  }
  .site-footer__menu-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
  }
  .site-footer__menu-box:nth-child(n+2) {
    margin-top: 50px;
  }
  .site-footer__menu-title {
    display: block;
    width: auto;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #ACACAC;
  }
  .site-footer__menu-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 30px;
    padding-left: 10px;
  }
  .site-footer__menu-list > li {
    display: flex;
    align-items: flex-start;
    width: auto;
  }
  .site-footer__menu-list > li + li {
    margin-top: 15px;
  }
  .site-footer__menu-list > li > a {
    width: auto;
    font-family: var(--yumincho);
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 500;
    color: var(--font-color);
  }
  .site-footer__menu-list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .site-footer__nav {
    display: block;
    width: 100%;
    margin-top: 70px;
    padding-bottom: 40px;
  }
  .site-footer__nav-tigger {
    position: relative;
    display: block;
    width: 52px;
    font-family: var(--futura);
    color: var(--font-color);
    font-weight: 500;
    line-height: 1;
    margin: 0 auto 0 auto;
    padding-bottom: 18px;
  }
  .site-footer__nav-tigger::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    display: block;
    width: 20px;
    height: 8px;
    background-image: url(./assets/images/icon-footernav.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s ease;
  }
  .site-footer__nav-tigger.active::after {
    transform: translateX(-50%) rotate(0);
  }
  .site-footer__menu-wrap {
    display: none;
    width: 100%;
    padding: 0 30px;
    margin-top: 30px;
  }
  .site-footer__menu-inner {
    display: flex;
    justify-content: space-between;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
  }
  .site-footer__menu-col {
    display: block;
    width: auto;
  }
  .site-footer__menu-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
  }
  .site-footer__menu-box:nth-child(n+2) {
    margin-top: 50px;
  }
  .site-footer__menu-title {
    display: block;
    width: auto;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #ACACAC;
  }
  .site-footer__menu-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 20px;
  }
  .site-footer__menu-list > li {
    display: flex;
    align-items: flex-start;
    width: auto;
  }
  .site-footer__menu-list > li + li {
    margin-top: 20px;
  }
  .site-footer__menu-list > li > a {
    width: auto;
    font-family: var(--yumincho);
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 500;
    color: var(--font-color);
  }
  .site-footer__menu-list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .site-footer__nav-tigger {
    display: none;
  }
  .site-footer__menu-wrap {
    display: block;
    width: 100%;
  }
  .site-footer__menu-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .site-footer__menu-col {
    display: block;
    width: auto;
  }
  .site-footer__menu-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
  }
  .site-footer__menu-box:nth-child(n+2) {
    margin-top: 50px;
  }
  .site-footer__menu-title {
    display: block;
    width: auto;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #ACACAC;
  }
  .site-footer__menu-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 20px;
  }
  .site-footer__menu-list > li {
    display: flex;
    align-items: flex-start;
    width: auto;
  }
  .site-footer__menu-list > li + li {
    margin-top: 20px;
  }
  .site-footer__menu-list > li > a {
    width: auto;
    font-family: var(--yumincho);
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 500;
    color: var(--font-color);
  }
  .site-footer__menu-list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*footer info*/
@media screen and (max-width:1024px) {
  .site-footer__info {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .site-footer__info {
    display: block;
    width: 100%;
    padding: 90px 0 50px 0;
  }
  .site-footer__info-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .site-footer__info-menu > li {
    display: block;
    width: auto;
    height: 15px;
  }
  .site-footer__info-menu > li:nth-child(1) {
    padding-right: 13.5px;
    border-right: 1px solid var(--font-color);
  }
  .site-footer__info-menu > li:nth-child(2) {
    padding-left: 13.5px;
  }
  .site-footer__info-menu > li > a {
    display: block;
    width: auto;
    color: var(--font-color);
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
  }
  .site-footer__info-menu > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*rights*/
@media screen and (min-width:0px) {
  .site-footer__rights {
    display: block;
    width: 100%;
    height: 60px;
    background-color: #222222;
  }
  .site-footer__rights-txt {
    display: block;
    width: 100%;
    line-height: 60px;
    color: var(--white);
    text-align: center;
    font-size: 12px;
    font-family: var(--futura);
    font-weight: 500;
  }
}
@media screen and (max-width:1024px) {
  .site-footer__rights {
    height: 110px;
  }
  .site-footer__rights-txt {
    font-size: 10px;
  }
}
/*
Main - main
--------------------------------------------- */
@media screen and (min-width:0px) {
  .main {
    display: block;
    width: 100%;
  }
}
/*
PAGE - mv
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-mv {
    display: block;
    width: 100%;
  }
  .page-mv__figure {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
  .page-mv__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .page-mv {
    display: block;
    width: 100%;
  }
  .page-mv__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    overflow: hidden;
  }
  .page-mv__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:1025px) {
  .page-mv {
    display: block;
    width: 100%;
  }
  .page-mv__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    overflow: hidden;
  }
  .page-mv__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/*
PAGE - Breadcrumb
--------------------------------------------- */
@media screen and (min-width: 0px) {
  .breadcrumb-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
  }
  .gi-breadcrumbs {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .gi-breadcrumbs__list {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }
  .gi-breadcrumbs__list > li {
    display: block;
    width: auto;
    line-height:20px;
    color:#818D91;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .gi-breadcrumbs__list > li:not(:first-child){
    position: relative;
    padding-left: 12px;
  }
  .gi-breadcrumbs__list > li:not(:first-child)::before{
    content: ">";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 14px;
    line-height:20px;
    color:#818D91;
    font-weight: 500;
  }
  .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: 14px;
    line-height:20px;
    color:#818D91;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .gi-breadcrumbs__item:last-child > .gi-breadcrumbs__link > span {
    color: #818D91;
  }
  .gi-breadcrumbs__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (max-width:767px) {
  .breadcrumb-wrapper {
    padding: 10px 0;
    margin-top: 180px;
  }
  .gi-breadcrumbs__list > li:not(:first-child)::before{
    font-size: 10px;
    line-height:20px;
    left: 2px;
  }
  .gi-breadcrumbs__list > li:not(:first-child){
    padding-left: 15px;
  }
  .gi-breadcrumbs__link,
  .gi-breadcrumbs__link span {
    font-size: 12px;
    line-height:20px;
  }
}
/*
PAGE - content wrap
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-contents {
    display: block;
    width: 100%;
    padding: 50px 0 0 0;
  }
}
@media screen and (min-width:768px) {
  .page-contents {
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
  }
}
/*
PAGE - title
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 50px;
  }
  .page-title > span:nth-child(1) {
    font-family: var(--yumincho);
    font-size: 26px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
  }
  .page-title > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    font-family: var(--futura);
    margin-top: 10px;
    text-align: center;
  }
  .page-title > small {
    font-family: var(--noto-sans);
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    font-weight: 500;
  }
}
@media screen and (min-width:768px) {
  .page-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 80px;
  }
  .page-title > span:nth-child(1) {
    font-family: var(--yumincho);
    font-size: 38px;
    line-height: 52px;
    font-weight: 500;
    text-align: center;
  }
  .page-title > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    font-family: var(--futura);
    margin-top: 10px;
    text-align: center;
  }
  .page-title > small {
    font-family: var(--noto-sans);
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    font-weight: 500;
  }
}
/*
PAGE - 404
--------------------------------------------- */
@media screen and (max-width:767px) {
  .not-found {
    display: block;
    width: 100%;
  }
  .not-found__body {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .not-found__header {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 38px;
    font-family: var(--yumincho);
    text-align: center;
  }
  .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: 40px;
  }
  .not-found__btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
}
@media screen and (min-width:768px) {
  .not-found {
    display: block;
    width: 100%;
  }
  .not-found__body {
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
  }
  .not-found__header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    line-height: 50px;
    font-family: var(--yumincho);
    text-align: center;
  }
  .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: 40px;
  }
  .not-found__btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
}
/*
PAGE - home
--------------------------------------------- */
/*auto loader*/
@media screen and (min-width:0px) {
  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes hiddenOut {
    0% {
      visibility: visible;
    }
    100% {
      visibility: hidden;
    }
  }
  .site-loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: block;
    width: 100%;
    height: 100vh;
    background-color: var(--font-color);
    animation-name: hiddenOut;
    animation-duration: 1.2s;
    animation-fill-mode: both;
  }
  .site-loader__content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
  }
  .site-loader__logo {
    display: block;
    width: 145px;
    animation-name: fade-out;
    animation-duration: 1.2s;
    animation-fill-mode: both;
  }
  .site-loader__logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width:768px) {
  .site-loader__logo {
    width: 100px;
  }
}
/*sroll*/
@media screen and (max-width:1024px) {
  .home-mv__scroll {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .home-mv__scroll {
    position: absolute;
    bottom: 0;
    left: 15px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 20px;
    height: 325px;
    z-index: 99;
  }
  .home-mv__scroll > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    font-size: 14px;
    font-family: var(--futura);
    color: var(--white);
    font-weight: 500;
    writing-mode: vertical-lr;
    line-height: 1;
  }
  .home-mv__scroll::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1px;
    height: 250px;
    background-color: var(--white);
  }
}
/*mv*/
@media screen and (max-width:767px) {
  .home-mv {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    background-color: var(--white);
  }
  .home-mv.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .home-mv.fixed + main {
    padding-top: calc(100vh - 20px);
  }
  /*slide images*/
  .main-visual__wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    z-index: 1;
  }
  .home-mv__slogan {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 600px;
  }
  .home-mv__slogan-txt {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 600;
    color: var(--white);
    line-height: 30px;
    text-align: center;
    padding-top: 95px;
  }
  .home-mv__slogan-txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 50px;
    height: 70px;
    background-image: url(./assets/images/logo-tate-w.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .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);
  }
  .home-mv.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .home-mv.fixed + main {
    padding-top: calc(600px - 20px);
  }
  /*slide images*/
  .main-visual__wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 600px;
    z-index: 1;
  }
  .home-mv__slogan {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 600px;
  }
  .home-mv__slogan-txt {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 30px;
    font-weight: 600;
    color: var(--white);
    line-height: 50px;
    text-align: center;
    padding-top: 100px;
  }
  .home-mv__slogan-txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 70px;
    height: 98px;
    background-image: url(./assets/images/logo-tate-w.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .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: calc(100vh - 50px);
    background-color: var(--white);
  }
  .home-mv.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .home-mv.fixed + main {
    padding-top: calc(100vh - 50px);
  }
  /*slide images*/
  .main-visual__wrap {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 50px);
    z-index: 1;
  }
  .home-mv__slogan {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100vh - 50px);
  }
  .home-mv__slogan-txt {
    display: block;
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    font-size: 40px;
    font-weight: 600;
    color: var(--white);
    line-height: 60px;
  }
  .home-mv__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 50px);
    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%;
    height: calc(100vh - 20px);
    background-color: var(--white);
  }
  .home-mv__slide.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .home-mv__slide.fixed + main {
    padding-top: calc(100vh - 20px);
  }
  .home-mv__slide::before {
    content: "";
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 70px;
    height: 98px;
    background-image: url(./assets/images/logo-tate-w.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 3;
  }
  .home-slide-mv {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 20px);
    background-color: var(--white);
  }
  .main-slider {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 20px);
    background-color: var(--white);
    padding-bottom: 30px;
  }
  /*slide*/
  .main-slider .swiper-wrapper,
  .main-slider .swiper-wrapper > .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .slide-wrapper {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-mv__copy {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100vh - 50px);
  }
  .home-mv__copy-txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 600;
    color: var(--white);
    line-height: 30px;
    text-align: center;
    padding-top: 110px;
  }
  .main-slider__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 50px);
    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%;
  }
  .main-slider .swiper-pagination-bullet {
    /* display: block;
    width: 7px;
    height: 7px;
    border-radius: 6px; */
    display:none;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: var(--font-color);
    opacity: .3;
    /* margin: 0 3px !important; */
    margin: 0 6px !important;
  }
  .main-slider .swiper-pagination-bullet-active {
    background-color: var(--font-color);
    opacity: 1;
  }
}
@media screen and (max-width:359px) {
  .home-mv__slide::before {
    top: 160px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-mv__slide {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .home-mv__slide.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .home-mv__slide.fixed + main {
    padding-top: calc(600px - 20px);
  }
  .home-mv__slide::before {
    content: "";
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 70px;
    height: 98px;
    background-image: url(./assets/images/logo-tate-w.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 3;
  }
  .home-slide-mv {
    position: relative;
    display: block;
    width: 100%;
    height: 650px;
    background-color: var(--white);
  }
  .main-slider {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding-bottom: 40px;
  }
  /*slide*/
  .main-slider .swiper-wrapper,
  .main-slider .swiper-wrapper > .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .slide-wrapper {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-mv__copy {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 600px;
  }
  .home-mv__copy-txt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 30px;
    font-weight: 600;
    color: var(--white);
    line-height: 50px;
    text-align: center;
    padding-top: 100px;
  }
  .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: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

  }
  .main-slider .swiper-pagination-bullet {
    display: block;
    /* width: 8px;
    height: 8px;
    border-radius: 6px; */
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: var(--font-color);
    opacity: .3;
    margin: 0 5px !important;
  }
  .main-slider .swiper-pagination-bullet-active {
    background-color: var(--font-color);
    opacity: 1;
  }
}
@media screen and (min-width:1025px) {
  .home-mv__slide {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .home-mv__slide.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .home-mv__slide.fixed + main {
    padding-top: calc(100vh - 50px);
  }
  .home-slide-mv {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100vh - 90px);
    background-color: var(--white);
  }
  .main-slider {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding-bottom: 40px;
  }
  /*slide*/
  .main-slider .swiper-wrapper,
  .main-slider .swiper-wrapper > .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .slide-wrapper {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-mv__copy {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100vh - 50px);
  }
  .home-mv__copy-txt {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    font-size: 40px;
    font-weight: 300;
    color: var(--white);
    line-height: 60px;
  }
  .main-slider__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 90px);
    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 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: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

  }
  .main-slider .swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 6px;
    background-color: var(--font-color);
    opacity: .3;
    margin: 0 5px !important;
  }
  .main-slider .swiper-pagination-bullet-active {
    background-color: var(--font-color);
    opacity: 1;
  }
}
/*home - about*/
@media screen and (max-width:767px) {
  .home-about {
    position: relative;
    z-index: 10;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 105px 0 80px 0;
  }
  .home-about__header {
    display: flex;
    flex-direction: row-reverse;
    width: auto;
  }
  .home-about__header > span {
    display: block;
    width: 40px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2rem;
    line-height: 1.2;
    text-align: center;
  }
  .home-about__header > span:nth-child(1)::first-letter {
    font-size: 38px;
    color: #DB2200;
    margin-top: 5px;
  }
  .home-about__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    margin-top: 60px;
  }
  .home-about__content > p {
    display: flex;
    flex-direction: row-reverse;
    width: auto;
    height: 100%;
  }
  .home-about__content > p > span {
    display: block;
    width: 15px;
    font-weight: 500;
    letter-spacing: 0.2rem;
    line-height: 1.2;
    writing-mode:vertical-rl;
    white-space: pre;
  }
  .home-about__content > p > span:not(:last-child) {
    margin-left: 20px;
  }
  /*
  .home-about__content > p > span > i {
    display: inline-block;
    transform: rotate(90deg);
  }*/
  .home-about__btns {
    display: flex;
    justify-content: center;
    width: auto;
    margin-top: 60px;
  }
  .home-about__btns > a {
    width: 230px;
  }
  .home-about__figure {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .home-about__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .home-about {
    position: relative;
    z-index: 10;
    background-color: var(--white);
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-height: 664px;
    padding: 60px 0 100px 0;
  }
  .home-about__header {
    order: 3;
    display: flex;
    flex-direction: row-reverse;
    width: auto;
    height: 100%;
    margin-left: min(115px, calc(115/1366 * 100%));
    padding-top: 20px;
  }
  .home-about__header > span {
    display: block;
    width: 40px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.2rem;
    line-height: 1.2;
    text-align: center;
  }
  .home-about__header > span:nth-child(1)::first-letter {
    font-size: 38px;
    color: #DB2200;
    margin-top: 5px;
  }
  .home-about__header > span:nth-child(2) {
    margin-right: 10px;
  }
  .home-about__content {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    margin-left: min(115px, calc(115/1366 * 100%));
    padding-top: 20px;
  }
  .home-about__content > p {
    display: flex;
    flex-direction: row-reverse;
    width: auto;
    height: 100%;
  }
  .home-about__content > p > span {
    display: block;
    width: 15px;
    font-weight: 500;
    letter-spacing: 0.2rem;
    line-height: 1.2;
    writing-mode:vertical-rl;
  }
  .home-about__content > p > span:not(:last-child) {
    margin-left: 30px;
  }
  /*
  .home-about__content > p > span > i {
    display: inline-block;
    transform: rotate(90deg);
  }*/
  .home-about__btns {
    display: flex;
    justify-content: center;
    width: auto;
    margin-top: 80px;
  }
  .home-about__btns > a {
    width: 230px;
  }
  .home-about__figure {
    order: 1;
    display: block;
    width: calc(495/1366 * 100%);
  }
  .home-about__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-about__btns {
    margin-top: 50px;
  }
}
/*home - reason*/
@media screen and (max-width:767px) {
  .home-reason {
    position: relative;
    z-index: 10;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .home-reason > .container {
    padding: 0 0;
  }
  .home-reason__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 30px;
  }
  .home-reason__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
  }
  .home-reason__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-reason__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 70px;
    padding: 0 30px;
    text-align: justify;
    word-break: break-all;
  }
  .home-reason__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 90px;
  }
  .home-reason__box {
    position: relative;
    width: calc(100% - 30px);
  }
  .home-reason__box + .home-reason__box {
    margin-top: 90px;
  }
  .home-reason__box:nth-child(odd) {
    padding-left: 58px;
    margin-left: auto;
  }
  .home-reason__box:nth-child(even) {
    padding-right: 58px;
  }

  .home-reason__box-title {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: row-reverse;
    width: auto;
  }
  .home-reason__box:nth-child(odd) > .home-reason__box-title {
    left: 0;
  }
  .home-reason__box:nth-child(even) > .home-reason__box-title {
    right: 0;
  }
  .home-reason__box-title > span {
    display: block;
    width: 26px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 26px;
  }
  .home-reason__box-figure {
    display: block;
    width: 100%;
  }
  .home-reason__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-reason__box-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .home-reason__box:nth-child(odd) > .home-reason__box-txt {
    padding-right: 30px;
  }
  .home-reason__box:nth-child(even) > .home-reason__box-txt {
    padding-left: 30px;
  }
  .home-reason__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 100px;
  }
  .home-reason__btns > a {
    width: 198px;
  }
}
@media screen and (min-width:768px) {
  .home-reason {
    position: relative;
    z-index: 10;
    padding: 140px 0;
    background-color: #F7F7F7;
  }
  .home-reason__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-reason__header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    line-height: 52px;
  }
  .home-reason__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-reason__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    text-align: center;
    line-height: 30px;
    font-weight: 500;
    margin-top: 60px;
  }
  .home-reason__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 90px;
  }
  .home-reason__box {
    position: relative;
    margin-right: calc(34/1100 * 100%);
  }
  .home-reason__box:not(:first-child) {
    display: block;
    width: calc(353/1100 * 100%);
    padding-left: 66px;
  }
  .home-reason__box:first-child {
    display: block;
    width: calc(326/1100 * 100%);
    padding-left: 39px;
  }
  .home-reason__box:nth-child(3n),
  .home-reason__box:last-child {
    margin-right: 0;
  }
  .home-reason__box:nth-child(n+4) {
    margin-top: 80px;
  }
  .home-reason__box-title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row-reverse;
    width: auto;
  }
  .home-reason__box-title > span {
    display: block;
    width: 26px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    line-height: 26px;
  }
  .home-reason__box-figure {
    display: block;
    width: 100%;
  }
  .home-reason__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-reason__box-txt {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 27.2px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 35px;
  }
  .home-reason__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 106px;
  }
  .home-reason__btns > a {
    width: 198px;
  }
}
/*home - lifestyle*/
@media screen and (max-width:767px) {
  .parallaxbg {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    background-image: url(./assets/images/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
  }
  .home-lifestyle {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: transparent;
  }
  .home-lifestyle__body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 680px;
    margin: 0 auto 0 auto;
    padding-bottom: 70px;
  }
  .home-lifestyle__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 335px;
    width: 100%;
    height: 405px;
    background-color: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,16%);
  }
  .home-lifestyle__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-lifestyle__header > span:nth-child(1) {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
  }
  .home-lifestyle__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-lifestyle__txt {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-weight: 500;
    margin-top: 50px;
  }
  .home-lifestyle__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-lifestyle__btns > a {
    max-width: 292px;
    width: calc(100% - 20px);
  }
}
@media screen and (min-width:768px) {
  .parallaxbg {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    background-image: url(./assets/images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
  }
  .home-lifestyle {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    height: 470px;
    background-color: transparent;
  }
  .home-lifestyle__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .home-lifestyle__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 365px;
    height: 410px;
    background-color: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,16%);
  }
  .home-lifestyle__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-lifestyle__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-lifestyle__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-lifestyle__txt {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-weight: 500;
    margin-top: 50px;
  }
  .home-lifestyle__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-lifestyle__btns > a {
    width: 292px;
  }
}
/*home-works*/
@media screen and (max-width:767px) {
  .home-works {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 100px 0 130px;
  }
  .home-works > .container {
    padding: 0 10px;
  }
  .home-works__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-works__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 52px;
  }
  .home-works__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-works__wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 70px;
  }
  .home-works__item {
    display: block;
    width: calc(50% - 5px);
    padding: 10px;
    background-color: #EFEFEF;
  }
  .home-works__item:nth-child(n+3) {
    margin-top: 10px;
  }
  .home-works__figure {
    display: block;
    width: 100%;
  }
  .home-works__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-works__figure:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-works__taxo {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    margin: -5px 0 0 0;
  }
  .home-works__taxo-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 16px;
    background-color: var(--font-color);
    color: var(--white);
    font-size: 10px;
    line-height: 1;
    font-family: var(--gothic);
    padding: 0 10px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .home-works__taxo-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-works__item-customer {
    display: block;
    width: 100%;
    font-size: 14px;
    color: var(--font-color);
    line-height: 18.2px;
    font-weight: 500;
    margin-top: 5px;
  }
  .home-works__item-customer > span:nth-child(n+2) {
    padding-left: 5px;
  }
  .home-works__item-title {
    position: relative;
    display: -webkit-box;
    width: 100%;
    font-size: 14px;
    line-height: 18.2px;
    color: var(--font-color);
    font-weight: 500;
    margin-top: 5px;
    padding: 10px 5px;
    background-color: var(--white);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: justify;
  }
  .home-works__item-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 10px;
    background-color: var(--white);
  }
  .home-works__item-customer:hover,
  .home-works__item-title:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-works__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .home-works__btns > a {
    width: 214px;
  }
}
@media screen and (min-width:768px) {
  .home-works {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 100px 0;
  }
  .home-works__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-works__header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    line-height: 52px;
  }
  .home-works__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-works__wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: calc(20/1100 * 100%);
    width: 100%;
    margin-top: 60px;
  }
  .home-works__item {
    display: block;
    width: 100%;
    padding: calc(15/260 * 100%);
    background-color: #EFEFEF;
  }
  .home-works__figure {
    display: block;
    width: 100%;
  }
  .home-works__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-works__figure:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-works__taxo {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: calc(100% + 5px);
    margin: -5px 0 0 0;
  }
  .home-works__taxo-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 18px;
    background-color: var(--font-color);
    color: var(--white);
    font-size: 12px;
    /*line-height: 1;*/
    font-family: var(--gothic);
    padding: 0 15px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .home-works__taxo-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-works__item-customer {
    display: block;
    width: 100%;
    color: var(--font-color);
    line-height: 24px;
    font-weight: 500;
    margin-top: 5px;
  }
  .home-works__item-customer > span:nth-child(n+2) {
    padding-left: 10px;
  }
  .home-works__item-title {
    position: relative;
    display: -webkit-box;
    width: 100%;
    color: var(--font-color);
    font-weight: 500;
    margin-top: 5px;
    padding: 10px 5px;
    background-color: var(--white);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: justify;
    word-break: break-all;
  }
  .home-works__item-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 10px;
    background-color: var(--white);
  }
  .home-works__item-customer:hover,
  .home-works__item-title:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-works__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .home-works__btns > a {
    width: 214px;
  }
}
/*home-passive*/
@media screen and (max-width:767px) {
  .home-passive {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 190px 0 100px;
    background-color: #EFEFEF;
  }
  .home-passive__figure {
    position: absolute;
    /*top: -60px;*/
    right: 0;
    display: block;
    width: calc(330/375 * 100%);
    pointer-events: none;
  }
  .home-passive__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-passive__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .home-passive__content {
    display: block;
    width: 100%;
  }
  .home-passive__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-passive__header > span:nth-child(1) {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
  }
  .home-passive__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
    color: #DB2200;
  }
  .home-passive__txt {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 32px;
    font-weight: 500;
    margin-top: 50px;
  }
  .home-passive__links {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 70px;
  }
  .home-passive__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 260px;
    width: 100%;
  }
  .home-passive__link + .home-passive__link {
    margin-top: 30px;
  }
  .home-passive__link::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border: 1px solid var(--white);
    background-color: rgba(0,0,0,60%);
    transition: all 0.3s ease;
  }
  .home-passive__link:hover::after {
    background-color: rgba(0,0,0,30%);
  }
  .home-passive__link-content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  .home-passive__link-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--white);
  }
  .home-passive__link-title > span:nth-child(1) {
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
  }
  .home-passive__link-title > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-passive__link-icon {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(./assets/images/icon-btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 35px;
  }
  .home-passive__link-bg {
    display: block;
    width: 100%;
  }
  .home-passive__link-bg > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .home-passive {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #EFEFEF;
  }
  .home-passive__figure {
    position: absolute;
    /*top: -75px;*/
    right: 0;
    display: block;
    width: min(785px,calc(785/1336 * 100%));
    pointer-events: none;
  }
  .home-passive__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-passive__body {
    display: block;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
  }
  .home-passive__content {
    display: block;
    width: 290px;
    margin-left: 15px;
  }
  .home-passive__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-passive__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-passive__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
    color: #DB2200;
  }
  .home-passive__txt {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 32px;
    font-weight: 500;
    margin-top: 55px;
  }
  .home-passive__links {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(40/980 * 100%);
    width: 100%;
    margin-top: 100px;
  }
  .home-passive__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .home-passive__link::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border: 1px solid var(--white);
    background-color: rgba(0,0,0,60%);
    transition: all 0.3s ease;
  }
  .home-passive__link:hover::after {
    background-color: rgba(0,0,0,30%);
  }
  .home-passive__link-content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  .home-passive__link-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--white);
  }
  .home-passive__link-title > span:nth-child(1) {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
  }
  .home-passive__link-title > span:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-passive__link-icon {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(./assets/images/icon-btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 50px;
  }
  .home-passive__link-bg {
    display: block;
    width: 100%;
  }
  .home-passive__link-bg > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*home-renovation*/
@media screen and (max-width:767px) {
  .home-renovation {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .home-renovation > .container {
    padding: 0 0;
  }
  .home-renovation__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
  }
  .home-renovation__content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 0 30px;
  }
  .home-renovation__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-renovation__header > span:nth-child(1) {
    font-size: 26px;
    font-weight: 500;
    line-height: 31.8px;
    text-align: center;
  }
  .home-renovation__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-renovation__txt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .home-renovation__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 40px 0 70px;
  }
  .home-renovation__btns > a {
    width: 198px;
  }
  .home-renovation__figure {
    display: block;
    width: 100%;
  }
  .home-renovation__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width:359px) {
  .home-renovation__txt {
    margin-top: 25px;
  }
  .home-renovation__txt {
    font-size: 15px;
    line-height: 24px;
  }
  .home-renovation__btns {
    margin: 20px 0 40px;
  }
}
@media screen and (min-width:768px) {
  .home-renovation {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 60px 0;
  }
  .home-renovation__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
  }
  .home-renovation__content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
  }
  .home-renovation__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-renovation__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-renovation__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-renovation__txt {
    display: block;
    max-width: 740px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.2px;
    text-align: center;
    margin-top: 50px;
    padding: 0 20px;
  }
  .home-renovation__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 40px 0 20px;
  }
  .home-renovation__btns > a {
    width: 198px;
  }
  .home-renovation__figure {
    display: block;
    width: 100%;
  }
  .home-renovation__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-renovation__txt {
    margin-top: 20px;
  }
  .home-renovation__txt {
    font-size: 15px;
    line-height: 24px;
  }
  .home-renovation__btns {
    margin: 15px 0 10px;
  }
}
/*home-event*/
@media screen and (max-width:767px) {
  .home-event {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 100px 0;
  }
  .home-event__body {
    display: block;
    max-width: 890px;
    width: 100%;
    margin: 0 auto;
  }
  .home-event__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-event__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
  }
  .home-event__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
    color: #DB2200;
  }
  .home-event__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 70px;
  }
  .home-event__item {
    position: relative;
    display: block;
    max-width: 260px;
    width: 100%;
  }
  .home-event__item + .home-event__item {
    margin-top: 30px;
  }
  .home-event__item-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 23px;
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .home-event__item-badge.new {
    font-family: var(--futura);
    background-color: #DBCA00;
    font-size: 13px;
  }
  .home-event__item-badge.finished {
    font-family: var(--yumincho);
    background-color: var(--font-color);
    font-size: 13px;
  }
  .home-event__item-figure {
    display: block;
    width: 100%;
  }
  .home-event__item-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-event__item-time {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--futura);
    color: #ACACAC;
    margin-top: 12px;
    padding: 0 5px;
  }
  .home-event__item-title {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    margin-top: 12px;
    padding: 0 5px;
  }
  .home-event_btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-event_btns > a {
    width: 214px;
  }
}
@media screen and (min-width:768px) {
  .home-event {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 60px 0 77px;
  }
  .home-event__body {
    display: block;
    max-width: 890px;
    width: 100%;
    margin: 0 auto;
  }
  .home-event__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-event__header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-event__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
    color: #DB2200;
  }
  .home-event__wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(40/980 * 100%);
    width: 100%;
    margin-top: 50px;
  }
  .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: 59px;
    height: 35px;
    color: var(--white);
    /*line-height: 1;*/
    font-weight: 500;
  }
  .home-event__item-badge.new {
    font-family: var(--futura);
    background-color: #DBCA00;
    font-size: 16px;
  }
  .home-event__item-badge.finished {
    font-family: var(--yumincho);
    background-color: var(--font-color);
    font-size: 17px;
  }
  .home-event__item-figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 270 / 195;
    overflow: hidden;
  }
  .home-event__item-figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home-event__item-time {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--futura);
    color: #ACACAC;
    margin-top: 12px;
    padding: 0 5px;
  }
  .home-event__item-title {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    margin-top: 12px;
    padding: 0 5px;
  }
  .home-event_btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 70px;
  }
  .home-event_btns > a {
    width: 214px;
  }
}
/*home-voice*/
@media screen and (max-width:767px) {
  .home-voice {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 160px 0 70px 0;
    background-color: #F7F7F7;
  }
  .home-voice >.container {
    padding: 0 10px;
  }
  .home-voice__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 70px;
  }
  .home-voice__slide {
    position: relative;
    display: block;
    max-width: 290px;
    width: 100%;
    margin: 0 0 0 20px;
    padding-right:20px;
  }
  .home-voice__slide::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: block;
    width: 20px;
    height: 100%;
    background-color: #F7F7F7;
  }
  .home-voice__slide .swiper-wrapper {
    width: 100%;
  }
  .home-voice__slide .swiper-slide {
    width: 100%;
  }
  .home-voice__slide-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-voice__slide-figure {
    display: block;
    width: 100%;
  }
  .home-voice__slide-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-voice__slide .swiper-pagination {
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: initial;
    left: auto;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    width: 8px;
  }
  .home-voice__slide .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ACACAC;
    opacity: 1;
    border-radius: 0;
  }
  .home-voice__slide .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-top: 15px;
  }
  .home-voice__slide .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #DB2200;
  }
  .home-voice__slide-content {
    display: block;
    width: 100%;
    margin-top: 65px;
  }
  .home-voice__slide-header {
    position: absolute;
    top: 100px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-voice__slide-header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
  }
  .home-voice__slide-header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-voice__slidetext-wrap {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
  }
  .home-voice__slidetext-wrap::before,
  .home-voice__slidetext-wrap::after {
    content: "";
    position: absolute;
    top: -25px;
    display: block;
    width: 24px;
    height: 50px;
    z-index: 99;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .home-voice__slidetext-wrap::before {
    left: -30px;
    background-image: url(./assets/images/icon-sd-colon.png);
  }
  .home-voice__slidetext-wrap::after {
    right: -30px;
    background-image: url(./assets/images/icon-ed-colon.png);
  }
  .home-voice__slidetext {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-voice__slidetext .swiper-wrapper {
    width: 100%;
  }
  .home-voice__slidetext .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    background-color: #F7F7F7;
  }

  .home-voice__slide-txt {
    position: relative;
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
  }
  /*
  .home-voice__slide-txt::before,
  .home-voice__slide-txt::after {
    content: "";
    position: absolute;
    top: -15px;
    display: block;
    width: 24px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .home-voice__slide-txt::before {
    left: -30px;
    background-image: url(./assets/images/icon-sd-colon.png);
  }
  .home-voice__slide-txt::after {
    right: -30px;
    background-image: url(./assets/images/icon-ed-colon.png);
  }*/
  .home-voice__slide-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-voice__slide-btn {
    position: relative;
    display: block;
    width: 150px;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .home-voice__slide-btn:hover {
    background-size: 100% 2px;
  }
}
@media screen and (min-width:768px) {
  .home-voice {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 72px 0;
    background-color: #F7F7F7;
  }
  .home-voice__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .home-voice__slide {
    position: relative;
    display: block;
    width: calc(450/1100 * 100%);
    margin-left: 50px;
    padding-right: 50px;
  }
  .home-voice__slide::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: block;
    width: 50px;
    height: 100%;
    background-color: #F7F7F7;
  }
  .home-voice__slide .swiper-wrapper {
    width: 100%;
  }
  .home-voice__slide .swiper-slide {
    width: 100%;
  }
  .home-voice__slide-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .home-voice__slide-figure {
    display: block;
    width: 100%;
  }
  .home-voice__slide-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-voice__slide .swiper-pagination {
    position: absolute;
    bottom: 0;
    z-index: 5;
    /*left: calc(calc(400/1100 * 100%) + 50px + 10px);*/
    left: auto;
    right: 35px;
    display: flex;
    flex-direction: column;
    width: 8px;
  }
  .home-voice__slide .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ACACAC;
    opacity: 1;
    border-radius: 0;
  }
  .home-voice__slide .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-top: 15px;
  }
  .home-voice__slide .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #DB2200;
  }
  /*content*/
  .home-voice__slide-content {
    display: block;
    width: calc(485/1100 * 100%);
    margin-right: 50px;
  }
  .home-voice__slide-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-voice__slide-header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-voice__slide-header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-voice__slidetext-wrap {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-voice__slidetext-wrap::before,
  .home-voice__slidetext-wrap::after {
    content: "";
    position: absolute;
    top: -25px;
    display: block;
    width: 24px;
    height: 50px;
    z-index: 99;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .home-voice__slidetext-wrap::before {
    left: -30px;
    background-image: url(./assets/images/icon-sd-colon.png);
  }
  .home-voice__slidetext-wrap::after {
    right: -30px;
    background-image: url(./assets/images/icon-ed-colon.png);
  }
  .home-voice__slidetext {
    position: relative;
    display: block;
    width: 100%;
    margin-top: clamp(2rem, 26.667vw - 16.222rem, 3.333rem);
  }
  .home-voice__slidetext .swiper-wrapper {
    width: 100%;
  }
  .home-voice__slidetext .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    background-color: #F7F7F7;
  }
  .home-voice__slide-txt {
    position: relative;
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .home-voice__slide-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: clamp(2.667rem, 40vw - 24.667rem, 4.667rem);
  }
  .home-voice__slide-btn {
    position: relative;
    display: block;
    width: 150px;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .home-voice__slide-btn:hover {
    background-size: 100% 2px;
  }

}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-voice__slide {
    width: calc(500/1100 * 100%);
    margin-left: 0;
    padding-right: 30px;
  }
  .home-voice__slide::after {
    width: 30px;
  }
  .home-voice__slide .swiper-pagination {
    width: 8px;
  }
}
/*home-contents*/
@media screen and (max-width:767px) {
  .home-contents {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .home-contents__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .home-contents__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-contents__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
  }
  .home-contents__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-contents__wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 15px;
    max-width: 300px;
    width: 100%;
    margin: 70px auto 0;
  }
  .home-contents__link {
    display: block;
    width: 100%;
  }
  .home-contents__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    overflow: hidden;
  }
  .home-contents__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: scale(1);
    transition: transform 0.3s ease;
  }
  .home-contents__link:hover img {
    transform: scale(1.25);
  }
  .home-contents__title {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(240/300 * 100%);
    height: 65px;
    margin: -25px 0 0 auto;
    background-color: var(--white);
    font-size: 18px;
    font-weight: 500;
    line-height: 21.6px;
    color: var(--font-color);
    text-align: center;
  }
}
@media screen and (max-width:359px) {
  .home-contents__figure {
    height: 112px;
  }
}
@media screen and (min-width:768px) {
  .home-contents {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .home-contents__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .home-contents__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-contents__header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-contents__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-contents__wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    column-gap: calc(50/1000 * 100%);
    row-gap: 20px;
    width: 100%;
    margin-top: 50px;
  }
  .home-contents__link {
    display: block;
    width: 100%;
  }
  .home-contents__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    overflow: hidden;
  }
  .home-contents__figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: scale(1);
    transition: transform 0.6s ease;
  }
  .home-contents__link:hover img {
    transform: scale(1.15);
  }
  .home-contents__title {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(240/300 * 100%);
    height: 65px;
    margin: -25px 0 0 auto;
    background-color: var(--white);
    font-size: 18px;
    font-weight: 500;
    line-height: 21.6px;
    color: var(--font-color);
    text-align: center;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-contents__figure {
    height: 87.36px;
  }
}
/*home-news*/
@media screen and (max-width:767px) {
  .home-news {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 40px 0 80px;
    background-image: url(./assets/images/home/news/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .home-news__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 10px;
  }
  .home-news__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--white);
  }
  .home-news__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
  }
  .home-news__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-news__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px 0 20px 20px;
    background-color: var(--white);
    margin-top: 30px;
  }
  .home-news__wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    transform: translateX(90%);
  }
  .home-news__items {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-news__items > li {
    display: block;
    width: 100%;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #EFEFEF;
  }
  .home-news__items > li + li {
    padding-top: 5px;
  }
  .home-news__item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-news__item:hover {
    transform: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-news__item-date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    color: #ACACAC;
    line-height: 1;
    letter-spacing: 0.1rem;
  }
  .home-news__item-title {
    display: -webkit-box;
    width: 100%;
    color: var(--font-color);
    font-weight: 500;
    line-height: 32px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 5px;
  }
  .home-news__btns {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }
  .home-news__btn {
    position: relative;
    z-index: 2;
    display: block;
    width: 77px;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .home-news__btn:hover {
    background-size: 100% 2px;
  }
}
@media screen and (min-width:768px) {
  .home-news {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 100px 0 140px;
    background-image: url(./assets/images/home/news/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .home-news__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .home-news__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(285/1100 * 100%);
    color: var(--white);
  }
  .home-news__header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-news__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-news__wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: calc(815/1100 * 100%);
    padding: 35px 0;
    background-color: var(--white);
  }
  .home-news__wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    transform: translateX(90%);
  }
  .home-news__items {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: calc(100% - 77px);
    padding: 0 calc(62/815 * 100%) 0 calc(46/815 * 100%);
  }
  .home-news__items > li {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #EFEFEF;
  }
  .home-news__items > li + li {
    padding-top: 15px;
  }
  .home-news__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
  }
  .home-news__item:hover {
    transform: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-news__item-date {
    display: block;
    width: 130px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    color: #ACACAC;
    /*line-height: 1;*/
    letter-spacing: 0.1rem;
  }
  .home-news__item-title {
    display: -webkit-box;
    width: calc(100% - 130px);
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .home-news__btns {
    position: relative;
    z-index: 2;
    display: block;
    width: 77px;
  }
  .home-news__btn {
    position: relative;
    z-index: 2;
    display: block;
    width: 77px;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .home-news__btn:hover {
    background-size: 100% 2px;
  }
}
/*home-column*/
@media screen and (max-width:767px) {
  .home-column {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 100px 0 70px;
    background-color: #EFEFEF;
  }
  .home-column__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .home-column__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-column__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
  }
  .home-column__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
    color: #DB2200;
  }
  .home-column__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-top: 50px;
  }
  .home-column__item {
    display: block;
    width: calc(50% - 5px);
    padding: 15px 5px;
    background-color: var(--white);
  }
  .home-column__item:nth-child(n+3){
    margin-top: 10px;
  }
  .home-column__item-link {
    display: block;
    width: 100%;
  }
  .home-column__item-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column__itme-figure {
    display: block;
    width: 100%;
  }
  .home-column__itme-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-column__item-title {
    display: -webkit-box;
    width: 100%;
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 15px;
  }
  .home-column__item-date {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .home-column__item-date > a {
    width: auto;
    font-size: 10px;
    line-height: 21px;
    font-weight: 500;
    color: #ACACAC;
    font-weight: 500;
    font-family: var(--futura);
  }
  .home-column__item-date > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-column__btns > a {
    width: 198px;
  }
}
@media screen and (min-width:768px) {
  .home-column {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #EFEFEF;
  }
  .home-column__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .home-column__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-column__header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-column__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
    color: #DB2200;
  }
  .home-column__items {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    column-gap: calc(26.666667/1000 * 100%);
    width: 100%;
    margin-top: 50px;
  }
  .home-column__item {
    display: block;
    width: 100%;
    padding: 20px 15px;
    background-color: var(--white);
  }
  .home-column__item-link {
    display: block;
    width: 100%;
  }
  .home-column__item-link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column__itme-figure {
    display: block;
    width: 100%;
  }
  .home-column__itme-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-column__item-title {
    display: -webkit-box;
    width: 100%;
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 15px;
  }
  .home-column__item-date {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .home-column__item-date > a {
    width: auto;
    font-size: 12px;
    font-weight: 500;
    color: #ACACAC;
    font-weight: 500;
    font-family: var(--futura);
  }
  .home-column__item-date > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-column__btns > a {
    width: 198px;
  }
}
/*home-company*/
@media screen and (max-width:767px) {
  .home-company {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding-bottom: 74px;
  }
  .home-company > .container {
    padding: 0 0;
  }
  .home-company__body {
    display: block;
    width: 100%;
  }
  .home-company__figure {
    display: block;
    width: 100%;
  }
  .home-company__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-company__content {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(290/375 * 100%);
    background-color: var(--white);
    margin: 50px auto 0;
  }
  .home-company__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-company__header > span:nth-child(1) {
    position: relative;
    display: block;
    width: auto;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    padding-top: 15px;
  }
  .home-company__header > span:nth-child(1) > i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    font-size: 10px;
    padding-left: 20px;
  }
  .home-company__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-company__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 25.5px;
    margin-top: 40px;
  }
  .home-company__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
    line-height: 32px;
  }
  .home-company__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .home-company__btns > a {
    width: 182px;
  }
  .home-company__sns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
  }
  .home-company__sns > li {
    display: block;
    width: 20px;
  }
  .home-company__sns > li + li {
    margin-left: 20px;
  }
  .home-company__sns > li > a {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .home-company__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .home-company {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    background-color: var(--white);
    background-image: linear-gradient(#EFEFEF,#EFEFEF);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 200px;
  }
  .home-company__body {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 200px;
  }
  .home-company__figure {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(754/1100 * 100%);
  }
  .home-company__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-company__content {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(415/1100 * 100%);
    padding: calc(40/1100 * 100%) calc(37/1100 * 100%) calc(50/1100 * 100%) calc(88/1100 * 100%);
    background-color: var(--white);
  }
  .home-company__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-company__header > span:nth-child(1) {
    position: relative;
    display: block;
    width: auto;
    font-size: 30px;
    font-weight: 500;
    /*line-height: 1;*/
    padding-top: 15px;
  }
  .home-company__header > span:nth-child(1) > i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    font-size: 10px;
    padding-left: 25px;
  }
  .home-company__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-company__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 25.5px;
    margin-top: 40px;
  }
  .home-company__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
    line-height: 32px;
  }
  .home-company__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .home-company__btns > a {
    width: 182px;
  }
  .home-company__sns {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20px;
  }
  .home-company__sns > li {
    display: block;
    width: 20px;
    margin-top: 15px;
  }
  .home-company__sns > li > a {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .home-company__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-company__content {
    width: calc(515/1100 * 100%);
  }
}
/*home-faq*/
@media screen and (max-width:767px) {
  .home-faq {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 100px 0 70px;
    background-color: #EEF0F1;
  }
  .home-faq > .container {
    padding: 0 10px;
  }
  .home-faq__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .home-faq__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-faq__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
  }
  .home-faq__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-faq__list {
    display: block;
    width: calc(100% + 10px);
    margin-top: 60px;
  }
  .home-faq__list > li {
    display: block;
    width: 100%;
    padding: 20px 10px 20px 20px;
    background-color: var(--white);
  }
  .home-faq__list > li:nth-child(n+2) {
    margin-top: 20px;
  }
  .home-faq__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 0 20px 0 50px;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 10px;
  }
  .home-faq__list > li > .question::before {
    content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--font-color);
    color: var(--white);
    font-family: var(--futura);
    font-size:28px;
    line-height: 40px;
  }
  .home-faq__list > li > .answer {
    display: block;
    width: 100%;
    padding: 20px 20px 0 0;
    text-align: justify;
    word-break: break-all;
    border-top: 1px solid var(--font-color);
  }
  .home-faq__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-faq__btns > a {
    position: relative;
    z-index: 2;
    display: block;
    width: 150px;
    height: 20px;
    font-weight: 600;
    line-height: 18px;
    padding-bottom: 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .home-faq__btns > a:hover {
    background-size: 100% 2px;
  }
}
@media screen and (min-width:768px) {
  .home-faq {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #EEF0F1;
  }
  .home-faq__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .home-faq__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-faq__header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-faq__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-faq__list {
    display: block;
    width: 100%;
    margin-top: 60px;
  }
  .home-faq__list > li {
    display: block;
    width: 100%;
    padding: 25px calc(50/860 * 100%) 30px calc(80/860 * 100%);
    background-color: var(--white);
  }
  .home-faq__list > li:nth-child(n+2) {
    margin-top: 20px;
  }
  .home-faq__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 0 8px 60px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 10px;
  }
  .home-faq__list > li > .question::before {
    content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--font-color);
    color: var(--white);
    font-family: var(--futura);
    font-size:28px;
    line-height: 40px;
  }
  .home-faq__list > li > .answer {
    display: block;
    width: 100%;
    padding: 20px 30px 0 60px;
    text-align: justify;
    word-break: break-all;
    border-top: 1px solid var(--font-color);
  }
  .home-faq__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .home-faq__btns > a {
    position: relative;
    z-index: 2;
    display: block;
    width: 150px;
    height: 20px;
    font-weight: 600;
    line-height: 18px;
    padding-bottom: 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .home-faq__btns > a:hover {
    background-size: 100% 2px;
  }
}
/*home-instagram*/
@media screen and (max-width:767px) {
  .home-instagram {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 70px 0 70px;
    background-color: var(--white);
  }
  .home-instagram__body {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .home-instagram__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-instagram__header > span:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
  }
  .home-instagram__header > span:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-instagram__wrap {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) {
  .home-instagram {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    padding: 60px 0 70px;
    background-color: var(--white);
  }
  .home-instagram__body {
    display: block;
    max-width: 790px;
    width: 100%;
    margin: 0 auto;
  }
  .home-instagram__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-instagram__header > span:nth-child(1) {
    font-size: 38px;
    font-weight: 500;
    /*line-height: 1;*/
  }
  .home-instagram__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    /*line-height: 1;*/
    font-family: var(--futura);
    margin-top: 10px;
  }
  .home-instagram__wrap {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (min-width:0px) {
  .sb_instagram_header,
  #sbi_load {
    display: none;
  }

}
/*
PAGE - about
--------------------------------------------- */
@media screen and (min-width:0px) {
  .page-contents.page-about {
    background-color: #F7F7F7;
  }
}
/*dream*/
@media screen and (max-width:767px) {
  .about-dream {
    display: block;
    width: 100%;
  }
  .about-dream > .container {
    padding: 0 0;
  }
  .about-dream__figure {
    display: block;
    width: 100%;
  }
  .about-dream__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-dream__wrap {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
  }
  .about-dream__wrap > .container {
    max-width: 560px;
    padding: 0 0;
  }
  .about-dream__hgroup {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }
  .about-dream__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 22px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .about-dream__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .about-dream__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .about-dream__content {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .about-dream__content-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    padding: 0 20px;
  }
  .about-dream__content-txt > span {
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: var(--font-color);
    margin: 0 0 5px 5px;
  }
  .about-dream__content-figure1 {
    display: block;
    width: 100%;
    margin: 40px 0;
  }
  .about-dream__content-figure1 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-dream__content-figure2 {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .about-dream__content-figure2 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width:359px) {
  .about-dream__txt,
  .about-dream__content-txt {
    font-size: 13px;
    line-height: 26px;
  }
}
@media screen and (min-width:768px) {
  .about-dream {
    display: block;
    width: 100%;
  }
  .about-dream__figure {
    display: block;
    width: 100%;
  }
  .about-dream__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-dream__wrap {
    display: block;
    width: 100%;
    padding: 80px 0 100px;
  }
  .about-dream__wrap > .container {
    max-width: 1366px;
    padding: 0 0;
  }
  .about-dream__hgroup {
    display: block;
    width: calc(900/1366 * 100%);
    padding: 0 20px;
    margin: 0 auto;
  }
  .about-dream__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .about-dream__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .about-dream__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .about-dream__content {
    position: relative;
    display: block;
    width: 100%;
    min-height: 816px;
    margin-top: 40px;
    padding-right: 50%;
    padding-left: calc(180/1366 * 100%);
  }
  .about-dream__content-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    padding-left: calc(73/503 * 100%);
  }
  .about-dream__content-txt > span {
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: var(--font-color);
    margin: 0 0 5px 5px;
  }
  .about-dream__content-figure1 {
    display: block;
    width: calc(330/503 * 100%);
    margin: 50px 0;
  }
  .about-dream__content-figure1 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-dream__content-figure2 {
    position: absolute;
    top: 50px;
    right: 0;
    display: block;
    width: calc(613/1366 * 100%);
  }
  .about-dream__content-figure2 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .about-dream__hgroup {
    display: block;
    max-width: 768px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }
  .about-dream__content {
    position: relative;
    display: block;
    width: 100%;
    min-height: 816px;
    margin-top: 40px;
    padding-right: 50%;
    padding-left: clamp(1.333rem, 50vw - 24.267rem, 9.867rem);
  }
  .about-dream__content-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    padding-left: 0;
  }
  .about-dream__content-figure1 {
    display: block;
    width: calc(330/503 * 100%);
    margin: 40px 0 40px -20px;
  }
}
/*value*/
@media screen and (max-width:767px) {
  .about-value {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
    background-color: var(--white);
  }
  .about-value > .container {
    padding: 0 0;
  }
  .about-value__header {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 22px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
  .about-value__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .about-value__wrap {
    display: block;
    width: 100%;
    margin-top: 46px;
  }
  .about-value__block {
    display: block;
    width: 100%;
  }
  .about-value__block:nth-child(n+2) {
    margin-top: 50px;
  }
  .about-value__figure {
    display: block;
    width: 100%;
  }
  .about-value__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-value__box {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(100% - 20px);
    margin: -50px auto 0;
    background-color: rgba(255,255,255,90%);
    padding: 30px 20px;
  }
  .about-value__box-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 10px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .about-value__box-title::first-letter {
    font-size: 28px;
    color: var(--red);
  }
  .about-value__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .about-value__box-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }
  .about-value__box-btns > a {
    max-width: 306px;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .about-value {
    display: block;
    width: 100%;
    padding: 100px 0 80px;
    background-color: var(--white);
  }
  .about-value__header {
    position: relative;
    display: block;
    width: calc(860/1100 * 100%);
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
  .about-value__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .about-value__wrap {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .about-value__block {
    display: block;
    width: 100%;
  }
  .about-value__block:nth-child(n+2) {
    margin-top: 80px;
  }
  .about-value__figure {
    display: block;
    width: 100%;
  }
  .about-value__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .about-value__box {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(860/1100 * 100%);
    margin: -150px auto 0;
    background-color: rgba(255,255,255,90%);
    padding: calc(50/1100 * 100%) calc(30/1100 * 100%);
  }
  .about-value__box-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 34px;
  }
  .about-value__box-title::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .about-value__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .about-value__box-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 45px;
  }
  .about-value__box-btns > a {
    width: 306px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .about-value__header {
    width: 100%;
  }
  .about-value__box {
    margin: -100px auto 0;
  }
}
/*
PAGE - reason
--------------------------------------------- */
@media screen and (min-width:0px) {
  .page-contents.page-reason {
    background-color: #F7F7F7;
    margin-bottom: 50px;
  }
  .page-title.reason {
    padding-bottom: 0;
  }
}
@media screen and (max-width:767px) {
  .reason-body {
    display: block;
    width: 100%;
  }
  .reason-block {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .reason-block:nth-of-type(even) {
    background-color: var(--white);
  }
  .reason-block__header {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 22px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
  .reason-block__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .reason-block__header > span {
    width: 60px;
    font-size: 30px;
    color: var(--red);
  }
  .reason-block__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin: 30px auto 0;
  }
  .reason-block__btns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 860px;
    width: 100%;
    margin: 30px auto 0;
  }
  .reason-block__btn {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    padding:0 15px 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .reason-block__btn + .reason-block__btn {
    margin-top: 10px;
  }
  .reason-block__btn:hover {
    background-size: 100% 2px;
  }
  .reason-block__figure {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .reason-block__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .reason-block:nth-of-type(odd) .reason-block__figure {
    margin-left: auto;
  }
}
@media screen and (max-width:359px) {
  .reason-block__header {
    font-size: 20px;
  }
}
@media screen and (min-width:768px) {
  .reason-body {
    display: block;
    width: 100%;
  }
  .reason-block {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .reason-block:nth-of-type(even) {
    background-color: var(--white);
  }
  .reason-block__header {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 860px;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 50px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
  .reason-block__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .reason-block__header > span {
    font-size: 50px;
    color: var(--red);
    padding-right: 10px;
  }
  .reason-block__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin: 40px auto 0;
  }
  .reason-block__btns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 860px;
    width: 100%;
    margin: 40px auto 0;
  }
  .reason-block__btn {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    padding:0 20px 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .reason-block__btn + .reason-block__btn {
    margin-top: 10px;
  }
  .reason-block__btn:hover {
    background-size: 100% 2px;
  }
  .reason-block__figure {
    display: block;
    width: calc(100% - (100% - 860px)/2);
    overflow: hidden;
    margin-top: 40px;
  }
  .reason-block__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .reason-block:nth-of-type(odd) .reason-block__figure {
    margin-left: auto;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .reason-block__figure {
    width: calc(100% - (100% - 728px)/2);
    height: 400px;
  }
}
/*
PAGE - lifestyle
--------------------------------------------- */
@media screen and (max-width:767px) {
  .lifestyle__txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
    padding-bottom: 50px;
    line-height: 25.5px;
    font-family: var(--yumincho);
  }
  .lifestyle-wrap {
    display: block;
    width: 100%;
  }
  .lifestyle-box {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .lifestyle-box:nth-of-type(odd) {
    background-color: #F7F7F7;
  }
  .lifestyle-box__wrap {
    position: relative;
    display: block;
    width: 100%;
  }
  .lifestyle-box__header {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 860px;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 22px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
  .lifestyle-box__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .lifestyle-box__header > span {
    width: 60px;
    font-size: 30px;
    color: var(--red);
  }
  .lifestyle-box__figure1 {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .lifestyle-box__figure1 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lifestyle-box__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin: 30px auto 0;
  }
  .lifestyle-box__figure2 {
    display: block;
    width: calc(250/335 * 100%);
    margin-top: 30px;
  }
  .lifestyle-box:nth-of-type(odd) .lifestyle-box__figure2 {
    margin-left: auto;
  }
  .lifestyle-box__figure2 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lifestyle-box:nth-child(4) .lifestyle-box__figure2 {
    width: calc(178/335 * 100%);
  }
}
@media screen and (min-width:768px) {
  .lifestyle__txt {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding-bottom: 50px;
    line-height: 25.5px;
    font-family: var(--yumincho);
  }
  .lifestyle-wrap {
    display: block;
    width: 100%;
  }
  .lifestyle-box {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .lifestyle-box:nth-of-type(odd) {
    background-color: #F7F7F7;
  }
  .lifestyle-box > .container {
    max-width: 1366px;
    padding: 0 0;
  }
  .lifestyle-box__wrap {
    position: relative;
    display: block;
    width: 100%;
  }
  .lifestyle-box:nth-of-type(odd) .lifestyle-box__wrap {
    padding-right: 50%;
    padding-left: calc(180/1366 * 100%);
  }
  .lifestyle-box:nth-of-type(even) .lifestyle-box__wrap {
    padding-left: 50%;
    padding-right: calc(180/1366 * 100%);
  }
  .lifestyle-box__header {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 860px;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 50px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
  .lifestyle-box__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .lifestyle-box__header > span {
    font-size: 50px;
    color: var(--red);
    padding-right: 10px;
  }
  .lifestyle-box__figure1 {
    position: absolute;
    top: 0;
    width: calc(643/1366 * 100%);
  }
  .lifestyle-box:nth-of-type(odd) .lifestyle-box__figure1 {
    right: 0;
  }
  .lifestyle-box:nth-of-type(even) .lifestyle-box__figure1 {
    left: 0;
  }
  .lifestyle-box__figure1 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lifestyle-box__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin: 40px auto 0;
  }
  .lifestyle-box__figure2 {
    display: block;
    width: calc(300/503 * 100%);
    margin-top: 40px;
  }
  .lifestyle-box:nth-of-type(odd) .lifestyle-box__figure2 {
    margin-left: auto;
  }
  .lifestyle-box__figure2 > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lifestyle-box:nth-child(4) .lifestyle-box__figure2 {
    width: calc(250/503 * 100%);
  }
}
/*
PAGE - assurance
--------------------------------------------- */
@media screen and (max-width:767px) {
  .main.main-assurance {
    margin-bottom: 50px;
  }
  .assurance__txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
    padding-bottom: 50px;
    line-height: 25.5px;
    font-family: var(--yumincho);
  }
  .assurance-intro {
    display: block;
    width: 100%;
    padding-bottom: 50px;
  }
  .assurance-intro > .container {
    padding: 0 0;
  }
  .assurance-intro__wrap {
    display: block;
    width: 100%;
  }
  .assurance-intro__figure {
    display: block;
    width: 100%;
  }
  .assurance-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .assurance-intro__content {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(100% - 40px);
    background-color: var(--white);
    margin: -75px auto 0;
    padding: 20px;
  }
  .assurance-intro__header {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .assurance-intro__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .assurance-points {
    display: block;
    width: 100%;
    padding: 60px 0 50px;
    background-color: #F7F7F7;
  }
  .assurance-points__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 38px;
  }
  .assurance-points__header::first-letter {
    font-size: 40px;
    color: var(--red);
  }
  .assurance-points__txt {
    display: block;
    text-align: justify;
    word-break: break-all;
    line-height: 30px;
    font-weight: 500;
    margin-top: 30px;
  }
  .assurance-points__wrap {
    display: block;
    width: 100%;
    margin: 30px auto 0;
  }
  .assurance-points__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: var(--white);
    padding: 30px 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,16%);
  }
  .assurance-points__box:nth-child(n+2) {
    margin-top: 30px;
  }
  .assurance-points__figure {
    display: block;
    width: 150px;
  }
  .assurance-points__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .assurance-points__box-content {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .assurance-points__box-title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-top: 34px;
    line-height: 30px;
    text-align: center;
  }
  .assurance-points__box-title > span {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: auto;
    font-size: 30px;
    color: var(--red);
    padding-right: 10px;
    height: 44px;
  }
  .assurance-points__box-title > small {
    font-size: 15px;
    padding-left: 5px;
  }
  .assurance-points__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 12px;
  }
}
@media screen and (max-width:359px) {
  .assurance-points__box-title {
    font-size: 18px;
  }
  .assurance-points__box-title > small {
    font-size: 12px;
    padding-left: 0;
  }
}
@media screen and (min-width:768px) {
  .assurance__txt {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding-bottom: 60px;
    line-height: 25.5px;
    font-family: var(--yumincho);
  }
  .assurance-intro {
    display: block;
    width: 100%;
    padding-bottom: 60px;
  }
  .assurance-intro > .container {
    max-width: 1366px;
    padding: 0 0;
  }
  .assurance-intro__wrap {
    position: relative;
    display: block;
    width: 100%;
    min-height: 460px;
    padding-top: 86px;
  }
  .assurance-intro__figure {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(664/1366 * 100%);
  }
  .assurance-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .assurance-intro__content {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(846/1366 * 100%);
    margin-left: auto;
    background-color: var(--white);
    padding: calc(60/1366 * 100%) calc(198/1366 * 100%) calc(54/1366 * 100%) calc(75/1366 * 100%);
  }
  .assurance-intro__header {
    display: block;
    width: 100%;
    font-size: 28px;
    line-height: 56px;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .assurance-intro__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .assurance-points {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .assurance-points__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 56px;
  }
  .assurance-points__header::first-letter {
    font-size: 50px;
    color: var(--red);
  }
  .assurance-points__txt {
    display: block;
    text-align: center;
    line-height: 33px;
    font-weight: 500;
    margin-top: 50px;
  }
  .assurance-points__wrap {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 50px auto 0;
  }
  .assurance-points__box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: var(--white);
    padding: calc(40/1000 * 100%) calc(30/1000 * 100%);
    box-shadow: 0 3px 6px rgba(0,0,0,16%);
  }
  .assurance-points__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .assurance-points__figure {
    display: block;
    width: 175px;
  }
  .assurance-points__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .assurance-points__box-content {
    display: block;
    width: calc(100% - 175px - 30px);
  }
  .assurance-points__box-title {
    display: block;
    width: 100%;
    font-size: 26px;
    font-family: var(--yumincho);
    height: 52px;
    line-height: 52px;
    font-weight: 500;
    overflow: hidden;
  }
  .assurance-points__box-title > span {
    font-size: 50px;
    color: var(--red);
    padding-right: 10px;
    height: 52px;
  }
  .assurance-points__box-title > small {
    font-size: 16px;
    padding-left: 10px;
  }
  .assurance-points__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
}
/*
PAGE - faq
--------------------------------------------- */
@media screen and (max-width:767px) {
  .main.main-faq {
    background-color: #F7F7F7;
    padding-bottom: 50px;
  }
  .faq__wrap {
    display: block;
    width: 100%;
  }
  .faq__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .faq__box {
    display: block;
    width: 100%;
  }
  .faq__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .faq__box-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 15px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
 /* 家づくり・間取り相談サービスの見出しだけ小さくする */
  .faq__box-title.house-consultation {
    font-size: 16px;
  }
  .faq__box-title::first-letter {
    font-size: 28px;
    color: var(--red);
  }
  .faq__list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .faq__list > li {
    display: block;
    width: 100%;
    padding: 20px 10px 20px 20px;
    background-color: var(--white);
  }
  .faq__list > li:nth-child(n+2) {
    margin-top: 20px;
  }
  .faq__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 0 20px 0 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 10px;
    font-family: var(--yumincho);
  }
  .faq__list > li > .question::before {
    content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--font-color);
    color: var(--white);
    font-family: var(--futura);
    font-size:28px;
    line-height: 40px;
  }
  .faq__list > li > .answer {
    display: block;
    width: 100%;
    padding: 20px 20px 0 0;
    text-align: justify;
    word-break: break-all;
    border-top: 1px solid var(--font-color);
  }
  .faq__answer-txt {
    display: block;
    width: 100%;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);
  }
  .faq__answer-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .faq__answer-btns > a:nth-child(n+2) {
    margin-top: 30px;
  }
  .faq__answer-btns > a {
    max-width: 295px;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .main.main-faq {
    background-color: #F7F7F7;
    padding-bottom: 90px;
  }
  .faq__wrap {
    display: block;
    width: 100%;
  }
  .faq__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .faq__box {
    display: block;
    width: 100%;
  }
  .faq__box:nth-child(n+2) {
    margin-top: 40px;
  }
  .faq__box-title {
    display: block;
    width: 100%;
    font-size: 26px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 34px;
  }
  .faq__box-title::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .faq__list {
    display: block;
    width: 100%;
    margin-top: 33px;
  }
  .faq__list > li {
    display: block;
    width: 100%;
    padding: 25px calc(50/860 * 100%) 30px calc(80/860 * 100%);
    background-color: var(--white);
  }
  .faq__list > li:nth-child(n+2) {
    margin-top: 20px;
  }
  .faq__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 0 8px 60px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 10px;
    font-family: var(--yumincho);
  }
  .faq__list > li > .question::before {
    content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--font-color);
    color: var(--white);
    font-family: var(--futura);
    font-size:28px;
    line-height: 40px;
  }
  .faq__list > li > .answer {
    display: block;
    width: 100%;
    padding: 20px 30px 0 60px;
    text-align: justify;
    word-break: break-all;
    border-top: 1px solid var(--font-color);
  }
  .faq__answer-txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);
  }
  .faq__answer-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }
  .faq__answer-btns > a:nth-child(n+2) {
    margin-left: 20px;
  }
  .faq__answer-btns.event-resrve > a:nth-child(1) {
    width: 276px;
  }
  .faq__answer-btns.event-resrve > a:nth-child(2) {
    width: 246px;
  }
  .faq__answer-btns.renovation > a {
    width: 322px;
  }
  .faq__answer-btns.floor-plan > a {
	width: 322px;
  }
  .faq__answer-btns.youtube > a {
	width: 322px;
  }
  .faq__answer-btns.online_consultation > a {
	width: 322px;
  }
  .faq__answer-btns.home_design > a {
	width: 322px;
  }		
}
/*
PAGE - price
--------------------------------------------- */
@media screen and (max-width:767px) {
  .price__txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto;
  }
  .price-cost {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .price-cost__wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .price-cost__header {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .price-cost__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .price-cost__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .price-cost__block {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
  }
  .price-cost__graph {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .price-cost__graph > li {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .price-cost__graph > li:nth-child(-n+3) {
    text-align: center;
    font-size: 12px;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 1;
    height: 87.33px;
  }
  .price-cost__graph > li:nth-child(1) {
    width: 70%;
    background-color: #8E4133;
  }
  .price-cost__graph > li:nth-child(2) {
    width: 20%;
    background-color: #513333;
  }
  .price-cost__graph > li:nth-child(3) {
    width: 10%;
    background-color: #7E6868;
  }
  .price-cost__graph > li:nth-child(4) {
    width: 100%;
    justify-content: center;
  }
  .price-cost__graph > li:nth-child(4) > span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 29px;
    background-color: #91845B;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--white);
    line-height: 1;
    margin: 10px 0 0 25px;
  }
  .price-cost__graph > li:nth-child(4) > span::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(./assets/images/price/icon-plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .price-cost__list {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }
  .price-cost__list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    padding-left: 28px;
  }
  .price-cost__list > li:nth-child(n+2) {
    margin-top: 10px;
  }
  .price-cost__list > li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
  }
  .price-cost__list > li:nth-child(1)::before {
    background-color: #8E4133;
  }
  .price-cost__list > li:nth-child(2)::before {
    background-color: #513333;
  }
  .price-cost__list > li:nth-child(3)::before {
    background-color: #7E6868;
  }
  .price-cost__desc {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
  }
  .price-cost__desc > dt {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 28.6px;
    color: #B41C00;
  }
  .price-cost__desc > dt:not(:first-child) {
    margin-top: 30px;
  }
  .price-cost__desc > dd {
    display: block;
    width: 100%;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 25.5px;
    margin-top: 10px;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (max-width:359px) {
  .page-title.price > span:nth-child(1) {
    font-size: 25px;
  }
}
@media screen and (min-width:768px) {
  .price__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto;
  }
  .price-cost {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .price-cost__wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .price-cost__header {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .price-cost__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .price-cost__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .price-cost__block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
  }
  .price-cost__graph {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(550/860 * 100%);
  }
  .price-cost__graph > li {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .price-cost__graph > li:nth-child(-n+3) {
    font-size: 16px;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 1;
    height: 100px;
  }
  .price-cost__graph > li:nth-child(1) {
    width: 70%;
    background-color: #8E4133;
  }
  .price-cost__graph > li:nth-child(2) {
    width: 20%;
    background-color: #513333;
  }
  .price-cost__graph > li:nth-child(3) {
    width: 10%;
    background-color: #7E6868;
  }
  .price-cost__graph > li:nth-child(4) {
    width: 100%;
    justify-content: center;
  }
  .price-cost__graph > li:nth-child(4) > span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 43px;
    background-color: #91845B;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--white);
    line-height: 1;
    margin: 10px 0 0 25px;
  }
  .price-cost__graph > li:nth-child(4) > span::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(./assets/images/price/icon-plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .price-cost__list {
    display: flex;
    flex-direction: column;
    width: calc(260/860 * 100%);
  }
  .price-cost__list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--yumincho);
    padding-left: 28px;
  }
  .price-cost__list > li:nth-child(n+2) {
    margin-top: 10px;
  }
  .price-cost__list > li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
  }
  .price-cost__list > li:nth-child(1)::before {
    background-color: #8E4133;
  }
  .price-cost__list > li:nth-child(2)::before {
    background-color: #513333;
  }
  .price-cost__list > li:nth-child(3)::before {
    background-color: #7E6868;
  }
  .price-cost__desc {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 40px;
  }
  .price-cost__desc > dt {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 28.6px;
    color: #B41C00;
  }
  .price-cost__desc > dt:not(:first-child) {
    margin-top: 30px;
  }
  .price-cost__desc > dd {
    display: block;
    width: 100%;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 25.5px;
    margin-top: 10px;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .price-cost__graph > li:nth-child(-n+3) {
    font-size: 15px;
  }
}
/*about*/
@media screen and (max-width:767px) {
  .price-about {
    display: flex;
    align-items: center;
    width: 100%;
    height: 626px;
    background-image: url(./assets/images/price/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .price-about__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .price-about__header {
    display: block;
    width: auto;
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    font-family: var(--yumincho);
    line-height: 1;
  }
  .price-about__txt {
    display: block;
    width: 100%;
    margin-top: 30px;
    font-weight: 500;
    color: var(--white);
    font-family: var(--yumincho);
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .price-about {
    display: flex;
    align-items: center;
    width: 100%;
    height: 540px;
    background-image: url(./assets/images/price/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .price-about__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .price-about__header {
    display: block;
    width: auto;
    font-size: 34px;
    font-weight: 500;
    color: var(--white);
    font-family: var(--yumincho);
    line-height: 1;
  }
  .price-about__txt {
    display: block;
    width: calc(600/860 * 100%);
    margin-top: 50px;
    font-weight: 500;
    color: var(--white);
    font-family: var(--yumincho);
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
}
/*gallery*/
@media screen and (max-width:767px) {
  .price-gallery {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
  }
  .price-gallery > .container {
    padding: 0 0;
  }
  .price-gallery__body {
    display: block;
    max-width: 860px;
    width: 100%;
    padding: 50px 20px;
    background-color: #F7F7F7;
    box-shadow: 0 3px 6px rgba(0,0,0,16%);
    margin: 0 auto;
  }
  .price-gallery__header {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .price-gallery__header::first-letter {
    font-size: 28px;
    color: var(--red);
  }
  .price-gallery__figures {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    column-gap: 10px;
    row-gap: 10px;
    width: 100%;
    margin-top: 30px;
  }
  .price-gallery__figure {
    display: block;
    width: 100%;
  }
  .price-gallery__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .price-gallery__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .price-gallery__btns > a {
    max-width: 308px;
    width: 100%;
  }
  .price-gallery__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .price-gallery {
    display: block;
    width: 100%;
    padding: 60px 0 50px;
  }
  .price-gallery__body {
    display: block;
    max-width: 860px;
    width: 100%;
    padding: calc(50/1100 * 100%) calc(30/1100 * 100%);
    background-color: #F7F7F7;
    box-shadow: 0 3px 6px rgba(0,0,0,16%);
    margin: 0 auto;
  }
  .price-gallery__header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .price-gallery__header::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .price-gallery__figures {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    column-gap: 30px;
    row-gap: 30px;
    width: 100%;
    margin-top: 30px;
  }
  .price-gallery__figure {
    display: block;
    width: 100%;
  }
  .price-gallery__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .price-gallery__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .price-gallery__btns > a {
    width: 308px;
  }
  .price-gallery__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
/*
PAGE - hiraya
--------------------------------------------- */
@media screen and (min-width:768px) {
  .hiraya__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .hiraya__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto;
  }
}
/*merit*/
@media screen and (max-width:767px) {
  .hiraya-merit {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .hiraya-merit__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-merit__header {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .hiraya-merit__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .hiraya-merit__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .hiraya-merit__wrap {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .hiraya-merit__box {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    border: 1px solid #CECECE;
  }
  .hiraya-merit__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .hiraya-merit__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 10px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .hiraya-merit__title::first-letter {
    font-size: 28px;
    color: var(--red);
  }
  .hiraya-merit__box-cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 25px;
  }
  .hiraya-merit__box-figure {
    display: block;
    width: 175px;
  }
  .hiraya-merit__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .hiraya-merit__box-txt {
    display: block;
    width: 100%;
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .hiraya-merit {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .hiraya-merit__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-merit__header {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .hiraya-merit__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .hiraya-merit__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .hiraya-merit__wrap {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .hiraya-merit__box {
    display: block;
    width: 100%;
    padding: calc(40/860 * 100%) calc(30/860 * 100%);
    background-color: var(--white);
    border: 1px solid #CECECE;
  }
  .hiraya-merit__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .hiraya-merit__title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .hiraya-merit__title::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .hiraya-merit__box-cols {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
  }
  .hiraya-merit__box-figure {
    display: block;
    width: calc(175/800 * 100%);
  }
  .hiraya-merit__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .hiraya-merit__box-txt {
    display: block;
    width: calc(595/800 * 100%);
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
}
/*living*/
@media screen and (max-width:767px) {
  .hiraya-living {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
  }
  .hiraya-living__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .hiraya-living__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .hiraya-living__box {
    display: block;
    width: 100%;
  }
  .hiraya-living__box:nth-child(n+2){
    margin-top: 50px;
  }
  .hiraya-living__box > .container {
    padding: 0 0;
  }
  .hiraya-living__box-wrap {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  }
  .hiraya-living__figure {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .hiraya-living__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .hiraya-living__box-content {
    display: block;
    width: 100%;
    padding:0 20px;
  }
  .hiraya-living__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .hiraya-living__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .hiraya-living__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .hiraya-living {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .hiraya-living__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .hiraya-living__wrap {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .hiraya-living__box {
    display: block;
    width: 100%;
  }
  .hiraya-living__box:nth-child(n+2){
    margin-top: 80px;
  }
  .hiraya-living__box > .container {
    max-width: 1366px;
    padding: 0 0;
  }
  .hiraya-living__box-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .hiraya-living__figure {
    display: block;
    width: calc(536/1366 * 100%);
  }
  .hiraya-living__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .hiraya-living__box-content {
    display: block;
    width: calc(780/1366 * 100%);
    padding-right: calc(180/1366 * 100%);
  }
  .hiraya-living__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .hiraya-living__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .hiraya-living__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .hiraya-living__box-wrap {
    display: flex;
    justify-content: flex-start;
    width: 100%;
  }
  .hiraya-living__box-content {
    display: block;
    width: 458.533px;
    padding-right: 20px;
    margin-left: calc(50/1366 * 100%);
  }
}
/*miraie*/
@media screen and (max-width:767px) {
  .hiraya-miraie {
    display: block;
    width: 100%;
    padding-bottom: 50px;
  }
  .hiraya-miraie__intro {
    display: block;
    width: 100%;
    padding: 100px 0 100px;
    background-image: url(./assets/images/hiraya/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .hiraya-miraie__intro-wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-miraie__intro-header {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--white);
    line-height: 1;
  }
  .hiraya-miraie__intro-txt {
    display: block;
    max-width: 600px;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--white);
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .hiraya-miraie__content {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    margin-top: -75px;
  }
  .hiraya-miraie__content-wrap {
    display: block;
    width: calc(100% + 20px);
    padding: 50px 20px;
    background-color: var(--white);
    margin-left: -10px;
  }
  .hiraya-miraie__content-title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 10px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .hiraya-miraie__content-title > span {
    color: var(--red);
    font-size: 28px;
  }
  .hiraya-miraie__content-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .hiraya-miraie__content-txt > span {
    color: var(--red);
  }
  .hiraya-miraie__content-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;
  }
  .hiraya-miraie__content-btns > a:nth-child(2) {
    margin-top: 30px;
  }
  .hiraya-miraie__content-btns > a {
    max-width: 306px;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .hiraya-miraie {
    display: block;
    width: 100%;
    padding-bottom: 50px;
  }
  .hiraya-miraie__intro {
    display: block;
    width: 100%;
    padding: 100px 0 200px;
    background-image: url(./assets/images/hiraya/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .hiraya-miraie__intro-wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .hiraya-miraie__intro-header {
    display: block;
    width: 100%;
    font-size: 34px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--white);
    line-height: 1;
  }
  .hiraya-miraie__intro-txt {
    display: block;
    max-width: 600px;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--white);
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .hiraya-miraie__content {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    margin-top: -100px;
  }
  .hiraya-miraie__content-wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    padding: calc(50/1100 * 100%) calc(30/1100 * 100%);
    background-color: var(--white);
    margin: 0 auto;
  }
  .hiraya-miraie__content-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 15px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .hiraya-miraie__content-title > span {
    color: var(--red);
    font-size: 34px;
  }
  .hiraya-miraie__content-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .hiraya-miraie__content-txt > span {
    color: var(--red);
  }
  .hiraya-miraie__content-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 45px;
  }
  .hiraya-miraie__content-btns > a:nth-child(2) {
    margin-left: 45px;
  }
  .hiraya-miraie__content-btns > a {
    width: 306px;
  }
}
/*
PAGE - renovation
--------------------------------------------- */
@media screen and (max-width:767px) {
  .renovation-subtile {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 31.2px;
    text-align: center;
  }
  .renovation-subtile::first-letter {
    font-size: 32px;
    color: var(--red);
  }
  .renovation__txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 30px auto 0;
  }
}
@media screen and (min-width:768px) {
  .renovation-subtile {
    display: block;
    width: 100%;
    font-size: 26px;
    font-family: var(--yumincho);
    line-height: 31.2px;
    text-align: center;
  }
  .renovation-subtile::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .renovation__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    text-align: center;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 30px auto 0;
  }
}
/*diff*/
@media screen and (max-width:767px) {
  .renovation-diff {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .renovation-diff__wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-diff__header {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .renovation-diff__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .renovation-diff__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .renovation-diff__txt > span {
    color: #B41C00;
  }
}
@media screen and (min-width:768px) {
  .renovation-diff {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .renovation-diff__wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-diff__header {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .renovation-diff__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .renovation-diff__txt {
    display: block;
    width: 100%;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .renovation-diff__txt > span {
    color: #B41C00;
  }
}
/*core*/
@media screen and (max-width:767px) {
  .renovation-core {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
    margin-bottom: 50px;
  }
  .renovation-core__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-core__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-core__header > span:nth-child(1) {
    font-family: var(--yumincho);
    font-size: 22px;
    line-height: 38px;
    font-weight: 500;
    text-align: center;
  }
  .renovation-core__header > span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    font-family: var(--yumincho);
    margin-top: 10px;
    text-align: center;
  }
  .renovation-core__txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 30px;
  }
  .renovation-core__txt > span {
    color: #B41C00;
  }
  .renovation-core__txt > em {
    font-size: 18px;
    font-weight: 600;
  }
  .renovation-core__wrap {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .renovation-core__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 31.2px;
    text-align: center;
  }
  .renovation-core__title::first-letter {
    font-size: 30px;
    color: var(--red);
  }
  .renovation-core__block {
    display: block;
    width: calc(100% + 40px);
    margin-top: 30px;
    margin-left: -20px;
  }
  .renovation-core__box {
    display: block;
    width: 100%;
  }
  .renovation-core__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .renovation-core__box-figure {
    display: block;
    width: 100%;
  }
  .renovation-core__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-core__box-content {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(100% - 20px);
    padding: 30px 20px;
    background-color: rgba(255,255,255,90%);
    margin: -60px auto 0;
    box-shadow: 0 3px 6px rgba(0,0,0,16%);
  }
  .renovation-core__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .renovation-core__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .renovation-core__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .renovation-core__box-btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
  }
  .renovation-core__box-btn {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    padding:0 20px 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .renovation-core__box-btn:hover {
    background-size: 100% 2px;
  }
  .renovation-core__wrap-txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .renovation-core {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .renovation-core__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .renovation-core__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .renovation-core__header > span:nth-child(1) {
    font-family: var(--yumincho);
    font-size: 38px;
    line-height: 52px;
    text-align: center;
  }
  .renovation-core__header > span:nth-child(2) {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--yumincho);
    margin-top: 10px;
    text-align: center;
  }
  .renovation-core__txt {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 30px;
  }
  .renovation-core__txt > span {
    color: #B41C00;
  }
  .renovation-core__txt > em {
    font-size: 18px;
    font-weight: 600;
  }
  .renovation-core__wrap {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .renovation-core__title {
    display: block;
    width: 100%;
    font-size: 26px;
    font-family: var(--yumincho);
    line-height: 31.2px;
    text-align: center;
  }
  .renovation-core__title::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .renovation-core__block {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .renovation-core__box {
    display: block;
    width: 100%;
  }
  .renovation-core__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .renovation-core__box-figure {
    display: block;
    width: 100%;
  }
  .renovation-core__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .renovation-core__box-content {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(660/860 * 100%);
    padding: calc(50/860 * 100%) calc(30/860 * 100%);
    background-color: rgba(255,255,255,90%);
    margin-top: -130px;
    box-shadow: 0 3px 6px rgba(0,0,0,16%);
  }
  .renovation-core__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .renovation-core__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .renovation-core__box-txt {
    display: block;
    width: 100%;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .renovation-core__box-btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
  }
  .renovation-core__box-btn {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    height: 20px;
    font-weight: 600;
    line-height: 20px;
    padding:0 20px 5px;
    color: var(--font-color);
    text-align: center;
    background-image: linear-gradient(var(--font-color),var(--font-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: 0.3s ease;
  }
  .renovation-core__box-btn:hover {
    background-size: 100% 2px;
  }
  .renovation-core__wrap-txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 50px;
  }
}
/*
PAGE - company
--------------------------------------------- */
@media screen and (max-width:767px) {
  .company-ceo {
    display: block;
    width: 100%;
  }
  .company-ceo__profile {
    position: relative;
    display: block;
    width: 100%;
    padding: 65px 0 50px ;
    background-color: var(--white);
  }
  .company-ceo__profile > .container {
    padding: 0 0;
  }
  .company-ceo__profile::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(238/375 * 100%);
    height: 326px;
    background-color: #F7F7F7;
  }
  .company-ceo__profile-cols {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
  .company-ceo__figure {
    display: block;
    width: calc(258/375 * 100%);
  }
  .company-ceo__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .company-ceo__profile-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    margin-top: 40px;
  }
  .company-ceo__profile-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 25.5px;
    padding-left: 60px;
    background-image: linear-gradient(#B41C00,#B41C00);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px 1px;
  }
  .company-ceo__profile-subtitle {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 25.5px;
    font-weight: 500;
    padding-left: 85px;
    margin-top: 15px;
  }
  .company-ceo__profile-list {
    display: block;
    width: 100%;
    padding-left: 85px;
    margin-top: 40px;
  }
  .company-ceo__profile-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 27.2px;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .company-ceo__profile-list > li > span {
    color: #DDDDDD;
    font-size: 12px;
  }
  /*greetings*/
  .company-ceo__greetings {
    display: block;
    width: 100%;
    padding: 70px 0 70px;
    background-color: #F7F7F7;
  }
  .company-ceo__greetings-txt {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 50px 20px;
    font-size: 15px;
    line-height: 32.5px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
  /*profile*/
  .company-profile {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .company-profile__wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .company-profile__tbl {
    width: 100%;
    border-collapse: collapse;
  }
  .company-profile__tbl tr th {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 25.5px;
    font-family: var(--yumincho);
    color: #ACACAC;
    letter-spacing: 0.2em;
    text-align: left;
    vertical-align: baseline;
  }
  .company-profile__tbl tr td {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25.5px;
    font-family: var(--yumincho);
    padding-top: 10px;
  }
  .company-profile__tbl tr:not(:first-child) th {
    padding-top: 20px;
  }
  .company-profile__tbl tr:not(:last-child) td {
    padding-bottom: 20px;
    border-bottom: 1px solid #EFEFEF;
  }
  .company-profile__tbl-dlist {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .company-profile__tbl-dlist > dt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 27.2px;
    font-family: var(--yumincho);
  }
  .company-profile__tbl-dlist > dt:not(:first-child) {
    margin-top: 20px;
  }
  .company-profile__tbl-dlist > dt > span {
    color: var(--red);
    font-size: 12px;
  }
  .company-profile__tbl-dlist > dd {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 27.2px;
    font-family: var(--yumincho);
  }
  .company-profile__tbl-dlist > dd > a {
    color: var(--font-color);
  }
  .company-profile__tbl-dlist > dd > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .company-profile__tbl-list {
    display: block;
    width: 100%;
  }
  .company-profile__tbl-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 15px;
    line-height: 30px;
  }
  .company-profile__tbl-list > li::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #ACACAC;
  }
  .company-profile__tbl-list > li:nth-child(n+2){
    margin-top: 10px;
  }
  .company-profile__tbl-list > li > span {
    margin-left: -20px;
    padding-right: 5px;
  }
}
@media screen and (min-width:768px) {
  .company-ceo {
    display: block;
    width: 100%;
  }
  .company-ceo__profile {
    position: relative;
    display: block;
    width: 100%;
    padding: 65px 0 110px ;
    background-color: var(--white);
  }
  .company-ceo__profile::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc((100% - 860px)/2 + 264px);
    height: 470px;
    background-color: #F7F7F7;
  }
  .company-ceo__profile-cols {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: calc(860/1100 * 100%);
    margin: 0 auto;
  }
  .company-ceo__figure {
    display: block;
    width: calc(373/860 * 100%);
  }
  .company-ceo__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .company-ceo__profile-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 50%;
  }
  .company-ceo__profile-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 25.5px;
    padding-left: 60px;
    background-image: linear-gradient(#B41C00,#B41C00);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px 1px;
  }
  .company-ceo__profile-subtitle {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 25.5px;
    font-weight: 500;
    padding-left: 85px;
    margin-top: 15px;
  }
  .company-ceo__profile-list {
    display: block;
    width: 100%;
    padding-left: 85px;
    margin-top: 40px;
  }
  .company-ceo__profile-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 27.2px;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .company-ceo__profile-list > li > span {
    color: #DDDDDD;
    font-size: 12px;
  }
  /*greetings*/
  .company-ceo__greetings {
    display: block;
    width: 100%;
    padding: 120px 0 80px;
    background-color: #F7F7F7;
  }
  .company-ceo__greetings-txt {
    position: relative;
    display: block;
    width: calc(1014/1100 * 100%);
    background-color: var(--white);
    padding: calc(70/1100 * 100%) calc(50/1100 * 100%) calc(80/1100 * 100%) calc(105/1100 * 100%);
    font-size: 15px;
    line-height: 32.5px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
  .company-ceo__greetings-txt::after {
    content: "MESSAGE";
    position: absolute;
    top: 0;
    right: -55px;
    display: block;
    width: 351px;
    font-size: 70px;
    font-weight: 600;
    line-height: 1;
    color: var(--white);
    writing-mode: vertical-rl;
  }
  /*profile*/
  .company-profile {
    display: block;
    width: 100%;
    padding:120px 0 67px;
    background-color: var(--white);
  }
  .company-profile__wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .company-profile__tbl {
    width: 100%;
    border-collapse: collapse;
  }
  .company-profile__tbl tr th {
    width: 200px;
    font-size: 18px;
    line-height: 25.5px;
    font-family: var(--yumincho);
    color: #ACACAC;
    letter-spacing: 0.2em;
    text-align: left;
    vertical-align: baseline;
  }
  .company-profile__tbl tr td {
    width: calc(100% - 200px);
    font-size: 16px;
    line-height: 25.5px;
    font-family: var(--yumincho);
  }
  .company-profile__tbl tr:not(:first-child) th,
  .company-profile__tbl tr:not(:first-child) td {
    padding-top: 30px;
  }
  .company-profile__tbl tr:not(:last-child) th,
  .company-profile__tbl tr:not(:last-child) td {
    padding-bottom: 30px;
    border-bottom: 1px solid #EFEFEF;
  }
  .company-profile__tbl-dlist {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .company-profile__tbl-dlist > dt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 27.2px;
    font-family: var(--yumincho);
  }
  .company-profile__tbl-dlist > dt:not(:first-child) {
    margin-top: 14px;
  }
  .company-profile__tbl-dlist > dt > span {
    color: var(--red);
    font-size: 12px;
  }
  .company-profile__tbl-dlist > dd {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 27.2px;
    font-family: var(--yumincho);
  }
  .company-profile__tbl-dlist > dd > a {
    color: var(--font-color);
  }
  .company-profile__tbl-dlist > dd > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .company-profile__tbl-list {
    display: block;
    width: 100%;
  }
  .company-profile__tbl-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 15px;
    line-height: 30px;
  }
  .company-profile__tbl-list > li::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #ACACAC;
  }
  .company-profile__tbl-list > li:nth-child(n+2){
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
   .company-ceo__profile::after {
    height: 320px;
  }
  .company-ceo__profile-subtitle {
    padding-left: 65px;
  }
  .company-ceo__profile-list {
    padding-left: 65px;
  }
}
/*
PAGE - privacy-policy
--------------------------------------------- */
@media screen and (max-width:767px) {
  .privacy-policy__body {
    display: block;
    width: 100%;
    padding-bottom: 50px;
  }
  .privacy-policy__wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .privacy-policy__box {
    display: block;
    width: 100%;
  }
  .privacy-policy__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .privacy-policy__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .privacy-policy__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .privacy-policy__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    margin-top: 20px;
  }
  .privacy-policy__box-title + p {
    margin-top: 30px;
  }
  .privacy-policy__box-list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .privacy-policy__box:nth-child(1) .privacy-policy__box-txt + .privacy-policy__box-list {
    margin-top: 30px;
  }
  .privacy-policy__box-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 20px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy-policy__box-list > li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #B41C00;
  }
  .privacy-policy__box-list > li:nth-child(n+2){
    margin-top: 15px;
  }
  .privacy-policy__box-numlist {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .privacy-policy__box-title + .privacy-policy__box-numlist {
    margin-top: 30px;
  }
  .privacy-policy__box-numlist > li {
    position: relative;
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 40px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy-policy__box-numlist > li > span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .privacy-policy__box-numlist > li:nth-child(n+2){
    margin-top: 15px;
  }
  .privacy-policy__box-numlist > li > p {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy-policy__box-address {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .privacy-policy__box-address > h3 {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 28.6px;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .privacy-policy__box-address > p {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    line-height: 28px;
    font-weight: 500;
    margin-top: 10px;
  }
  .privacy-policy__box-address > p > a {
    color: var(--font-color);
  }
  .privacy-policy__box-address > p > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (max-width:359px) {
  .privacy-policy__box-title {
    font-size: 17px;
  }
}
@media screen and (min-width:768px) {
  .privacy-policy__body {
    display: block;
    width: 100%;
    padding-bottom: 50px;
  }
  .privacy-policy__wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .privacy-policy__box {
    display: block;
    width: 100%;
  }
  .privacy-policy__box:nth-child(n+2) {
    margin-top: 70px;
  }
  .privacy-policy__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .privacy-policy__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .privacy-policy__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .privacy-policy__box-title + p {
    margin-top: 40px;
  }
  .privacy-policy__box-list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .privacy-policy__box:nth-child(1) .privacy-policy__box-txt + .privacy-policy__box-list {
    margin-top: 50px;
  }
  .privacy-policy__box-list > li {
    position: relative;
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 20px;
    line-height: 19.5px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy-policy__box-list > li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #B41C00;
  }
  .privacy-policy__box-list > li:nth-child(n+2){
    margin-top: 15px;
  }
  .privacy-policy__box-numlist {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .privacy-policy__box-title + .privacy-policy__box-numlist {
    margin-top: 40px;
  }
  .privacy-policy__box-numlist > li {
    position: relative;
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 50px;
    line-height: 19.5px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy-policy__box-numlist > li > span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .privacy-policy__box-numlist > li:nth-child(n+2){
    margin-top: 15px;
  }
  .privacy-policy__box-numlist > li > p {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    line-height: 25.5px;
    margin-top: 15px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy-policy__box-address {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .privacy-policy__box-address > h3 {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 28.6px;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .privacy-policy__box-address > p {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    line-height: 25.5px;
    font-weight: 500;
    margin-top: 10px;
  }
  .privacy-policy__box-address > p > a {
    color: var(--font-color);
  }
  .privacy-policy__box-address > p > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*
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: 40px;
    height: 40px;
    font-size: 19px;
    line-height: 1;
    font-weight: 500;
    color:var(--font-color);
    border: 1px solid var(--font-color);
  }
  .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: 40px;
    height: 40px;
    text-align: center;
    background-color: var(--font-color);
    color: var(--white);
    pointer-events: none;
  }
  .pagination > .prev.page-numbers,
  .pagination > .next.page-numbers {
    display: block;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 15px;
  }
  .pagination > .prev.page-numbers {
    background-image: url(./assets/images/icon-prev.png);
  }
  .pagination > .next.page-numbers {
    background-image: url(./assets/images/icon-next.png);
  }

}
@media screen and (max-width:767px) {
  .pagination {
    margin-top: 50px;
  }
}
/*
SINGLE - content
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .single-content__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-content__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  /*H tag*/
  .single-content h2 {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-content h2::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .single-content h2:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h3 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    padding: 2px 0 2px 15px;
  }
  .single-content h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 3px;
    height: 26px;
    background-color: #DB2200;
  }
  .single-content h3:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h4 {
    display: block;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    font-family: var(--yumincho);
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    padding: 10px;
    background-color: #ACACAC;
  }
  .single-content h4:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h5 {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .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;
    font-family: var(--yumincho);
    color: #B41C00;
    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-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
  }
  .single-content p:not(:first-child) {
    margin-top: 30px;
  }
  .single-content p a {
    font-weight: 600;
    text-decoration: underline;
    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: 28px;
    text-align: justify;
    word-break: break-all;
    padding-left: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .single-content ul > li:nth-child(n+2){
    margin-top: 15px;
  }
  .single-content ul > li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #B41C00;
    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:28px;
    text-align: justify;
    word-break: break-all;
    padding: 2px 0 2px 25px;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .single-content ol > li:before {
    counter-increment:li;
    content:counter(number,decimal-leading-zero);
    position:absolute;
    top:3px;
    left:0;
    font-size:16px;
    line-height:25px;
    color:#B41C00;
    font-weight:500;
  }
  .single-content > ol:not(:first-child){
    margin-top: 50px;
  }
   /*table*/
  .single-content .wp-block-table {
    margin: 0 auto;
    font-family: var(--yumincho);
    overflow-x: scroll;
    padding-bottom: 20px;
  }
  .single-content .wp-block-table::-webkit-scrollbar {
    background: #EFEFEF;
    width: 10px;
    height: 10px;
  }
  .single-content .wp-block-table::-webkit-scrollbar-thumb {
    background-color: #B41C00;
    width: 5px;
  }
  .single-content .wp-block-table table tr td {
    border: 2px solid #EFEFEF;
    background-color: #FAFAFA;
    padding: 10px 15px;
    width: 190px;
  }
  .single-content .wp-block-table table tr:first-child td {
    background-color: #ACACAC;
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
  }
  /*two-column table*/
  .single-content .wp-block-table.two-column {
    padding-bottom: 0;
    overflow-x: hidden;
  }
  .single-content .wp-block-table.two-column table tr:first-child td {
    background-color: transparent;
    color: var(--font-color);
    font-weight: 500;
  }
  .single-content .wp-block-table.two-column table tr td {
    border: none;
    background-color: transparent;
    padding: 0 0;
  }
  .single-content .wp-block-table.two-column table tr td {
    display: block;
    width: 100%;
    padding: 13px;
    border-bottom: 1px solid #CECECE;
  }
  .single-content .wp-block-table.two-column table tr td:first-child {
    background-color: #F7F7F7;
    text-align: center;
  }
  .single-content .wp-block-table.two-column table tr td:last-child {
    padding: 20px;
    line-height: 25.5px;
  }
  .single-content .wp-block-table.two-column table tr:first-child td:first-child {
    border-top: 1px solid #CECECE;
  }
  .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;
    text-decoration: underline;
  }
  .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;
  }
}
@media screen and (min-width:768px) {
  .single-content {
    display: block;
    width: 100%;
    margin-top: 35px;
  }
  .single-content__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-content__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  /*H tag*/
  .single-content h2 {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-content h2::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .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: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    padding: 2px 0 2px 15px;
  }
  .single-content h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 3px;
    height: 34px;
    background-color: #DB2200;
  }
  .single-content h3:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h4 {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 31.2px;
    font-family: var(--yumincho);
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    padding: 10px 15px;
    background-color: #ACACAC;
  }
  .single-content h4:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h5 {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 28.6px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-content h5:not(:first-child) {
    margin-top: 50px;
  }
  .single-content h6 {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 28.6px;
    font-family: var(--yumincho);
    color: #B41C00;
    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-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
  }
  .single-content p:not(:first-child) {
    margin-top: 40px;
  }
  .single-content p a {
    font-weight: 600;
    text-decoration: underline;
    color: var(--font-color);
  }
  .single-content p a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  /*ul*/
  .single-content ul {
    display: block;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
  }
  .single-content ul > li {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22.5px;
    text-align: justify;
    word-break: break-all;
    padding-left: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .single-content ul > li:nth-child(n+2){
    margin-top: 5px;
  }
  .single-content ul > li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #B41C00;
    border-radius: 3px;
  }
  .single-content ul:not(:first-child) {
    margin-top: 50px;
  }
  /*ol*/
  .single-content ol {
    display: block;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
  }
  .single-content ol > li {
    position:relative;
    display:block;
    width:100%;
    counter-increment:number;
    line-height:22.5px;
    text-align: justify;
    word-break: break-all;
    padding: 8px 0 8px 37px;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .single-content ol > li:before {
    counter-increment:li;
    content:counter(number,decimal-leading-zero);
    position:absolute;
    top:6px;
    left:0;
    font-size:25px;
    line-height:25px;
    color:#B41C00;
    font-weight:7500;
  }
  .single-content > ol:not(:first-child){
    margin-top: 50px;
  }
   /*table*/
  .single-content .wp-block-table {
    max-width: 750px;
    margin: 0 auto;
    font-family: var(--yumincho);
  }
  .single-content .wp-block-table table tr td {
    border: 2px solid #EFEFEF;
    background-color: #FAFAFA;
    padding: 10px 15px;
  }
  .single-content .wp-block-table table tr:first-child td {
    background-color: #ACACAC;
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
  }
  /*two-column table*/
  .single-content .wp-block-table.two-column table tr:first-child td {
    background-color: transparent;
    color: var(--font-color);
    font-weight: 500;
  }
  .single-content .wp-block-table.two-column table tr td {
    border: none;
    background-color: transparent;
    padding: 0 0;
  }
  .single-content .wp-block-table.two-column table tr td {
    padding: 15px;
    vertical-align: middle;
    border-bottom: 1px solid #CECECE;
  }
  .single-content .wp-block-table.two-column table tr td:first-child {
    width: 180px;
    background-color: #F7F7F7;
    text-align: center;
  }
  .single-content .wp-block-table.two-column table tr:first-child td {
    border-top: 1px solid #CECECE;
  }
  .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;
    text-decoration: underline;
  }
  .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;
  }
}
/*
ARCHIVE - event
--------------------------------------------- */
.no-post-txt {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 2;
  font-family: var(--yumincho);
  font-weight: 500;
}
@media screen and (max-width:767px) {
  .main.main-event {
    margin-bottom: 50px;
  }
  .event-body {
    display: block;
    max-width: 890px;
    width: 100%;
    margin: 0 auto;
  }
  .event-items {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 30px;
    width: 100%;
  }
  .event-item {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 130px;
    min-height: 86px;
  }
  .event-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .event-item__badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 23px;
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .event-item__badge.new {
    font-family: var(--futura);
    background-color: #DBCA00;
    font-size: 13px;
  }
  .event-item__badge.finished {
    font-family: var(--yumincho);
    background-color: var(--font-color);
    font-size: 13px;
  }
  .event-item__thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 86px;
    overflow: hidden;
  }
  .event-item__thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .event-item__period {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 1;
    color: #ACACAC;
  }
  .event-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 24px;
    color: var(--font-color);
    margin-top: 5px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
@media screen and (min-width:768px) {
  .event-body {
    display: block;
    max-width: 890px;
    width: 100%;
    margin: 0 auto;
  }
  .event-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    column-gap: calc(40/890 * 100%);
    row-gap: 63px;
    width: 100%;
  }
  .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: 59px;
    height: 35px;
    color: var(--white);
    line-height: 1;
    font-weight: 500;
  }
  .event-item__badge.new {
    font-family: var(--futura);
    background-color: #DBCA00;
    font-size: 16px;
  }
  .event-item__badge.finished {
    font-family: var(--yumincho);
    background-color: var(--font-color);
    font-size: 17px;
  }
  .event-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 270/195;
    overflow: hidden;
  }
  .event-item__thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .event-item__period {
    display: block;
    width: 100%;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 1;
    color: #ACACAC;
    margin-top: 12px;
  }
  .event-item__title {
    display: -webkit-box;
    width: 100%;
    padding: 0 5px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 24px;
    color: var(--font-color);
    margin-top: 13px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
/*
ARCHIVE - works
--------------------------------------------- */
@media screen and (max-width:767px) {
  .main.main-works {
    padding-bottom: 50px;
  }
  .works-body {
    display: block;
    width: 100%;
  }
  .works-items {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 30px;
    width: 100%;
  }
  .works-item {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #EFEFEF;
  }
  .works-item__figure {
    display: block;
    width: 100%;
  }
  .works-item__figure:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-item__thumb {
    display: block;
    width: 100%;
    aspect-ratio: 230/153;
    overflow: hidden;
  }
  .works-item__thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .works-item__categories {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: calc(100% + 2px);
    margin: -1px 0 0 -1px;
  }
  .works-item__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 24px;
    padding: 0 10px;
    background-color: var(--font-color);
    font-size: 14px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .works-item__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-item__link {
    display: block;
    width: 100%;
  }
  .works-item__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-item__customer {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    line-height: 24px;
    margin-top: 5px;
  }
  .works-item__customer > span:nth-child(n+2) {
    padding-left: 10px;
  }
  .works-item__title {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    padding: 10px 5px;
    background-color: var(--white);
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {

  .works-body {
    display: block;
    width: 100%;
  }
  .works-items {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    column-gap: calc(20/1100 * 100%);
    row-gap: 60px;
    width: 100%;
  }
  .works-item {
    display: block;
    width: 100%;
    padding: calc(15/260 * 100%);
    background-color: #EFEFEF;
  }
  .works-item__figure {
    display: block;
    width: 100%;
  }
  .works-item__figure:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-item__thumb {
    display: block;
    width: 100%;
    aspect-ratio: 230/153;
    overflow: hidden;
  }
  .works-item__thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .works-item__categories {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: calc(100% + 2px);
    margin: -1px 0 0 -1px;
  }
  .works-item__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    padding: 0 15px;
    background-color: var(--font-color);
    font-size: 12px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .works-item__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-item__link {
    display: block;
    width: 100%;
  }
  .works-item__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .works-item__customer {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    line-height: 24px;
    margin-top: 5px;
  }
  .works-item__customer > span:nth-child(n+2) {
    padding-left: 10px;
  }
  .works-item__title {
    position: relative;
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: justify;
    padding: 10px 5px;
    background-color: var(--white);
    margin-top: 10px;
  }
  .works-item__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 10px;
    background-color: var(--white);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .works-items {
    grid-template-columns: repeat(3,1fr);
  }
}
/*
ARCHIVE - voice
--------------------------------------------- */
@media screen and (max-width:767px) {
  .main.main-voice {
    padding-bottom: 50px;
    background-color: #F7F7F7;
    margin-bottom: 50px;
  }
  .voice-body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .voice-items {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 30px;
    width: 100%;
  }
  .voice-item {
    display: block;
    width: 100%;
  }
  .voice-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .voice-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 95/57;
    overflow: hidden;
  }
  .voice-item__thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .voice-item__title {
    position: relative;
    display: block;
    width: 100%;
    padding: 25px;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .voice-item__title::before,
  .voice-item__title::after {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .voice-item__title::before {
    top: 0;
    left: 0;
    background-image: url(./assets/images/voice/icon-left.png);
  }
  .voice-item__title::after {
    bottom: 0;
    right: 0;
    background-image: url(./assets/images/voice/icon-right.png);
  }
  .voice-item__customer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .voice-item__customer > span {
    position: relative;
    display: block;
    width: auto;
    padding-left: 22px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 22.67px;
  }
  .voice-item__customer > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 17px;
    height: 22.67px;
    background-image: url(./assets/images/icon-place.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media screen and (min-width:768px) {
  .main.main-voice {
    background-color: #F7F7F7;
    padding-bottom: 100px;
  }
  .voice-body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .voice-items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: calc(46/1000 * 100%);
    row-gap: 90px;
    width: 100%;
  }
  .voice-item {
    display: block;
    width: 100%;
  }
  .voice-item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .voice-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 95/57;
    overflow: hidden;
  }
  .voice-item__thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .voice-item__title {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 25px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .voice-item__title::before,
  .voice-item__title::after {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .voice-item__title::before {
    top: 0;
    left: 0;
    background-image: url(./assets/images/voice/icon-left.png);
  }
  .voice-item__title::after {
    bottom: 0;
    right: 0;
    background-image: url(./assets/images/voice/icon-right.png);
  }
  .voice-item__customer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .voice-item__customer > span {
    position: relative;
    display: block;
    width: auto;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 26.67px;
  }
  .voice-item__customer > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 26.67px;
    background-image: url(./assets/images/icon-place.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
/*
ARCHIVE - news
--------------------------------------------- */
@media screen and (max-width:767px) {
  .main.main-news {
    background-color: #F7F7F7;
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  .news-body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .news-items {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
  }
  .news-items > li {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
  }
  .news-items > li + li {
    padding-top: 15px;
  }
  .news-item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .news-item:hover {
    transform: opacity 0.3s ease;
    opacity: 0.7;
  }
  .news-item__date {
    display: block;
    width: 100;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    color: #ACACAC;
    line-height: 1;
    letter-spacing: 0.1rem;
  }
  .news-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    line-height: 28px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
  }
  .pagination.news {
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .main.main-news {
    background-color: #F7F7F7;
    padding-bottom: 100px;
  }
  .news-body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .news-items {
    display: block;
    width: 100%;
    padding: calc(90/1000 * 100%) calc(130/1000 * 100%);
    background-color: var(--white);
  }
  .news-items > li {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #EFEFEF;
  }
  .news-items > li + li {
    padding-top: 39px;
  }
  .news-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
  }
  .news-item:hover {
    transform: opacity 0.3s ease;
    opacity: 0.7;
  }
  .news-item__date {
    display: block;
    width: 130px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    color: #ACACAC;
    line-height: 1;
    letter-spacing: 0.1rem;
  }
  .news-item__title {
    display: -webkit-box;
    width: calc(100% - 130px);
    font-size: 15px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .pagination.news {
    margin-top: 80px;
  }
}
/*
SINGLE - event
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-event-body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .single-event__hgroup {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .single-event__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 23px;
    color: var(--white);
    line-height: 1;
    font-weight: 500;
    margin-bottom: 10px;
  }
  .single-event__badge.new {
    font-family: var(--futura);
    background-color: #DBCA00;
    font-size: 13px;
  }
  .single-event__badge.finished {
    font-family: var(--yumincho);
    background-color: var(--font-color);
    font-size: 13px;
  }
  .single-event__period {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 24px;
    color: #ACACAC;
    margin-top: 10px;
    text-align: right;
  }
}
@media screen and (min-width:768px) {
  .single-event-body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .single-event__hgroup {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .single-event__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 59px;
    height: 35px;
    color: var(--white);
    line-height: 1;
    font-weight: 500;
    margin-bottom: 25px;
  }
  .single-event__badge.new {
    font-family: var(--futura);
    background-color: #DBCA00;
    font-size: 16px;
  }
  .single-event__badge.finished {
    font-family: var(--yumincho);
    background-color: var(--font-color);
    font-size: 17px;
  }

  .single-event__period {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 28.6px;
    color: #ACACAC;
    margin-top: 10px;
  }
}
/*columns*/
@media screen and (max-width:767px) {
  .single-event__column {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .single-event__column-header {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 38px;
    font-family: var(--yumincho);
    text-align: center;
  }
  .single-event__column-items {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 30px;
    width: 100%;
    margin-top: 30px;
  }
  .single-event__column-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 130px;
    min-height: 86px;
  }
  .single-event__column-item_link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 120px;
  }
  .single-event__column-item_link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-event__column-item_thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 86px;
    overflow: hidden;
  }
  .single-event__column-item_thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .single-event__column-item_cats {
    order: 3;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: calc(100% + 2px);
    margin: 4px 0 0 -1px;
  }
  .single-event__column-item_cat {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 19px;
    padding: 0 10px;
    background-color: var(--font-color);
    font-size: 13px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 500;
  }
  .single-event__column-item_cat:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-event__column-item_title {
    order: 2;
    display: -webkit-box;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 24px;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
    margin-top: 5px;
  }
  .single-event__column-item_date {
    order: 1;
    display: flex;
    width: 100%;
  }
  .single-event__column-item_date > a {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 1;
    color: #ACACAC;
  }
  .single-event__column-item_date > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-event__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .single-event__btns > a {
    width: 207px;
  }
}
@media screen and (min-width:768px) {
  .single-event__column {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .single-event__column-header {
    display: block;
    width: 100%;
    font-size: 26px;
    font-weight: 500;
    line-height: 31.2px;
    font-family: var(--yumincho);
    text-align: center;
  }
  .single-event__column-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(40/1100 * 100%);
    max-width: 770px;
    width: 100%;
    margin: 30px auto 0;
  }
  .single-event__column-item {
    display: block;
    width: 100%;
    padding: 20px 15px;
    background-color: var(--white);
    box-shadow: 3px 3px 5px rgba(0,0,0,16%);
  }
  .single-event__column-item_link {
    display: block;
    width: 100%;
  }
  .single-event__column-item_link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-event__column-item_thumb {
    display: block;
    width: 100%;
  }
  .single-event__column-item_thumb > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .single-event__column-item_cats {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: calc(100% + 2px);
    margin: -1px 0 0 -1px;
  }
  .single-event__column-item_cat {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    padding: 0 15px;
    background-color: var(--font-color);
    font-size: 12px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .single-event__column-item_cat:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-event__column-item_title {
    display: -webkit-box;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
    margin-top: 10px;
  }
  .single-event__column-item_date {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 24px;
  }
  .single-event__column-item_date > a {
    display: block;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 1;
    color: #ACACAC;
  }
  .single-event__column-item_date > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-event__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .single-event__btns > a {
    width: 207px;
  }
}
/*
SINGLE - works
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-works__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .single-works__taxonomies {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #ACACAC;
    margin-bottom: 10px;
  }
  .single-works__categories {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: -1px 0 0 -1px;
  }
  .single-works__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 24px;
    padding: 0 10px;
    background-color: var(--font-color);
    font-size: 14px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .works-item__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-works__place {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .single-works__place > span {
    position: relative;
    display: block;
    width: auto;
    padding-left: 22.75px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 23.67px;
  }
  .single-works__place > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 17.75px;
    height: 23.67px;
    background-image: url(./assets/images/icon-place.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .single-works__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 33.8px;
    text-align: center;
  }
  .single-works__content {
    display: block;
    width: 100%;
    margin: 30px auto 0;
  }
  .single-works__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .single-works__btns > a {
    max-width: 306px;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .single-works__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .single-works__taxonomies {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #ACACAC;
    margin-bottom: 80px;
  }
  .single-works__categories {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 200px);
    margin: -1px 0 0 -1px;
  }
  .single-works__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    padding: 0 15px;
    background-color: var(--font-color);
    font-size: 12px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .works-item__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-works__place {
    display: flex;
    justify-content: flex-end;
    width: 200px;
  }
  .single-works__place > span {
    position: relative;
    display: block;
    width: auto;
    padding-left: 36.5px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 28.67px;
  }
  .single-works__place > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 21.5px;
    height: 28.67px;
    background-image: url(./assets/images/icon-place.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .single-works__title {
    display: block;
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 40px;
    text-align: center;
  }
  .single-works__content {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 90px auto 0;
  }
  .single-works__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .single-works__btns > a {
    width: 207px;
  }
}
/*
SINGLE - voice
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-voice__body {
    display: block;
    width: 100%;
  }
  .single-voice__hgroup {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .single-voice__customer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .single-voice__customer > span {
    position: relative;
    display: block;
    width: auto;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 23.67px;
  }
  .single-voice__customer > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 17.5px;
    height: 23.67px;
    background-image: url(./assets/images/icon-place.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .single-voice__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .single-voice__title > span {
    position: relative;
    display: block;
    width: auto;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 30px;
    text-align: center;
  }
  .single-voice__title > span::before,
  .single-voice__title > span::after {
    content: "";
    position: absolute;
    display: block;
    width: 17px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .single-voice__title > span::before {
    top: 0;
    left: 0;
    background-image: url(./assets/images/voice/icon-left.png);
  }
  .single-voice__title > span::after {
    bottom: 0;
    right: 0;
    background-image: url(./assets/images/voice/icon-right.png);
  }
  .single-voice__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .single-voice__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .single-voice__content {
    display: block;
    width: 100%;
    margin: 50px auto 0;
  }
  .single-voice__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .single-voice__btns > a {
    background-color: var(--white);
    max-width: 306px;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .single-voice__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .single-voice__hgroup {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .single-voice__customer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .single-voice__customer > span {
    position: relative;
    display: block;
    width: auto;
    padding-left: 40px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 28.67px;
  }
  .single-voice__customer > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 21.5px;
    height: 28.67px;
    background-image: url(./assets/images/icon-place.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .single-voice__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .single-voice__title > span {
    position: relative;
    display: block;
    width: auto;
    padding: 40px;
    font-size: 32px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 40px;
    text-align: center;
  }
  .single-voice__title > span::before,
  .single-voice__title > span::after {
    content: "";
    position: absolute;
    display: block;
    width: 37px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .single-voice__title > span::before {
    top: 0;
    left: 0;
    background-image: url(./assets/images/voice/icon-left.png);
  }
  .single-voice__title > span::after {
    bottom: 0;
    right: 0;
    background-image: url(./assets/images/voice/icon-right.png);
  }
  .single-voice__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .single-voice__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .single-voice__content {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 60px auto 0;
  }
  .single-voice__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 38px;
  }
  .single-voice__btns > a {
    background-color: var(--white);
    max-width: 207px;
    width: 100%;
  }
}
/*
SINGLE - news
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-works__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .single-works__wrap  {
    display: block;
    width: 100%;
    padding: 30px 20px;
    background-color: var(--white);
  }
  .single-news__date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    font-family: var(--futura);
    color: #ACACAC;
    margin-bottom: 6px;
  }
  .single-news__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 18px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-news__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .single-news__content {
    margin-top: 40px;
  }
  .single-news__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .single-news__btns > a {
    max-width: 295px;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .single-works__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .single-works__wrap  {
    display: block;
    width: 100%;
    padding: calc(80/1000 * 100%) calc(140/1000 * 100%);
    background-color: var(--white);
  }
  .single-news__date {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 28.6px;
    font-family: var(--yumincho);
    color: #ACACAC;
    margin-bottom: 6px;
  }
  .single-news__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-news__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .single-news__content {
    margin-top: 40px;
  }
  .single-news__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .single-news__btns > a {
    max-width: 207px;
    width: 100%;
  }
}
/*
PAGE - flow
--------------------------------------------- */
@media screen and (max-width:767px) {
  .flow__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__upper {
    display: block;
    width: 100%;
    padding: 50px 0 0 0;
  }
  .flow-step__box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .flow-step__box:nth-child(n+2) {
    margin-top: 68px;
  }
  .flow-step__box:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -47.52px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100px;
    height: 27.51px;
    background-image: url(./assets/images/flow/icon-trangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .flow-step__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .flow-step__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .flow-step__content {
    display: block;
    width: 100%;
  }
  .flow-step__header {
    position: relative;
    display: block;
    max-width: 650px;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 60px;
    height: 1px;
    background-color: var(--red);
  }
  .flow-step__header > span {
    font-size: 14px;
    color:#ACACAC;
    padding-right: 10px;
  }
  .flow-step__header > span > em {
    font-size: 34px;
    line-height: 20px;
  }
  .flow-step__txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .flow-step__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .flow-step__btns > a:nth-child(2) {
    margin-top: 20px;
  }
  .flow-step__btns a {
    width: 100%;
  }
  .flow-step__content-box {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: -40px;
    width: calc(100% - 20px);
    background-color: var(--white);
    padding: 20px;
  }
  .flow-step__content-box_title {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .flow-step__content-box_list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .flow-step__content-box_list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 27.5px;
    text-align: justify;
    word-break: break-all;
    padding-left: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .flow-step__content-box_list > li::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    background-color: #B41C00;
    border-radius: 2px;
  }
  .flow-step__content-box_txt {
    display: block;
    width: calc(100% + 40px);
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
    margin-left: -20px;
    padding-bottom: 30px;
  }
  .flow-step__bottom {
    position: relative;
    display: block;
    width: 100%;
    padding: 85px 0 0 0;
    background-color: #F7F7F7;
  }
  .flow-step__bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width:0;
    height:0;
    border-style:solid;
    border-width: 35px 185px 0 185px;
    border-color: #FFFFFF transparent transparent transparent;
  }
  .flow-step__bottom-txt {
    display: block;
    width: 100%;
    font-size: 16px;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
  }
  .flow-step__bottom-txt > br {
    display: none;
  }
  .flow-step__bottom-wrap {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
}
@media screen and (min-width:768px) {
  .page-contents.page-flow {
    padding-bottom: 100px;
  }
  .flow__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
  }
  .flow-step__upper {
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
  }
  .flow-step__upper > .container {
    max-width: 1366px;
    padding: 0 0;
  }
  .flow-step__box {
    position: relative;
    display: block;
    width: 100%;
    min-height: 275px;
    padding-left: calc(495/1366 * 100%);
  }
  .flow-step__upper  .flow-step__box:nth-child(1) {
    min-height: 274px;
  }
  .flow-step__upper  .flow-step__box:nth-child(4) {
    min-height: 550px;
  }
  .flow-step__box:nth-child(n+2) {
    margin-top: 125px;
  }
  .flow-step__box:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 129px;
    height: 35.37px;
    background-image: url(./assets/images/flow/icon-trangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .flow-step__figure {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(445/1366 * 100%);
    padding-left: calc(220/1366 * 100%);
  }
  .flow-step__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .flow-step__upper  .flow-step__box:nth-child(1) .flow-step__figure,
  .flow-step__upper .flow-step__box:nth-child(4) .flow-step__figure {
    padding-left: 0;
  }
  .flow-step__content {
    display: block;
    width: 100%;
    padding-right: 20px;
  }
  .flow-step__header {
    position: relative;
    display: block;
    max-width: 650px;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 28px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 121px;
    height: 1px;
    background-color: var(--red);
  }
  .flow-step__header > span {
    font-size: 25px;
    color:#ACACAC;
    padding-right: 28px;
  }
  .flow-step__header > span > em {
    font-size: 60px;
    line-height: 30px;
  }
  .flow-step__txt {
    display: block;
    max-width: 650px;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 37px;
  }
  .flow-step__btns {
    display: flex;
    max-width: 650px;
    width: 100%;
    margin-top: 30px;
  }
  .flow-step__btns > a:nth-child(2) {
    margin-left: 40px;
  }
  .flow-step__btns a.contacts {
    width: 214px;
  }
  .flow-step__btns a.siryo {
    width: 182px;
  }
  .flow-step__btns > a.reserve {
    width: 198px;
  }
  .flow-step__content-box {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 52.5px;
    max-width: calc(650px + 110px);
    width: calc(100% + 110px);
    margin-left: -110px;
    background-color: var(--white);
    padding: 35px 0 35px 110px;
  }
  .flow-step__content-box_title {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 28.6px;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .flow-step__content-box_list {
    display: block;
    max-width: 650px;
    width: 100%;
    margin-top: 20px;
  }
  .flow-step__content-box_list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 27.5px;
    text-align: justify;
    word-break: break-all;
    padding-left: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .flow-step__content-box_list > li::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    background-color: #B41C00;
    border-radius: 2px;
  }
  .flow-step__content-box_txt {
    display: block;
    max-width: 650px;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
    margin-top: 80px;
    padding-left: 20px;
  }
  .flow-step__bottom {
    position: relative;
    display: block;
    width: 100%;
    padding: 125px 0 0 0;
    background-color: #F7F7F7;
  }
  .flow-step__bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width:0;
    height:0;
    border-style:solid;
    border-width: 84px 455px 0 455px;
    border-color: #FFFFFF transparent transparent transparent;
  }
  .flow-step__bottom > .container {
    max-width: 1366px;
    padding: 0 0;
  }
  .flow-step__bottom-txt {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    line-height: 32.5px;
    font-family: var(--yumincho);
  }
  .flow-step__bottom-wrap {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .flow-step__bottom-wrap .flow-step__box:nth-child(2) .flow-step__figure,
  .flow-step__bottom-wrap .flow-step__box:last-child .flow-step__figure {
    padding-left: 0;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .flow-step__header,
  .flow-step__txt {
    max-width: 490px;
  }
  .flow-step__content-box {
    margin-top: 30px;
    max-width: calc(490px + 110px);
    width: calc(100% + 110px);
    margin-left: -80px;
    padding: 30px 0 30px 80px;
  }
  .flow-step__bottom {
    padding: 100px 0 0 0;
  }
  .flow-step__bottom::before {
    border-width: 64px 300px 0 300px;
  }
}
/*
PAGE - house
--------------------------------------------- */
@media screen and (max-width:767px) {
  .house__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .house__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
  }
}
/*intro*/
@media screen and (max-width:767px) {
  .house-intro {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .house-intro_body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .house-intro__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-intro__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .house-intro__figure {
    display: block;
    width: calc(100% + 40px);
    margin-top: 30px;
    margin-left: -20px;
  }
  .house-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .house-intro {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .house-intro_body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .house-intro__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-intro__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  .house-intro__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .house-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*airtight*/
@media screen and (max-width:767px) {
  .house-airtight {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
  }
  .house-airtight__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .house-airtight__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-airtight__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .house-airtight__box {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    border: 1px solid #CECECE;
    margin-top: 30px;
  }
  .house-airtight__box-title {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-size: 18px;
    line-height: 31.2px;
    color: #B41C00;
  }
  .house-airtight__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top: 15px;
    text-align: justify;
    word-break: break-all;
  }
  .house-airtight__box-txt > span {
    color: #B41C00;
  }
}
@media screen and (min-width:768px) {
  .house-airtight {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .house-airtight__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .house-airtight__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-airtight__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  .house-airtight__box {
    display: block;
    width: 100%;
    padding: calc(40/860 * 100%) calc(30/860 * 100%);
    background-color: var(--white);
    border: 1px solid #CECECE;
    margin-top: 50px;
  }
  .house-airtight__box-title {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-size: 20px;
    line-height: 31.2px;
    color: #B41C00;
  }
  .house-airtight__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top: 25px;
    text-align: justify;
    word-break: break-all;
  }
  .house-airtight__box-txt > span {
    color: #B41C00;
  }
}
/*insulation*/
@media screen and (max-width:767px) {
  .house-insulation {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .house-insulation__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .house-insulation__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-insulation__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .house-insulation__figure {
    display: block;
    width: calc(100% + 40px);
    margin-top: 30px;
    margin-left: -20px;
  }
  .house-insulation__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .house-insulation__box {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    border: 1px solid #CECECE;
    margin-top: 30px;
  }
  .house-insulation__box-title {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-size: 18px;
    line-height: 31.2px;
    color: #B41C00;
  }
  .house-insulation__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top: 15px;
    text-align: justify;
    word-break: break-all;
  }
  .house-insulation__box-txt > span {
    color: #B41C00;
  }
}
@media screen and (min-width:768px) {
  .house-insulation {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .house-insulation__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .house-insulation__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-insulation__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  .house-insulation__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .house-insulation__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .house-insulation__box {
    display: block;
    width: 100%;
    padding: calc(40/860 * 100%) calc(30/860 * 100%);
    background-color: var(--white);
    border: 1px solid #CECECE;
    margin-top: 50px;
  }
  .house-insulation__box-title {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-size: 20px;
    line-height: 31.2px;
    color: #B41C00;
  }
  .house-insulation__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top: 25px;
    text-align: justify;
    word-break: break-all;
  }
  .house-insulation__box-txt > span {
    color: #B41C00;
  }
}
/*method*/
@media screen and (max-width:767px) {
  .house-method {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
  }
  .house-method__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .house-method__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-method__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .house-method__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .house-method__box {
    display: block;
    width: 100%;
  }
  .house-method__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .house-method__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .house-method__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .house-method__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .house-method__figure {
    display: block;
    width: calc(100% + 40px);
    margin-top: 30px;
    margin-left: -20px;
  }
  .house-method__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .house-method__box-points {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .house-method__box-point {
    display: block;
    width: 100%;
  }
  .house-method__box-point:nth-child(n+2) {
    margin-top: 30px;
  }
  .house-method__box-point_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 20px;
    line-height: 31.2px;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .house-method__box-point_title > span {
    color: #DB2200;
    font-size: 24px;
  }
  .house-method__box-point_cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .house-method__box-point_figure {
    display: block;
    width: 175px;
  }
  .house-method__box-point_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .house-method__box-point_txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .house-method {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .house-method__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .house-method__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-method__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  .house-method__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .house-method__box {
    display: block;
    width: 100%;
  }
  .house-method__box:nth-child(n+2) {
    margin-top: 80px;
  }
  .house-method__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .house-method__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .house-method__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .house-method__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .house-method__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .house-method__box-points {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .house-method__box-point {
    display: block;
    width: 100%;
    padding: 20px 30px;
  }
  .house-method__box-point:nth-child(n+2) {
    margin-top: 30px;
  }
  .house-method__box-point_title {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 31.2px;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .house-method__box-point_title > span {
    color: #DB2200;
    font-size: 33px;
    padding-right: 15px;
  }
  .house-method__box-point_cols {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .house-method__box-point_figure {
    display: block;
    width: 175px;
  }
  .house-method__box-point_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .house-method__box-point_txt {
    display: block;
    width: calc(100% - 175px - 30px);
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
}
/*heat*/
@media screen and (max-width:767px) {
  .house-heat {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .house-heat__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .house-heat__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-heat__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .house-heat__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .house-heat__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .house-heat__txt2 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    padding-left: 20px;
    margin-top: 20px;
  }
  .house-heat__txt2 > span {
    position: absolute;
    left: 0;
  }
  .house-heat__figure {
    display: block;
    width: calc(100% + 40px);
    margin-top: 40px;
    margin-left: -20px;
  }
  .house-heat__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .house-heat {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .house-heat__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .house-heat__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .house-heat__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  .house-insulation__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .house-insulation__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .house-heat__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .house-heat__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .house-heat__title + p {
    margin-top: 30px;
  }
  .house-heat__txt2 {
    position: relative;
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
    padding-left: 20px;
    margin-top: 20px;
  }
  .house-heat__txt2 > span {
    position: absolute;
    left: 0;
  }
  .house-heat__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .house-heat__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*
PAGE - zeh
--------------------------------------------- */
@media screen and (max-width:767px) {
  .zeh__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .zeh__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
  }
}
/*intro*/
@media screen and (max-width:767px) {
  .zeh-intro {
    display: block;
    width: 100%;
    padding: 50px 0 0 0;
  }
  .zeh-intro__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .zeh-intro__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .zeh-intro__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .zeh-intro__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .zeh-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .zeh-intro {
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
  }
  .zeh-intro__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .zeh-intro__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .zeh-intro__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  .zeh-intro__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .zeh-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width:767px) {
  .zeh-intro__point-wrap {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
    margin: 0 auto;
  }
  .zeh-intro__point {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: var(--white);
    border: 1px solid #CECECE;
    padding: 20px;
  }
  .zeh-intro__point:nth-child(n+2) {
    margin-top: 30px;
  }
  .zeh-intro__point-figure {
    display: block;
    width: 150px;
  }
  .zeh-intro__point-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .zeh-intro__point-col {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .zeh-intro__point-title {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 33.8px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .zeh-intro__point-txt{
    display: block;
    width: 100%;
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .zeh-intro__point-wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    padding: 50px 0 100px;
    margin: 0 auto;
  }
  .zeh-intro__point {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: var(--white);
    border: 1px solid #CECECE;
    padding: calc(20/860 * 100%) calc(30/860 * 100%);
  }
  .zeh-intro__point:nth-child(n+2) {
    margin-top: 30px;
  }
  .zeh-intro__point-figure {
    display: block;
    width: calc(165/797 * 100%);
  }
  .zeh-intro__point-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .zeh-intro__point-col {
    display: block;
    width: calc(600/797 * 100%);
  }
  .zeh-intro__point-title {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 33.8px;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .zeh-intro__point-txt{
    display: block;
    width: 100%;
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (max-width:767px) {
  .zeh-intro__goal-wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .zeh-intro__goal-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .zeh-intro__goal-title > span:nth-child(1) {
    font-size: 18px;
    line-height: 20px;
  }
  .zeh-intro__goal-title > span:nth-child(2) {
    font-size: 22px;
    line-height: 32px;
  }
  .zeh-intro__goal-list {
    display: block;
    width: 100%;
    margin: 50px auto 0;
    border-bottom: 1px solid #DDDDDD;
  }
  .zeh-intro__goal-list > li {
    display: block;
    width: 100%;
  }
  .zeh-intro__goal-list > li > dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    font-family: var(--yumincho);
  }
  .zeh-intro__goal-list > li > dl > dt {
    display: flex;
    align-items: center;
    justify-content: center ;
    width:100%;
    height: 51px;
    background-color: #E9E9E9;
    line-height: 28px;
  }
  .zeh-intro__goal-list > li > dl > dd:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(190/335 * 100%);
    background-color: #FBFBFB;
    line-height: 28px;
    padding: 15px 0 15px 0;
  }
  .zeh-intro__goal-list > li > dl > dd:nth-child(3) {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(145/335 * 100%);
    line-height: 28px;
    padding: 15px 0 15px 0;
  }
  .zeh-intro__goal-list > li > dl > dd:nth-child(3) > small {
    font-size: 13px;
    line-height: 12px;
  }
  .zeh-intro__goal-list > li:not(:first-child) > dl > dt {
    border-top: 1px solid var(--white);
  }
  .zeh-intro__banner {
    display: block;
    width: 100%;
  }
  .zeh-intro__banner  > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width:359px) {
  .zeh-intro__goal-title > span:nth-child(1) {
    font-size: 17px;
  }
  .zeh-intro__goal-list > li > dl > dd:nth-child(3) > small {
    font-size: 10px;
  }
}
@media screen and (min-width:768px) {
  .zeh-intro__goal-wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .zeh-intro__goal-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .zeh-intro__goal-title > span:nth-child(1) {
    font-size: 24px;
    line-height: 26px;
  }
  .zeh-intro__goal-title > span:nth-child(2) {
    font-size: 34px;
    line-height: 48px;
  }
  .zeh-intro__goal-list {
    display: block;
    max-width: 590px;
    width: 100%;
    margin: 50px auto 0;
    border: 1px solid #DDDDDD;
  }
  .zeh-intro__goal-list > li {
    display: block;
    width: 100%;
  }
  .zeh-intro__goal-list > li > dl {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-family: var(--yumincho);
  }
  .zeh-intro__goal-list > li > dl > dt {
    display: flex;
    align-items: center;
    justify-content: flex-end ;
    width: calc(140/590 * 100%);
    background-color: #E9E9E9;
    line-height: 28px;
    padding: 15px 15px 15px 0;
  }
  .zeh-intro__goal-list > li > dl > dd:nth-child(2) {
    display: flex;
    align-items: center;
    width: calc(230/590 * 100%);
    background-color: #FBFBFB;
    line-height: 28px;
    padding: 15px 0 15px 20px;
  }
  .zeh-intro__goal-list > li > dl > dd:nth-child(3) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(220/590 * 100%);
    line-height: 28px;
    padding: 15px 0 15px 20px;
  }
  .zeh-intro__goal-list > li > dl > dd:nth-child(3) > small {
    font-size: 13px;
    line-height: 12px;
  }
  .zeh-intro__goal-list > li:not(:first-child) > dl > dt {
    border-top: 1px solid var(--white);
  }
  .zeh-intro__goal-list > li:not(:first-child) > dl > dd {
    border-top: 1px solid #DDDDDD;
  }
  .zeh-intro__banner {
    display: block;
    width: 100%;
  }
  .zeh-intro__banner  > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*passive*/
@media screen and (max-width:767px) {
  .zeh-passive {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
  }
  .zeh-passive__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .zeh-passive__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .zeh-passive__txt {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin-top: 30px;
  }
  .zeh-passive__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .zeh-passive__btns > a {
    max-width: 354px;
    width: 100%;
  }
  .zeh-passive__wrap {
    display: block;
    width: 100%;
  }
  .zeh-passive__box {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .zeh-passive__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .zeh-passive__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .zeh-passive__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .zeh-passive__box-txt > span {
    color: #B41C00;
  }
  .zeh-passive__box-figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .zeh-passive__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .zeh-passive__box-list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .zeh-passive__box-list > li {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    border: 1px solid #CECECE;
  }
  .zeh-passive__box-list > li:nth-child(n+2) {
    margin-top: 50px;
  }
  .zeh-passive__box-block {
    display: block;
    width: 100%;
  }
  .zeh-passive__box-block_title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 13px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .zeh-passive__box-block_title::first-letter {
    font-size: 28px;
    color: var(--red);
  }
  .zeh-passive__box-block_col {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 25px;
  }
  .zeh-passive__box-block_figure {
    display: block;
    width: 175px;
  }
  .hiraya-merit__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .zeh-passive__box-block_txt {
    display: block;
    width: 100%;
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .zeh-passive__box-list + p {
    margin-top: 50px;
  }
  .zeh-passive__box-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .zeh-passive__box-btns > a {
    max-width: 292px;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .zeh-passive {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .zeh-passive__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .zeh-passive__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .zeh-passive__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top: 50px;
  }
  .zeh-passive__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 45px;
  }
  .zeh-passive__btns > a {
    max-width: 354px;
    width: 100%;
  }
  .zeh-passive__wrap {
    display: block;
    width: 100%;
  }
  .zeh-passive__box {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .zeh-passive__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .zeh-passive__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .zeh-passive__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .zeh-passive__box-txt > span {
    color: #B41C00;
  }
  .zeh-passive__box-figure {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .zeh-passive__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .zeh-passive__box-list {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .zeh-passive__box-list > li {
    display: block;
    width: 100%;
    padding: calc(40/860 * 100%) calc(30/860 * 100%);
    background-color: var(--white);
    border: 1px solid #CECECE;
  }
  .zeh-passive__box-list > li:nth-child(n+2) {
    margin-top: 50px;
  }
  .zeh-passive__box-block {
    display: block;
    width: 100%;
  }
  .zeh-passive__box-block_title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .zeh-passive__box-block_title::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .zeh-passive__box-block_col {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
  }
  .zeh-passive__box-block_figure {
    display: block;
    width: calc(175/800 * 100%);
  }
  .hiraya-merit__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .zeh-passive__box-block_txt {
    display: block;
    width: calc(595/800 * 100%);
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
  .zeh-passive__box-list + p {
    margin-top: 100px;
  }
  .zeh-passive__box-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .zeh-passive__box-btns > a {
    max-width: 292px;
    width: 100%;
  }
}
/*
PAGE - passiveair
--------------------------------------------- */
@media screen and (max-width:767px) {
  .passiveair-problem {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-image: url(./assets/images/passiveair/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .passiveair-problem__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .passiveair-problem__header {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 34px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--white);
    text-align: center;
  }
  .passiveair-problem__list {
    display: block;
    width:100%;
    margin-top: 30px;
    padding: 20px;
    background-color: rgba(255,255,255,75%);
  }
  .passiveair-problem__list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 22.5px;
    padding-left: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .passiveair-problem__list > li::before{
    content: "";
    position: absolute;
    top:8px;
    left: 0;
    display: block;
    width: 11.98px;
    height: 8.93px;
    background-image: url(./assets/images/passiveair/icon-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .passiveair-problem__list > li:nth-child(n+2) {
    margin-top: 22px;
  }
}
@media screen and (max-width:359px) {
  .page-title.passiveair > span:nth-child(1) {
    font-size: 25px;
  }
}
@media screen and (min-width:768px) {
  .passiveair-problem {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-image: url(./assets/images/passiveair/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .passiveair-problem__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .passiveair-problem__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--white);
    text-align: center;
  }
  .passiveair-problem__list {
    display: block;
    width: calc(653/1000 * 100%);
    margin-top: 50px;
    padding: calc(30/1000 * 100%);
    background-color: rgba(255,255,255,75%);
    margin-left: auto;
  }
  .passiveair-problem__list > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    line-height: 22.5px;
    padding-left: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .passiveair-problem__list > li::before{
    content: "";
    position: absolute;
    top:8px;
    left: 0;
    display: block;
    width: 11.98px;
    height: 8.93px;
    background-image: url(./assets/images/passiveair/icon-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .passiveair-problem__list > li:nth-child(n+2) {
    margin-top: 22px;
  }
}
/*means*/
@media screen and (max-width:767px) {
  .passiveair-means {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
  }
  .passiveair-means__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .passiveair-means__slogan {
    display: block;
    width: 100%;
    text-align: center;
    font-size: clamp(1rem, 5.455vw - 0.164rem, 1.2rem);
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 32px;
  }
  .passiveair-means__slogan > span {
    font-size: clamp(1.2rem, 7.273vw - 0.352rem, 1.467rem);
    color: #36A884;
  }
  .passiveair-means__figure {
    display: block;
    width: calc(100% + 20px);
    margin-top: 50px;
    margin-left: -10px;
  }
  .passiveair-means__header {
    display: block;
    width: 100%;
    font-size: 28px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
    margin-top: 50px;
  }
  .passiveair-means__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .passiveair-means {
    display: block;
    width: 100%;
    padding: 100px 0 80px;
  }
  .passiveair-means__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .passiveair-means__slogan {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 40px;
  }
  .passiveair-means__slogan > span {
    font-size: 24px;
    color: #36A884;
  }
  .passiveair-means__figure {
    display: block;
    width: 100%;
    margin-top: 60px;
    padding: 0 30px;
  }
  .passiveair-means__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 31.2px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
    margin-top: 60px;
  }
  .passiveair-means__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
/*feature*/
@media screen and (max-width:767px) {
  .passiveair-feature {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
  }
  .passiveair-feature__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
    margin-top: 60px;
  }
  .passiveair-feature__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 30px auto 0;
  }
  .passiveair-feature__wrap {
    display: block;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: 30px;
  }
  .passiveair-feature__box {
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 30px 20px;
  }
  .passiveair-feature__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .passiveair-feature__box-inner {
    display: block;
    width: 100%;
  }
  .passiveair-feature__box-title {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    min-height: 40px;
    padding-bottom: 8px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    padding-left: 40px;
  }
  .passiveair-feature__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .passiveair-feature__box-title > span {
    position: absolute;
    top: 0;
    left: -5px;
    display: block;
    width: 40px;
    font-size: 28px;
    color: var(--red);
    letter-spacing: -5px;
  }
  .passiveair-feature__box-title > small {
    font-size: 13px;
  }
  .passiveair-feature__box-figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .passiveair-feature__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-feature__box-figure > p {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #ACACAC;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .passiveair-feature__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }

}
@media screen and (min-width:768px) {
  .passiveair-feature {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .passiveair-feature__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 31.2px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
    margin-top: 60px;
  }
  .passiveair-feature__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 50px auto 0;
  }
  .passiveair-feature__wrap {
    display: block;
    width: 100%;
  }
  .passiveair-feature__box {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    min-height: 445px;
    margin: 50px auto 0;
  }
  .passiveair-feature__box-inner {
    display: block;
    width: 100%;
    background-color: var(--white);
  }
  .passiveair-feature__box:last-child {
    min-height: 475px;
  }
  .passiveair-feature__box:nth-of-type(odd) .passiveair-feature__box-inner {
    padding: calc(50/1000 * 100%) calc(500/1000 * 100%) calc(50/1000 * 100%) calc(70/1000 * 100%);
  }
  .passiveair-feature__box:nth-of-type(even) .passiveair-feature__box-inner {
    padding: calc(50/1000 * 100%) calc(70/1000 * 100%) calc(50/1000 * 100%) calc(500/1000 * 100%);
  }
  .passiveair-feature__box-title {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    min-height: 55px;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    padding-left: 70px;
  }
  .passiveair-feature__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .passiveair-feature__box-title > span {
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 70px;
    font-size: 50px;
    color: var(--red);
    letter-spacing: -5px;
  }
  .passiveair-feature__box-title > small {
    font-size: 16px;
  }
  .passiveair-feature__box-figure {
    position: absolute;
    top: 50px;
    display: block;
    width: calc(500/1000 * 100%);
  }
  .passiveair-feature__box:nth-of-type(odd) .passiveair-feature__box-figure {
    right: -50px;
  }
  .passiveair-feature__box:nth-of-type(even) .passiveair-feature__box-figure {
    left: -50px;
  }
  .passiveair-feature__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-feature__box-figure > p {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: var(--yumincho);
    line-height: 30px;
    color: #ACACAC;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .passiveair-feature__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .passiveair-feature__box:nth-of-type(odd) .passiveair-feature__box-inner {
    padding: calc(50/1000 * 100%) calc(450/1000 * 100%) calc(50/1000 * 100%) calc(70/1000 * 100%);
  }
  .passiveair-feature__box:nth-of-type(even) .passiveair-feature__box-inner {
    padding: calc(50/1000 * 100%) calc(70/1100 * 100%) calc(50/1000 * 100%) calc(450/1000 * 100%);
  }
  .passiveair-feature__box:last-child {
    min-height: 320px;
  }
  .passiveair-feature__box:last-child .passiveair-feature__box-title > br {
    display: none;
  }
}
/*structure*/
@media screen and (max-width:767px) {
  .passiveair-structure {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .passiveair-structure__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .passiveair-structure__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .passiveair-structure__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 30px auto 0;
  }
  .passiveair-structure__figure {
    display: block;
    width: 100%;
    margin: 56px auto 0;
  }
  .passiveair-structure__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-structure__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .passiveair-structure__box {
    display: block;
    width: 100%;
  }
  .passiveair-structure__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .passiveair-structure__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .passiveair-structure__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .passiveair-structure__box-figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .passiveair-structure__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-structure__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .passiveair-structure__box-cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .passiveair-structure__box-col {
    display: block;
    width: 100%;
  }
  .passiveair-structure__box-col:nth-child(n+2){
    margin-top: 30px;
  }
  .passiveair-structure__box-col_title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 32px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;
  }
  .passiveair-structure__box-col_title.gray {
    background-color: #E6E6E6;
  }
  .passiveair-structure__box-col_title.blue {
    background-color: #3366CC;
    color: var(--white);
  }
  .passiveair-structure__box-col_title.orange {
    background-color: #FF9966;
    color: var(--white);
  }
  .passiveair-structure__box-col_figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .passiveair-structure__box-col_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-structure__box-col_caption {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 30px;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .passiveair-structure {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .passiveair-structure__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .passiveair-structure__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 31.2px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .passiveair-structure__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 40px auto 0;
  }
  .passiveair-structure__figure {
    display: block;
    width: calc(600/860 * 100%);
    margin: 40px auto 0;
  }
  .passiveair-structure__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-structure__wrap {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .passiveair-structure__box {
    display: block;
    width: 100%;
  }
  .passiveair-structure__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .passiveair-structure__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .passiveair-structure__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .passiveair-structure__box-figure {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .passiveair-structure__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-structure__box-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .passiveair-structure__box-cols {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
  }
  .passiveair-structure__box-col {
    display: block;
    width: calc(405/860 * 100%);
  }
  .passiveair-structure__box-col_title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;
  }
  .passiveair-structure__box-col_title.gray {
    background-color: #E6E6E6;
  }
  .passiveair-structure__box-col_title.blue {
    background-color: #3366CC;
    color: var(--white);
  }
  .passiveair-structure__box-col_title.orange {
    background-color: #FF9966;
    color: var(--white);
  }
  .passiveair-structure__box-col_figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .passiveair-structure__box-col_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-structure__box-col_caption {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 30px;
    margin-top: 20px;
  }
}
/*simulation*/
@media screen and (max-width:767px) {
  .passiveair-simulation {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
    margin-bottom: 50px;
  }
  .passiveair-simulation__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .passiveair-simulation__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .passiveair-simulation__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .passiveair-simulation__cols {
    display: flex;
   flex-direction: column;
   align-items: center;
    width: 100%;
    margin-top: 50px;
  }
  .passiveair-simulation__col{
    display: block;
    width: 100%;
  }
  .passiveair-simulation__col:nth-child(n+2) {
    margin-top: 30px;
  }
  .passiveair-simulation__col-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 32px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;
  }
  .passiveair-simulation__col-title.gray {
    background-color: #E6E6E6;
  }
  .passiveair-simulation__col-title.red {
    background-color: #B41C00;
    color: var(--white);
  }
  .passiveair-simulation__col-figure {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .passiveair-simulation__col-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-simulation__col-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .passiveair-simulation__rank {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .passiveair-simulation__rank-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .passiveair-simulation__rank-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .passiveair-simulation__rank-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .passiveair-simulation__rank-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 30px;
    width: 100%;
    margin-top: 30px;
  }
  .passiveair-simulation__rank-box {
    display: block;
    width: 100%;
  }
  .passiveair-simulation__rank-box_title {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 37.2px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
  }
  .passiveair-simulation__rank-box__figure {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .passiveair-simulation__rank-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-simulation__rank-box__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
}
@media screen and (max-width:359px) {
  .passiveair-simulation__header {
    font-size: 21px;
  }
}
@media screen and (min-width:768px) {
  .passiveair-simulation {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
    margin-bottom: 70px;
  }
  .passiveair-simulation__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .passiveair-simulation__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 50px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .passiveair-simulation__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .passiveair-simulation__cols {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .passiveair-simulation__col{
    display: block;
    width: calc(405/860 * 100%);
  }
  .passiveair-simulation__col-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;
  }
  .passiveair-simulation__col-title.gray {
    background-color: #E6E6E6;
  }
  .passiveair-simulation__col-title.red {
    background-color: #B41C00;
    color: var(--white);
  }
  .passiveair-simulation__col-figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .passiveair-simulation__col-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-simulation__col-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .passiveair-simulation__rank {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .passiveair-simulation__rank-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .passiveair-simulation__rank-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .passiveair-simulation__rank-txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .passiveair-simulation__rank-wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: calc(50/860 * 100%);
    row-gap: 60px;
    width: 100%;
    margin-top: 30px;
  }
  .passiveair-simulation__rank-box {
    display: block;
    width: 100%;
  }
  .passiveair-simulation__rank-box_title {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 37.2px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
  }
  .passiveair-simulation__rank-box__figure {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .passiveair-simulation__rank-box__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .passiveair-simulation__rank-box__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
/*
PAGE - arthquake-proof
--------------------------------------------- */
@media screen and (max-width:767px) {
  .arthquake-proof__txt {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .arthquake-proof__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
    text-align: center;
  }
}
/*class*/
@media screen and (max-width:767px) {
  .arthquake-proof-class {
    display: block;
    width: 100%;
    padding: 100px 0 50px;
  }
  .arthquake-proof-class__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .arthquake-proof-class__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .arthquake-proof-class__wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .arthquake-proof-class__box {
    display: block;
    width: 100%;
  }
  .arthquake-proof-class__box:nth-child(n+2) {
    margin-top: 60px;
  }
  .arthquake-proof-class__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .arthquake-proof-class__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .arthquake-proof-class__box-cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .arthquake-proof-class__box-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .arthquake-proof-class__box-txt > span {
    color: #B41C00;
  }
  .arthquake-proof-class__box-figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .arthquake-proof-class__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__figure {
    display: block;
    width: calc(262.81/335 * 100%);
    margin: 30px auto 0;
  }
  .arthquake-proof-class__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .arthquake-proof-class__list > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    border: 1px solid #CECECE;
  }
  .arthquake-proof-class__list > li:nth-child(n+2) {
    margin-top: 30px;
  }
  .arthquake-proof-class__list-figure {
    display: block;
    width: 150px;
  }
  .arthquake-proof-class__list-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__list-content {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .arthquake-proof-class__list-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 33.8px;
    text-align: center;
  }
  .arthquake-proof-class__list-sub-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 32px;
    margin-top: 10px;
    text-align: center;
  }
  .arthquake-proof-class__list-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .arthquake-proof-class__list > li:nth-child(1) .arthquake-proof-class__list-title,
  .arthquake-proof-class__list > li:nth-child(1) .arthquake-proof-class__list-sub-title {
    color: var(--font-color);
  }
  .arthquake-proof-class__list > li:nth-child(2) .arthquake-proof-class__list-title,
  .arthquake-proof-class__list > li:nth-child(2) .arthquake-proof-class__list-sub-title {
    color: #513333;
  }
  .arthquake-proof-class__list > li:nth-child(3) .arthquake-proof-class__list-title,
  .arthquake-proof-class__list > li:nth-child(3) .arthquake-proof-class__list-sub-title {
    color: #8E1600;
  }
  .arthquake-proof-class__box-txt2 {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .arthquake-proof-class__block {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .arthquake-proof-class__block-title {
    display: block;
    width: 100%;
    font-size: 19px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 15px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .arthquake-proof-class__block-title::first-letter {
    font-size: 28px;
    color: var(--red);
  }
  .arthquake-proof-class__block-figure {
    display: block;
    width: 100%;
    margin-top: 40px;
    padding-left: 20px;
  }
  .arthquake-proof-class__block-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__block-figure.fig1 {
    padding-bottom: 30px;
  }
  .arthquake-proof-class__block-cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .arthquake-proof-class__block-col_figure {
    display: block;
    width: 100%;
  }
  .arthquake-proof-class__block-col_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__block-col_content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .arthquake-proof-class__block-col_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .arthquake-proof-class__block-col_title > span:nth-child(1) {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    width: auto;
    height: 26px;
    font-family: var(--yumincho);
    background-color: #8E1600;
    border-radius: 2px;
    padding: 0 15px 0 5px;
    font-size: 12px;
    line-height: 1;
    color:var(--white);
  }
  .arthquake-proof-class__block-col_title > span:nth-child(2) {
    display: block;
    width: auto;
    font-family: var(--yumincho);
    font-size: 20px;
    line-height: 45px;
    font-weight: 500;
    color:#8E1600;
    margin-top: 5px;
  }
  .arthquake-proof-class__block-col_txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 5px;
  }
  .arthquake-proof-class__block-col_txt > span {
    color: #B41C00;
  }
}
@media screen and (min-width:768px) {
  .arthquake-proof-class {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .arthquake-proof-class__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .arthquake-proof-class__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .arthquake-proof-class__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .arthquake-proof-class__box {
    display: block;
    width: 100%;
  }
  .arthquake-proof-class__box:nth-child(n+2) {
    margin-top: 100px;
  }
  .arthquake-proof-class__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .arthquake-proof-class__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .arthquake-proof-class__box-cols {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
  }
  .arthquake-proof-class__box-txt {
    display: block;
    width: 50%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .arthquake-proof-class__box-txt > span {
    color: #B41C00;
  }
  .arthquake-proof-class__box-figure {
    display: block;
    width: calc(390/860 * 100%);
  }
  .arthquake-proof-class__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .arthquake-proof-class__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__list {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .arthquake-proof-class__list > li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: calc(40/860 * 100%) calc(30/860 * 100%);
    background-color: var(--white);
    border: 1px solid #CECECE;
  }
  .arthquake-proof-class__list > li:nth-child(n+2) {
    margin-top: 40px;
  }
  .arthquake-proof-class__list-figure {
    display: block;
    width: calc(175/800 * 100%);
  }
  .arthquake-proof-class__list-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__list-content {
    display: block;
    width: calc(595/800 * 100%);
  }
  .arthquake-proof-class__list-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 33.8px;
  }
  .arthquake-proof-class__list-sub-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 32px;
    margin-top: 10px;
  }
  .arthquake-proof-class__list-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .arthquake-proof-class__list > li:nth-child(1) .arthquake-proof-class__list-title,
  .arthquake-proof-class__list > li:nth-child(1) .arthquake-proof-class__list-sub-title {
    color: var(--font-color);
  }
  .arthquake-proof-class__list > li:nth-child(2) .arthquake-proof-class__list-title,
  .arthquake-proof-class__list > li:nth-child(2) .arthquake-proof-class__list-sub-title {
    color: #513333;
  }
  .arthquake-proof-class__list > li:nth-child(3) .arthquake-proof-class__list-title,
  .arthquake-proof-class__list > li:nth-child(3) .arthquake-proof-class__list-sub-title {
    color: #8E1600;
  }
  .arthquake-proof-class__box-txt2 {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;
  }
  .arthquake-proof-class__block {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .arthquake-proof-class__block-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .arthquake-proof-class__block-title::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .arthquake-proof-class__block-figure {
    display: block;
    width: 100%;
    margin-top: 40px;
    padding-left: 20px;
  }
  .arthquake-proof-class__block-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__block-figure.fig1 > img {
    width: calc(783/840 * 100%);
    padding-bottom: 50px;
  }
  .arthquake-proof-class__block-cols {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
  }
  .arthquake-proof-class__block-col_figure {
    display: block;
    width: 50%;
    padding: 0 20px;
  }
  .arthquake-proof-class__block-col_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-class__block-col_content {
    display: block;
    width: 50%;
    padding-left: 10px;
  }
  .arthquake-proof-class__block-col_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .arthquake-proof-class__block-col_title > span:nth-child(1) {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    width: auto;
    height: 30px;
    font-family: var(--yumincho);
    background-color: #8E1600;
    border-radius: 2px;
    padding: 0 15px 0 5px;
    font-size: 15px;
    line-height: 1;
    color:var(--white);
  }
  .arthquake-proof-class__block-col_title > span:nth-child(2) {
    display: block;
    width: auto;
    font-family: var(--yumincho);
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color:#8E1600;
    margin-top: 5px;
  }
  .arthquake-proof-class__block-col_txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .arthquake-proof-class__block-col_txt > span {
    color: #B41C00;
  }
}
/*tech*/
@media screen and (max-width:767px) {
  .arthquake-proof-tech {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
  }
  .arthquake-proof-tech__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .arthquake-proof-tech__wrap {
    display: block;
    width: 100%;
    margin: 30px auto 0;
  }
  .arthquake-proof-tech__box {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }
  .arthquake-proof-tech__box:nth-child(n+2){
    margin-top: 50px;
  }
  .arthquake-proof-tech__box-figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .arthquake-proof-tech__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-tech__box-content {
    display: block;
    width: 100%;
  }
  .arthquake-proof-tech__box-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
    padding-left: 50px;
  }
  .arthquake-proof-tech__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .arthquake-proof-tech__box-title > span {
    position: absolute;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 50px;
    font-size: 30px;
    color: var(--red);
    letter-spacing: -5px;
  }
  .arthquake-proof-tech__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .arthquake-proof-tech {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .arthquake-proof-tech__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .arthquake-proof-tech__wrap {
    display: block;
    max-width: 980px;
    width: 100%;
    margin: 100px auto 0;
  }
  .arthquake-proof-tech__box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .arthquake-proof-tech__box:nth-child(n+2){
    margin-top: 50px;
  }
  .arthquake-proof-tech__box-figure {
    display: block;
    width: calc(406/980 * 100%);
  }
  .arthquake-proof-tech__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .arthquake-proof-tech__box-content {
    display: block;
    width: calc(527/980 * 100%);
  }
  .arthquake-proof-tech__box-title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
    padding-left: 90px;
  }
  .arthquake-proof-tech__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .arthquake-proof-tech__box-title > span {
    position: absolute;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 80px;
    font-size: 50px;
    color: var(--red);
    letter-spacing: -5px;
  }
  .arthquake-proof-tech__box-txt {
    display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
/*quality*/
@media screen and (max-width:767px) {
  .arthquake-proof-quality {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
  }
  .arthquake-proof-quality__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .arthquake-proof-quality__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .arthquake-proof-quality__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .arthquake-proof-quality__figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .arthquake-proof-quality__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .arthquake-proof-quality {
    display: block;
    width: 100%;
    padding: 100px 0 50px;
  }
  .arthquake-proof-quality__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .arthquake-proof-quality__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .arthquake-proof-quality__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .arthquake-proof-quality__figure {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .arthquake-proof-quality__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*
PAGE - energy-for-1985
--------------------------------------------- */
/*intro*/
@media screen and (max-width:767px) {
  .energy-for-intro {
    display: block;
    width: 100%;
    padding: 0 0 74px 0;
    margin-top: -20px;
  }
  .energy-for-intro__wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-intro__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .energy-for-intro__figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .energy-for-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .energy-for-intro__txt {
    order: 3;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .energy-for-intro {
    display: block;
    width: 100%;
    padding: 0 0 74px 0;
    margin-top: -20px;
  }
  .energy-for-intro__wrap {
    display: flex;
    flex-direction: column;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-intro__figure {
    order: 1;
    display: block;
    width: 100%;
  }
  .energy-for-intro__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .energy-for-intro__header {
    order: 2;
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 70px;
  }
  .energy-for-intro__txt {
    order: 3;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
}
/*adviser*/
@media screen and (max-width:767px) {
  .energy-for-adviser {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-image: url(./assets/images/energy-for-1985/bg1-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .energy-for-adviser__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-adviser__slogan {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .energy-for-adviser__slogan > span {
    display: flex;
    align-items: center;
    width: auto;
    font-size: 15px;
    padding: 5px 10px;
    background-color: var(--white);
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 21px;
  }
  .energy-for-adviser__slogan > span + span {
    margin-top: 10px;
  }
  .energy-for-adviser__header {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    color: var(--white);
    font-weight: 500;
    line-height: 31.2px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .energy-for-adviser__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .energy-for-adviser {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-image: url(./assets/images/energy-for-1985/bg1-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .energy-for-adviser__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-adviser__slogan {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .energy-for-adviser__slogan > span {
    display: flex;
    align-items: center;
    width: auto;
    font-size: 20px;
    padding: 10px 20px;
    background-color: var(--white);
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25px;
  }
  .energy-for-adviser__slogan > span + span {
    margin-top: 10px;
  }
  .energy-for-adviser__header {
    display: block;
    width: 100%;
    font-size: 34px;
    font-family: var(--yumincho);
    color: var(--white);
    font-weight: 500;
    line-height: 31.2px;
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
  .energy-for-adviser__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    color: var(--white);
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
}
/*saving*/
@media screen and (max-width:767px) {
  .energy-for-saving {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .energy-for-saving__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-saving__header {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 15px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .energy-for-saving__header::first-letter {
    font-size: 28px;
    color: var(--red);
  }
  .energy-for-saving__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .energy-for-saving {
    display: block;
    width: 100%;
    padding: 80px 0;
  }
  .energy-for-saving__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-saving__header {
    display: block;
    width: 100%;
    font-size: 26px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .energy-for-saving__header::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .energy-for-saving__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
}
/*cost*/
@media screen and (max-width:767px) {
  .energy-for-cost {
    display: block;
    width: 100%;
    padding: 320px 0 50px;
    background-image: url(./assets/images/energy-for-1985/bg2-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .energy-for-cost__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-cost__content {
    display: block;
    width: 100%;
    margin-left: auto;
  }
  .energy-for-cost__header {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    line-height: 34px;
  }
  .energy-for-cost__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (max-width:359px) {
  .energy-for-cost__header {
    font-size: 16px;
  }
}
@media screen and (min-width:768px) {
  .energy-for-cost {
    display: block;
    width: 100%;
    padding: 90px 0 50px;
    background-image: url(./assets/images/energy-for-1985/bg2-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .energy-for-cost__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-cost__content {
    display: block;
    width: calc(590/1000 * 100%);
    margin-left: auto;
  }
  .energy-for-cost__header {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    line-height: 34px;
  }
  .energy-for-cost__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
}
/*blocks*/
@media screen and (max-width:767px) {
  .energy-for-blocks {
    display: block;
    width: 100%;
    padding: 50px 0 0 0;
  }
  .energy-for-blocks__row1 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }
  .energy-for-blocks__row1 > picture {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .energy-for-blocks__row1 > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .energy-for-blocks__row1-content {
    display: block;
    width: 100%;
  }
  .energy-for-blocks__block-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 15px;
    border-left: 5px solid #5FAD3D;
    line-height: 33px;
  }
  .energy-for-blocks__block-title > br {
    display: none;
  }
  .energy-for-blocks__block-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .energy-for-blocks__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-blocks__row2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 50px auto 0;
  }
  .energy-for-blocks__row2-content {
    display: block;
    width: 100%;
  }
  .energy-for-blocks__row2 > picture {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .energy-for-blocks__row2 > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .energy-for-blocks__row3 {
    display: block;
    width: 100%;
    margin: 50px auto 0;
  }
  .energy-for-blocks__row4 {
    display: block;
    width: 100%;
    margin: 50px auto 0;
  }
  .energy-for-blocks__link {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin: 50px auto;
  }
  .energy-for-blocks__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .energy-for-blocks__link > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .energy-for-blocks {
    display: block;
    width: 100%;
    padding: 170px 0 0 0;
  }
  .energy-for-blocks__row1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .energy-for-blocks__row1 > picture {
    display: block;
    width: 50%;
    padding-left: 20px;
  }
  .energy-for-blocks__row1 > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .energy-for-blocks__row1-content {
    display: block;
    width: calc(332/1100 * 100%);
    margin-right: calc(120/1100 * 100%);
  }
  .energy-for-blocks__block-title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 5px solid #5FAD3D;
    line-height: 33px;
  }
  .energy-for-blocks__block-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 21px;
  }
  .energy-for-blocks__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-blocks__row2 {
    display: flex;
    justify-content: space-between;
    max-width: 860px;
    width: 100%;
    margin: 86px auto 0;
  }
  .energy-for-blocks__row2-content {
    display: block;
    width: calc(332/860 * 100%);
  }
  .energy-for-blocks__row2 > picture {
    display: block;
    width: 50%;
    padding-right: 15px;
  }
  .energy-for-blocks__row2 > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .energy-for-blocks__row3 {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 84px auto 0;
  }
  .energy-for-blocks__row3 > p {
    margin-top: 31px;
  }
  .energy-for-blocks__row4 {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 54px auto 0;
  }
  .energy-for-blocks__row3 > p {
    margin-top: 35px;
  }
  .energy-for-blocks__link {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    margin: 74px auto 125px;
  }
  .energy-for-blocks__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .energy-for-blocks__link > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .energy-for-blocks__row1 > picture {
    padding-left: 0;
  }
  .energy-for-blocks__row1-content {
    width: calc(332/860 * 100%);
    margin-right: 0;
  }
  .energy-for-blocks__block-title {
    font-size: 20px;
  }
}
/*msg*/
@media screen and (max-width:767px) {
  .energy-for-msg {
    display: block;
    width: 100%;
  }
  .energy-for-msg__row1 {
    display: block;
    width: 100%;
    padding: 20px 0;
    background-color: #F7F7F7;
  }
  .energy-for-msg__row1__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .energy-for-msg__row1-figure {
    display: block;
    width: 176px;
  }
  .energy-for-msg__row1-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .energy-for-msg__row1-content {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .energy-for-msg__row1-slogan {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .energy-for-msg__row1-slogan > span {
    display: block;
    width: auto;
    font-size: 13px;
    line-height: 19px;
    padding: 5px;
    font-family: var(--yumincho);
    font-weight: 500;
    background-color: var(--white);
  }
  .energy-for-msg__row1-title {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
  .energy-for-msg__row1-title > span {
    display: block;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .energy-for-msg__row1-title > span:nth-child(1) {
    font-size: 14px;
    line-height: 28px;
  }
  .energy-for-msg__row1-title > span:nth-child(2) {
    font-size: 14px;
    line-height: 28px;
  }
  .energy-for-msg__row1-title > span:nth-child(2) > em {
    font-size: 20px;
    padding-right: 20px;
  }
  .energy-for-msg__row1-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: center;
    margin-top: 10px;
  }
  .energy-for-msg__row1-list {
    display: block;
    max-width: 295px;
    width: 100%;
    margin: 20px auto 0;
  }
  .energy-for-msg__row1-list > li {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 25px;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .energy-for-msg__row1-list > li + li {
    margin-top: 10px;
  }
  .energy-for-msg__row1-list > li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ACACAC;
  }
  .energy-for-msg__row2 {
    display: block;
    width: 100%;
    padding: 30px 0 clamp(18.667rem, 22.321vw + 13.905rem, 25.333rem);
    background-image: url(./assets/images/energy-for-1985/bg3-sp.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    margin-bottom: 50px;
  }
  .energy-for-msg__row2-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
}
@media screen and (min-width:768px) {
  .energy-for-msg {
    display: block;
    width: 100%;
  }
  .energy-for-msg__row1 {
    display: block;
    width: 100%;
    padding: 42px 0 40px;
    background-color: #F7F7F7;
  }
  .energy-for-msg__row1__body {
    display: flex;
    justify-content: space-between;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .energy-for-msg__row1-figure {
    display: block;
    width: calc(295/860 * 100%);
  }
  .energy-for-msg__row1-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .energy-for-msg__row1-content {
    display: block;
    width: calc(515/860 * 100%);
  }
  .energy-for-msg__row1-slogan {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .energy-for-msg__row1-slogan > span {
    display: block;
    width: auto;
    font-size: 18px;
    line-height: 35px;
    padding: 5px 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    background-color: var(--white);
  }
  .energy-for-msg__row1-title {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
  }
  .energy-for-msg__row1-title > span {
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .energy-for-msg__row1-title > span:nth-child(1) {
    font-size: 20px;
    line-height: 30px;
  }
  .energy-for-msg__row1-title > span:nth-child(2) {
    font-size: 20px;
    line-height: 40px;
  }
  .energy-for-msg__row1-title > span:nth-child(2) > em {
    font-size: 28px;
    padding-right: 20px;
  }
  .energy-for-msg__row1-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 25px;
  }
  .energy-for-msg__row1-list {
    display: block;
    width: 100%;
    margin-top: 25px;
  }
  .energy-for-msg__row1-list > li {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 25px;
    font-size: 15px;
    line-height: 22px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .energy-for-msg__row1-list > li + li {
    margin-top: 10px;
  }
  .energy-for-msg__row1-list > li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ACACAC;
  }
  .energy-for-msg__row2 {
    display: block;
    width: 100%;
    padding: 100px 0 clamp(14.667rem, 31.285vw - 6.711rem, 33.333rem);
    background-image: url(./assets/images/energy-for-1985/bg3-pc.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
  }
  .energy-for-msg__row2-txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin: 0 auto;
  }
}
/*
FORM
--------------------------------------------- */
@media screen and (min-width:0px) {
  .form-caution {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
  }
  .mandatory {
    color: #DE0F0F;
  }
  .input-field input[type="text"] {
    max-width: 503px;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #F5F5F5;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    line-height: 20px;
    border: none;
    font-family: var(--gothic);
  }
  .input-field textarea {
    max-width: 503px;
    width: 100%;
    height: 200px;
    border-radius: 5px;
    background-color: #F8F8F8;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    line-height: 20px;
    border: none;
    font-family: var(--gothic);
  }
  .input-field input[type="text"]::placeholder,
  .input-field textarea::placeholder {
    color: #888888;
    font-weight: 500;
    font-family: var(--gothic);
  }
  /*address*/
  .input-field.address {
    display: flex;
    flex-direction: column;
  }
  .input-field.address > div:nth-child(n+2){
    margin-top: 20px;
  }
  .zip-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .filed-label {
    display: block;
    width: 30px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    font-family: var(--gothic);
  }
  .zip-block input[name="zip-num"] {
    width: 150px;
  }
  .search-address {
    position: absolute;
    top: 4px;
    left: calc(30px + 150px + 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 102px;
    height: 41px;
    font-size: 15px;
    background-color: var(--font-color);
    color: var(--white);
    font-family: var(--gothic);
    font-weight: 500;
    cursor: pointer;
  }
  .search-address:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .input-field.address select[name="prefecture"] {
    position: relative;
    width: 315px;
    height: 50px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 35px 15px 20px;
    border-radius: 5px;
    line-height: 20px;
    background-image: url(./assets/images/icon-selectbox.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 14px 8px;
    background-color: #F8F8F8;
    font-family: var(--gothic);
  }
  .input-field select:has(option:checked[value=""]) {
    color: #888888;
    font-family: var(--gothic);
    font-weight: 500;
  }
  .checkbox-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 12px;
  }
  .checkbox-wrap .mwform-checkbox-field {
    margin-left: 0 !important;
  }
  .checkbox-wrap > span:not(:first-child) {
    margin-top: 10px;
  }
  /*checkbox*/
  .checkbox-wrap .know,
  .checkbox-wrap .document {
    display: none;
  }
  .checkbox-wrap .know + span,
  .checkbox-wrap .document + span {
    position: relative;
    display: block;
    width: auto;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--gothic);
    padding-left: 38px;
  }
  .checkbox-wrap .know + span::before,
  .checkbox-wrap .document + span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(./assets/images/icon-checkbox.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .checkbox-wrap .know:checked + span::after,
  .checkbox-wrap .document:checked + span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(./assets/images/icon-checkbox-h.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .agree-wrap .error,
  .form-wrap .error {
    display: block;
    width: 100% !important;
    font-size: 14px;
    font-weight: 600;
    color: #DE0F0F;
    font-family: var(--gothic);
  }
  /*raijyo*/
  .reserve1,
  .reserve2,
  .reserve3 {
    max-width: 300px !important;
  }
}
@media screen and (max-width:767px) {
  .input-field input[type="text"],
  .input-field textarea {
    font-size: 15px;
  }
  .input-field textarea {
    height: 250px;
  }
  .input-field.address select[name="prefecture"] {
    width: 200px;
  }
}
@media screen and (max-width:359px) {
  .search-address {
    left: calc(30px + 150px + 10px);
    width: 90px;
  }
}
/*agree*/
@media screen and  (max-width:767px) {
  .agree-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 60px auto 0 auto;
  }
  .agree {
    display: none;
  }
  .agree + span {
    position: relative;
    display: flex;
    align-items: center;
    width: 30px;
    height: 25px;
    font-size: 0px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 0 0 20px;
    overflow: hidden;
  }
  .agree + span::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(./assets/images/icon-checkbox.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
  }
  .agree:checked + span::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(./assets/images/icon-checkbox-h.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2;
  }
  .agree__text {
    display: block;
    width: auto;
    line-height: 25px;
    font-weight: 700;
  }
  .agree__text > a {
    color: #B41C00;
  }
  .agree__text > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .agree-wrap .error {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 300px;
    width: 100%;
  }
}
@media screen and  (min-width:768px) {
  .agree-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 860px;
    width: 100%;
    margin: 50px auto 0 auto;
  }
  .agree {
    display: none;
  }
  .agree + span {
    position: relative;
    display: flex;
    align-items: center;
    width: 30px;
    height: 25px;
    font-size: 0px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 0 0 20px;
    overflow: hidden;
  }
  .agree + span::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(./assets/images/icon-checkbox.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
  }
  .agree:checked + span::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(./assets/images/icon-checkbox-h.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2;
  }
  .agree__text {
    display: block;
    width: auto;
    line-height: 25px;
    font-weight: 700;
  }
  .agree__text > a {
    color: #B41C00;
  }
  .agree__text > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .agree-wrap .error {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 300px;
    width: 100%;
  }
}
/*btn*/
@media screen and (min-width:0px) {
  .form-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  /*confirm*/
  .confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 198px;
    height: 41px;
    background-color: transparent;
    border: 1px solid var(--font-color);
    cursor: pointer;
  }
  .confirm-btn > span {
    position: relative;
    display: block;
    width: auto;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1;
    color: var(--font-color);
  }
  .confirm-btn:hover {
    transition: 0.3s ease;
    background-color: #F7F5F4;
    border: 1px solid var(--font-color);
  }
  /*back-btn*/
  .back-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 189px;
    height: 41px;
    background-color: transparent;
    border: 1px solid var(--font-color);
    cursor: pointer;
  }
  .back-btn > span {
    position: relative;
    display: block;
    width: auto;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1;
    color: var(--font-color);
  }
  .back-btn:hover {
    transition: 0.3s ease;
    background-color: #F7F5F4;
    border: 1px solid var(--font-color);
  }
  /*submit-btn*/
  .submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 189px;
    height: 41px;
    background-color: var(--font-color);
    border: 1px solid var(--font-color);
    cursor: pointer;
  }
  .submit-btn > span {
    position: relative;
    display: block;
    width: auto;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1;
    color: var(--white);
  }
  .submit-btn:hover {
    transition: 0.3s ease;
   /* background-color: #F7F5F4;
    border: 1px solid var(--font-color);*/
    opacity: 0.7;
  }
}
@media screen and (max-width:768px) {
  .confirm-btn,
  .back-btn,
  .submit-btn {
    max-width: 306px;
    width: 100%;
  }
}
/*blocks*/
@media screen and (max-width:767px) {
  .form-wrap {
    display: block;
    width: 100%;
  }
  .site-form__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .form-wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .form-wrap > li {
    display: block;
    width: 100%;
  }
  .form-wrap > li:nth-child(n+2) {
    margin-top: 30px;
  }
  .input-row {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .input-label {
    display: flex;
    width: 100%;
    font-size: 16px;
    line-height: 23px;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .input-label > small {
    font-size: 15px;
    padding-left: 10px;
  }
  .input-label > .mandatory {
    padding-left: 10px;
    font-size: 15px;
  }
  .input-field {
    display: block;
    width: 100%;
    margin-top: 5px;
  }
  .form-wrap > li.time-row .input-row {
    flex-direction: row;
    justify-content: space-between;
  }
  .form-wrap > li.time-row + .time-row {
    margin-top: 20px;
  }
  .form-wrap > li.time-row .input-label {
    width: 100px;
    line-height: 26px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding: 12px 0;
  }
  .form-wrap > li:nth-child(1) .input-row {
    position: relative;
    margin-top: 30px;
  }
  .form-wrap > li:nth-child(1) .input-label > p {
    position: absolute;
    top: -30px;
    left: 0;
    display: block;
    width: 100%;
  }
  .form-wrap > li:nth-child(1) .input-label > p > span {
    padding-left: 10px;
  }
}
@media screen and (min-width:768px) {
  .form-wrap {
    display: block;
    width: 100%;
  }
  .site-form__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto 0;
  }
  .form-wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .form-wrap > li {
    display: block;
    width: 100%;
  }
  .form-wrap > li:nth-child(n+2) {
    margin-top: 30px;
  }
  .input-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .input-label {
    display: flex;
    width: 317px;
    font-size: 18px;
    line-height: 26px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding: 12px 0
  }
  .input-label > small {
    font-size: 16px;
    padding-left: 10px;
  }
  .input-label > .mandatory {
    padding-left: 10px;
    font-size: 16px;
  }
  .input-field {
    display: block;
    width: calc(100% - 317px);
  }
  .form-wrap > li:nth-child(1) .sub-title {
    padding-left: 15px;
  }
  .form-wrap > li:nth-child(2) .sub-title2,
  .form-wrap > li:nth-child(3) .sub-title3 {
    padding-left: 113px;
  }
  .form-wrap > li:nth-child(1) .input-label > p > span {
    padding-left: 10px;
  }
}
/*
PAGE - contacts,siryo
--------------------------------------------- */
/*contacts*/
@media screen and (max-width:767px) {
  .main.main-contacts {
    padding-bottom: 50px;
  }
  .contacts__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
    text-align: justify;
    word-break: break-all;
  }
  .site-form__body.contacts {
    margin-top: 20px;
  }
  .site-form__body.contacts .agree__confirm-text {
    display: none;
  }
}
@media screen and (min-width:768px) {
  .contacts__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
    text-align: justify;
    word-break: break-all;
  }
  .site-form__body.contacts {
    margin-top: 74px;
  }
  .site-form__body.contacts .agree__confirm-text {
    display: none;
  }
}
/*confirm*/
@media screen and (min-width:0px) {
  .contact-confirm .search-address,
  .contact-confirm .agree-wrap {
    display: none;
  }
}
@media screen and (max-width:767px) {
  /*.site-form__body.contact-confirm {
    margin-bottom: 50px;
  }*/
  .site-form__body.contact-confirm {
    margin-top: 20px;
  }
  .contact-confirm .input-field {
    font-size: 16px;
    line-height: 30px;
    font-family: var(--noto-sans);
    font-weight: 500;
  }
  .contact-confirm .input-field.address {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .contact-confirm .input-field.address  > div {
    width: auto !important;
    margin-top: 0 !important;
  }
  .contact-confirm .filed-label {
    width: 20px;
    line-height: 24px;
  }
  .contact-confirm .zip-block {
    padding-right: 10px;
  }
  .contact-confirm .form-btns {
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
  }
  .contact-confirm .form-btns > button:nth-child(2) {
    margin-top: 30px;
  }
  .contact-confirm .agree__confirm-text {
    display: flex;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 30px;
  }
  .contact-confirm .agree__confirm-text > a {
    color: #B41C00;
  }
  .contact-confirm .checkbox-wrap {
    padding-top: 0;
  }
}
@media screen and (min-width:768px) {
  .site-form__body.contact-confirm {
    margin-top: 74px;
  }
  .contact-confirm .input-field {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--noto-sans);
    font-weight: 500;
    padding: 13px 0;
  }
  .contact-confirm .input-field.address {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .contact-confirm .input-field.address  > div {
    width: auto !important;
    margin-top: 0 !important;
  }
  .contact-confirm .filed-label {
    width: 20px;
    line-height: 24px;
  }
  .contact-confirm .zip-block {
    padding-right: 10px;
  }
  .contact-confirm .form-btns > button:nth-child(2) {
    margin-left: 70px;
  }
  .contact-confirm .agree__confirm-text {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 62px;
  }
  .contact-confirm .agree__confirm-text > a {
    color: #B41C00;
  }
  .contact-confirm .checkbox-wrap {
    padding-top: 0;
  }
}
/*thanks*/
@media screen and (max-width:767px) {
  .site-form__thanks {
    display: block;
    width: 100%;
  }
  .site-form__thanks-body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .site-form__thanks-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
    text-align: justify;
    word-break: break-all;
  }
  .site-form__thanks-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .site-form__thanks-btns > a {
    max-width: 306px;
    width: 100%;
  }
}
@media screen and (min-width:768px) {
  .site-form__thanks {
    display: block;
    width: 100%;
  }
  .site-form__thanks-body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .site-form__thanks-txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
    text-align: justify;
    word-break: break-all;
  }
  .site-form__thanks-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }
  .site-form__thanks-btns > a {
    max-width: 242px;
    width: 100%;
  }
}
/*siryo*/
@media screen and (max-width:767px) {
  .main.main-siryo {
    padding-bottom: 50px;
  }
  .siryo__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 50px;
    width: 100%;
    margin: 60px auto 0;
  }
  .siryo__list > li {
    position: relative;
    display: block;
    width: 100%;
    padding: 35px 20px;
    background-color: #F7F7F7;
  }
  .siryo__list > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0px 0px;
    border-color: var(--font-color) transparent transparent transparent;
  }
  .siryo__badge {
    position: absolute;
    top: -30px;
    right: 0;
    display: block;
    width: auto;
    font-size: 55px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 55px;
    color: #DDDDDD;
  }
  .siryo__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 28.5px;
  }
  .siryo__title > small {
    font-size: 15px;
  }
  .siryo__cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 15px;
  }
  .siryo__figure {
    display: block;
    width: 138px;
  }
  .siryo__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .siryo__box-txt {
    display: block;
    width: 100%;
    font-size: 14px;
    font-family: var(--yumincho);
    line-height: 28px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
  }
}
@media screen and (min-width:768px) {
  .siryo__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    column-gap: calc(30/1100 * 100%);
    row-gap: 50px;
    max-width: 860px;
    width: 100%;
    margin: 80px auto 0;
  }
  .siryo__list > li {
    position: relative;
    display: block;
    width: 100%;
    padding: 35px 10px 35px 40px;
    background-color: #F7F7F7;
  }
  .siryo__list > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 38.5px 38.5px 0px 0px;
    border-color: var(--font-color) transparent transparent transparent;
  }
  .siryo__badge {
    position: absolute;
    top: -30px;
    right: 0;
    display: block;
    width: auto;
    font-size: 75px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 60px;
    color: #DDDDDD;
  }
  .siryo__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 28.5px;
  }
  .siryo__title > small {
    font-size: 14px;
  }
  .siryo__cols {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    /*align-items: flex-end;*/
    width: 100%;
    margin-top: 28px;
  }
  .siryo__figure {
    display: block;
    width: calc(138/368.283 * 100%);
  }
  .siryo__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .siryo__box-txt {
    display: block;
    width: calc(200/368.283 * 100%);
    font-size: 13px;
    font-family: var(--yumincho);
    line-height: 21.5px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
}
/*raizyo-yoyaku*/
@media screen and (max-width:767px) {
  .main.main-raizyo-yoyaku {
    padding-bottom: 50px;
  }
}
/*
PAGE - design
--------------------------------------------- */
@media screen and (max-width:767px) {
  .design-intro {
    display: block;
    width: 100%;
    padding-bottom: 50px;
  }
  .design-intro__banner {
    display: block;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .design-intro__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*1366*/
  .design-intro__row1 {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .design-intro__row1-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-left: auto;
  }
  .design-intro__row1-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5pxpx;
    text-align: justify;
    word-break: break-all;
  }
  .design-intro__row1-figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .design-intro__row1-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*2*/
  .design-intro__row2 {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .design-intro__row2-wrap {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  }
  .design-intro__row2-figure {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .design-intro__row2-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .design-intro__row2-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .design-intro {
    display: block;
    width: 100%;
    padding-bottom: 100px;
  }
  .design-intro__banner {
    display: block;
    width: 100%;
  }
  .design-intro__banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*1366*/
  .design-intro__row1 {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .design-intro__row1 > .container {
    max-width: 1366px;
    padding: 0 0;
  }
  .design-intro__row1-wrap {
    display: flex;
    justify-content: flex-end;
    max-width: 1110px;
    width: 100%;
    margin-left: auto;
  }
  .design-intro__row1-txt {
    display: block;
    width: calc(525/1110 * 100%);
    font-size: 15px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-right: calc(50/1110 * 100%);
  }
  .design-intro__row1-figure {
    display: block;
    width: calc(538/1110 * 100%);
  }
  .design-intro__row1-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*2*/
  .design-intro__row2 {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  .design-intro__row2-wrap {
    display: flex;
    justify-content: flex-start;
    width: 100%;
  }
  .design-intro__row2-figure {
    display: block;
    width: calc(408/1100 * 100%);
  }
  .design-intro__row2-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .design-intro__row2-txt {
    display: block;
    width: calc(525/1100 * 100%);
    font-size: 15px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    margin-left: calc(50/1100 * 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .design-intro__row1-txt {
    max-width: 343px;
  }
}
/*idea*/
@media screen and (max-width:767px) {
  .design-idea {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
  }
  .design-idea__header {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 56px;
    text-align: center;
  }
  .design-idea__header::first-letter {
    font-size: 40px;
    color: var(--red);
  }
  .design-idea__figure {
    display: block;
    width: calc(100% + 40px);
    margin-top: 30px;
    margin-left: -20px;
  }
  .design-idea__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .design-idea__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 20px;
    max-width: 335px;
    width: 100%;
    margin: 30px auto 0;
  }
  .design-idea__list > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #37A884;
    background-color: var(--white);
    padding: 15px;
    background-image: url(./assets/images/design/icon-btn.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px 17.49px;
  }
  .design-idea__menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 20px;
  }
  .design-idea__menu > h3 {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--noto-sans);
    line-height: 27px;
    color: #37A884;
    padding-left: 36px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 26px 26px;
  }
  .design-idea__list > li:nth-child(1) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-1.png);
  }
  .design-idea__list > li:nth-child(2) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-2.png);
  }
  .design-idea__list > li:nth-child(3) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-3.png);
  }
  .design-idea__list > li:nth-child(4) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-4.png);
  }
  .design-idea__list > li:nth-child(5) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-5.png);
  }
  .design-idea__menu > p {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 14px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
    color: var(--font-color);
  }
  .design-idea__menu > p > small {
    font-size: 14px;
  }
  .design-idea__menu:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .design-idea__wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .design-idea__box {
    display: block;
    width: 100%;
    padding-top: 100px;
    margin-top: -50px;
  }
  .design-idea__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .design-idea__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .design-idea__box-title > span {
    font-size: 30px;
    color: #DB2200;
    padding-right: 10px;
    letter-spacing: -5px;
  }
  .design-idea__box-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top:30px;
    text-align: justify;
    word-break: break-all;
  }
  .design-idea__box-txt > span {
    color: #B41C00;
  }
  .design-idea__box-figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .design-idea__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .design-idea {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .design-idea__header {
    display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 56px;
    text-align: center;
  }
  .design-idea__header::first-letter {
    font-size: 50px;
    color: var(--red);
  }
  .design-idea__figure {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .design-idea__figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .design-idea__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 20px;
    max-width: 860px;
    width: 100%;
    margin: 30px auto 0;
  }
  .design-idea__list > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #37A884;
    background-color: var(--white);
    padding: 20px;
    background-image: url(./assets/images/design/icon-btn.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px 17.49px;
  }
  .design-idea__menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 20px;
  }
  .design-idea__menu > h3 {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--noto-sans);
    line-height: 27px;
    color: #37A884;
    padding-left: 36px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 26px 26px;
  }
  .design-idea__list > li:nth-child(1) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-1.png);
  }
  .design-idea__list > li:nth-child(2) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-2.png);
  }
  .design-idea__list > li:nth-child(3) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-3.png);
  }
  .design-idea__list > li:nth-child(4) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-4.png);
  }
  .design-idea__list > li:nth-child(5) > .design-idea__menu > h3 {
    background-image: url(./assets/images/design/icon-5.png);
  }
  .design-idea__menu > p {
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
    color: var(--font-color);
  }
  .design-idea__menu > p > small {
    font-size: 12px;
  }
  .design-idea__menu:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .design-idea__wrap {
    display: block;
    max-width: 860px;
    width: 100%;
    padding-top: 20px;
    margin: 0 auto;
  }
  .design-idea__box {
    display: block;
    width: 100%;
    padding-top: 120px;
    margin-top: -40px;
  }
  .design-idea__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 50px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .design-idea__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .design-idea__box-title > span {
    font-size: 50px;
    color: #DB2200;
    padding-right: 10px;
    letter-spacing: -5px;
  }
  .design-idea__box-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top:30px;
    text-align: justify;
    word-break: break-all;
  }
  .design-idea__box-txt > span {
    color: #B41C00;
  }
  .design-idea__box-figure {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .design-idea__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*living*/
@media screen and (max-width:767px) {
  .design-living {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .design-living__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .design-living__wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .design-living__box {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }
  .design-living__box:nth-child(n+2) {
    margin-top: 60px;
  }
  .design-living__box-figure {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .design-living__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .design-living__box-content {
    display: block;
    width: 100%;
  }
  .design-living__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .design-living__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 860px;
    height: 1px;
    background-color: var(--red);
  }
  .design-living__box-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .design-living {
    display: block;
    width: 100%;
    padding-top: 100px;
  }
  .design-living__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 31.2px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .design-living__wrap {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .design-living__box {
    display: flex;
    justify-content: space-between;
    width: calc(980/1100 * 100%);
  }
  .design-living__box:nth-of-type(even) {
    flex-direction: row-reverse;
    margin-left: auto;
  }
  .design-living__box:nth-child(n+2) {
    margin-top: 80px;
  }
  .design-living__box-figure {
    display: block;
    width: calc(400/980 * 100%);
  }
  .design-living__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .design-living__box-content {
    display: block;
    width: calc(530/980 * 100%);
  }
  .design-living__box-title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .design-living__box-title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .design-living__box-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
/*
ARCHIVE - blog
--------------------------------------------- */
/*layout*/
@media screen and (max-width:1024px) {
  .blog-body {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .blog-main {
    display: block;
    width: 100%;
  }
  .blog-sidebar {
    display: block;
    width: 100%;
    margin-top: 60px;
  }
}
@media screen and (min-width:1025px) {
  .archive-blog > .container {
    max-width: 1180px;
  }
  .blog-body {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .blog-main {
    display: block;
    width: calc(770/1140 * 100%);
  }
  .blog-sidebar {
    display: block;
    width: 300px;
  }
}
/*sidebar*/
@media screen and (max-width:767px) {
  .sidebar-block__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    line-height: 22px;
    font-weight: 600;
  }
  .sidebar-block__title > small {
    font-size: 12px;
    padding-left: 10px;
  }
}
@media screen and (min-width:768px) {
  .sidebar-block__title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    line-height: 22px;
    font-weight: 600;
  }
  .sidebar-block__title > small {
    font-size: 12px;
    padding-left: 10px;
  }
}
/*sidebar - form*/
@media screen and (min-width:0px) {
  .blog-search-form {
    display: block;
    width: 100%;
    margin-bottom: 45px;
  }
  .searchform {
    display: flex;
    justify-content: space-between;
    max-width: 270px;
    width: 100%;
    height: 40px;
    background-color: var(--white);
    border: 1px solid #ACACAC;
    border-radius: 3px;
    margin-top: 25px;
  }
  .searchform > button {
    display: block;
    width: 39px;
    height: 38px;
    border: none;
    background-image: url(./assets/images/icon-search.svg);
    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) {
  .blog-search-form {
    margin-bottom: 50px;
  }
}
/*sidebar - ranking*/
@media screen and (min-width:0px) {
  .blog-ranking__items {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 5px;
    width: 100%;
    margin-top: 25px;
  }
  .blog-ranking__items > li {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: var(--white);
  }
  .blog-ranking__item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 80px;
    padding-left: 117px;
  }
  .blog-ranking__item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .blog-ranking__item-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 107px;
    height: 80px;
    overflow: hidden;
  }
  .blog-ranking__item-thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .blog-ranking__item-title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .blog-ranking__item-date {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 1;
    color: #ACACAC;
    margin-top: 5px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .blog-ranking__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 10px;
    width: 100%;
    margin-top: 25px;
  }
}
/*sidebar - categories*/
@media screen and (max-width:767px) {
  .blog-category__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .blog-categories {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 5px 0;
  }
  .blog-category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    padding: 0 10px;
    background-color: var(--font-color);
    font-size: 10px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 5px;
    font-weight: 700;
  }
  .blog-category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .blog-category__wrap {
    display: block;
    width: 100%;
    margin-top: 45px;
  }
  .blog-categories {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 5px 0;
  }
  .blog-category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    padding: 0 10px;
    background-color: var(--font-color);
    font-size: 10px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 5px;
    font-weight: 700;
  }
  .blog-category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*archives*/
@media screen and (min-width:0px) {
  .blog-archives {
    margin-top: 45px;
  }
  .blog-archives__wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width:767px) {
  .blog-archives {
    margin-top: 50px;
  }
}
@media screen and (max-width:767px) {
  .blog-archives {
    margin-top: 45px;
  }
}
@media screen and (min-width:0px) {
  .archive__wrap {
    display:block;
    width:100%;
    margin-top: 15px;
    padding-left: 20px;
  }
  .archive-month {
    display: block;
    width: 100%;
  }
  .archive-month > li {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .archive-month > li:nth-child(n+2) {
    margin-top: 15px;
  }
  .archive-month > li > a {
    display: block;
    width: auto;
    font-size: 12px;
    line-height: 17px;
    font-family: var(--noto-sans);
    font-weight: 500;
    color: #ACACAC;
  }
  .archive-month > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .archive-nested {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  .archive-nested > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .archive-nested > li:nth-child(n+2) {
    margin-top: 5px;
  }
  .archive-nested > li.has_child {
    position: relative;
    padding-right: 10px;
  }
  .archive-nested > li.has_child > span {
    position: absolute;
    top: 10px;
    left: 6em;
    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: 12px;
    line-height: 17px;
    font-weight: 500;
    font-family: var(--noto-sans);
    color: #ACACAC;
  }
  .archive-nested > li > .sub-archive-nested {
    display: none;
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;
  }
  .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: 15px;
  }
  .archive-nested > li > .sub-archive-nested > li > a {
    display: block;
    width: auto;
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
    font-family: var(--noto-sans);
    color: #ACACAC;
  }
  .archive-nested  > li > a:hover,
  .archive-nested > li > .sub-archive-nested > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*items*/
@media screen and (max-width:767px) {
  .blog-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row: auto;
    column-gap: 20px;
    row-gap: 30px;
    width: 100%;
  }
  .blog-item {
    display: block;
    width: 100%;
    padding: 5px;
    background-color: var(--white);
    box-shadow: 3px 3px 5px rgba(0,0,0,16%);
  }
  .blog-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 20/15;
    overflow: hidden;
  }
  .blog-item__thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .blog-item__thumb:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7
  }
  .blog-item__categories {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: calc(100% + 2px);
    margin: -1px 0 0 -1px;
  }
  .blog-item__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 21px;
    padding: 0 10px;
    background-color: var(--font-color);
    font-size: 12px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .works-item__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .blog-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
  }
  .blog-item__title:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .blog-item__date {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .blog-item__date > a {
    display: block;
    width: auto;
    font-size: 12px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 1;
    color: #ACACAC;
  }
}
@media screen and (min-width:768px) {
  .blog-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row: auto;
    column-gap: calc(40/770 * 100%);
    row-gap: 40px;
    width: 100%;
  }
  .blog-item {
    display: block;
    width: 100%;
    padding: calc(20/230 * 100%) calc(15/230 * 100%);
    background-color: var(--white);
    box-shadow: 3px 3px 5px rgba(0,0,0,16%);
  }
  .blog-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 20/15;
    overflow: hidden;
  }
  .blog-item__thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .blog-item__thumb:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7
  }
  .blog-item__categories {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: calc(100% + 2px);
    margin: -1px 0 0 -1px;
  }
  .blog-item__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    padding: 0 15px;
    background-color: var(--font-color);
    font-size: 12px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .works-item__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .blog-item__title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
  }
  .blog-item__title:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .blog-item__date {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .blog-item__date > a {
    display: block;
    width: auto;
    font-size: 12px;
    font-weight: 500;
    font-family: var(--futura);
    line-height: 1;
    color: #ACACAC;
  }
}
/*
PAGE - kids
--------------------------------------------- */
@media screen and (max-width:767px) {
  .kids__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .kids-banner {
    display: block;
    width: 100%;
    padding-top: 50px;
  }
  .kids-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .kids__txt {
    display: block;
    max-width: 860px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    line-height: 25.5px;
    font-family: var(--yumincho);
    margin: 0 auto 0;
  }
  .kids-banner {
    display: block;
    width: 100%;
    padding-top: 100px;
  }
  .kids-banner > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*design*/
@media screen and (max-width:767px) {
  .kids-design {
    display: block;
    width: 100%;
    padding: 50px 0;
    background-color: #F7F7F7;
  }
  .kids-design__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .kids-design__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .kids-design__header > em {
    font-size: 32px;
    color: #DB2200;
  }
  .kids-design__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .kids-design__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 30px;
    max-width: 180px;
    width: 100%;
    margin: 30px auto 0;
  }
  .kids-design__list > li {
    display: block;
    width: 100%;
  }
  .kids-design__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .kids-design__menu:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .kids-design__menu > picture {
    display: block;
    width: 100%;
  }
  .kids-design__menu > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .kids-design__menu > h3 {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    color: var(--font-color);
    text-align: center;
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .kids-design {
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #F7F7F7;
  }
  .kids-design__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .kids-design__header {
    display: block;
    width: 100%;
    font-size: 34px;
    line-height: 50px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .kids-design__header > em {
    font-size: 50px;
    color: #DB2200;
  }
  .kids-design__txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: center;
    margin-top: 50px;
  }
  .kids-design__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: calc(80/835 * 100%);
    max-width: calc(835/860 * 100%);
    margin: 50px auto 0;
  }
  .kids-design__list > li {
    display: block;
    width: 100%;
  }
  .kids-design__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .kids-design__menu:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .kids-design__menu > picture {
    display: block;
    width: 100%;
  }
  .kids-design__menu > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .kids-design__menu > h3 {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    color: var(--font-color);
    text-align: center;
    margin-top: 10px;
  }
}
@media screen and (max-width:767px) {
  .kids-design__box {
    display: block;
    width: 100%;
    padding-top: 80px;
  }
  .kids-design__box-intro {
    display: block;
    width: 100%;
  }
  .kids-design__box-intro_wrap {
    display: block;
    width: 100%;
  }
  .kids-design__box-intro_figure {
    display: block;
    width: calc(100% + 40px);
    margin-top: 30px;
    margin-left: -20px;
  }
  .kids-design__box-intro_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .kids-design__box-intro_content {
    display: block;
    width: 100%;
  }
  .kids-design__box-intro_content-inner {
    display: block;
    width: 100%;
  }
  .kids-design__box-intro_title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .kids-design__box-intro_title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .kids-design__box-intro_title > span {
    font-size: 30px;
    color: #DB2200;
    padding-right: 10px;
    letter-spacing: -5px;
  }
  .kids-design__box-intro_txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .kids-design__box-points {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    margin-top: -50px;
  }
  .kids-design__box-points > .container {
    padding: 0 10px;
  }
  .kids-design__box-points__body {
    display: block;
    width: 100%;
    margin: 0 auto;
    background-color: var(--white);
    padding: 50px 20px;
    box-shadow: 0 3px 5px rgba(0,0,0,16%);
  }
  .kids-design__box-points__box {
    display: block;
    width: 100%;
  }
  .kids-design__box-points__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .kids-design__box-points__box-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 15px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .kids-design__box-points__box-title::first-letter {
    font-size: 28px;
    color: var(--red);
  }
  .kids-design__box-points__box-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 25px;
  }
  .kids-design__box-points__box-figure {
    display: block;
    width: 100%;
  }
  .kids-design__box-points__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .kids-design__box-points__box-txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
}
@media screen and (min-width:768px) {
  .kids-design__box {
    display: block;
    width: 100%;
    padding-top: 100px;
  }
  .kids-design__box-intro {
    display: block;
    width: 100%;
  }
  .kids-design__box-intro > .container {
    max-width: 1366px;
    padding: 0 0;
  }
  .kids-design__box-intro_wrap {
    position: relative;
    display: block;
    width: 100%;
    min-height: clamp(22.4rem, 27.425vw + 8.359rem, 33.333rem);
  }
  .kids-design__box-intro_figure {
    display: block;
    width: calc(643/1366 * 100%);
    margin-left: auto;
  }
  .kids-design__box-intro_figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .kids-design__box-intro_content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    max-width: 900px;
    width: 100%;
    padding: 50px 20px 0 20px;
  }
  .kids-design__box-intro_content-inner {
    display: block;
    width: calc(525/860 * 100%);
  }
  .kids-design__box-intro_title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 50px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .kids-design__box-intro_title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .kids-design__box-intro_title > span {
    font-size: 50px;
    color: #DB2200;
    padding-right: 10px;
    letter-spacing: -5px;
  }
  .kids-design__box-intro_txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    margin-top:40px;
    text-align: justify;
    word-break: break-all;
  }
  .kids-design__box-points {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    margin-top: -100px;
  }
  .kids-design__box-points__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    background-color: var(--white);
    padding: calc(50/1100 * 100%) calc(30/1100 * 100%);
    box-shadow: 0 3px 5px rgba(0,0,0,16%);
  }
  .kids-design__box-points__box {
    display: block;
    width: 100%;
  }
  .kids-design__box-points__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .kids-design__box-points__box-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 18px;
    border-left: 3px solid var(--red);
    line-height: 31.2px;
  }
  .kids-design__box-points__box-title::first-letter {
    font-size: 34px;
    color: var(--red);
  }
  .kids-design__box-points__box-col {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;
  }
  .kids-design__box-points__box-figure {
    display: block;
    width: calc(300/800 * 100%);
  }
  .kids-design__box-points__box-figure > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .kids-design__box-points__box-txt {
    display: block;
    width: calc(470/800 * 100%);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) and (max-width:950px) {
  .kids-design__box-points {
    margin-top: 0px;
  }
}
/*kids-bottom*/
@media screen and (max-width:767px) {
  .kids-bottom {
    display: block;
    width: 100%;
    padding: 50px 0;
  }
  .kids-bottom__body {
    display: block;    width: 100%;
    margin: 0 auto;
  }
  .kids-bottom_txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) {
  .kids-bottom {
    display: block;
    width: 100%;
    padding: 100px 0;
  }
  .kids-bottom__body {
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
  }
  .kids-bottom_txt {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
}
/*
SINGLE - blog
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-blog {
    display: block;
    width: 100%;
  }
  .single-blog__categories {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 2px);
    margin: -1px 0 0 -1px;
    margin-bottom: 5px;
  }
  .single-blog__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 24px;
    padding: 0 10px;
    background-color: var(--font-color);
    font-size: 14px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .single-blog__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-blog__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-blog__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background-color: var(--red);
  }
  .single-blog__date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 28.6px;
    font-family: var(--futura);
    color: #ACACAC;
    margin-top: 10px;
  }
  .single-blog__footer {
    display: block;
    width: 100%;
    padding: 60px 0 50px 0;
  }
  .single-blog__column {
    display: block;
    width: 100%;
    margin: 0 auto 70px;
  }
  .single-blog__column-header {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 38px;
    font-family: var(--yumincho);
    text-align: center;
  }
  .single-blog__btns {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .single-blog__btns > a {
    max-width: 100%;
    width: 306px;
  }
}
@media screen and (min-width:768px) {
  .single-blog {
    display: block;
    width: 100%;
  }
  .single-blog__categories {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 2px);
    margin: -1px 0 0 -1px;
    margin-bottom: 35px;
  }
  .single-blog__category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 26px;
    padding: 0 15px;
    background-color: var(--font-color);
    font-size: 12px;
    font-family: var(--noto-sans);
    color: var(--white);
    line-height: 1;
    margin: 1px;
    font-weight: 700;
  }
  .single-blog__category:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .single-blog__title {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 26px;
    font-weight: 500;
    line-height: 33.8px;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
  }
  .single-blog__title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 160px;
    height: 1px;
    background-color: var(--red);
  }
  .single-blog__date {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 28.6px;
    font-family: var(--futura);
    color: #ACACAC;
    margin-top: 10px;
  }
  .single-content.single-blog__content {
    margin-top: 40px;
  }
  .single-blog__footer {
    display: block;
    width: 100%;
    padding: 81.5px 0 0 0;
  }
  .single-blog__column {
    display: block;
    max-width: 770px;
    width: 100%;
    margin: 0 auto 60px;
  }
  .single-blog__column-header {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 900;
    line-height: 25.5px;
    font-family: var(--yumincho);
    text-align: center;
  }
  .single-blog__btns {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .single-blog__btns > a {
    max-width: 100%;
    width: 207px;
  }
}
@media screen and (min-width:1025px) {
  .single-blog__body {
    padding-top: 61px;
  }
  .single-blog {
    margin-top: -61px;
  }
}
/*
PAGE - sitemap
--------------------------------------------- */
@media screen and (max-width:767px) {
  .sitemap-wrap {
    display: block;
    width: 100%;
    padding-bottom: 50px;
  }
  .sitemap__cols {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
  }
  .sitemap__col {
    display: block;
    width: 100%;
  }
  .sitemap__col:nth-child(n+2) {
    margin-top: 50px;
  }
  .sitemap__box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
  }
  .sitemap__box:nth-child(n+2) {
    margin-top: 50px;
  }
  .sitemap-menu__title {
    display: block;
    width: auto;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #B41C00;
  }
  .sitemap-menu__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 30px;
    padding-left: 10px;
  }
  .sitemap-menu__list > li {
    display: flex;
    align-items: flex-start;
    width: auto;
  }
  .sitemap-menu__list > li + li {
    margin-top: 15px;
  }
  .sitemap-menu__list > li > a {
    width: auto;
    font-family: var(--yumincho);
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 500;
    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-wrap {
    display: block;
    width: 100%;
  }
  .sitemap__cols {
    display: flex;
    justify-content: space-between;
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
  }
  .sitemap__col {
    display: block;
    width: auto;
  }
  .sitemap__box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
  }
  .sitemap__box:nth-child(n+2) {
    margin-top: 60px;
  }
  .sitemap-menu__title {
    display: block;
    width: auto;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #B41C00;
  }
  .sitemap-menu__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 20px;
    padding-left: 10px;
  }
  .sitemap-menu__list > li {
    display: flex;
    align-items: flex-start;
    width: auto;
  }
  .sitemap-menu__list > li + li {
    margin-top: 20px;
  }
  .sitemap-menu__list > li > a {
    width: auto;
    font-family: var(--yumincho);
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 500;
    color: var(--font-color);
  }
  .sitemap-menu__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}


.site-footer__sns > li > .instagram,
.home-company__sns > li > a.instagram {
  background-image: url(./assets/images/icon_sns_insta.svg);
}
.site-footer__sns > li > .facebook,
.home-company__sns > li > a.facebook {
  background-image: url(./assets/images/icon_sns_facebook.svg);
}
.site-footer__sns > li > .youtube,
.home-company__sns > li > a.youtube {
  background-image: url(./assets/images/icon_sns_youtube.svg);
}
.site-footer__sns > li > .line,
.home-company__sns > li > a.line {
  background-image: url(./assets/images/icon_sns_line.svg);
}