@charset "UTF-8";


body {
font-family: "noto-m";
line-height: 1.75;
font-size: 16px;
}
a {
text-decoration: none;
color: inherit;
}
img {
width: 100%;
height: auto;
vertical-align: top;
}
html {
color: #000;
background: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
button,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: "";
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select,
button {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
*font-size: 100%;
}
legend {
color: #000;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
:focus:not(:focus-visible) {
outline: 0; }
@font-face {
font-family: "tako";
src: url(//tada-shinkyu-sekkotsu.com/wp-content/themes/tada-Orthopedic%20clinic/dist/fonts/takopi-/YuseiMagic-Regular.ttf);
}
@font-face {
font-family: "noto-b";
src: url(//tada-shinkyu-sekkotsu.com/wp-content/themes/tada-Orthopedic%20clinic/dist/fonts/Noto_Sans_JP/NotoSansJP-Bold.otf);
}
@font-face {
font-family: "noto-m";
src: url(//tada-shinkyu-sekkotsu.com/wp-content/themes/tada-Orthopedic%20clinic/dist/fonts/Noto_Sans_JP/NotoSansJP-Medium.otf);
}
@font-face {
font-family: "noto-r";
src: url(//tada-shinkyu-sekkotsu.com/wp-content/themes/tada-Orthopedic%20clinic/dist/fonts/Noto_Sans_JP/NotoSansJP-Regular.otf);
}
@font-face {
font-family: "noto-l";
src: url(//tada-shinkyu-sekkotsu.com/wp-content/themes/tada-Orthopedic%20clinic/dist/fonts/Noto_Sans_JP/NotoSansJP-Light.otf);
} .text_center {
text-align: center;
} .block_outline {
margin-top: 90px;
margin-bottom: 143px;
} .standard_txt {
font-size: 16px;
line-height: 32px;
}
@media screen and (max-width: 1079px) {
.standard_txt {
font-size: 13px;
line-height: 28px;
}
}
@media screen and (max-width: 767px) {
.standard_txt {
font-size: 10px;
line-height: 22px;
}
}
@media screen and (max-width: 414px) {
.standard_txt {
line-height: 20px;
}
} .medium_txt {
font-size: 18px;
line-height: 36px;
}
@media screen and (max-width: 1079px) {
.medium_txt {
font-size: 16px;
line-height: 34px;
}
}
@media screen and (max-width: 767px) {
.medium_txt {
font-size: 11px;
line-height: 24px;
}
}
.text-color--red {
color: red;
} .font-weight {
font-weight: 900;
} .reservation {
color: rgb(0, 115, 255);
}
.txt_link {
color: #48BCFE;
}
.margin_b_70 {
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.margin_b_70 {
margin-bottom: 45px;
}
}
.ly_container-xl, .ly_container-lg, .l-container, .ly_container-sm {
width: 92%;
margin-right: auto;
margin-left: auto;
}
.ly_container-sm {
max-width: 760px;
}
.l-container {
max-width: 1080px;
}
.ly_container-lg {
max-width: 1200px;
}
.ly_container-xl {
max-width: 1400px;
}
.footer {
background-color: #ffecd8;
}
.footer_main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px;
padding: 20px 0px;
}
@media screen and (max-width: 767px) {
.footer_main {
gap: 40px;
padding: 15px 10px;
-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;
text-align: center;
}
} .footer-left {
width: 450px;
}
@media screen and (max-width: 1079px) {
.footer-left {
width: 40%;
}
}
@media screen and (max-width: 767px) {
.footer-left {
width: 80%;
}
}
@media screen and (max-width: 414px) {
.footer-left {
width: 85%;
}
}
.schedule-img--footer {
width: 100%;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.schedule-img--footer {
width: 90%;
margin-bottom: 30px;
}
} .footer_title {
font-size: 24px;
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.footer_title {
font-size: 18px;
margin-bottom: 10px;
display: inline-block;
}
} .reservation-link {
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-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: 10px;
}
@media screen and (max-width: 767px) {
.reservation-link {
gap: 15px;
}
}
@media screen and (max-width: 767px) {
.reservation-link a {
height: 25px;
}
} .reservation-img--footer {
width: 80%;
}
@media screen and (max-width: 767px) {
.reservation-img--footer {
width: 60%;
}
}
.footer-right {
width: 550px;
}
@media screen and (max-width: 1079px) {
.footer-right {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.footer-right {
width: 80%;
}
}
@media screen and (max-width: 414px) {
.footer-right {
width: 85%;
}
}
.footer_txt {
margin-bottom: 20px;
margin-left: 50px;
border-bottom: 1px solid #FF8B02;
}
@media screen and (max-width: 1079px) {
.footer_txt {
margin-left: 0px;
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.footer_txt {
font-size: 10px;
}
}
.footer_txt_cb {
color: #FF8B02;
font-weight: 900;
}
@media screen and (max-width: 1079px) {
.google-map {
width: 400px;
height: 300px;
}
}
.footer-bottom {
background-color: #FFDEBD;
text-align: center;
}
.footer_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 7px;
}
@media screen and (max-width: 767px) {
.footer_link {
font-size: 10px;
}
}
.footer_copyright {
font-size: 10px;
}
@media screen and (max-width: 767px) {
.footer_copyright {
padding-bottom: 100px;
}
}
.header {
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;
width: 100%;
height: 100px;
background-color: #ffffff;
z-index: 10;
}
@media screen and (max-width: 1079px) {
.header {
height: 100%;
}
}
.header-logo {
display: inline-block;
width: 170px;
}
@media screen and (max-width: 1079px) {
.header-logo {
width: 120px;
}
}
@media screen and (max-width: 767px) {
.header-logo {
width: 100px;
}
}
@media screen and (max-width: 767px) {
.header-nav {
display: none;
}
}
.header-nav_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 51px;
}
@media screen and (max-width: 1079px) {
.header-nav_list {
margin-right: 30px;
}
}
.header-nav_item {
display: block;
font-size: 20px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: 51px;
}
@media screen and (max-width: 1079px) {
.header-nav_item {
font-size: 14px;
margin-left: 35px;
}
}
.header-nav--sp {
display: none;
}
@media screen and (max-width: 767px) {
.header-nav--sp {
display: block;
width: 50%;
}
}
.sp-fixed {
display: none;
}
@media screen and (max-width: 767px) {
.sp-fixed {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 70px;
background-color: #FFAD5D;
z-index: 1200;
}
}
.sp-fixed_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 70px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
}
.sp-fixed_item {
width: 55px;
}
.sp-fixed_item a {
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-align: center;
-ms-flex-align: center;
align-items: center;
}
.sp-fixed_img {
width: 45px;
}
.sp-fixed_img--center {
width: 70px;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.sp-fixed_name {
font-size: 12px;
color: #ffffff;
font-family: "noto-b";
}
.sp-fixed_name--center {
font-size: 12px;
color: #ffffff;
font-family: "noto-b";
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
.m_btn {
font-weight: bold;
color: #ffffff;
} .btn-wrapper {
width: 246px;
height: 58px;
background: #bbde2c;
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;
-webkit-box-shadow: 4px 5px #65aa20;
box-shadow: 4px 5px #65aa20;
border-top-left-radius: 36px;
border-bottom-right-radius: 36px;
margin-left: 16px;
font-size: 18px;
}
@media screen and (max-width: 1079px) {
.btn-wrapper {
width: 166px;
height: 38px;
-webkit-box-shadow: 2px 3px #65aa20;
box-shadow: 2px 3px #65aa20;
font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.btn-wrapper {
width: 126px;
height: 28px;
padding: 2px 8px;
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.btn-wrapper.top-welcome {
-webkit-transform: translate(200px, -40px);
transform: translate(200px, -40px);
font-size: 10px;
}
}
@media screen and (max-width: 414px) {
.btn-wrapper.top-welcome {
-webkit-transform: translate(180px, -50px);
transform: translate(180px, -50px);
}
}
@media screen and (max-width: 767px) {
.btn-wrapper.top-about {
-webkit-transform: translate(-200px, -40px);
transform: translate(-200px, -40px);
font-size: 10px;
}
}
@media screen and (max-width: 414px) {
.btn-wrapper.top-about {
-webkit-transform: translate(-200px, -50px);
transform: translate(-200px, -50px);
}
}
.yazirushi-wrapper {
display: inline-block;
margin-left: 9px;
}
@media screen and (max-width: 767px) {
.yazirushi-wrapper {
margin-left: 6px;
}
}
.yazirusi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.yazirusi {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
}
.yazirusi::after {
content: "";
width: 28px;
height: 10px;
border-bottom: solid 2px;
border-right: solid 2px;
-webkit-transform: skew(45deg);
transform: skew(45deg);
color: #ffffff;
}
@media screen and (max-width: 767px) {
.yazirusi::after {
width: 16px;
height: 5px;
}
} .btn-box--center {
padding: 10px 0;
}
.btn-wrapper--center {
width: 246px;
height: 58px;
background: #bbde2c;
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;
-webkit-box-shadow: 4px 5px #65aa20;
box-shadow: 4px 5px #65aa20;
border-top-left-radius: 36px;
border-bottom-right-radius: 36px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.btn-wrapper--center {
width: 186px;
height: 38px;
padding: 2px 8px;
font-size: 14px;
}
} .btn-wrapper--small {
width: 186px;
height: 38px;
background: #bbde2c;
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;
-webkit-box-shadow: 2px 2px #65aa20;
box-shadow: 2px 2px #65aa20;
border-top-left-radius: 26px;
border-bottom-right-radius: 26px;
margin-left: 16px;
}
.m_btn--small {
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.yazirushi-wrapper--small {
display: inline-block;
margin-left: 9px;
}
.yazirusi-small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.yazirusi--small::after {
content: "";
width: 28px;
height: 10px;
border-bottom: solid 2px;
border-right: solid 2px;
-webkit-transform: skew(45deg);
transform: skew(45deg);
color: #ffffff;
} .btn2-wrapper {
position: relative;
padding: 20px 100px;
background: #A8C926;
display: inline-block;
-webkit-box-shadow: #adabab 2px 2px 5px;
box-shadow: #adabab 2px 2px 5px;
border-radius: 5px;
}
@media screen and (max-width: 1079px) {
.btn2-wrapper {
padding: 15px 80px 15px 60px;
}
}
@media screen and (max-width: 414px) {
.btn2-wrapper {
padding: 10px 30px 10px 30px;
}
}
.m_btn2 {
font-size: 28px;
font-weight: normal;
color: #ffffff;
}
@media screen and (max-width: 1079px) {
.m_btn2 {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.m_btn2 {
font-size: 18px;
}
}
.btn2_ellipse {
position: absolute;
content: "";
background-color: #fff;
width: 55px;
height: 55px;
top: 18px;
right: 20px;
border-radius: 50%;
}
@media screen and (max-width: 1079px) {
.btn2_ellipse {
top: 14px;
width: 45px;
height: 45px;
}
}
@media screen and (max-width: 767px) {
.btn2_ellipse {
top: 10px;
}
}
@media screen and (max-width: 414px) {
.btn2_ellipse {
width: 0px;
height: 0px;
}
}
.btn2_ellipse::before {
position: absolute;
content: "";
background-color: #A8C926;
width: 25px;
height: 3px;
top: 17px;
right: 12px;
border-radius: 1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 1079px) {
.btn2_ellipse::before {
width: 20px;
top: 15px;
right: 10px;
}
}
@media screen and (max-width: 414px) {
.btn2_ellipse::before {
width: 0px;
height: 0px;
}
}
.btn2_ellipse::after {
position: absolute;
content: "";
background-color: #A8C926;
width: 25px;
height: 3px;
top: 33px;
right: 12px;
border-radius: 1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (max-width: 1079px) {
.btn2_ellipse::after {
width: 20px;
top: 28px;
right: 10px;
}
}
@media screen and (max-width: 414px) {
.btn2_ellipse::after {
width: 0px;
height: 0px;
}
}
.hamburger-trigger {
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-align: center;
-ms-flex-align: center;
align-items: center;
}
.hamburger-button {
display: none; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 10px;
right: 10px;
z-index: 1002;
background-color: #fff;
border: none;
cursor: pointer;
width: 40px;
height: 40px;
outline: none;
}
@media screen and (max-width: 767px) {
.hamburger-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.hamburger-button svg {
height: 25px; width: 25px; }
.hamburger-button path {
fill: #000;
}
.hamburger-nav {
position: fixed;
width: 100%;
height: 100vh;
background-color: #FFAD5D;
z-index: 1001;
padding: 150px 0px;
display: none;
}
.hamburger-nav_list {
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-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 30px;
}
.hamburger-nav_item {
font-size: 24px;
color: #fff;
}
#hamburger-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
pointer-events: none;
opacity: 0;
z-index: 1000;
}
.page_name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-image: url(//tada-shinkyu-sekkotsu.com/wp-content/themes/tada-Orthopedic%20clinic/dist/img/page-top.png);
background-size: 100%;
width: 100%;
height: 230px;
margin-bottom: 75px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1079px) {
.page_name {
background-size: cover;
height: 180px;
}
}
@media screen and (max-width: 767px) {
.page_name {
height: 150px;
}
}
.page_name p {
width: 100%;
text-align: center;
font-size: 36px;
font-weight: 900;
background-color: rgba(209, 109, 51, 0.3843137255);
}
@media screen and (max-width: 1079px) {
.page_name p {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.page_name p {
font-size: 22px;
}
}
.page_section-content {
text-align: center;
}
.page_section {
position: relative;
padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
.page_section {
padding-bottom: 80px;
}
}
@media screen and (max-width: 414px) {
.page_section {
padding-bottom: 60px;
}
}
.about-president {
width: 900px;
height: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 143px auto 143px;
gap: 30px;
text-align: left;
}
@media screen and (max-width: 1079px) {
.about-president {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.about-president {
-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;
height: 100%;
margin: 93px auto 93px;
}
}
.about-president_img {
width: 300px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.about-president_img {
width: 60%;
}
}
.president_name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.president_jname {
font-size: 27px;
font-weight: 900;
}
@media screen and (max-width: 1079px) {
.president_jname {
font-size: 25px;
}
}
.president_ename {
font-size: 20px;
font-weight: 400;
color: rgba(0, 0, 0, 0.3882352941);
margin-left: 15px;
}
@media screen and (max-width: 1079px) {
.president_ename {
font-size: 18px;
}
}
.president_detail {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.president_detail p {
font-size: 13px;
margin: 3px;
}
@media screen and (max-width: 1079px) {
.president_greet {
font-size: 12px;
}
}
.about-staff {
width: 750px;
height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0px auto 93px;
gap: 30px;
text-align: left;
}
@media screen and (max-width: 1079px) {
.about-staff {
width: 75%;
}
}
@media screen and (max-width: 767px) {
.about-staff {
-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;
height: 100%;
}
}
.about-staff_img {
width: 220px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.about-staff_img {
width: 50%;
}
}
.staff_post {
font-size: 13px;
}
.staff_name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
@media screen and (max-width: 1079px) {
.staff_name {
margin-bottom: 0px;
}
}
.staff_jname {
font-size: 22px;
font-weight: 900;
}
.staff_ename {
font-size: 17px;
font-weight: 400;
color: rgba(0, 0, 0, 0.3882352941);
margin-left: 10px;
}
.staff_detail {
margin-bottom: 18px;
}
.staff_detail p {
font-size: 11px;
margin-bottom: 2px;
}
.staff_greet {
font-size: 13px;
}
@media screen and (max-width: 1079px) {
.staff_greet {
font-size: 12px;
}
}
.about-clinic {
width: 950px;
margin: 143px auto 143px;
}
@media screen and (max-width: 1079px) {
.about-clinic {
width: 85%;
margin: 103px auto 103px;
}
}
@media screen and (max-width: 767px) {
.about-clinic {
margin: 83px auto 83px;
}
}
@media screen and (max-width: 414px) {
.about-clinic {
margin: 53px auto 53px;
}
}
.clinic_content {
text-align: left;
margin-bottom: 120px;
}
.clinic_title {
display: inline-block;
font-size: 22px;
font-weight: 600;
border-left: 3px solid #FF8B02;
margin-bottom: 40px;
text-align: left;
padding-left: 5px;
}
@media screen and (max-width: 767px) {
.clinic_title {
font-size: 20px;
}
}
@media screen and (max-width: 414px) {
.clinic_title {
font-size: 16px;
}
}
.clinic-description {
margin-bottom: 30px;
text-align: left;
}
@media screen and (max-width: 1079px) {
.clinic-description {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.clinic-description {
font-size: 12px;
}
}
.machine-description {
font-size: 14px;
}
@media screen and (max-width: 1079px) {
.machine-description {
font-size: 11px;
}
}
.clinic_img-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
}
@media screen and (max-width: 1079px) {
.clinic_img-wrapper {
gap: 30px;
}
}
@media screen and (max-width: 767px) {
.clinic_img-wrapper {
gap: 15px;
-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;
margin-bottom: 20px;
}
}
.clinic_img-wrapper img {
width: 400px;
}
@media screen and (max-width: 1079px) {
.clinic_img-wrapper img {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.clinic_img-wrapper img {
width: 90%;
}
}
.clinic_content--atmosphere {
text-align: center;
margin-bottom: 120px;
}
@media screen and (max-width: 1079px) {
.clinic_content--atmosphere {
margin-bottom: 60px;
}
}
.clinic_title--atmosphere {
display: inline-block;
font-size: 24px;
font-weight: 600;
border-bottom: 1px solid #00A3FF;
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.clinic_title--atmosphere {
font-size: 20px;
margin-bottom: 80px;
}
}
@media screen and (max-width: 414px) {
.clinic_title--atmosphere {
font-size: 16px;
margin-bottom: 60px;
}
}
.clinic_machine-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
}
@media screen and (max-width: 1079px) {
.clinic_machine-wrapper {
gap: 30px;
}
}
@media screen and (max-width: 767px) {
.clinic_machine-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.clinic_machine-wrapper img {
width: 400px;
}
@media screen and (max-width: 1079px) {
.clinic_machine-wrapper img {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.clinic_machine-wrapper img {
width: 100%;
}
}
.clinic_item1 {
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.clinic_item1 img {
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1079px) {
.clinic_item1 img {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.clinic_item1 img {
width: 70%;
}
}
.clinic_item2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.clinic_item2 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.clinic_item2 img {
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1079px) {
.clinic_item2 img {
width: 40%;
}
}
@media screen and (max-width: 767px) {
.clinic_item2 img {
width: 70%;
}
}
.clinic-item2--pc {
display: block;
}
@media screen and (max-width: 767px) {
.clinic-item2--pc {
display: none;
}
}
.clinic-item2--sp {
display: none;
}
@media screen and (max-width: 767px) {
.clinic-item2--sp {
display: block;
}
}
.post_wrapper {
width: 800px;
margin: 143px auto;
}
@media screen and (max-width: 1079px) {
.post_wrapper {
width: 80%;
margin: 103px auto;
}
}
@media screen and (max-width: 767px) {
.post_wrapper {
margin: 83px auto;
}
}
.post_content {
height: 220px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #000;
margin-bottom: 75px;
border: 1px solid #239b3f;
background-color: #fff;
border-radius: 10px;
padding: 15px 15px;
}
@media screen and (max-width: 1079px) {
.post_content {
margin-bottom: 55px;
}
}
@media screen and (max-width: 767px) {
.post_content {
-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;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.post_content {
height: 100%;
}
}
.post_img {
width: 300px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1079px) {
.post_img {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.post_img {
width: 100%;
}
}
.post_info--up {
text-align: left;
padding: 20px;
}
@media screen and (max-width: 767px) {
.post_info--up {
padding: 10px 20px;
}
}
.post_info--down {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0px 30px 30px 30px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
@media screen and (max-width: 767px) {
.post_info--down {
padding: 0px 20px 10px 20px;
}
}
.post_title {
font-size: 20px;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.post_title {
font-size: 16px;
}
}
.post_description {
font-size: 12px;
}
@media screen and (max-width: 767px) {
.post_description {
font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.post_date {
font-size: 12px;
}
}
.pagenation {
margin-bottom: 100px;
}
.page-numbers {
font-family: "noto-b";
text-align: center;
display: inline-block;
width: 40px;
padding: 10px 0px;
border: 1px solid #ff8b02;
}
.page-numbers.next {
width: 60px;
}
.page-numbers.current {
background-color: #ff8b02;
color: #fff;
}
.single_wrapper {
width: 850px;
margin: 83px auto;
}
@media screen and (max-width: 1079px) {
.single_wrapper {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.single_wrapper {
margin: 83px auto;
}
}
.single_upper {
text-align: center;
}
.single_img {
width: 100%;
height: 100%;
margin-bottom: 30px;
}
@media screen and (max-width: 1079px) {
.single_img {
margin-bottom: 20px;
}
}
.single_title {
font-family: "noto-b";
width: 100%;
background-color: #ff8b02;
color: #fff;
font-size: 32px;
padding: 5px 0px;
margin-bottom: 30px;
}
@media screen and (max-width: 1079px) {
.single_title {
font-size: 28px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.single_title {
font-size: 22px;
padding: 2px 0px;
margin-bottom: 10px;
}
}
.single_upper--dl {
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;
padding-bottom: 10px;
border-bottom: 3px solid #ff8b02;
}
@media screen and (max-width: 1079px) {
.single_upper--dl {
font-size: 7px;
}
}
.single_date {
font-size: 24px;
}
@media screen and (max-width: 1079px) {
.single_date {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.single_date {
font-size: 14px;
}
}
.single_link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single_link img {
height: 50px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1079px) {
.single_link img {
height: 40px;
}
}
@media screen and (max-width: 767px) {
.single_link img {
height: 25px;
}
}
.single_down {
text-align: left;
margin: 63px 0px;
}
@media screen and (max-width: 767px) {
.single_down {
margin: 43px 0px;
}
}
.single_down h2 {
font-size: 28px;
}
@media screen and (max-width: 1079px) {
.single_down h2 {
font-size: 24px;
}
}
@media screen and (max-width: 1079px) {
.single_down h2 {
font-size: 22px;
}
}
.single_down p {
font-size: 15px;
}
@media screen and (max-width: 1079px) {
.single_down p {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.single_down p {
font-size: 11px;
}
}
.contact_question {
width: 960px;
margin: 103px auto;
}
@media screen and (max-width: 1079px) {
.contact_question {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.contact_question {
margin: 63px auto;
width: 90%;
}
}
.contact_question_top {
margin-bottom: 103px;
}
@media screen and (max-width: 767px) {
.contact_question_top {
margin-bottom: 63px;
font-size: 11px;
}
}
.question_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
gap: 30px;
}
@media screen and (max-width: 1079px) {
.question_list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.question_list {
gap: 15px;
}
}
.question_item {
width: 300px;
height: 190px;
border: 1px solid #000;
background-color: #FFFAF3;
text-align: center;
padding: 8px;
}
@media screen and (max-width: 1079px) {
.question_item {
width: 42%;
height: 190px;
}
}
@media screen and (max-width: 767px) {
.question_item {
width: 45%;
height: 210px;
}
}
@media screen and (max-width: 414px) {
.question_item {
height: 240px;
}
}
.question_item--top {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 0px 0px 0px;
}
.question_item--line {
display: inline-block;
background-color: #000000;
width: 90%;
height: 1px;
}
.question_q {
font-size: 24px;
font-weight: 900;
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.question_q {
font-size: 20px;
}
}
.question_title {
font-size: 14px;
font-weight: 900;
color: #00A3FF;
}
@media screen and (max-width: 767px) {
.question_title {
font-size: 12px;
}
}
.question_item--down {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.question_a {
font-size: 24px;
font-weight: 900;
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.question_a {
font-size: 20px;
}
}
.question_answer {
font-size: 12px;
padding-top: 10px;
text-align: left;
}
@media screen and (max-width: 767px) {
.question_answer {
font-size: 10px;
}
}
.contact_question_down {
position: relative;
margin: 83px 0px;
font-weight: 900;
}
@media screen and (max-width: 767px) {
.contact_question_down {
margin: 33px 0px;
}
}
.contact_question_down p {
position: relative;
display: inline-block;
font-size: 18px;
}
@media screen and (max-width: 767px) {
.contact_question_down p {
font-size: 11px;
}
}
@media screen and (max-width: 414px) {
.contact_question_down p {
font-size: 10px;
}
}
.contact_question_down p::before {
position: absolute;
content: "";
width: 40px;
height: 1px;
background-color: #000000;
bottom: 10px;
left: -50px;
-webkit-transform: rotate(155deg);
transform: rotate(155deg);
}
@media screen and (max-width: 767px) {
.contact_question_down p::before {
width: 20px;
bottom: 5px;
left: -25px;
}
}
.contact_question_down p::after {
position: absolute;
content: "";
width: 40px;
height: 1px;
background-color: #000000;
bottom: 10px;
right: -50px;
-webkit-transform: rotate(205deg);
transform: rotate(205deg);
}
@media screen and (max-width: 767px) {
.contact_question_down p::after {
width: 20px;
bottom: 5px;
right: -25px;
}
}
.contact_reservation {
margin: 63px auto;
}
@media screen and (max-width: 767px) {
.contact_reservation {
width: 90%;
}
}
@media screen and (max-width: 767px) {
.contact_reservation_top {
font-size: 11px;
}
}
.contact_reservation_wrapper {
width: 710px;
margin: 63px auto;
}
@media screen and (max-width: 1079px) {
.contact_reservation_wrapper {
width: 70%;
}
}
.contact_reservation_link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-item-align: center;
align-self: center;
gap: 50px;
margin-bottom: 100px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0px 120px;
}
@media screen and (max-width: 1079px) {
.contact_reservation_link {
padding: 0px 40px;
}
}
@media screen and (max-width: 767px) {
.contact_reservation_link {
gap: 25px;
margin-bottom: 50px;
padding: 0px;
}
}
.contact_reservation_link a {
width: 40%;
}
@media screen and (max-width: 767px) {
.contact_reservation_link a {
width: 45%;
}
}
@media screen and (max-width: 414px) {
.contact_reservation_link a {
width: 40%;
}
}
.contact_reservation_img {
width: 100%;
}
.form_description {
width: 550px;
margin: 60px auto;
text-align: left;
}
@media screen and (max-width: 767px) {
.form_description {
width: 100%;
padding: 0px 20px;
}
}
.form_description-title {
display: inline-block;
font-size: 16px;
font-weight: 600;
border-left: 3px solid #FF8B02;
padding-left: 5px;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
@media screen and (max-width: 767px) {
.form_description-title {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.form_description-text {
font-size: 12px;
}
}
.form_description_close {
margin-bottom: 20px;
}
.form_description_schedule {
width: 90%;
margin: 30px auto;
}
.form_reservation {
width: 800px;
text-align: left;
border: 1px solid #000;
padding: 50px 70px;
margin: 0 auto;
}
@media screen and (max-width: 1079px) {
.form_reservation {
width: 90%;
padding: 20px 30px;
}
}
#nf-form-title-2 {
display: none;
}
.nf-form-content hr.ninja-forms-field {
border-bottom: 2px solid #FF8B02;
margin-bottom: 20px;
-webkit-box-shadow: none;
box-shadow: none;
}
#nf-field-11-wrap .nf-field-element {
text-align: center;
}
#nf-field-11-wrap .nf-field-element input {
background-color: #A8C926;
padding: 0px 40px;
font-size: 20px;
font-weight: 900;
}
.review_wrapper {
width: 950px;
margin: 143px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
@media screen and (max-width: 1079px) {
.review_wrapper {
width: 90%;
gap: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 900px) {
.review_wrapper {
margin: 103px auto;
}
}
@media screen and (max-width: 767px) {
.review_wrapper {
margin: 83px auto;
}
}
@media screen and (max-width: 767px) {
.review_wrapper {
width: 100%;
margin: 53px auto;
}
}
@media screen and (max-width: 1079px) {
.review_content_link {
width: 48%;
}
}
@media screen and (max-width: 767px) {
.review_content_link {
width: 85%;
}
}
.review_content {
width: 450px;
height: 280px;
padding: 20px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
border-radius: 8px;
-webkit-box-shadow: #9e9e9e 2px 2px 2px;
box-shadow: #9e9e9e 2px 2px 2px;
}
@media screen and (max-width: 1079px) {
.review_content {
width: 100%;
height: 250px;
}
}
@media screen and (max-width: 900px) {
.review_content {
height: 210px;
}
}
@media screen and (max-width: 767px) {
.review_content {
height: 180px;
}
}
.review_content.men {
background-color: #E3F3FF;
}
.review_content.women {
background-color: #FFEBF1;
}
.review_img {
width: 170px;
height: 230px;
}
@media screen and (max-width: 1079px) {
.review_img {
width: 40%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width: 900px) {
.review_img {
width: 38%;
}
}
@media screen and (max-width: 767px) {
.review_img {
width: 120px;
}
}
.review_info {
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-align: start;
-ms-flex-align: start;
align-items: start;
}
.review_info--up {
font-size: 18px;
border-left: 3px solid #ff8b02;
padding-left: 3px;
margin-bottom: 10px;
}
@media screen and (max-width: 1079px) {
.review_info--up {
font-size: 17px;
}
}
@media screen and (max-width: 900px) {
.review_info--up {
font-size: 14px;
margin-bottom: 6px;
}
}
@media screen and (max-width: 900px) and (max-width: 767px) {
.review_info--up {
font-size: 13px;
}
}
.review_treatment {
margin-bottom: 30px;
}
@media screen and (max-width: 1079px) {
.review_treatment {
margin-bottom: 15px;
}
}
@media screen and (max-width: 900px) {
.review_treatment {
font-size: 13px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.review_treatment {
font-size: 12px;
}
}
.review_info--down {
text-align: left;
}
.review_article {
font-size: 12px;
}
@media screen and (max-width: 900px) {
.review_article {
font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.review_article {
font-size: 10px;
}
}
.main {
background-color: #fff5e9;
}  .top_kv_box {
background: -webkit-gradient(linear, right top, left top, from(rgba(246, 221, 156, 0.6)), to(#ffe9d3));
background: linear-gradient(to left, rgba(246, 221, 156, 0.6), #ffe9d3);
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;
}  .top_kv_on {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.top_kv_copy {
width: 30%;
text-align: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "noto-b";
}
@media screen and (max-width: 1079px) {
.top_kv_copy {
width: 30%;
}
}
@media screen and (max-width: 767px) {
.top_kv_copy {
display: none;
}
}
.top_kv_copy_text--sub {
font-size: 16px;
padding-top: 30px;
color: #f58a4b;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
@media screen and (max-width: 1079px) {
.top_kv_copy_text--sub {
font-size: 13px;
}
}
@media screen and (max-width: 900px) {
.top_kv_copy_text--sub {
font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.top_kv_copy_text--sub {
padding-top: 0px;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
}
@media screen and (max-width: 767px) {
.top_kv_copy_text--sub {
font-size: 10px;
}
}
.top_kv_copy_text--main {
font-size: 40px;
color: #f58a4b;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
@media screen and (max-width: 1079px) {
.top_kv_copy_text--main {
font-size: 30px;
}
}
@media screen and (max-width: 900px) {
.top_kv_copy_text--main {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.top_kv_copy_text--main {
font-size: 22px;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
}
@media screen and (max-width: 767px) {
.top_kv_copy_text--main {
font-size: 20px;
}
}
.top_kv_copy_text--main span {
color: #ff6f2d;
}
.slide-items {
width: 80%;
height: 100%;
}
@media screen and (max-width: 767px) {
.slide-items {
width: 100%;
}
}
.slide-items img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}  .top_kv_under { bottom: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 10px 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1079px) {
.top_kv_under {
padding: 10px 20px;
}
}
@media screen and (max-width: 767px) {
.top_kv_under {
padding: 10px 10px 10px 50px;
}
}
@media screen and (max-width: 414px) {
.top_kv_under {
padding: 5px 5px 5px 5px;
}
}  .top_kv_reservation-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 1079px) {
.top_kv_reservation-wrapper {
gap: 3px;
}
}
@media screen and (max-width: 767px) {
.top_kv_reservation-wrapper {
display: none;
}
}
@media screen and (max-width: 767px) {
.top_kv_reservation-wrapper a {
height: 14px;
}
}
.top_kv_sp_copy {
display: none;
width: 500px;
}
@media screen and (max-width: 767px) {
.top_kv_sp_copy {
display: block;
}
}
.reservation-img {
width: 280px;
}
@media screen and (max-width: 1079px) {
.reservation-img {
width: 160px;
}
}
@media screen and (max-width: 767px) {
.reservation-img {
width: 100px;
}
}  .schedule-img {
width: 40%;
bottom: 0px;
right: 0px;
}
.table-sales {
background: #ffad5d;
width: 400px;
height: 80px;
text-align: center;
font-size: 22px;
}
tr,
td,
th {
border: 1px solid #ff8b02;
padding: 8px 18px;
}
.first-row {
color: #ffffff;
}
.sales-th {
text-align: center;
}
.sales-th1 {
letter-spacing: 0.1em;
}
.time-row {
background: #ffffff;
} .campaign {
position: relative;
padding: 100px;
text-align: center;
overflow: hidden;
}
@media screen and (max-width: 1079px) {
.campaign {
padding: 70px 70px 80px 70px;
}
}
@media screen and (max-width: 767px) {
.campaign {
padding: 30px 10px 55px 10px;
}
}
.campaign2 {
position: relative;
padding: 100px 180px;
text-align: center;
overflow: hidden;
}
@media screen and (max-width: 1079px) {
.campaign2 {
padding: 50px 100px;
}
}
@media screen and (max-width: 767px) {
.campaign2 {
padding: 20px 50px;
}
}
.campaign-img {
position: relative;
}
@media screen and (max-width: 1079px) {
.campaign-img {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.campaign-img {
width: 90%;
}
}
.campaign2 p {
margin-top: 50px;
font-size: 18px;
}
@media screen and (max-width: 1079px) {
.campaign2 p {
margin-top: 20px;
font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.campaign2 p {
font-size: 11px;
}
}
.section-logo--campaign {
width: 450px;
position: absolute;
bottom: 20px;
right: -150px;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
@media screen and (max-width: 1079px) {
.section-logo--campaign {
width: 350px;
bottom: 50px;
right: -90px;
}
}
.article {
margin: 0 auto;
width: 1100px;
padding-bottom: 50px;
background-color: #fff;
}
@media screen and (max-width: 1079px) {
.article {
width: 100%;
}
}
.top_section {
position: relative;
margin-bottom: 200px;
overflow: hidden;
}
@media screen and (max-width: 1079px) {
.top_section {
margin-bottom: 110px;
}
}
@media screen and (max-width: 767px) {
.top_section {
margin-bottom: 60px;
}
}
.section-logo--top-left {
width: 600px;
position: absolute;
top: 70px;
left: -240px;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
@media screen and (max-width: 1079px) {
.section-logo--top-left {
width: 400px;
top: 40px;
left: -120px;
}
}
.section-logo--bottom-right {
width: 450px;
position: absolute;
bottom: 70px;
right: -240px;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
@media screen and (max-width: 1079px) {
.section-logo--bottom-right {
width: 400px;
bottom: 0px;
right: -140px;
}
}
.section-logo--top-right {
width: 500px;
position: absolute;
top: 250px;
right: 50px;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
@media screen and (max-width: 1079px) {
.section-logo--top-right {
width: 350px;
top: 200px;
right: 0px;
}
}
.section-logo--bottom-left {
width: 450px;
position: absolute;
bottom: 70px;
left: -150px;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}  .m_section-title-wrapper {
position: relative;
width: 75%;
height: 0px;
border-bottom: 75px solid #ff8b02;
border-right: 50px solid transparent;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
@media screen and (max-width: 767px) {
.m_section-title-wrapper {
border-bottom: 45px solid #ff8b02;
border-right: 40px solid transparent;
}
}
@media screen and (max-width: 414px) {
.m_section-title-wrapper {
width: 80%;
}
}
.m_section-text-wrapper {
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;
gap: 50px;
padding-top: 15px;
}
@media screen and (max-width: 767px) {
.m_section-text-wrapper {
padding-top: 10px;
gap: 10px;
}
}
.m_section-text-wrapper.first {
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;
gap: 50px;
padding-top: 15px;
}
@media screen and (max-width: 767px) {
.m_section-text-wrapper.first {
padding-top: 10px;
gap: 10px;
}
}
@media screen and (max-width: 414px) {
.m_section-text-wrapper.first {
padding-top: 12px;
}
} .m_section-title {
font-size: 27px;
font-weight: bold;
color: #ffffff;
text-align: center;
}
@media screen and (max-width: 767px) {
.m_section-title {
font-size: 16px;
}
}
.m_section-title.first {
font-size: 27px;
font-weight: bold;
color: #ffffff;
text-align: center;
}
@media screen and (max-width: 767px) {
.m_section-title.first {
font-size: 13px;
}
}
@media screen and (max-width: 414px) {
.m_section-title.first {
font-size: 11px;
}
} .m_section-title-en {
position: relative;
display: inline;
font-size: 20px;
font-weight: normal;
letter-spacing: 0.11em;
color: #ffffff;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
@media screen and (max-width: 767px) {
.m_section-title-en {
font-size: 10px;
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
}  .top_section-content {
position: relative;
width: 950px;
height: 400px;
border: 1px solid #239b3f;
background-color: #fff;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 143px auto 0px;
padding: 40px 20px;
gap: 60px;
}
@media screen and (max-width: 1079px) {
.top_section-content {
width: 90%;
height: 350px;
margin: 103px auto 0px;
gap: 40px;
}
}
@media screen and (max-width: 767px) {
.top_section-content {
width: 95%;
height: 250px;
padding: 20px 10px;
margin: 53px auto 0px;
gap: 0px;
}
}
.top_section-content.about {
gap: 40px;
}
@media screen and (max-width: 1079px) {
.top_section-content.about {
gap: 25px;
}
}
@media screen and (max-width: 767px) {
.top_section-content.about {
gap: 0px;
}
}
.top_section-content_explain {
width: 40%;
}
.top_section-content_txt-wrapper {
width: 400px;
height: 200px;
margin-bottom: 30px;
}
@media screen and (max-width: 1079px) {
.top_section-content_txt-wrapper {
width: 280px;
height: 150px;
margin-bottom: 70px;
}
}
@media screen and (max-width: 767px) {
.top_section-content_txt-wrapper {
width: 100%;
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.top_section-content_txt {
font-size: 13px;
}
}
@media screen and (max-width: 414px) {
.top_section-content_txt {
font-size: 11px;
}
}
.top_section-treatment-txt {
margin-top: 90px;
margin-bottom: 93px;
text-align: center;
}
@media screen and (max-width: 1079px) {
.top_section-treatment-txt {
margin-top: 60px;
margin-bottom: 63px;
}
}
@media screen and (max-width: 767px) {
.top_section-treatment-txt {
margin-top: 40px;
margin-bottom: 43px;
}
}
@media screen and (max-width: 1079px) {
.img-wrapper {
padding: 0 20px;
}
}
@media screen and (max-width: 767px) {
.img-wrapper {
padding: 10px 15px;
}
}
@media screen and (max-width: 414px) {
.img-wrapper {
padding: 5px;
}
}  .top_section-treatment-head {
position: relative;
display: inline-block;
font-size: 22px;
font-weight: 900;
line-height: 32px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.top_section-treatment-head {
font-size: 16px;
line-height: 26px;
}
}
.top_section-treatment-head::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #ee7118;
}
.top_section-treatment_list-wrapper {
position: relative;
margin-top: 100px;
margin-bottom: 100px;
padding: 0 75px;
}
@media screen and (max-width: 1079px) {
.top_section-treatment_list-wrapper {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media screen and (max-width: 767px) {
.top_section-treatment_list-wrapper {
margin-top: 40px;
margin-bottom: 40px;
padding: 0px;
}
}
.top_section-treatment_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 25px;
}
@media screen and (max-width: 1079px) {
.top_section-treatment_list {
gap: 30px;
}
}
@media screen and (max-width: 767px) {
.top_section-treatment_list {
gap: 15px;
}
}
.top_section-treatment_item {
width: 280px;
height: 100px;
border-radius: 8px;
background-color: #FFAD5D;
-webkit-box-shadow: #adabab 2px 2px 5px;
box-shadow: #adabab 2px 2px 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.top_section-treatment_item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
width: 110px;
height: 150px;
padding: 20px 5px;
}
}
.top_section-treatment_list_img {
width: 100px;
}
@media screen and (max-width: 767px) {
.top_section-treatment_list_img {
width: 95px;
}
}
.top_section-treatment_list_txt {
width: 145px;
font-size: 18px;
font-weight: 900;
}
@media screen and (max-width: 767px) {
.top_section-treatment_list_txt {
width: 100%;
font-size: 12px;
}
}
.top_section-treatment_item--example {
position: relative;
width: 500px;
border-radius: 8px;
background-color: #FFAD5D;
-webkit-box-shadow: #adabab 2px 2px 5px;
box-shadow: #adabab 2px 2px 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.top_section-treatment_item--example li {
font-size: 21px;
font-weight: 900;
border-bottom: 1px solid #FFAD5D;
}
@media screen and (max-width: 767px) {
.top_section-treatment_item--example li {
font-size: 14px;
}
}
.treatment_item--example_last {
color: #fff;
background-color: #65aa20;
border-bottom: 0px solid #FFAD5D;
border-radius: 7px;
padding: 10px;
margin-top: 100px;
font-size: 18px;
font-weight: 900;
text-align: center;
}
@media screen and (max-width: 767px) {
.treatment_item--example_last {
margin-top: 70px;
font-size: 15px;
}
} .treatment_item--example_btn {
position: relative;
width: 100%;
text-align: center;
background: #ff8b02;
display: inline-block;
-webkit-box-shadow: #adabab 2px 2px 5px;
box-shadow: #adabab 2px 2px 5px;
border-radius: 5px;
padding: 10px 0px;
}
.tie_btn {
font-size: 24px;
font-weight: normal;
color: #ffffff;
}
@media screen and (max-width: 1079px) {
.tie_btn {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.tie_btn {
font-size: 18px;
}
}   .top_section-review_content_wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
padding: 193px 0px 30px;
}
@media screen and (max-width: 1079px) {
.top_section-review_content_wrapper {
gap: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 123px 0px 10px;
}
}
@media screen and (max-width: 767px) {
.top_section-review_content_wrapper {
padding: 63px 0px 10px;
}
}
.top_section-review_content_link:nth-child(1) {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
@media screen and (max-width: 1079px) {
.top_section-review_content_link:nth-child(1) {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
@media screen and (max-width: 1079px) {
.top_section-review_content_link:nth-child(2) {
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
} .top_section-review_content {
-webkit-box-shadow: #adabab 2px 2px 5px;
box-shadow: #adabab 2px 2px 5px;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
width: 460px;
padding: 30px 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1079px) {
.top_section-review_content {
width: 70%;
height: 220px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.top_section-review_content {
width: 80%;
height: 180px;
}
}
@media screen and (max-width: 414px) {
.top_section-review_content {
width: 85%;
}
}
.top_section-review_content.men {
background-color: #E3F3FF;
}
.top_section-review_content.women {
background-color: #FFEBF1;
}
.top_section-review_content_img {
width: 140px;
}
@media screen and (max-width: 767px) {
.top_section-review_content_img {
width: 120px;
}
}
.top_section-review_content_txt-name {
font-size: 20px;
}
@media screen and (max-width: 1079px) {
.top_section-review_content_txt-name {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.top_section-review_content_txt-name {
font-size: 13px;
}
}
@media screen and (max-width: 414px) {
.top_section-review_content_txt-name {
font-size: 12px;
}
}
.top_section-review_content_txt-condition {
font-size: 14px;
margin-bottom: 25px;
}
@media screen and (max-width: 1079px) {
.top_section-review_content_txt-condition {
margin-bottom: 8px;
}
}
@media screen and (max-width: 767px) {
.top_section-review_content_txt-condition {
font-size: 12px;
}
}
.top_section-review_content_txt {
font-size: 14px;
width: 280px;
}
@media screen and (max-width: 1079px) {
.top_section-review_content_txt {
font-size: 12px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.top_section-review_content_txt {
font-size: 10px;
}
}
.review_btn {
-webkit-transform: translate(100px, 200px);
transform: translate(100px, 200px);
}
@media screen and (max-width: 1079px) {
.review_btn {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}  .top_section-blog_content_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 143px;
margin-bottom: 103px;
gap: 40px;
}
@media screen and (max-width: 1079px) {
.top_section-blog_content_list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 73px;
gap: 25px;
}
}
@media screen and (max-width: 767px) {
.top_section-blog_content_list {
margin-top: 73px;
margin-bottom: 53px;
gap: 15px;
}
}
@media screen and (max-width: 1079px) {
.top_section-blog_content_link {
width: 44%;
}
}
.top_section-blog_content_link:nth-child(4) {
display: none;
}
@media screen and (max-width: 1079px) {
.top_section-blog_content_link:nth-child(4) {
display: inline-block;
}
}
.top_section-blog_content {
width: 280px;
height: 460px;
border: 1px solid #239b3f;
background-color: #fff;
border-radius: 10px;
padding: 15px 15px;
}
@media screen and (max-width: 1079px) {
.top_section-blog_content {
width: 320px;
height: 460px;
}
}
@media screen and (max-width: 767px) {
.top_section-blog_content {
width: 100%;
height: 300px;
padding: 10px 10px;
}
}
.top_section-blog_content_img-wrwapper {
width: 100;
}
.top_section-blog_content_img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.top_section-blog_content_date {
font-size: 10px;
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}
}
.top_section-blog_content_title {
font-size: 18px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.top_section-blog_content_title {
font-size: 13px;
margin-bottom: 5px;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.top_section-blog_content_txt {
font-size: 14px;
}
@media screen and (max-width: 767px) {
.top_section-blog_content_txt {
font-size: 11px;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
} .corona {
padding: 0px 100px 100px 100px;
text-align: center;
}
@media screen and (max-width: 1079px) {
.corona {
padding: 0px;
}
}
.corona-img {
width: 900px;
}
@media screen and (max-width: 1079px) {
.corona-img {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.corona-img {
width: 95%;
}
}
.treatment-first {
width: 950px;
margin: 23px auto 23px;
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;
padding-bottom: 60px;
}
@media screen and (max-width: 1079px) {
.treatment-first {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.treatment-first {
padding-bottom: 30px;
}
}
.treatment_content {
width: 850px;
text-align: left;
margin: 0px auto;
padding-top: 80px;
}
@media screen and (max-width: 1079px) {
.treatment_content {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.treatment_content {
padding-top: 40px;
}
}
.treatment_title {
display: inline-block;
font-size: 22px;
font-weight: 600;
border-left: 3px solid #FF8B02;
padding-left: 5px;
margin-bottom: 40px;
text-align: left;
}
@media screen and (max-width: 767px) {
.treatment_title {
font-size: 18px;
border-left: 2px solid #FF8B02;
padding-left: 3px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.treatment_title {
font-size: 16px;
}
}
.treatment_img-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.treatment_img-wrapper {
margin-bottom: 10px;
}
}
.treatment_img-wrapper img {
height: 220px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.treatment_img-wrapper img {
height: 120px;
}
}
.treatment_img-wrapper2 img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.treatment_img-insurance1 {
padding: 0px 150px;
}
@media screen and (max-width: 1079px) {
.treatment_img-insurance1 {
padding: 0px 120px;
}
}
@media screen and (max-width: 767px) {
.treatment_img-insurance1 {
padding: 0px 60px;
}
}
.treatment_description {
margin-top: 15px;
margin-bottom: 30px;
text-align: left;
}
@media screen and (max-width: 767px) {
.treatment_description {
margin-top: 5px;
margin-bottom: 10px;
font-size: 11px;
}
}
.treatment-flow {
width: 950px;
margin: 143px auto 143px;
}
@media screen and (max-width: 1079px) {
.treatment-flow {
width: 85%;
}
}
@media screen and (max-width: 767px) {
.treatment-flow {
margin: 83px auto 83px;
}
}
@media screen and (max-width: 767px) {
.treatment-flow {
margin: 53px auto 53px;
}
}
.treatment-flow_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.treatment-flow_item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 200px;
margin-bottom: 20px;
border: 1px solid #000;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px;
}
@media screen and (max-width: 1079px) {
.treatment-flow_item {
height: 180px;
gap: 15px;
padding: 15px;
}
}
@media screen and (max-width: 767px) {
.treatment-flow_item {
height: 120px;
gap: 10px;
padding: 10px;
}
}
.treatment-item_left {
width: 220px;
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-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1079px) {
.treatment-item_left {
width: 40%;
}
}
@media screen and (max-width: 767px) {
.treatment-item_left {
width: 60%;
}
}
.flow-item_number {
border: #FF8B02 2px solid;
font-size: 32px;
width: 60px;
height: 60px;
border-radius: 50%;
}
@media screen and (max-width: 1079px) {
.flow-item_number {
font-size: 26px;
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 767px) {
.flow-item_number {
font-size: 16px;
width: 30px;
height: 30px;
}
}
.flow-item_title {
border-bottom: #FF8B02 3px solid;
font-size: 24px;
font-weight: 900;
}
@media screen and (max-width: 1079px) {
.flow-item_title {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.flow-item_title {
font-size: 10px;
}
}
.treatment-item_center {
width: 300px;
height: 170px;
}
@media screen and (max-width: 1079px) {
.treatment-item_center {
width: 90%;
height: 100%;
}
}
.treatment-item_center img {
width: 290px;
height: 170px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1079px) {
.treatment-item_center img {
width: 100%;
height: 100%;
}
}
.treatment-item_right {
width: 300px;
font-size: 16px;
}
@media screen and (max-width: 1079px) {
.treatment-item_right {
font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.treatment-item_right {
font-size: 10px;
}
}
.treatment-flow_arrow img {
width: 75px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.treatment-flow_arrow img {
width: 45px;
margin-bottom: 10px;
}
}