/*
Theme Name: Slim Line
Theme URI:
Author: Slim Line
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@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); */
:root {
  --gothic:"游ゴシック体", "游ゴシック", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --yumincho:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS P	Mincho","Times New Roman", serif;
  --hiragino : Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3";
  --noto-sans: NotoSansJP, 'Noto Sans JP', sans-serif ;
  --noto-serif: NotoSerifJP, 'Noto Serif JP', serif;
  --josefin-sans: 'Josefin Sans', sans-serif;
  --Oswald: "Oswald", 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: 1em;
}
/**
  * 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: 1em;
}
/**
  * 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;
}
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%;
}
figure {
  margin:0;
}
/* Links
--------------------------------------------- */
a {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}
a[href^="tel"],
a[href^="mailto"] {
  color: inherit;
  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: #222222;
  --white:#FFFFFF;
  --brown: #B59E8B;
  --orange: #F2A666;
  --black: #000000;
}

/* Elements
--------------------------------------------- */
html {
  -ms-touch-action: manipulation;	
  touch-action: manipulation;	
}
body {
  font-family:var(--noto-sans);
  font-size: 16px;
  font-weight:400;
  color: var(--font-color);
  background:var(--white);
  line-height: 1.75;
  overflow-x: hidden;
}
/*
layout
--------------------------------------------- */
@media screen and (min-width:0px) {
  .container {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width:767px) {
  .container {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }
}
@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;
  }
}
/*
Button
--------------------------------------------- */
@media screen and (max-width:767px) {
  .btn-dtl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 335px;
    height: 63px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
  }
  .btn-dtl:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .udl-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 137px;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #707070;
    font-size: 18px;
    line-height: 26px;
    /* font-weight: 600; */
    color: #222222;
  }
}
@media screen and (min-width:768px) {
  .btn-dtl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 85px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
  }
  .btn-dtl:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .udl-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 148px;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #707070;
    font-size: 18px;
    line-height: 28px;
    /* font-weight: 600; */
    color: #222222;
    letter-spacing:2px;
  }
  .udl-btn:hover {
    transition: color 0.3s ease, border-color 0.3s ease;
    color: #E09CA4;
    border-color: #E09CA4;
   }
}
/*
Block Header
--------------------------------------------- */
/*
BODY
--------------------------------------------- */
@media screen and (max-width:767px) {
  body {
    background: #FCF5EE url(./assets/images/bg-sp.jpg) no-repeat top center;
    background-size: 100% auto;
  }
}
@media screen and (min-width:768px) {
  body {
    background: #FCF5EE url(./assets/images/bg-pc.jpg) no-repeat top center;
    background-size: 100% auto;
  }
}
/*
HEADER
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .site-header {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    padding: 7px 10px 9px 10px;
  }
  .site-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(188/375 * 100%);
    height: 100%;
    background: rgba(242,166,102,0.5);
    z-index: -1;
  }
  .site-header__headline {
    display: -webkit-box;
    width: 100%;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media screen and (min-width:1025px) {
  .site-header {
    position: relative;
    display: block;
    width: calc(100% - (220/1920 * 100%));
    height: 160px;
    padding: 10px 0 20px 30px;
  }
  .site-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(630/1700 * 100%);
    height: 100%;
    background: rgba(242,166,102,0.5);
    z-index: -1;
  }
  .site-header__headline {
    display: -webkit-box;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
/*nav*/
@media screen and (max-width:1024px) {
  .site-header__nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height:50px;
    padding-top: 8px;
  }
  .site-header__nav.sticky,
  .site-header__nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 997;
    width: 100%;
    min-height: 50px;
    padding: 4px 10px 0 10px;
    background: white;
    box-shadow: 0 0 10px #F4EBE4;
  }
  .site-header__logo {
    display: block;
    width: 200px;
  }
  .site-header__logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .site-header__nav-pc {
    display: none;
  }
  /*open btn*/
  .mobile-nav-open {
    display: block;
    width: 36px;
    width: 30px;
    background: url(./assets/images/icon-menu.svg) no-repeat center;
    background-size: contain;
    cursor: pointer;
  }
  .site-nav-mobile {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(34,34,34,0.5);
    z-index: 999;
    overflow: hidden;
    transform: translateX(100%);
    transition: transform 0.3s ease;
  }
  .site-nav-mobile.active {
    transform: translateX(0);
  }
  .site-nav-mobile__wrap {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
  }
  .site-nav-mobile__body {
    position: relative;
    display: block;
    max-width: 220px;
    width: calc(220/375 * 100%);
    height: 100%;
    background: url(./assets/images/mb-nav-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 80px 0 0 0;
    overflow-y: scroll;
  }
  .mobile-nav-close {
    position: absolute;
    top: 33px;
    right: 10px;
    display: block;
    width: 36px;
    height: 30px;
    background: url(./assets/images/icon-close.svg) no-repeat center;
    background-size: contain;
    z-index: 999;
    cursor: pointer;
  }
  .site-nav-mobile__inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px 100px 30px;
    overflow-y: scroll;
  }
  .site-nav-mobile__block {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .site-nav-mobile__block-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--josefin-sans);
    line-height: 20px;
  }
  .site-nav-mobile__block > ul {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .site-nav-mobile__block > ul > li {
    display: flex;
    width: 100%;
    align-items: center;
  }
  .site-nav-mobile__block > ul > li:nth-child(n+2){
    margin-top: 15px;
  }
  .site-nav-mobile__block > ul > li > a {
    font-size: 14px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 17px;
  }
}
@media screen and (min-width:1025px) {
  .site-nav-mobile,
  .mobile-nav-open {
    display: none;
  }
  .site-header__nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 90px;
    margin-top: 20px;
  }
  .site-header__logo {
    display: block;
    width: 280px;
  }
  .site-header__logo > 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: space-between;
    align-items: flex-end;
    width: calc(100% - (630/1700 * 100%));
    height: 90px;
  }
  .site-header__nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 997;
    align-items: center;
    width: 100%;
    height: 70px;
    padding: 0 calc(220/1920 * 100%) 0 30px;
    background: white;
    margin-top: 0;
    animation-name: stickyslideDown;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    box-shadow: 0 0 10px #F4EBE4;
  }
  .site-header__nav.sticky > .site-header__nav-pc {
    height: 30px;
  }
  .site-header__nav-pc > li {
    display: block;
    width: auto;
  }
  .site-header__nav-pc > li > a {
    position: relative;
    display: block;
    width: auto;
    font-size: 15px;
    height: 27px;
    line-height: 22px;
    color: #000000;
    padding: 0 10px 5px 10px;
  }
  .site-header__nav-pc > li > a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px;
    background: #010101;
    transition: width 0.3s ease;
  }
  .site-header__nav-pc > li > a:hover::after {
    width: 100%;
  }
  .site-header__nav-pc > li > a.current {
    pointer-events: none;
  }
  .site-header__nav-pc > li > a.current::after {
    width: 100%;
  }
}
@media screen and (min-width:1025px) and (max-width:1054px) {
  .site-header__nav-pc > li > a {
    font-size: 14px;
  }
}
@keyframes stickyslideDown {
  0% {
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
/*
FLOATING NAV
--------------------------------------------- */
@media screen and (max-width:1024px) {
  .site-floating-menu {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    max-width: 375px;
    width: 100%;
    height: 50px;
    z-index: 990;
  }
  .floating-contact-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(160/375 * 100%);
    height: 50px;
    border-radius: 10px 0 0 0;
    background: linear-gradient(240deg, #E9C46A 0%, #F2A666 100%);
    padding-left: 52px;
    order: 2;
  }
  .floating-contact-btn::before{
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background: url(./assets/images/icon-mail.svg) no-repeat center;
    background-size: contain;
  }
  .floating-contact-btn > span {
    line-height: 1;
    font-size: 14px;
    color: var(--white);
    font-family: var(--noto-serif);
    font-weight: 600;
  }
  .floating-contact-btn > span:nth-child(2){
    margin-top: 5px;
  }
  .floating-campaign-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(160/375 * 100%);
    height: 50px;
    border-radius: 0 10px 0 0;
    background: linear-gradient(240deg, #D1644F 0%, #E2A686 100%);
    order: 3;
  }
  .floating-campaign-btn > span {
    line-height: 14px;
    font-size: 14px;
    color: var(--white);
    font-family: var(--noto-serif);
    font-weight: 600;
  }
  .page-top__btn {
    position: relative;
    display: block;
    width: calc(50/375 * 100%);
    height: 50px;
    border-radius: 10px 10px 0 0;
    background: var(--brown);
    cursor: pointer;
    order: 1;
  }
  .page-top__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15px;
    height: 15px;
    background: url(./assets/images/icon-bowtop.svg) no-repeat center;
    background-size: contain;
  }
  .page-top__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .site-floating-menu {
    position: fixed;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50px;
    height: 480px;
    z-index: 999;
  }
  .floating-contact-btn {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    width: 100%;
    height: 210px;
    border-radius: 10px 0 0 0;
    background: linear-gradient(0deg, #E9C46A 0%, #F2A666 100%);
    padding-top: 56px;
  }
  .floating-contact-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .floating-contact-btn::before{
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 20px;
    height: 20px;
    background: url(./assets/images/icon-mail.svg) no-repeat center;
    background-size: contain;
  }
  .floating-contact-btn > span {
    display: block;
    width: 16px;
    writing-mode: vertical-rl;
    line-height: 16px;
    font-size: 16px;
    color: var(--white);
    font-family: var(--noto-serif);
    font-weight: 600;
  }
  .floating-contact-btn > span:nth-child(1){
    margin-left: 5px;
  }
  .floating-campaign-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 210px;
    border-radius: 0 0 0 10px;
    background: linear-gradient(0deg, #D1644F 0%, #E2A686 100%);
  }
  .floating-campaign-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .floating-campaign-btn > span {
    display: block;
    width: 16px;
    height: 100%;
    text-align: center;
    writing-mode: vertical-rl;
    line-height: 16px;
    font-size: 16px;
    color: var(--white);
    font-family: var(--noto-serif);
    font-weight: 600;
  }
  .floating-campaign-btn > span > i {
    display: inline-block;
    writing-mode:horizontal-tb;
    transform: rotate(90deg);
  }
  .page-top__btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 10px 0 0 10px;
    background: var(--brown);
    cursor: pointer;
  }
  .page-top__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15px;
    height: 15px;
    background: url(./assets/images/icon-bowtop.svg) no-repeat center;
    background-size: contain;
  }
  .page-top__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*
FOOTER
--------------------------------------------- */
/*footer nav*/
@media screen and (max-width:1024px) {
  .site-footer-nav {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .site-footer-nav {
    display: block;
    width: 100%;
    background: #FAFBFC;
    padding: 50px 0 50px 0;
  }
  .site-footer-nav__wrap {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr repeat(3, 1fr);
    column-gap: calc(20/1100 * 100%);
  }
  .site-footer-nav__block {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .site-footer-nav__block-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--josefin-sans);
    line-height: 20px;
    letter-spacing: 2px;
  }
  .site-footer-nav__block-title:not(:first-child) {
    margin-top: 40px;
  }
  .site-footer-nav__list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .site-footer-nav__list > li {
    display: flex;
    width: 100%;
  }
  .site-footer-nav__list > li:nth-child(n+2){
    /* margin-top: 15px; */
    margin-top: 1.1em;
  }
  .site-footer-nav__list > li > a {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 17px;
    color: var(--font-color);
    /* font-weight: 500; */
  }
  .site-footer-nav__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer-nav__list > li.li-child > a:before {
    content: "-";
    padding-left: 4px;
    display: inline-block;
    padding-right: 5px;
    opacity: 0.7;
  }
  .recruit-lp {
    position: relative;
    padding-right: 25px;
  }
  .recruit-lp::after {
    content: "";
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
    width: 17px;
    height: 17px;
    background: url(./assets/images/icon-link.png) no-repeat center / contain;
  }
}
/*footer main*/
@media screen and (max-width:1024px) {
  .site-footer__main {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 0 30px 0;
    background: var(--brown);
    margin-bottom: 50px;
  }
  .site-footer__company {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  /*logo*/
  .site-footer__logo {
    display: block;
    width: 240px;
    order: 1;
  }
  .site-footer__logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*sns*/
  .site-footer__sns {
    display: flex;
    /* justify-content: space-between; */
    justify-content: center;
    width: 196px;
    order: 3;
    margin-top: 40px;
  }
  .site-footer__sns > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
  }
  .site-footer__sns > li:nth-child(n+2){
    margin-left: 30px;
  }
  .site-footer__sns > li > a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .site-footer__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__sns > li > a.instagram {
    background: url(./assets/images/icon-instagram.png) no-repeat center;
    background-size: 32px 32px;
  }
  .site-footer__sns > li > a.line {
    background: url(./assets/images/icon-line.png) no-repeat center;
    background-size: 32px 32px;
  }
  .site-footer__sns > li > a.tiktok {
    background: url(./assets/images/icon-tiktok.png) no-repeat center;
    background-size: 32px 32px;
  }
  /*branch*/
  .site-footer__branch {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    order: 2;
  }
  .site-footer__area {
    display: block;
    width: 100%;
  }
  .site-footer__area:nth-child(n+2){
    margin-top: 3em;
  }
  .site-footer__area-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--josefin-sans);
    line-height: 20px;
    color: var(--white);
    text-align: center;
    letter-spacing:0.05em;
  }
  .site-footer__branch-list {
    display: block;
    width: 100%;
    margin-top: 0.8em;
  }
  .site-footer__branch-list > li {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .site-footer__branch-list > li:nth-child(n+2){
    margin-top: 0.5em;
  }
  .site-footer__branch-list > li > a {
    display: block;
    width: auto;
    font-size: 15px;
    line-height: 28px;
    color: var(--white);
    /* font-weight: 500; */
  }
  .site-footer__branch-list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__rights {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 1;
    margin-top: 10px;
    text-align: center;
  }
}
@media screen and (min-width:1025px) {
  .site-footer__main {
    display: block;
    width: 100%;
    padding: 38px 0 33px 0;
    background: var(--brown);
  }
  .site-footer__company {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  /*logo*/
  .site-footer__logo {
    display: block;
    width: 280px;
    order: 1;
  }
  .site-footer__logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*sns*/
  .site-footer__sns {
    display: flex;
    justify-content: flex-end;
    width: 196px;
    order: 2;
  }
  .site-footer__sns > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
  }
  .site-footer__sns > li:nth-child(n+2){
    margin-left: 30px;
  }
  .site-footer__sns > li > a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .site-footer__sns > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__sns > li > a.instagram {
    background: url(./assets/images/icon-instagram.png) no-repeat center;
    background-size: 32px 32px;
  }
  .site-footer__sns > li > a.line {
    background: url(./assets/images/icon-line.png) no-repeat center;
    background-size: 32px 32px;
  }
  .site-footer__sns > li > a.tiktok {
    background: url(./assets/images/icon-tiktok.png) no-repeat center;
    background-size: 32px 32px;
  }
  /*branch*/
  .site-footer__branch {
    display: grid;
    grid-template-columns: 1fr repeat(3, 1fr);
    column-gap: calc(20/1100 * 100%);
    width: 100%;
    margin-top: 40px;
    order: 3;
  }
  .site-footer__area {
    display: block;
    width: 100%;
  }
  .site-footer__area-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--josefin-sans);
    line-height: 20px;
    color: var(--white);
    letter-spacing: 2px;
  }
  .site-footer__branch-list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .site-footer__branch-list > li {
    display: flex;
    width: 100%;
  }
  .site-footer__branch-list > li:nth-child(n+2){
    margin-top: 20px;
  }
  .site-footer__branch-list > li > a {
    display: block;
    width: auto;
    font-size: 16px;
    line-height: 28px;
    color: var(--white);
    /* font-weight: 500; */
  }
  .site-footer__branch-list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .site-footer__rights {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: var(--white);
    font-family: var(--josefin-sans);
    line-height: 1;
    margin-top: 30px;
    text-align: right;
  }
}
/*
PAGE - toppage
--------------------------------------------- */
/*main-visual*/
@media screen and  (max-width:767px) {
  .mv__home {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .mv__home::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(188/375 * 100%);
    height: calc(100% - 0px);
    background: rgba(242,166,102,0.5);
    z-index: -2;
  }
  .mv-container {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 10px;
  }
  .mv-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    max-width: 315px;
    width: calc(315/375 * 100%);
    z-index: 99 !important;
  }
  .mv-text > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*slide*/
  .mv-wrap {
    position: relative;
    z-index: -1;
    display: block;
    width: 100%;
    border-radius: 40px 0 0 0;
    overflow: hidden;
  }
  /*main swiper*/
  .main-slider {
    width: 100%;
  }
  .main-slider .swiper-wrapper {
    width: 100%;
    height: 100%;
  }
  .main-slider .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .main-slider .slide-wrapper {
    width: 100%;
  }
  .main-slider .slide-wrapper > picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 80px - 40px);
  }
  .main-slider .slide-wrapper > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .swiper-pagination-main {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 60px;
  }
  .swiper-pagination-main .swiper-pagination-bullet {
    border-radius: initial;
    display: block;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid  #D4C093;
  }
  .swiper-pagination-main .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #F2A666;
    border: 1px solid  #F2A666;
  }
  /*fraction*/
  .fraction-slider {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .swiper-pagination-fraction {
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 14px;
    color: #BBAC88;
    line-height: 1;
    font-weight: 500;
    pointer-events: none;
  }
  .swiper-pagination-fraction .swiper-pagination-current {
    padding-right: 3px;
  }
  .swiper-pagination-fraction .swiper-pagination-total {
    padding-left: 3px;
  }
}
@media screen and  (min-width:768px) {
  .mv__home {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: calc(100% - (220/1920 * 100%));
  }
  .mv__home::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(630/1700 * 100%);
    height: calc(100% - 60px);
    background: rgba(242,166,102,0.5);
    z-index: -2;
  }
  .mv-container {
    position: relative;
    display: block;
    width: calc(1400 / 1700 * 100%);
    padding-left: calc(110/1700 * 100%);
  }
  .mv-text {
    position: absolute;
    left: 0;
    bottom: calc(154/810 * 100%);
    display: block;
    width: calc(424/1400 * 100%);
    z-index: 99 !important;
  }
  .mv-text > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*slide*/
  .mv-wrap {
    position: relative;
    z-index: -1;
    display: block;
    width: 100%;
    border-radius: 40px 0 0 0;
    overflow: hidden;
  }
  /*main swiper*/
  .main-slider {
    width: 100%;
  }
  .main-slider .swiper-wrapper {
    width: 100%;
    height: 100%;
  }
  .main-slider .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .main-slider .slide-wrapper {
    width: 100%;
  }
  .main-slider .slide-wrapper > picture {
    display: block;
    width: 100%;
  }
  .main-slider .slide-wrapper > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .swiper-pagination-main {
    display: flex;
    align-items: center;
    height: 60px;
    padding-left: 60px;
  }
  .swiper-pagination-main .swiper-pagination-bullet {
    border-radius: initial;
    display: block;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid  #D4C093;
  }
  .swiper-pagination-main .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #F2A666;
    border: 1px solid  #F2A666;
  }
  /*fraction*/
  .fraction-slider {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .swiper-pagination-fraction {
    display: flex;
    align-items: center;
    height: 60px;
    font-size: 14px;
    color: #BBAC88;
    line-height: 1;
    font-weight: 500;
    pointer-events: none;
  }
  .swiper-pagination-fraction .swiper-pagination-current {
    padding-right: 3px;
  }
  .swiper-pagination-fraction .swiper-pagination-total {
    padding-left: 3px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .mv__home {
    width: 100%;
  }
  .mv-text {
    width: calc(424/1400 * 100%);
    z-index: 99 !important;
  }
}
/*message*/
@media screen and (max-width:767px) {
  .home-message {
    display: block;
    width: 100%;
    padding: 88px 0 51px 0;
  }
  .home-message__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-message__title {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .home-message__title > span {
    position: relative;
    width: auto;
    padding: 0 28px 0 28px;
    font-size: 18px;
    text-align: center;
    line-height: 28px;
    font-weight: 600;
    font-family: var(--noto-serif);
    letter-spacing: 0.09em;
  }
  .home-message__title > span::before,
  .home-message__title > span::after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 18px;
    height: 56px;
  }
  .home-message__title > span::before {
    left: 0;
    background: url(./assets/images/home/icon-bslash-sp.svg) no-repeat center;
    background-size: contain;
  }
  .home-message__title > span::after {
    right: 0;
    background: url(./assets/images/home/icon-fslash-sp.svg) no-repeat center;
    background-size: contain;
  }
  .home-message__sub-title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    font-weight: 600;
    font-family: var(--noto-serif);
    margin-top: 20px;
    letter-spacing: 2px;
  }
  .home-message__sub-title > span {
    color: var(--orange);
    font-size: 40px;
    text-underline-offset: 10px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: var(--orange);
    text-decoration-thickness: 1px;
  }
  .home-message__body > p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    font-family: var(--noto-serif);
    margin-top: 49px;
  }
  .home-message__body > p > span {
    text-underline-offset: 1px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: rgba(255,205,164,0.5);
    text-decoration-thickness: 10px;
  }
}
@media screen and (max-width:359px) {
  .home-message__title > span {
    font-size: 16px;
  }
  .home-message__body > p {
    font-size: 15px;
  }
}
@media screen and (min-width:768px) {
  .home-message {
    display: block;
    width: 100%;
    padding: 33px 0 106px 0;
  }
  .home-message__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .home-message__title {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .home-message__title > span {
    position: relative;
    width: auto;
    padding: 4px 38px 4px 38px;
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
    font-family: var(--noto-serif);
    letter-spacing: 2px;
  }
  .home-message__title > span::before,
  .home-message__title > span::after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 18px;
    height: 43px;
  }
  .home-message__title > span::before {
    left: 0;
    background: url(./assets/images/home/icon-bslash.svg) no-repeat center;
    background-size: contain;
  }
  .home-message__title > span::after {
    right: 0;
    background: url(./assets/images/home/icon-fslash.svg) no-repeat center;
    background-size: contain;
  }
  .home-message__sub-title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
    font-weight: 500;
    font-family: var(--noto-serif);
    margin-top: 15px;
    letter-spacing: 3px;
  }
  .home-message__sub-title > span {
    color: var(--orange);
    font-size: 50px;
    text-underline-offset: 14px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: var(--orange);
    text-decoration-thickness: 1px;
  }
  .home-message__body > p {
    display: block;
    max-width: 750px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    font-weight: 500;
    font-family: var(--noto-serif);
    margin-top: 49px;
    letter-spacing: 1px;
  }
  .home-message__body > p > span {
    text-underline-offset: -3px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: rgba(255,205,164,0.5);
    text-decoration-thickness: 10px;
  }
}
@media screen and (min-width:768px) and  (max-width:1024px) {
  .home-message__title > span {
    font-size: 28px;
  }
  .home-message__sub-title > span {
    font-size: 46px;
  }
}
/*about*/
@media screen and  (max-width:767px) {
  .home-about {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 50px 0;
    background: var(--white);
    overflow: hidden;
  }
  .home-about__icon {
    position: absolute;
    top: 0;
    left: -70px;
    display: block;
    width: 180px;
    z-index: 1;
  }
  .home-about__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-about__block {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    max-width: 375px;
    width: 100%;
    padding: 0 20px;
  }
  .home-about__wrap {
    display: block;
    width: 100%;
  }
  .home-about__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-about__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 26px;
    /* font-weight: 600; */
    line-height: 1;
  }
  .home-about__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin-top: 30px;
  }
  .home-about__wrap > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    font-family: var(--noto-serif);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .home-about__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .home-about__btns > a {
    max-width: 335px;
    width: 100%;
  }
  .home-about__img {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 375px;
    width: 100%;
    padding: 0 10px;
    margin-top: 50px;
  }
  .home-about__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }

}
@media screen and  (min-width:768px) {
  .home-about {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 100px 0;
    background: var(--white);
    overflow: hidden;
  }
  .home-about__icon {
    position: absolute;
    top: 0;
    left: -70px;
    display: block;
    width: 180px;
    z-index: 1;
  }
  .home-about__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-about__block {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    width: calc(940/1920 * 100%);
    padding-right: calc(80/1920 * 100%);
  }
  .home-about__wrap {
    display: block;
    width: 450px;
  }
  .home-about__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-about__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 40px;
    /* font-weight: 600; */
    line-height: 1;
    letter-spacing: 3px;
  }
  .home-about__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 40px;
    letter-spacing: 3px;
  }
  .home-about__wrap > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 36px;
    font-family: var(--noto-serif);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .home-about__img {
    display: block;
    width: calc(980/1920 * 100%);
    padding-right: calc(30/1980 * 100%);
  }
  .home-about__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-about__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .home-about__btns > a {
    width: 100%;
  }
}
@media screen and (min-width:768px) and (max-width:1169px) {
  .home-about__wrap {
    display: block;
    width: calc(700/860 * 100%);
  }
}
/*reason*/
@media screen and (max-width:767px) {
  .home-reason {
    position: relative;
    display: block;
    width: 100%;
    padding: 55px 0 50px 0;
    background: url(./assets/images/home/reason/reason-bg-sp.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
  }
  .home-reason__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-reason__wrap {
    display: block;
    width: 100%;
  }
  .home-reason__header {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    font-family: var(--yumincho);
  }
  .home-reason__header > span {
    color: var(--orange);
    font-size: 30px;
  }
  .home-reason__main {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .home-reason__card {
    display: block;
    width: calc(170/355 * 100%);
    background: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .home-reason__card:nth-child(1) {
    margin-right: calc(15/355 * 100%);
  }
  .home-reason__card:nth-child(3) {
    margin-top: 30px;
  }
  .home-reason__card > picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .home-reason__card > picture > .badge {
    position: absolute;
    bottom: -2px;
    right: 0;
    display: block;
    width: calc(81.99/170 * 100%);
    object-fit: cover;
  }
  .home-reason__card > picture > .thumb {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-reason__card > p {
    display: block;
    width: 100%;
    padding: 10px 5px 0 5px;
    text-align: center;
    font-size: 12px;
    font-family: var(--noto-serif);
    color: #000000;
    font-weight: 500;
    line-height: 2;
  }
  .home-reason__card-title {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 5px 15px 5px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: #BBAC88;
  }
  .home-reason__btns {
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (max-width:359px) {
  .home-reason__card-title {
    font-size: 14px;
  }
}
@media screen and (min-width:768px) {
  .home-reason {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: url(./assets/images/home/reason/reason-bg-pc.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
  }
  .home-reason__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-reason__wrap {
    display: block;
    width: 100%;
  }
  .home-reason__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 70px;
    font-family: var(--yumincho);
  }
  .home-reason__header > span {
    color: var(--orange);
    font-size: 40px;
  }
  .home-reason__main {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr repeat(2, 1fr);
    column-gap: calc(50/1100 * 100%);
    width: 100%;
    margin-top: 40px;
  }
  .home-reason__card {
    display: block;
    width: 100%;
    background: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .home-reason__card:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-reason__card > picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .home-reason__card > picture > .badge {
    position: absolute;
    bottom: -2px;
    right: 0;
    display: block;
    width: calc(145/300 * 100%);
    object-fit: cover;
  }
  .home-reason__card > picture > .thumb {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-reason__card > p {
    display: block;
    width: 100%;
    padding: 25px 15px 0 15px;
    text-align: center;
    font-size: 20px;
    font-family: var(--noto-serif);
    color: #000000;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 2px;
  }
  .home-reason__card-title {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 10px 23px 10px;
    font-size: 30px;
    line-height: 40px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: #BBAC88;
    letter-spacing: 3px;
  }
  .home-reason__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-reason__main {
    column-gap: calc(40/1100 * 100%);
  }
  .home-reason__card > p {
    font-size: 16px;
  }
  .home-reason__card-title {
    font-size: 22px;
  }
}
@media screen and (min-width:1025px) and (max-width:1119px){
  .home-reason__card > p {
    font-size: 18px;
  }
  .home-reason__card-title {
    font-size: 26px;
  }
}
/*menu*/
@media screen and (max-width:767px) {
  .home-menu {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-menu__icon {
    position: absolute;
    top: 50px;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-menu__wrap {
    display: block;
    width: 100%;
  }
  .home-menu__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-menu__main {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 32px;
  }
  .home-menu__link {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-menu__link:nth-child(n+2){
    margin-top: 20px;
  }
  .home-menu__link:nth-child(1){
   order: 1;
  }
  .home-menu__link:nth-child(2){
    order: 2;
   }
   .home-menu__link:nth-child(3){
    order: 3;
   }
   .home-menu__link:nth-child(4){
    order: 6;
   }
   .home-menu__link:nth-child(5){
    order: 4;
   }
   .home-menu__link:nth-child(6){
    order: 5;
   }
  .home-menu__link > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--noto-serif);
    font-weight: 400;
    line-height: 36px;
    color: var(--white);
    text-align: center;
    z-index: 2;
  }
  .home-menu__link > picture {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0 20px 0 20px;
  }
  .home-menu__link > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:768px) {
  .home-menu {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-menu__icon {
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-menu__wrap {
    display: block;
    width: 100%;
  }
  .home-menu__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-menu__main {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    margin-top: 50px;
    grid-template-columns: 1fr repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: 2.5px 2.5px;
  }
  .home-menu__link {
    position: relative;
    display: block;
    width: 100%;
  }
  .home-menu__link > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--noto-serif);
    font-weight: 400;
    line-height: 36px;
    color: var(--white);
    text-align: center;
    z-index: 2;
  }
  .home-menu__link > picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 0 40px 0 40px;
  }
  .home-menu__link > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
  }
  .home-menu__link:hover > picture > img {
    transform: scale(1.2);
  }
}
/*campaign*/
@media screen and (max-width:767px) {
  .home-campaign {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 50px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-campaign__icon {
    position: absolute;
    top: 0;
    right: -25px;
    display: none;
    width: 140px;
    z-index: 1;
  }
  .home-campaign__wrap {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    background: url(./assets/images/home/campaign/bg-sp.jpg) no-repeat center;
    background-size: cover;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .home-campaign__contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 25px 25px 30px 25px;
  }
  .home-campaign__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-campaign__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 26px;
    /* font-weight: 600; */
    line-height: 1;
  }
  .home-campaign__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin-top: 20px;
  }
  .home-campaign__text {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
    font-weight: 500;
    font-family: var(--noto-serif);
    text-align: justify;
    word-break: break-all;
  }
  .home-campaign__price {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }
  .home-campaign__price > .badge {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:66px;
    height: 60px;
    border: 1px solid #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
  }
  .home-campaign__price > .badge > span {
    line-height: 18.2px;
  }
  .home-campaign__price > .price {
    display: flex;
    align-items: baseline;
    width: auto;
    font-family: var(--noto-serif);
    margin-left: 10px;
    color: #FF4570;
  }
  .home-campaign__price > .price > span:nth-child(1) {
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
  }
  .home-campaign__price > .price > span:nth-child(2) {
    font-size: 20px;
    font-weight: 700;
    padding-left: 5px;
  }
  .home-campaign__price > .price > span:nth-child(3) {
    font-size: 16px;
    font-weight: 500;
  }
  .home-campaign__btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }
  .home-campaign__btn > a {
    width: 100%;
    height: 59px;
    font-size: 18px;
  }
  .home-campaign__img {
    display: block;
    width: 100%;
  }
  .home-campaign__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (max-width:359px) {
  .home-campaign__contents {
    padding: 25px 15px 30px 15px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-campaign {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-campaign__icon {
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-campaign__wrap {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .home-campaign__contents {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    height: 100%;
    padding: 0 30px;
  }
  .home-campaign__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-campaign__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 30px;
    /* font-weight: 600; */
    line-height: 1;
  }
  .home-campaign__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    margin-top: 10px;
  }
  .home-campaign__text {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    font-weight: 500;
    font-family: var(--noto-serif);
    text-align: justify;
    word-break: break-all;
  }
  .home-campaign__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
  }
  .home-campaign__price > .badge {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:76px;
    height: 76px;
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
  }
  .home-campaign__price > .badge > span {
    line-height: 26px;
  }
  .home-campaign__price > .price {
    display: flex;
    align-items: baseline;
    width: calc(100% - 76px - 10px);
    font-family: var(--noto-serif);
    color: #FF4570;
  }
  .home-campaign__price > .price > span:nth-child(1) {
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
  }
  .home-campaign__price > .price > span:nth-child(2) {
    font-size: 22px;
    font-weight: 700;
    padding-left: 10px;
  }
  .home-campaign__price > .price > span:nth-child(3) {
    font-size: 16px;
    font-weight: 500;
  }
  .home-campaign__btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
  }
  .home-campaign__btn > a {
    width: 100%;
    height: 64px;
  }
  .home-campaign__img {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .home-campaign__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:1025px) {
  .home-campaign {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-campaign__icon {
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-campaign__wrap {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .home-campaign__contents {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 550px;
    height: 100%;
    padding: 0 calc(50/1100 * 100%);
  }
  .home-campaign__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-campaign__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 40px;
    /* font-weight: 600; */
    line-height: 1;
    margin-top: 10px;
    letter-spacing: 0.09em;
  }
  .home-campaign__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
    margin-top: 25px;
    letter-spacing: 0.09em;
  }
  .home-campaign__text {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px;
    font-weight: 500;
    font-family: var(--noto-serif);
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.09em;
  }
  .home-campaign__price {
    display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
    margin-top: 30px;
  }
  .home-campaign__price > .badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:84px;
    height: 84px;
    border: 1px solid #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-right: 20px;
  }
  .home-campaign__price > .badge > span {
    font-size: 20px;
    line-height: 26px;
  }
  .home-campaign__price > .price {
    display: flex;
    align-items: baseline;
    width: calc(100% - 96px - 20px);
    font-family: var(--noto-serif);
    color: #FF4570;
  }
  .home-campaign__price > .price > span:nth-child(1) {
    font-size: 80px;
    font-weight: 500;
    line-height: 1;
  }
  .home-campaign__price > .price > span:nth-child(2) {
    font-size: 30px;
    font-weight: 700;
    padding-left: 10px;
  }
  .home-campaign__price > .price > span:nth-child(3) {
    font-size: 20px;
    font-weight: 500;
  }
  .home-campaign__btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .home-campaign__btn > a {
    width: 100%;
    height: 84px;
  }
  .home-campaign__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 620px;
    overflow: hidden;
  }
  .home-campaign__img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/*before after*/
@media screen and (max-width:767px) {
  .home-ba {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    background: url(./assets/images/home/ba/bg-sp.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
  }
  .home-ba__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-ba__wrap {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 480px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .home-ba__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-ba__main-pc {
    display: none;
  }
  .home-ba__main {
    position: relative;
    width: 100%;
    margin-top: 50px;
    z-index: 99;
    padding-left: 40px;
  }
  .home-ba__main .swiper-wrapper {
    width: 291px;
  }
  .home-ba__swiper-card {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .home-ba__swiper-card > div {
    position: relative;
    display: block;
    width: 144px;
  }
  .home-ba__swiper-card > div > span {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 69px;
    height: 23px;
    font-family: var(--josefin-sans);
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
  }
  .home-ba__swiper-card > div.before > span {
    right: 0;
    color: #D4D0C4;
  }
  .home-ba__swiper-card > div.after > span {
    left: 0;
    color: var(--white);
  }
  .home-ba__swiper-card > div.after::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 20px;
    border-color: transparent transparent transparent #FFFFFF;
  }
  .home-ba__swiper-card > div > picture {
    display: block;
    width: 100%;
  }
  .home-ba__swiper-card > div > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .ba-swiper-card__txt {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }
  .ba-swiper-card__txt > span {
    font-size: 14px;
    /* font-weight: 500; */
    line-height: 18.2px;
    padding-left: 40px;
    letter-spacing: 1px;
  }
  .ba-swiper-card__txt > span > em {
    font-size: 14px;
  }
  .home-ba__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) {
  .home-ba {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 80px 0;
    background: url(./assets/images/home/ba/bg-pc.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
  }
  .home-ba__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-ba__wrap {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
  }
  .home-ba__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-ba__main {
    position: relative;
    width: 100%;
    margin-top: 50px;
    z-index: 99;
  }
  .home-ba__main .swiper-wrapper {
    width: 485px;
  }
  .home-ba__swiper-card {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .home-ba__swiper-card > div {
    position: relative;
    display: block;
    width: 240px;
  }
  .home-ba__swiper-card > div > span {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 60px;
    font-family: var(--josefin-sans);
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
  }
  .home-ba__swiper-card > div.before > span {
    right: 0;
    color: #D4D0C4;
  }
  .home-ba__swiper-card > div.after > span {
    left: 0;
    color: var(--white);
  }
  .home-ba__swiper-card > div.after::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 20px;
    border-color: transparent transparent transparent #FFFFFF;
  }
  .home-ba__swiper-card > div > picture {
    display: block;
    width: 100%;
  }
  .home-ba__swiper-card > div > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .ba-swiper-card__txt {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
  }
  .ba-swiper-card__txt > span {
    font-size: 18px;
    /* font-weight: 500; */
    line-height: 30px;
  }
  .ba-swiper-card__txt > span > em {
    font-size: 22px;
  }
  .ba-swiper-card__txt > span:nth-child(n+2){
    padding-left: 15px;
  }
  .home-ba__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1280px) {
  .home-ba__main .swiper-wrapper {
    width: 405px;
  }
  .home-ba__swiper-card > div {
    width: 200px;
  }
  .ba-swiper-card__txt > span {
    font-size: 16px;
  }
  .ba-swiper-card__txt > span:nth-child(n+2){
    padding-left: 10px;
  }
  .ba-swiper-card__txt > span > em {
    font-size: 20px;
  }
}
/*flow*/
@media screen and (max-width:767px) {
  .home-flow {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: var(--white);
  }
  .home-flow__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-flow__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 480px;
    width:100%;
    margin: 0 auto 0 auto;
  }
  .home-flow__wrap > picture {
    display: block;
    width: 100%;
  }
  .home-flow__wrap > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home-flow__contents {
    display: block;
    width: calc(100% - 20px);
    background: var(--white);
    padding: 50px 10px;
    margin: -50px auto 0 auto;
  }
  .home-flow__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-flow__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: #000000;
    font-size: 26px;
    /* font-weight: 600; */
    line-height: 1;
  }
  .home-flow__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin-top: 15px;
  }
  .home-flow__contents > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 26px;
    font-family: var(--yumincho);
  }
  .home-flow__btn {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .home-flow__btn > a {
    width: 100%;
    height: 63.21px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-flow {
    position: relative;
    display: block;
    width: 100%;
    padding: 84.2px 0 39.6px 0;
    overflow: hidden;
    background: var(--white);
  }
  .home-flow__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-flow__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 728px;
    margin: 0 auto 0 auto;
  }
  .home-flow__wrap > picture {
    display: block;
    width: 100%;
  }
  .home-flow__wrap > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home-flow__contents {
    display: block;
    width: 600px;
    background: var(--white);
    padding: 50px 70px;
    margin-top: -50px;
  }
  .home-flow__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-flow__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: #000000;
    font-size: 40px;
    /* font-weight: 600; */
    line-height: 1;
  }
  .home-flow__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 40px;
  }
  .home-flow__contents > p {
    display: block;
    width: 450px;
    font-size: 18px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
    font-family: var(--yumincho);
  }
  .home-flow__btn {
    display: block;
    width: 450px;
    margin-top: 30px;
  }
  .home-flow__btn > a {
    width: 100%;
    height: 84.91px;
  }
}
@media screen and (min-width:1025px) {
  .home-flow {
    position: relative;
    display: block;
    width: 100%;
    padding: 84.2px 0 39.6px 0;
    overflow: hidden;
    background: var(--white);
  }
  .home-flow__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-flow__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .home-flow__wrap > picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(1200/1920 * 100%);
    height: 570px;
    overflow: hidden;
    margin-right: calc(106/1920 * 100%);
  }
  .home-flow__wrap > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home-flow__contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((((1920 - 1400) / 2 ) / 1920) * 100%);
    display: block;
    min-width: 500px;
    width: calc(600/1920 * 100%);
    background: var(--white);
    padding: 50px 0;
  }
  .home-flow__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-flow__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: #000000;
    font-size: 40px;
    /* font-weight: 600; */
    line-height: 1;
  }
  .home-flow__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 40px;
    letter-spacing: 3px;
  }
  .home-flow__contents > p {
    display: block;
    width: 450px;
    font-size: 18px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
    font-family: var(--yumincho);
  }
  .home-flow__btn {
    display: block;
    width: 450px;
    margin-top: 30px;
  }
  .home-flow__btn > a {
    width: 100%;
    height: 84.91px;
  }
}
/*voice*/
@media screen and (max-width:767px) {
  .home-voice {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-voice__icon {
    position: absolute;
    top: 0;
    left: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-voice__wrap {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
  }
  .home-voice__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-voice__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
  }
  .home-voice__link {
    display: block;
    width: calc(170/355 * 100%);
  }
  .home-voice__link:nth-child(n+3) {
    margin-top: 30px;
  }
  .home-voice__link > picture {
    display: block;
    width: 100%;
  }
  .home-voice__link > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-voice__link > .name {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: var(--font-color);
    line-height: 28px;
    margin-top: 17.9px;
  }
  .home-voice__link > .title {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color);
    line-height: 20px;
    text-align: justify;
    word-break: break-all;
    margin-top: 7px;
  }
  .home-voice__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) {
  .home-voice {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-voice__icon {
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-voice__wrap {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
  }
  .home-voice__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-voice__main {
    display: grid;
    width: 100%;
    margin-top: 50px;
    grid-template-columns: 1fr repeat(3, 1fr);
    column-gap: calc(22.7/1100 * 100%);
  }
  .home-voice__link {
    display: block;
    width: 100%;
  }
  .home-voice__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-voice__link > picture {
    display: block;
    width: 100%;
  }
  .home-voice__link > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-voice__link > .name {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: var(--font-color);
    line-height: 2;
  }
  .home-voice__link > .title {
    display: block;
    width: 100%;
    /* font-size: 16px; */
    font-size: 14px;
    /* font-weight: 700; */
    font-weight: 400;
    color: var(--font-color);
    /* line-height: 28px; */
    line-height: 1.4;
    text-align: justify;
    word-break: break-all;
    margin-top: 7px;
  }
  .home-voice__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
}
/*salon*/
@media screen and (max-width:767px) {
  .home-salon {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    background-size: cover;
    overflow: hidden;
    background: url(./assets/images/home/salon/bg-sp.jpg) no-repeat center;
    background-size: cover;
  }
  .home-salon__icon {
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-salon .container {
    padding: 0 20px;
  }
  .home-salon__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }
  .home-salon__map {
    display: block;
    max-width: 320px;
    width: 80vw;
    margin-top: 50px;
  }
  .home-salon__map > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-salon__main {
    display: block;
    width: 100%;
  }
  .home-salon__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-salon__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 26px;
    /* font-weight: 500; */
    line-height: 1;
  }
  .home-salon__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin-top: 36px;
  }
  .home-salon__main > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    margin-top: 30px;
    font-weight: 500;
    font-family: var(--noto-serif);
    text-align: justify;
    word-break: break-all;
  }
  .home-salon__area {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 37px;
  }
  .home-salon__col {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-salon__col:nth-child(n+2){
    margin-top: 50px;
  }
  .home-salon__block {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-salon__block:nth-child(n+2){
    margin-top: 40px;
  }
  .home-salon__title {
    display: block;
    width: 100%;
    color: var(--orange);
    font-size: 16px;
    line-height: 28px;
    /* font-weight: 700; */
    margin-bottom: 5px;
  }
  .home-salon__link {
    font-size: 14px;
    /* font-weight: 500; */
    line-height: 1.2;
    color: var(--font-color);
    margin-top: 20px;
  }
  .home-salon__address {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
    word-break: break-all;
    margin-top: 12px;
    margin-bottom:0.5em;
  }
  .home-salon__address > span {
    display:inline-block;
  }
}
@media screen and (min-width:768px) {
  .home-salon {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background-size: cover;
    overflow: hidden;
    background: url(./assets/images/home/salon/bg-pc.jpg) no-repeat center;
    background-size: cover;
  }
  .home-salon__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-salon__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .home-salon__map {
    display: block;
    width: calc(444/1100 * 100%);
  }
  .home-salon__map > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-salon__main {
    display: block;
    width: calc(584/1100 * 100%);
  }
  .home-salon__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-salon__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 40px;
    /* font-weight: 500; */
    line-height: 1;
    letter-spacing: 0.09em;
  }
  .home-salon__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 30px;
  }
  .home-salon__main > p {
    display: block;
    max-width: 450px;
    width: 100%;
    font-size: 18px;
    line-height: 36px;
    margin-top: 30px;
    font-weight: 500;
    font-family: var(--noto-serif);
    text-align: justify;
    word-break: break-all;
  }
  .home-salon__area {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top:70px;
  }
  .home-salon__col {
    display: flex;
    flex-direction: column;
  }
  .home-salon__col:nth-child(1) {
    /* width: calc(275/584 * 100%); */
    width:50%;
  }
  .home-salon__col:nth-child(2) {
    /* width: calc(244/584 * 100%); */
    width:50%;
  }
  .home-salon__block {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-salon__block:nth-child(n+2){
    margin-top: 54px;
  }
  .home-salon__title {
    display: block;
    width: 100%;
    color: var(--orange);
    font-size: 20px;
    line-height: 28px;
    /* font-weight: 400; */
    margin-bottom: 16px;
    /* letter-spacing: 0.05em; */
  }
  .home-salon__link {
    font-size: 16px;
    /* font-weight: 700; */
    line-height: 1.2;
    color: var(--font-color);
    margin-top: 20px;
  }
  .home-salon__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-salon__address {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    /* line-height: 28px;
    text-align: justify;
    word-break: break-all; */
    margin-top: 1.5em;
    padding-bottom: 1em;
  }
  .home-salon__address > span {
    width: 100%;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-salon__address {
    display: block;
    width: 100%;
    /* font-size: 16px; */
    font-size: 13px;
    line-height: 1.6;
    /* text-align: justify; */
    text-align: left;
    word-break: break-all;
    margin-top: 14px;
  }
  .home-salon__address > span {
    /* padding-left: 15px; */
    display: inline-block;
  }
  .home-salon__address.no-space {
    display: flex;
    flex-wrap: wrap;
  }
  .home-salon__address.no-space > span {
    padding-left: 0;
  }
}
/*sns*/
@media screen and (max-width:767px) {
  .home-sns {
   display: block;
   width: 100%;
   padding: 50px 0;
   background: var(--white);
  }
  .home-sns__wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
  }
  .home-sns__link {
   display: block;
   width: 100%
  }
  .home-sns__link:nth-child(n+2){
    margin-top: 30px;
  }
  .home-sns__link > picture {
   display: block;
   width: 100%;
   border-radius: 0 40px 0 0;
  }
  .home-sns__link > picture > img {
   display: block;
   width: 100%;
   object-fit: cover;
  }
 }
@media screen and (min-width:768px) {
 .home-sns {
  display: block;
  width: 100%;
  padding: 100px 0;
  background: var(--white);
 }
 .home-sns__wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
 }
 .home-sns__link {
  display: block;
  width: calc(530/1100 * 100%);
 }
 .home-sns__link:hover {
  transition: opacity 0.3s ease;
  opacity: 0.7;
 }
 .home-sns__link > picture {
  display: block;
  width: 100%;
  border-radius: 0 40px 0 0;
 }
 .home-sns__link > picture > img {
  display: block;
  width: 100%;
  object-fit: cover;
 }
}
/*column and information*/
@media screen and (max-width:767px) {
  .home-post-wrap {
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    background: linear-gradient(180deg, rgba(252,183,123,0.3) 0%, #FFFFFF 100%);
  }
  /*column*/
  .home-column {
    display: block;
    width: 100%;
  }
  .home-column__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-column__items {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
  }
  .home-column__item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 120px;
    padding-left: 130px;
  }
  .home-column__item:nth-child(n+2){
    margin-top: 27px;
  }
  .home-column__item > picture {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 120px;
    height: 120px;
  }
  .home-column__item > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    padding: 5px;
    background-color: #fff;
  }
  .home-column__item > .date {
    display: block;
    width: 100%;
    font-size: 11px;
    /* font-weight: 700; */
    color: var(--font-color);
    line-height: 1;
    letter-spacing: 0.5px;
  }
  .home-column__item > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-top: 7px;
  }
  .home-column__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  /*information*/
  .home-information {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .home-information__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-information__items {
    display: block;
    width: 100%;
    margin: 30px auto 0 auto;
  }
  .home-information__items > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 10px;
    border-bottom: 1px solid #DFDFDF;
  }
  .home-information__items > li > a {
    display: flex;
    flex-direction: column;
    width: auto;
  }
  .home-information__items > li > a > .date {
    font-size: 11px;
    /* font-weight: 700; */
    line-height: 1;
    color: var(--font-color);
    letter-spacing: 0.5px;
  }
  .home-information__items > li > a > .title {
    display: -webkit-box;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 7px;
  }
  .home-information__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (min-width:768px) {
  .home-post-wrap {
    display: block;
    width: 100%;
    padding: 100px 0 50px 0;
    background: linear-gradient(180deg, rgba(252,183,123,0.3) 0%, #FFFFFF 100%);
  }
  /*column*/
  .home-column {
    display: block;
    width: 100%;
  }
  .home-column__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-column__items {
    display: grid;
    width: 100%;
    margin-top: 50px;
    grid-template-columns: 1fr repeat(3, 1fr);
    column-gap: calc(30/1100 * 100%);
  }
  .home-column__item {
    display: block;
    width: 100%;
  }
  .home-column__item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-column__item > picture {
    display: block;
    width: 100%;
  }
  .home-column__item > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-column__item > .date {
    display: block;
    width: 100%;
    font-size: 14px;
    /* font-weight: 700; */
    color: var(--font-color);
    line-height: 1;
    margin-top: 20px;
    margin-bottom:10px;
    letter-spacing: 1px;
  }
  .home-column__item > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .home-column__btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 50px;
  }
  /*information*/
  .home-information {
    display: block;
    width: 100%;
    margin-top: 150px;
  }
  .home-information__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-information__items {
    display: block;
    max-width: 900px;
    width: 100%;
    margin: 50px auto 0 auto;
  }
  .home-information__items > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #DFDFDF;
  }
  .home-information__items > li > a {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .home-information__items > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-information__items > li > a > .date {
    font-size: 14px;
    /* font-weight: 700; */
    /* line-height: 28px; */
    color: var(--font-color);
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .home-information__items > li > a > .title {
    display: -webkit-box;
    width: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .home-information__btns {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 50px;
  }
}
/*campaign2*/
@media screen and (max-width:767px) {
  .home-campaign2 {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 0 80px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-campaign2__icon {
   display: none;
  }
  .home-campaign2__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 3px solid #CDAE6D;
    box-shadow: 10px 10px 10px rgba(188,188,188,0.5);
    background-color: var(--white);
    padding: 70px 10px 30px 10px;
  }
  .home-campaign2__contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }
  .home-campaign2__contents > .ribbon {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(270/345 * 100%);
  }
  .home-campaign2__contents > .ribbon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-campaign2__contents > .txt-top {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 31px;
    color: #B1944E;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .home-campaign2__contents > .title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 27px;
    line-height: 39px;
    color: #333333;
    font-weight: 600;
    font-family: var(--yumincho);
  }
  .home-campaign2__contents > .txt-btm {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .home-campaign2__contents > .txt-btm > span {
    position: relative;
  }
  .home-campaign2__contents > .txt-btm > span > em {
    font-size: 22px;
    font-weight: 600;
  }
  .home-campaign2__contents > .txt-btm > i {
    position: absolute;
    top: -7px;
    right: 0;
    font-size: 14px;

  }
  .home-campaign2__contents > .txt-btm > span::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 0;
    display: block;
    width: 100%;
    height: 8px;
    background-color: #F4F422;
    z-index: -1;
    transform: rotate(-3deg);
    transform-origin: right top;
  }
  .home-campaign2__price {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
  }
  .home-campaign2__price > .badge {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    /*width:97px;*/
	width:70px;
    height: 74px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    background-color: #D94464;
    /*padding-right: 25px;*/
	margin-right: 25px;
    border-radius: 5px 0 0 5px;
  }
  .home-campaign2__price > .badge::after {
    content: "";
    position: absolute;
    top: 0;
    /*right: 0;*/
	right: -25px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 37px 0 37px 25px;
    border-color: #FFFFFF #FFFFFF #FFFFFF #D94464;
  }
  .home-campaign2__price > .badge > span {
    font-size: 20px;
    line-height: 28px;
    color: var(--white);
    font-weight: 500;
    text-align: right;
  }
  .home-campaign2__price > .badge > span > em {
    font-size: 30px;
  }
  .home-campaign2__price > .price {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    width: auto;
    color: #FF4570;
    margin-left: 10px;
  }
  .home-campaign2__price > .price > span:nth-child(1) {
    font-size: 72px;
    font-weight: 500;
    line-height: 74px;
    font-family: var(--yumincho);
    letter-spacing: -5px;
    margin-top: 0px;
    padding-right: 5px;
  }
  .home-campaign2__price > .price > span:nth-child(2) {
    position: relative;
    display: block;
    width: 40px;
    height: 50px;
    font-size: 32px;
    font-family: var(--yumincho);
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
  }
  .home-campaign2__price > .price > span:nth-child(2) > small {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    letter-spacing: -1px;
    text-align: center;
  }
  .home-campaign2__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
  }
  .home-campaign__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .home-campaign2 {
    position: relative;
    display: block;
    width: 100%;
    padding: 200px 0 80px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-campaign2__icon {
    position: absolute;
    bottom: 0;
    right: -25px;
    display: block;
    width: 110px;
    z-index: 1;
  }
  .home-campaign2__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 3px solid #CDAE6D;
    box-shadow: 10px 10px 10px rgba(188,188,188,0.5);
    background-color: var(--white);
  }
  .home-campaign2__contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - calc(515/1094 * 100%));
    height: 100%;
  }
  .home-campaign2__contents > .ribbon {
    display: block;
    width: calc(445/579 * 100%);
  }
  .home-campaign2__contents > .ribbon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-campaign2__contents > .txt-top {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 27px;
    color: #B1944E;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 20px;
  }
  .home-campaign2__contents > .title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    line-height: 31px;
    color: #333333;
    font-weight: 600;
    font-family: var(--yumincho);
  }
  .home-campaign2__contents > .txt-btm {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .home-campaign2__contents > .txt-btm > span {
    position: relative;
  }
  .home-campaign2__contents > .txt-btm > span > em {
    font-size: 26px;
    font-weight: 600;
  }
  .home-campaign2__contents > .txt-btm > i {
    display: none;
  }
  .home-campaign2__contents > .txt-btm > span::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 0;
    display: block;
    width: 100%;
    height: 6px;
    background-color: #F4F422;
    z-index: -1;
    transform: rotate(-3deg);
    transform-origin: right top;
  }
  .home-campaign2__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(441/579 * 100%);
    margin-top: 10px;
  }
  .home-campaign2__price > .badge {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:97px;
    height: 70px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    background-color: #D94464;
    padding-right: 15px;
    border-radius: 5px 0 0 5px;
  }
  .home-campaign2__price > .badge::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 0 35px 15px;
    border-color: #FFFFFF #FFFFFF #FFFFFF #D94464;
  }
  .home-campaign2__price > .badge > span {
    font-size: 18px;
    line-height: 25px;
    color: var(--white);
    font-weight: 500;
  }
  .home-campaign2__price > .badge > span > em {
    font-size: 28px;
  }
  .home-campaign2__price > .price {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    width: calc(100% - 97px - 10px);
    color: #FF4570;
  }
  .home-campaign2__price > .price > span:nth-child(1) {
    font-size: 70px;
    font-weight: 500;
    line-height: 70px;
    font-family: var(--yumincho);
    letter-spacing: -5px;
    margin-top: 0px;
  }
  .home-campaign2__price > .price > span:nth-child(2) {
    position: relative;
    display: block;
    width: 40px;
    height: 50px;
    font-size: 30px;
    font-family: var(--yumincho);
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
  }
  .home-campaign2__price > .price > span:nth-child(2) > small {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    font-size: 13px;
    letter-spacing: -1px;
    text-align: center;
  }
  .home-campaign2__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(515/1094 * 100%);
    overflow: hidden;
  }
  .home-campaign__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:1025px) {
  .home-campaign2 {
    position: relative;
    display: block;
    width: 100%;
    /*padding: 250px 0 100px 0;*/
	padding: 180px 0 100px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .home-campaign2__icon {
    position: absolute;
    bottom: 0;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .home-campaign2__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 3px solid #CDAE6D;
    box-shadow: 10px 10px 10px rgba(188,188,188,0.5);
    background-color: var(--white);
  }
  .home-campaign2__wrap:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .home-campaign2__contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - calc(515/1094 * 100%));
    height: 100%;
  }
  .home-campaign2__contents > .ribbon {
    display: block;
    width: calc(445/579 * 100%);
  }
  .home-campaign2__contents > .ribbon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .home-campaign2__contents > .txt-top {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    line-height: 37px;
    color: #B1944E;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 30px;
  }
  .home-campaign2__contents > .title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 36px;
    line-height: 51px;
    color: #333333;
    font-weight: 600;
    font-family: var(--yumincho);
  }
  .home-campaign2__contents > .txt-btm {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 23px;
    line-height: 33px;
    color: #333333;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .home-campaign2__contents > .txt-btm > span {
    position: relative;
  }
  .home-campaign2__contents > .txt-btm > span > em {
    font-size: 30px;
    font-weight: 600;
  }
  .home-campaign2__contents > .txt-btm > i {
    display: none;
  }
  .home-campaign2__contents > .txt-btm > span::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 0;
    display: block;
    width: 100%;
    height: 8px;
    background-color: #F4F422;
    z-index: -1;
    transform: rotate(-3deg);
    transform-origin: right top;
  }
  .home-campaign2__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(441/579 * 100%);
    margin-top: 20px;
  }
  .home-campaign2__price > .badge {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*width:147px;*/
	width:120px;
    height: 100px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    background-color: #D94464;
    /*padding-right: 25px;*/
    border-radius: 5px 0 0 5px;
  }
  .home-campaign2__price > .badge::after {
    content: "";
    position: absolute;
    top: 0;
    /*right: 0;*/
	right: -25px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 25px;
    border-color: #FFFFFF #FFFFFF #FFFFFF #D94464;
  }
  .home-campaign2__price > .badge > span {
    font-size: 26px;
    line-height: 30px;
    color: var(--white);
    font-weight: 500;
  }
  .home-campaign2__price > .badge > span > em {
    font-size: 42px;
  }
  .home-campaign2__price > .price {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    width: calc(100% - 147px - 20px);
    color: #FF4570;
  }
  .home-campaign2__price > .price > span:nth-child(1) {
    font-size: 111px;
    font-weight: 500;
    line-height: 100px;
    font-family: var(--yumincho);
    letter-spacing: -5px;
    margin-top: 0px;
  }
  .home-campaign2__price > .price > span:nth-child(2) {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    font-size: 40px;
    font-family: var(--yumincho);
    font-weight: 700;
    padding-top: 10px;
  }
  .home-campaign2__price > .price > span:nth-child(2) > small {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    font-size: 15px;
    letter-spacing: -1px;
    text-align: center;
  }
  .home-campaign2__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(515/1094 * 100%);
    overflow: hidden;
  }
  .home-campaign__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:1025px) and (max-width:1095px) {
  .home-campaign2__price > .price > span:nth-child(1) {
    font-size: 95px;
  }
}
/*cotact*/
@media screen and (max-width:767px) {
  .home-contact {
    display: block;
    width: 100%;
    padding: 0 0 50px 0;
    background: var(--white);
  }
  .home-contact__wrap {
    display: block;
    width: 100%;
  }
  .home-contact__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-contact__main {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
  }
  .home-contact__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 5px);
    height: 64.67px;
    border-radius: 10px;
    border: 1px solid var(--font-color);
    font-size: 18px;
    font-family: var(--noto-serif);
    font-weight: 600;
    line-height: 1;
    color: #000000;
  }
  .home-contact__link:nth-child(n+2){
    margin-top: 35px;
  }
  .home-contact__link::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 10px;
    border: 1px solid var(--font-color);
  }

}
@media screen and (min-width:768px) {
  .home-contact {
    display: block;
    width: 100%;
    padding: 0 0 100px 0;
    background: var(--white);
  }
  .home-contact__wrap {
    display: block;
    width: 100%;
  }
  .home-contact__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .home-contact__main {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .home-contact__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(530/1100 * 100%);
    height: 100px;
    border-radius: 10px;
    border: 1px solid var(--font-color);
    font-size: 26px;
    font-family: var(--noto-serif);
    font-weight: 600;
    line-height: 1;
    color: #000000;
  }
  .home-contact__link::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 10px;
    border: 1px solid var(--font-color);
  }
  .home-contact__link:hover {
    transition: background 0.3s ease, color 0.3s ease;
    background: #E09CA4;
    border-color: #E09CA4;
    color: var(--white);
  }
  .home-contact__link:hover::after {
    display: none;
  }
}
/*
PAGE - mainvisual common
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-mv {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .page-mv::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(188/375 * 100%);
    height:100%;
    background: rgba(242,166,102,0.5);
    z-index: -2;
  }
  .page-mv__container {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 40px 0 0 0;
    padding: 0 10px;
    overflow: hidden;
  }
  .page-mv__wrap {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .page-mv__bg {
    display: block;
    width: 100%;
  }
  .page-mv__bg > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  /*contents*/
  .page-mv__hgroup {
    position: absolute;
    top: 50%;
    left: calc(50/1200 * 100%);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
  }
  .page-mv__parent-slug {
    font-size: 20px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 1;
  }
  .page-mv__slug {
    font-size: 30px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 2px;
  }
  .page-mv__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    letter-spacing: 2px;
  }
  .page-mv__subtitle {
    font-size: 12px;
    line-height: 17px;
    color: var(--white);
    padding: 5px;
    margin-top: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .page-mv {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .page-mv::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(188/375 * 100%);
    height:100%;
    background: rgba(242,166,102,0.5);
    z-index: -2;
  }
  .page-mv__container {
    position: relative;
    display: block;
    width: calc(1300 / 1560 * 100%);
    border-radius: 40px 0 0 0;
    padding-left: calc(50 / 1560 * 100%);
    overflow: hidden;
  }
  .page-mv__wrap {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .page-mv__bg {
    display: block;
    width: 100%;
  }
  .page-mv__bg > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  /*contents*/
  .page-mv__hgroup {
    position: absolute;
    top: 50%;
    left: calc(50/1200 * 100%);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
  }
  .page-mv__parent-slug {
    font-size: 30px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 1;
  }
  .page-mv__slug {
    font-size: 50px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .page-mv__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
    letter-spacing: 3px;
  }
  .page-mv__subtitle {
    font-size: 18px;
    line-height: 36px;
    color: var(--white);
    padding: 0 20px;
    margin-top: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
  }
}
@media screen and (min-width:1025px) {
  .page-mv {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: calc(100% - (360/1920 * 100%));
  }
  .page-mv::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(630/1560 * 100%);
    height:100%;
    background: rgba(242,166,102,0.5);
    z-index: -2;
  }
  .page-mv__container {
    position: relative;
    display: block;
    width: calc(1200 / 1560 * 100%);
    border-radius: 40px 0 0 0;
    padding-left: calc(50 / 1560 * 100%);
    overflow: hidden;
  }
  .page-mv__wrap {
    position: relative;
    display: block;
    width: 100%;
  }
  .page-mv__bg {
    display: block;
    width: 100%;
  }
  .page-mv__bg > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  /*contents*/
  .page-mv__hgroup {
    position: absolute;
    top: 50%;
    left: calc(50/1200 * 100%);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
  }
  .page-mv__parent-slug {
    font-size: 30px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 1;
  }
  .page-mv__slug {
    font-size: 50px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .page-mv__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
    letter-spacing: 3px;
  }
  .page-mv__subtitle {
    font-size: 18px;
    line-height: 36px;
    color: var(--white);
    padding: 0 20px;
    margin-top: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
  }
}
/*
PAGE - Breadcrumb common
--------------------------------------------- */
@media screen and (min-width: 0px) {
  .breadcrumb-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 0;
  }
  .gi-breadcrumbs {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .gi-breadcrumbs__list {
    display:flex;
    flex-flow: row wrap;
    align-items: center;
    width: 100%;
  }
  .gi-breadcrumbs__list > li {
    display: block;
    width: auto;
    line-height:25px;
    font-size:14px;
    padding: 5px 0;
  }
  .gi-breadcrumbs__list > li:not(:first-child){
    position: relative;
    padding-left: 20px;
  }
  .gi-breadcrumbs__list > li:not(:first-child)::before{
    content: ">";
    position: absolute;
    left: 3px;
    font-size: 10px;
    line-height: 20px;
    color: #7E7E7E;
  }
  .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;
    line-height:20px;
    color:var(--orange);
    font-weight: 500;
  }
  .gi-breadcrumbs__item:last-child > .gi-breadcrumbs__link > span {
    color: #7E7E7E;
  }

}
@media screen and (max-width:767px) {
  .breadcrumb-wrapper {
    padding: 10px 0 11px 0;
  }
  .gi-breadcrumbs__link, .gi-breadcrumbs__link span {
    line-height: 12px;
  }
  .gi-breadcrumbs__list > li:not(:first-child){
    position: relative;
    padding-left: 15px;
  }
  .gi-breadcrumbs__list > li {
    line-height:12px;
    font-size:10px;
    padding: 0 0;
  }
  .gi-breadcrumbs__list > li:not(:first-child)::before{
    line-height: 12px;
  }
}
/*
PAGE - content layout
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-content__main {
    display: block;
    width: 100%;
    padding: 30px 0 70px 0;
  }
}
@media screen and (min-width:768px) {
  .page-content__main {
    display: block;
    width: 100%;
    padding: 50px 0 100px 0;
  }
}
/*
PAGE - 404
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-content__404-inner {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .not-found__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: var(--noto-serif);
    line-height: 36px;
    font-weight: 500;
  }
  .not-found__text {
    display: block;
    width: 100%;
    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) {
  .page-content__404-inner {
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .not-found__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--noto-serif);
    line-height: 1;
    font-weight: 500;
  }
  .not-found__text {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .not-found__btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 80px;
  }
}
/*
PAGE - flow
--------------------------------------------- */
@media screen and (max-width:767px) {
  .flow-hgroup {
    display: block;
    width: 100%;
    padding: 0 10px;
  }
  .flow__header {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    font-family: var(--noto-serif);
    text-align: center;
    line-height: 1;
    color: var(--black);
  }
  .flow-hgroup > p {
    display: block;
    width: 100%;
    margin-top: 40px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .flow-step__card {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    padding: 30px 10px;
  }
  .flow-step__card:nth-child(n+2){
    margin-top: 27.32px;
  }
  .flow-step__card:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: -27.32px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 200px;
    height: 27.32px;
    background: url(./assets/images/flow/icon-flow.svg) no-repeat center;
    background-size: contain;
  }
  .flow-step__card > picture {
    display: block;
    width: calc(300/335 * 100%);
    margin-top: 33px;
  }
  .flow-step__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .flow-step__card-content {
    display: block;
    width: 100%;
  }
  .flow-step__card-title {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .flow-step__card-title > picture {
    display: block;
    width: 92.78px;
  }
  .flow-step__card-title > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .flow-step__card-title > span {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: var(--orange);
    line-height: 33px;
    margin-top: 17px;
  }
  .flow-step__card-title small {
    font-size: 18px;
  }
  .flow-step__card-content > p {
    display: block;
    width: 100%;
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__card-content > p:nth-child(2){
    margin-top: 0;
  }
  .flow-step__card-content > p.hints {
    position: relative;
    padding-left: 30px;
    margin-top: 0;
  }
  .flow-step__card-content > p.hints > span {
    position: absolute;
    left: 0;
    top: 0;
  }
  .flow-step__card-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .flow-step__card-btn > a {
    width: 248px;
    height: 48px;
    font-size: 18px;
  }
  .flow-step__card-content > .caution {
    display: block;
    width: 100%;
    margin-top: 18px;
    border-radius: 5px;
    padding: 10px;
    background: var(--white);
  }
  .flow-step__card-content > .caution > .caution-title,
  .flow-step__card-content > .caution > p {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__card-content > .caution > .caution-title {
    color: var(--orange);
    font-weight: 400;
  }
}
@media screen and (min-width:768px) {
  .flow-hgroup {
    display: block;
    width: 100%;
    padding: 0 calc(50/1100 * 100%);
  }
  .flow__header {
    display: block;
    width: 100%;
    font-size: 40px;
    font-weight: 500;
    font-family: var(--noto-serif);
    text-align: center;
    line-height: 1;
    color: var(--black);
  }
  .flow-hgroup > p {
    display: block;
    width: 100%;
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .flow-step__card {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: calc(50/1100 * 100%);
  }
  .flow-step__card:nth-child(n+2){
    margin-top: 45px;
  }
  .flow-step__card:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: -42px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 307.5px;
    height: 42px;
    background: url(./assets/images/flow/icon-flow.svg) no-repeat center;
    background-size: contain;
  }
  .flow-step__card > picture {
    display: block;
    width: calc(400/1000 * 100%);
  }
  .flow-step__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .flow-step__card-content {
    display: block;
    width: calc(550/1000 * 100%);
  }
  .flow-step__card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 28px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: var(--orange);
    line-height: 33px;
    margin-bottom: 20px;
  }
  .flow-step__card-title > picture {
    display: block;
    width: 93px;
  }
  .flow-step__card-title > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .flow-step__card-title > span {
    display: block;
    width: calc(100% - 103px);
  }
  .flow-step__card-title small {
    font-size: 22px;
  }
  .flow-step__card-content > p {
    display: block;
    width: 100%;
    margin-top: 10px;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__card-content > p.hints {
    position: relative;
    padding-left: 30px;
  }
  .flow-step__card-content > p.hints > span {
    position: absolute;
    left: 0;
    top: 0;
  }
  .flow-step__card-btn {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .flow-step__card-btn > a {
    width: 248px;
    height: 48px;
    font-size: 18px;
  }
  .flow-step__card-content > .caution {
    display: block;
    width: 100%;
    margin-top: 18px;
    border-radius: 5px;
    padding: 10px;
    background: var(--white);
  }
  .flow-step__card-content > .caution > .caution-title,
  .flow-step__card-content > .caution > p {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
  }
  .flow-step__card-content > .caution > .caution-title {
    color: var(--orange);
    font-weight: 400;
  }
}
/*
PAGE - reason
--------------------------------------------- */
@media screen and (max-width:767px) {
  .reason-hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .reason-hgroup > p {
    display: block;
    width: 100%;
  }
  .reason-hgroup > p:nth-child(1) {
    font-size: 20px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 36px;
    text-align: center;
  }
  .reason-hgroup > p:nth-child(1) > span {
    color: var(--orange);
    font-size: 22px;
    line-height: 36px;
  }
  .reason-hgroup > p:nth-child(2) {
    margin-top: 28px;
    font-size: 16px;
    line-height: 32px;
    padding: 0 10px;
    text-align: justify;
    word-break: break-all;
  }
  /*reason*/
  .reason-wrap {
    display: block;
    max-width: 1340px;
    width: 100%;
    padding: 0 10px 100px 10px;
    margin: 58px auto 0 auto;
  }
  .reason__card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .reason__card:nth-child(n+2){
    margin-top: 50px;
  }
  .reason__card-contents {
    position: relative;
    display: block;
    width: 100%;
    padding: 60px 20px 20px 20px;
    background: var(--white);
    border-radius: 0 20px 0 20px;
    margin-top: 40px;
  }
  .reason__card-contents > .badge {
    position: absolute;
    top: -40px;
    left: 20px;
    z-index: 1;
    display: block;
    width: 80px;
  }
  .reason__card-contents > .badge > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .reason__card-title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .reason__card-title > span {
    color: var(--orange);
  }
  .reason__card-contents > p {
    display: block;
    width: 100%;
    line-height: 2;
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .reason__card-contents > dl {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .reason__card-contents > dl > dt {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    padding-bottom: 10px;
    color: #B59E8B;
    border-bottom: 1px solid #B59E8B;
  }
  .reason__card-contents > dl > dd {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DFDFDF;
  }
  .reason__card-contents > dl > dd:nth-child(2){
    margin-top: 20px;
  }
  .reason__card-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .reason__card-btn > a {
    width: 100%;
    height: 63.21px;
    font-size: 18px;
  }
  /*img*/
  .reason__card-img {
    display: block;
    width: 100%;
    border-radius: 0 20px 0 20px;
    overflow: hidden;
    margin-top: 30px;
  }
  .reason__card-img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 30px 0 30px;
  }
  /*guarantee*/
  .reason-guarantee {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
    background: url(./assets/images/reason/g-bg-pc.jpg) no-repeat center;
    background-size: cover;
  }
  .reason-guarantee__wrap {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .reason-guarantee__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .reason-guarantee__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 26px;
  }
  .reason-guarantee__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 600;
    line-height: 20px;
    margin-top: 5px;
  }
  .reason-guarantee__wrap > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
    padding: 0 10px;
  }
  .reason-guarantee__wrap > p.hints {
    font-size: 14px;
    line-height: 36px;
    margin-top: 0;
  }
  /*message*/
  .reason-message {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
    background: url(./assets/images/reason/m-bg-sp.jpg) no-repeat center;
    background-size: cover;
  }
  .reason-message__wrap {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .reason-message__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .reason-message__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 26px;

  }
  .reason-message__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
    line-height: 20px;
    margin-top: 5px;
  }
  .reason-guaranteemessage__wrap > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
    padding: 0 10px;
  }
  .page-container__reason {
    padding-bottom: 18px;
  }
}
@media screen and (max-width:374px) {
  .reason-guarantee__header > span:nth-child(1),
  .reason-message__header > span:nth-child(1) {
    font-size: 22px;
  }
  .reason-guarantee__header > span:nth-child(2),
  .reason-message__header > span:nth-child(2) {
    font-size: 15px;
  }
}
@media screen and (min-width:768px) {
  .reason-hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .reason-hgroup > p {
    display: block;
    width: 100%;
    text-align: center;
  }
  .reason-hgroup > p:nth-child(1) {
    font-size: 30px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 50px;
  }
  .reason-hgroup > p:nth-child(1) > span {
    color: var(--orange);
    font-size: 50px;
    line-height: 70px;
  }
  .reason-hgroup > p:nth-child(2) {
    margin-top: 50px;
    font-size: 18px;
    line-height: 40px;
  }
  /*reason*/
  .reason-wrap {
    display: block;
    max-width: 1340px;
    width: 100%;
    padding: 0 20px 100px 20px;
    margin: 50px auto 0 auto;
  }
  .reason__card {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-height: 500px;
    padding-top: 67.1px;
  }
  .reason__card:nth-child(odd) {
    padding-left: calc(50/1300 * 100%);
  }
  .reason__card:nth-child(even) {
    padding-right: calc(50/1300 * 100%);
    justify-content: flex-end;
  }
  .reason__card:nth-child(n+2){
    margin-top: 120px;
  }
  .reason__card-contents {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(657/1300 * 100%);
    padding: 89px calc(50/1250 * 100%) calc(50/1250 * 100%) calc(50/1250 * 100%);
    background: var(--white);
    border-radius: 0 40px 0 40px;
  }
  .reason__card-contents > .badge {
    position: absolute;
    top: -67.1px;
    z-index: 3;
    display: block;
    width: 120px;
  }
  .reason__card:nth-child(odd) > .reason__card-contents > .badge {
    left: calc(50/657 * 100%);
  }
  .reason__card:nth-child(even) > .reason__card-contents > .badge {
    right: calc(50/657 * 100%);
  }
  .reason__card-contents > .badge > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .reason__card-title {
    display: block;
    width: 100%;
    font-size: 32px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 40px;
    text-align: justify;
    word-break: break-all;
  }
  .reason__card-title > span {
    color: var(--orange);
  }
  .reason__card-contents > p {
    display: block;
    width: 100%;
    line-height: 2;
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .reason__card-contents > dl {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding: 10px;
  }
  .reason__card-contents > dl > dt {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    padding-bottom: 10px;
    color: #B59E8B;
    border-bottom: 1px solid #B59E8B;
  }
  .reason__card-contents > dl > dd {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DFDFDF;
  }
  .reason__card-contents > dl > dd:nth-child(2){
    margin-top: 20px;
  }
  .reason__card-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .reason__card-btn > a {
    width: calc(450/531 * 100%);
    height: 84.91px;
    font-size: 24px;
  }
  /*img*/
  .reason__card-img {
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: calc(700 / 1300 * 100%);
    border-radius: 0 40px 0 40px;
    overflow: hidden;
  }
  .reason__card-img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 40px 0 40px;
  }
  .reason__card:nth-child(odd) > .reason__card-img {
    right: 0;
  }
  .reason__card:nth-child(even) > .reason__card-img {
    left: 0;
  }
  /*guarantee*/
  .reason-guarantee {
    display: block;
    width: 100%;
    padding: 100px 0 100px;
    background: url(./assets/images/reason/g-bg-pc.jpg) no-repeat center;
    background-size: cover;
  }
  .reason-guarantee__wrap {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .reason-guarantee__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .reason-guarantee__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .reason-guarantee__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
    line-height: 20px;
    margin-top: 5px;
  }
  .reason-guarantee__wrap > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 36px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  .reason-guarantee__wrap > p.hints {
    font-size: 15px;
    line-height: 36px;
    margin-top: 0;
  }
  /*message*/
  .reason-message {
    display: block;
    width: 100%;
    padding: 100px 0 100px;
    background: url(./assets/images/reason/m-bg-pc.jpg) no-repeat center;
    background-size: cover;
  }
  .reason-message__wrap {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .reason-message__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .reason-message__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .reason-message__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
    line-height: 20px;
    margin-top: 5px;
  }
  .reason-guaranteemessage__wrap > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 36px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and  (max-width:1024px) {
  .reason-wrap {
    max-width: 768px;
  }
  .reason__card-title {
    font-size: 28px;
    line-height: 40px;
  }
  .reason__card-contents {
    padding: 79px calc(50/1250 * 100%) calc(50/1250 * 100%) calc(50/1250 * 100%);
  }
  .reason__card-btn > a {
    height: 64.91px;
  }
}
/*
PAGE - reason1 program
--------------------------------------------- */
@media screen and (max-width:767px) {
  .program__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .program__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 1;
  }
  .program__header > span:nth-child(1) {
    color: var(--orange);
  }
  .program__header > span:nth-child(2) {
    color: var(--black);
  }
  .program__hgroup > p {
    display: block;
    width: 100%;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
    padding: 0 10px;
  }
  /*intro*/
  .program__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 90px;
  }
  .program__intro-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background: var(--white);
    padding: 37px 10px 33px 10px;
  }
  .program__intro-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--noto-serif);
    line-height: 36px;
    font-weight: 500;
  }
  .program__intro-list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .program__intro-list > li {
    position: relative;
    width: 100%;
    padding-left: 28px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    color: var(--black);
  }
  .program__intro-list > li:nth-child(n+2){
    margin-top: 20px;
  }
  .program__intro-list > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    line-height: 36px;
    text-align: center;
  }
  .program__intro-list > li > span {
    text-underline-offset: 3px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: rgba(210,106,84,0.4);
    text-decoration-thickness: 5px;
  }
  .program__intro-img {
    display: block;
    width: 100%;
    border-radius: 0 0 0 40px;
    overflow: hidden;
  }
  .program__intro-img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius:0 0 0 40px;
  }
  /*treatment*/
  .program-treatment {
    display: block;
    width: 100%;
    margin-top: 56px;
  }
  .treatment__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .treatment__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: var(--black);
    line-height: 36px;
  }
  .treatment__header > span {
    font-size: 30px;
    color: var(--orange);
    line-height: 36px;
  }
  .treatment__hgroup > p {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 28px;
    margin-top: 25px;
  }
  .treatment__wrap {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .treatment__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .treatment__card:nth-child(n+2){
    margin-top: 50px;
  }
  .treatment__card-contents {
    display: block;
    width: 100%;
    background: var(--white);
    padding: 26px 20px 28px 20px;

  }
  .treatment__card-title {
    display: block;
    width: 100%;
    font-family: var(--noto-serif);
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    color: var(--orange);
  }
  .treatment__card-contents > p {
    display: block;
    width: 100%;
    margin-top: 20px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .treatment__card > picture {
    display: block;
    width: 100%;
    border-radius: 0 0 0 20px;
    overflow: hidden;
  }
  .treatment__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 0 0 20px;
  }
  .treatement__text {
    display: block;
    width: 100%;
    margin: 50px auto 0 auto;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    padding: 0 10px;
  }
}
@media screen and (min-width:768px) {
  .program__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .program__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 1;
  }
  .program__header > span:nth-child(1) {
    color: var(--orange);
  }
  .program__header > span:nth-child(2) {
    color: var(--black);
  }
  .program__hgroup > p {
    display: block;
    width: 100%;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
  /*intro*/
  .program__intro {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .program__intro-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(620/1100 * 100%);
    background: var(--white);
    padding: 30px calc(50/1100 * 100%);
  }
  .program__intro-title {
    display: block;
    width: 100%;
    font-size: 38px;
    font-family: var(--noto-serif);
    line-height: 46px;
    font-weight: 500;
  }
  .program__intro-list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .program__intro-list > li {
    position: relative;
    width: 100%;
    padding-left: 28px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    color: var(--black);
  }
  .program__intro-list > li:nth-child(n+2){
    margin-top: 20px;
  }
  .program__intro-list > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    line-height: 36px;
    text-align: center;
  }
  .program__intro-list > li > span {
    text-underline-offset: 0px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: rgba(210,106,84,0.4);
    text-decoration-thickness: 5px;
  }
  .program__intro-img {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(480/1100 * 100%);
    height: 100%;
    border-radius: 0 40px 0 0;
    overflow: hidden;
  }
  .program__intro-img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0 40px 0 0;
  }
  /*treatment*/
  .program-treatment {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .treatment__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .treatment__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: var(--black);
    line-height: 70px;
  }
  .treatment__header > span {
    font-size: 40px;
    color: var(--orange);
    line-height: 1;
  }
  .treatment__hgroup > p {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 28px;
    margin-top: 30px;
  }
  .treatment__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .treatment__card {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 315px;
    border-radius: 0 40px 0 40px;
    overflow: hidden;
  }
  .treatment__card:nth-child(n+2){
    margin-top: 82px;
  }
  .treatment__card:nth-child(even) {
    justify-content: flex-end;
  }
  .treatment__card-contents {
    display: block;
    width: 50%;
    background: var(--white);
    padding: 37px calc(50/1100 * 100%) 37px;

  }
  .treatment__card-title {
    display: block;
    width: 100%;
    font-family: var(--noto-serif);
    font-size: 32px;
    line-height: 46px;
    font-weight: 500;
    color: var(--orange);
  }
  .treatment__card-contents > p {
    display: block;
    width: 100%;
    margin-top: 27px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .treatment__card > picture {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
  }
  .treatment__card:nth-child(odd) > picture {
    right: 0;
  }
  .treatment__card:nth-child(even) > picture {
    left: 0;
  }
  .treatment__card > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .treatement__text {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 50px auto 0 auto;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .program__intro-list > li {
    font-size: 16px;
  }
  .program__intro-list > li:nth-child(n+2){
    margin-top: 10px;
  }
}
/*
PAGE - reason2 machine
--------------------------------------------- */
@media screen and (max-width:767px) {
  .machine__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .machine__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
  .machine__header > span:nth-child(1) {
    font-size: 20px;
    line-height: 36px;
  }
  .machine__header > span:nth-child(2) {
    color: var(--orange);
    font-size: 22px;
    line-height: 36px;
  }
  .machine__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 30px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    padding: 0 10px;
  }
  .machine__wrap {
    display: block;
    max-width: 480px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 0 auto;
  }
  .machine__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 100px;
  }
  .machine__card-contents {
    display: block;
    width: 100%;
    background: var(--white);
    padding: 26px 20px 60px 20px;
    border-radius: 0 20px 0 20px;
  }
  .machine__card-title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    font-family: var(--noto-serif);
    line-height: 38px;
  }
  .machine__card-title > span {
    color: var(--orange);
  }
  .machine__card-contents > p {
    display: block;
    width: 100%;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .machine__card > picture {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .machine__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .machine__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .machine__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
  .machine__header > span:nth-child(1) {
    font-size: 30px;
    line-height: 30px;
  }
  .machine__header > span:nth-child(2) {
    color: var(--orange);
    font-size: 40px;
    line-height: 60px;
  }
  .machine__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 50px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .machine__wrap {
    display: block;
    max-width: 768px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 0 auto;
  }
  .machine__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 100px;
  }
  .machine__card-contents {
    display: block;
    width: 100%;
    background: var(--white);
    padding: 30px 30px 60px 30px;
    border-radius: 0 40px 0 40px;
  }
  .machine__card-title {
    display: block;
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    font-family: var(--noto-serif);
    line-height: 50px;
  }
  .machine__card-title > span {
    color: var(--orange);
  }
  .machine__card-contents > p {
    display: block;
    width: 100%;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .machine__card > picture {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .machine__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:1025px) {
  .machine__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .machine__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
  .machine__header > span:nth-child(1) {
    font-size: 30px;
    line-height: 30px;
  }
  .machine__header > span:nth-child(2) {
    color: var(--orange);
    font-size: 40px;
    line-height: 60px;
  }
  .machine__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 50px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .machine__wrap {
    display: block;
    max-width: 1340px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 0 auto;
  }
  .machine__card {
    position: relative;
    display: flex;
    width: 100%;
    margin-top: 100px;
  }
  .machine__card:nth-child(odd) {
    justify-content: flex-end;
    padding-left: calc(100/1300 * 100%);
  }
  .machine__card:nth-child(even) {
    padding-right: calc(100/1300 * 100%);
  }
  .machine__card-contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: calc(550/1300 * 100%);
    background: var(--white);
    padding: 50px calc(50/1300 * 100%);
  }
  .machine__card:nth-child(odd) > .machine__card-contents {
    left: calc(100/1300 * 100%);
  }
  .machine__card:nth-child(even) > .machine__card-contents {
    right: calc(100/1300 * 100%);
  }
  .machine__card-title {
    display: block;
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    font-family: var(--noto-serif);
    line-height: 50px;
  }
  .machine__card-title > span {
    color: var(--orange);
  }
  .machine__card-contents > p {
    display: block;
    width: 100%;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .machine__card > picture {
    display: block;
    width: calc(800/1200 * 100%);
  }
  .machine__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:1025px) and (max-width:1060px) {
  .machine__card-title {
    font-size: 30px;
  }
  .machine__card-contents {
    padding: 30px calc(50/1300 * 100%);
  }
  .machine__card-contents > p {
    line-height: 28px;
    margin-top: 20px;
  }
}
/*
PAGE - reason3 machine
--------------------------------------------- */
@media screen and (max-width:767px) {
  .hand-treatment__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .hand-treatment__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
  .hand-treatment__header > span:nth-child(1) {
    font-size: 20px;
    line-height: 36px;
  }
  .hand-treatment__header > span:nth-child(2) {
    color: var(--orange);
    font-size: 22px;
    line-height: 36px;
  }
  .hand-treatment__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 40px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    padding: 0 10px;
  }
  .hand-treatment__wrap {
    display: block;
    width: 100%;
  }
  .hand-treatment__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 50px;
  }
  .hand-treatment__card-contents {
    display: block;
    width: 100%;
    background: var(--white);
    border-radius: 0 20px 0 20px;
    padding: 20px;
  }
  .hand-treatment__card-contents > p {
    display: block;
    width: 100%;
    line-height: 2;
    color: var(--black);
    text-align: justify;
    word-break: break-all;
  }
  .hand-treatment__card > picture {
    display: block;
    width: 100%;
    border-radius: 0 20px 0 20px;
    overflow: hidden;
    margin-top: 30px;
  }
  .hand-treatment__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 20px 0 20px;
  }
}
@media screen and (min-width:768px) {
  .hand-treatment__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .hand-treatment__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
  .hand-treatment__header > span:nth-child(1) {
    font-size: 30px;
    line-height: 30px;
  }
  .hand-treatment__header > span:nth-child(2) {
    color: var(--orange);
    font-size: 40px;
    line-height: 60px;
  }
  .hand-treatment__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 50px;
    line-height: 28px;
    color: var(--black);
    text-align: justify;
    word-break: break-all;
  }
  .hand-treatment__wrap {
    display: block;
    width: 100%;
  }
  .hand-treatment__card {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-height: 500px;
    margin-top: 50px;
    padding-top: 100px;
  }
  .hand-treatment__card:nth-child(even) {
    justify-content: flex-end;
  }
  .hand-treatment__card-contents {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(550/1100 * 100%);
    background: var(--white);
    border-radius: 0 40px 0 40px;
    padding: calc(50/1100 * 100%);
  }
  .hand-treatment__card-contents > p {
    display: block;
    width: 100%;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
  }
  .hand-treatment__card > picture {
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: calc(700/1100 * 100%);
    border-radius: 0 40px 0 40px;
    overflow: hidden;
  }
  .hand-treatment__card:nth-child(odd) > picture {
    right: 0;
  }
  .hand-treatment__card:nth-child(even) > picture {
    left: 0;
  }
  .hand-treatment__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 40px 0 40px;
  }
}
/*
PAGE - first
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-container__first {
    padding-bottom: 10px;
  }
  .first__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .first__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
  .first__header > span:nth-child(1) {
    color: var(--orange);
    font-size: 22px;
    line-height: 36px;
  }
  .first__header > span:nth-child(2) {
    font-size: 22px;
    line-height: 36px;
  }
  .first__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 20px;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    padding: 0 10px;
  }
  /*wrap*/
  .first__wrap {
    display: block;
    max-width: 480px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 0 auto;
  }
  .first__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 50px;
  }
  .first__card-contents {
    display: block;
    width: 100%;
    background: var(--white);
    padding: 26px 20px 20px 20px;
    border-radius: 0 20px 0 20px;
  }
  .first__card-title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    font-family: var(--noto-serif);
    line-height: 38px;
  }
  .first__card-title > span {
    color: var(--orange);
  }
  .first__card-contents > p {
    display: block;
    width: 100%;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .first__card > picture {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .first__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*first-message*/
  .first-message {
    display: block;
    width: 100%;
    padding: 50px 0 50px;
    background: url(./assets/images/first/m-bg-sp.jpg) no-repeat center;
    background-size: cover;
    margin-top: 100px;
  }
  .first-message__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .first-message__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .first-message__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 36px;
  }
  .first-message__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 20px;
  }
  .first-message__hgroup > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
    padding: 0 10px;
  }
  /*marquee*/
  .first-message__marquee {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .first-message__marquee > picture {
		display: block;
		width: 150px;
    margin: 0 10px;
		overflow: hidden;
	}
  .first-message__marquee > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .first__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .first__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
  .first__header > span:nth-child(1) {
    color: var(--orange);
    font-size: 40px;
    line-height: 46px;
  }
  .first__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 46px;
    margin-top: 10px;
  }
  .first__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 50px;
    line-height: 40px;
    text-align: justify;
    word-break: break-all;
  }
  /*wrap*/
  .first__wrap {
    display: block;
    max-width: 768px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 0 auto;
  }
  .first__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 100px;
  }
  .first__card-contents {
    display: block;
    width: 100%;
    background: var(--white);
    padding: 30px 30px 60px 30px;
    border-radius: 0 40px 0 40px;
  }
  .first__card-title {
    display: block;
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    font-family: var(--noto-serif);
    line-height: 50px;
  }
  .first__card-title > span {
    color: var(--orange);
  }
  .first__card-contents > p {
    display: block;
    width: 100%;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .first__card > picture {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .first__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*first-message*/
  .first-message {
    display: block;
    width: 100%;
    padding: 100px 0 100px;
    background: url(./assets/images/first/m-bg-pc.jpg) no-repeat center;
    background-size: cover;
  }
  .first-message__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .first-message__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .first-message__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .first-message__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .first-message__hgroup > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 2;
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  /*marquee*/
  .first-message__marquee {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .first-message__marquee > picture {
		display: block;
		width: 200px;
    margin: 0 10px;
		overflow: hidden;
	}
  .first-message__marquee > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:1025px) {
  .first__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .first__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
  .first__header > span:nth-child(1) {
    color: var(--orange);
    font-size: 40px;
    line-height: 46px;
  }
  .first__header > span:nth-child(2) {
    font-size: 26px;
    line-height: 46px;
    margin-top: 10px;
  }
  .first__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 50px;
    line-height: 40px;
    text-align: justify;
    word-break: break-all;
  }
  /*wrap*/
  .first__wrap {
    display: block;
    max-width: 1340px;
    width: 100%;
    padding: 0 20px 50px 20px;
    margin: 0 auto 0 auto;
  }
  .first__card {
    position: relative;
    display: flex;
    width: 100%;
    margin-top: 100px;
  }
  .first__card:nth-child(odd) {
    justify-content: flex-end;
    padding-left: calc(100/1300 * 100%);
  }
  .first__card:nth-child(even) {
    padding-right: calc(100/1300 * 100%);
  }
  .first__card-contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: calc(550/1300 * 100%);
    background: var(--white);
    padding: 50px calc(50/1300 * 100%);
  }
  .first__card:nth-child(odd) > .first__card-contents {
    left: calc(100/1300 * 100%);
  }
  .first__card:nth-child(even) > .first__card-contents {
    right: calc(100/1300 * 100%);
  }
  .first__card-title {
    display: block;
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    font-family: var(--noto-serif);
    line-height: 50px;
  }
  .first__card-title > span {
    color: var(--orange);
  }
  .first__card-contents > p {
    display: block;
    width: 100%;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .first__card > picture {
    display: block;
    width: calc(800/1200 * 100%);
  }
  .first__card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*first-message*/
  .first-message {
    display: block;
    width: 100%;
    padding: 100px 0 100px;
    background: url(./assets/images/first/m-bg-pc.jpg) no-repeat center;
    background-size: cover;
  }
  .first-message__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .first-message__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .first-message__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .first-message__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .first-message__hgroup > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 2;
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  /**/
  .first-message__marquee {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .first-message__marquee > picture {
		display: block;
		width: 250px;
    margin: 0 10px;
		overflow: hidden;
	}
  .first-message__marquee > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*
PAGE - contact
--------------------------------------------- */
@media screen and (max-width:767px) {
  .contact__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .contact__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .contact__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 26px;
  }
  .contact__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 26px;
  }
  .contact__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .contact__area {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .contact__area-wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .contact__area-title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 10px;
  }
  .contact__area-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 1px;
    background: var(--orange);
  }
  .contact__area-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 335px;
    width: 100%;
    margin: 20px auto 0 auto;
  }
  .contact__area-list > li {
    display: block;
    width: 100%;
  }
  .contact__area-list > li:nth-child(n+2){
    margin-top: 30px;
  }
  .contact__area-list > li > .btn-wh {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    border-radius: 10px;
    border: 1px solid #B59E8B;
    background: var(--white);
    font-size: 20px;
    font-weight: 500;
    color: #B59E8B;
    line-height: 1;
    font-family: var(--noto-serif);
  }
}
@media screen and (min-width:768px) {
  .contact__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .contact__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .contact__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .contact__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .contact__hgroup > p {
    display: block;
    width: 100%;
    margin-top: 50px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .contact__area {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .contact__area-wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .contact__area-title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 10px;
  }
  .contact__area-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 1px;
    background: var(--orange);
  }
  .contact__area-list {
    display: grid;
    width: 100%;
    margin-top: 20px;
    grid-template-columns: 1fr repeat(2, 1fr);
    column-gap: calc(50/1000 * 100%);
  }
  .contact__area-list > li {
    display: block;
    width: 100%;
  }
  .contact__area-list > li > .btn-wh {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 85px;
    border-radius: 10px;
    border: 1px solid #B59E8B;
    background: var(--white);
    font-size: 20px;
    font-weight: 500;
    color: #B59E8B;
    line-height: 1;
    font-family: var(--noto-serif);
  }
  .contact__area-list > li > .btn-wh:hover {
    transition: background 0.3s ease, color 0.3s ease;
    background: #B59E8B;
    color: var(--white);
  }
}
@media screen and (min-width:768px) and  (max-width:1024px) {
  .contact__area-list > li > .btn-wh {
    height: 65px;
    font-size: 16px;
  }
}
@media screen and (max-width:767px) {
  .contact-form__wrap {
    display: block;
    width: 100%;
    margin: 30px auto 0 auto;
  }
  .form-wrap {
    display: block;
    width: 100%;
  }
  .form-wrap > li {
    display: block;
    width: 100%;
  }
  .form-wrap > li:nth-child(n+2){
    margin-top: 20px;
  }
  .input-row {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .input-label {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    padding-top: 15px;
  }
  .input-label > .mandatory {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 18px;
    background: var(--orange);
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
    margin-right: 15px;
    color: var(--white);
  }
  .input-label > .optional {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 18px;
    background: #98A6B5;
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
    margin-right: 15px;
    color: var(--white);
  }
  .input-field {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
  }
  .input-field input[type='text'] {
    width: 100%;
    height: 50px;
    border: 1px solid #CDD6DD;
    border-radius: 5px;
    padding: 4px 20px;
    line-height: 40px;
    font-size: 16px;
  }
  .input-field input[type='text']::placeholder {
    color: #CDD6DD;
  }
  .date-select {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .date-select > input {
    padding-right: 40px;
  }
  .date-select > input::placeholder {
    color: var(--font-color) !important;
  }
  .date-select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 50px;
    background: url(./assets/images/icon-select.svg) no-repeat center;
    background-size: 14px 8px;
    pointer-events: none;
  }
  .time-select {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }
  .time-select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 50px;
    background: url(./assets/images/icon-select.svg) no-repeat center;
    background-size: 14px 8px;
    pointer-events: none;
  }
  .time-select > select {
    width: 100%;
    height: 50px;
    border: 1px solid #CDD6DD;
    border-radius: 5px;
    padding: 4px 40px 4px 20px;
    line-height: 40px;
    font-size: 16px;
  }
  .time-select > select > option {
    height: 30px;
  }
  .input-field textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #CDD6DD;
    border-radius: 5px;
    padding: 15px 20px;
    line-height: 28px;
    font-size: 16px;
  }
  .input-field textarea::placeholder {
    color: #CDD6DD;
  }
  .agree-wrap {
    position: relative;
    display: flex;
    width: 100%;
  }
  .agree {
    display: none;
  }
  .agree + span {
    position: relative;
    display: flex;
    align-items: center;
    width: 40px;
    height: 20px;
    font-size: 0px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 0 0 30px;
    overflow: hidden;
  }
  .agree + span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #CDD6DD;
    z-index: 1;
  }
  .agree:checked + span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: url(./assets/images/icon-checked.svg) no-repeat center;
    background-size: 16px 16px;
    z-index: 2;
  }
  .agree__text {
    display: block;
    width: auto;
    line-height: 20px;
  }
  .agree__text > a {
    color: var(--orange);
  }
  .agree__text > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .form__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  /*btns*/
  .confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 335px;
    width: 100%;
    height: 63.21px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    cursor: pointer;
  }
  .confirm-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .contact-form__wrap {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 50px auto 0 auto;
  }
  .form-wrap {
    display: block;
    width: 100%;
  }
  .form-wrap > li {
    display: block;
    width: 100%;
  }
  .form-wrap > li:nth-child(n+2){
    margin-top: 40px;
  }
  .input-row {
    display: flex;
    align-items: flex-start;
    width: 100%;
  }
  .input-label {
    display: flex;
    align-items: center;
    width: 284px;
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
  }
  .input-label > .mandatory {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 18px;
    background: var(--orange);
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
    margin-right: 15px;
    color: var(--white);
  }
  .input-label > .optional {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 18px;
    background: #98A6B5;
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
    margin-right: 15px;
    color: var(--white);
  }
  .input-field {
    display: flex;
    flex-wrap: wrap;
    max-width: 550px;
    width: calc(100% - 284px);
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
  }
  .input-field input[type='text'] {
    width: 100%;
    height: 50px;
    border: 1px solid #CDD6DD;
    border-radius: 5px;
    padding: 4px 20px;
    line-height: 40px;
    font-size: 16px;
  }
  .input-field input[type='text']::placeholder {
    color: #CDD6DD;
  }
  .date-select {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(200/550 * 100%);
  }
  .date-select > input {
    padding-right: 40px;
  }
  .date-select > input::placeholder {
    color: var(--font-color) !important;
  }
  .date-select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 50px;
    background: url(./assets/images/icon-select.svg) no-repeat center;
    background-size: 14px 8px;
    pointer-events: none;
  }
  .time-select {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(200/550 * 100%);
    margin-left: 20px;
  }
  .time-select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 50px;
    background: url(./assets/images/icon-select.svg) no-repeat center;
    background-size: 14px 8px;
    pointer-events: none;
  }
  .time-select > select {
    width: 100%;
    height: 50px;
    border: 1px solid #CDD6DD;
    border-radius: 5px;
    padding: 4px 40px 4px 20px;
    line-height: 40px;
    font-size: 16px;
  }
  .time-select > select > option {
    height: 30px;
  }
  .input-field textarea {
    width: 100%;
    height: 242px;
    border: 1px solid #CDD6DD;
    border-radius: 5px;
    padding: 15px 20px;
    line-height: 28px;
    font-size: 16px;
  }
  .input-field textarea::placeholder {
    color: #CDD6DD;
  }
  .agree-wrap {
    position: relative;
    display: flex;
    width: 100%;
  }
  .agree {
    display: none;
  }
  .agree + span {
    position: relative;
    display: flex;
    align-items: center;
    width: 40px;
    height: 20px;
    font-size: 0px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 0 0 30px;
    overflow: hidden;
  }
  .agree + span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #CDD6DD;
    z-index: 1;
  }
  .agree:checked + span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: url(./assets/images/icon-checked.svg) no-repeat center;
    background-size: 16px 16px;
    z-index: 2;
  }
  .agree__text {
    display: block;
    width: auto;
    line-height: 20px;
  }
  .agree__text > a {
    color: var(--orange);
  }
  .agree__text > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .form__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  /*btns*/
  .confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 84.91px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    cursor: pointer;
  }
  .confirm-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .agree__text {
    font-size: 14px;
  }
  .confirm-btn {
    width: 350px;
    height: 64px;
  }
}
@media screen and (min-width:0px) {
  .input-field .error {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 5px;
  }
  .agree-wrap .error {
    position: absolute;
    bottom: -30px;
    left: 0;
  }
}
/*confirm*/
@media screen and (max-width:767px) {
  .confirm .mandatory,
  .confirm .optional,
  .confirm .agree__text,
  .confirm .date-select::after,
  .confirm .time-select::after {
    display: none;
  }
  .confirm .date-select,
  .confirm .time-select {
    width: auto;
  }
  .confirm .time-select {
    margin-top: 0;
    margin-left: 10px;
  }
  .confirm .input-label,
  .confirm .input-field {
    line-height: 28px;
  }
  /*btns*/
  .confirm .form__btns {
    flex-direction: column;
    align-items: center;
  }
  .submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 335px;
    width: 100%;
    height: 63.21px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    cursor: pointer;
    margin-top: 20px;
  }
  .back-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 335px;
    width: 100%;
    height: 63.21px;
    border-radius: 10px;
    background: #A9A9A9;
    font-family: var(--noto-serif);
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    cursor: pointer;
  }
}
@media screen and (min-width:768px) {
  .confirm .mandatory,
  .confirm .optional,
  .confirm .agree__text,
  .confirm .date-select::after,
  .confirm .time-select::after {
    display: none;
  }
  .confirm .date-select,
  .confirm .time-select {
    width: auto;
  }
  .confirm .input-label,
  .confirm .input-field {
    line-height: 28px;
  }
  /*btns*/
  .confirm .form__btns {
    justify-content: space-between;
  }
  .submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 84.91px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    cursor: pointer;
  }
  .submit-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .back-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 84.91px;
    border-radius: 10px;
    background: #A9A9A9;
    font-family: var(--noto-serif);
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    cursor: pointer;
  }
  .back-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .confirm .submit-btn,
  .confirm .back-btn {
    width: 350px;
    height: 64px;
  }
}
/*thanks*/
@media screen and  (max-width:767px) {
  .contact-thanks__wrap {
    display: block;
    width: 100%;
    margin: 30px auto 0 auto;
    padding: 0 10px;
  }
  .contact-thanks__title {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    color: var(--black);
  }
  .contact-thanks__wrap > p {
    display: block;
    width: 100%;
    text-align: justify;
    word-break: break-all;
    line-height: 28px;
    margin-top: 20px;
  }
  .contact-thanks__btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and  (min-width:768px) {
  .contact-thanks__wrap {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 50px auto 0 auto;
  }
  .contact-thanks__title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    color: var(--black);
  }
  .contact-thanks__wrap > p {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 28px;
    margin-top: 30px;
  }
  .contact-thanks__btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
}
/*
ARCHIVES - pagination
--------------------------------------------- */
@media screen and (max-width:767px) {
  .pagination {
		display: flex;
    justify-content: center;
    align-items: center;
		width: 100%;
    margin-top: 50px;
	}
  .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 30px;
    font-size: 18px;
    line-height:30px;
    color: #B59E8B;
    font-weight: 400;
    margin: 0 10px;
    cursor: pointer;
  }
  .page-numbers:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .page-numbers.current {
    width: 30px;
    background:#B59E8B;
    color: var(--white);
    border-radius: 15px;
  }
  .prev.page-numbers,
  .next.page-numbers {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 0;
  }
  .prev.page-numbers {
    background: url(./assets/images/icon-prev.svg) no-repeat center;
    background-size: 14px 21.57px;
  }
  .next.page-numbers {
    background: url(./assets/images/icon-next.svg) no-repeat center;
    background-size: 14px 21.57px;
  }
  .next.page-numbers:hover,
  .prev.page-numbers:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) {
  .pagination {
		display: flex;
    justify-content: center;
    align-items: center;
		width: 100%;
    margin-top: 50px;
	}
  .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 38px;
    font-size: 18px;
    line-height:38px;
    color: #B59E8B;
    font-weight: 400;
    margin: 0 10px;
    cursor: pointer;
  }
  .page-numbers:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .page-numbers.current {
    width: 38px;
    background:#B59E8B;
    color: var(--white);
    border-radius: 19px;
  }
  .page-numbers.current:hover {
    pointer-events: none;
  }
  .prev.page-numbers,
  .next.page-numbers {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    margin: 0;
  }
  .prev.page-numbers {
    background: url(./assets/images/icon-prev.svg) no-repeat center;
    background-size: 14px 21.57px;
  }
  .next.page-numbers {
    background: url(./assets/images/icon-next.svg) no-repeat center;
    background-size: 14px 21.57px;
  }
  .next.page-numbers:hover,
  .prev.page-numbers:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*
ARCHIVES - information
--------------------------------------------- */
@media screen and (max-width:767px) {
  .information__archive {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .information__items {
    display: block;
    width: 100%;
  }
  .information__item {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #DFDFDF;
  }
  .information__item:not(:first-child) {
    padding-top: 10px;
  }
  .information__link {
    display: flex;
    flex-direction: column;
    width: auto;
  }
  .information__link > .date {
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    color: var(--font-color);
  }
  .information__link > .title {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    margin-top: 5px;
  }
  .information__taxonmies {
    display: flex;
    width: calc(100% + 10px);
    padding-top: 5px;
    margin-left: -5px;
  }
  .information__taxonmies > li {
    display: block;
    width: auto;
    margin: 5px;
  }
  .information__taxonmies > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    border: 1px solid #B59E8B;
    border-radius: 2px;
    background: var(--white);
    font-size: 12px;
    line-height: 1;
    padding: 0 5px;
    color: #B59E8B;
  }
}
@media screen and (min-width:768px) {
  .information__archive {
    display: block;
    max-width: 900px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .information__items {
    display: block;
    width: 100%;
  }
  .information__item {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #DFDFDF;
  }
  .information__item:not(:first-child) {
    padding-top: 20px;
  }
  .information__link {
    display: flex;
    flex-direction: column;
    width: auto;
  }
  .information__link > .date {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--font-color);
  }
  .information__link > .title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: var(--font-color);
    margin-top: 10px;
  }
  .information__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .information__taxonmies {
    display: flex;
    width: 100%;
    padding-top: 5px;
  }
  .information__taxonmies > li {
    display: block;
    width: auto;
    margin: 5px;
  }
  .information__taxonmies > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 24px;
    border: 1px solid #B59E8B;
    border-radius: 2px;
    background: var(--white);
    font-size: 15px;
    line-height: 1;
    padding: 0 5px;
    color: #B59E8B;
  }
  .information__taxonmies > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
.post__not-exist {
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: center;
  margin: 100px auto;
}
/*
LAYOUT - column
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-container__blog .container {
    padding: 0 20px;
  }
  .column-body {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .column-main {
    display: block;
    width: 100%;
  }
  .column-aside {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 50px;
  }
  .aside__block-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .aside__block-title > span:nth-child(1){
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 26px;
  }
  .aside__block-title > span:nth-child(2){
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 26px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .column-body {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .column-main {
    display: block;
    width: 100%;
  }
  .column-aside {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
  }
  .aside__block-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .aside__block-title > span:nth-child(1){
    font-size: 30px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 30px;
  }
  .aside__block-title > span:nth-child(2){
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
    line-height: 30px;
  }
}
@media screen and (min-width:1025px) {
  .column-body {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .column-main {
    display: block;
    width: calc(700/1100 * 100%);
  }
  .column-aside {
    display: block;
    width: 355px;
  }
  .aside__block-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .aside__block-title > span:nth-child(1){
    font-size: 30px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 30px;
  }
  .aside__block-title > span:nth-child(2){
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
    line-height: 30px;
  }
}
/*
ARCHIVES - column search form
--------------------------------------------- */
@media screen and (max-width:767px) {
  .blog-search__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .searchform {
    display: flex;
    justify-content: space-between;
    max-width: 355px;
    width: 100%;
    height: 50px;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
  }
  .searchform > button {
    display: block;
    width: 49px;
    height: 48px;
    border: none;
    background: url(./assets/images/icon-search.svg) no-repeat center;
    background-size: 26px 26px;
    cursor: pointer;
  }
  .searchform > input[type="text"] {
    width: calc(100% - 49px);
    height: 48px;
    border: none;
    padding: 0 10px;
    font-size: 16px;
    line-height: 48px;
    background: transparent;
    font-family: var(--yumincho);
  }
  .searchform > input[type="text"]::placeholder {
    color: #C8C8C8;
    font-weight: 500;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .blog-search__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .searchform {
    display: flex;
    justify-content: space-between;
    max-width: 355px;
    width: 100%;
    height: 50px;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
  }
  .searchform > button {
    display: block;
    width: 49px;
    height: 48px;
    border: none;
    background: url(./assets/images/icon-search.svg) no-repeat center;
    background-size: 26px 26px;
    cursor: pointer;
  }
  .searchform > input[type="text"] {
    width: calc(100% - 49px);
    height: 48px;
    border: none;
    padding: 0 10px;
    font-size: 16px;
    line-height: 48px;
    background: transparent;
    font-family: var(--yumincho);
  }
  .searchform > input[type="text"]::placeholder {
    color: #C8C8C8;
    font-weight: 500;
  }
}
@media screen and (min-width:1025px) {
  .blog-search__form {
    display: block;
    width: 100%;
  }
  .searchform {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
  }
  .searchform > button {
    display: block;
    width: 49px;
    height: 48px;
    border: none;
    background: url(./assets/images/icon-search.svg) no-repeat center;
    background-size: 26px 26px;
    cursor: pointer;
  }
  .searchform > input[type="text"] {
    width: calc(100% - 49px);
    height: 48px;
    border: none;
    padding: 0 10px;
    font-size: 16px;
    line-height: 48px;
    background: transparent;
    font-family: var(--yumincho);
  }
  .searchform > input[type="text"]::placeholder {
    color: #C8C8C8;
    font-weight: 500;
  }
}
/*
ARCHIVES - column ranking
--------------------------------------------- */
@media screen and (max-width:767px) {
  .aside__block-ranking {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .blog-ranking__items {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
  }
  .blog-ranking__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .blog-ranking__item:nth-child(n+2){
    margin-top: 20px;
  }
  .blog-ranking__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    padding: 5px;
    background: var(--white);
    overflow: hidden;
  }
  .blog-ranking__thumb > img {
    display: block;
    width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .ranking-item__content {
    display: flex;
    flex-direction: column;
    width: calc(100% - 130px);
  }
  .ranking-item__content > .date {
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: var(--font-color);
  }
  .ranking-item__content > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 5px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .aside__block-ranking {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .blog-ranking__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
  }
  .blog-ranking__item {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 10px);
  }
  .blog-ranking__item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .blog-ranking__item:nth-child(n+3){
    margin-top: 20px;
  }
  .blog-ranking__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    padding: 5px;
    background: var(--white);
    overflow: hidden;
  }
  .blog-ranking__thumb > img {
    display: block;
    width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .ranking-item__content {
    display: flex;
    flex-direction: column;
    width: calc(225/355 * 100%);
  }
  .ranking-item__content > .date {
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    color: var(--font-color);
  }
  .ranking-item__content > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 7px;
  }
}
@media screen and (min-width:1025px) {
  .aside__block-ranking {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .blog-ranking__items {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .blog-ranking__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .blog-ranking__item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .blog-ranking__item:nth-child(n+2){
    margin-top: 20px;
  }
  .blog-ranking__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    padding: 5px;
    background: var(--white);
    overflow: hidden;
  }
  .blog-ranking__thumb > img {
    display: block;
    width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .ranking-item__content {
    display: flex;
    flex-direction: column;
    width: calc(225/355 * 100%);
  }
  .ranking-item__content > .date {
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    color: var(--font-color);
  }
  .ranking-item__content > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 7px;
  }
}
/*
ARCHIVES - column categories
--------------------------------------------- */
@media screen and  (max-width:767px) {
  .aside__block-category {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .blog-category__items {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 5px);
    padding-top: 25px;
    margin-left: -5px;
  }
  .blog-category__items > li {
    display: block;
    width: auto;
    margin: 5px;
  }
  .blog-category__items > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height:27px;
    border: 1px solid #988576;
    background: var(--white);
    font-size: 15px;
    line-height: 1;
    padding: 0 10px;
    color: #988576;
  }
  .blog-category__items > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and  (min-width:768px) and (max-width:1024px) {
  .aside__block-category {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .blog-category__items {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 5px);
    padding-top: 25px;
    margin-left: -5px;
  }
  .blog-category__items > li {
    display: block;
    width: auto;
    margin: 5px;
  }
  .blog-category__items > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height:27px;
    border: 1px solid #988576;
    background: var(--white);
    font-size: 15px;
    line-height: 1;
    padding: 0 10px;
    color: #988576;
  }
  .blog-category__items > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and  (min-width:1025px) {
  .aside__block-category {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .blog-category__items {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 5px);
    padding-top: 25px;
    margin-left: -5px;
  }
  .blog-category__items > li {
    display: block;
    width: auto;
    margin: 5px;
  }
  .blog-category__items > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height:27px;
    border: 1px solid #988576;
    background: var(--white);
    font-size: 15px;
    line-height: 1;
    padding: 0 10px;
    color: #988576;
  }
  .blog-category__items > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*
ARCHIVES - column date archives
--------------------------------------------- */
@media screen and (max-width:767px) {
  .aside__block-archive {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 50px;
  }
  .archive-month {
    display: block;
    max-width: 355px;
    width: 100%;
    margin-top: 30px;
  }
  .archive-month > li {
    display: flex;
    width: 100%;
  }
  .archive-month > li:nth-child(n+2) {
    margin-top: 10px;
  }
  .archive-month > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
  .archive-nested {
    display: block;
    max-width: 355px;
    width: 100%;
  }
  .archive-nested > li {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  .archive-nested > li.has_child {
    position: relative;
    padding-right: 15px;
  }
  .archive-nested > li.has_child > span {
    position: absolute;
    top: 2px;
    left: 100px;
    width: 24px;
    height: 24px;
    background: url(./assets/images/icon-select.svg) no-repeat center;
    background-size: 10px 10px;
    cursor: pointer;
    transition: transform 0.3s ease-in;
  }
  .archive-nested > li.has_child > span.active {
    transform: rotate(-180deg);
  }
  .archive-nested  > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
  .archive-nested > li > .sub-archive-nested {
    display: none;
    width: 100%;
    padding-left: 10px;
    margin-top: 10px;
  }
  .archive-nested > li > .sub-archive-nested > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  .archive-nested > li > .sub-archive-nested > li:nth-child(n+2) {
    margin-top: 5px;
  }
  .archive-nested > li > .sub-archive-nested > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .aside__block-archive {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 50px;
  }
  .archive-month {
    display: block;
    max-width: 355px;
    width: 100%;
    margin-top: 30px;
  }
  .archive-month > li {
    display: flex;
    width: 100%;
  }
  .archive-month > li:nth-child(n+2) {
    margin-top: 20px;
  }
  .archive-month > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
  .archive-month > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .archive-nested {
    display: block;
    max-width: 355px;
    width: 100%;
  }
  .archive-nested > li {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .archive-nested > li.has_child {
    position: relative;
    padding-right: 15px;
  }
  .archive-nested > li.has_child > span {
    position: absolute;
    top: 2px;
    left: 100px;
    width: 24px;
    height: 24px;
    background: url(./assets/images/icon-select.svg) no-repeat center;
    background-size: 10px 10px;
    cursor: pointer;
    transition: transform 0.3s ease-in;
  }
  .archive-nested > li.has_child > span.active {
    transform: rotate(-180deg);
  }
  .archive-nested  > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
  .archive-nested > li > .sub-archive-nested {
    display: none;
    width: 100%;
    padding-left: 10px;
    margin-top: 15px;
  }
  .archive-nested > li > .sub-archive-nested > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  .archive-nested > li > .sub-archive-nested > li:nth-child(n+2) {
    margin-top: 10px;
  }
  .archive-nested > li > .sub-archive-nested > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
}
@media screen and (min-width:1025px) {
  .aside__block-archive {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .column__date {
    display: block;
    max-width: 270px;
    width: 100%;
    margin: 50px auto 0 auto;
  }
  .column__date-header {
    display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--gothic);
    line-height: 32.5px;
  }
  .archive-month {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .archive-month > li {
    display: flex;
    width: 100%;
  }
  .archive-month > li:nth-child(n+2) {
    margin-top: 20px;
  }
  .archive-month > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
  .archive-month > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .archive-nested {
    display: block;
    width: 100%;
  }
  .archive-nested > li {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .archive-nested > li.has_child {
    position: relative;
    padding-right: 15px;
  }
  .archive-nested > li.has_child > span {
    position: absolute;
    top: 2px;
    left: 100px;
    width: 24px;
    height: 24px;
    background: url(./assets/images/icon-select.svg) no-repeat center;
    background-size: 10px 10px;
    cursor: pointer;
    transition: transform 0.3s ease-in;
  }
  .archive-nested > li.has_child > span.active {
    transform: rotate(-180deg);
  }
  .archive-nested  > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
  .archive-nested > li > .sub-archive-nested {
    display: none;
    width: 100%;
    padding-left: 10px;
    margin-top: 15px;
  }
  .archive-nested > li > .sub-archive-nested > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  .archive-nested > li > .sub-archive-nested > li:nth-child(n+2) {
    margin-top: 10px;
  }
  .archive-nested > li > .sub-archive-nested > li > a {
    width: auto;
    color: var(--font-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }
}
/*
ARCHIVE - column
--------------------------------------------- */
@media screen and  (max-width:767px) {
  .column-archives {
    display: block;
    width: 100%;
  }
  .column-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .column-item:nth-child(n+2){
    margin-top: 20px;
  }
  .column-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    padding: 5px;
    background: var(--white);
    overflow: hidden;
  }
  .column-item__thumb:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .column-item__thumb > img {
    display: block;
    width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .column-item__contents {
    display: flex;
    flex-direction: column;
    width: calc(100%  - 130px);
  }
  .column-item__hgroup {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .column-item__hgroup > .date {
    font-size: 11px;
    /* font-weight: 700; */
    line-height: 1;
    color: var(--font-color);
    letter-spacing: 0.5px;
  }
  .column-item__hgroup > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
  }
  /*categories*/
  .column-item__taxonomies {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 5px);
    margin-left: -5px;
    padding-top: 2px;
  }
  .column-item__taxonomies > li {
    display: block;
    width: auto;
    margin: 3px 5px;
  }
  .column-item__taxonomies > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 23px;
    border: 1px solid #988576;
    background: var(--white);
    font-size: 12px;
    line-height: 1;
    padding: 0 5px;
    color: #988576;
  }
  .column-item__taxonomies > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and  (min-width:768px) {
  .column-archives {
    display: block;
    width: 100%;
  }
  .column-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .column-item:nth-child(n+2){
    margin-top: 40px;
  }
  .column-item__thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 220px;
    padding: 5px;
    background: var(--white);
    overflow: hidden;
  }
  .column-item__thumb:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .column-item__thumb > img {
    display: block;
    width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .column-item__contents {
    display: flex;
    flex-direction: column;
    width: calc(450/700 * 100%);
  }
  .column-item__hgroup {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .column-item__hgroup > .date {
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    color: var(--font-color);
  }
  .column-item__hgroup > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10px;
  }
  /*categories*/
  .column-item__taxonomies {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 7px);
    padding-top: 8px;
    margin-left: -7px;
  }
  .column-item__taxonomies > li {
    display: block;
    width: auto;
    margin: 7px;
  }
  .column-item__taxonomies > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 24px;
    border: 1px solid #988576;
    background: var(--white);
    font-size: 15px;
    line-height: 1;
    padding: 0 5px;
    color: #988576;
  }
  .column-item__taxonomies > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*
ARCHIVE - voice
--------------------------------------------- */
@media screen and (max-width:767px) {
  .voice__archive {
    display: block;
    width: 100%;
  }
  .voice__items {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .voice__item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 120px;
    padding-left: 130px;
  }
  .voice__item:nth-child(n+2) {
    margin-top: 20px;
  }
  .voice__item > picture {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    padding: 10px;
    background: var(--white);
  }
  .voice__item > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .voice__item > .date {
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: 700;
    color: var(--font-color);
    line-height: 14px;
    margin-top: 10px;
  }
  .voice__item > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 7px;
  }
}
@media screen and (min-width:768px) {
  .voice__archive {
    display: block;
    width: 100%;
  }
  .voice__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .voice__item {
    display: block;
    width: calc(260/1100 * 100%);
    margin-right: calc(20/1100 * 100%);
  }
  .voice__item:nth-child(4n) {
    margin-right: 0;
  }
  .voice__item:nth-child(n+5) {
    margin-top: 60px;
  }
  .voice__item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .voice__item > picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    padding: 5px;
    background: var(--white);
  }
  .voice__item > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .voice__item > .date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: var(--font-color);
    line-height: 1;
    margin-top: 10px;
  }
  .voice__item > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 5px;
  }
}
/*
ARCHIVE - before-after
--------------------------------------------- */
@media screen and (max-width:767px) {
  .before-after__archive {
    display: block;
    width: 100%;
  }
  .before-after__items {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .before-after__item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 120px;
    padding-left: 130px;
  }
  .before-after__item:nth-child(n+2) {
    margin-top: 20px;
  }
  .before-after__item > picture {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    padding: 10px;
    background: var(--white);
  }
  .before-after__item > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .before-after__item > .date {
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: 700;
    color: var(--font-color);
    line-height: 14px;
    margin-top: 10px;
  }
  .before-after__item > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 7px;
  }
}
@media screen and (min-width:768px) {
  .before-after__archive {
    display: block;
    width: 100%;
  }
  .before-after__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .before-after__item {
    display: block;
    width: calc(260/1100 * 100%);
    margin-right: calc(20/1100 * 100%);
  }
  .before-after__item:nth-child(4n) {
    margin-right: 0;
  }
  .before-after__item:nth-child(n+5) {
    margin-top: 60px;
  }
  .before-after__item:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .before-after__item > picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    padding: 5px;
    background: var(--white);
  }
  .before-after__item > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .before-after__item > .date {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: var(--font-color);
    line-height: 1;
    margin-top: 10px;
  }
  .before-after__item > .title {
    display: -webkit-box;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 5px;
  }
}
/*
SINGLE - common
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-content {
    display: block;
    width: 100%;
    background: var(--white);
    padding: 25px 10px 25px 10px;
    border-radius: 5px;
  }
  .single-content .date {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
  }
  .single-content h1,
  .single-content :not(.h-tag-shift) h2,
  #column-title {
    display: block;
    width: 100%;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--noto-sans);
    padding-bottom: 13px;
    border-bottom: 1px solid #E5E5E5;
    text-align: justify;
    word-break: break-all;
  }
  .contents {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
  }
  .contents:not(.h-tag-shift) h3,
  .contents.h-tag-shift h2{
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: var(--orange);
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents:not(.h-tag-shift) h4,
  .contents.h-tag-shift h3 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    padding:2px 0 2px 15px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents:not(.h-tag-shift) h4::before,
  .contents.h-tag-shift h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 32px;
    background: var(--orange);
  }
  .contents:not(.h-tag-shift) h5,
  .contents.h-tag-shift h4 {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: var(--orange);
    padding-bottom: 7px;
    text-underline-offset: 7px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: var(--orange);
    text-decoration-thickness: 1px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents:not(.h-tag-shift) h6,
  .contents.h-tag-shift h5 {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents.h-tag-shift h6 {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents h2:not(:first-child),
  .contents h3:not(:first-child),
  .contents h4:not(:first-child),
  .contents h5:not(:first-child),
  .contents h6:not(:first-child){
    margin-top: 30px;
  }
  .contents p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
  }
  .contents p a {
    color: var(--orange);
  }
  .contents p a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .contents ul {
    display: block;
    width: 100%;
  }
  .contents ul > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    padding-left: 20px;
  }
  .contents ul > li::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background: var(--orange);
  }
  .contents ul > li:nth-child(n+2){
    margin-top: 14px;
  }
  .contents ol {
    display: block;
    width: 100%;
  }
  .contents ol > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    padding: 2px 0 2px 38px;
    text-align: justify;
    word-break: break-all;
    counter-increment: my-counter;
  }
  .contents ol > li::before {
    content: counters(my-counter, "", decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    color: var(--orange);
  }
  .contents ol li:nth-child(n+2){
    margin-top: 14px;
  }
  .contents .wp-block-table {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .contents .wp-block-table table {
    width: 100%;
    margin: 0 auto 0 auto;
    border-collapse: collapse;
  }
  .contents table tr td {
    font-size: 15px;
    line-height: 1.3;
    padding: 15px 0 15px 15px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    vertical-align: top;
  }
  .contents table tr td:first-child {
    padding-right: 15px;
    min-width: 180px;
    font-weight: 700;
    text-align: center;
    vertical-align:middle;
    background: #F7F5F4;
  }
  .contents p:not(:first-child),
  .contents ul:not(:first-child),
  .contents ol:not(:first-child),
  .contents .wp-block-table:not(:first-child),
  .contents > .wp-block-columns:not(:first-child),
  .contents .wp-block-gallery:not(:first-child){
    margin-top: 30px;
  }
  .contents .wp-block-image:not(:first-child){
    margin-top: 40px;
  }
  /*taxonomy*/
  .single__taxonomies {
    display: flex;
    width: calc(100% + 5px);
    padding-top: 15px;
    margin-left: -5px;
  }
  .single__taxonomies > li {
    display: block;
    width: auto;
    margin: 5px;
  }
  .single__taxonomy {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 27px;
    border: 1px solid #988576;
    border-radius: 2px;
    background: var(--white);
    font-size: 15px;
    line-height: 1;
    padding: 0 5px;
    color: #988576;
  }
  /*btns*/
  .single-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .single-content {
    display: block;
    width: 100%;
    background: var(--white);
    padding: 35px 30px 35px 30px;
    border-radius: 5px;
  }
  .single-content .date {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
  }
  .single-content h1,
  .single-content :not(.h-tag-shift) h2,
  #column-title {
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--noto-sans);
    padding-bottom: 24px;
    border-bottom: 1px solid #E5E5E5;
    text-align: justify;
    word-break: break-all;
  }
  .contents {
    display: block;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
  }
  .contents:not(.h-tag-shift) h3,
  .contents.h-tag-shift h2 {
    display: block;
    width: 100%;
    font-size: 26px;
    font-weight: 500;
    line-height: 28.6px;
    color: var(--orange);
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents:not(.h-tag-shift) h4,
  .contents.h-tag-shift h3 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 26px;
    font-weight: 500;
    line-height: 28.6px;
    padding:2.7px 0 2.7px 15px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents:not(.h-tag-shift) h4::before,
  .contents.h-tag-shift h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 32px;
    background: var(--orange);
  }
  .contents:not(.h-tag-shift) h5,
  .contents.h-tag-shift h4 {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    color: var(--orange);
    padding-bottom: 7px;
    text-underline-offset: 7px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: var(--orange);
    text-decoration-thickness: 1px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents:not(.h-tag-shift) h6,
  .contents.h-tag-shift h5 {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents.h-tag-shift h6 {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
  }
  .contents h2:not(:first-child),
  .contents h3:not(:first-child),
  .contents h4:not(:first-child),
  .contents h5:not(:first-child),
  .contents h6:not(:first-child){
    margin-top: 50px;
  }
  .contents p {
    display: block;
    width: 100%;
    line-height: 32px;
  }
  .contents p a {
    color: var(--orange);
  }
  .contents p a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .contents ul {
    display: block;
    width: 100%;
  }
  .contents ul > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    padding-left: 20px;
  }
  .contents ul > li::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background: var(--orange);
  }
  .contents ul > li:nth-child(n+2){
    margin-top: 18px;
  }
  .contents ol {
    display: block;
    width: 100%;
  }
  .contents ol > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    padding: 2px 0 2px 38px;
    text-align: justify;
    word-break: break-all;
    counter-increment: my-counter;
  }
  .contents ol > li::before {
    content: counters(my-counter, "", decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    color: var(--orange);
  }
  .contents ol li:nth-child(n+2){
    margin-top: 18px;
  }
  .contents .wp-block-table {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .contents .wp-block-table table {
    width: 100%;
    margin: 0 auto 0 auto;
    border-collapse: collapse;
  }
  .contents table tr td {
    font-size: 15px;
    line-height: 1.3;
    padding: 15px 0 15px 15px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    vertical-align: top;
  }
  .contents table tr td:first-child {
    padding-right: 15px;
    min-width: 180px;
    font-weight: 700;
    text-align: center;
    vertical-align:middle;
    background: #F7F5F4;
  }
  .contents p:not(:first-child),
  .contents ul:not(:first-child),
  .contents ol:not(:first-child),
  .contents .wp-block-table:not(:first-child),
  .contents > .wp-block-columns:not(:first-child),
  .contents .wp-block-gallery:not(:first-child){
    margin-top: 40px;
  }
  .contents .wp-block-image:not(:first-child){
    margin-top: 50px;
  }
  /*taxonomy*/
  .single__taxonomies {
    display: flex;
    width: calc(100% + 5px);
    padding-top: 15px;
    margin-left: -5px;
  }
  .single__taxonomies > li {
    display: block;
    width: auto;
    margin: 5px;
  }
  .single__taxonomy {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 27px;
    border: 1px solid #988576;
    border-radius: 2px;
    background: var(--white);
    font-size: 15px;
    line-height: 1;
    padding: 0 5px;
    color: #988576;
  }
  .single__taxonomy:hover {
    transition: opaity 0.3s ease;
    opacity: 0.7;
  }
  /*btns*/
  .single-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
}
/*
SINGLE - information
--------------------------------------------- */
@media screen and (max-width:767px) {
  .single-information__wrap {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
}
@media screen and (min-width:768px) {
  .single-information__wrap {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
}
/*
SINGLE - voice
--------------------------------------------- */
@media screen and (max-width:767px) {
  .voice-content {
    border-bottom: none;
    padding-bottom: 0;
  }
  .single-voice > h2 {
    font-family: var(--noto-sans);
  }
  .single-voice__customer {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background: #FAFBFC;
    margin-top: 40px;
  }
  .single-voice__customer > .name {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
  }
  .single-voice__customer > .name > span {
    font-size: 14px;
    font-weight: 400;
  }
  .single-voice__rating {
    display: flex;
    width: 100%;
    margin-top: 10px;
  }
  .single-voice__rating > picture {
    display: block;
    width: 18px;
  }
  .single-voice__rating > picture:nth-child(n+2){
    margin-left: 5px;
  }
  .single-voice__rating > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .single-voice__wrap {
    max-width: 1000px;
    margin: 0 auto 0 auto;
  }
  .voice-content {
    border-bottom: none;
    padding-bottom: 0;
  }
  .single-voice > h2 {
    font-family: var(--noto-sans);
  }
  .single-voice__customer {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: #FAFBFC;
    margin-top: 40px;
  }
  .single-voice__customer > .name {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }
  .single-voice__customer > .name > span {
    font-size: 16px;
    font-weight: 400;
  }
  .single-voice__rating {
    display: flex;
    width: 100%;
    margin-top: 10px;
  }
  .single-voice__rating > picture {
    display: block;
    width: 18px;
  }
  .single-voice__rating > picture:nth-child(n+2){
    margin-left: 5px;
  }
  .single-voice__rating > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*
SINGLE - before-after
--------------------------------------------- */
@media screen and (max-width:767px) {
  .before-after-content {
    border-bottom: none;
    padding-bottom: 0;
  }
  .single-before-after > h2 {
    font-family: var(--noto-sans);
  }
  .single-before-after__customer {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background: #FAFBFC;
    margin-top: 40px;
  }
  .single-before-after__customer > .name {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
  }
  .single-before-after__customer > .name > span {
    font-size: 14px;
    font-weight: 400;
  }
  .single-before-after__rating {
    display: flex;
    width: 100%;
    margin-top: 10px;
  }
  .single-before-after__rating > picture {
    display: block;
    width: 18px;
  }
  .single-before-after__rating > picture:nth-child(n+2){
    margin-left: 5px;
  }
  .single-before-after__rating > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .single-before-after__wrap {
    max-width: 1000px;
    margin: 0 auto 0 auto;
  }
  .before-after-content {
    border-bottom: none;
    padding-bottom: 0;
  }
  .single-before-after > h2 {
    font-family: var(--noto-sans);
  }
  .single-before-after__customer {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: #FAFBFC;
    margin-top: 40px;
  }
  .single-before-after__customer > .name {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }
  .single-before-after__customer > .name > span {
    font-size: 16px;
    font-weight: 400;
  }
  .single-before-after__rating {
    display: flex;
    width: 100%;
    margin-top: 10px;
  }
  .single-before-after__rating > picture {
    display: block;
    width: 18px;
  }
  .single-before-after__rating > picture:nth-child(n+2){
    margin-left: 5px;
  }
  .single-before-after__rating > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*contents*/
@media screen and (max-width:767px) {
  .contents.before-after-content h3 {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #E09CA4;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--noto-sans);
  }
  .before-after-content p:not(:first-child) {
    margin-top: 20px;
  }
  .before-after-content .wp-block-gallery {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .before-after-content .wp-block-gallery .wp-block-image {
    display: block;
    width: 100% !important;
  }
  .before-after-content .wp-block-image {
    padding: 0 20px;
  }
  .before-after-content .wp-block-image img {
    display: block;
    width: 100% !important;
    object-fit: cover;
  }
  .before-after-content :where(.is-layout-flex){
    gap: 10px !important;
  }
}
@media screen and (min-width:768px) {
  .contents.before-after-content h3 {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #E09CA4;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--noto-sans);
  }
  .before-after-content p:not(:first-child) {
    margin-top: 25px;
  }
}
/*
PAGE - privacy
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-container__privacy .container {
    padding: 0 20px;
  }
  .privacy__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .privacy__text {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy__card {
    display: block;
    width: 100%;
    margin-top: 35px;
  }
  .privacy__card-title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy__card-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 1px;
    background: var(--orange);
  }
  .privacy__card > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
  .privacy__card-list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .privacy__card-list > li {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 20px;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy__card-list > li:nth-child(n+2){
    margin-top: 28px;
  }
  .privacy__card-list > li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 6.75px;
    height: 6.75px;
    border-radius: 4px;
    background: var(--orange);
  }
}
@media screen and (min-width:768px) {
  .privacy__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .privacy__text {
    display: block;
    width: 100%;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy__card {
    display: block;
    width: 100%;
    margin-top: 60px;
  }
  .privacy__card-title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy__card-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 1px;
    background: var(--orange);
  }
  .privacy__card > p {
    display: block;
    width: 100%;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .privacy__card-list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .privacy__card-list > li {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 20px;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .privacy__card-list > li:nth-child(n+2){
    margin-top: 28px;
  }
  .privacy__card-list > li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 6.75px;
    height: 6.75px;
    border-radius: 4px;
    background: var(--orange);
  }
}
/*
PAGE - qa
--------------------------------------------- */
@media screen and (max-width:767px) {
  .qa__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .qa__header {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 8px;
  }
  .qa__header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 20px;
    height: 1px;
    background: var(--orange);
  }
  .qa__list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .qa__list > li {
    display: block;
    width: 100%;
    background: var(--white);
    border-radius: 5px;
    padding: 15px 10px 0 10px;
  }
  .qa__list > li:nth-child(n+2){
    margin-top: 20px;
  }
  .qa__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding:4.5px 30px 14.5px 26.5px;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .qa__list > li > .question.disable {
    border-bottom: 1px solid #CECECE;
  }
  .qa__list > li > .question::before {
    content: "Q";
    position: absolute;
    top: 6px;
    left: 0;
    display: flex;
    justify-content: center;
    width: auto;
    color: #FF8016;
    font-family: var(--noto-serif);
    font-size:20px;
    font-weight: 500;
    line-height: 26px;
  }
  .qa__list > li > .question > i {
    position: absolute;
    top: 14.5px;
    right: 5px;
    display: block;
    width: 14px;
    height: 14px;
  }
  .qa__list > li > .question > i::before,
  .qa__list > li > .question > i::after {
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    display: block;
    background: #FF8016;
  }
  .qa__list > li > .question > i::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
  }
  .qa__list > li > .question > i::after {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .qa__list > li > .question.disable > i::after {
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0%;
  }
  .qa__list > li > .answer {
    position: relative;
    display: none;
    width: 100%;
    font-size: 16px;
    padding:10px 0 30px 26.5px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .qa__list > li > .answer::before {
    content: "A";
    position: absolute;
    top: 12px;
    left: 0;
    display: flex;
    justify-content: center;
    width: auto;
    font-family: var(--noto-serif);
    font-size:20px;
    font-weight: 500;
    line-height: 26px;
  }
}
@media screen and (min-width:768px) {
  .qa__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .qa__header {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 44px;
    padding-bottom: 10px;
  }
  .qa__header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 50px;
    height: 1px;
    background: var(--orange);
  }
  .qa__list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .qa__list > li {
    display: block;
    width: 100%;
    background: var(--white);
    border-radius: 5px;
    padding: 20px 30px 0 30px;
  }
  .qa__list > li:nth-child(n+2){
    margin-top: 30px;
  }
  .qa__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding:4.5px 40px 24.5px 40px;
    font-size: 22px;
    line-height: 28px;
    color: var(--blue);
  }
  .qa__list > li > .question.disable {
    border-bottom: 1px solid #CECECE;
  }
  .qa__list > li > .question::before {
    content: "Q";
    position: absolute;
    top: 6px;
    left: 0;
    display: flex;
    justify-content: center;
    width: auto;
    color: #FF8016;
    font-family: var(--noto-serif);
    font-size:26px;
    font-weight: 500;
    line-height: 26px;
  }
  .qa__list > li > .question > i {
    position: absolute;
    top: 8px;
    right: 5px;
    display: block;
    width: 21px;
    height: 21px;
  }
  .qa__list > li > .question > i::before,
  .qa__list > li > .question > i::after {
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    display: block;
    background: #FF8016;
  }
  .qa__list > li > .question > i::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 3px;
  }
  .qa__list > li > .question > i::after {
    top: calc(50% - 1px);
    left: calc(50% - 1px);
    width: 100%;
    height: 3px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .qa__list > li > .question.disable > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
  .qa__list > li > .answer {
    position: relative;
    display: none;
    width: 100%;
    font-size: 16px;
    padding:20px 0 20px 40px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .qa__list > li > .answer::before {
    content: "A";
    position: absolute;
    top: 26px;
    left: 0;
    display: flex;
    justify-content: center;
    width: auto;
    font-family: var(--noto-serif);
    font-size:26px;
    font-weight: 500;
    line-height: 26px;
  }
}
/*
PAGE - company
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-container__company .container{
    padding: 0 20px;
  }
  .company__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .company__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .company__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 36px;
  }
  .company__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 20px;
  }
  .company__main {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .company__main > li {
    display: block;
    width: 100%;
    padding:20px 0;
    border-bottom: 1px solid #DFDFDF;
  }
  .company__main > li > dl {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .company__main > li > dl > dt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  .company__main > li > dl > dd {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .company__body {
    display: block;
    max-width: 900px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .company__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .company__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .company__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .company__main {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .company__main > li {
    display: block;
    width: 100%;
    padding:20px 0;
    border-bottom: 1px solid #DFDFDF;
  }
  .company__main > li > dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .company__main > li > dl > dt {
    display: block;
    width: 169px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  .company__main > li > dl > dd {
    display: block;
    width: calc(100% - 169px);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
}
/*
PAGE - sitemap
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-container__sitemap {
    background-color: var(--white);
  }
  .page-container__sitemap .container {
    padding: 0 20px;
  }
  .sitemap__body {
    display: block;
    width: 100%;
  }
  .sitemap__wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .sitemap__wrap:nth-child(n+2){
    margin-top: 40px;
  }
  .sitemap__block {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .sitemap__block:nth-child(n+2){
    margin-top: 40px;
  }
  .sitemap__block-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--josefin-sans);
    line-height: 20px;
  }
  .sitemap__block-title:not(:first-child) {
    margin-top: 40px;
  }
  .sitemap__list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .sitemap__list > li {
    display: flex;
    width: 100%;
  }
  .sitemap__list > li:nth-child(n+2){
    margin-top: 15px;
  }
  .sitemap__list > li > a {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 17px;
    color: var(--font-color);
    font-weight: 500;
  }
  .sitemap__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .sitemap__body {
    display: block;
    width: 100%;
  }
  .sitemap__wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .sitemap__wrap:nth-child(n+2){
    margin-top: 40px;
  }
  .sitemap__block {
    display: flex;
    flex-direction: column;
    width: calc(50% - 15px);
  }
  .sitemap__block:nth-child(n+3){
    margin-top: 40px;
  }
  .sitemap__block-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--josefin-sans);
    line-height: 20px;
  }
  .sitemap__block-title:not(:first-child) {
    margin-top: 40px;
  }
  .sitemap__list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .sitemap__list > li {
    display: flex;
    width: 100%;
  }
  .sitemap__list > li:nth-child(n+2){
    margin-top: 15px;
  }
  .sitemap__list > li > a {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 17px;
    color: var(--font-color);
    font-weight: 500;
  }
  .sitemap__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .sitemap__body {
    display: block;
    width: 100%;
  }
  .sitemap__wrap {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr repeat(3, 1fr);
    column-gap: calc(20/1100 * 100%);
  }
  .sitemap__wrap:nth-child(n+2){
    margin-top: 40px;
  }
  .sitemap__block {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .sitemap__block-title {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--josefin-sans);
    line-height: 20px;
  }
  .sitemap__block-title:not(:first-child) {
    margin-top: 40px;
  }
  .sitemap__list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .sitemap__list > li {
    display: flex;
    width: 100%;
  }
  .sitemap__list > li:nth-child(n+2){
    margin-top: 15px;
  }
  .sitemap__list > li > a {
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 17px;
    color: var(--font-color);
    font-weight: 500;
  }
  .sitemap__list > li > a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*
PAGE - menu
--------------------------------------------- */
@media screen and (max-width:767px) {
  .menu__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .menu__header {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 36px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: var(--orange);
    text-align: center;
  }
  .menu__hgroup > p {
    display: block;
    width: 100%;
    line-height: 32px;
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;
    padding: 0 10px;
  }
  /*menu*/
  .menu__wrap {
    display: block;
    max-width: 1340px;
    width: 100%;
    padding: 0 10px 0 10px;
    margin: 58px auto 0 auto;
  }
  .menu__card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .menu__card:nth-child(n+2){
    margin-top: 50px;
  }
  .menu__card-contents {
    position: relative;
    display: block;
    width: 100%;
    padding: 60px 20px 20px 20px;
    background: var(--white);
    border-radius: 0 20px 0 20px;
    margin-top: 40px;
  }
  .menu__card-contents > .badge {
    position: absolute;
    top: -40px;
    left: 20px;
    z-index: 1;
    display: block;
    width: 80px;
  }
  .menu__card-contents > .badge > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .menu__card-title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .menu__card-title > span {
    color: var(--orange);
  }
  .menu__card-contents > p {
    display: block;
    width: 100%;
    line-height: 2;
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .menu__card-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .menu__card-btn > a {
    width: 100%;
    height: 63.21px;
    font-size: 18px;
  }
  /*img*/
  .menu__card-img {
    display: block;
    width: 100%;
    border-radius: 0 20px 0 20px;
    overflow: hidden;
    margin-top: 30px;
  }
  .menu__card-img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 30px 0 30px;
  }
}
@media screen and (min-width:768px) {
  .menu__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .menu__header {
    display: block;
    width: 100%;
    font-size: 40px;
    line-height: 1;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: var(--orange);
    text-align: center;
  }
  .menu__hgroup > p {
    display: block;
    width: 100%;
    line-height: 28px;
    margin-top: 50px;
    text-align: justify;
    word-break: break-all;
  }
  /*menu*/
  .menu__wrap {
    display: block;
    max-width: 1340px;
    width: 100%;
    padding: 0 20px 100px 20px;
    margin: 50px auto 0 auto;
  }
  .menu__card {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-height: 500px;
    padding-top: 67.1px;
  }
  .menu__card:nth-child(odd) {
    padding-left: calc(50/1300 * 100%);
  }
  .menu__card:nth-child(even) {
    padding-right: calc(50/1300 * 100%);
    justify-content: flex-end;
  }
  .menu__card:nth-child(n+2){
    margin-top: 120px;
  }
  .menu__card-contents {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(657/1300 * 100%);
    padding: 89px calc(50/1250 * 100%) calc(50/1250 * 100%) calc(50/1250 * 100%);
    background: var(--white);
    border-radius: 0 40px 0 40px;
  }
  .menu__card-contents > .badge {
    position: absolute;
    top: -67.1px;
    z-index: 3;
    display: block;
    width: 120px;
  }
  .menu__card:nth-child(odd) > .menu__card-contents > .badge {
    left: calc(50/657 * 100%);
  }
  .menu__card:nth-child(even) > .menu__card-contents > .badge {
    right: calc(50/657 * 100%);
  }
  .menu__card-contents > .badge > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .menu__card-title {
    display: block;
    width: 100%;
    font-size: 32px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 40px;
    text-align: justify;
    word-break: break-all;
  }
  .menu__card-title > span {
    color: var(--orange);
  }
  .menu__card-contents > p {
    display: block;
    width: 100%;
    line-height: 2;
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .menu__card-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .menu__card-btn > a {
    width: calc(450/531 * 100%);
    height: 84.91px;
    font-size: 24px;
  }
  /*img*/
  .menu__card-img {
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: calc(700 / 1300 * 100%);
    border-radius: 0 40px 0 40px;
    overflow: hidden;
  }
  .menu__card-img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 40px 0 40px;
  }
  .menu__card:nth-child(odd) > .menu__card-img {
    right: 0;
  }
  .menu__card:nth-child(even) > .menu__card-img {
    left: 0;
  }

}
/*
PAGE - menu - submenus
--------------------------------------------- */
@media screen and (max-width:767px) {
  /*header*/
  .menu-list__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .menu-list__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 1;
  }
  .menu-list__header > span:nth-child(1) {
    color: var(--orange);
  }
  .menu-list__header > span:nth-child(2) {
    color: var(--black);
  }
  .menu-list__hgroup > p {
    display: block;
    width: 100%;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
    padding: 0 10px;
  }
}
@media screen and (min-width:768px) {
  /*header*/
  .menu-list__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .menu-list__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 1;
  }
  .menu-list__header > span:nth-child(1) {
    color: var(--orange);
  }
  .menu-list__header > span:nth-child(2) {
    color: var(--black);
  }
  .menu-list__hgroup > p {
    display: block;
    width: 100%;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
  }
}
/*intro section*/
@media screen and (max-width:767px) {
  /*intro*/
  .menu-list__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 90px;
  }
  .menu-list__intro-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background: var(--white);
    padding: 37px 10px 33px 10px;
  }
  .menu-list__intro-title {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--noto-serif);
    line-height: 36px;
    font-weight: 500;
  }
  .menu-list__intro-list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .menu-list__intro-list > li {
    position: relative;
    width: 100%;
    padding-left: 28px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    color: var(--black);
  }
  .menu-list__intro-list > li:nth-child(n+2){
    margin-top: 20px;
  }
  .menu-list__intro-list > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    line-height: 36px;
    text-align: center;
  }
  .menu-list__intro-list > li > span {
    text-underline-offset: 3px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: rgba(210,106,84,0.4);
    text-decoration-thickness: 5px;
  }
  .menu-list__intro-img {
    display: block;
    width: 100%;
    border-radius: 0 0 0 40px;
    overflow: hidden;
  }
  .menu-list__intro-img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius:0 0 0 40px;
  }
}
@media screen and (min-width:768px) {
  /*intro*/
  .menu-list__intro {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .menu-list__intro-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(620/1100 * 100%);
    background: var(--white);
    padding: 30px calc(50/1100 * 100%);
  }
  .menu-list__intro-title {
    display: block;
    width: 100%;
    font-size: 38px;
    font-family: var(--noto-serif);
    line-height: 46px;
    font-weight: 500;
  }
  .menu-list__intro-list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .menu-list__intro-list > li {
    position: relative;
    width: 100%;
    padding-left: 28px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    color: var(--black);
  }
  .menu-list__intro-list > li:nth-child(n+2){
    margin-top: 20px;
  }
  .menu-list__intro-list > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    line-height: 36px;
    text-align: center;
  }
  .menu-list__intro-list > li > span {
    text-underline-offset: 0px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: rgba(210,106,84,0.4);
    text-decoration-thickness: 5px;
  }
  .menu-list__intro-img {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(480/1100 * 100%);
    height: 100%;
    border-radius: 0 40px 0 0;
    overflow: hidden;
  }
  .menu-list__intro-img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0 40px 0 0;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .menu-list__intro-list > li {
    font-size: 16px;
  }
  .menu-list__intro-list > li:nth-child(n+2){
    margin-top: 10px;
  }
}
/*point 3 section*/
@media screen and (max-width:767px) {
  .menu-list__points {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .menu-list__points-header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 30px;
  }
  .menu-list__points-header > span {
    font-size: 30px;
    color: var(--orange);
    line-height: 1;
  }
  .menu-list__points-wrap {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  /*cards*/
  .menu-point__wrap {
    display: block;
    max-width: 1340px;
    width: 100%;
    padding: 0 10px 0 10px;
    margin: 58px auto 0 auto;
  }
  .menu-point__card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .menu-point__card:nth-child(n+2){
    margin-top: 50px;
  }
  .menu-point__card-contents {
    position: relative;
    display: block;
    width: 100%;
    padding: 60px 20px 20px 20px;
    background: var(--white);
    border-radius: 0 20px 0 20px;
    margin-top: 40px;
  }
  .menu-point__card-contents > .badge {
    position: absolute;
    top: -40px;
    left: 20px;
    z-index: 1;
    display: block;
    width: 80px;
  }
  .menu-point__card-contents > .badge > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .menu-point__card-title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-point__card-title > span {
    color: var(--orange);
  }
  .menu-point__card-contents > p {
    display: block;
    width: 100%;
    line-height: 2;
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-point__card-img {
    display: block;
    width: 100%;
    border-radius: 0 20px 0 20px;
    overflow: hidden;
    margin-top: 30px;
  }
  .menu-point__card-img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 30px 0 30px;
  }
}
@media screen and (min-width:768px) {
  .menu-list__points {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .menu-list__points-header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 40px;
  }
  .menu-list__points-header > span {
    font-size: 40px;
    color: var(--orange);
    line-height: 1;
  }
  .menu-list__points-wrap {
    display: block;
    width: 100%;
    margin-top: 80px;
  }
  /*cards*/
  .menu-point__card {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-height: 500px;
    padding-top: 67.1px;
  }
  .menu-point__card:nth-child(odd) {
    padding-left: calc(50/1300 * 100%);
  }
  .menu-point__card:nth-child(even) {
    padding-right: calc(50/1300 * 100%);
    justify-content: flex-end;
  }
  .menu-point__card:nth-child(n+2){
    margin-top: 120px;
  }
  .menu-point__card-contents {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(657/1300 * 100%);
    padding: 89px calc(50/1250 * 100%) calc(50/1250 * 100%) calc(50/1250 * 100%);
    background: var(--white);
    border-radius: 0 40px 0 40px;
  }
  .menu-point__card-contents > .badge {
    position: absolute;
    top: -67.1px;
    z-index: 3;
    display: block;
    width: 120px;
  }
  .menu-point__card:nth-child(odd) > .menu-point__card-contents > .badge {
    left: calc(50/657 * 100%);
  }
  .menu-point__card:nth-child(even) > .menu-point__card-contents > .badge {
    right: calc(50/657 * 100%);
  }
  .menu-point__card-contents > .badge > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .menu-point__card-title {
    display: block;
    width: 100%;
    font-size: 32px;
    font-family: var(--noto-serif);
    font-weight: 500;
    line-height: 40px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-point__card-title > span {
    color: var(--orange);
  }
  .menu-point__card-contents > p {
    display: block;
    width: 100%;
    line-height: 2;
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-point__card-img {
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: calc(700 / 1300 * 100%);
    border-radius: 0 40px 0 40px;
    overflow: hidden;
  }
  .menu-point__card-img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 0 40px 0 40px;
  }
  .menu-point__card:nth-child(odd) > .menu-point__card-img {
    right: 0;
  }
  .menu-point__card:nth-child(even) > .menu-point__card-img {
    left: 0;
  }
}
/*before after*/
@media screen and (max-width:767px) {
  .menu-ba {
    display: block;
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 0 10px;
  }
  .menu-ba__header {
    display: block;
    width: 100%;
    font-size: 26px;
    line-height: 30px;
    color: var(--black);
    font-family: var(--josefin-sans);
    text-align: center;
    font-weight: 600;
  }
  .menu-ba__customer {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    background: #FAFBFC;
    border-radius: 5px;
    margin-top: 50px;
  }
  .menu-ba__customer > .name {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
  }
  .menu-ba__customer > .name > span {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
  }
  .menu-ba__customer > .rating {
    display: flex;
    width: 100%;
    margin-top: 10px;
  }
  .menu-ba__customer > .rating > picture {
    display: block;
    width: 18px;
  }
  .menu-ba__customer > .rating > picture:nth-child(n+2){
    margin-left: 5px;
  }
  .menu-ba__customer > .rating > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*images*/
  .menu-ba__img-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .menu-ba__img-wrap > picture {
    display: block;
    width: calc(300/335 * 100%);
  }
  .menu-ba__img-wrap > picture:nth-child(n+2){
    margin-top: 10px;
  }
  .menu-ba__img-wrap > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*block*/
  .menu-ba__block {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .menu-ba__block > h4 {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    line-height: 1;
    font-weight: 500;
    padding: 9px 10px 9px 10px;
    background: #E09CA4;
    border-radius: 5px;
  }
  .menu-ba__block > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .menu-ba {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 100px auto 0 auto;
  }
  .menu-ba__header {
    display: block;
    width: 100%;
    font-size: 40px;
    line-height: 40px;
    color: var(--black);
    font-family: var(--josefin-sans);
    text-align: center;
    font-weight: 600;
  }
  .menu-ba__customer {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    background: #FAFBFC;
    border-radius: 5px;
    margin-top: 50px;
  }
  .menu-ba__customer > .name {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }
  .menu-ba__customer > .name > span {
    font-size: 16px;
    font-weight: 400;
  }
  .menu-ba__customer > .rating {
    display: flex;
    width: 100%;
    margin-top: 10px;
  }
  .menu-ba__customer > .rating > picture {
    display: block;
    width: 18px;
  }
  .menu-ba__customer > .rating > picture:nth-child(n+2){
    margin-left: 5px;
  }
  .menu-ba__customer > .rating > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*images*/
  .menu-ba__img-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
  }
  .menu-ba__img-wrap > picture {
    display: block;
    width: calc(290/1000 * 100%);
  }
  .menu-ba__img-wrap > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  /*block*/
  .menu-ba__block {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .menu-ba__block > h4 {
    display: block;
    width: 100%;
    font-size: 16px;
    color: var(--white);
    line-height: 1;
    font-weight: 500;
    padding: 9px 10px 9px 10px;
    background: #E09CA4;
    border-radius: 5px;
  }
  .menu-ba__block > p {
    display: block;
    width: 100%;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
/*price*/
@media screen and (max-width:767px) {
  .menu-price {
    display: block;
    width: 100%;
    margin: 50px auto 0 auto;
  }
  .menu-price__hgroup {
    display: block;
    width: 100%;
  }
  .menu-price__header {
    display: block;
    width: 100%;
    font-size: 26px;
    line-height: 30px;
    color: var(--black);
    font-family: var(--josefin-sans);
    font-weight: 600;
    text-align: center;
  }
  .menu-price__hgroup > p {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
  }
  .menu-price__block-wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .menu-price__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-radius: 5px;
    background: var(--white);
    padding: 20px 20px 20px 17px;
    border-left: 3px solid var(--orange);
  }
  .menu-price__block:nth-child(n+2) {
    margin-top: 30px;
  }
  .menu-price__contents {
    display: block;
    width: 100%;
  }
  .menu-price__img {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .menu-price__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .menu-price__contents-title {
    display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--noto-serif);
    line-height: 40px;
    font-weight: 500;
    color: var(--black);
  }
  .menu-price__contents-text {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--noto-serif);
    margin-top: 10px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-price__fvisit {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10px;
  }
  .menu-price__fvisit > .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 60px;
    background: var(--orange);
    border-radius: 5px;
    color: var(--white);
    font-size: 14px;
    line-height: 1;
  }
  .menu-price__fvisit > .price {
    display: flex;
    align-items: flex-end;
    width: auto;
    font-size: 40px;
    line-height: 1;
    color: var(--orange);
    font-family: var(--noto-serif);
    font-weight: 500;
    padding-left: 20px;
  }
  .menu-price__fvisit > .price > i:nth-child(1) {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    padding-left: 5px;
  }
  .menu-price__fvisit > .price > i:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
  }
  .menu-price__pvisit {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .menu-price__pvisit > .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 40px;
    background: var(--white);
    border-radius: 5px;
    border: 1px solid var(--font-color);
    color: var(--font-color);
    font-size: 14px;
    line-height: 1;
  }
  .menu-price__pvisit > .price {
    display: flex;
    align-items: flex-end;
    width: auto;
    font-size: 20px;
    line-height: 20px;
    color: var(--font-color);
    font-family: var(--noto-serif);
    font-weight: 500;
    padding-left: 20px;
  }
  .menu-price__pvisit > .price > i:nth-child(1) {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    padding-left: 5px;
  }
  .menu-price__pvisit > .price > i:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
  }
}
@media screen and (max-width:370px) {
  .menu-price__fvisit > .price {
    font-size: 36px;
  }
  .menu-price__fvisit > .price > i:nth-child(2),
  .menu-price__pvisit > .price > i:nth-child(2) {
    font-size: 14px;
  }
}
@media screen and (max-width:359px) {
  .menu-price__fvisit > .price {
    font-size: 32px;
  }
  .menu-price__fvisit > .price,
  .menu-price__pvisit > .price{
    padding-left: 10px;
  }
  .menu-price__fvisit > .price > i:nth-child(2),
  .menu-price__pvisit > .price > i:nth-child(2) {
    font-size: 12px;
  }
}
@media screen and (min-width:768px) {
  .menu-price {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 150px auto 0 auto;
  }
  .menu-price__hgroup {
    display: block;
    width: 100%;
  }
  .menu-price__header {
    display: block;
    width: 100%;
    font-size: 40px;
    line-height: 40px;
    color: var(--black);
    font-family: var(--josefin-sans);
    font-weight: 600;
    text-align: center;
  }
  .menu-price__hgroup > p {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 28px;
  }
  .menu-price__block-wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .menu-price__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 5px;
    background: var(--white);
    padding: 30px 30px 30px 27px;
    border-left: 3px solid var(--orange);
  }
  .menu-price__block:nth-child(n+2) {
    margin-top: 50px;
  }
  .menu-price__contents {
    display: block;
    width: calc(540/940 * 100%);
    padding-right: 20px;
  }
  .menu-price__img {
    display: block;
    width: calc(400/940 * 100%);
  }
  .menu-price__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .menu-price__contents-title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-family: var(--noto-serif);
    line-height: 44px;
    font-weight: 500;
    color: var(--black);
  }
  .menu-price__contents-text {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--noto-serif);
    margin-top: 10px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-price__fvisit {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10px;
  }
  .menu-price__fvisit > .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 93px;
    background: var(--orange);
    border-radius: 5px;
    color: var(--white);
    font-size: 18px;
    line-height: 1;
  }
  .menu-price__fvisit > .price {
    display: flex;
    align-items: flex-end;
    width: auto;
    font-size: 60px;
    line-height: 60px;
    color: var(--orange);
    font-family: var(--noto-serif);
    font-weight: 500;
    padding-left: 20px;
  }
  .menu-price__fvisit > .price > i:nth-child(1) {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    padding-left: 5px;
  }
  .menu-price__fvisit > .price > i:nth-child(2) {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
  }
  .menu-price__pvisit {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .menu-price__pvisit > .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 92px;
    height: 46px;
    background: var(--white);
    border-radius: 5px;
    border: 1px solid var(--font-color);
    color: var(--font-color);
    font-size: 18px;
    line-height: 1;
  }
  .menu-price__pvisit > .price {
    display: flex;
    align-items: flex-end;
    width: auto;
    font-size: 40px;
    line-height: 40px;
    color: var(--font-color);
    font-family: var(--noto-serif);
    font-weight: 500;
    padding-left: 20px;
  }
  .menu-price__pvisit > .price > i:nth-child(1) {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    padding-left: 5px;
  }
  .menu-price__pvisit > .price > i:nth-child(2) {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .menu-price__fvisit > .price {
    font-size: 48px;
    line-height: 48px;
  }
}
/*qa*/
@media screen and (max-width:767px) {
  .menu-qa {
    display: block;
    width: 100%;
    margin: 50px auto 0 auto;
  }
  .menu-qa__hgroup {
    display: block;
    width: 100%;
  }
  .menu-qa__header {
    display: block;
    width: 100%;
    font-size: 26px;
    line-height: 26px;
    color: var(--black);
    font-family: var(--josefin-sans);
    font-weight: 600;
    text-align: center;
  }
  .menu-qa__hgroup > p {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    margin-top: 10px;
  }
  .menu-qa__list {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .menu-qa__list > li {
    display: block;
    width: 100%;
    background: var(--white);
    border-radius: 5px;
    padding: 15px 10px 0 10px;
  }
  .menu-qa__list > li:nth-child(n+2){
    margin-top: 20px;
  }
  .menu-qa__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding:4.5px 30px 14.5px 26.5px;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-qa__list > li > .question.disable {
    border-bottom: 1px solid #CECECE;
  }
  .menu-qa__list > li > .question::before {
    content: "Q";
    position: absolute;
    top: 6px;
    left: 0;
    display: flex;
    justify-content: center;
    width: auto;
    color: #FF8016;
    font-family: var(--noto-serif);
    font-size:20px;
    font-weight: 500;
    line-height: 26px;
  }
  .menu-qa__list > li > .question > i {
    position: absolute;
    top: 14.5px;
    right: 5px;
    display: block;
    width: 14px;
    height: 14px;
  }
  .menu-qa__list > li > .question > i::before,
  .menu-qa__list > li > .question > i::after {
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    display: block;
    background: #FF8016;
  }
  .menu-qa__list > li > .question > i::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
  }
  .menu-qa__list > li > .question > i::after {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .menu-qa__list > li > .question.disable > i::after {
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0%;
  }
  .menu-qa__list > li > .answer {
    position: relative;
    display: none;
    width: 100%;
    font-size: 16px;
    padding:10px 0 30px 26.5px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-qa__list > li > .answer::before {
    content: "A";
    position: absolute;
    top: 12px;
    left: 0;
    display: flex;
    justify-content: center;
    width: auto;
    font-family: var(--noto-serif);
    font-size:20px;
    font-weight: 500;
    line-height: 26px;
  }
}
@media screen and (min-width:768px) {
  .menu-qa {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 100px auto 0 auto;
  }
  .menu-qa__hgroup {
    display: block;
    width: 100%;
  }
  .menu-qa__header {
    display: block;
    width: 100%;
    font-size: 40px;
    line-height: 40px;
    color: var(--black);
    font-family: var(--josefin-sans);
    font-weight: 600;
    text-align: center;
  }
  .menu-qa__hgroup > p {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 28px;
  }
  .menu-qa__list {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .menu-qa__list > li {
    display: block;
    width: 100%;
    background: var(--white);
    border-radius: 5px;
    padding: 20px 30px 0 30px;
  }
  .menu-qa__list > li:nth-child(n+2){
    margin-top: 30px;
  }
  .menu-qa__list > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding:4.5px 40px 24.5px 40px;
    font-size: 22px;
    line-height: 28px;
    color: var(--blue);
  }
  .menu-qa__list > li > .question.disable {
    border-bottom: 1px solid #CECECE;
  }
  .menu-qa__list > li > .question::before {
    content: "Q";
    position: absolute;
    top: 6px;
    left: 0;
    display: flex;
    justify-content: center;
    width: auto;
    color: #FF8016;
    font-family: var(--noto-serif);
    font-size:26px;
    font-weight: 500;
    line-height: 26px;
  }
  .menu-qa__list > li > .question > i {
    position: absolute;
    top: 8px;
    right: 5px;
    display: block;
    width: 21px;
    height: 21px;
  }
  .menu-qa__list > li > .question > i::before,
  .menu-qa__list > li > .question > i::after {
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    display: block;
    background: #FF8016;
  }
  .menu-qa__list > li > .question > i::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 3px;
  }
  .menu-qa__list > li > .question > i::after {
    top: calc(50% - 1px);
    left: calc(50% - 1px);
    width: 100%;
    height: 3px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .menu-qa__list > li > .question.disable > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0) translate(-50%,-50%);
    transform-origin: 0 0;
  }
  .menu-qa__list > li > .answer {
    position: relative;
    display: none;
    width: 100%;
    font-size: 16px;
    padding:20px 0 20px 40px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .menu-qa__list > li > .answer::before {
    content: "A";
    position: absolute;
    top: 26px;
    left: 0;
    display: flex;
    justify-content: center;
    width: auto;
    font-family: var(--noto-serif);
    font-size:26px;
    font-weight: 500;
    line-height: 26px;
  }
}
/*note*/
@media screen and (max-width:767px) {
  .menu-price__note {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #B59E8B;
  }
  .menu-price__note > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 21px;
    padding-left: 20px;
  }
  .menu-price__note > li > span {
    position: absolute;
    left: 0;
  }
}
@media screen and (min-width:768px) {
  .menu-price__note {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #B59E8B;
  }
  .menu-price__note > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
  }
  .menu-price__note > li > span {
    position: absolute;
    left: 0;
  }
}
/*
PAGE - salon
--------------------------------------------- */
@media screen and (max-width:767px) {
  .page-container__salon .container {
    padding: 0 20px;
  }
  .salon__hgroup {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .salon__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 2px;
  }
  .salon__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 3px;
  }
  .salon__hgroup > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  /*salon detail*/
  .salon__main {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    margin-top: 65px;
  }
  .salon__map {
    display: block;
    /* width: 250px; */
    max-width: 320px;
    width: 80vw;
    margin-top: 50px;
  }
  .salon__map > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon__area {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .salon-area__wrap {
    display: block;
    width: 100%;
  }
  .salon-area__wrap:nth-child(n+2){
    margin-top: 30px;
  }
  .salon-area__title {
    display: block;
    width: 100%;
    color: var(--orange);
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
  }
  .salon-area__block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-top: 20px;
  }
  .salon-area__block:nth-child(2) {
    margin-top: 25px;
  }
  .salon-area__detail {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .salon-area__name {
    font-size: 14px;
    /* font-weight: 700; */
    font-weight: 400;
    /* line-height: 28px; */
    line-height: 1.2;
    text-decoration: underline;
  }
  .salon-area__address {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    /* text-align: justify; */
    word-break: break-all;
    margin-top: 10px;
  }
  .salon-area__address span{display: inline-block;}
  .salon-area__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 34px;
    border-radius: 5px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    margin-top: 10px;
    letter-spacing: 1px;
  }
}
@media screen and (min-width:768px) {
  .salon__hgroup {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .salon__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 3px;
  }
  .salon__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 3px;
  }
  .salon__hgroup > p {
    display: block;
    width: 100%;
    line-height: 28px;
    text-align: center;
    margin-top: 50px;
  }
  /*salon detail*/
  .salon__main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .salon__map {
    display: block;
    width: calc(444/1100 * 100%);
    margin-top: 23px;
  }
  .salon__map > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon__area {
    display: flex;
    flex-direction: column;
    width: calc(584/1100 * 100%);
  }
  .salon-area__wrap {
    display: block;
    width: 100%;
  }
  .salon-area__wrap:nth-child(n+2){
    margin-top: 40px;
  }
  .salon-area__title {
    display: block;
    width: 100%;
    color: var(--orange);
    font-size: 20px;
    /* line-height: 28px; */
    line-height:1;
    font-weight: 700;
  }
  .salon-area__block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
    position: relative;
  }
  .salon-area__block:nth-child(2) {
    margin-top: 30px;
  }
  .salon-area__detail {
    /* display: flex;
    flex-direction: column;
    width: calc(400/584 * 100%); */
    position:relative;
  }
  .salon-area__name {
    font-size: 16px;
    /* font-weight: 700; */
    font-weight: 400;
    line-height: 28px;
    text-decoration: underline;
  }
  .salon-area__address {
    display: block;
    width: 100%;
    line-height: 28px;
    /* text-align: justify; */
    word-break: break-all;
    margin-top: 20px;
    font-size:15px;
  }
  .salon-area__address span{display: inline-block;}
  .salon-area__btn {
    position:absolute;
    top:0;
    right:0;
  }
  .salon-area__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 34px;
    border-radius: 5px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
  }
  .salon-area__link:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }

}
/*
PAGE - Salon shop
--------------------------------------------- */
/*main-visual*/
@media screen and  (max-width:767px) {
  .mv-salon {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .mv-salon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(188/375 * 100%);
    height: calc(100% - 0px);
    background: rgba(242,166,102,0.5);
    z-index: -2;
  }
  .mv-salon__container {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 10px;
  }
  .mv-slider {
    position: relative;
    z-index: -1;
    display: block;
    width: 100%;
    border-radius: 40px 0 0 0;
    overflow: hidden;
  }
  .mv-slider > .swiper-wrapper,
  .mv-slider > .swiper-wrapper > .swiper-slide {
    width: 100%;
  }
  .mv-salon__slide {
    display: block;
    width: 100%;
  }
  .mv-salon__slide > picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 80px - 40px);
  }
  .mv-salon__slide > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and  (min-width:768px) {
  .mv-salon {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: calc(100% - (220/1920 * 100%));
  }
  .mv-salon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(630/1700 * 100%);
    height: calc(100% - 70px);
    background: rgba(242,166,102,0.5);
    z-index: -2;
  }
  .mv-salon__container {
    position: relative;
    display: block;
    width: calc(1400 / 1700 * 100%);
    padding-left: calc(110/1700 * 100%);
  }
  .mv-slider {
    position: relative;
    z-index: -1;
    display: block;
    width: 100%;
    border-radius: 40px 0 0 0;
    overflow: hidden;
  }
  .mv-slider > .swiper-wrapper,
  .mv-slider > .swiper-wrapper > .swiper-slide {
    width: 100%;
  }
  .mv-salon__slide {
    display: block;
    width: 100%;
  }
  .mv-salon__slide > picture {
    display: block;
    width: 100%;
  }
  .mv-salon__slide > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .mv-salon {
    width: 100%;
  }
  .mv-salon__text {
    width: calc(424/1400 * 100%);
    z-index: 99 !important;
  }
}
/*salon header*/
@media screen and (max-width:767px) {
  .salon-shop__header {
    display: block;
    width: 100%;
    padding: 56px 0 61.8px 0;
  }
  .salon-shop__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;
  }
  .salon-shop__text {
    font-size: 20px;
    color: var(--orange);
    line-height: 1;
    font-family: var(--josefin-sans);
    font-weight: 600;
  }
  .salon-shop__name {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-shop__name > span:nth-child(1){
    font-size: 20px;
    color: var(--orange);
    line-height: 1;
    font-family: var(--josefin-sans);
    font-weight: 600;
  }
  .salon-shop__name > span:nth-child(1) > i {
    font-size: 26px;
    line-height: 1;
  }
  .salon-shop__name > span:nth-child(2){
    font-size: 20px;
    color: var(--black);
    line-height: 1;
    font-family: var(--noto-serif);
    font-weight: 500;
  }
}
@media screen and (min-width:768px) {
  .salon-shop__header {
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
  }
  .salon-shop__hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-shop__text {
    font-size: 30px;
    color: var(--orange);
    line-height: 1;
    font-family: var(--josefin-sans);
    /* font-weight: 600; */
  }
  .salon-shop__name {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 5px;
  }
  .salon-shop__name > span:nth-child(1){
    font-size: 30px;
    color: var(--orange);
    line-height: 1;
    font-family: var(--josefin-sans);
    font-weight: 600;
  }
  .salon-shop__name > span:nth-child(1) > i {
    font-size: 40px;
    line-height: 1;
  }
  .salon-shop__name > span:nth-child(2){
    font-size: 30px;
    color: var(--black);
    line-height: 1;
    font-family: var(--noto-serif);
    font-weight: 500;
    margin-top: 14px;
  }
}
/*about*/
@media screen and  (max-width:767px) {
  .salon-about {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 50px 0;
    background: #FCF5EE;
    overflow: hidden;
  }
  .salon-about__icon {
    position: absolute;
    top: 0;
    left: -70px;
    display: block;
    width: 180px;
    z-index: 1;
  }
  .salon-about__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon-about__block {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    max-width: 375px;
    width: 100%;
    padding: 0 20px;
  }
  .salon-about__wrap {
    display: block;
    width: 100%;
  }
  .salon-about__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .salon-about__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 26px;
    /* font-weight: 600; */
    line-height: 1;
  }
  .salon-about__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin-top: 30px;
  }
  .salon-about__wrap > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    font-family: var(--noto-serif);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .salon-about__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .salon-about__btns > a {
    max-width: 335px;
    width: 100%;
  }
  .salon-about__img {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 375px;
    width: 100%;
    padding: 0 10px;
    margin-top: 50px;
  }
  .salon-about__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }

}
@media screen and  (min-width:768px) {
  .salon-about {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 100px 0;
    background: #FCF5EE;
    overflow: hidden;
  }
  .salon-about__icon {
    position: absolute;
    top: 0;
    left: -70px;
    display: block;
    width: 180px;
    z-index: 1;
  }
  .salon-about__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon-about__block {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    width: calc(940/1920 * 100%);
    padding-right: calc(80/1920 * 100%);
  }
  .salon-about__wrap {
    display: block;
    width: 450px;
  }
  .salon-about__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .salon-about__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
  }
  .salon-about__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 40px;
  }
  .salon-about__wrap > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 36px;
    font-family: var(--noto-serif);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .salon-about__img {
    display: block;
    width: calc(980/1920 * 100%);
    padding-right: calc(30/1980 * 100%);
  }
  .salon-about__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon-about__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .salon-about__btns > a {
    width: 100%;
  }
}
@media screen and (min-width:768px) and (max-width:1169px) {
  .salon-about__wrap {
    display: block;
    width: calc(700/860 * 100%);
  }
}
/*reason*/
@media screen and (max-width:767px) {
  .salon-reason {
    position: relative;
    display: block;
    width: 100%;
    padding: 55px 0 50px 0;
    background: url(./assets/images/salon/aomori/reason/reason-bg-sp.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
  }
  .salon-reason__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .salon-reason__wrap {
    display: block;
    width: 100%;
  }
  .salon-reason__header {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    font-family: var(--yumincho);
  }
  .salon-reason__header > span {
    color: var(--orange);
    font-size: 30px;
  }
  .salon-reason__main {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .salon-reason__card {
    display: block;
    width: calc(170/355 * 100%);
    background: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .salon-reason__card:nth-child(1) {
    margin-right: calc(15/355 * 100%);
  }
  .salon-reason__card:nth-child(3) {
    margin-top: 30px;
  }
  .salon-reason__card > picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .salon-reason__card > picture > .badge {
    position: absolute;
    bottom: -2px;
    right: 0;
    display: block;
    width: calc(81.99/170 * 100%);
    object-fit: cover;
  }
  .salon-reason__card > picture > .thumb {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon-reason__card > p {
    display: block;
    width: 100%;
    padding: 10px 5px 0 5px;
    text-align: center;
    font-size: 12px;
    font-family: var(--noto-serif);
    color: #000000;
    font-weight: 500;
    line-height: 2;
  }
  .salon-reason__card-title {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 5px 15px 5px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: #BBAC88;
  }
  .salon-reason__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (max-width:359px) {
  .salon-reason__card-title {
    font-size: 14px;
  }
}
@media screen and (min-width:768px) {
  .salon-reason {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: url(./assets/images/salon/aomori/reason/reason-bg-pc.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
  }
  .salon-reason__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .salon-reason__wrap {
    display: block;
    width: 100%;
  }
  .salon-reason__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 70px;
    font-family: var(--yumincho);
  }
  .salon-reason__header > span {
    color: var(--orange);
    font-size: 40px;
  }
  .salon-reason__main {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr repeat(2, 1fr);
    column-gap: calc(50/1100 * 100%);
    width: 100%;
    margin: 40px auto 0 auto;
  }
  .salon-reason__card {
    display: block;
    width: 100%;
    background: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .salon-reason__card:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .salon-reason__card > picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .salon-reason__card > picture > .badge {
    position: absolute;
    bottom: -2px;
    right: 0;
    display: block;
    width: calc(145/300 * 100%);
    object-fit: cover;
  }
  .salon-reason__card > picture > .thumb {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon-reason__card > p {
    display: block;
    width: 100%;
    padding: 25px 15px 0 15px;
    text-align: center;
    font-size: 20px;
    font-family: var(--noto-serif);
    color: #000000;
    font-weight: 500;
    line-height: 2;
  }
  .salon-reason__card-title {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 10px 23px 10px;
    font-size: 30px;
    line-height: 40px;
    font-family: var(--noto-serif);
    font-weight: 500;
    color: #BBAC88;
  }
  .salon-reason__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .salon-reason__main {
    column-gap: calc(40/1100 * 100%);
  }
  .salon-reason__card > p {
    font-size: 16px;
  }
  .salon-reason__card-title {
    font-size: 22px;
  }
}
@media screen and (min-width:1025px) and (max-width:1119px){
  .salon-reason__card > p {
    font-size: 18px;
  }
  .salon-reason__card-title {
    font-size: 26px;
  }
}
/*menu*/
@media screen and (max-width:767px) {
  .salon-menu {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .salon-menu__icon {
    position: absolute;
    top: 50px;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .salon-menu__wrap {
    display: block;
    width: 100%;
  }
  .salon-menu__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-menu__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 500;
    line-height: 36px;
  }
  .salon-menu__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 20px;
  }
  .salon-menu__main {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 32px;
  }
  .salon-menu__link {
    position: relative;
    display: block;
    width: 100%;
  }
  .salon-menu__link:nth-child(n+2){
    margin-top: 20px;
  }
  .salon-menu__link:nth-child(1){
   order: 1;
  }
  .salon-menu__link:nth-child(2){
    order: 2;
   }
   .salon-menu__link:nth-child(3){
    order: 3;
   }
   .salon-menu__link:nth-child(4){
    order: 6;
   }
   .salon-menu__link:nth-child(5){
    order: 4;
   }
   .salon-menu__link:nth-child(6){
    order: 5;
   }
  .salon-menu__link > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--noto-serif);
    font-weight: 400;
    line-height: 36px;
    color: var(--white);
    text-align: center;
    z-index: 2;
  }
  .salon-menu__link > picture {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0 20px 0 20px;
  }
  .salon-menu__link > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width:768px) {
  .salon-menu {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
    background-size: cover;
    overflow: hidden;
    background: var(--white);
  }
  .salon-menu__icon {
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .salon-menu__wrap {
    display: block;
    width: 100%;
  }
  .salon-menu__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-menu__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 500;
    line-height: 40px;
  }
  .salon-menu__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .salon-menu__main {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    margin-top: 50px;
    grid-template-columns: 1fr repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: 2.5px 2.5px;
  }
  .salon-menu__link {
    position: relative;
    display: block;
    width: 100%;
  }
  .salon-menu__link > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--noto-serif);
    font-weight: 400;
    line-height: 36px;
    color: var(--white);
    text-align: center;
    z-index: 2;
  }
  .salon-menu__link > picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 0 40px 0 40px;
  }
  .salon-menu__link > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
  }
  .salon-menu__link:hover > picture > img {
    transform: scale(1.2);
  }
}
/*flow*/
@media screen and (max-width:767px) {
  .salon-flow {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: var(--white);
  }
  .salon-flow__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .salon-flow__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 480px;
    width:100%;
    margin: 0 auto 0 auto;
  }
  .salon-flow__wrap > picture {
    display: block;
    width: 100%;
  }
  .salon-flow__wrap > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .salon-flow__contents {
    display: block;
    width: calc(100% - 20px);
    background: var(--white);
    padding: 50px 10px;
    margin: -50px auto 0 auto;
  }
  .salon-flow__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .salon-flow__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
  }
  .salon-flow__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin-top: 15px;
  }
  .salon-flow__contents > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 26px;
    font-family: var(--noto-serif);
  }
  .salon-flow__btn {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .salon-flow__btn > a {
    width: 100%;
    height: 63.21px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .salon-flow {
    position: relative;
    display: block;
    width: 100%;
    padding: 84.2px 0 39.6px 0;
    overflow: hidden;
    background: var(--white);
  }
  .salon-flow__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .salon-flow__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 728px;
    margin: 0 auto 0 auto;
  }
  .salon-flow__wrap > picture {
    display: block;
    width: 100%;
  }
  .salon-flow__wrap > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .salon-flow__contents {
    display: block;
    width: 600px;
    background: var(--white);
    padding: 50px 70px;
    margin-top: -50px;
  }
  .salon-flow__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .salon-flow__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: #000000;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
  }
  .salon-flow__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 40px;
  }
  .salon-flow__contents > p {
    display: block;
    width: 450px;
    font-size: 18px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
    font-family: var(--noto-serif);
  }
  .salon-flow__btn {
    display: block;
    width: 450px;
    margin-top: 30px;
  }
  .salon-flow__btn > a {
    width: 100%;
    height: 84.91px;
  }
}
@media screen and (min-width:1025px) {
  .salon-flow {
    position: relative;
    display: block;
    width: 100%;
    padding: 84.2px 0 39.6px 0;
    overflow: hidden;
    background: var(--white);
  }
  .salon-flow__icon {
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 140px;
    z-index: 1;
  }
  .salon-flow__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .salon-flow__wrap > picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(1200/1920 * 100%);
    height: 570px;
    overflow: hidden;
    margin-right: calc(106/1920 * 100%);
  }
  .salon-flow__wrap > picture > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .salon-flow__contents {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((((1920 - 1400) / 2 ) / 1920) * 100%);
    display: block;
    min-width: 500px;
    width: calc(600/1920 * 100%);
    background: var(--white);
    padding: 50px 0;
  }
  .salon-flow__header {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .salon-flow__header > span:nth-child(1) {
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
  }
  .salon-flow__header > span:nth-child(2) {
    font-family: var(--noto-serif);
    color: #000000;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 40px;
  }
  .salon-flow__contents > p {
    display: block;
    width: 450px;
    font-size: 18px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
    font-family: var(--noto-serif);
    margin-top: 30px;
  }
  .salon-flow__btn {
    display: block;
    width: 450px;
    margin-top: 30px;
  }
  .salon-flow__btn > a {
    width: 100%;
    height: 84.91px;
  }
}
/*salon info*/
@media screen and (max-width:767px) {
  .salon-info {
    display: block;
    width: 100%;
    padding: 50px 0 0 0;
  }
  .salon-info > .container {
    padding: 0 20px;
  }
  .salon-info__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .salon-info__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-info__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    /* font-weight: 600; */
    line-height: 36px;
  }
  .salon-info__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 20px;
  }
  .salon-info__wrap {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .salon-info__wrap > li {
    display: block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #DFDFDF;
  }
  .salon-info__wrap > li > dl {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .salon-info__wrap > li > dl > dt {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  .salon-info__wrap > li > dl > dd {
    display: flex;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
  }
  .salon-info__wrap > li > dl > dd > a {
    text-decoration: underline;
  }
}
@media screen and (min-width:768px) {
  .salon-info {
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
  }
  .salon-info__body {
    display: block;
    max-width: 900px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .salon-info__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-info__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    /* font-weight: 600; */
    line-height: 40px;
  }
  .salon-info__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .salon-info__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .salon-info__wrap > li {
    display: block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #DFDFDF;
  }
  .salon-info__wrap > li > dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .salon-info__wrap > li > dl > dt {
    display: block;
    width: 169px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  .salon-info__wrap > li > dl > dd {
    display: flex;
    width: calc(100% - 169px);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
  .salon-info__wrap > li > dl > dd > a {
    text-decoration: underline;
    pointer-events: none;
  }
}
/*access*/
@media screen and (max-width:767px) {
  .salon-access {
    display: block;
    width: 100%;
    padding: 50px 0 0 0;
  }
  .salon-access__body {
    display: block;
    width: 100%;
  }
  .salon-access__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-access__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 36px;
  }
  .salon-access__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 20px;
  }
  .salon-access__map {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    margin-top: 20px;
    overflow: hidden;
  }
  .salon-access__map > iframe {
    width: 100%;
    height: 100%;
  }
  .salon-access__flex {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    padding: 20px 0 50px 10px;
  }
  .salon-access__location {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
  }
  .salon-access__gmap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    margin-top: 10px;
  }

  .access-salon__route {
    display: block;
    width: 100%;
    background: var(--white);
    border-radius: 10px;
    border: 1px solid var(--orange);
    overflow: hidden;
  }
  .access-salon__route-triger {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 98px;
    font-size: 16px;
    font-family: var(--noto-serif);
    color: var(--orange);
    line-height: 28px;
    font-weight: 500;
  }
  .access-salon__route-triger > i {
    position: absolute;
    right: 20px;
    top: 35px;
    display: block;
    width: 21px;
    height: 21px;
  }
  .access-salon__route-triger > i::before,
  .access-salon__route-triger > i::after {
    content: "";
    position: absolute;
    display: block;
    background: var(--orange);
  }
  .access-salon__route-triger > i::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 3px;
  }
  .access-salon__route-triger > i::after {
    top: calc(50% - 1px);
    left: calc(50% - 1px);
    width: 100%;
    height: 3px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .access-salon__route-triger.active > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
  .access-salon__route-block {
    display: none;
    width: 100%;
    padding: 0 20px 35px 20px;
  }
  .access-salon__route-wrap {
    display:flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .access-salon__route-card {
    display: block;
    width: 100%;
  }
  .access-salon__route-card:nth-child(n+2) {
    margin-top: 30px;
  }
  .access-salon__route-card__title {
    display: block;
    width: 100%;
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 500;
    line-height: 1;
  }
  .access-salon__route-card > picture {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .access-salon__route-card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .access-salon__route-card > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
}
@media screen and (min-width:768px) {
  .salon-access {
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
  }
  .salon-access__body {
    display: block;
    width: 100%;
  }
  .salon-access__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-access__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .salon-access__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .salon-access__map {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 450px;
    margin-top: 50px;
    overflow: hidden;
  }
  .salon-access__map > iframe {
    width: 100%;
    height: 100%;
  }
  .salon-access__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30px 0 50px 0;
  }
  .salon-access__location {
    display: block;
    width: calc(100% - 220px);
    font-size: 16px;
    line-height: 28px;
  }
  .salon-access__gmap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 45px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--noto-serif);
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
  }
  .salon-access__gmap:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .access-salon__route {
    display: block;
    width: 100%;
    background: var(--white);
    border-radius: 10px;
    border: 1px solid var(--orange);
    overflow: hidden;
  }
  .access-salon__route-triger {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 89px;
    font-size: 20px;
    font-family: var(--noto-serif);
    color: var(--orange);
    line-height: 28px;
    font-weight: 500;
  }
  .access-salon__route-triger > i {
    position: absolute;
    right: 30px;
    top: 34px;
    display: block;
    width: 21px;
    height: 21px;
  }
  .access-salon__route-triger > i::before,
  .access-salon__route-triger > i::after {
    content: "";
    position: absolute;
    display: block;
    background: var(--orange);
  }
  .access-salon__route-triger > i::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 3px;
  }
  .access-salon__route-triger > i::after {
    top: calc(50% - 1px);
    left: calc(50% - 1px);
    width: 100%;
    height: 3px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .access-salon__route-triger.active > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
  .access-salon__route-block {
    display: none;
    width: 100%;
    padding: 0 calc(50/1098 * 100%) 30px calc(50/1098 * 100%);
  }
  .access-salon__route-wrap {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr repeat(2, 1fr);
    column-gap: calc(24/998 * 100%);
  }
  .access-salon__route-card {
    display: block;
    width: 100%;
  }
  .access-salon__route-card__title {
    display: block;
    width: 100%;
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 500;
    line-height: 1;
  }
  .access-salon__route-card > picture {
    display: block;
    width: 100%;
  }
  .access-salon__route-card > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .access-salon__route-card > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    text-align: justify;
    word-break: break-all;
    margin-top: 10px;
  }
}
/*campaign*/
@media screen and (max-width:767px) {
  .salon-campaign {
    display: block;
    width: 100%;
    padding: 50px 0 0 0;
  }
  .salon-campaign__body {
    display: block;
    width: 100%;
  }
  .salon-campaign__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-campaign__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 36px;
  }
  .salon-campaign__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 20px;
  }
  .salon-campaign__header + .home-campaign2__wrap {
    margin-top: 30px;
  }
  /*
  .salon-campaign__banner {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .salon-campaign__banner > picture {
    display: block;
    width: 100%;
  }
  .salon-campaign__banner > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }*/
}
@media screen and (min-width:768px) {
  .salon-campaign {
    display: block;
    width: 100%;
    padding: 100px 0 0 0;
  }
  .salon-campaign__body {
    display: block;
    width: 100%;
  }
  .salon-campaign__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-campaign__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .salon-campaign__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .salon-campaign__header + .home-campaign2__wrap {
    margin-top: 50px;
  }
  /*
  .salon-campaign__banner {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .salon-campaign__banner:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .salon-campaign__banner > picture {
    display: block;
    width: 100%;
  }
  .salon-campaign__banner > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }*/
}
/*message*/
@media screen and (max-width:767px) {
  .salon-message {
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
  }
  .salon-message__body {
    display: block;
    width: 100%;
  }
  .salon-message__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-message__header > span:nth-child(1) {
    font-size: 26px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 36px;
  }
  .salon-message__header > span:nth-child(2) {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: 20px;
  }
  .salon-message__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .salon-message__main > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
    padding: 0 10px;
  }
  .salon-message__main > picture {
    display: block;
    width: calc(300/355 * 100%);
    margin-top: 30px;
  }
  .salon-message__main > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .salon-message {
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
  }
  .salon-message__body {
    display: block;
    width: 100%;
  }
  .salon-message__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-message__header > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--josefin-sans);
    color: var(--orange);
    font-weight: 600;
    line-height: 40px;
  }
  .salon-message__header > span:nth-child(2) {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    line-height: 32px;
  }
  .salon-message__main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .salon-message__main > p {
    display: block;
    width: calc(500/1100 * 100%);
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    word-break: break-all;
  }
  .salon-message__main > picture {
    display: block;
    width: calc(550/1100 * 100%);
  }
  .salon-message__main > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*intagram*/
@media screen and (max-width:767px) {
  .salon-instagram {
    display: block;
    width: 100%;
    padding: 50px 0;
    background: url(./assets/images/salon/aomori/instagram/bg-sp.jpg) no-repeat center;
    background-size: cover;
  }
  .salon-instagram__body {
    display: block;
    width: 100%;
  }
  .salon-instagram__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .salon-instagram__imgs {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .salon-instagram__imgs > picture {
    display: block;
    width: 100%;
  }
  .salon-instagram__imgs > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon-instagram__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
  }
  .salon-instagram__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(335/355 * 100%);
    height: 63px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--josefin-sans);
    font-size: 20px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
  }
}
@media screen and (min-width:768px) {
  .salon-instagram {
    display: block;
    width: 100%;
    padding: 100px 0;
    background: url(./assets/images/salon/aomori/instagram/bg-pc.jpg) no-repeat center;
    background-size: cover;
  }
  .salon-instagram__body {
    display: block;
    width: 100%;
  }
  .salon-instagram__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .salon-instagram__imgs {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .salon-instagram__imgs > picture {
    display: block;
    width: 100%;
  }
  .salon-instagram__imgs > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .salon-instagram__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .salon-instagram__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 85px;
    border-radius: 10px;
    background: linear-gradient(270deg, #E9C46A 0%, #F2A666 100%);
    font-family: var(--josefin-sans);
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
  }
  .salon-instagram__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*contact*/
@media screen and (max-width:767px) {
  .salon-contact {
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
  }
  .salon-contact__wrap {
    display: block;
    width: 100%;
  }
  .salon-contact__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-contact__header > span:nth-child(1) {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 25.5px;
    font-weight: 500;
    color: #000000;
  }
  .salon-contact__header > span:nth-child(2) {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
  }
  .salon-contact__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }
  .salon-contact__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 5px);
    height: 64.67px;
    border-radius: 10px;
    border: 1px solid var(--font-color);
    font-size: 18px;
    font-family: var(--noto-serif);
    font-weight: 600;
    line-height: 1;
    color: #000000;
  }
  .salon-contact__link:nth-child(n+2){
    margin-top: 35px;
  }
  .salon-contact__link::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 10px;
    border: 1px solid var(--font-color);
  }

}
@media screen and (min-width:768px) {
  .salon-contact {
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
  }
  .salon-contact__wrap {
    display: block;
    width: 100%;
  }
  .salon-contact__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .salon-contact__header > span:nth-child(1) {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 25.5px;
    font-weight: 500;
    color: #000000;
  }
  .salon-contact__header > span:nth-child(2) {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--josefin-sans);
    line-height: 1;
    color: #000000;
    margin-top: 10px;
  }
  .salon-contact__main {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .salon-contact__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(530/1100 * 100%);
    height: 100px;
    border-radius: 10px;
    border: 1px solid var(--font-color);
    font-size: 26px;
    font-family: var(--noto-serif);
    font-weight: 600;
    line-height: 1;
    color: #000000;
  }
  .salon-contact__link::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 10px;
    border: 1px solid var(--font-color);
  }
  .salon-contact__link:hover {
    transition: background 0.3s ease, color 0.3s ease;
    background: #E09CA4;
    border-color: #E09CA4;
    color: var(--white);
  }
  .salon-contact__link:hover::after {
    display: none;
  }
}
/*
PAGE - LP
--------------------------------------------- */
/*header*/
@media screen and (max-width:767px) {
  .lp-header {
    position: relative;
    display: block;
    width: 100%;
  }
  .lp-header__headline {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    padding: 15px 10px 0 10px;
    font-size: 9px;
    line-height: 13px;
    color: #000000;
    font-weight: 400;
  }
}
@media screen and (min-width:768px) {
  .lp-header {
    position: relative;
    display: block;
    width: 100%;
  }
  .lp-header__headline {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    padding: 10px 50px 0 50px;
    font-size: 12px;
    line-height: 1;
    color: #000000;
    font-weight: 400;
  }
}
/*mv*/
@media screen and (min-width:0px) {
  .lp-mv {
    display: block;
    width: 100%;
  }
  .lp-mv > .swiper-wrapper,
  .lp-mv > .swiper-wrapper > .swiper-slide {
    width: 100%;
  }
  .lp-mv > .swiper-wrapper > .swiper-slide > picture {
    display: block;
    width: 100%;
  }
  .lp-mv > .swiper-wrapper > .swiper-slide > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
/*floating menu*/
@media screen and (max-width:1024px) {
  .lp-floating-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 60px;
  }
  .lp-gotop {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #D1A9D1;
    border-radius: 5px 5px 0 0;
  }
  .lp-gotop > span {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    padding-top: 13px;
    color: var(--white);
    font-size: 16px;
    line-height: 23px;
    font-family: var(--noto-serif);
    font-weight: 500;
    text-align: center;
  }
  .lp-gotop > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 10px;
    height: 16px;
    background: url(./assets/images/lp/icon-top.png) no-repeat center / contain;
  }
  .lp-menu-link {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 310px;
    width: calc(100% - 60px - 5px);
    margin-left: 5px;
    background-color: #D94464;
    border-radius: 5px 5px 0 0;
  }
  .lp-menu-link > span {
    position: relative;
    display: block;
    width: auto;
    height: 30px;
    font-size: 18px;
    color: var(--white);
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    padding-left: 46px;
  }
  .lp-menu-link > span::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 26px;
    height: 16px;
    background: url(./assets/images/lp/icon-mail.png) no-repeat center / contain;
  }
}
@media screen and (min-width:1025px) {
  .lp-floating-menu {
    display: none;
  }
}
/*footer*/
@media screen and  (max-width:1024px) {
  .lp-footer {
    display: block;
    width: 100%;
    height: 170px;
    background-color: var(--white);
    border-top: 1px solid #916C13;
    padding-top: 20px;
  }
  .lp-footer__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-footer__logo {
    display: block;
    width: 169px;
  }
  .lp-footer__logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-footer__logo:hover {
    transition: opacity 0.3s ease;
    opacity:0.8;
  }
  .lp-footer__rights {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    font-family: var(--noto-serif);
    font-weight: 500;
    margin-top: 10px;
  }
}
@media screen and  (min-width:1025px) {
  .lp-footer {
    display: block;
    width: 100%;
    height: 250px;
    background-color: var(--white);
    border-top: 1px solid #916C13;
    padding-top: 50px;
  }
  .lp-footer__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-footer__logo {
    display: block;
    width: 245px;
  }
  .lp-footer__logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-footer__logo:hover {
    transition: opacity 0.3s ease;
    opacity:0.8;
  }
  .lp-footer__rights {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    font-family: var(--noto-serif);
    font-weight: 500;
    margin-top: 50px;
  }
}
/*cv*/
@media screen and (max-width:767px) {
  .lp-cv {
    position: relative;
    display: block;
    width: 100%;
    padding: 125px 0 100px 0;
    background-image: url(./assets/images/lp/cv/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
  }
  .lp-cv::before {
    content: "";
    position: absolute;
    top:0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-cv::after {
    content: "";
    position: absolute;
    top: 0;
    left:0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(./assets/images/lp/cv/leg-sp.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100% auto;
  }
  .lp-cv__body {
    position: relative;
    z-index: 4;
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-cv__txt {
    display: block;
    max-width: 303px;
    width: calc(100% - 10px);
    margin-left: 10px;
  }
  .lp-cv__txt > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-cv__block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 355px;
    width: 100%;
    margin: 50px auto 0 auto;
    background-color: var(--white);
    border: 3px solid #CDAE6D;
    box-shadow: 5px 5px 5px #BCBCBC80;
  }
  .lp-cv__ribbon {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(270/355 * 100%);
  }
  .lp-cv__ribbon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-cv__img {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin-top: 70px;
  }
  .lp-cv__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-cv__contents {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding:0 10px;
  }
  .lp-cv__txt-top {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    color: #B1944E;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: center;
  }
  .lp-cv__title {
    display: block;
    width: 100%;
    font-size: 27px;
    line-height: 39px;
    color: #333333;
    font-weight: 600;
    font-family: var(--yumincho);
  }
  .lp-cv__txt-btm {
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 33px;
    color: #333333;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .lp-cv__txt-btm > span {
    position: relative;
  }
  .lp-cv__txt-btm > span > i > em {
    font-size: 22px;
    font-weight: 600;
  }
  .lp-cv__txt-btm > span > i {
    position: relative;
    z-index: 2;
  }
  .lp-cv__txt-btm > sup {
    position: absolute;
    top: 3px;
    font-size: 14px;
  }
  .lp-cv__txt-btm > span::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 0;
    display: block;
    width: 100%;
    height: 8px;
    background-color: #F4F422;
    z-index: 0;
    transform: rotate(-3deg);
    transform-origin: right top;
  }
  .lp-cv__price {
    display: flex;
    align-items: center;
    width:  100%;
    margin-top: 20px;
  }
  .lp-cv__price > .badge {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*width:97px;*/
	width: 70px;
    height: 74px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    background-color: #D94464;
    /*padding-right: 25px;*/
	  margin-right: 25px;
    border-radius: 5px 0 0 5px;
  }
  .lp-cv__price > .badge::after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    z-index: 1;
    border-style: solid;
    border-width: 37px 0 37px 25px;
    border-color: #FFFFFF #FFFFFF #FFFFFF #D94464;
	  right: -24px;
  }
  .lp-cv__price > .badge::before {
    content: "";
    position: absolute;
    top: 0;
    right: -25px;
    display: block;
    width: 25px;
    height: 100%;
    background-color: var(--white);
  }
  .lp-cv__price > .badge > span {
    font-size: 20px;
    line-height: 28px;
    color: var(--white);
    font-weight: 500;
    text-align: right;
  }
  .lp-cv__price > .badge > span > em {
    font-size: 30px;
  }
  .lp-cv__price > .price {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    width: calc(100% - 97px - 10px);
    color: #FF4570;
    margin-left: 10px;
  }
  .lp-cv__price > .price > span:nth-child(1) {
    font-size: 72px;
    font-weight: 500;
    line-height: 74px;
    font-family: var(--yumincho);
    letter-spacing: -5px;
    margin-top: 0px;
    padding-right: 5px;
  }
  .lp-cv__price > .price > span:nth-child(2) {
    position: relative;
    display: block;
    width: 40px;
    height: 50px;
    font-size: 32px;
    font-family: var(--yumincho);
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
  }
  .lp-cv__price > .price > span:nth-child(2) > small {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    letter-spacing: -1px;
    text-align: center;
  }
  .lp-cv__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 315px;
    width: calc(100% - 10px);
    height: 80px;
    background: linear-gradient(180deg, #A87C11 0%, #C48F10 50%, #F2C662 100%);
    box-shadow: 5px 5px 0px #00000029;
    border-radius: 5px;
    color: var(--white);
    font-family: var(--yumincho);
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    margin: 10px auto 0 auto;
  }
  .lp-cv__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: block;
    width: 13px;
    height: 23px;
    background: url(./assets/images/lp/cv/icon-btn.svg) no-repeat center / contain;
  }
  .lp-cv__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
  .lp-cv__notes {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .lp-cv__notes > li {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 18.2px;
    font-family: var(--gothic);
    font-weight: 400;
  }
  .lp-cv__notes > li:nth-child(n+2){
    margin-top: 7px;
  }
  .lp-cv__notes > li > em {
    color: #D94464;
  }
}
@media screen and (max-width:370px) {
  .lp-cv__title {
    font-size: 25px;
  }
}
@media screen and (max-width:359px) {
  .lp-cv__txt-top {
    font-size: 18px;
  }
  .lp-cv__title {
    font-size: 22px;
  }
  .lp-cv__txt-btm {
    font-size: 15px;
  }
  .lp-cv__txt-btm > span > i > em {
    font-size: 20px;
  }
  .lp-cv__txt-btm > sup {
    font-size: 12px;
  }
  .lp-cv__price > .price > span:nth-child(1) {
    font-size: 66px;
  }
  .lp-cv__price > .price > span:nth-child(2) > small {
    font-size: 12px;
  }
}
@media screen and (min-width:768px) {
  .lp-cv {
    position: relative;
    display: block;
    width: 100%;
    padding: 60px 0 150px 0;
    background-image: url(./assets/images/lp/cv/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-cv::before {
    content: "";
    position: absolute;
    top:0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-cv::after {
    content: "";
    position: absolute;
    top: 0;
    right:0;
    z-index: 1;
    display: block;
    max-width: 1366px;
    width: 100%;
    height: 100%;
    background-image: url(./assets/images/lp/cv/leg.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: calc(593/1366 * 100%) auto;
  }
  .lp-cv__body {
    position: relative;
    z-index: 4;
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-cv__txt {
    display: block;
    width: calc(855/1000 * 100%);
  }
  .lp-cv__txt > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-cv__block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 80px;
    background-color: var(--white);
    border: 3px solid #CDAE6D;
    box-shadow: 10px 10px 10px #BCBCBC80;
  }
  .lp-cv__ribbon {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(445/1000 * 100%);
  }
  .lp-cv__ribbon > img {
    display: block;
    width: 100%;
    object-fit: c;
  }
  .lp-cv__img {
    display: block;
    width: calc(464/1000 * 100%);
  }
  .lp-cv__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-cv__contents {
    display: block;
    width: 50%;
    margin-top: 30px;
    padding-right: 15px;
  }
  .lp-cv__txt-top {
    display: block;
    width: 100%;
    font-size: 26px;
    line-height: 37px;
    color: #B1944E;
    font-weight: 500;
    font-family: var(--yumincho);
    padding-left: 30px;
  }
  .lp-cv__title {
    display: block;
    width: 100%;
    font-size: 36px;
    line-height: 51px;
    color: #333333;
    font-weight: 600;
    font-family: var(--yumincho);
  }
  .lp-cv__txt-btm {
    position: relative;
    display: block;
    width: 100%;
    font-size: 23px;
    line-height: 33px;
    color: #333333;
    font-weight: 500;
    font-family: var(--yumincho);
  }
  .lp-cv__txt-btm > span {
    position: relative;
  }
  .lp-cv__txt-btm > span > i > em {
    font-size: 30px;
    font-weight: 600;
  }
  .lp-cv__txt-btm > span > i {
    position: relative;
    z-index: 2;
  }
  .lp-cv__txt-btm > sup {
    position: absolute;
    top: 3px;
    font-size: 15px;
  }
  .lp-cv__txt-btm > span::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 0;
    display: block;
    width: 100%;
    height: 8px;
    background-color: #F4F422;
    z-index: 0;
    transform: rotate(-3deg);
    transform-origin: right top;
  }
  .lp-cv__price {
    display: flex;
    align-items: center;
    width:  100%;
    margin-top: 20px;
  }
  .lp-cv__price > .badge {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:147px;
    height: 100px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    background-color: #D94464;
    padding-right: 25px;
    border-radius: 5px 0 0 5px;
  }
  .lp-cv__price > .badge::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 25px;
    border-color: #FFFFFF #FFFFFF #FFFFFF #D94464;
  }
  .lp-cv__price > .badge::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 25px;
    height: 100%;
    background-color: var(--white);
  }
  .lp-cv__price > .badge > span {
    font-size: 26px;
    line-height: 30px;
    color: var(--white);
    font-weight: 500;
  }
  .lp-cv__price > .badge > span > em {
    font-size: 42px;
  }
  .lp-cv__price > .price {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    width: calc(100% - 147px - 10px);
    color: #FF4570;
    margin-left: 10px;
  }
  .lp-cv__price > .price > span:nth-child(1) {
    font-size: 111px;
    font-weight: 500;
    line-height: 100px;
    font-family: var(--yumincho);
    letter-spacing: -5px;
    margin-top: 0px;
  }
  .lp-cv__price > .price > span:nth-child(2) {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    font-size: 40px;
    font-family: var(--yumincho);
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
  }
  .lp-cv__price > .price > span:nth-child(2) > small {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    font-size: 15px;
    letter-spacing: -1px;
    text-align: center;
  }
  .lp-cv__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 445px;
    width: calc(445/497 * 100%);
    height: 80px;
    background: linear-gradient(180deg, #A87C11 0%, #C48F10 50%, #F2C662 100%);
    box-shadow: 5px 5px 0px #00000029;
    border-radius: 5px;
    color: var(--white);
    font-family: var(--yumincho);
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    margin-top: 10px;
  }
  .lp-cv__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    display: block;
    width: 13px;
    height: 23px;
    background: url(./assets/images/lp/cv/icon-btn.svg) no-repeat center / contain;
  }
  .lp-cv__btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
  .lp-cv__notes {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .lp-cv__notes > li {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--gothic);
    font-weight: 400;
  }
  .lp-cv__notes > li:nth-child(n+2){
    margin-top: 7px;
  }
  .lp-cv__notes > li > em {
    color: #D94464;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-cv__contents {
    margin-top: 10px;
    padding-right: 10px;
  }
  .lp-cv__txt-top {
    font-size: 22px;
    line-height: 30px;
    padding-left: 10px;
  }
  .lp-cv__title {
    font-size:28px;
    line-height: 40px;
  }
  .lp-cv__txt-btm {
    font-size: 18px;
    line-height: 30px;
  }
  .lp-cv__txt-btm > span > i > em {
    font-size: 26px;
  }
  .lp-cv__txt-btm > sup {
    top: 3px;
    font-size: 12px;
  }
  .lp-cv__price > .badge {
    width:97px;
    height: 70px;
    font-size: 20px;
  }
  .lp-cv__price > .badge::after {
    border-width: 35px 0 35px 15px;
  }
  .lp-cv__price > .badge > span {
    font-size: 18px;
    line-height: 25px;
  }
  .lp-cv__price > .badge > span > em {
    font-size: 28px;
  }
  .lp-cv__price > .price {
    width: calc(100% - 97px - 10px);
  }
  .lp-cv__price > .price > span:nth-child(1) {
    font-size: 70px;
    font-weight: 500;
    line-height: 70px;
    letter-spacing: -5px;
    margin-top: 0px;
  }
  .lp-cv__price > .price > span:nth-child(2) {
    width: 40px;
    height: 50px;
    font-size: 30px;
  }
  .lp-cv__price > .price > span:nth-child(2) > small {
    font-size: 13px;
  }
  .lp-cv__btn {
    width: 300px;
    height: 50px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-top: 5px;
  }
  .lp-cv__btn::after {
    right: 20px;
    width: 7px;
    height: 12px;
  }
  .lp-cv__notes {
    margin-top: 10px;
  }
  .lp-cv__notes > li {
    font-size: 14px;
    line-height: 17.5px;
  }
}
/*result*/
@media screen and (max-width:767px) {
  .lp-result {
    position: relative;
    display: block;
    width: 100%;
    height: 1295px;
    background-image: url(./assets/images/lp/result/bg-sp.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
  }
  .lp-result__body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 100px;
  }
  .lp-result__floating {
    position: absolute;
    top: -21.7px;
    left: 10px;
    display: block;
    width: 214px;
  }
  .lp-result__floating > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-result__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-result__header > p {
    font-size: 23px;
    line-height: 33px;
    color: #000000;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .lp-result__header > h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 355px;
    width: 100%;
    height: 120px;
    font-size: 36px;
    line-height: 50px;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 600;
    background-color: #333333;
    margin-top: 10px;
    padding: 0 10px 0 20px;
  }
  .lp-result__header > h3 > span {
    display: block;
    width: 100%;
  }
  .lp-result__header > h3 > span:nth-child(2) {
    text-align: right;
  }
  .lp-result__points {
    display: block;
    width: 100%;
    margin-top: 140px;
  }
  .lp-result__points > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-result__txt1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    font-family: var(--yumincho);
    color: #D94464;
    font-weight: 500;
    margin-top: 20px;
  }
  .lp-result__txt1 > span {
    color: #000000;
  }
  .lp-result__txt1 > .lined{
    text-underline-offset: -5px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #F4FF9D;
    text-decoration-thickness: 15px;
    font-size: 26px;
    line-height: 50px;
  }
  .lp-result__txt2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #000000;
    line-height: 38px;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 60px;
  }
  .lp-result__txt2 > span {
    font-size: 23px;
    color: #D94464;
  }
  .lp-result__txt3 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 34px;
    color: #D94464;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 59px;
    margin-top: 30px;
  }
  .lp-result__txt3 > span {
    font-size: 44px;
    text-underline-offset: -5px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #F4FF9D;
    text-decoration-thickness: 15px;
  }
  .lp-result__txt3 > span > i {
    font-size: 34px;
  }
  .lp-result__txt3 > span > .dot {
    position: relative;
  }
  .lp-result__txt3 > span > .dot::before {
    content: "・";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 1;
  }
  .lp-result__txt3 > span > i.dot::before {
    top: -30px;
  }
  .lp-result-footer {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 626px;
    background-image: url(./assets/images/lp/result/bg-btm-sp.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -150px;
    padding-top: 200px;
  }
  .lp-result-footer__body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 355px;
    width: calc(100% - 20px);
    height: 315px;
    background-color: var(--white);
  }
  .lp-result-footer__body::after {
    content: "";
    position: absolute;
    top: -53%;
    right: -60%;
    display: block;
    width: 456px;
    height: 344px;
    background: url(./assets/images/lp/result/lights.png) no-repeat center / contain;
  }
  .lp-result-footer__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--white);
  }
  .lp-result-footer__inner::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #B1944E;
    pointer-events: none;
  }
  .lp-result-footer__inner > p {
    font-size: 24px;
    font-family: var(--yumincho);
    color: #000000;
    line-height: 35px;
    font-weight: 400;
  }
  .lp-result-footer__inner > h3 {
    font-size: 30px;
    font-family: var(--yumincho);
    color: #000000;
    line-height: 40px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
  }
  .lp-result-footer__inner > picture {
    display: block;
    max-width: 315px;
    width: calc(100% - 20px);
    margin-top: 15px;
  }
  .lp-result-footer__inner > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:440px) and (max-width:767px) {
  .lp-result {
    height: 1395px;
  }
}
@media screen and (max-width:370px) {
  .lp-result__txt2 {
    font-size: 20px;
  }
  .lp-result-footer__body::after {
    right: -65%;
  }
}
@media screen and (max-width:359px) {
  .lp-result__txt2 {
    font-size: 19px;
  }
  .lp-result__txt2 > span {
    font-size: 20px;
  }
  .lp-result__txt3 {
    font-size: 30px;
  }
  .lp-result__txt3 > span {
    font-size: 40px;
  }
  .lp-result__txt3 > span > i {
    font-size: 30px;
  }
  .lp-result-footer__body::after {
    right: -70%;
  }
}
@media screen and (min-width:768px) {
  .lp-result {
    position: relative;
    display: block;
    width: 100%;
    height: 1485px;
    background-image: url(./assets/images/lp/result/bg-pc.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
  }
  .lp-result__body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 70px;
  }
  .lp-result__floating {
    position: absolute;
    top: -80px;
    left: calc(70/1100 * 100%);
    display: block;
    width: 336px;
  }
  .lp-result__floating > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-result__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-result__header > p {
    font-size: 36px;
    line-height: 60px;
    color: #000000;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .lp-result__header > h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 84px;
    font-size: 48px;
    line-height: 1;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 600;
    padding: 0 45px;
    background-color: #333333;
    margin-top: 10px;
  }
  .lp-result__points {
    display: block;
    width: calc(700/1100 * 100%);
    margin-top: 110px;
  }
  .lp-result__points > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-result__txt1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 50px;
    font-family: var(--yumincho);
    color: #D94464;
    font-weight: 500;
    margin-top: 60px;
  }
  .lp-result__txt1 > span {
    color: #000000;
  }
  .lp-result__txt1 > .lined{
    text-underline-offset: -5px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #F4FF9D;
    text-decoration-thickness: 15px;
  }
  .lp-result__txt2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px;
    color: #000000;
    line-height: 55px;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 45px;
  }
  .lp-result__txt2 > span {
    font-size: 38px;
    color: #D94464;
  }
  .lp-result__txt3 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 44px;
    color: #D94464;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-result__txt3 > span {
    font-size: 54px;
    text-underline-offset: -5px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #F4FF9D;
    text-decoration-thickness: 15px;
  }
  .lp-result__txt3 > span > i {
    font-size: 44px;
  }
  .lp-result__txt3 > span > .dot {
    position: relative;
  }
  .lp-result__txt3 > span > .dot::before {
    content: "・";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 1;
  }
  .lp-result__txt3 > span > i.dot::before {
    top: -30px;
  }
  .lp-result-footer {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 783px;
    background-image: url(./assets/images/lp/result/bg-btm-pc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -300px;
    padding-top: 370px;
  }
  .lp-result-footer__body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 715px;
    height: 308px;
    background-color: var(--white);
  }
  .lp-result-footer__body::after {
    content: "";
    position: absolute;
    top: -53%;
    right: -30%;
    display: block;
    width: 456px;
    height: 344px;
    background: url(./assets/images/lp/result/lights.png) no-repeat center / contain;
  }
  .lp-result-footer__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 715px;
    height: 308px;
    background-color: var(--white);
  }
  .lp-result-footer__inner::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #B1944E;
    pointer-events: none;
  }
  .lp-result-footer__inner > p {
    font-size: 30px;
    font-family: var(--yumincho);
    color: #000000;
    line-height: 40px;
    font-weight: 400;
    margin-top: 20px;
  }
  .lp-result-footer__inner > h3 {
    font-size: 40px;
    font-family: var(--yumincho);
    color: #000000;
    line-height: 50px;
    font-weight: 400;
    margin-top: 20px;
  }
  .lp-result-footer__inner > picture {
    display: block;
    width: 580px;
    margin-top: 30px;
  }
  .lp-result-footer__inner > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-result {
    height: 1285px;
  }
  .lp-result__txt1 {
    font-size: 28px;
  }
  .lp-result__txt2 {
    font-size: 28px;
  }
  .lp-result__txt2 > span {
    font-size: 34px;
  }
  .lp-result__txt3 {
    font-size: 40px;
  }
  .lp-result__txt3 > span {
    font-size: 50px;
  }
  .lp-result__txt3 > span > i {
    font-size: 40px;
  }
  .lp-result-footer {
    height: 683px;
    margin-top: -200px;
    padding-top: 270px;
  }
}
/*nayami top*/
@media screen and (max-width:767px) {
  .lp-nayami {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
  }
  /*top*/
  .lp-nayami-top {
    position: relative;
    display: block;
    width: 100%;
    height: 1064px;
    background-image: url(./assets/images/lp/nayami/bg-sp.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 100px;
  }
  .lp-nayami-top__title {
    display: block;
    max-width: 298px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-nayami-top__title > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-nayami-top__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 335px;
    width: 100%;
    margin: 30px auto  0 auto;
    padding: 0 10px;
  }
  .lp-nayami-top__list > li {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 49px;
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    line-height: 29px;
    background-color: #333333;
    text-align: justify;
    word-break: break-all;
  }
  .lp-nayami-top__list > li::before{
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 28.89px;
    height: 27.29px;
    background: url(./assets/images/lp/nayami/icon-checkbox.svg) no-repeat center / contain;
  }
  .lp-nayami-top__list > li > span {
    color: #C4AEC4;
  }
  .lp-nayami-top__list > li:nth-child(n+2){
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .lp-nayami {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
  }
  /*top*/
  .lp-nayami-top {
    position: relative;
    display: block;
    width: 100%;
    height: 1064px;
    background-image: url(./assets/images/lp/nayami/bg-pc.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 100px;
  }
  .lp-nayami-top__title {
    display: block;
    width: calc(685/1100 * 100%);
    margin: 0 auto 0 auto;
  }
  .lp-nayami-top__title > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-nayami-top__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 1000px;
    width: 100%;
    margin: 100px auto  0 auto;
  }
  .lp-nayami-top__list > li {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    padding: 10px 20px 10px 69px;
    font-size: 24px;
    color: var(--white);
    font-weight: 500;
    line-height: 35px;
    background-color: #333333;
  }
  .lp-nayami-top__list > li::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    display: block;
    width: 28.89px;
    height: 27.29px;
    background: url(./assets/images/lp/nayami/icon-checkbox.svg) no-repeat center / contain;
  }
  .lp-nayami-top__list > li > span {
    color: #C4AEC4;
  }
  .lp-nayami-top__list > li:nth-child(n+2){
    margin-top: 20px;
  }
  .lp-nayami-top__list > li:nth-child(2){
    margin-left: 50px;
  }
  .lp-nayami-top__list > li:nth-child(3){
    margin-left: 100px;
  }
  .lp-nayami-top__list > li:nth-child(5){
    margin-left: 50px;
  }
  .lp-nayami-top__list > li:nth-child(6){
    margin-left: 100px;
  }
  .lp-nayami-top__list > li:nth-child(7){
    margin-left: 150px;
  }

}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-nayami-top {
    height: 950px;
  }
}
/*bottom bottom*/
@media screen and (max-width:767px) {
  .lp-nayami-btm {
    display: block;
    width: 100%;
    height: 1026px;
    background-image: url(./assets/images/lp/nayami/bg-btm-sp.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    margin-top: -80px;
    padding-top: calc(80px + 70px);
  }
  .lp-nayami-btm .container {
    padding: 0 0;
  }
  .lp-nayami-btm__title {
    display: block;
    max-width: 375px;
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 0 10px;
  }
  .lp-nayami-btm__title > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-nayami-btm__content {
    display: block;
    max-width: 355px;
    width: calc(100% - 20px);
    box-shadow: 0 3px 3px rgba(0,0,0,0.16);
    margin: 0 auto 0 auto;
  }
  .lp-nayami-btm__content > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) {
  .lp-nayami-btm {
    display: block;
    width: 100%;
    height: 1327px;
    background-image: url(./assets/images/lp/nayami/bg-btm-pc.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    margin-top: -260px;
    padding-top: calc(260px + 70px);
  }
  .lp-nayami-btm__title {
    display: block;
    width: 100%;
    width: 60%;
    margin: 0 auto 40px auto;
  }
  .lp-nayami-btm__title > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-nayami-btm__content {
    display: block;
    max-width: 1000px;
    width: calc(1000/1100 * 100%);
    box-shadow: 0 3px 3px rgba(0,0,0,0.16);
    margin: 0 auto 0 auto;
  }
  .lp-nayami-btm__content > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-nayami-btm {
    height: 927px;
    margin-top: -150px;
    padding-top: calc(150px + 70px);
  }
}
/*reason*/
@media screen and  (max-width:767px) {
  .lp-reason {
    position: relative;
    display: block;
    width: 100%;
    background-image: url(./assets/images/lp/reason/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -100px;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 1;
  }
  .lp-reason__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-reason__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 80px;
  }
  .lp-reason__header > picture {
    display: block;
    width: 242px;
  }
  .lp-reason__header > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason__header > h3 {
    display: block;
    width: auto;
    font-size: 30px;
    font-family: var(--yumincho);
    color: #000000;
    font-weight: 500;
    line-height: 40px;
    margin-top: 5px;
  }
  .lp-reason__list {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .lp-reason__wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 10px solid var(--white);
    background-image: url(./assets/images/lp/reason/reason-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-reason__wrap:nth-child(n+2){
    margin-top: 50px;
  }
  .lp-reason__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding: 80px 10px 0 10px;
  }
  .lp-reason__content > picture {
    position: absolute;
    top: -10px;
    display: block;
    width: 168px;
  }
  .lp-reason__content > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason__wrap:nth-child(odd) .lp-reason__content > picture {
    right: 0;
  }
  .lp-reason__wrap:nth-child(even) .lp-reason__content > picture {
    left: 0;
  }
  .lp-reason__content > h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    color: #916C13;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .lp-reason__content > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .lp-reason__img {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .lp-reason__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and  (min-width:768px) and (max-width:1024px) {
  .lp-reason {
    position: relative;
    display: block;
    width: 100%;
    background-image: url(./assets/images/lp/reason/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -450px;
    padding-top: 450px;
    padding-bottom: 100px;
    z-index: 1;
  }
  .lp-reason__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-reason__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 80px;
  }
  .lp-reason__header > picture {
    display: block;
    width: 375px;
  }
  .lp-reason__header > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason__header > h3 {
    display: block;
    width: auto;
    font-size: 60px;
    font-family: var(--yumincho);
    color: #000000;
    font-weight: 500;
    line-height: 86px;
  }
  .lp-reason__list {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .lp-reason__wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 10px solid var(--white);
    background-image: url(./assets/images/lp/reason/reason-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-reason__wrap:nth-child(n+2){
    margin-top: 50px;
  }
  .lp-reason__wrap:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .lp-reason__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 50%;
    height: 433px;
    padding: 0 20px;
  }
  .lp-reason__content > picture {
    position: absolute;
    top: -10px;
    display: block;
    width: 180px;
  }
  .lp-reason__content > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason__wrap:nth-child(odd) .lp-reason__content > picture {
    right: 0;
  }
  .lp-reason__wrap:nth-child(even) .lp-reason__content > picture {
    left: 0;
  }
  .lp-reason__content > h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    color: #916C13;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .lp-reason__content > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;
  }
  .lp-reason__img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 50%;
    height: 433px;
  }
  .lp-reason__img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and  (min-width:1025px) {
  .lp-reason {
    position: relative;
    display: block;
    width: 100%;
    background-image: url(./assets/images/lp/reason/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -500px;
    padding-top: 500px;
    padding-bottom: 100px;
    z-index: 1;
  }
  .lp-reason__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-reason__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 80px;
  }
  .lp-reason__header > picture {
    display: block;
    width: 375px;
  }
  .lp-reason__header > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason__header > h3 {
    display: block;
    width: auto;
    font-size: 60px;
    font-family: var(--yumincho);
    color: #000000;
    font-weight: 500;
    line-height: 86px;
  }
  .lp-reason__list {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .lp-reason__wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 10px solid var(--white);
    background-image: url(./assets/images/lp/reason/reason-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-reason__wrap:nth-child(n+2){
    margin-top: 50px;
  }
  .lp-reason__wrap:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .lp-reason__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 50%;
    min-height: 600px;
    height: 100%;
    padding: 0 40px;
  }
  .lp-reason__content > picture {
    position: absolute;
    top: -10px;
    display: block;
    width: 218px;
  }
  .lp-reason__content > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason__wrap:nth-child(odd) .lp-reason__content > picture {
    right: 0;
  }
  .lp-reason__wrap:nth-child(even) .lp-reason__content > picture {
    left: 0;
  }
  .lp-reason__content > h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 57px;
    color: #916C13;
    font-family: var(--yumincho);
    font-weight: 500;
  }
  .lp-reason__content > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 34px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 40px;
    text-align: justify;
    word-break: break-all;
  }
  .lp-reason__img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 50%;
    height: 600px;
  }
  .lp-reason__img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/*doctor*/
@media screen and  (max-width:767px) {
  .lp-doctor {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #EAEFF4;
  }
  .lp-doctor::before {
    content: "";
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 375px;
    height: 240px;
    background: url(./assets/images/lp/doctor/logo-icon.png) no-repeat top right / 240px 240px;
  }
  .lp-doctor__body {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-doctor__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-doctor__header > p {
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .lp-doctor__header > h3 {
    font-size: 30px;
    line-height: 44px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .lp-doctor__header > h3 > span {
    font-size: 24px;
  }
  .lp-doctor__flex {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 60px;
  }
  .lp-doctor__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-doctor__col:nth-child(n+2){
    margin-top: 30px;
  }
  .lp-doctor__col > picture {
    display: block;
    width: 200px;
  }
  .lp-doctor__col > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-doctor__col-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 280px;
    width: 100%;
    margin-top: 30px;
  }
  .lp-doctor__col-content > p {
    font-size: 18px;
    font-weight: 600;
    color: #4D95C9;
    font-family: var(--yumincho);
    line-height: 26px;
  }
  .lp-doctor__col-content > h4 {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    color: #4D95C9;
    font-family: var(--yumincho);
    line-height: 40px;
    margin-top: 5px;
    border-bottom: 1px solid #4D95C9;
    text-align: center;
  }
  .lp-doctor__col-content > ul {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  .lp-doctor__col-content > ul > li {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 20px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: #333333;
  }
  .lp-doctor__col-content > ul > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .lp-doctor__block {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    margin-top: 30px;
  }
  .lp-doctor__block > p {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    font-family: var(--yumincho);
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
  }
  .lp-doctor__block > p > span {
    color: #D94464;
  }
}
@media screen and  (min-width:768px) {
  .lp-doctor {
    position: relative;
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: #EAEFF4;
  }
  .lp-doctor::before {
    content: "";
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1366px;
    height: 490px;
    background: url(./assets/images/lp/doctor/logo-icon.png) no-repeat top right / 490px 490px;
  }
  .lp-doctor__body {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-doctor__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-doctor__header > p {
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .lp-doctor__header > h3 {
    font-size: 48px;
    line-height: 69px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;
  }
  .lp-doctor__header > h3 > span {
    font-size: 40px;
  }
  .lp-doctor__flex {
    display: grid;
    width: 100%;
    margin-top: 60px;
    grid-template-columns: 1fr 1fr;
    column-gap: calc(50/1000 * 100%);
  }
  .lp-doctor__col {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .lp-doctor__col > picture {
    display: block;
    width: calc(180/475 * 100%);
  }
  .lp-doctor__col > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-doctor__col-content {
    display: flex;
    flex-direction: column;
    width: calc(280/475 * 100%);
  }
  .lp-doctor__col-content > p {
    font-size: 18px;
    font-weight: 600;
    color: #4D95C9;
    font-family: var(--yumincho);
    line-height: 26px;
  }
  .lp-doctor__col-content > h4 {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    color: #4D95C9;
    font-family: var(--yumincho);
    line-height: 44px;
    margin-top: 5px;
    border-bottom: 1px solid #4D95C9;
  }
  .lp-doctor__col-content > ul {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  .lp-doctor__col-content > ul > li {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 20px;
    font-size: 16px;
    line-height: 34px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: #333333;
  }
  .lp-doctor__col-content > ul > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .lp-doctor__block {
    display: block;
    width: 100%;
    padding: 50px 65px;
    background-color: var(--white);
    margin-top: 30px;
  }
  .lp-doctor__block > p {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    font-family: var(--yumincho);
    line-height: 34px;
    text-align: justify;
    word-break: break-all;
  }
  .lp-doctor__block > p > span {
    color: #D94464;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-doctor__col-content > h4 {
    font-size: 26px;
    line-height: 40px;
    margin-top: 5px;
  }
  .lp-doctor__col-content > ul {
    margin-top: 10px;
  }
  .lp-doctor__col-content > ul > li {
    line-height: 28px;
  }
  .lp-doctor__block {
    padding: 30px 45px;
    margin-top: 30px;
  }
  .lp-doctor__block > p {
    font-size: 16px;
  }
}
/*lp-reason2*/
@media screen and (max-width:767px) {
  .lp-reason2 {
    position: relative;
    display: block;
    width: 100%;
    padding: 320px 0 60px 0;
    background-image: url(./assets/images/lp/reason2/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-reason2 .container {
    padding: 0 0;
  }
  .lp-reason2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 375px;
    height: 324px;
    background: url(./assets/images/lp/reason2/leg.jpg) no-repeat top left / 375px auto;
  }
  .lp-reason2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 35px solid #EAEFF5;
    border-right: 100vw solid transparent;
    width: 0;
    z-index: 2;
  }
  .lp-reason2__body {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
  }
  .lp-reason2__row1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-reason2__row1 > p:nth-child(1) {
    display: flex;
    align-items: baseline;
    width: auto;
    height: 60px;
    margin-top: 10px;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(1) {
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #D94464;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(2) {
    font-size: 46px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #D94464;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(3) {
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(2) {
    display: block;
    width: auto;
    font-size: 26px;
    color: #000000;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 15px;
    line-height: 40px;
    text-align: center;
  }
  .lp-reason2__row1 > p:nth-child(2) > small {
    font-size: 22px;
  }
  .lp-reason2__row1 > p:nth-child(2) > small.sp {
    font-size: 26px;
  }
  .lp-reason2__row1 > p:nth-child(2) > span {
    text-underline-offset: -5px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #F4FF9D;
    text-decoration-thickness: 15px;
  }
  .lp-reason2__row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 50px auto 0 auto;
    overflow: hidden;
  }
  .lp-reason2__row2 > p:nth-child(1) {
    font-size: 26px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 1;
  }
  .lp-reason2__row2 > h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 10px);
    margin:20px 0 0 -5px;
    height: 146px;
    font-size: 42px;
    text-align: center;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 60px;
    color: #D1A9D1;
    background-color: #222222;
    transform: rotate(-2deg);
  }
  .lp-reason2__row2 > p:nth-child(3) {
    font-size: 26px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 37px;
    margin-top: 20px;
  }
  .lp-reason2__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
    padding: 0 10px;
  }
  .lp-reason2__block {
    display: block;
    width: calc(166/355 * 100%);
  }
  .lp-reason2__block:nth-child(even) {
    margin-top: 50px;
  }
  .lp-reason2__block > picture {
    display: block;
    width: 100%;
  }
  .lp-reason2__block > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason2__block > h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    margin-top: 10px;
  }
  .lp-reason2__block > h4 > em {
    font-size: 18px;
    color: #A27FA2;
  }
}
@media screen and (max-width:359px) {
  .lp-reason2__row1 > p:nth-child(2) {
    font-size: 22px;
  }
  .lp-reason2__row2 > h3 {
    font-size: 36px;
  }
  .lp-reason2__block > h4 {
    font-size: 13px;
    line-height: 20px;
  }
  .lp-reason2__block > h4 > em {
    font-size: 15px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-reason2 {
    position: relative;
    display: block;
    width: 100%;
    padding: 117px 0 119px 0;
    background-image: url(./assets/images/lp/reason2/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-reason2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1366px;
    height: 670px;
    background: url(./assets/images/lp/reason2/leg.jpg) no-repeat top left / 50% auto;
  }
  .lp-reason2__body {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
  }
  .lp-reason2__row1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: calc(250/1100 * 100%);
  }
  .lp-reason2__row1 > p:nth-child(1) {
    display: flex;
    align-items: baseline;
    width: auto;
    height: 80px;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(1) {
    font-size: 40px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #D94464;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(2) {
    font-size: 60px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #D94464;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(3) {
    font-size: 36px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(2) {
    display: block;
    width: auto;
    font-size: 36px;
    color: #000000;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 15px;
    line-height: 66px;
  }
  .lp-reason2__row1 > p:nth-child(2) > small {
    font-size: 30px;
  }
  .lp-reason2__row1 > p:nth-child(2) > span {
    text-underline-offset: -5px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #F4FF9D;
    text-decoration-thickness: 15px;
  }
  .lp-reason2__row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 270px auto 0 auto;
    overflow: hidden;
  }
  .lp-reason2__row2 > p:nth-child(1) {
    font-size: 40px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 1;
  }
  .lp-reason2__row2 > h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 10px);
    margin:20px 0 0 -5px;
    height: 85px;
    font-size: 46px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 1;
    color: #D1A9D1;
    background-color: #222222;
    transform: rotate(-2deg);
  }
  .lp-reason2__row2 > p:nth-child(3) {
    font-size: 36px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 47px;
    margin-top: 20px;
  }
  .lp-reason2__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 70px;
  }
  .lp-reason2__block {
    display: block;
    width: calc(338/1100 * 100%);
  }
  .lp-reason2__block:nth-child(2) {
    margin-top: 125px;
  }

  .lp-reason2__block:nth-child(5) {
    margin-top:125px;
  }
  .lp-reason2__block > picture {
    display: block;
    width: 100%;
  }
  .lp-reason2__block > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason2__block > h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 36px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    margin-top: 20px;
  }
  .lp-reason2__block > h4 > em {
    font-size: 26px;
    color: #A27FA2;
  }
}
@media screen and (min-width:1025px) {
  .lp-reason2 {
    position: relative;
    display: block;
    width: 100%;
    padding: 117px 0 119px 0;
    background-image: url(./assets/images/lp/reason2/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-reason2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1366px;
    height: 670px;
    background: url(./assets/images/lp/reason2/leg.jpg) no-repeat top left / 50% auto;
  }
  .lp-reason2__body {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
  }
  .lp-reason2__row1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: calc(338/1100 * 100%);
  }
  .lp-reason2__row1 > p:nth-child(1) {
    display: flex;
    align-items: baseline;
    width: auto;
    height: 100px;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(1) {
    font-size: 46px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #D94464;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(2) {
    font-size: 80px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #D94464;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(1) > span:nth-child(3) {
    font-size: 40px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 1;
  }
  .lp-reason2__row1 > p:nth-child(2) {
    display: block;
    width: auto;
    font-size: 46px;
    color: #000000;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-top: 15px;
    line-height: 66px;
  }
  .lp-reason2__row1 > p:nth-child(2) > small {
    font-size: 40px;
  }
  .lp-reason2__row1 > p:nth-child(2) > span {
    text-underline-offset: -5px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #F4FF9D;
    text-decoration-thickness: 15px;
  }
  .lp-reason2__row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
    width: 100%;
    margin: 270px auto 0 auto;
    overflow: hidden;
  }
  .lp-reason2__row2 > p:nth-child(1) {
    font-size: 46px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 1;
  }
  .lp-reason2__row2 > h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 10px);
    margin:20px 0 0 -5px;
    height: 95px;
    font-size: 60px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 1;
    color: #D1A9D1;
    background-color: #222222;
    transform: rotate(-2deg);
  }
  .lp-reason2__row2 > p:nth-child(3) {
    font-size: 40px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    line-height: 57px;
    margin-top: 20px;
  }
  .lp-reason2__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 70px;
  }
  .lp-reason2__block {
    display: block;
    width: calc(338/1100 * 100%);
  }
  .lp-reason2__block:nth-child(2) {
    margin-top: 145px;
  }

  .lp-reason2__block:nth-child(5) {
    margin-top:145px;
  }
  .lp-reason2__block > picture {
    display: block;
    width: 100%;
  }
  .lp-reason2__block > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-reason2__block > h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 46px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #000000;
    margin-top: 20px;
  }
  .lp-reason2__block > h4 > em {
    font-size: 36px;
    color: #A27FA2;
  }
}
@media screen and (min-width:1025px) and (max-width:1074px) {
  .lp-reason2__row1 > p:nth-child(2) {
    font-size: 42px;
  }
}
/*cv2*/
@media screen and (max-width:767px) {
  .lp-cv2 {
    padding: 150px 0 80px 0 !important;
  }
  .lp-cv2__row1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-family: var(--yumincho);
  }
  .lp-cv2__row1 > p:nth-child(1) {
    font-size: 22px;
    line-height: 48px;
    color: #000000;
    font-weight: 500;
  }
  .lp-cv2__row1 > p:nth-child(2) {
    font-size: 28px;
    line-height: 48px;
    color: #000000;
    font-weight: 500;
  }
  .lp-cv2__row1 > p:nth-child(2) > small {
    font-size: 22px;
  }
  .lp-cv2__row1 > p:nth-child(3) {
    font-size: 22px;
    line-height: 48x;
    color: #000000;
    font-weight: 500;
    text-align: center;
  }
  .lp-cv2__row1 > p:nth-child(3) > span {
    font-size: 22px;
    color: #644464;
    padding: 0 10px;
  }
  .lp-cv2__row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;
    font-family: var(--yumincho);
  }
  .lp-cv2__row2 > p {
    font-size: 22px;
    line-height: 48px;
    color: #000000;
    font-weight: 500;
  }
  .lp-cv2__row2 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .lp-cv2__row2 > div > p:nth-child(1) {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    color: #916C13;
  }
  .lp-cv2__row2 > div > picture {
    display: block;
    width: calc(275/355 * 100%);
    padding-bottom: 10px;
  }
  .lp-cv2__row2 > div picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-cv2__row2 > div > p:nth-child(3) {
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    color: #000000;
    padding-left: 5px;
  }
  .lp-cv2__row2 > p:nth-child(3) {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #000000;
    font-weight: 500;
    line-height: 50px;
    margin-top: 20px;
  }
  .lp-cv2__row2 > p:nth-child(3) > span {
    background-color: #F4FF9D;
    padding: 0 5px 0 10px;
  }
}
@media screen and (max-width:359px) {
  .lp-cv2__row2 > p:nth-child(3) {
    font-size: 28px;
  }
}
@media screen and (min-width:768px) {
  .lp-cv2 {
    padding: 100px 0 73px 0 !important;
  }
  .lp-cv2__row1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-family: var(--yumincho);
  }
  .lp-cv2__row1 > p:nth-child(1) {
    font-size: 30px;
    line-height: 60px;
    color: #000000;
    font-weight: 500;
  }
  .lp-cv2__row1 > p:nth-child(2) {
    font-size: 36px;
    line-height: 60px;
    color: #000000;
    font-weight: 500;
  }
  .lp-cv2__row1 > p:nth-child(2) > small {
    font-size: 30px;
  }
  .lp-cv2__row1 > p:nth-child(3) {
    font-size: 36px;
    line-height: 60px;
    color: #000000;
    font-weight: 500;
  }
  .lp-cv2__row1 > p:nth-child(3) > span {
    font-size: 40px;
    color: #644464;
    padding: 0 10px;
  }
  .lp-cv2__row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;
    font-family: var(--yumincho);
  }
  .lp-cv2__row2 > p {
    font-size: 30px;
    line-height: 60px;
    color: #000000;
    font-weight: 500;
  }
  .lp-cv2__row2 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .lp-cv2__row2 > div > p:nth-child(1) {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    color: #916C13;
  }
  .lp-cv2__row2 > div > picture {
    display: block;
    width: 373px;
    padding-bottom: 10px;
  }
  .lp-cv2__row2 > div picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-cv2__row2 > div > p:nth-child(3) {
    font-size: 26px;
    font-weight: 500;
    line-height: 40px;
    color: #000000;
    padding-left: 5px;
  }
  .lp-cv2__row2 > p:nth-child(3) {
    font-size: 36px;
    color: #000000;
    font-weight: 500;
    line-height: 60px;
    margin-top: 20px;
  }
  .lp-cv2__row2 > p:nth-child(3) > span {
    background-color: #F4FF9D;
    padding: 0 5px 0 10px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-cv2__row1 > p:nth-child(1) {
    font-size: 28px;
  }
  .lp-cv2__row1 > p:nth-child(2) {
    font-size: 32px;
  }
  .lp-cv2__row1 > p:nth-child(2) > small {
    font-size: 28px;
  }
  .lp-cv2__row1 > p:nth-child(3) {
    font-size: 32px;
  }
  .lp-cv2__row1 > p:nth-child(3) > span {
    font-size: 36px;
  }
  .lp-cv2__row2 > p {
    font-size: 28px;
  }
  .lp-cv2__row2 > div > picture {
    width: 303px;
  }
  .lp-cv2__row2 > div > p:nth-child(3) {
    font-size: 24px;
  }
  .lp-cv2__row2 > p:nth-child(3) {
    font-size: 28px;
  }
}
/*treatment*/
@media screen and (max-width:767px) {
  .lp-treatment {
    display: block;
    width: 100%;
    padding: 80px 0 100px 0;
    background-image: url(./assets/images/lp/treatment/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-treatment__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-treatement__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-treatement__header > p {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 35px;
    padding-top: 40px;
    color: #FF4570;
  }
  .lp-treatement__header > p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 69.13px;
    height: 30px;
    background: url(./assets/images/lp/treatment/icon-mark.svg) no-repeat center / contain;
  }
  .lp-treatement__header > h3 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 50px;
    color: #000000;
    margin-top: 15px;
  }
  .lp-treatement__header > h3 > span {
    font-size: 34px;
  }
  .lp-treatement__header > h3 > em {
    color: #FF4570;
  }
  .lp-treatement__header > h3 > em > i {
    font-size: 80px;
  }
  .lp-treatement__wrap {
    display: block;
    width: 100%;
    margin-top: 55px;
  }
  .lp-treatement__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-treatement__block > picture {
    display: block;
    width: 100%;
  }
  .lp-treatement__block > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-treatement__content {
    display: block;
    width: 100%;
    background-color: var(--white);
    padding: 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-treatement__content > h4 {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 28px;
    line-height: 40px;
    color: #B1944E;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-treatement__content > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .lp-treatement__block:nth-child(n+2) {
    margin-top: 50px;
  }
}
@media screen and (min-width:768px) {
  .lp-treatment {
    display: block;
    width: 100%;
    padding: 120px 0 188px 0;
    background-image: url(./assets/images/lp/treatment/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-treatment__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-treatement__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-treatement__header > p {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 57px;
    padding-top: 54px;
    color: #FF4570;
  }
  .lp-treatement__header > p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 101.36px;
    height: 43.98px;
    background: url(./assets/images/lp/treatment/icon-mark.svg) no-repeat center / contain;
  }
  .lp-treatement__header > h3 {
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 77px;
    color: #000000;
    margin-top: 15px;
  }
  .lp-treatement__header > h3 > span {
    font-size: 66px;
  }
  .lp-treatement__header > h3 > em {
    color: #FF4570;
  }
  .lp-treatement__header > h3 > em > i {
    font-size: 120px;
  }
  .lp-treatement__wrap {
    display: block;
    width: 100%;
    margin-top: 57px;
  }
  .lp-treatement__block {
    position: relative;
    display: flex;
    width: 100%;
  }
  .lp-treatement__block > picture {
    position: absolute;
    top: 0;
    display: block;
    width: calc(525/1000 * 100%);
    z-index: 1;
  }
  .lp-treatement__block > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-treatement__content {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(525/1000 * 100%);
    background-color: var(--white);
    padding: calc(30/1000 * 100%) calc(40/1000 * 100%);
    margin-top: 50px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-treatement__content > h4 {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 30px;
    line-height: 44px;
    color: #B1944E;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-treatement__content > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 34px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
  .lp-treatement__block:nth-child(odd) > picture {
    left: 10px;
  }
  .lp-treatement__block:nth-child(even) > picture {
    right: 10px;
  }
  .lp-treatement__block:nth-child(odd) {
    justify-content: flex-end;
  }
  .lp-treatement__block:nth-child(n+2) {
    margin-top: 70px;
  }
}
/*different*/
@media screen and (max-width:767px) {
  .lp-different {
    position: relative;
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: #FFFCF8;
  }
  .lp-different::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-different__body {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .lp-different__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-different__header > p {
    font-size: 22px;
    font-family: var(--yumincho);
    color: #000000;
    line-height: 31px;
    font-weight: 500;
  }
  .lp-different__header > h3 {
    font-size: 36px;
    font-family: var(--yumincho);
    color: #000000;
    line-height: 51px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
  }
  .lp-different__header > h3 > small {
    font-size: 24px;
  }
  .lp-different__header > h3 > span {
    color: #D94464;
  }
  .lp-different__tbl {
    display: block;
    width: 100%;
    margin: 80px auto 0 auto;
  }
  .lp-different__tbl > .row {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .lp-different__tbl > .row:nth-child(1) {
    padding-left: calc(85/355 * 100%);
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(1) {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(90/271 * 100%);
    height: 63px;
    background-color: #B1944E;
    border-radius: 10px 10px 0 0;
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(1) > picture {
    display: block;
    width: calc(100% - 10px);
    margin: 0 auto;
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(1) > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(1)::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    display: block;
    width: 26px;
    height: 23px;
    background: url(./assets/images/lp/different/icon-mark.svg) no-repeat center / contain;
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(n+2) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((89.5/271 * 100%));
    height: 41px;
    margin-top: calc(63px - 41px);
    background-color: #644464;
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    line-height: 1;
    font-family: var(--yumincho);
    color: var(--white);
    font-weight: 500;
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(85/355 * 100%);
    min-height: 66px;
    background-color: #555555;
    color: var(--white);
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
  }
  .lp-different__tbl > .row:nth-child(2) > .col:nth-child(1) {
    border-radius: 10px 0 0 0;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(1) {
    border-radius: 0 0 0 10px;
  }
  .lp-different__tbl > .row:not(:first-child):not(:last-child) > .col:nth-child(1) {
    border-bottom: 1px solid var(--white);
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(90/355 * 100%);
    min-height: 66px;
    background-color: #FEF8EB;
    font-size: 23px;
    line-height: 1;
    color: #916C13;
    border-left: 3px solid #B1944E;
    border-right: 3px solid #B1944E;
    font-weight: 700;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(2) {
    border-bottom: 3px solid #B1944E;
  }
  .lp-different__tbl > .row:not(:first-child):not(:last-child) > .col:nth-child(2) {
    border-bottom: 1px solid #DCDCDC;
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(3) {
    width: calc(91/355 * 100%);
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(4) {
    width: calc(89/355 * 100%);
    box-shadow: 0 0 3px rgba(0,0,0,0.16);
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(n+3) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 66px;
    background-color: #FCFCFC;
    border-bottom: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    font-size: 22px;
    color: #644464;
    font-weight: 700;
  }
  .lp-different__tbl > .row:last-child > .col:last-child {
    border-radius: 0 0 10px 0;
  }
  .lp-different__tbl > .row:last-child > .col:not(:last-child)  {
    box-shadow: 0 0 3px rgba(0,0,0,0.16);
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(n+2) {
    align-items: flex-start;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(n+2) > ul {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 0 5px;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(n+2) > ul > li {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 5px;
    padding-left: 15px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(n+2) > ul > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .lp-different__tbl > .row:last-child {
    align-items: flex-start;
  }
  .lp-different__tbl > .row:last-child {
    border-radius: 0 0 10px 0;
  }
  .lp-different__tbl > .row:last-child > .col {
    height: 170px;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(2) {
    height: 190px;
  }
}
@media screen and (max-width:359px) {
  .lp-different__tbl > .row:last-child > .col {
    height: 200px;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(2) {
    height: 210px;
  }
}
@media screen and (min-width:768px) {
  .lp-different {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0;
    background-color: #FFFCF8;
  }
  .lp-different::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-different__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .lp-different__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-different__header > p {
    font-size: 36px;
    font-family: var(--yumincho);
    color: #000000;
    line-height: 51px;
    font-weight: 500;
  }
  .lp-different__header > h3 {
    font-size: 50px;
    font-family: var(--yumincho);
    color: #000000;
    line-height: 70px;
    font-weight: 500;
    margin-top: 10px;
  }
  .lp-different__header > h3 > small {
    font-size: 36px;
  }
  .lp-different__header > h3 > span {
    color: #D94464;
  }
  .lp-different__tbl {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .lp-different__tbl > .row {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .lp-different__tbl > .row:nth-child(1) {
    padding-left: calc(165/1000 * 100%);
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(1) {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(278/835 * 100%);
    height: 103px;
    background-color: #B1944E;
    border-radius: 10px 10px 0 0;
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(1) > picture {
    display: block;
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(1) > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(1)::before {
    content: "";
    position: absolute;
    top: -28.69px;
    left: -33.76px;
    display: block;
    width: 43.69px;
    height: 38.76px;
    background: url(./assets/images/lp/different/icon-mark.svg) no-repeat center / contain;
  }
  .lp-different__tbl > .row:nth-child(1) > .col:nth-child(n+2) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((277.5/835 * 100%));
    height: 62px;
    margin-top: calc(103px - 62px);
    background-color: #644464;
    border-radius: 10px 10px 0 0;
    font-size: 22px;
    line-height: 1;
    font-family: var(--yumincho);
    color: var(--white);
    font-weight: 500;
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(165/1000 * 100%);
    min-height: 66px;
    background-color: #555555;
    color: var(--white);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
  }
  .lp-different__tbl > .row:nth-child(2) > .col:nth-child(1) {
    border-radius: 10px 0 0 0;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(1) {
    border-radius: 0 0 0 10px;
  }
  .lp-different__tbl > .row:not(:first-child):not(:last-child) > .col:nth-child(1) {
    border-bottom: 1px solid var(--white);
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(278/1000 * 100%);
    min-height: 66px;
    background-color: #FEF8EB;
    font-size: 26px;
    line-height: 1;
    color: #916C13;
    border-left: 5px solid #B1944E;
    border-right: 5px solid #B1944E;
    font-weight: 700;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(2) {
    border-bottom: 5px solid #B1944E;
  }
  .lp-different__tbl > .row:not(:first-child):not(:last-child) > .col:nth-child(2) {
    border-bottom: 1px solid #DCDCDC;
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(3) {
    width: calc(278/1000 * 100%);
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(4) {
    width: calc(277.5/1000 * 100%);
    box-shadow: 0 0 3px rgba(0,0,0,0.16);
  }
  .lp-different__tbl > .row:not(:first-child) > .col:nth-child(n+3) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 66px;
    background-color: #FCFCFC;
    border-bottom: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    font-size: 22px;
    color: #644464;
    font-weight: 700;
  }
  .lp-different__tbl > .row:last-child > .col:last-child {
    border-radius: 0 0 10px 0;
  }
  .lp-different__tbl > .row:last-child > .col:not(:last-child)  {
    box-shadow: 0 0 3px rgba(0,0,0,0.16);
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(n+2) {
    align-items: flex-start;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(n+2) > ul {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 0 5px;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(n+2) > ul > li {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 10px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(n+2) > ul > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .lp-different__tbl > .row:last-child {
    border-radius: 0 0 10px 0;
  }
  .lp-different__tbl > .row:last-child > .col {
    height: 135px;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(2) {
    height: 140px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-different__header > h3 {
    font-size: 40px;
  }
  .lp-different__header > h3 > small {
    font-size: 30px;
  }
  .lp-different__tbl > .row:last-child > .col {
    height: 150px;
  }
  .lp-different__tbl > .row:last-child > .col:nth-child(2) {
    height: 160px;
  }
}
/*before  after*/
@media screen and  (max-width:767px) {
  .lp-beforeafter {
    display: block;
    width: 100%;
    padding: 80px 0 100px 0;
    background-image: url(./assets/images/lp/beforeafter/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-beforeafter__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-beforeafter__header > h3 {
    display: block;
    position: relative;
    width: 100%;
    height: 127px;
    font-size: 40px;
    font-family: var(--yumincho);
    color: #333333;
    font-weight: 500;
    padding-top: 68px;
    line-height: 57px;
    text-align: center;
  }
  .lp-beforeafter__header > h3 > small {
    font-size: 30px;
  }
  .lp-beforeafter__header > h3 > picture {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 160px;
  }
  .lp-beforeafter__header > h3 > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-beforeafter__wrap {
    display: block;
    width: 100%;
    margin-top: 125px;
  }
  .lp-beforeafter__block {
    position: relative;
    display: block;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
  }
  .lp-beforeafter__block:nth-child(n+2) {
    margin-top: 145px;
  }
  .lp-beforeafter__block > .badge {
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 150px;
  }
  .lp-beforeafter__block > .badge > img{
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-beforeafter__inner {
    display: block;
    background-color: var(--white);
    width: 100%;
    padding: 10px;
  }
  .lp-beforeafter__gallery {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lp-beforeafter__gallery > picture {
    display: block;
    width: 100%;
  }
  .lp-beforeafter__gallery > picture:nth-child(n+2) {
    margin-top: 10px;
  }
  .lp-beforeafter__gallery > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-beforeafter__change {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    background-color: #F57996;
    padding: 10px 35px;
  }
  .lp-beforeafter__change > p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: var(--white);
  }
  .lp-beforeafter__change > p > span:nth-child(1) {
    font-size: 16px;
    line-height: 1;
  }
  .lp-beforeafter__change > p > span:nth-child(2) {
    font-size: 28px;
    line-height: 41px;
    font-family: var(--Oswald);
    font-weight: 600;
  }
  .lp-beforeafter__change > p > span:nth-child(2) > small {
    font-size: 20px;
  }
  .lp-beforeafter__comment {
    display: block;
    width: 100%;
    margin-top: 10px;
    background-color: #FCF6E8;
    padding: 20px 10px;
  }
  .lp-beforeafter__comment > h4 {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 35px;
    font-family: 600;
    color: #F57996;
    font-family: var(--yumincho);
    text-align: center;
  }
  .lp-beforeafter__comment > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 27.2px;
    font-family: 400;
    color: #333333;
    margin-top: 15px;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and  (min-width:768px) {
  .lp-beforeafter {
    display: block;
    width: 100%;
    padding: 77px 0 140px 0;
    background-image: url(./assets/images/lp/beforeafter/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-beforeafter__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-beforeafter__header > h3 {
    display: block;
    position: relative;
    width: auto;
    height: 190px;
    font-size: 70px;
    font-family: var(--yumincho);
    color: #333333;
    font-weight: 500;
    padding-top: 90px;
    line-height: 100px;
  }
  .lp-beforeafter__header > h3 > small {
    font-size: 50px;
  }
  .lp-beforeafter__header > h3 > picture {
    position: absolute;
    top: 0;
    left: -118px;
    display: block;
    width: 235px;
  }
  .lp-beforeafter__wrap {
    display: block;
    width: 100%;
    margin-top: 125px;
  }
  .lp-beforeafter__block {
    position: relative;
    display: block;
    width: 100%;
    background: url(./assets/images/lp/beforeafter/block-bg-pc.jpg) no-repeat center / 100% 100%;
    padding: 10px;
  }
  .lp-beforeafter__block:nth-child(n+2) {
    margin-top: 145px;
  }
  .lp-beforeafter__block > .badge {
    position: absolute;
    top: -86px;
    left: 0;
    display: block;
    width: 172px;
  }
  .lp-beforeafter__inner {
    display: block;
    background-color: var(--white);
    width: 100%;
    padding: 10px;
  }
  .lp-beforeafter__gallery {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr repeat(2, 1fr);
    column-gap: 20px;
  }
  .lp-beforeafter__gallery > picture {
    display: block;
    width: 100%;
  }
  .lp-beforeafter__gallery > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-beforeafter__change {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    height: 110px;
    background-color: #F57996;
  }
  .lp-beforeafter__change > p {
    display: flex;
    align-items: baseline;
    width: auto;

    color: var(--white);
  }
  .lp-beforeafter__change > p:not(:last-child) {
    margin-right: 30px;
  }
  .lp-beforeafter__change > p > span:nth-child(1) {
    font-size: 20px;
    line-height: 1;
    padding-right: 10px;
  }
  .lp-beforeafter__change > p > span:nth-child(2) {
    font-size: 54px;
    line-height: 65px;
    font-family: var(--Oswald);
    font-weight: 600;
  }
  .lp-beforeafter__change > p > span:nth-child(2) > small {
    font-size: 34px;
  }
  .lp-beforeafter__comment {
    display: block;
    width: 100%;
    margin-top: 10px;
    background-color: #FCF6E8;
    padding: 20px 30px;
  }
  .lp-beforeafter__comment > h4 {
    display: block;
    width: 100%;
    font-size: 28px;
    line-height: 40px;
    font-family: 600;
    color: #F57996;
    font-family: var(--yumincho);
  }
  .lp-beforeafter__comment > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 34px;
    font-family: 400;
    color: #333333;
    margin-top: 10px;
    text-align: justify;
    word-break: break-all;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-beforeafter__block > .badge {
    top: -50px;
    width: 100px;
  }
  .lp-beforeafter__block:nth-child(n+2) {
    margin-top: 100px;
  }
  .lp-beforeafter__change {
    height: 80px;
  }
  .lp-beforeafter__change > p:not(:last-child) {
    margin-right: 15px;
  }
  .lp-beforeafter__change > p > span:nth-child(1) {
    font-size: 15px;
    line-height: 1;
    padding-right: 5px;
  }
  .lp-beforeafter__change > p > span:nth-child(2) {
    font-size: 30px;
  }
  .lp-beforeafter__change > p > span:nth-child(2) > small {
    font-size: 24px;
  }
  .lp-beforeafter__comment > p {
    font-size: 16px;
    line-height: 30px;
  }
}
/*flow*/
@media screen and (max-width:767px) {
  .lp-flow {
    position: relative;
    display: block;
    width: 100%;
    padding: 81px 0 110px 0;
    background-image: url(./assets/images/lp/flow/bg-sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-flow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-flow__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-flow__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 44px;
    font-family: var(--yumincho);
    color: #333333;
    font-weight: 500;
  }
  .lp-flow__header > small {
    font-size: 24px;
  }
  .lp-flow__wrap {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .lp-flow__block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 10px;
    background-color: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-flow__block:nth-child(n+2) {
    margin-top: 120px;
  }
  .lp-flow__block > .badge {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100px;
  }
  .lp-flow__block > .badge > img  {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-flow__block > .arrow {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 142px;
    height: 30px;
    background: url(./assets/images/lp/flow/icon-trangle.png) no-repeat center / cover;
  }
  .lp-flow__img {
    display: block;
    width: 100%;
    padding: 0 15px;
  }
  .lp-flow__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-flow__content {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .lp-flow__content-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-flow__content-header > h4 {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    font-family: var(--yumincho);
    color: #A27FA2;
    line-height: 40px;
  }
  .lp-flow__content-header > p {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    font-family: var(--yumincho);
    color: var(--white);
    background-color: #D1A9D1;
    padding: 4px;
    line-height: 28px;
  }
  .lp-flow__content > p {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: #333333;
    line-height: 32px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) {
  .lp-flow {
    position: relative;
    display: block;
    width: 100%;
    padding: 135px 0 120px 0;
    background-image: url(./assets/images/lp/flow/bg-pc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .lp-flow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-flow__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-flow__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    line-height: 86px;
    font-family: var(--yumincho);
    color: #333333;
    font-weight: 500;
  }
  .lp-flow__header > small {
    font-size: 40px;
  }
  .lp-flow__wrap {
    display: block;
    width: 100%;
    margin-top: 120px;
  }
  .lp-flow__block {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-flow__block:nth-child(n+2) {
    margin-top: 150px;
  }
  .lp-flow__block > .badge {
    position: absolute;
    top: -60.81px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 121.62px;
  }
  .lp-flow__block > .badge > img  {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-flow__block > .arrow {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 236px;
    height: 50px;
    background: url(./assets/images/lp/flow/icon-trangle.png) no-repeat center / cover;
  }
  .lp-flow__img {
    display: block;
    width: calc(430/960 * 100%);
  }
  .lp-flow__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-flow__content {
    display: block;
    width: calc(510/960 * 100%);
    padding: 0 calc(20/960 * 100%) 0 calc(40/960 * 100%);
  }
  .lp-flow__content-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-flow__content-header > h4 {
    display: block;
    width: 100%;
    font-size: 38px;
    font-weight: 600;
    text-align: center;
    font-family: var(--yumincho);
    color: #A27FA2;
    line-height: 55px;
  }
  .lp-flow__content-header > p {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    font-family: var(--yumincho);
    color: var(--white);
    background-color: #D1A9D1;
    padding: 4px;
    line-height: 27px;
  }
  .lp-flow__content > p {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: #333333;
    line-height: 34px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-flow__block > .badge {
    top: -50px;
    width: 100px;
  }
  .lp-flow__content-header > h4 {
    font-size: 28px;
    line-height: 40px;
  }
  .lp-flow__content-header > p {
    font-size: 16px;
    line-height: 20px;
  }
  .lp-flow__content > p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px;
  }
}
/*warranty*/
@media screen and (max-width:767px) {
  .lp-warranty {
    display: block;
    width: 100%;
    padding: 80px 0 100px 0;
    background-color: var(--white);
  }
  .lp-warranty__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-warranty__title {
    display: block;
    max-width: 355px;
    width: 100%;
    margin: 0 auto;
  }
  .lp-warranty__title > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-warranty__wrap {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 130px;
    background-color: #F7F5F7;
    border: 10px solid #D1A9D1;
    padding-bottom: 30px;
  }
  .lp-warranty__wrap::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    display: block;
    width: calc(217/355 * 100%);
    height: 15px;
    background-color: #F7F5F7;
  }
  .lp-warranty__text {
    position: absolute;
    top: -97px;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
    display: block;
    width: calc(276/355 * 100%);
  }
  .lp-warranty__text > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-warranty__flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0px auto 0 auto;
  }
  .lp-warranty__col {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(292/355 * 100%);
    padding-top: 60px;
  }
  .lp-warranty__col:nth-child(n+2)::before{
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(255/275.533 * 100%);
    height: 1px;
    background-color: #E3CFE3;
  }
  .lp-warranty__col > picture {
    display: block;
    width: calc(200/275.533 * 100%);
  }
  .lp-warranty__col > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-warranty__col > h4 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 37px;
    margin-top: 10px;
  }
  .lp-warranty__col > h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(210/293.333 * 100%);
    height: 12px;
    background-color: #F4FF9D;
    z-index: 1;
  }
  .lp-warranty__col > h4 > span {
    position: relative;
    z-index: 2;
    font-size: 26px;
    line-height: 37px;
    color: #D94464;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-warranty__col > p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #333333;
    margin-top: 20px;
  }
  .lp-warranty__col > p > span {
    font-size: 15px;
  }
}
@media screen and (min-width:768px) {
  .lp-warranty {
    display: block;
    width: 100%;
    padding: 80px 0;
    background-color: var(--white);
  }
  .lp-warranty__body {
    display: block;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-warranty__title {
    display: block;
    width: calc(578/1050 * 100%);
    margin: 0 auto;
  }
  .lp-warranty__title > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-warranty__wrap {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 100px;
    background-color: #F7F5F7;
    border: 15px solid #D1A9D1;
  }
  .lp-warranty__wrap::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    display: block;
    width: calc(340/1050 * 100%);
    height: 15px;
    background-color: #F7F5F7;
  }
  .lp-warranty__text {
    position: absolute;
    top: -100px;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
    display: block;
    width: calc(297/1050 * 100%);
  }
  .lp-warranty__text > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-warranty__flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 60px auto 0 auto;
    padding: 10px;
  }
  .lp-warranty__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((1000/3)/1000 * 100%);
    padding: 0 20px 20px 20px;
  }
  .lp-warranty__col:nth-child(n+2){
    border-left: 1px solid #E3CFE3;
  }
  .lp-warranty__col > picture {
    display: block;
    width: calc(272/293.333 * 100%);
  }
  .lp-warranty__col > picture > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-warranty__col > h4 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 37px;
    margin-top: 10px;
  }
  .lp-warranty__col > h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(210/293.333 * 100%);
    height: 12px;
    background-color: #F4FF9D;
    z-index: 1;
  }
  .lp-warranty__col > h4 > span {
    position: relative;
    z-index: 2;
    font-size: 26px;
    line-height: 37px;
    color: #D94464;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-warranty__col > p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #333333;
    margin-top: 20px;
  }
  .lp-warranty__col > p > span {
    font-size: 16px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-warranty__wrap {
    border: 12px solid #D1A9D1;
  }
  .lp-warranty__wrap::before {
    top: -12px;
    height: 12px;
  }
  .lp-warranty__col > h4 > span {
    font-size: 22px;
  }
  .lp-warranty__col > p {
    font-size: 16px;
    line-height: 26px;
  }
  .lp-warranty__col > p > span {
    font-size: 15px;
    line-height: 20px;
  }
}
@media screen and (min-width:1025px) and (max-width:1029px) {
  .lp-warranty__col > p > span {
    font-size: 15px;
  }
}
/*cv3*/
@media screen and (max-width:767px) {
  .lp-cv3 {
    display: block;
    width: 100%;
    padding: 30px 0 80px 0;
    background-color: var(--white);
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-cv3 {
    display: block;
    width: 100%;
    padding: 40px 0 90px 0;
    background-color: var(--white);
  }
}
@media screen and (min-width:1025px) {
  .lp-cv3 {
    display: block;
    width: 100%;
    padding: 60px 0 90px 0;
    background-color: var(--white);
  }
}
/*lp-faq*/
@media screen and (max-width:767px) {
  .lp-faq {
    display: block;
    width: 100%;
    padding: 80px 0 100px 0;
    background-color: #F7F5F7;
  }
  .lp-faq__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 44px;
    color: #D94464;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-faq__wrap {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .lp-faq__wrap > li {
    display: block;
    width: 100%;
    padding: 20px 10px;
    background-color: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-faq__wrap > li:nth-child(n+2){
    margin-top: 50px;
  }
  .lp-faq__wrap > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding:5px 30px 5px 50px;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--yumincho);
    color: #D94464;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
  .lp-faq__wrap > li > .question.active {
    border-bottom: 1px solid #D94464;
    padding-bottom: 15px;
  }
  .lp-faq__wrap > li > .question::before {
    content: "Q";
    position: absolute;
    top: 0px;
    left: 0;
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #D94464;
    color: var(--white);
    font-family: var(--noto-serif);
    font-size:23px;
    font-weight: 500;
    line-height: 30px;
  }
  .lp-faq__wrap > li > .question > i {
    position: absolute;
    top: 10px;
    right: 2px;
    display: block;
    width: 20px;
    height: 20px;
  }
  .lp-faq__wrap > li > .question > i::before,
  .lp-faq__wrap > li > .question > i::after {
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    display: block;
    background: #D94464;
  }
  .lp-faq__wrap > li > .question > i::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
  }
  .lp-faq__wrap > li > .question > i::after {
    top: calc(50% - 1px);
    left: calc(50% - 1px);
    width: 100%;
    height: 2px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .lp-faq__wrap > li > .question.active > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
  .lp-faq__wrap > li > .answer {
    display: none;
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    text-align: justify;
    word-break: break-all;
    font-weight: 400;
  }
}
@media screen and (min-width:768px) {
  .lp-faq {
    display: block;
    width: 100%;
    padding: 120px 0 100px 0;
    background-color: #F7F5F7;
  }
  .lp-faq__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    line-height: 72px;
    color: #D94464;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-faq__wrap {
    display: block;
    width: 100%;
    margin-top: 60px;
  }
  .lp-faq__wrap > li {
    display: block;
    width: 100%;
    padding: calc(50/1100 * 100%);
    background-color: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-faq__wrap > li:nth-child(n+2){
    margin-top: 50px;
  }
  .lp-faq__wrap > li > .question {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding:10px 40px 10px 60px;
    font-size: 24px;
    line-height: 30px;
    font-family: var(--yumincho);
    color: #D94464;
    font-weight: 500;
  }
  .lp-faq__wrap > li > .question.active {
    border-bottom: 1px solid #D94464;
    padding-bottom: 25px;
  }
  .lp-faq__wrap > li > .question::before {
    content: "Q";
    position: absolute;
    top: 0px;
    left: 0;
    display: flex;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #D94464;
    color: var(--white);
    font-family: var(--noto-serif);
    font-size:26px;
    font-weight: 500;
    line-height: 40px;
  }
  .lp-faq__wrap > li > .question > i {
    position: absolute;
    top: 15px;
    right: 2px;
    display: block;
    width: 20px;
    height: 20px;
  }
  .lp-faq__wrap > li > .question > i::before,
  .lp-faq__wrap > li > .question > i::after {
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    display: block;
    background: #D94464;
  }
  .lp-faq__wrap > li > .question > i::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
  }
  .lp-faq__wrap > li > .question > i::after {
    top: calc(50% - 1px);
    left: calc(50% - 1px);
    width: 100%;
    height: 2px;
    transform: rotate(90deg) translate(-50%,-50%);
    transform-origin: 0 50%;
    transition: 0.3s ease;
  }
  .lp-faq__wrap > li > .question.active > i::after {
    top: 50%;
    left: 50%;
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
  .lp-faq__wrap > li > .answer {
    display: none;
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    text-align: justify;
    word-break: break-all;
    font-weight: 400;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-faq__wrap > li {
    padding: 30px;
  }
  .lp-faq__wrap > li > .question {
    padding:10px 40px 10px 60px;
    font-size: 18px;
  }
  .lp-faq__wrap > li > .answer {
    font-size: 16px;
  }
}
/*lp-salon*/
@media screen and (max-width:767px) {
  .lp-salon {
    position: relative;
    display: block;
    width: 100%;
    padding: 80px 0 93.6px 0;
    background-color: #FDF9F5;
  }
  .lp-salon::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 375px;
    height: 241.64px;
    background: url(./assets/images/lp/salon/logo.png) no-repeat top right / 241.64 241.64;
  }
  .lp-salon__body {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-salon__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 44px;
    color: #9B8555;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-salon__wrap {
    display: block;
    width: 100%;
    margin-top: 105.9px;
  }
  .lp-salon__block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    padding: 30px 10px;
  }
  .lp-salon__block:nth-child(2) {
    margin-top: 91.3px;
  }
  .lp-salon__block:nth-child(3) {
    margin-top: 89.9px;
  }
  .lp-salon__block:nth-child(4) {
    margin-top: 91.1px;
  }
  .lp-salon__block:nth-child(5) {
    margin-top: 90.7px;
  }
  .lp-salon__block:nth-child(6) {
    margin-top: 106.5px;
  }
  /**/
  .lp-salon__block:nth-child(7) {
    margin-top: 106.3px;
  }
  .lp-salon__block:nth-child(8) {
    margin-top: 122.5px;
  }
  /**/
  .lp-salon__icon {
    position: absolute;
    right: 0;
    display: block;
  }
  .lp-salon__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-salon__block:nth-child(1) > .lp-salon__icon {
    top: -50px;
    width: 158.88px;
  }
  .lp-salon__block:nth-child(2) > .lp-salon__icon {
    top: -60px;
    width: 247.94px;
  }
  .lp-salon__block:nth-child(3) > .lp-salon__icon {
    top: -54.9px;
    width: 199.66px;
  }
  .lp-salon__block:nth-child(4) > .lp-salon__icon {
    top: -56.1px;
    width: 132.24px;
  }
  .lp-salon__block:nth-child(5) > .lp-salon__icon {
    top: -55.7px;
    width: 187.46px;
  }
  .lp-salon__block:nth-child(6) > .lp-salon__icon {
    top: -71.7px;
    width: 247.02px;
  }
   /**/
   .lp-salon__block:nth-child(7) > .lp-salon__icon {
    top: -70px;
    width: 164.19px;
  }
  .lp-salon__block:nth-child(8) > .lp-salon__icon {
    top: -70px;
    width: 240.45px;
  }
  /**/
  .lp-salon__content {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lp-salon__content > h4 {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 35px;
    color: #916C13;
    font-family: var(--yumincho);
    font-weight: 600;
    border-bottom: 1px solid #916C13;
  }
  .lp-salon__content > h4 + p {
    margin-top: 10px;
  }
  .lp-salon__content > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 400;
  }
  .lp-salon__content > p > a {
    color: #333333;
  }
  /*
  .lp-salon__img {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .lp-salon__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }*/
  .lp-salon__map {
    display: block;
    width: 100%;
    height: 270px;
    margin-top: 30px;
  }
  .lp-salon__map > iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width:768px) {
  .lp-salon {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background-color: #FDF9F5;
  }
  .lp-salon::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1266px;
    height: 490px;
    background: url(./assets/images/lp/salon/logo.png) no-repeat top right / 490px 490px;
  }
  .lp-salon__body {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-salon__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    line-height: 72px;
    color: #9B8555;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-salon__wrap {
    display: block;
    width: 100%;
    margin-top: 100px;
  }
  .lp-salon__block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background-color: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    padding: calc(55/1000 * 100%) calc(45/1000 * 100%) calc(45/1000 * 100%) calc(45/1000 * 100%);
  }
  .lp-salon__block:nth-child(2) {
    margin-top: 112.1px;
  }
  .lp-salon__block:nth-child(3) {
    margin-top: 88.3px;
  }
  .lp-salon__block:nth-child(4) {
    margin-top: 73.2px;
  }
  .lp-salon__block:nth-child(5) {
    margin-top: 100.1px;
  }
  .lp-salon__block:nth-child(6) {
    margin-top: 127.5px;
  }
  /**/
  .lp-salon__block:nth-child(7) {
    margin-top: 120px;
  }
  .lp-salon__block:nth-child(8) {
    margin-top: 122.5px;
  }
  /**/
  .lp-salon__icon {
    position: absolute;
    right: 0;
    display: block;
  }
  .lp-salon__icon > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-salon__block:nth-child(1) > .lp-salon__icon {
    top: -50px;
    width: 230px;
  }
  .lp-salon__block:nth-child(2) > .lp-salon__icon {
    top: -80px;
    width: 351px;
  }
  .lp-salon__block:nth-child(3) > .lp-salon__icon {
    top: -50px;
    width: 276.46px;
  }
  .lp-salon__block:nth-child(4) > .lp-salon__icon {
    top: -30px;
    width: 183.1px;
  }
  .lp-salon__block:nth-child(5) > .lp-salon__icon {
    top: -50px;
    width: 259.56px;
  }
  .lp-salon__block:nth-child(6) > .lp-salon__icon {
    top: -80px;
    width: 342.02px;
  }
  /**/
  .lp-salon__block:nth-child(7) > .lp-salon__icon {
    top: -60px;
    width: 227.34px;
  }
  .lp-salon__block:nth-child(8) > .lp-salon__icon {
    top: -70px;
    width: 332.735px;
  }
  /**/
  .lp-salon__content {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-right: calc(30/910 * 100%);
  }
  .lp-salon__content > h4 {
    display: block;
    width: 100%;
    font-size: 30px;
    line-height: 44px;
    color: #916C13;
    font-family: var(--yumincho);
    font-weight: 600;
    border-bottom: 1px solid #916C13;
  }
  .lp-salon__content > h4 + p {
    margin-top: 10px;
  }
  .lp-salon__content > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 34px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 400;
  }
  .lp-salon__content > p > a {
    color: #333333;
    pointer-events: none;
  }
  /*
  .lp-salon__img {
    display: block;
    width: 50%;
  }
  .lp-salon__img > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }*/
  .lp-salon__map {
    display: block;
    width: 50%;
    height: 270px;
  }
  .lp-salon__map > iframe {
    width: 100%;
    height: 100%;
  }
}
/*lp-form entry*/
@media screen and (max-width:767px) {
  .lp-form {
    position: relative;
    display: block;
    width: 100%;
    padding: 80px 0 50px 0;
    background-color: #F7F5F7;
  }
  .lp-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-form__body {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-form__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 44px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-form__timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .lp-form__timeline > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #333333;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    background-color: #EDDBE8;
  }
  .lp-form__timeline > li.current {
    background-color: #D1A9D1;
    color: var(--white);
    padding-right: 30px;
  }
  .lp-form__timeline > li.current:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 30px;
    border-color: #EDDBE8 #EDDBE8 #EDDBE8 #D1A9D1;
  }
  .lp-form__timeline > li:last-child::after {
    border-color: transparent transparent transparent #D1A9D1;
  }
  .lp-form__entry {
    display: block;
    width: 100%;
    margin-top: 30px;
    background-color: var(--white);
    padding: 10px 10px 50px 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-form__wrap {
    display: block;
    width: 100%;
  }
  .lp-form__wrap > li {
    display: block;
    width: 100%;
  }
  .lp-form__wrap > li:nth-child(n+2) {
    margin-top: 20px;
  }
  .lp-input-row {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lp-input-label {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #F5F1EB;
    border-bottom: 1px solid #D6C08F;
    padding: 10px 10px 10px 65px;
    font-size: 15px;
    line-height: 28px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 400;
  }
  .lp-input-label > span {
    font-size: 15px;
  }
  .lp-input-label > .lp-mandatory {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 27px;
    background-color: #D94464;
    border-radius: 4px;
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    font-family: var(--noto-sans);
  }
  .lp-input-label > .lp-optional {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 27px;
    background-color: #A1A1A1;
    border-radius: 4px;
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    font-family: var(--noto-sans);
  }
  .lp-input-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 0 0 0;
  }
  .lp-input-field input[type="text"] {
    width: 100%;
    height: 50px;
    border: 1px solid #CEC9C2;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 30px;
  }
  .lp-input-field input[type="text"]::placeholder {
    color: #D2D2D2;
  }
  .lp-input-field textarea {
    width: 100%;
    height: 210px;
    border: 1px solid #CEC9C2;
    border-radius: 5px;
    padding: 20px 20px;
    font-size: 16px;
    line-height: 30px;
  }
  .lp-input-field textarea::placeholder {
    color: #D2D2D2;
  }
  .lp-input-field.salon-radio {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 20px;
  }
  .lp-input-field.salon-radio > span {
    width: 100%;
    margin-left: 0 !important;
  }
  .lp-input-field.salon-radio > span:nth-child(n+2){
    margin-top: 10px;
  }
  .lp-input-field.salon-radio .salon {
    display: none;
  }
  .lp-input-field.salon-radio .salon + span {
    position: relative;
    padding-left: 34px;
    line-height: 24px;
    font-size: 16px;
    color: #3B4043;
  }
  .lp-input-field.salon-radio .salon + span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #CDD6DD;
  }
  .lp-input-field.salon-radio .salon:checked + span::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background-color: #333333;
  }
  .lp-primary-reserve,
  .lp-secondary-reserve {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lp-primary-reserve {
    margin-top: 20px;
  }
  .lp-secondary-reserve {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .lp-primary-reserve > p,
  .lp-secondary-reserve > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 23px;
    color: #333333;
    font-family: var(--yumincho);
    font-family: 500;
    margin-bottom: 15px;
  }
  .lp-date-select,
  .lp-time-select {
    display: block;
    width: 200px;
  }
  .lp-time-select {
    margin-top: 20px;
  }
  .primary-date,
  .secondary-date {
    padding:10px 40px 10px 20px !important;
    background-image: url(./assets/images/lp/form/icon-select.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px 8px;
  }
  .primary-time,
  .secondary-time {
    width: 100%;
    height: 50px;
    border: 1px solid #CEC9C2;
    border-radius: 5px;
    font-size: 16px;
    line-height: 30px;
    padding:10px 40px 10px 20px !important;
    background-image: url(./assets/images/lp/form/icon-select.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px 8px;
  }
  .lp-accept-field {
    position: relative;
    display: flex;
    width: 100%;
    padding-bottom: 20px;
  }
  .lp-accept-field .error {
    position: absolute;
    bottom: 0px;
    left: 0;
  }
  .lp-input-field .accept {
    display: none;
  }
  .lp-input-field .accept + span {
    position: relative;
    display: flex;
    align-items: center;
    width: 40px;
    height: 30px;
    font-size: 0px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 0 0 30px;
    overflow: hidden;
  }
  .lp-input-field .accept + span::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(./assets/images/lp/form/checkbox.png) no-repeat center / contain;
  }
  .lp-input-field .accept:checked + span::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 2;
    display: block;
    width: 24px;
    height: 24px;
    background: url(./assets/images/lp/form/checked.png) no-repeat center / contain;
  }
  .lp-form__privacy {
    display: block;
    width: 100%;
    height: 400px;
    border-radius: 5px;
    border: 1px solid #CEC9C2;
    padding: 20px 15px;
    margin-top: 20px;
    overflow-y: scroll;
  }
  .lp-form__privacy > h4 {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #9B8555;
    font-family: var(--yumincho);
    font-weight: 400;
  }
  .lp-form__privacy > p {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
  .lp-form__privacy > h5 {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .lp-form__privacy > h4 + p {
    margin-top: 20px;
  }
  .lp-input-field .error {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
  }
  .lp-form__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .lp-confirm-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 355px;
    width: 100%;
    height: 80px;
    font-size: 25px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--yumincho);
    border-radius: 5px;
    background: linear-gradient(180deg, #D94464 0%, #F57996 100%);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.16);
    cursor: pointer;
  }
  .lp-confirm-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    display: block;
    width: 13.5px;
    height: 23.62px;
    background: url(./assets/images/lp/form/icon-btn-wh.svg) no-repeat center / contain;
  }
  .lp-confirm-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
}
@media screen and (min-width:768px) {
  .lp-form {
    position: relative;
    display: block;
    width: 100%;
    padding: 100px 0 216px 0;
    background-color: #F7F5F7;
  }
  .lp-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-form__body {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .lp-form__header {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    line-height: 72px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 600;
  }
  .lp-form__timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
  }
  .lp-form__timeline > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #333333;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 500;
    background-color: #EDDBE8;
  }
  .lp-form__timeline > li.current {
    background-color: #D1A9D1;
    color: var(--white);
    padding-right: 30px;
  }
  .lp-form__timeline > li.current:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 30px;
    border-color: #EDDBE8 #EDDBE8 #EDDBE8 #D1A9D1;
  }
  .lp-form__timeline > li:last-child::after {
    border-color: transparent transparent transparent #D1A9D1;
  }
  .lp-form__entry {
    display: block;
    width: 100%;
    margin-top: 50px;
    background-color: var(--white);
    padding: calc(50/1000 * 100%);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-form__wrap {
    display: block;
    width: 100%;
  }
  .lp-form__wrap > li {
    display: block;
    width: 100%;
  }
  .lp-form__wrap > li:nth-child(n+2) {
    margin-top: 10px;
  }
  .lp-input-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .lp-input-label {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 300px;
    background-color: #F5F1EB;
    border-right: 1px solid #D6C08F;
    padding: 20px 20px 20px 90px;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 400;
  }
  .lp-input-label > span {
    font-size: 16px;
  }
  .lp-input-label > .lp-mandatory {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 30px;
    background-color: #D94464;
    border-radius: 4px;
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    font-family: var(--noto-sans);
  }
  .lp-input-label > .lp-optional {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 30px;
    background-color: #A1A1A1;
    border-radius: 4px;
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    font-family: var(--noto-sans);
  }
  .lp-input-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(550/900 * 100% );
    min-height: 90px;
    padding: 20px 0 20px 0;
  }
  .lp-input-field input[type="text"] {
    width: 100%;
    height: 50px;
    border: 1px solid #CEC9C2;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 30px;
  }
  .lp-input-field input[type="text"]::placeholder {
    color: #D2D2D2;
  }
  .lp-input-field textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #CEC9C2;
    border-radius: 5px;
    padding: 20px 20px;
    font-size: 16px;
    line-height: 30px;
  }
  .lp-input-field textarea::placeholder {
    color: #D2D2D2;
  }
  .lp-input-field.salon-radio {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .lp-input-field.salon-radio > span {
    width: calc(227/550 * 100%);
    margin-left: 0 !important;
  }
  .lp-input-field.salon-radio > span:nth-child(n+3){
    margin-top: 10px;
  }
  .lp-input-field.salon-radio .salon {
    display: none;
  }
  .lp-input-field.salon-radio .salon + span {
    position: relative;
    padding-left: 34px;
    line-height: 24px;
    font-size: 16px;
    color: #3B4043;
  }
  .lp-input-field.salon-radio .salon + span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #CDD6DD;
  }
  .lp-input-field.salon-radio .salon:checked + span::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background-color: #333333;
  }
  .lp-primary-reserve,
  .lp-secondary-reserve {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .lp-secondary-reserve {
    margin-top: 25px;
  }
  .lp-primary-reserve > p,
  .lp-secondary-reserve > p {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    font-family: var(--yumincho);
    font-family: 500;
    margin-bottom: 15px;
  }
  .lp-date-select,
  .lp-time-select {
    display: block;
    width: calc(200/550 * 100%);
  }
  .lp-time-select {
    margin-left: 20px;
  }
  .primary-date,
  .secondary-date {
    padding:10px 40px 10px 20px !important;
    background-image: url(./assets/images/lp/form/icon-select.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px 8px;
  }
  .primary-time,
  .secondary-time {
    width: 100%;
    height: 50px;
    border: 1px solid #CEC9C2;
    border-radius: 5px;
    font-size: 16px;
    line-height: 30px;
    padding:10px 40px 10px 20px !important;
    background-image: url(./assets/images/lp/form/icon-select.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px 8px;
  }
  .lp-accept-field {
    position: relative;
    display: flex;
    width: 100%;
  }
  .lp-accept-field .error {
    position: absolute;
    bottom: -30px;
    left: 0;
  }
  .lp-input-field .accept {
    display: none;
  }
  .lp-input-field .accept + span {
    position: relative;
    display: flex;
    align-items: center;
    width: 40px;
    height: 30px;
    font-size: 0px;
    line-height: 20px;
    font-weight: 500;
    padding: 0 0 0 30px;
    overflow: hidden;
  }
  .lp-input-field .accept + span::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(./assets/images/lp/form/checkbox.png) no-repeat center / contain;
  }
  .lp-input-field .accept:checked + span::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
    display: block;
    width: 24px;
    height: 24px;
    background: url(./assets/images/lp/form/checked.png) no-repeat center / contain;
  }
  .lp-form__privacy {
    display: block;
    width: 100%;
    height: 415px;
    border-radius: 5px;
    border: 1px solid #CEC9C2;
    padding: 30px;
    margin-top: 50px;
    overflow-y: scroll;
  }
  .lp-form__privacy > h4 {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 35px;
    color: #9B8555;
    font-family: var(--yumincho);
    font-weight: 400;
  }
  .lp-form__privacy > p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
  }
  .lp-form__privacy > h5 {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
  }
  .lp-form__privacy > h4 + p {
    margin-top: 20px;
  }
  .lp-form__btns {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
  }
  .lp-input-field .error {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
  }
  .lp-confirm-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 90px;
    font-size: 25px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--yumincho);
    border-radius: 5px;
    background: linear-gradient(180deg, #D94464 0%, #F57996 100%);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.16);
    cursor: pointer;
  }
  .lp-confirm-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    display: block;
    width: 13.5px;
    height: 23.62px;
    background: url(./assets/images/lp/form/icon-btn-wh.svg) no-repeat center / contain;
  }
  .lp-confirm-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-input-label {
    width: 250px;
    padding: 20px 20px 10px 90px;
  }
  .lp-input-field {
    width: calc(100% - 280px );
  }
  .lp-input-field.salon-radio > span {
    width: 50%;
  }
  .lp-date-select,
  .lp-time-select {
    width: calc(50% - 10px);
  }
}
/*pc back to top btn*/
@media screen and (max-width:1024px) {
  .lp-go-to-top {
    display: none;
  }
}
@media screen and (min-width:1025px) {
  .lp-go-to-top {
    position: absolute;
    bottom: 850px;
    right: 50px;
    display: block;
  }
  .lp-go-to-top:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
  .lp-go-to-top > span {
    position: relative;
    display: block;
    width: auto;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-family: var(--yumincho);
    writing-mode: vertical-rl;
    padding-top: 75px;
    cursor: pointer;
  }
  .lp-go-to-top > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 65px;
    background-color: #333333;

  }
  .lp-go-to-top > span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50%;
    height: 12px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background-color: #333333;
  }
}
/*lp-form header*/
@media screen and (max-width:1024px) {
  .lp-header__form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-header__form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-header__form-headline {
    display: block;
    width: 100%;
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
    text-align: center;
    padding: 20px 10px 0 10px;
  }
  .lp-form-logo {
    display: block;
    width: 190px;
    margin-top: 10px;
  }
  .lp-form-logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-form-logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
@media screen and (min-width:1025px) {
  .lp-header__form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-header__form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(270deg, #A88752 0%, #D6BC6D 49%, #A88752 100%);
    box-shadow: 0px 3px 3px #00000029;
  }
  .lp-header__form-headline {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    padding-top: 20px;
  }
  .lp-form-logo {
    display: block;
    width: 408px;
    margin-top: 10px;
  }
  .lp-form-logo > img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  .lp-form-logo:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  }
}
/*main confirm*/
@media screen and (max-width:767px) {
  .lp-form__main {
    display: block;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 80px;
  }
  .lp-form__confirm {
    display: block;
    width: 100%;
    margin-top: 50px;
    background-color: var(--white);
    padding: 20px 10px 50px 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-form__confirm .lp-input-label {
    padding: 10px;
  }
  .lp-form__confirm .lp-input-field {
    padding: 20px 10px;
  }
  .lp-form__confirm .lp-mandatory,
  .lp-form__confirm .lp-optional,
  .lp-form__confirm .accept-text,
  .lp-form__confirm .lp-form__privacy {
    display: none;
  }
  .lp-form__confirm .lp-primary-reserve > p, .lp-secondary-reserve > p {
    margin-bottom: 25px;
  }
  .lp-form__confirm .lp-secondary-reserve {
    padding-bottom: 20px;
  }
  .lp-form__confirm .lp-form__btns {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }
  .lp-submit-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 355px;
    width: 100%;
    height: 80px;
    font-size: 25px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--yumincho);
    border-radius: 5px;
    background: linear-gradient(180deg, #D94464 0%, #F57996 100%);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.16);
    cursor: pointer;
    margin-top: 30px;
  }
  .lp-submit-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    display: block;
    width: 13.5px;
    height: 23.62px;
    background: url(./assets/images/lp/form/icon-btn-wh.svg) no-repeat center / contain;
  }
  .lp-submit-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
  .lp-back-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 355px;
    width: 100%;
    height: 80px;
    font-size: 25px;
    color: #333333;
    font-weight: 600;
    font-family: var(--yumincho);
    border-radius: 5px;
    background: linear-gradient(180deg, #DEDEDE 0%, #FBEFF2 100%);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.16);
    cursor: pointer;
  }
  .lp-back-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    display: block;
    width: 13.5px;
    height: 23.62px;
    background: url(./assets/images/lp/form/icon-btn-bk.svg) no-repeat center / contain;
  }
  .lp-submit-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
}
@media screen and (min-width:768px) {
  .lp-form__main {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 240px;
  }
  .lp-form__main .lp-go-to-top {
    bottom: 50px;
  }
  .lp-form__confirm {
    display: block;
    width: 100%;
    margin-top: 50px;
    background-color: var(--white);
    padding: calc(50/1000 * 100%);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-form__confirm .lp-input-label {
    padding: 10px 20px;
  }
  .lp-form__confirm .lp-mandatory,
  .lp-form__confirm .lp-optional,
  .lp-form__confirm .accept-text,
  .lp-form__confirm .lp-form__privacy {
    display: none;
  }
  .lp-form__confirm .lp-primary-reserve > p, .lp-secondary-reserve > p {
    margin-bottom: 15px;
  }
  .lp-form__confirm .lp-secondary-reserve {
    padding-bottom: 20px;
  }
  .lp-form__confirm .lp-form__btns {
    justify-content: space-between;
  }
  .lp-submit-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 90px;
    font-size: 25px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--yumincho);
    border-radius: 5px;
    background: linear-gradient(180deg, #D94464 0%, #F57996 100%);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.16);
    cursor: pointer;
  }
  .lp-submit-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    display: block;
    width: 13.5px;
    height: 23.62px;
    background: url(./assets/images/lp/form/icon-btn-wh.svg) no-repeat center / contain;
  }
  .lp-submit-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
  .lp-back-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 90px;
    font-size: 25px;
    color: #333333;
    font-weight: 600;
    font-family: var(--yumincho);
    border-radius: 5px;
    background: linear-gradient(180deg, #DEDEDE 0%, #FBEFF2 100%);
    box-shadow: 5px 5px 0 rgba(0,0,0,0.16);
    cursor: pointer;
  }
  .lp-back-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    display: block;
    width: 13.5px;
    height: 23.62px;
    background: url(./assets/images/lp/form/icon-btn-bk.svg) no-repeat center / contain;
  }
  .lp-submit-btn:hover {
    transition: opacity 0.3s ease;
    opacity: 0.8;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .lp-back-btn,
  .lp-submit-btn {
    width: 315px;
    height: 70px;
  }
}
/*thanks*/
@media screen and (max-width:767px) {
  .lp-form__main-thanks {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 100px;
  }
  .lp-form__thanks {
    display: block;
    width: 100%;
    margin-top: 50px;
    background-color: var(--white);
    padding: 50px 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-form__thanks > p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--yumincho);
    font-weight: 400;
    color: #333333;
  }
}
@media screen and (min-width:768px) {
  .lp-form__main-thanks {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 100px;
  }
  .lp-form__thanks {
    display: block;
    width: 100%;
    margin-top: 50px;
    background-color: var(--white);
    padding: calc(50/1000 * 100%);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  }
  .lp-form__thanks > p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    font-family: var(--yumincho);
    font-weight: 400;
    color: #333333;
  }
}


.home-about__header,
.home-menu__header,
.home-campaign__header > span:nth-child(1),
.home-ba__header,
.home-flow__header,
.home-voice__header,
.home-salon__header,
.home-column__header,
.home-information__header,
.home-contact__header,
.salon-about__header > span:nth-child(1),
.salon-shop__hgroup,
.salon-menu__header > span:nth-child(1),
.salon-flow__header,
.salon-info__body,
.salon-info__header,
.salon-access__header,
.salon-message__header,
.salon-instagram__header,
.salon-campaign__header,
.salon-contact__header{
  font-weight: 500;
  letter-spacing: 0.09em;
}
.home-salon__title,
.salon-area__title{
  font-weight: 400;
  letter-spacing: 0.05em;
}
.home-salon__link,
.salon-area__name {
  text-underline-offset: 3px;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
}
.home-menu__link > span,
.salon-menu__link > span,
.home-contact__link,
.salon-contact__link {
  letter-spacing: 2px;
}