@charset "UTF-8";
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }

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

/* Document */
/* ============================================ */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-webkit-tap-highlight-color: transparent;
/* 3*/ }

/* Sections */
/* ============================================ */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0; }

/**
* Render the `main` element consistently in IE.
*/
main {
display: block; }

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0; }

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
margin: 0;
padding: 0;
list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt {
font-weight: bold; }

dd {
margin-left: 0; }

/* Grouping content */
/* ============================================ */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
border: 0;
border-top: 1px solid;
margin: 0;
clear: both;
color: inherit; }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: inherit;
/* 2 */ }

address {
font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
text-decoration: none;
color: inherit; }

/**
* 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;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */ }

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }

/**
* 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-family: monospace, monospace;
/* 1 */
font-size: inherit;
/* 2 */ }

/**
* 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; }

/* Embedded content */
/* ============================================ */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
vertical-align: bottom; }

embed,
object,
iframe {
border: 0;
vertical-align: bottom; }

/* Forms */
/* ============================================ */
/**
* Reset form fields to make them styleable
*/
button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
border: 0;
background: transparent;
padding: 0;
margin: 0;
outline: 0;
border-radius: 0;
text-align: inherit; }

/**
* Reset radio and checkbox appearance to preserve their look in iOS.
*/
[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox; }

[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio; }

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

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
cursor: default; }

/**
* 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: 1px dotted ButtonText; }

/**
* Remove arrow in IE10 & IE11
*/
select::-ms-expand {
display: none; }

/**
* Remove padding
*/
option {
padding: 0; }

/**
* Reset to invisible
*/
fieldset {
margin: 0;
padding: 0;
border: 0;
min-width: 0; }

/**
* 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 {
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }

/**
* 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; }

/**
* 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 outline style in Safari.
*/
[type="search"] {
outline-offset: -2px;
/* 1 */ }

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-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;
/* 1 */
font: inherit;
/* 2 */ }

/**
* Clickable labels
*/
label[for] {
cursor: pointer; }

/* Interactive */
/* ============================================ */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }

/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }

/*
* Remove outline for editable content.
*/
[contenteditable] {
outline: none; }

/* Table */
/* ============================================ */
table {
border-collapse: collapse;
border-spacing: 0; }

caption {
text-align: left; }

td,
th {
vertical-align: top;
padding: 0; }

th {
text-align: left;
font-weight: bold; }

@media screen and (max-width: 768px) {
table {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
}
/* Misc */
/* ============================================ */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }

/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none; }

html {
font-size: 62.5%; }
@media screen and (max-width: 768px) {
html {
font-size: calc(62.5% * 0.75); } }

body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
/* ヘッダーがfixedで浮いているため */
padding-top: var(--headerHeight); }

footer {
margin-top: auto; }

*,
*::before,
*::after {
font-family: YuGothic, "Yu Gothic", sans-serif;
color: #4b4b4b;
line-height: 1.8;
font-size: 1.6rem;
font-weight: 500;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
vertical-align: middle; }

button {
cursor: pointer; }

a {
font-size: inherit;
line-height: inherit; }

a:hover {
opacity: 0.6; }

.l-header {
background: #ebe1d5;
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 1200px) {
.l-header {
-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.25); } }
.l-header__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 21px; }
.l-header__logo {
max-width: 180px; }
.l-header__right__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 18px 0 14px; }
.l-header__right__txt {
line-height: 1; }
.l-header__right__sns {
height: 20px;
margin-right: 20px; }
.l-header__right__instagram img, .l-header__right__facebook img {
vertical-align: top;
height: 100%;
width: auto; }
.l-header__right__instagram {
margin-right: 22px; }
.l-header__right__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.l-header__sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #ffffff;
padding-left: 15px; }
.l-header__sp__logo {
width: 53px; }

.l-content {
width: 1200px;
margin: auto; }
@media screen and (max-width: 1200px) {
.l-content {
width: 92%; } }

@media screen and (max-width: 1025px) {
.l-footer {
margin-bottom: 67px; } }

.l-footer__contact {
position: relative;
padding-bottom: 80px; }
.l-footer__contact .c-title__background {
-webkit-transform: translate(-50%, -55%);
-ms-transform: translate(-50%, -55%);
transform: translate(-50%, -55%);
width: 448px; }
@media screen and (max-width: 768px) {
.l-footer__contact .c-title__background {
width: 220px; } }
.l-footer__contact__txt {
font-size: 2rem;
text-align: center;
margin-bottom: 54px; }
.l-footer__contact__buttonWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media screen and (max-width: 1025px) {
.l-footer__contact__buttonWrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.l-footer__contact .c-button {
width: 400px;
max-width: 100%;
padding: 30px 0;
font-size: 2rem; }
@media screen and (max-width: 768px) {
.l-footer__contact .c-button {
padding: 20px 0; } }
.l-footer__contact .c-button:first-of-type {
margin-right: 40px; }
@media screen and (max-width: 1025px) {
.l-footer__contact .c-button:first-of-type {
margin: 0 0 20px; } }
.l-footer__contact__background {
position: absolute;
z-index: -2;
left: 0;
bottom: 0;
height: calc(100% - -70px);
-o-object-position: top;
object-position: top; }

.l-footer__goTop__link {
position: relative;
display: block;
text-align: center;
width: 100%;
background: #452c08;
color: #ffffff;
padding: 39px 0 18px;
font-family: "Montserrat", sans-serif;
font-size: 1.8rem; }
.l-footer__goTop__link::before {
content: "";
position: absolute;
top: 13px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 22px;
height: 12px;
background: url(../img/common/arrowTop-white.svg) no-repeat; }

.l-footer__info {
background: #ebe1d5; }

.l-footer__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 37px 0 60px; }
@media screen and (max-width: 768px) {
.l-footer__content {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 20px 0 35px; } }

.l-footer__txt {
margin-bottom: 34px; }
@media screen and (max-width: 768px) {
.l-footer__txt {
margin-bottom: 18px;
font-size: 10px; } }
.l-footer__txt:last-of-type {
margin-bottom: 0; }

.l-footer__map {
position: relative;
width: 44%;
height: 0;
padding-top: calc(44% * 0.75); }
@media screen and (max-width: 768px) {
.l-footer__map {
width: 100%;
padding-top: 75%;
margin-bottom: 20px; } }
.l-footer__map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }

.l-footer__bottom {
padding: 30px; }
@media screen and (max-width: 768px) {
.l-footer__bottom {
padding-bottom: 15px; } }
.l-footer__bottom__logo {
display: block;
margin: 0 auto;
max-width: 106px;
margin-bottom: 30px; }
.l-footer__bottom_link_logo {
display: block;
margin: 0 auto;
max-width: 320px;
margin-bottom: 30px; }
@media screen and (max-width: 768px) {
.l-footer__bottom__logo {
width: 75px; } }
.l-footer__bottom__copyright {
line-height: 1;
text-align: center;
font-size: 1.2rem; }

.l-footer__btn {
position: fixed;
left: 0;
bottom: 0;
height: auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background: #ffffff;
padding: 10px 4px 10px 4px;;
-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.25); }
.l-footer__btn img {
padding: 0 2px;
}
.l-footer__bar__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 80px;
height: 60px;
border-right: 1px solid #dfd7c9;
padding-bottom: 11px; }
.l-footer__bar__item:last-of-type {
border-right: none; }
.l-footer__bar__icon {
display: block;
position: absolute;
top: calc(50% - 12px);
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.l-footer__bar__icon--heart {
width: 20px; }
.l-footer__bar__icon--mirror {
width: 13px; }
.l-footer__bar__icon--beginner {
width: 15px; }
.l-footer__bar__icon--check {
width: 19px; }
.l-footer__bar__icon--tel {
width: 14px; }
.l-footer__bar__icon--line {
width: 21px; }
.l-footer__bar__name {
font-size: 10px;
font-weight: bold; }

.footer_tel {
width: 400px;
margin: 0 auto;
padding-bottom: 60px
}
@media screen and (max-width: 768px) {
.footer_tel {
width: 80%;
margin: 0 auto;
padding-bottom: 30px
}
}

.p-hamburger__button {
position: relative;
background: #452c08;
width: 60px;
height: 0;
padding-top: 100%;
cursor: pointer; }
.p-hamburger__button__line {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 30px;
height: 2px;
background: #ffffff;
-webkit-transition: 0.2s;
transition: 0.2s; }
.p-hamburger__button__line:nth-of-type(1), .p-hamburger__button__line:nth-of-type(2), .p-hamburger__button__line:nth-of-type(3) {
-webkit-transform: translateX(-50%) scaleX(1);
-ms-transform: translateX(-50%) scaleX(1);
transform: translateX(-50%) scaleX(1); }
.p-hamburger__button__line:nth-of-type(1) {
top: 10px; }
.p-hamburger__button__line:nth-of-type(2), .p-hamburger__button__line:nth-of-type(4), .p-hamburger__button__line:nth-of-type(5) {
top: 20px; }
.p-hamburger__button__line:nth-of-type(3) {
top: 30px; }
.p-hamburger__button__text {
position: absolute;
left: 50%;
bottom: 8px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 10px;
line-height: 1;
-webkit-transition: 0.2s;
transition: 0.2s; }
.p-hamburger__button__text--close {
opacity: 0; }

.p-hamburger__nav {
position: absolute;
right: 0;
bottom: 0;
-webkit-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
transform: translate(100%, 100%);
background: #452c08;
height: calc(var(--windowHeight) - var(--headerHeight));
width: 340px;
max-width: 100vw;
padding: 30px 10px;
overflow: scroll;
-webkit-transition: 0.4s;
transition: 0.4s; }
.p-hamburger__nav__buttonWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 44px; }
.p-hamburger__nav__button {
text-align: center;
background: #ffffff;
padding: 14px 0;
width: 49%;
font-size: 15px;
color: #452c08;
line-height: 1;
font-weight: bold;
margin-bottom: 10px; }
.p-hamburger__nav__button--tel{
position: relative;
width: 100%;
margin-bottom: 10px;
}

.p-hamburger__nav__button--line {
position: relative;
width: 100%;
background: #00c900;
color: #ffffff;
margin-bottom: 0; }
.p-hamburger__nav__button--line::before {
content: "";
position: absolute;
top: 50%;
left: 17px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 29px;
height: 29px;
background: url(../img/common/logo-line.svg) no-repeat; }
.p-hamburger__nav__list {
margin-bottom: 30px; }
.p-hamburger__nav__item {
position: relative;
display: block;
padding: 22px;
line-height: 1; }
.p-hamburger__nav__item::before {
content: "";
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
height: 19px;
background: url(../img/common/arrowRight-white.svg) no-repeat; }
.p-hamburger__nav__item::after {
content: "";
position: absolute;
left: -10px;
bottom: 0;
width: 340px;
max-width: 100vw;
height: 1px;
background: #ffffff; }
.p-hamburger__nav__link {
line-height: 1;
color: #ffffff;
font-size: 17px; }
.p-hamburger__nav__sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 25px;
margin-bottom: 50px; }
.p-hamburger__nav__instagram, .p-hamburger__nav__facebook {
height: 100%; }
.p-hamburger__nav__instagram img, .p-hamburger__nav__facebook img {
height: 100%;
width: auto; }
.p-hamburger__nav__instagram {
margin-right: 30px; }
.p-hamburger__nav__txt {
color: #ffffff;
font-size: 12px; }

.p-hamburger.open .p-hamburger__button__line:nth-of-type(1), .p-hamburger.open .p-hamburger__button__line:nth-of-type(2), .p-hamburger.open .p-hamburger__button__line:nth-of-type(3) {
-webkit-transform: translateX(-50%) scaleX(0);
-ms-transform: translateX(-50%) scaleX(0);
transform: translateX(-50%) scaleX(0); }

.p-hamburger.open .p-hamburger__button__line:nth-of-type(4) {
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg); }

.p-hamburger.open .p-hamburger__button__line:nth-of-type(5) {
-webkit-transform: translateX(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg); }

.p-hamburger.open .p-hamburger__button__text--menu {
opacity: 0; }

.p-hamburger.open .p-hamburger__button__text--close {
opacity: 1; }

.p-hamburger.open .p-hamburger__nav {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%); }

.l-header__menu {
width: 210px;
height: 60px;
position: absolute;
right: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
}

.l-header__bar__item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 70px;height: 60px;border-right: 1px solid #dfd7c9;padding-bottom: 6px;}
.l-header__bar__item:last-of-type {
border-right: none; }
.l-header__bar__icon {
display: block;
position: absolute;
top: calc(50% - 12px);
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.l-header__bar__icon--heart {
width: 20px; }
.l-header__bar__icon--mirror {
width: 13px; }
.l-header__bar__icon--beginner {
width: 15px; }
.l-header__bar__icon--check {
width: 19px; }
.l-header__bar__icon--tel {
width: 14px; }
.l-header__bar__icon--line {
width: 21px; }
.l-header__bar__name {
font-size: 10px;
font-weight: bold;
}
.p-top__mainVisual {
position: relative;
height: calc(var(--windowHeight) - var(--headerHeight));
margin: 0 0 120px; }
@media screen and (max-width: 1200px) {
.p-top__mainVisual {
height: calc(100vw * 1.12 - var(--headerHeight)); } }
.p-top__mainVisual__copy {position: absolute;top: 35%;left: 50%;max-width: 60vw;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
@media screen and (max-width: 1200px) {
.p-top__mainVisual__copy {top: 25%;max-width: 94vw;} }
.p-top__mainVisual__copy.flow {
-webkit-animation: flow 0.8s forwards;
animation: flow 0.8s forwards; }
.p-top__mainVisual__txt {
position: absolute;
top: 60%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: YuMincho, "Yu Mincho", serif;
font-style: italic;
font-size: 3vw;
color: #ffffff;
white-space: nowrap;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media screen and (max-width: 1200px) {
.p-top__mainVisual__txt {top: 45%;font-size: calc(100vw / 12 - 1vw);} }
.p-top__mainVisual__char {
color: inherit;
font-size: inherit;
font-family: inherit;
opacity: 0;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
display: block; }
.p-top__mainVisual__char.show {
-webkit-animation: show 0.4s forwards;
animation: show 0.4s forwards; }
.p-top__mainVisual__scroll {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 72px;
width: 4vw;
min-width: 44px; }
.p-top__mainVisual__background {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%; }

.p-top__recommend {
position: relative;
padding-bottom: 80px;
margin-bottom: 140px; }
.p-top__recommend__background {
position: absolute;
z-index: -2;
left: 0;
bottom: 0;
width: 100%;
height: 112%;
-o-object-position: top;
object-position: top; }
.p-top__recommend__slide {
position: relative;
max-width: calc(100vw - 120px);
margin: 0 auto 70px; }
@media screen and (max-width: 1200px) {
.p-top__recommend__slide {
max-width: none;
margin-bottom: 35px; } }
.p-top__recommend__slide .slick-list {
margin-right: -30px; }
@media screen and (max-width: 1200px) {
.p-top__recommend__slide .slick-list {
margin-right: -15px; } }
.p-top__recommend__slide .slick-slide {
margin-right: 30px; }
@media screen and (max-width: 1200px) {
.p-top__recommend__slide .slick-slide {
margin-right: 15px; } }
.p-top__recommend__slideContent {
overflow: hidden; }
@media screen and (max-width: 1200px) {
.p-top__recommend__slideContent {
margin-bottom: 20px; } }
.p-top__recommend__item {
display: block;
position: relative;
padding-top: 80%;
overflow: hidden;
background: #ffffff; }
.p-top__recommend__item:hover {
opacity: 1; }
.p-top__recommend__item:hover .p-top__recommend__img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.6; }
.p-top__recommend__img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.4s;
transition: 0.4s; }
.p-top__recommend__txt {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(67, 43, 8, 0.9);
color: #ffffff;
line-height: 1;
padding: 12px 20px; }
.p-top__recommend__txt::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 18px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(../img/common/arrowRight-white.svg) no-repeat; }
.p-top__recommend__arrow {
position: absolute;
top: 50%;
width: 20px;
cursor: pointer; }
.p-top__recommend__arrow--prev {
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
left: -30px; }
.p-top__recommend__arrow--next {
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
right: -30px; }
.p-top__recommend__dotsWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.p-top__recommend__dot {
height: 0;
width: 0;
padding: 5px;
border-radius: 50%;
background: #ffffff;
border: 1px solid #8c8c8c;
margin-right: 5px; }
.p-top__recommend__dot:last-of-type {
margin-right: 0; }
.p-top__recommend__dot.current {
background: #8c8c8c; }
.p-top__recommend__button {
display: block;
border-radius: 50px;
width: 300px;
margin: auto;
text-align: center;
padding: 17px 0;
line-height: 1;
color: #ffffff;
background: #9d6f2e;
-webkit-transition: 0.2s;
transition: 0.2s; }
.p-top__recommend__button:hover {
opacity: 1;
color: #9d6f2e;
background: #ffffff; }

.p-top__treatment .c-title__background {
width: 500px;
-webkit-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
transform: translate(-50%, -60%); }
@media screen and (max-width: 768px) {
.p-top__treatment .c-title__background {
width: 255px; } }

.p-top__treatment__txt {
text-align: center;
margin-bottom: 60px; }
@media screen and (max-width: 768px) {
.p-top__treatment__txt {
margin-bottom: 40px; } }

.p-top__treatment__section {
position: relative; }

.p-top__treatment__background {
position: absolute;
z-index: -2;
top: 50%;
left: calc(-50vw + 50%);
height: calc(100% + 200px);
width: 100vw;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: -webkit-gradient(linear, left top, right top, from(#ebe1d5), to(#fdf8f2));
background: linear-gradient(to right, #ebe1d5, #fdf8f2);
overflow: hidden; }
@media screen and (max-width: 1025px) {
.p-top__treatment__background {
display: none; } }
.p-top__treatment__background::before, .p-top__treatment__background::after {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 200vw;
height: 500px;
-webkit-transform: translate(-29%, -60%) rotate(7deg);
-ms-transform: translate(-29%, -60%) rotate(7deg);
transform: translate(-29%, -60%) rotate(7deg);
background: #ffffff; }
@media screen and (min-width: 1700px) {
.p-top__treatment__background::before, .p-top__treatment__background::after {
-webkit-transform: translate(-29%, -50%) rotate(7deg);
-ms-transform: translate(-29%, -50%) rotate(7deg);
transform: translate(-29%, -50%) rotate(7deg); } }
@media screen and (min-width: 2000px) {
.p-top__treatment__background::before, .p-top__treatment__background::after {
-webkit-transform: translate(-29%, -40%) rotate(7deg);
-ms-transform: translate(-29%, -40%) rotate(7deg);
transform: translate(-29%, -40%) rotate(7deg); } }
.p-top__treatment__background::after {
top: auto;
bottom: 0;
-webkit-transform: translate(-29%, 90%) rotate(7deg);
-ms-transform: translate(-29%, 90%) rotate(7deg);
transform: translate(-29%, 90%) rotate(7deg); }

.p-top__treatment__section:nth-of-type(4) .p-top__treatment__background {
height: calc(100% + 200px); }
.p-top__treatment__section:nth-of-type(4) .p-top__treatment__background::before, .p-top__treatment__section:nth-of-type(4) .p-top__treatment__background::after {
-webkit-transform: translate(-29%, -90%) rotate(-7deg);
-ms-transform: translate(-29%, -90%) rotate(-7deg);
transform: translate(-29%, -90%) rotate(-7deg); }
.p-top__treatment__section:nth-of-type(4) .p-top__treatment__background::after {
-webkit-transform: translate(-29%, 55%) rotate(-7deg);
-ms-transform: translate(-29%, 55%) rotate(-7deg);
transform: translate(-29%, 55%) rotate(-7deg); }

.p-top__treatment__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -30px 0 106px; }
.p-top__treatment__list::after {
content: "";
width: calc(100% / 3 - 19px);
height: 0; }

.p-top__banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: -30px 0 100px; }
@media screen and (max-width: 768px) {
.p-top__banner {
margin: -20px 0 100px; } }
.p-top__banner__img {
position: relative;
margin-top: 30px;
width: calc(50% - 15px);
padding-top: calc((50% - 15px) * 0.376); }
.p-top__banner__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media screen and (max-width: 768px) {
.p-top__banner__img {
width: 100%;
padding-top: 0;
margin-top: 20px; }
.p-top__banner__img img {
position: static;
height: auto; } }

.p-top__news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 160px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media screen and (max-width: 1200px) {
.p-top__news {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.p-top__news__left {
padding-top: 54px; }
@media screen and (max-width: 1200px) {
.p-top__news__left {
padding-top: 0; } }
.p-top__news__title {
position: relative;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 4rem;
margin-bottom: 84px;
line-height: 1;
letter-spacing: 1rem; }
@media screen and (max-width: 1200px) {
.p-top__news__title {
margin-bottom: 60px; } }
.p-top__news__subtitle {
font-size: 2rem;
line-height: 1;
position: absolute;
left: 50%;
bottom: -20px;
-webkit-transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
letter-spacing: normal; }
@media screen and (max-width: 1200px) {
.p-top__news__subtitle {
bottom: -10px; } }
.p-top__news__background {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 292px; }
@media screen and (max-width: 768px) {
.p-top__news__background {
width: 180px;
-webkit-transform: translate(-52%, -50%);
-ms-transform: translate(-52%, -50%);
transform: translate(-52%, -50%); } }
.p-top__news__button {
display: block;
width: 240px;
color: #ffffff;
background: #9d6f2e;
padding: 17px 0;
text-align: center;
font-size: 1.6rem;
border-radius: 50px;
line-height: 1;
-webkit-transition: 0.2s;
transition: 0.2s;
border: #9d6f2e 1px solid; }
.p-top__news__button:hover {
opacity: 1;
color: #9d6f2e;
background: #ffffff; }
@media screen and (max-width: 768px) {
.p-top__news__button {
width: 200px; } }
.p-top__news__list {
width: 840px; }
@media screen and (max-width: 1200px) {
.p-top__news__list {
width: 100%;
margin-bottom: 30px; } }
.p-top__news__item {
position: relative;
padding: 24px 0; }
@media screen and (max-width: 1200px) {
.p-top__news__item {
padding: 18px; } }
.p-top__news__item::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #c9c9c9; }

.p-detail .p-bread {
margin-bottom: 20px; }

.p-detail__banner {
position: relative;
height: 0;
padding-top: 34.37%;
margin-bottom: 13.8rem; }
@media screen and (max-width: 1025px) {
.p-detail__banner {
padding-top: 86.6%; } }
.p-detail__banner img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }

.p-detail__firstView {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 162px; }
@media screen and (max-width: 768px) {
.p-detail__firstView {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.p-detail__firstView__left {
padding-left: 100px; }
@media screen and (max-width: 768px) {
.p-detail__firstView__left {
padding: 0;
width: 100%;
margin-bottom: 30px; } }
.p-detail__firstView__title {
font-size: 3rem;
font-weight: bold;
line-height: 1;
margin-bottom: 36px; }
@media screen and (max-width: 768px) {
.p-detail__firstView__title {
margin-bottom: 15px; } }
.p-detail__firstView__img {
position: relative;
width: 50%;
height: 0;
padding-top: calc(50% * 0.5); }
@media screen and (max-width: 768px) {
.p-detail__firstView__img {
width: 100%;
padding-top: 50%; } }
.p-detail__firstView__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.p-detail__firstView__img::after {
content: "";
display: block;
height: 100%;
width: 50vw;
position: absolute;
z-index: -1;
left: 0;
bottom: -40px;
background: url(../img/detail/object01.svg) no-repeat;
background-size: cover;
background-position: left; }
@media screen and (max-width: 768px) {
.p-detail__firstView__img::after {
width: 96vw; } }

.p-detail__index {
position: relative;
margin-bottom: 60px; }
.p-detail__index::after {
content: "";
position: absolute;
z-index: -2;
left: calc(-50vw + 50%);
bottom: 0;
display: block;
width: 100vw;
height: 130%;
background: url(../img/detail/object02.svg) no-repeat;
background-size: cover;
background-position: top; }
.p-detail__index--white {
margin-bottom: 80px; }
.p-detail__index--white::after {
display: none; }
.p-detail__index--white .p-detail__index__list {
padding-bottom: 0; }
.p-detail__index .c-title__main {
margin-bottom: 0; }
.p-detail__index .c-title__background {
-webkit-transform: translate(-53%, -58%);
-ms-transform: translate(-53%, -58%);
transform: translate(-53%, -58%);
width: 462px; }
@media screen and (max-width: 768px) {
.p-detail__index .c-title__background {
width: 230px; } }
.p-detail__index__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px 0 0 -20px;
padding-bottom: 80px; }
.p-detail__index__item {
position: relative;
margin: 20px 0 0 20px;
padding: 18px 62px 18px 40px;
line-height: 1;
border: 1px solid #9d6f2e;
color: #9d6f2e;
font-size: 1.6rem;
border-radius: 40px;
background: #ffffff; }
@media screen and (max-width: 768px) {
.p-detail__index__item {
width: 100%; } }
.p-detail__index__item::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 10px;
height: 18px;
background: url(../img/common/arrowRight-brown.svg) no-repeat;
background-size: cover; }

.p-detail__about {
margin-bottom: 160px; }
.p-detail__about__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
@media screen and (max-width: 1025px) {
.p-detail__about__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.p-detail__about__content::after {
content: "";
position: absolute;
z-index: -1;
left: calc(-50vw + 50%);
bottom: -70px;
display: block;
width: calc(50vw + 104px);
height: 100%;
background: url(../img/detail/object03.svg) no-repeat;
background-size: cover;
background-position: right top; }
@media screen and (max-width: 1025px) {
.p-detail__about__content::after {
left: calc(-50vw + 50%);
width: 100vw; } }
.p-detail__about__txtWrap {
width: 50%;
padding-right: 28px; }
@media screen and (max-width: 1025px) {
.p-detail__about__txtWrap {
width: 100%;
padding: 0;
margin-bottom: 40px; } }
.p-detail__about__txtWrap p {
font-size: 1.8rem;
margin-bottom: 1.8rem; }
.p-detail__about__txtWrap p:last-of-type {
margin-bottom: 0; }
.p-detail__about__img {
position: relative;
height: 0;
width: 50%;
padding-top: calc(50% * 0.63); }
@media screen and (max-width: 1025px) {
.p-detail__about__img {
width: 100%;
padding-top: 63%; } }
.p-detail__about__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }

.p-detail__trouble {
position: relative;
border: 10px solid #ebe1d5;
margin-bottom: 80px; }
.p-detail__trouble__title {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -65%);
-ms-transform: translate(-50%, -65%);
transform: translate(-50%, -65%);
font-size: 3rem;
line-height: 1;
padding: 0 9px;
font-weight: bold;
background: #ffffff;
white-space: nowrap; }
.p-detail__trouble__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 50px 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.p-detail__trouble__img {
position: relative;
width: 41%;
height: 0;
padding-top: calc(41% * 0.71); }
@media screen and (max-width: 1025px) {
.p-detail__trouble__img {
width: 100%;
padding-top: 71%;
margin-bottom: 20px; } }
.p-detail__trouble__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.p-detail__trouble__list {
width: 50%; }
@media screen and (max-width: 1025px) {
.p-detail__trouble__list {
width: 100%; } }
.p-detail__trouble__item {
position: relative;
border-bottom: 2px solid #9d6f2e;
padding: 10px 0 20px 14rem;
}
.p-detail__trouble__badge {
display: block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #eed08f;
font-weight: bold;
padding: 1rem 1.6rem;
border-radius: 30px;
color: #260000;
margin-right: 3rem;
line-height: 1; }
.p-detail__trouble__txt {
font-size: 1.8rem;
font-weight: bold;
color: #260000; }

.p-detail__feature {
margin-bottom: 160px; }
.p-detail__feature__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative; }
@media screen and (max-width: 1025px) {
.p-detail__feature__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.p-detail__feature__content::after {
content: "";
position: absolute;
z-index: -1;
right: calc(-50vw + 50%);
bottom: -70px;
display: block;
width: calc(50vw + 104px);
height: 100%;
background: url(../img/detail/object04.svg) no-repeat;
background-size: cover;
background-position: left top; }
@media screen and (max-width: 1025px) {
.p-detail__feature__content::after {
right: calc(-50vw + 50%);
width: 100vw; } }
.p-detail__feature__txtWrap {
width: 50%;
padding-left: 28px; }
@media screen and (max-width: 1025px) {
.p-detail__feature__txtWrap {
width: 100%;
padding: 0; } }
.p-detail__feature__txtWrap p {
font-size: 1.8rem;
margin-bottom: 1.8rem; }
.p-detail__feature__txtWrap p:last-of-type {
margin-bottom: 0; }
.p-detail__feature__img {
position: relative;
height: 0;
width: 50%;
padding-top: calc(50% * 0.63); }
@media screen and (max-width: 1025px) {
.p-detail__feature__img {
width: 100%;
padding-top: 63%;
margin-bottom: 40px; } }
.p-detail__feature__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }

.p-detail__section {
margin-bottom: 80px; }
.p-detail__section__content {
padding: 5.6rem 14rem;
border: 10px solid #ebe1d5; }
@media screen and (max-width: 1025px) {
.p-detail__section__content {
padding: 3rem; } }
.p-detail__section__content * {
font-size: 1.8rem;
font-weight: bold; }

.p-detail__question {
margin-bottom: 80px; }
.p-detail__question__item {
margin-bottom: 20px; }
.p-detail__question__question {
position: relative;
background: #faf5ef;
font-size: 1.8rem;
font-weight: bold;
padding: 1.8rem 6rem 1.8rem 8rem;
cursor: pointer; }
.p-detail__question__question::before {
content: "Q.";
position: absolute;
top: 50%;
left: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 4rem;
height: 4rem;
font-size: 2.4rem;
font-weight: bold;
color: #9d6f2e;
line-height: 1;
background: #ffffff;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.p-detail__question__question::after {
content: "";
position: absolute;
top: 50%;
right: 2rem;
display: block;
width: 3rem;
height: 1.6rem;
background: url(../img/common/arrowTop-black.svg) no-repeat;
background-size: cover;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
-webkit-transition: 0.3s;
transition: 0.3s; }
.p-detail__question__question.open::after {
-webkit-transform: translateY(-50%) rotate(720deg);
-ms-transform: translateY(-50%) rotate(720deg);
transform: translateY(-50%) rotate(720deg); }
.p-detail__question__answer {
display: none;
position: relative;
font-size: 1.8rem;
padding: 0 2rem 0 8rem;
margin: 20px 0 40px; }
.p-detail__question__answer::before {
content: "A.";
position: absolute;
top: 0;
left: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 4rem;
height: 4rem;
font-size: 2.4rem;
font-weight: bold;
line-height: 1;
background: #9d6f2e;
color: #ffffff;
border-radius: 50%; }

.p-detail__price {
margin-bottom: 134px; }
.p-detail__price__list {
padding: 0.3rem 2.3rem;
background: #faf5ef;
margin-bottom: 2rem; }
.p-detail__price__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 3rem 2.2rem 3rem 1.3rem;
border-bottom: 1px solid #9d6f2e; }
.p-detail__price__row:last-of-type {
border-bottom: none; }
.p-detail__price__head, .p-detail__price__data {
font-size: 1.6rem;
font-weight: bold; }
@media screen and (max-width: 768px) {
.p-detail__price__head, .p-detail__price__data {
width: 100%; } }
.p-detail__price__head {
max-width: 80%; }
@media screen and (max-width: 768px) {
.p-detail__price__head {
max-width: none;
margin-bottom: 2rem; } }
.p-detail__price__data {
max-width: 18%; }
@media screen and (max-width: 768px) {
.p-detail__price__data {
max-width: none;
text-align: right; } }

.p-bread {
margin: 20px auto 120px; }
@media screen and (max-width: 1200px) {
.p-bread {
margin-bottom: 80px; } }
.p-bread__link, .p-bread__current {
line-height: 1; }
.p-bread__link {
position: relative;
text-decoration: underline; }

.p-treatment {
margin-bottom: 250px; }
.p-treatment .c-title__background {
width: 500px;
-webkit-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
transform: translate(-50%, -60%); }
@media screen and (max-width: 768px) {
.p-treatment .c-title__background {
width: 255px; } }
.p-treatment__txt {
text-align: center;
margin-bottom: 60px; }
@media screen and (max-width: 768px) {
.p-treatment__txt {
margin-bottom: 40px; } }
.p-treatment__section {
position: relative; }
.p-treatment__background {
position: absolute;
z-index: -2;
top: 50%;
left: calc(-50vw + 50%);
height: calc(100% + 200px);
width: 100vw;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: -webkit-gradient(linear, left top, right top, from(#ebe1d5), to(#fdf8f2));
background: linear-gradient(to right, #ebe1d5, #fdf8f2);
overflow: hidden; }
@media screen and (max-width: 1025px) {
.p-treatment__background {
display: none; } }
.p-treatment__background::before, .p-treatment__background::after {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 200vw;
height: 500px;
-webkit-transform: translate(-29%, -60%) rotate(7deg);
-ms-transform: translate(-29%, -60%) rotate(7deg);
transform: translate(-29%, -60%) rotate(7deg);
background: #ffffff; }
@media screen and (min-width: 1700px) {
.p-treatment__background::before, .p-treatment__background::after {
-webkit-transform: translate(-29%, -50%) rotate(7deg);
-ms-transform: translate(-29%, -50%) rotate(7deg);
transform: translate(-29%, -50%) rotate(7deg); } }
@media screen and (min-width: 2000px) {
.p-treatment__background::before, .p-treatment__background::after {
-webkit-transform: translate(-29%, -40%) rotate(7deg);
-ms-transform: translate(-29%, -40%) rotate(7deg);
transform: translate(-29%, -40%) rotate(7deg); } }
.p-treatment__background::after {
top: auto;
bottom: 0;
-webkit-transform: translate(-29%, 90%) rotate(7deg);
-ms-transform: translate(-29%, 90%) rotate(7deg);
transform: translate(-29%, 90%) rotate(7deg); }
.p-treatment__section:nth-of-type(4) .p-treatment__list {
margin-bottom: 0; }
.p-treatment__section:nth-of-type(4) .p-treatment__background {
height: calc(100% + 200px); }
.p-treatment__section:nth-of-type(4) .p-treatment__background::before, .p-treatment__section:nth-of-type(4) .p-treatment__background::after {
-webkit-transform: translate(-29%, -90%) rotate(-7deg);
-ms-transform: translate(-29%, -90%) rotate(-7deg);
transform: translate(-29%, -90%) rotate(-7deg); }
.p-treatment__section:nth-of-type(4) .p-treatment__background::after {
-webkit-transform: translate(-29%, 55%) rotate(-7deg);
-ms-transform: translate(-29%, 55%) rotate(-7deg);
transform: translate(-29%, 55%) rotate(-7deg); }
.p-treatment__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -30px 0 106px; }
.p-treatment__list::after {
content: "";
width: calc(100% / 3 - 19px);
height: 0; }

.p-recommend {
margin-bottom: 180px; }
.p-recommend__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -50px; }
@media screen and (max-width: 768px) {
.p-recommend__list {
margin-top: -30px; } }
.p-recommend__list::after {
content: "";
height: 0;
width: calc(100% / 3 - 20px); }
@media screen and (max-width: 768px) {
.p-recommend__list::after {
width: calc(100% / 2 - 30px); } }
.p-recommend__list__item {
margin-top: 50px;
width: calc(100% / 3 - 20px); }
@media screen and (max-width: 768px) {
.p-recommend__list__item {
width: calc(100% / 2 - 15px);
margin-top: 30px; } }
@media screen and (max-width: 520px) {
.p-recommend__list__item {
width: 100%; } }
.p-recommend__list__item:hover {
opacity: 1; }
.p-recommend__list__item:hover .p-recommend__list__img img {
opacity: 0.6;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.p-recommend__list__img {
position: relative;
width: 100%;
height: 0;
padding-top: 68.4%;
margin-bottom: 14px;
overflow: hidden; }
.p-recommend__list__img img {
-webkit-transition: 0.4s;
transition: 0.4s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.p-recommend__list__title {
font-size: 1.8rem; }

.p-price {
margin-bottom: 180px; }
.p-price .c-title__background {
-webkit-transform: translate(-54%, -62%);
-ms-transform: translate(-54%, -62%);
transform: translate(-54%, -62%);
width: 314px; }
@media screen and (max-width: 768px) {
.p-price .c-title__background {
width: 180px; } }
.p-price__section {
margin-bottom: 100px; }
.p-price__section:last-of-type {
margin-bottom: 0; }
.p-price__section__item {
margin-bottom: 60px; }
.p-price__section__nameWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px; }
.p-price__section__name {
font-size: 2.4rem;
padding: 10px 30px;
background: #faf5ef;
line-height: 1; }
.p-price__section__list {
padding: 0.3rem 2.3rem;
background: #faf5ef;
margin-bottom: 2rem; }
.p-price__section__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 3rem 2.2rem 3rem 1.3rem;
border-bottom: 1px solid #9d6f2e; }
.p-price__section__row:last-of-type {
border-bottom: none; }
.p-price__section__head, .p-price__section__data {
font-size: 2rem;
font-weight: bold; }
@media screen and (max-width: 768px) {
.p-price__section__head, .p-price__section__data {
width: 100%; } }
.p-price__section__head {
max-width: 80%; }
@media screen and (max-width: 768px) {
.p-price__section__head {
max-width: none;
margin-bottom: 2rem; } }
.p-price__section__data {
max-width: 18%; }
@media screen and (max-width: 768px) {
.p-price__section__data {
max-width: none;
text-align: right; } }

.p-news {
margin-bottom: 180px; }
.p-news .c-title__background {
width: 290px;
-webkit-transform: translate(-50%, -56%);
-ms-transform: translate(-50%, -56%);
transform: translate(-50%, -56%); }
@media screen and (max-width: 768px) {
.p-news .c-title__background {
width: 200px; } }
.p-news__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -50px 0 80px; }
@media screen and (max-width: 768px) {
.p-news__list {
margin-top: -30px 0 80px; } }
.p-news__list::after {
content: "";
height: 0;
width: calc(100% / 3 - 20px); }
@media screen and (max-width: 768px) {
.p-news__list::after {
width: calc(100% / 2 - 30px); } }
.p-news__list__item {
margin-top: 50px;
width: calc(100% / 3 - 20px); }
@media screen and (max-width: 768px) {
.p-news__list__item {
width: calc(100% / 2 - 15px);
margin-top: 30px; } }
@media screen and (max-width: 520px) {
.p-news__list__item {
width: 100%; } }
.p-news__list__item:hover {
opacity: 1; }
.p-news__list__item:hover .p-news__list__img img {
opacity: 0.6;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.p-news__list__img {
position: relative;
width: 100%;
height: 0;
padding-top: 68.4%;
margin-bottom: 14px;
overflow: hidden; }
.p-news__list__img img {
-webkit-transition: 0.4s;
transition: 0.4s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.p-news__list__title {
font-size: 1.8rem;
margin-bottom: 20px; }
.p-news__list__date {
font-size: 1.4rem;
color: #8c8c8c;
line-height: 1; }
.p-news__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.p-news__pagination__arrow, .p-news__pagination__item, .p-news__pagination__ellipses {
display: block;
margin-right: 20px; }
.p-news__pagination__arrow--current, .p-news__pagination__item--current, .p-news__pagination__ellipses--current {
pointer-events: none;
color: #b7b7b7; }
.p-news__pagination__arrow:last-of-type.p-news__pagination__arrow, .p-news__pagination__item:last-of-type.p-news__pagination__arrow, .p-news__pagination__ellipses:last-of-type.p-news__pagination__arrow {
margin-right: 0; }
.p-news__pagination__arrow {
position: relative;
bottom: 1px;
width: 9px; }

.p-single {
width: 1000px;
margin: 0 auto 122px; }
@media screen and (max-width: 1200px) {
.p-single {
width: 92%; } }
.p-single .c-title__background {
width: 290px;
-webkit-transform: translate(-50%, -56%);
-ms-transform: translate(-50%, -56%);
transform: translate(-50%, -56%); }
@media screen and (max-width: 768px) {
.p-single .c-title__background {
width: 200px; } }
.p-single__title {
font-family: "hiragino kaku gothic pro", YuGothic, "Yu Gothic", sans-serif;
font-weight: 600;
font-size: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #d8d8d8;
margin-bottom: 2.4rem; }
.p-single__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 26px; }
.p-single__head__iconWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 16px; }
.p-single__head__icon {
height: 100%;
margin-right: 22px; }
.p-single__head__icon:last-of-type {
margin-right: 0; }
.p-single__head__icon img {
vertical-align: top;
height: 100%;
width: auto; }
.p-single__body {
padding-bottom: 7rem;
margin-bottom: 4rem;
border-bottom: 1px solid #d8d8d8; }
.p-single__body p {
margin-bottom: 3rem; }
.p-single__body p img {
width: 100% !important;
height: auto !important; }
.p-single__body p:last-of-type {
margin-bottom: 0; }
.p-single__buttonWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.p-single__button {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 13.2rem;
height: 4rem;
color: #ffffff;
background: #383129;
margin-right: 2rem; }
.p-single__button::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 1rem;
width: 0.9rem;
height: 1.6rem;
background: url(../img/common/arrowLeft-white.svg) no-repeat;
background-size: cover;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.p-single__button--brown {
background: #9d6f2e; }
.p-single__button--brown::after {
display: none; }
.p-single__button:last-of-type {
margin-right: 0; }
.p-single__button:last-of-type::after {
left: auto;
right: 1rem;
background: url(../img/common/arrowRight-white.svg) no-repeat;
background-size: cover; }

.p-contact {
margin-bottom: 12rem; }
.p-contact .c-title {
margin-bottom: 11rem; }
.p-contact .c-title__background {
-webkit-transform: translate(-50%, -70%);
-ms-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
width: 448px; }
@media screen and (max-width: 768px) {
.p-contact .c-title__background {
width: 220px; } }
.p-contact__form {
max-width: 92%;
width: 700px;
margin: auto; }
.p-contact__form__row {
position: relative;
display: block;
padding: 3rem 0 3rem 24rem;
border-top: 1px solid #ededed; }
@media screen and (max-width: 768px) {
.p-contact__form__row {
padding: 60px 0 3rem 20px; } }
.p-contact__form__row:last-of-type {
border-bottom: 1px solid #ededed;
margin-bottom: 6rem; }
.p-contact__form__row:last-of-type::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 20rem;
height: 1px;
background: #ffe7e7; }
.p-contact__form__row::before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 20rem;
height: 1px;
background: #ffe7e7; }
.p-contact__form__head {
position: absolute;
top: 50%;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
line-height: 1;
width: 19.6rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (max-width: 768px) {
.p-contact__form__head {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 3rem;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.p-contact__form__badge {
background: #e60012;
color: #ffffff;
font-size: 1.4rem;
padding: 0.6rem 1.6rem;
line-height: 1; }
@media screen and (max-width: 768px) {
.p-contact__form__badge {
margin-left: 10px; } }
.p-contact__form__input, .p-contact__form__textarea {
background: #f3f3f3;
border-radius: 5px;
font-size: 16px; }
.p-contact__form__input {
width: calc(100% - 20px);
padding: 8px;
line-height: 1;
font-size: 16px; }
@media screen and (max-width: 768px) {
.p-contact__form__input {
width: calc(100% - 20px); } }
.p-contact__form__input--tel {
width: 110px; }
@media screen and (max-width: 768px) {
.p-contact__form__input--tel {
width: calc((100% - 20px) / 3 - 8px); } }
.p-contact__form__textarea {
padding: 4px 8px;
height: 150px;
width: calc(100% - 108px);
resize: none; }
@media screen and (max-width: 768px) {
.p-contact__form__textarea {
width: calc(100% - 20px); } }
.p-contact__form__buttonWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.p-contact__form__button {
background: #383129;
color: #ffffff;
padding: 2.4rem 10.5rem;
line-height: 1;
border-radius: 50px;
-webkit-transition: 0.2s;
transition: 0.2s;
font-weight: bold; }
.p-contact__form__button:hover {
opacity: 0.6; }
.p-contact--reserve .c-title__background {
width: 388px; }
@media screen and (max-width: 768px) {
.p-contact--reserve .c-title__background {
width: 250px; } }

.ui-datepicker-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }

.ui-datepicker-year {
max-width: 43px; }

.ui-datepicker-month {
margin-left: 10px !important; }

.p-medical__firstView {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 162px; }

.p-medical__firstView__left {
padding-left: 100px; }

.p-medical__firstView__title {
font-size: 3rem;
font-weight: bold;
line-height: 1;
margin-bottom: 36px; }

.p-medical__firstView__img {
position: relative;
width: 50%;
height: auto;
padding-top: calc(50% * 0.5); }

.p-medical__firstView__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto; }

.p-medical__firstView__img::after {
content: "";
display: block;
height: 100%;
width: 50vw;
position: absolute;
z-index: -1;
left: 0;
bottom: -40px;
background: url(../img/detail/object01.svg) no-repeat;
background-size: cover;
background-position: left; }

.p-medical__index {
position: relative;
margin-bottom: 80px; }

.p-medical__index::after {
content: "";
position: absolute;
z-index: -2;
left: calc(-50vw + 50%);
bottom: 0;
display: block;
width: 100vw;
height: 130%;
background: url(../img/detail/object02.svg) no-repeat;
background-size: cover;
background-position: top; }

.c-title__main {
margin-bottom: 0; }

.c-title__background {
-webkit-transform: translate(-53%, -58%);
-ms-transform: translate(-53%, -58%);
transform: translate(-53%, -58%);
width: 462px; }

.p-medical__index__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px 0 0 -20px;
padding-bottom: 80px; }

.p-medical__index__item {
position: relative;
margin: 20px 0 0 20px;
padding: 18px 62px 18px 40px;
line-height: 1;
border: 1px solid #9d6f2e;
color: #9d6f2e;
font-size: 1.6rem;
border-radius: 40px;
background: #ffffff; }

.p-medical__index__item::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 10px;
height: 18px;
background: url(../img/common/arrowRight-brown.svg) no-repeat;
background-size: cover; }

.p-medical__concept__img {
width: 50%; }

.p-medical__concept__txtWrap {
width: 47.5%;
position: relative; }

.p-medical__concept__txt {
font-size: 1.8rem; }

.p-medical__concept__txtWrap:after {
content: "";
background: url(../img/medical/object01.svg) no-repeat;
background-size: cover;
height: 100%;
width: calc(50vw + 104px);
display: block;
position: absolute;
z-index: -1;
right: calc(-50vw + 100%);
top: 100px; }

.p-medical__concept__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 220px; }

.p-medical__treatment {
margin-bottom: 130px; }

.p-medical__treatment__mainTxt {
text-align: center;
font-weight: bold;
margin-bottom: 75px; }

.p-medical__treatment__img {
width: 50%; }

.p-medical__treatment__explanation {
max-width: 1200px;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }

.p-medical__treatment__txtWrap {
width: 50%; }

.p-medical__treatment__txtttl {
background-color: #faf5ef;
height: 80px;
width: 100%;
margin-left: 20px;
font-size: 2.4rem;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px; }

.p-medical__treatment__txtttl span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 20px;
height: 40px;
width: 40px;
border-radius: 20px;
background-color: #fff;
color: #9d6f2e;
font-size: 2.4rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }

.p-medical__treatment__txt {
width: 96.66666%;
margin-left: 20px; }

@media screen and (max-width: 1025px) {
.p-medical__concept__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.p-medical__concept__txtWrap {
width: 100%;
margin-bottom: 20px; }
.p-medical__concept__txtWrap:after {
right: -30px;
width: calc(50vw + 100%); }
.p-medical__concept__img {
width: 100%; }
.p-medical__treatment__explanation {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.p-medical__treatment__img {
width: 100%; }
.p-medical__treatment__txtWrap {
width: 100%;
margin-bottom: 20px; }
.p-medical__treatment__txtttl {
margin-left: 0; }
.p-medical__treatment__txt {
margin-left: 0; } }

@media screen and (max-width: 768px) {
.p-medical__firstView {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.p-medical__firstView__left {
margin-bottom: 30px;
padding-left: 0; }
.p-medical__firstView__title {
margin-bottom: 15px; }
.p-medical__firstView__img {
width: 100%;
padding-top: 50%; }
.p-medical__firstView__img::after {
width: 96vw; }
.p-medical__treatment__txtttl {
width: 100%; }
.c-title__background {
width: 230px; } }

@media screen and (max-width: 520px) {
.p-medical__treatment__txtttl {
margin-bottom: 20px; }
.p-medical__treatment__mainTxt {
text-align: center;
font-weight: bold;
margin-bottom: 45px; }
.p-medical__concept__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 110px; }
.p-medical__index {
position: relative;
margin-bottom: 60px; } }

.p-introduction__firstView {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 162px; }

.p-introduction__firstView__left {
padding-left: 100px; }

.p-introduction__firstView__title {
font-size: 3rem;
font-weight: bold;
line-height: 1;
margin-bottom: 36px; }

.p-introduction__firstView__img {
position: relative;
width: 50%;
height: 0;
padding-top: calc(50% * 0.5); }

.p-introduction__firstView__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto; }

.p-introduction__firstView__img::after {
content: "";
display: block;
height: 100%;
width: 50vw;
position: absolute;
z-index: -1;
left: 0;
bottom: -40px;
background: url(../img/detail/object01.svg) no-repeat;
background-size: cover;
background-position: left; }

.p-introduction__index {
position: relative;
margin-bottom: 60px; }

.p-introduction__index::after {
content: "";
position: absolute;
z-index: -2;
left: calc(-50vw + 50%);
bottom: 0;
display: block;
width: 100vw;
height: 130%;
background: url(../img/detail/object02.svg) no-repeat;
background-size: cover;
background-position: top; }

.c-title__main {
margin-bottom: 0; }

.c-title__background {
-webkit-transform: translate(-53%, -58%);
-ms-transform: translate(-53%, -58%);
transform: translate(-53%, -58%);
width: 462px; }

.p-introduction__index__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px 0 0 -20px;
padding-bottom: 80px; }

.p-introduction__index__item {
position: relative;
margin: 20px 0 0 20px;
padding: 18px 62px 18px 40px;
line-height: 1;
border: 1px solid #9d6f2e;
color: #9d6f2e;
font-size: 1.6rem;
border-radius: 40px;
background: #ffffff; }

.p-introduction__index__item::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 10px;
height: 18px;
background: url(../img/common/arrowRight-brown.svg) no-repeat;
background-size: cover; }

.p-introduction__director,
.p-introduction__about {
margin-bottom: 160px; }

.p-introduction__director__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }

.p-introduction__director__txtWrap {
position: relative;
width: 50%;
padding-right: 28px; }

.p-introduction__director__txtWrap::after {
content: "";
position: absolute;
z-index: -1;
left: calc(-50vw + 100%);
top: 160px;
display: block;
width: calc(50vw + 104px);
height: 100%;
background: url(../img/detail/object03.svg) no-repeat;
background-size: cover;
background-position: right top; }

.p-introduction__director__txt,
.p-introduction__director__txt p {
font-size: 1.8rem;
margin-bottom: 1.8rem; }

.p-introduction__director__txtWrap p:last-of-type {
margin-bottom: 0; }

.p-introduction__director__img,
.p-introduction__about__img {
position: relative;
height: 0;
width: 50%;
padding-top: calc(50% * 0.63); }

.p-introduction__director__img img,
.p-introduction__about__img img {
position: absolute;
top: 0;
left: 0;
width: 100%; }

.p-introduction__about__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }

.p-introduction__about__txtWrap {
position: relative;
width: 50%;
padding-left: 28px; }

.p-introduction__about__txtWrap::after {
content: "";
position: absolute;
z-index: -1;
right: calc(-50vw + 100%);
bottom: -200px;
display: block;
width: calc(50vw + 104px);
height: 200px;
background: url(https://aim-beauty-medicalclinic.com/info/wp/wp-content/themes/aim/dist/img/introduction/object01@2x.png) no-repeat;
background-size: cover; }

.p-introduction__map__wrapper {
text-align: center;
position: relative;
max-width: 1200px;
padding-top: 37%;
margin-bottom: 15px; }

iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }

.p-pintroduction__map__txt {
line-height: 1.8;
font-size: 1.6rem;
font-weight: 500;
text-align: left; }

.p-.p-introduction__director,
.p-introduction__about {
margin-bottom: 160px; }

.p-introduction__director__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }

.p-introduction__director__txtWrap {
position: relative;
width: 50%;
padding-right: 28px; }

.p-introduction__director__txtWrap::after {
content: "";
position: absolute;
z-index: -1;
left: calc(-50vw + 100%);
top: 160px;
display: block;
width: calc(50vw + 104px);
height: 100%;
background: url(../img/detail/object03.svg) no-repeat;
background-size: cover;
background-position: right top; }

.p-introduction__director__txt,
.p-introduction__about__txt {
font-size: 1.8rem;
margin-bottom: 1.8rem; }

.p-introduction__director__txtWrap p:last-of-type {
margin-bottom: 0; }

.p-introduction__about__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }

.p-introduction__about__txtWrap {
position: relative;
width: 50%;
padding-left: 28px; }

.p-introduction__about__txtWrap::after {
content: "";
position: absolute;
z-index: -1;
right: calc(-50vw + 100%);
top: 100px;
display: block;
width: calc(50vw + 104px);
height: 100%;
background: url(../img/introduction/object03.svg) no-repeat;
background-size: cover;
background-position: left top; }

.p-introduction__map__wrapper {
text-align: center;
position: relative;
max-width: 1200px;
padding-top: 37%;
margin-bottom: 15px; }

iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }

.p-introduction__map__txt {
line-height: 1.8;
font-size: 1.6rem;
font-weight: 500;
text-align: left; }

.p-introduction__map__txtWrap {
max-width: 1200px;
height: 220px;
margin: auto;
margin-bottom: 120px; }

@media screen and (max-width: 1025px) {
.p-introduction__director__txtWrap::after {
top: 0; }
.p-introduction__about__txtWrap::after {
top: 40px; } }

@media screen and (max-width: 768px) {
.p-introduction__firstView {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 160px; }
.p-introduction__firstView__left {
padding: 0;
width: 100%;
margin-bottom: 30px; }
.p-introduction__firstView__title {
margin-bottom: 15px; }
.p-introduction__firstView__img {
width: 100%;
padding-top: 50%; }
.p-introduction__firstView__img::after {
width: 96vw; }
.c-title__background {
width: 230px; }
.p-introduction__item {
width: 100%; }
.p-introduction__director__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 300px; }
.p-introduction__about__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 300px; }
.p-introduction__director__txtWrap {
width: 100%;
margin-bottom: 20px; }
.p-introduction__director__img {
width: 100%;
height: 100%; }
.p-introduction__about__txtWrap {
width: 100%;
margin-bottom: 20px;
padding: 0;
height: auto; }
.p-introduction__about__img {
width: 100%; }
.p-introduction__director__txtWrap::after {
top: -53px;
width: 100vw;
height: 95vw;
-webkit-transform: translatex(-44%);
-ms-transform: translatex(-44%);
transform: translatex(-44%); }
.p-introduction__about__txtWrap::after {
top: -53px;
width: 100vw;
height: 95vw;
-webkit-transform: translatex(44%);
-ms-transform: translatex(44%);
transform: translatex(44%);
right: 40vw; }
.p-introduction__director,
.p-introduction__about {
margin-bottom: 400px; } }

@media screen and (max-width: 700px) {
.p-introduction__about__txtWrap::after,
.p-introduction__director__txtWrap::after {
height: 110vw; } }

@media screen and (max-width: 520px) {
.p-introduction__firstView {
margin-bottom: 162px; }
.p-introduction__map__txtWrap {
margin-bottom: 0; }
.p-introduction__map__wrapper {
height: 300px; }
.p-introduction__about__txtWrap::after {
height: 72vh; }
.p-introduction__director__txtWrap::after {
height: 90vh; }
.p-introduction__director__txtWrap::after {
top: -53px;
width: 100vw;
left: 40vw;
height: 150vw;
-webkit-transform: translatex(-44%);
-ms-transform: translatex(-44%);
transform: translatex(-44%); }
.p-introduction__director__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 240px; }
.p-introduction__director,
.p-introduction__about {
margin-bottom: 240px; }
.p-introduction__about__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 200px; } }

#l-wrapper {
overflow: hidden; }

.c-navigation {
background: #ffffff; }
.c-navigation__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.c-navigation__list__item {
position: relative;
padding: 20px 60px;
line-height: 1;
font-size: 1.4rem;
color: #412909; }
.c-navigation__list__item::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 2px;
height: 31px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(../img/common/separate.svg) no-repeat; }
.c-navigation__list__item:last-of-type::after {
display: none; }
.c-navigation__list__link {
position: relative; }
.c-navigation__list__link::after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 100%;
height: 2px;
background: #4b4b4b;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: 0.2s;
transition: 0.2s; }
.c-navigation__list__link:hover {
opacity: 1; }
.c-navigation__list__link:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: 0.2s;
transition: 0.2s; }

.c-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 240px;
padding: 15px;
line-height: 1;
border-radius: 50px;
border: 2px solid #ffffff;
color: #ffffff;
margin-right: 10px;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.c-button:last-of-type {
margin-right: 0; }
.c-button--brown {
background: #9d6f2e;
-webkit-transition: 0.2s;
transition: 0.2s; }
.c-button--brown:hover {
opacity: 1;
background: #ce9e5a;
-webkit-transition: 0.2s;
transition: 0.2s; }
.c-button--black {
background: #383129; }
.c-button--black:hover {
opacity: 1;
background: #5e554b;
-webkit-transition: 0.2s;
transition: 0.2s; }
.c-button--line {
position: relative;
padding-left: 32px;
width: 170px;
background: #00c900; }
.c-button--line:hover {
opacity: 1;
background: #57da57;
-webkit-transition: 0.2s;
transition: 0.2s; }
.c-button--line::before {
content: "";
position: absolute;
top: 50%;
left: 17px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 29px;
height: 29px;
background: url(../img/common/logo-line.svg) no-repeat; }

.c-title {
position: relative;
margin-bottom: 64px; }
@media screen and (max-width: 768px) {
.c-title {
margin-bottom: 30px; } }
.c-title__main {
display: block;
font-size: 4rem;
font-family: "Montserrat", sans-serif;
letter-spacing: 1rem;
margin-bottom: 20px;
text-align: center;
line-height: 1; }
@media screen and (max-width: 768px) {
.c-title__main {
margin-bottom: 10px; } }
.c-title__sub {
display: block;
font-size: 2rem;
line-height: 1;
text-align: center; }
.c-title__background {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -45%);
-ms-transform: translate(-50%, -45%);
transform: translate(-50%, -45%);
width: 600px; }
@media screen and (max-width: 768px) {
.c-title__background {
width: 300px; } }

.c-subtitle {
position: relative;
display: block;
text-align: center;
font-size: 3rem;
line-height: 1;
padding-bottom: 21px;
margin-bottom: 60px; }
@media screen and (max-width: 768px) {
.c-subtitle {
padding-bottom: 10px;
margin-bottom: 40px; } }
.c-subtitle::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 130px;
height: 1px;
background: #9d6f2e; }

.c-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% / 3 - 19px);
min-width: 380px;
border: 2px solid #9d6f2e;
background: #ffffff;
-webkit-transition: 0.2s;
transition: 0.2s;
margin-top: 30px; }
@media screen and (max-width: 1200px) {
.c-card {
min-width: auto;
width: calc(50% - 15px); } }
@media screen and (max-width: 768px) {
.c-card {
width: 100%; } }
.c-card:hover {
opacity: 1;
-webkit-transform: translate(10px, 10px);
-ms-transform: translate(10px, 10px);
transform: translate(10px, 10px); }
.c-card:hover::after {
-webkit-transform: translate(-10px, -10px);
-ms-transform: translate(-10px, -10px);
transform: translate(-10px, -10px); }
.c-card::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 10px;
left: 10px;
background: #9d6f2e;
-webkit-transition: 0.2s;
transition: 0.2s; }
.c-card__thumbnailWrap {
width: 34%;
min-height: 100%; }
@media screen and (max-width: 768px) {
.c-card__thumbnailWrap {
width: 22.6%;
position: relative;
height: 0;
padding-top: calc(22.6% / 0.76); } }
.c-card__thumbnail {
min-height: 100%; }
@media screen and (max-width: 768px) {
.c-card__thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } }
.c-card__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 66%;
padding: 30px 26px 20px;
background: #ffffff; }
@media screen and (max-width: 768px) {
.c-card__body {
width: 77.4%;
padding: 18px 14px 9px 15px; } }
.c-card__body__title {
font-size: 2rem;
font-weight: bold;
margin-bottom: 24px;
line-height: 1;
color: #9d6f2e; }
@media screen and (max-width: 768px) {
.c-card__body__title {
margin-bottom: 10px; } }
.c-card__body__txt {
position: relative;
padding-bottom: 24px;
margin-bottom: 20px; }
@media screen and (max-width: 768px) {
.c-card__body__txt {
padding-bottom: 14px;
margin-bottom: 8px; } }
.c-card__body__txt::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #9d6f2e; }
.c-card__body__detail {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
line-height: 1; }
.c-card__body__arrow {
width: 9px;
margin-left: 23px;
vertical-align: text-bottom; }

.c-anchor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #452c08;
margin-bottom: 80px; }
@media screen and (max-width: 1025px) {
.c-anchor {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: transparent; } }
.c-anchor__item {
position: relative;
width: 25%; }
@media screen and (max-width: 1025px) {
.c-anchor__item {
width: calc(100% / 2 - 7px);
margin-bottom: 16px; } }
.c-anchor__item::after {
content: "";
position: absolute;
top: 50%;
right: 0;
display: block;
width: 2px;
height: 31px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(../img/common/separate-white.svg) no-repeat; }
@media screen and (max-width: 1025px) {
.c-anchor__item::after {
display: none; } }
.c-anchor__item:last-of-type::after {
display: none; }
.c-anchor__link {
position: relative;
display: block;
padding: 22px 0 29px;
text-align: center;
color: #ffffff;
font-size: 2rem;
line-height: 1; }
@media screen and (max-width: 1025px) {
.c-anchor__link {
border: 1px solid #9d6f2e;
border-radius: 50px;
text-align: left;
padding: 14px 20px;
color: #9d6f2e; } }
@media screen and (max-width: 520px) {
.c-anchor__link {
font-size: 13px; } }
.c-anchor__link::after {
content: "";
display: block;
width: 18px;
height: 9px;
position: absolute;
left: 50%;
bottom: 8px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: url(../img/common/arrowBottom-white.svg) no-repeat; }
@media screen and (max-width: 1025px) {
.c-anchor__link::after {
left: auto;
bottom: auto;
top: 50%;
right: 15px;
width: 13px;
height: 7px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(../img/top/arrowBottom-brown.svg);
background-size: cover; } }

.u-font__bold {
font-weight: bold;
color: inherit;
line-height: inherit; }

@media screen and (min-width: 1401px) {
.u-none__pc--xxl {
display: none; } }

@media screen and (min-width: 1201px) {
.u-none__pc--xl {
display: none; } }

@media screen and (min-width: 1026px) {
.u-none__pc--lg {
display: none; } }

@media screen and (min-width: 769px) {
.u-none__pc--md {
display: none; } }

@media screen and (min-width: 521px) {
.u-none__pc--sm {
display: none; } }

@media screen and (max-width: 1400px) {
.u-none__mobile--xxl {
display: none; } }

@media screen and (max-width: 1200px) {
.u-none__mobile--xl {
display: none; } }

@media screen and (max-width: 1025px) {
.u-none__mobile--lg {
display: none; } }

@media screen and (max-width: 768px) {
.u-none__mobile--md {
display: none; } }

@media screen and (max-width: 520px) {
.u-none__mobile--sm {
display: none; } }

@-webkit-keyframes flow {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0; }
1% {
-webkit-transform: translate(-50%, calc(-50% + 60px));
transform: translate(-50%, calc(-50% + 60px));
opacity: 0; }
100% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1; } }

@keyframes flow {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0; }
1% {
-webkit-transform: translate(-50%, calc(-50% + 60px));
transform: translate(-50%, calc(-50% + 60px));
opacity: 0; }
100% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1; } }

@-webkit-keyframes show {
from {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0; }
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }

@keyframes show {
from {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0; }
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }

/*===========================================================
add
===========================================================*/

._title{
color: #9d6f2e;
border-left: 4px solid #9d6f2e;
padding-left: 10px;
margin-top: 20px;
}

.small_txt {
font-weight: normal!important;
}

.bold_txt {
font-weight: bold;
border-bottom: 1px solid;
padding-bottom: 4px;
}

.pcr h3 {
font-size: 2rem;
font-weight: bold;
border-bottom: 2px solid #9d6f2e;
margin-bottom: 20px;
}

.pcr td {
padding: 10px;
text-align: center;
}
.pcr h4 {
}
.pcr .post-btn {
padding-top: 20px;
margin-bottom: 10px;
text-align: center;
}
.pcr a {
padding: 20px 0;
display: block;
margin: 0 auto;
max-width:350px;
width: 90%;
font-size: 1.6rem;
background: #9d6f2e;
-webkit-transition: 0.2s;
transition: 0.2s;
color: #fff;
border-radius: 50px;
}



.curon h3 {
font-size: 2rem;
font-weight: bold;
border-bottom: 2px solid #9d6f2e;
margin-bottom: 20px;
margin-top: 20px;
}

.curon td {
padding: 10px;
text-align: center;
}

.curon a {
text-decoration: underline;
}

.table-layout-3 {
width: 100%;
border: 1px solid #eee; }
.table-layout-3 tr th,
.table-layout-3 tr td {
margin-top: 10px;
padding: 15px;
border-bottom: 1px solid #ddd; }
.table-layout-3 tr th {
width: 35%;
background: #ebe1d5;
text-align: left;
font-weight: bold; }

.ttl-XS {
font-size: 1.4rem;
display: inline-block;
padding-left: 10px;
font-weight: normal;
position: relative;
color: #9d6f2e;
margin: 10px 0; }
.ttl-XS::before {
content: "";
display: block;
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 0;
background: #9d6f2e;
border-radius: 2px; }
@media only screen and (max-width: 767px) {
.ttl-XS {
font-size: 1.6rem; } }


/*追記*/
.step-inner li dt{font-size:120%;}
.step-inner ol{width:65%;}
.step-inner li{padding: 45px 90px 35px!important;}
.step-inner li:first-child dt{padding: 30px 0;}
.step-inner li:nth-child(2) dt{padding: 20px 0;}
.step-inner li:last-child dt{padding: 20px 0;}

.step-inner p{right:22%;}


.step-inner li .img{
width:23%;
height:70%;
}

.step-inner ol{width:66%;}
.step-inner li{margin: 0 4.5% 70px;}
.step-inner li dd{font-size: 88%;}
.step-inner .d_point li dt span{width:64%;}


.step-inner li dt span{top:40%;}

.step-inner .d_caution{
width: 65%!important;
padding: 25px 3%!important;
}


.step-inner li{
position: relative;
border: 2px solid;
width: 70%;
margin: 0 auto 70px;
padding: 50px 90px 30px;
height:220px;
}
.step-inner li:nth-child(1){border-color:#b04d55;}

.step-inner li:nth-child(2){border-color:#ff9ba3;}

.step-inner li:nth-child(3){border-color:#ff4b59;margin-bottom:0;}

.hydra_page .h_step li::after{
content: "";
box-sizing: border-box;
width: 0;
height: 0;
border: 25px solid transparent;
border-top: 15px solid #ddd;
position: absolute;
left: 0;
right: 0;
bottom: -70px;
margin: auto;
}
.step-inner li:last-child::after{content:none;}

.step-inner li dl{width:75%;}

.step-inner li dt{
font-size: 16px;
margin-bottom: 5px;
}
.step-inner li dt span{
position:absolute;
top:-30px;
left:0;
right:0;
margin:auto;
padding:15px 0;
border-radius:50px;
text-align:center;
width:250px;
color:#fff;
font-weight:bold;
}
.step-inner li:nth-child(1) dt span{background:#b04d55;}

.step-inner li:nth-child(2) dt span{background:#ff9ba3;}

.step-inner li:nth-child(3) dt span{background:#ff4b59;}

.step-inner li dd{
font-size:100%;
line-height:1.7;
}
.step-inner li .img{
position: absolute;
right: 5%;
top: 20%;
bottom: 0;
margin: auto;
width: 25%;
height: 80%;
}

.sp {
display: none;
}

#sec5 .p-detail__section__content {
padding:0!important;
border: none; }

#sec6 ._title{
color: #9d6f2e;
border-left: 4px solid #9d6f2e;
padding-left: 10px;
margin-top: 20px;
margin-bottom: 20px;
}

#sec6 .p-detail__section__content {

border: 10px solid #f6d7d9; }


@media screen and (max-width: 768px) {
/*追記*/
.step-inner li dt{font-size:120%;}
.step-inner ol{width:100%;}
.step-inner li{padding: 0px;}
.step-inner li:first-child dt{padding: 10px 0;}
.step-inner li:nth-child(2) dt{padding: 10px 0;}
.step-inner li:last-child dt{padding: 10px 0;}

.step-inner p{right:22%;}


.step-inner li .img{
width:23%;
height:70%;
}

.step-inner ol{width:66%;}
.step-inner li{margin: 0 4.5% 70px;}
.step-inner li dd{font-size: 88%;}
.step-inner .d_point li dt span{width:64%;}


.step-inner li dt span{top:40%;}

.step-inner .d_caution{
width: 65%!important;
padding: 25px 3%!important;
}


.step-inner li{
position: relative;
border: none;
border-radius: 0px;
margin: 0 auto 30px;
padding: 40px 0 20px!important;
width:90%;
height: auto;
}
.step-inner li:nth-child(1){border-color:#b04d55;}

.step-inner li:nth-child(2){border-color:#ff9ba3;}

.step-inner li:nth-child(3){border-color:#ff4b59;margin-bottom:0;}

.hydra_page .h_step li::after{
content: "";
box-sizing: border-box;
width: 0;
height: 0;
border: 25px solid transparent;
border-top: 15px solid #ddd;
position: absolute;
left: 0;
right: 0;
bottom: -70px;
margin: auto;
}
.step-inner li:last-child::after{content:none;}

.step-inner li dl{width:100%;
display: block;
margin-top: 10px;}

.step-inner li dt{
font-size: 1rem;
margin-bottom: 5px;
text-align:left;
}
.step-inner li dt span{
position:absolute;
top:0px;
left:0;
right:0;
margin:auto;
padding:5px 0;
border-radius:50px;
text-align:center;
width:100%;
color:#fff;
font-weight:bold;
}
.step-inner li:nth-child(1) dt span{background:#b04d55;}

.step-inner li:nth-child(2) dt span{background:#ff9ba3;}

.step-inner li:nth-child(3) dt span{background:#ff4b59;}

.step-inner li dd{
font-size:100%;
line-height:1.7;
}
.step-inner li .img{
top: 35px;
width: 35vw;
height: 21vw;
}

.sp {
display:block;
}

.p-detail__question__question {
font-size: 1.4rem;
}
}

/*add*/
.price {
margin-bottom :10px;
}
.price table {
width: 100%;
border: 1px solid #9d6f2e;
}
.price tbody {
}

.table_bg {
background: #eed08f;
color: #260000;
font-weight: bold;
}
.price tr {
border: 1px solid #9d6f2e;
}
.price td {
border: 1px solid #9d6f2e;
padding: 20px;
vertical-align: middle;
width: 20%;
}

.tb6 td{
width: 15%!important;
}

.corona_txt {
color: #fff;
position: absolute;
text-align: center;
top: 80%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

.cp_price {
font-weight: bold;
text-align: center;
padding: 20px 0 10px 0;
font-size: 20px;
}

.sub_txt {
text-align: center;
padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
.price td {
padding: 10px;
}


.corona_txt {
color: #fff;
position: absolute;
text-align: center;
min-width: 230px;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

.cp_price {
font-weight: bold;
text-align: center;
padding: 20px 0 10px 0;
font-size: 2rem;
}

.sub_txt {
text-align: center;
padding-bottom: 10px;
}
}