@charset "UTF-8";


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
padding: 0;
margin: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
border: 0;
}
html {
line-height: 1;
}
ol,
ul,
li {
list-style: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
vertical-align: middle;
}
q,
blockquote {
quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
a {
text-decoration: none;
color: inherit;
}
img {
vertical-align: bottom;
max-width: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
input,
button {
appearance: none;
background: transparent;
border: none;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
input:focus,
button:focus {
outline: none;
}
input:focus-visible,
button:focus-visible {
outline: none;
}
*,
*::after,
*::before {
box-sizing: border-box;
}
@media screen and (max-width: 999px) {
.pc-on {
display: none;
}
}
@media screen and (min-width: 1000px) {
.sp-on {
display: none;
}
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 10px;
font-weight: 500;
font-feature-settings: "palt";
letter-spacing: 0em;
line-height: 1;
color: #4B4B72 !important;
}
@media screen and (max-width: 999px) {
html {
font-size: calc(10 / 375 * 100vw);
}
}
body {
color: #4B4B72 !important;
font-family: "Zen Maru Gothic", sans-serif !important;
}
@media screen and (min-width: 1000px) {
body {
margin-top: 8.2rem;
}
}
body.is-menu-open {
overflow: hidden;
}
body a {
color: #4B4B72;
}
body a:active {
color: #4B4B72;
}
@media screen and (min-width: 1000px) {
body a {
transition: 0.3s ease-in;
}
}
.p-inner {
max-width: 1020px;
margin: 0 auto;
width: 100%;
padding: 0 2rem;
}
.p-arrowBtn {
width: 28.4rem;
border-radius: 999rem;
color: #C9456B;
font-size: 1.8rem;
text-align: center;
padding: 1.8rem 0;
background-color: #fff;
border: 1px solid #C9456B;
position: relative;
display: block;
transition: 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-arrowBtn {
width: 22rem;
font-size: 1.6rem;
padding: 1.2rem 0;
}
}
.p-arrowBtn::after {
content: "";
width: 1.2rem;
height: 2.4rem;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-arrow_red.svg) no-repeat center center/contain;
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
transition: 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-arrowBtn::after {
width: 1rem;
height: 2rem;
right: 1.2rem;
}
}
@media screen and (min-width: 1000px) {
.p-arrowBtn:hover {
background-color: #C9456B;
color: #fff;
}
.p-arrowBtn:hover::after {
filter: brightness(0) invert(1);
}
}
.p-header {
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 2.3rem 36rem 2.3rem 3rem;
z-index: 999;
}
@media screen and (max-width: 999px) {
.p-header {
padding: 1rem;
}
}
.p-header .p-logo {
width: 20rem;
display: block;
}
.p-header .p-logo img {
width: 100%;
}
.p-header .p-hamburger {
display: none !important;
}
@media screen and (max-width: 999px) {
.p-header .p-hamburger {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.5rem;
width: 4.4rem;
height: 4.4rem;
background: transparent;
border: none;
padding: 0;
cursor: pointer;
z-index: 1001;
position: relative;
}
}
.p-header .p-hamburger__line {
display: block;
width: 2.4rem;
height: 2px;
background-color: #4B4B72;
border-radius: 1px;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.p-header .p-hamburger.is-active .p-hamburger__line:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.p-header .p-hamburger.is-active .p-hamburger__line:nth-child(2) {
opacity: 0;
}
.p-header .p-hamburger.is-active .p-hamburger__line:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
@media screen and (max-width: 999px) {
.p-header .p-nav {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #fff;
z-index: 1000;
padding: 8rem 2rem 4rem;
overflow-y: auto;
}
.p-header .p-nav.is-open {
display: block;
}
}
.p-header .p-nav__list {
display: flex;
align-items: center;
gap: 0;
justify-content: flex-end;
}
@media screen and (max-width: 999px) {
.p-header .p-nav__list {
flex-direction: column;
align-items: stretch;
gap: 0;
}
}
.p-header .p-nav__item {
position: relative;
}
@media screen and (max-width: 999px) {
.p-header .p-nav__item {
border-bottom: 1px solid #FFCAD6;
}
}
@media screen and (min-width: 1000px) {
.p-header .p-nav__item:hover .p-nav__link {
color: #C9456B;
}
.p-header .p-nav__item:hover .p-megaMenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
.p-header .p-nav__link {
font-size: 1.4rem;
font-weight: bold;
padding: 2rem 1.5rem;
display: block;
transition: color 0.3s ease-in;
position: relative;
}
@media screen and (max-width: 999px) {
.p-header .p-nav__link {
font-size: 1.6rem;
padding: 1.6rem 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.p-header .p-nav__link::after {
content: "";
width: 1rem;
height: 1rem;
border-right: 2px solid #4B4B72;
border-bottom: 2px solid #4B4B72;
transform: rotate(45deg);
transition: transform 0.3s ease;
position: static;
background: none;
}
.p-header .p-nav__link.is-open::after {
transform: rotate(-135deg);
}
}
@media screen and (min-width: 1000px) {
.p-header .p-nav__link::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 2px;
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
transition: width 0.3s ease-in;
}
.p-header .p-nav__link:hover::after {
width: 80%;
}
}
.p-header .p-megaMenu {
position: absolute;
top: 100%;
left: 10px;
width: auto;
background-color: #fff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border-radius: 1.2rem;
padding: 3rem;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
z-index: 100;
}
.p-header .p-megaMenu::before {
content: "";
position: absolute;
top: -1rem;
left: 0;
width: 100%;
height: 1rem;
}
@media screen and (max-width: 999px) {
.p-header .p-megaMenu {
position: static;
box-shadow: none;
border-radius: 0;
padding: 0 0 1.6rem 1.6rem;
opacity: 1;
visibility: visible;
display: none;
}
.p-header .p-megaMenu.is-open {
display: block;
}
.p-header .p-megaMenu::before {
display: none;
}
}
.p-header .p-megaMenu__inner {
display: flex;
gap: 3rem;
}
@media screen and (max-width: 999px) {
.p-header .p-megaMenu__inner {
flex-direction: column;
gap: 1rem;
}
}
.p-header .p-megaMenu__column {
min-width: 14rem;
}
@media screen and (max-width: 999px) {
.p-header .p-megaMenu__column {
min-width: 0;
}
}
.p-header .p-megaMenu__title {
font-size: 1.4rem;
font-weight: bold;
color: #C9456B;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid #FFCAD6;
}
@media screen and (max-width: 999px) {
.p-header .p-megaMenu__title {
font-size: 1.3rem;
padding-bottom: 0.8rem;
margin-bottom: 0.8rem;
}
}
.p-header .p-megaMenu__links {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
@media screen and (max-width: 999px) {
.p-header .p-megaMenu__links {
gap: 0.6rem;
}
}
.p-header .p-megaMenu__links li a {
font-size: 1.3rem;
color: #4B4B72;
display: block;
padding: 0.4rem 0 0.4rem 1.4rem;
position: relative;
transition: color 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-header .p-megaMenu__links li a {
font-size: 1.4rem;
padding: 0.6rem 0 0.6rem 1.4rem;
}
}
.p-header .p-megaMenu__links li a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background: #FFCAD6;
transition: background 0.3s ease-in;
}
.p-header .p-megaMenu__links li a:hover {
color: #C9456B;
}
.p-header .p-megaMenu__links li a:hover::before {
background: #C9456B;
}
.p-header .p-nav__cta {
display: none;
}
@media screen and (max-width: 999px) {
.p-header .p-nav__cta {
display: flex;
flex-direction: column;
gap: 1.2rem;
margin-top: 3rem;
}
.p-header .p-nav__cta li a {
display: block;
font-size: 2rem;
letter-spacing: 0.06em;
text-align: center;
color: #fff;
padding: 1.4rem 0;
border-radius: 0.5rem;
font-weight: bold;
}
.p-header .p-nav__cta li a span {
font-size: 1.4rem;
font-weight: 400;
}
.p-header .p-nav__cta li .p-nav__cta-line {
background-color: #23C265;
}
.p-header .p-nav__cta li .p-nav__cta-mail {
background-color: #F87A96;
}
.p-header .p-nav__cta li .p-nav__cta-reserve {
background-color: #C9456B;
}
}
.p-header .p-nav__sns {
display: none;
}
@media screen and (max-width: 999px) {
.p-header .p-nav__sns {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.2rem;
margin-top: 2.2rem;
padding-top: 2.2rem;
border-top: 1px solid #FFCAD6;
}
.p-header .p-nav__sns li {
width: 4.4rem;
height: 4.4rem;
}
.p-header .p-nav__sns li.p-nav__sns-item--litlink {
width: 10.8rem;
}
}
.p-header .p-nav__sns-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #fff;
border-radius: 50%;
transition: transform 0.3s ease-in, opacity 0.3s ease-in;
}
.p-header .p-nav__sns-link img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
@media screen and (min-width: 1000px) {
.p-header .p-nav__sns-link:hover {
opacity: 0.82;
transform: translateY(-2px);
}
}
.p-header .p-nav__sns-link--litlink img {
width: auto;
}
.p-header .p-headerCta {
position: absolute;
top: 0;
right: 0;
background-color: #fff;
padding: 2rem 0;
width: 34rem;
display: flex;
gap: 1rem;
flex-direction: column;
}
@media screen and (max-width: 999px) {
.p-header .p-headerCta {
display: none;
}
}
.p-header .p-headerCta__text {
font-size: 1.6rem;
text-align: center;
font-weight: bold;
}
.p-header .p-headerCta__text .line {
position: relative;
}
.p-header .p-headerCta__text .line::before {
position: absolute;
background-color: #333333;
content: "";
width: 100%;
height: 1px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.p-header .p-headerCta__text .pink {
color: #C9456B;
font-size: 2rem;
font-weight: bolder;
}
.p-header .p-headerCta__line {
background-color: #23C265;
color: #fff;
font-size: 2rem;
letter-spacing: 0.06em;
border-radius: 0.5rem;
display: block;
width: 28rem;
padding: 1.4rem 0 1.4rem 8rem;
margin-inline: auto;
position: relative;
transition: 0.3s ease-in;
border: 1px solid #23C265;
}
.p-header .p-headerCta__line::before {
position: absolute;
content: "";
width: 3.6rem;
height: 3.6rem;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-line.svg) no-repeat center center/contain;
top: 50%;
left: 3rem;
transform: translateY(-50%);
transition: 0.3s ease-in;
}
@media screen and (min-width: 1000px) {
.p-header .p-headerCta__line:hover {
background-color: #fff;
color: #23C265;
}
.p-header .p-headerCta__line:hover::before {
filter: brightness(0) saturate(100%) invert(55%) sepia(75%) saturate(500%) hue-rotate(100deg) brightness(95%) contrast(95%);
}
}
.p-header .p-headerCta__reserve {
background-color: #C9456B;
color: #fff;
font-size: 2rem;
letter-spacing: 0.06em;
border-radius: 0.5rem;
display: block;
width: 28rem;
padding: 1.4rem 0 1.4rem 7rem;
margin-inline: auto;
position: relative;
transition: 0.3s ease-in;
border: 1px solid #C9456B;
}
.p-header .p-headerCta__reserve::before {
position: absolute;
content: "";
width: 3.6rem;
height: 3.6rem;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-schedule.svg) no-repeat center center/contain;
top: 50%;
left: 3rem;
transform: translateY(-50%);
transition: 0.3s ease-in;
}
.p-header .p-headerCta__reserve span {
font-size: 1.6rem;
}
@media screen and (min-width: 1000px) {
.p-header .p-headerCta__reserve:hover {
background-color: #fff;
color: #C9456B;
}
.p-header .p-headerCta__reserve:hover::before {
filter: brightness(0) saturate(100%) invert(38%) sepia(52%) saturate(1500%) hue-rotate(320deg) brightness(85%) contrast(95%);
}
}
.p-information {
padding-top: 13.6rem;
padding-bottom: 8rem;
}
@media screen and (max-width: 999px) {
.p-information {
padding: 8rem 0 6rem;
}
}
.p-information__wrapper {
display: flex;
align-items: flex-start;
gap: 3.8rem;
}
@media screen and (max-width: 999px) {
.p-information__wrapper {
flex-wrap: wrap;
width: 100%;
}
}
@media screen and (max-width: 999px) {
.p-information__time {
width: 100%;
}
}
.p-information__logo {
width: 40rem;
display: block;
}
@media screen and (max-width: 999px) {
.p-information__logo {
width: 25rem;
}
}
.p-information__logo img {
width: 100%;
}
.p-information__address {
margin: 3.5rem 0 2rem;
font-size: 2rem;
line-height: 1.2;
}
@media screen and (max-width: 999px) {
.p-information__address {
font-size: 1.6rem;
margin: 2rem 0 1.6rem;
}
}
.p-information__sns {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
margin-bottom: 3.2rem;
}
@media screen and (max-width: 999px) {
.p-information__sns {
gap: 0.9rem;
margin-bottom: 2.4rem;
}
}
.p-information__sns li {
width: 3.8rem;
height: 3.8rem;
}
@media screen and (max-width: 999px) {
.p-information__sns li {
width: 3.6rem;
height: 3.6rem;
}
}
.p-information__sns li.p-information__sns-item--litlink {
width: 9.4rem;
}
@media screen and (max-width: 999px) {
.p-information__sns li.p-information__sns-item--litlink {
width: 8.8rem;
}
}
.p-information__sns-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 50%;
transition: opacity 0.3s ease-in, transform 0.3s ease-in;
}
.p-information__sns-link img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
@media screen and (min-width: 1000px) {
.p-information__sns-link:hover {
opacity: 0.82;
transform: translateY(-2px);
}
}
.p-information__sns-link--litlink img {
width: auto;
}
.p-information__closed {
font-size: 1.6rem;
line-height: 1.2;
margin-top: 1.2rem;
}
@media screen and (max-width: 999px) {
.p-information__closed {
font-size: 1.4rem;
}
}
.p-information__reserve-btn {
width: 100%;
display: block;
font-size: 2.4rem;
letter-spacing: 0.06em;
text-align: center;
color: #fff;
padding: 1.5rem 0;
width: 100%;
border-radius: 999rem;
position: relative;
background-color: #C9456B;
border: 1px solid #C9456B;
margin-top: 2rem;
padding-left: 3rem;
transition: 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-information__reserve-btn {
font-size: 1.8rem;
padding: 1.2rem 0;
}
}
.p-information__reserve-btn span {
font-size: 1.6rem;
}
@media screen and (max-width: 999px) {
.p-information__reserve-btn span {
font-size: 1.4rem;
}
}
.p-information__reserve-btn::before {
position: absolute;
top: 50%;
left: 6rem;
transform: translateY(-50%);
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-schedule.svg);
width: 4.2rem;
height: 4.2rem;
transition: 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-information__reserve-btn::before {
width: 2.8rem;
height: 2.8rem;
left: 5rem;
}
}
.p-information__reserve-btn::after {
position: absolute;
top: 50%;
right: 3rem;
transform: translateY(-50%);
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-arrow_white.svg);
width: 1.7rem;
height: 3.4rem;
transition: 0.3s ease-in;
}
@media screen and (min-width: 1000px) {
.p-information__reserve-btn:hover {
background-color: #fff;
color: #C9456B;
}
.p-information__reserve-btn:hover::before {
filter: brightness(0) saturate(100%) invert(38%) sepia(52%) saturate(1500%) hue-rotate(320deg) brightness(85%) contrast(95%);
}
.p-information__reserve-btn:hover::after {
filter: brightness(0) saturate(100%) invert(38%) sepia(52%) saturate(1500%) hue-rotate(320deg) brightness(85%) contrast(95%);
}
}
.p-information__tel-btn {
width: 100%;
display: block;
font-size: 2.8rem;
letter-spacing: 0.06em;
text-align: center;
color: #fff;
padding: 1.5rem 0;
width: 100%;
border-radius: 999rem;
position: relative;
background-color: #DC9135;
border: 1px solid #DC9135;
margin-top: 1rem;
transition: 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-information__tel-btn {
font-size: 2rem;
padding: 1.2rem 0;
}
}
.p-information__tel-btn::before {
position: absolute;
top: 50%;
left: 7rem;
transform: translateY(-50%);
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-tel.svg);
width: 3rem;
height: 3rem;
transition: 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-information__tel-btn::before {
width: 2rem;
height: 2rem;
left: 5.6rem;
}
}
.p-information__tel-btn::after {
position: absolute;
top: 50%;
right: 3rem;
transform: translateY(-50%);
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-arrow_white.svg);
width: 1.7rem;
height: 3.4rem;
transition: 0.3s ease-in;
}
@media screen and (min-width: 1000px) {
.p-information__tel-btn:hover {
background-color: #fff;
color: #DC9135;
}
.p-information__tel-btn:hover::before {
filter: brightness(0) saturate(100%) invert(65%) sepia(60%) saturate(600%) hue-rotate(350deg) brightness(95%) contrast(90%);
}
.p-information__tel-btn:hover::after {
filter: brightness(0) saturate(100%) invert(65%) sepia(60%) saturate(600%) hue-rotate(350deg) brightness(95%) contrast(90%);
}
}
.p-information__map {
position: relative;
aspect-ratio: 490/500;
width: 100%;
}
.p-information__map iframe {
width: 100%;
height: 100%;
filter: grayscale(100%);
}
.p-information__icon {
width: 18.8rem;
height: 18.8rem;
background-color: #F8A8BA;
color: #fff;
font-size: 2rem;
line-height: 1.2;
font-weight: bold;
text-align: center;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: -4rem;
right: -4rem;
}
@media screen and (max-width: 999px) {
.p-information__icon {
top: 0;
right: 0;
display: none;
}
}
.p-information__icon img {
display: block;
margin-inline: auto;
width: 6.8rem;
}
.p-information__icon img span {
margin-top: 0.9rem;
}
.p-footer__nav {
padding: 2rem 0;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 999px) {
.p-footer__nav {
flex-wrap: wrap;
justify-content: flex-start;
}
}
.p-footer__nav-list {
border-right: 1px solid #333;
padding: 0 1rem;
}
@media screen and (max-width: 999px) {
.p-footer__nav-list {
width: 50%;
border: none;
padding: 1rem 1.5rem;
}
}
.p-footer__nav-list:last-child {
border: none;
}
.p-footer__nav-list a {
font-size: 1.4rem;
}
.p-footer__copyright {
background-color: #0062b1;
display: block;
text-align: center;
font-size: 1rem;
padding: 2rem 0;
color: #fff;
}
.p-mainTitle {
position: absolute;
top: 0rem;
left: 0;
z-index: 10000;
padding: 1rem 0 0 2rem;
font-size: 1.2rem;
}
@media screen and (max-width: 999px) {
.p-mainTitle {
top: 6rem;
padding: 2rem 1rem;
font-size: 1rem;
line-height: 1.5;
z-index: 10;
}
}
.p-kv {
width: 100%;
background: linear-gradient(45deg, #f2b9c8 0%, #f0a8ba 20%, #ebdcfe 40%, #c8e6f2 60%, #f2b9c8 80%, #e6c8f2 100%);
background-size: 200% 200%;
animation: subtleGradient 25s ease-in-out infinite;
display: flex;
gap: 2.5rem;
align-items: center;
padding: 5rem 4rem 5rem 5rem;
position: relative;
}
@media screen and (max-width: 999px) {
.p-kv {
padding: 3rem 1rem;
flex-wrap: wrap;
animation: subtleGradient 10s ease-in-out infinite;
background-size: 150% 200%;
}
}
.p-kv__left {
flex-shrink: 0;
}
@media screen and (max-width: 999px) {
.p-kv__left {
display: contents;
}
}
.p-kv__left ul {
margin-top: 7rem;
display: flex;
gap: 1.4rem;
}
@media screen and (max-width: 999px) {
.p-kv__left ul {
gap: 1rem;
justify-content: center;
order: 3;
margin-top: 0;
width: 100%;
}
}
.p-kv__left ul li {
width: 18.8rem;
height: 18.8rem;
background-color: #F8A8BA;
color: #fff;
font-size: 2rem;
line-height: 1.2;
font-weight: bold;
text-align: center;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 999px) {
.p-kv__left ul li {
width: 11rem;
height: 11rem;
font-size: 1.4rem;
}
}
.p-kv__left ul li img {
display: block;
margin-inline: auto;
}
.p-kv__left ul li:first-child img {
width: 7.5rem;
}
@media screen and (max-width: 999px) {
.p-kv__left ul li:first-child img {
width: 4.4rem;
}
}
.p-kv__left ul li:first-child span {
margin-top: 1.2rem;
}
@media screen and (max-width: 999px) {
.p-kv__left ul li:first-child span {
margin-top: 0.8rem;
}
}
.p-kv__left ul li:nth-child(2) img {
width: 8.2rem;
}
@media screen and (max-width: 999px) {
.p-kv__left ul li:nth-child(2) img {
width: 4.8rem;
}
}
.p-kv__left ul li:nth-child(2) span {
margin-top: 1.9rem;
}
@media screen and (max-width: 999px) {
.p-kv__left ul li:nth-child(2) span {
margin-top: 1.2rem;
}
}
.p-kv__left ul li:last-child img {
width: 6.8rem;
}
@media screen and (max-width: 999px) {
.p-kv__left ul li:last-child img {
width: 4rem;
}
}
.p-kv__left ul li:last-child span {
margin-top: 0.9rem;
}
@media screen and (max-width: 999px) {
.p-kv__left ul li:last-child span {
margin-top: 0.5rem;
}
}
.p-kv__title {
color: #fff;
margin-top: 9rem;
}
@media screen and (max-width: 999px) {
.p-kv__title {
order: 1;
width: 100%;
margin-top: 4rem;
}
}
.p-kv__title__main {
font-size: 4.2rem;
display: block;
}
@media screen and (max-width: 999px) {
.p-kv__title__main {
font-size: 3.6rem;
line-height: 1.1;
text-align: center;
}
}
.p-kv__title__sub {
font-size: 3.4rem;
line-height: 1.4;
margin-top: 5rem;
display: block;
}
@media screen and (max-width: 999px) {
.p-kv__title__sub {
font-size: 2.4rem;
margin-top: 2rem;
text-align: left;
}
}
.p-kv__title__sub span {
font-size: 4.2rem;
position: relative;
}
@media screen and (max-width: 999px) {
.p-kv__title__sub span {
font-size: 3.2rem;
}
}
.p-kv__title__sub span::before {
content: "・・・・";
position: absolute;
top: -3rem;
left: 0;
font-size: 4.2rem;
font-weight: 300;
}
@media screen and (max-width: 999px) {
.p-kv__title__sub span::before {
font-size: 3.2rem;
top: -2rem;
}
}
.p-kv__calender {
position: absolute;
bottom: -6rem;
right: 0;
background: white;
padding: 2rem 4rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
min-width: 40rem;
z-index: 10;
}
@media screen and (max-width: 999px) {
.p-kv__calender {
display: none;
}
}
.p-kv__calender__table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
@media screen and (max-width: 999px) {
.p-kv__calender__table tbody {
display: flex;
}
}
.p-kv__calender__header {
background: #F8A8BA;
}
@media screen and (max-width: 999px) {
.p-kv__calender__header {
display: flex;
flex-direction: column;
width: 30%;
}
.p-kv__calender__header th {
border-right: none;
border-bottom: 1px solid #FFCAD6;
}
}
@media screen and (max-width: 999px) and (max-width: 999px) {
.p-kv__calender__header th {
text-align: center;
}
}
@media screen and (max-width: 999px) {
.p-kv__calender__header th:last-child {
border-bottom: none;
}
}
.p-kv__calender__header th {
padding: 1rem 1.5rem;
color: white;
font-size: 1.6rem;
font-weight: 500;
text-align: center;
border-right: 1px solid #FFCAD6;
}
@media screen and (max-width: 999px) {
.p-kv__calender__header th {
text-align: center;
padding: 0.8rem 1rem;
font-size: 1.4rem;
}
}
.p-kv__calender__time-header {
background: #F8A8BA;
}
.p-kv__calender__data {
background: white;
}
@media screen and (max-width: 999px) {
.p-kv__calender__data {
display: flex;
flex-direction: column;
width: 70%;
}
}
.p-kv__calender__data td {
padding: 1.2rem 1.5rem;
text-align: center;
font-size: 1.4rem;
border-right: 1px solid #FFCAD6;
border-bottom: 1px solid #FFCAD6;
background: white;
}
@media screen and (max-width: 999px) {
.p-kv__calender__data td {
text-align: center;
padding: 0.8rem 1rem;
font-size: 1.4rem;
border-right: none;
border-bottom: 1px solid #FFCAD6;
}
}
.p-kv__calender__data td:last-child {
border-right: none;
}
@media screen and (max-width: 999px) {
.p-kv__calender__data td:last-child {
border-bottom: none;
}
}
.p-kv__calender__time {
font-weight: 500;
color: #4B4B72;
}
.p-kv__calender__status {
position: relative;
}
.p-kv__calender__dot {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
background: #F8A8BA;
border-radius: 50%;
}
.p-kv__calender__slash {
color: #F8A8BA;
font-weight: 500;
font-size: 1.6rem;
}
.p-kv__calender__footer {
display: flex;
gap: 0.9rem;
align-items: flex-start;
}
.p-kv__calender__access {
display: flex;
flex-direction: column;
gap: 0.6rem;
width: calc(50% - 0.45rem);
}
.p-kv__calender__access a {
font-size: 1.6rem;
background: white;
border: 1px solid #F8A8BA;
border-radius: 999rem;
padding: 0.7rem 0 0.7rem 3rem;
color: #F8A8BA;
font-weight: 500;
text-decoration: none;
display: flex;
align-items: center;
height: 4rem;
gap: 0.5rem;
transition: 0.3s ease-in;
}
.p-kv__calender__access a::before {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-access.svg) no-repeat center;
background-size: contain;
}
@media screen and (min-width: 1000px) {
.p-kv__calender__access a:hover {
background: #F8A8BA;
color: #fff;
}
.p-kv__calender__access a:hover::before {
filter: brightness(0) invert(1);
}
}
.p-kv__calender__access p {
font-size: 1.5rem;
}
.p-kv__calender__reserve {
display: flex;
flex-direction: column;
gap: 0.6rem;
width: calc(50% - 0.45rem);
}
.p-kv__calender__reserve a {
font-size: 1.6rem;
background: #C9456B;
border-radius: 999rem;
padding: 0.7rem 0 0.7rem 2.5rem;
color: white;
font-weight: 500;
transition: 0.3s ease-in;
display: flex;
align-items: center;
height: 4rem;
border: 1px solid #C9456B;
}
.p-kv__calender__reserve a::before {
content: "";
display: inline-block;
width: 2rem;
height: 2rem;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-schedule.svg) no-repeat center/contain;
margin-right: 0.5rem;
}
.p-kv__calender__reserve a span {
font-size: 1.2rem;
font-weight: 400;
}
@media screen and (min-width: 1000px) {
.p-kv__calender__reserve a:hover {
background: #fff;
color: #C9456B;
}
.p-kv__calender__reserve a:hover::before {
filter: brightness(0) saturate(100%) invert(38%) sepia(52%) saturate(1500%) hue-rotate(320deg) brightness(85%) contrast(95%);
}
}
.p-kv__calender__reserve p {
font-size: 1.5rem;
}
.p-kv__slide {
border-radius: 5rem;
overflow: hidden;
width: 100%;
}
@media screen and (max-width: 999px) {
.p-kv__slide {
order: 2;
border-radius: 2rem;
}
}
.p-kv__slide img {
width: 100%;
border-radius: 2rem;
}
@keyframes subtleGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.p-bgPink {
background-color: #FEF5F8;
}
.p-firstCta {
padding: 12rem 0 6.5rem;
position: relative;
}
@media screen and (max-width: 999px) {
.p-firstCta {
padding: 6rem 0;
}
}
.p-firstCta::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/top/deco01.png) no-repeat top left/100% 100%;
width: 100%;
height: 300%;
z-index: 1;
}
.p-firstCta h2 {
color: #4B4B72;
font-size: 3.6rem;
line-height: 1.5;
text-align: center;
position: relative;
z-index: 2;
}
@media screen and (max-width: 999px) {
.p-firstCta h2 {
font-size: 2.2rem;
}
}
.p-firstCta ul {
margin-top: 4rem;
display: flex;
gap: 3rem;
position: relative;
z-index: 2;
}
@media screen and (max-width: 999px) {
.p-firstCta ul {
flex-wrap: wrap;
gap: 1rem;
margin-top: 2rem;
}
}
.p-firstCta ul li {
width: calc(33.3333333333% - 2rem);
}
@media screen and (max-width: 999px) {
.p-firstCta ul li {
width: 100%;
}
}
.p-firstCta ul li a {
display: block;
font-size: 2.4rem;
letter-spacing: 0.06em;
text-align: center;
color: #fff;
padding: 1.5rem 0;
width: 100%;
border-radius: 0.5rem;
position: relative;
transition: 0.3s ease-in;
}
.p-firstCta ul li a::before {
position: absolute;
top: 50%;
left: 4rem;
transform: translateY(-50%);
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: 0.3s ease-in;
}
.p-firstCta ul li:first-child a {
background-color: #23C265;
border: 1px solid #23C265;
padding-left: 4.7rem;
}
.p-firstCta ul li:first-child a::before {
background-image: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-line.svg);
width: 3.5rem;
height: 3.3rem;
}
@media screen and (min-width: 1000px) {
.p-firstCta ul li:first-child a:hover {
background-color: #fff;
color: #23C265;
}
.p-firstCta ul li:first-child a:hover::before {
filter: brightness(0) saturate(100%) invert(55%) sepia(75%) saturate(500%) hue-rotate(100deg) brightness(95%) contrast(95%);
}
}
.p-firstCta ul li:nth-child(2) a {
background-color: #F87A96;
border: 1px solid #F87A96;
padding-left: 3rem;
}
.p-firstCta ul li:nth-child(2) a::before {
background-image: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-mail.svg);
width: 3.6rem;
height: 3.6rem;
}
@media screen and (min-width: 1000px) {
.p-firstCta ul li:nth-child(2) a:hover {
background-color: #fff;
color: #F87A96;
}
.p-firstCta ul li:nth-child(2) a:hover::before {
filter: brightness(0) saturate(100%) invert(60%) sepia(50%) saturate(1000%) hue-rotate(310deg) brightness(100%) contrast(95%);
}
}
.p-firstCta ul li:last-child a {
background-color: #C9456B;
border: 1px solid #C9456B;
padding-left: 5.8rem;
}
.p-firstCta ul li:last-child a span {
font-size: 1.6rem;
}
.p-firstCta ul li:last-child a::before {
background-image: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-schedule.svg);
width: 3.6rem;
height: 3.6rem;
}
@media screen and (min-width: 1000px) {
.p-firstCta ul li:last-child a:hover {
background-color: #fff;
color: #C9456B;
}
.p-firstCta ul li:last-child a:hover::before {
filter: brightness(0) saturate(100%) invert(38%) sepia(52%) saturate(1500%) hue-rotate(320deg) brightness(85%) contrast(95%);
}
}
.p-about {
overflow: hidden;
padding-bottom: 12rem;
position: relative;
z-index: 2;
}
@media screen and (max-width: 999px) {
.p-about {
padding-bottom: 6rem;
}
}
.p-about__content {
position: relative;
}
.p-about__content .image1 {
position: absolute;
top: 0;
right: -10.6rem;
width: 35.3rem;
aspect-ratio: 353/287;
object-fit: contain;
}
@media screen and (max-width: 999px) {
.p-about__content .image1 {
position: static;
width: 100%;
margin-top: 2rem;
}
}
.p-about__content .image2 {
position: absolute;
top: 31.6rem;
right: -10.6rem;
width: 23.8rem;
aspect-ratio: 238/326;
object-fit: contain;
}
@media screen and (max-width: 999px) {
.p-about__content .image2 {
position: static;
}
}
.p-about h2 {
font-size: 3.4rem;
line-height: 1.5;
font-weight: bold;
letter-spacing: 0.08em;
}
@media screen and (max-width: 999px) {
.p-about h2 {
font-size: 2.4rem;
}
}
.p-about h2 .pink {
color: #F8A8BA;
}
.p-about h2 .bg-white {
background-color: #fff;
border-radius: 999rem;
display: inline-block;
padding: 0 0.5rem;
}
.p-about p {
font-size: 1.8rem;
line-height: 1.5;
margin-top: 1.4rem;
max-width: 68.8rem;
}
@media screen and (max-width: 999px) {
.p-about p {
font-size: 1.4rem;
}
}
.p-about p + p {
font-size: 2rem;
font-weight: bold;
}
@media screen and (max-width: 999px) {
.p-about p + p {
font-size: 1.8rem;
}
}
.p-about ul {
margin-top: 1.5rem;
}
.p-about ul li {
padding-left: 3.8rem;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 2rem;
position: relative;
}
@media screen and (max-width: 999px) {
.p-about ul li {
font-size: 1.6rem;
line-height: 1.25;
}
}
.p-about ul li:last-child {
margin-bottom: 0;
}
.p-about ul li::before {
width: 2.9rem;
height: 2.9rem;
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
border-radius: 50%;
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.p-about ul li::after {
content: "";
width: 1.7rem;
height: 1.7rem;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-check.svg) no-repeat center center/contain;
position: absolute;
left: 0.7rem;
top: 50%;
transform: translateY(-50%);
}
.p-about .p-arrowBtn {
margin-top: 3rem;
}
@media screen and (max-width: 999px) {
.p-about .p-arrowBtn {
margin: 2rem auto 0;
}
}
.p-symptoms {
padding-bottom: 13rem;
position: relative;
z-index: 2;
}
@media screen and (max-width: 999px) {
.p-symptoms {
padding-bottom: 6rem;
}
}
.p-symptoms .p-symptomsBox {
display: flex;
}
@media screen and (max-width: 999px) {
.p-symptoms .p-symptomsBox {
flex-wrap: wrap;
}
}
.p-symptoms .p-symptomsBox__left {
width: 31.8rem;
object-fit: cover;
border-radius: 7rem 0 0 7rem;
}
@media screen and (max-width: 999px) {
.p-symptoms .p-symptomsBox__left {
display: none;
}
}
.p-symptoms .p-symptomsBox__right {
background-color: #fff;
padding: 4.2rem 3.5rem;
border-radius: 0 7rem 7rem 0;
}
@media screen and (max-width: 999px) {
.p-symptoms .p-symptomsBox__right {
padding: 3rem 1rem;
border-radius: 0 3rem 3rem 0;
}
}
.p-symptoms .p-symptomsBox__right h2 {
font-size: 3.2rem;
font-weight: bold;
line-height: 1.5;
text-align: center;
}
@media screen and (max-width: 999px) {
.p-symptoms .p-symptomsBox__right h2 {
font-size: 2.4rem;
}
}
.p-symptoms__tab {
margin-top: 2rem;
display: flex;
gap: 0.9rem;
flex-wrap: wrap;
}
.p-symptoms__tab li {
border: 1px solid #F48C98;
width: calc(33.3333333333% - 0.6rem);
color: #F48C98;
font-size: 2.4rem;
text-align: center;
padding: 1.2rem 0;
border-radius: 999rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.3s ease-in;
}
@media screen and (min-width: 1000px) {
.p-symptoms__tab li:hover {
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
color: #fff;
transition: 0.3s ease-in;
}
}
.p-symptoms__tab li.is-active {
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
color: #fff;
}
@media screen and (max-width: 999px) {
.p-symptoms__tab li {
font-size: 1.8rem;
width: calc(50% - 0.9rem);
}
}
.p-symptoms__tab li:last-child {
font-size: 1.8rem;
}
@media screen and (max-width: 999px) {
.p-symptoms__tab li:last-child {
font-size: 1.4rem;
line-height: 1.2;
}
}
.p-symptoms__linkList {
margin-top: 3rem;
}
.p-symptoms__linkList[data-content]:not([data-content=tab-1]) {
display: none;
}
.p-symptoms__linkList li ul {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 999px) {
.p-symptoms__linkList li ul {
padding-left: 1rem;
}
}
.p-symptoms__linkList li ul li {
width: 50%;
margin-bottom: 1rem;
}
@media screen and (max-width: 999px) {
.p-symptoms__linkList li ul li {
width: 100%;
margin-bottom: 1.5rem;
}
}
.p-symptoms__linkList li ul li a {
color: #C9456B;
font-size: 1.8rem;
padding-left: 2.6rem;
position: relative;
}
@media screen and (min-width: 1000px) {
.p-symptoms__linkList li ul li a:hover {
opacity: 0.6;
transition: 0.3s ease-in;
}
}
@media screen and (max-width: 999px) {
.p-symptoms__linkList li ul li a {
font-size: 1.6rem;
}
}
.p-symptoms__linkList li ul li a::before {
width: 2rem;
height: 2rem;
background-color: #fff;
border: 1px solid #C9456B;
border-radius: 50%;
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.p-symptoms__linkList li ul li a::after {
content: "";
width: 0.593rem;
height: 1.185rem;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-arrow_red.svg) no-repeat center center/contain;
position: absolute;
left: 0.7rem;
top: 50%;
transform: translateY(-50%);
}
.p-staff {
padding-bottom: 11rem;
position: relative;
}
@media screen and (max-width: 999px) {
.p-staff {
padding-bottom: 6rem;
}
}
.p-staff::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/top/deco02.png) no-repeat top left/100% 100%;
width: 100%;
height: 70%;
z-index: 1;
}
@media screen and (max-width: 999px) {
.p-staff::before {
display: none;
}
}
.p-staff h2 {
font-size: 3.4rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.08em;
text-align: center;
}
@media screen and (max-width: 999px) {
.p-staff h2 {
font-size: 2.4rem;
}
}
.p-staff ul {
margin-top: 4rem;
display: flex;
gap: 6rem;
position: relative;
z-index: 2;
}
@media screen and (max-width: 999px) {
.p-staff ul {
margin-top: 3rem;
flex-wrap: wrap;
}
}
.p-staff ul li {
width: calc(50% - 3rem);
display: flex;
flex-direction: column;
}
@media screen and (max-width: 999px) {
.p-staff ul li {
width: 100%;
}
}
.p-staff ul li img {
width: 100%;
aspect-ratio: 470/277;
object-fit: cover;
border-radius: 2rem 2rem 0 0;
}
.p-staff__content {
flex: 1;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 0 0 2rem 2rem;
padding: 3rem;
}
@media screen and (max-width: 999px) {
.p-staff__content {
padding: 2rem;
}
}
.p-staff__content .katagaki {
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
padding: 0.5rem;
display: block;
width: 8.2rem;
text-align: center;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
}
@media screen and (max-width: 999px) {
.p-staff__content .katagaki {
width: 6rem;
font-size: 1.4rem;
}
}
.p-staff__content .name {
font-size: 2rem;
font-weight: bold;
padding-bottom: 2rem;
margin-top: 1rem;
}
.p-staff__content .name span {
display: inline-block;
margin-left: 2rem;
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
background-clip: text;
color: transparent;
}
.p-staff__box {
padding-top: 2rem;
border-top: 1px solid #cdcdcd;
}
.p-staff__box dl {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 2rem;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 999px) {
.p-staff__box dl {
gap: 1rem;
}
}
.p-staff__box dl dt {
width: 8rem;
border: 1px solid #4B4B72;
font-size: 1.6rem;
text-align: center;
padding: 0.7rem;
}
@media screen and (max-width: 999px) {
.p-staff__box dl dt {
width: 6rem;
}
}
.p-staff__box dl dd {
width: calc(100% - 10rem);
font-size: 1.4rem;
line-height: 1.5;
margin-top: 0.5rem;
}
.p-staff__box dl dd {
width: calc(100% - 7rem);
}
.p-staff .p-arrowBtn {
margin: 4rem auto 0;
}
@media screen and (max-width: 999px) {
.p-staff .p-arrowBtn {
margin: 2rem auto 0;
}
}
.p-voice {
padding: 8rem 0 10rem;
}
@media screen and (max-width: 999px) {
.p-voice {
padding: 5rem 0;
}
}
.p-voice h2 {
font-size: 3.2rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.08em;
}
@media screen and (max-width: 999px) {
.p-voice h2 {
font-size: 2.4rem;
}
}
.p-voice__slider {
margin-top: 4rem;
}
@media screen and (max-width: 999px) {
.p-voice__slider {
margin-top: 3rem;
}
}
.p-voice__slider .slick-track {
display: flex;
}
.p-voice__slider .slick-slide {
height: auto;
}
.p-voice__slider .slick-slide > div {
height: 100%;
}
.p-voice__slider .slick-arrow {
width: 5rem;
height: 5rem;
border-radius: 50%;
background-color: #C9456B;
z-index: 10;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 999px) {
.p-voice__slider .slick-arrow {
width: 3.5rem;
height: 3.5rem;
}
}
.p-voice__slider .slick-arrow::before {
content: "";
display: block;
width: 1.2rem;
height: 2rem;
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/common/icon-arrow_white.svg) no-repeat center/contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 999px) {
.p-voice__slider .slick-arrow::before {
width: 0.8rem;
height: 1.4rem;
}
}
.p-voice__slider .slick-prev {
left: 2rem;
}
@media screen and (max-width: 999px) {
.p-voice__slider .slick-prev {
left: 1rem;
}
}
.p-voice__slider .slick-prev::before {
margin-left: -0.1rem;
transform: translate(-50%, -50%) rotate(180deg);
}
.p-voice__slider .slick-next {
right: 2rem;
}
@media screen and (max-width: 999px) {
.p-voice__slider .slick-next {
right: 1rem;
}
}
.p-voice__item {
margin: 0 1.5rem;
background-color: #fff;
border-radius: 2rem;
overflow: hidden;
padding: 3rem 2rem;
height: 100%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 999px) {
.p-voice__item {
margin: 0 0.8rem;
}
}
.p-voice__head {
display: flex;
gap: 1.6rem;
align-items: flex-start;
}
@media screen and (max-width: 999px) {
.p-voice__head {
flex-wrap: wrap;
}
}
.p-voice__image {
width: 25.8rem;
height: 17rem;
flex-shrink: 0;
border-radius: 1rem;
}
.p-voice__image img {
width: 100%;
height: 100%;
border-radius: 1rem;
object-fit: cover;
}
.p-voice__title {
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
position: relative;
}
@media screen and (max-width: 999px) {
.p-voice__title {
font-size: 1.6rem;
}
}
.p-voice__title::before {
position: absolute;
content: "";
width: 7.5rem;
height: 0.2rem;
bottom: -1rem;
left: 0;
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
}
.p-voice__text {
font-size: 1.4rem;
line-height: 1.5;
margin-top: 2.2rem;
text-align: justify;
}
@media screen and (max-width: 999px) {
.p-voice__text {
font-size: 1.3rem;
}
}
.p-voice__comment {
background-color: #F2F2F2;
padding: 2rem 1.8rem;
margin-top: 2rem;
border-radius: 2rem;
}
@media screen and (max-width: 999px) {
.p-voice__comment {
padding: 1.5rem 2rem;
}
}
.p-voice__comment-label {
font-size: 1.8rem;
font-weight: bold;
color: #C9456B;
}
@media screen and (max-width: 999px) {
.p-voice__comment-label {
font-size: 1.4rem;
}
}
.p-voice__comment-text {
font-size: 1.4rem;
line-height: 1.5;
margin-top: 1.5rem;
}
@media screen and (max-width: 999px) {
.p-voice__comment-text {
font-size: 1.3rem;
}
}
.p-voice__achievement {
max-width: 68rem;
margin: 3.6rem auto 0;
padding: 0 1.5rem;
}
@media screen and (max-width: 999px) {
.p-voice__achievement {
max-width: 38rem;
margin-top: 2.8rem;
padding: 0 1rem;
}
}
.p-voice__achievement .p-monthlyAchievement__box {
display: flex;
align-items: stretch;
width: fit-content;
max-width: 100%;
margin: 0 auto;
padding: 0.8rem;
gap: 1.6rem;
background-color: #fff;
border-radius: 1.6rem;
overflow: hidden;
box-shadow: 0 0.8rem 2rem rgba(75, 75, 114, 0.08);
}
@media screen and (max-width: 999px) {
.p-voice__achievement .p-monthlyAchievement__box {
display: block;
padding: 0.8rem;
}
}
.p-voice__achievement .p-monthlyAchievement__image {
width: 28rem;
flex-shrink: 0;
overflow: hidden;
aspect-ratio: 780/556;
border-radius: 1rem;
}
@media screen and (max-width: 999px) {
.p-voice__achievement .p-monthlyAchievement__image {
width: 100%;
}
}
.p-voice__achievement .p-monthlyAchievement__image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 0.3s ease-in;
}
@media screen and (min-width: 1000px) {
.p-voice__achievement .p-monthlyAchievement__image:hover img {
transform: scale(1.04);
}
}
.p-voice__achievement .p-monthlyAchievement__content {
padding: 2.2rem 1.2rem 2.2rem 0;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 999px) {
.p-voice__achievement .p-monthlyAchievement__content {
padding: 1.8rem 1rem 1.2rem;
}
}
.p-voice__achievement .p-monthlyAchievement__title a {
color: #4B4B72;
font-size: 2.1rem;
font-weight: bold;
line-height: 1.4;
transition: color 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-voice__achievement .p-monthlyAchievement__title a {
font-size: 1.9rem;
}
}
@media screen and (min-width: 1000px) {
.p-voice__achievement .p-monthlyAchievement__title a:hover {
color: #C9456B;
}
}
.p-voice__achievement .p-monthlyAchievement__link {
color: #C9456B;
font-size: 1.4rem;
font-weight: bold;
margin-top: 0.9rem;
transition: opacity 0.3s ease-in;
}
@media screen and (max-width: 999px) {
.p-voice__achievement .p-monthlyAchievement__link {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1000px) {
.p-voice__achievement .p-monthlyAchievement__link:hover {
opacity: 0.72;
}
}
.p-voice .p-arrowBtn {
margin: 4rem auto 0;
}
@media screen and (max-width: 999px) {
.p-voice .p-arrowBtn {
margin: 2rem auto 0;
}
}
.p-price {
padding: 11rem 0 8rem;
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
}
@media screen and (max-width: 999px) {
.p-price {
padding: 6rem 0;
}
}
.p-price__content {
background-color: #fff;
border-radius: 7rem;
padding: 5rem 15rem;
}
@media screen and (max-width: 999px) {
.p-price__content {
padding: 3rem 2rem;
border-radius: 3rem;
}
}
.p-price__content h2 {
font-size: 3.4rem;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 999px) {
.p-price__content h2 {
font-size: 2.4rem;
}
}
.p-price__content .shoshin {
display: flex;
background-color: #F8A8BA;
padding: 2.8rem 3.5rem;
color: #fff;
align-items: center;
justify-content: space-between;
margin-top: 3rem;
}
@media screen and (max-width: 999px) {
.p-price__content .shoshin {
padding: 2rem 1rem;
flex-wrap: wrap;
}
}
.p-price__content .shoshin dt {
font-size: 2rem;
font-weight: bold;
}
.p-price__content .shoshin dd {
font-size: 1.8rem;
}
@media screen and (max-width: 999px) {
.p-price__content .shoshin dd {
margin-top: 1rem;
}
}
.p-price__content .shoshin dd .big {
font-size: 2.8rem;
font-weight: 900;
}
.p-price__content .shoshin dd .line {
position: relative;
}
.p-price__content .shoshin dd .line::before {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.p-price__content .goukei {
margin-top: 1rem;
font-size: 1.4rem;
line-height: 1.5;
}
.p-price__content h3 {
font-size: 2rem;
font-weight: bold;
margin-top: 2.2rem;
}
.p-price__box dl {
padding: 1.8rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px dotted #cdcdcd;
}
@media screen and (max-width: 999px) {
.p-price__box dl {
padding: 1.8rem 0;
}
}
.p-price__box dl dt {
font-size: 2rem;
font-weight: bold;
}
@media screen and (max-width: 999px) {
.p-price__box dl dt {
font-size: 1.6rem;
}
}
.p-price__box dl dd {
font-size: 1.8rem;
}
@media screen and (max-width: 999px) {
.p-price__box dl dd {
font-size: 1.6rem;
}
}
.p-price__box p {
text-align: right;
margin-top: 1.5rem;
font-size: 1.4rem;
}
.p-price .slide {
background: url(//lifestyle-chiro884.com/wp-content/themes/birth_tcd1_4_7/images/top/slide.png) repeat-x center center/cover;
height: 22rem;
overflow: hidden;
margin-top: 6rem;
}
@media screen and (max-width: 999px) {
.p-price .slide {
margin-top: 3rem;
}
}
.p-faq {
padding: 14rem 0;
}
@media screen and (max-width: 999px) {
.p-faq {
padding: 6rem 0;
}
}
.p-faq__content {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media screen and (max-width: 999px) {
.p-faq__content {
flex-wrap: wrap;
}
}
.p-faq__content h2 {
font-size: 3.4rem;
font-weight: bold;
line-height: 1.5;
}
@media screen and (max-width: 999px) {
.p-faq__content h2 {
font-size: 2.4rem;
}
}
.p-faq__box {
max-width: 70rem;
width: 100%;
}
@media screen and (max-width: 999px) {
.p-faq__box {
margin-top: 3rem;
}
}
.p-faq__box dl {
padding: 3rem 0;
border-bottom: 1px solid #dcdcdc;
}
@media screen and (max-width: 999px) {
.p-faq__box dl {
padding: 2rem 0;
}
}
.p-faq__box dl:first-child {
padding-top: 0;
}
.p-faq__box dl .icon {
background: linear-gradient(135deg, #F48C98 0%, #F0D1CD 100%);
width: 4.8rem;
height: 4.8rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.8rem;
color: #fff;
font-weight: bold;
flex-shrink: 0;
}
.p-faq__box dl dt {
display: flex;
gap: 1.2rem;
align-items: flex-start;
}
.p-faq__box dl dt .title {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5;
margin-top: 1rem;
}
.p-faq__box dl dd {
display: flex;
gap: 1.2rem;
align-items: flex-start;
margin-top: 1.2rem;
}
.p-faq__box dl dd .text {
font-size: 1.6rem;
line-height: 1.5;
margin-top: 1rem;
}
@media screen and (max-width: 999px) {
.p-faq__box dl dd .text {
font-size: 1.4rem;
}
}
.p-faq__box dl dd a {
text-decoration: underline;
}
.p-faq .p-arrowBtn {
margin: 3rem 0 0 auto;
}
@media screen and (max-width: 999px) {
.p-faq .p-arrowBtn {
margin: 2rem auto 0;
}
}
.p-news h2 {
font-size: 3.4rem;
font-weight: bold;
line-height: 1.5;
text-align: center;
}
@media screen and (max-width: 999px) {
.p-news h2 {
font-size: 2.4rem;
}
}
.p-news__list {
margin-top: 4rem;
display: flex;
gap: 2rem;
}
@media screen and (max-width: 999px) {
.p-news__list {
flex-wrap: wrap;
margin-top: 3rem;
}
}
.p-news__list li {
width: calc(33.3333333333% - 1.3333333333rem);
}
@media screen and (max-width: 999px) {
.p-news__list li {
width: 100%;
}
}
.p-news__list li a {
display: flex;
}
.p-news__list li a img {
width: 40%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
}
.p-news__titleArea {
background-color: #e8e7e7;
padding: 2rem;
width: 60%;
display: flex;
justify-content: center;
flex-direction: column;
}
.p-news__titleArea h3 {
font-size: 1.4rem;
line-height: 1.5;
}
.p-news__date {
font-size: 1.2;
margin-top: 1rem;
}
.p-news .p-arrowBtn {
margin: 3rem auto 0;
}
@media screen and (max-width: 999px) {
.p-news .p-arrowBtn {
margin-top: 2rem auto 0;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}