@charset "utf-8";
/*
Theme Name: LIQUID CORPORATE Child
Theme URI: https://lqd.jp/wp/
Description: LIQUID PRESS THEME
Author: LIQUID DESIGN
Author URI: https://lqd.jp/
Template: liquid-corporate
Version: 9999
*/
/* Child Styles */


/* ------------------------------------
// common
------------------------------------ */

* p , * ul , * figure , * h1 , * h2 , * h3 , * h4 {
	margin-bottom:0;
}

* ul {
	padding-left:0;
	list-style-type:none;
}

body {
    font-family: "Zen Old Mincho", serif;
	line-height: 1.8;
	font-feature-settings: "palt";
	letter-spacing: 0.08em;
}

.breadcrumb {
	border-top: none !important;
	border-bottom: none !important;
	background-color: inherit;
	margin-bottom: 0;
	padding: 0;
    justify-content: flex-end;
}

.mainarea , .post_meta {
    margin-bottom: 0;
}

.post_body {
    padding-bottom: 0;
    margin-bottom: 0;
}

.pagetop a {
	bottom: 6rem !important;
}

:root {
	--color-black: #000;
	--color-beige: #b1956b;
    --color-lightbeige: #fef9f3;
	--color-green: #00b7a1;
    --color-line:#06c755;
    --color-pink: #ed848c;
    --color-lightpink: rgba(237,132,140,.1);
    --color-hotpepper:#9f1547;
    --color-orange: #f6aa4d;
    --color-lightorange: rgba(246,170,77,.1);
    --color-yellow: #d6bb63;
    --color-blue: #6890bd;
    --color-lightblue:rgba(0,183,161,.1);
    --color-lightgray: #b4b4b4;
    --color-white: #fff;

    --font-noto:"Noto Sans JP", sans-serif;
    --font-century:"Century Gothic", sans-serif;
    --font-zen: "Zen Old Mincho", serif;
}

.mgt50 {
    margin-top: 50px;
}

.mgt25 {
    margin-top: 25px;
}

.mgt15 {
    margin-top: 15px;
}

.mgb100 {
    margin-bottom: 100px !important;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

/*------------------------------
// ヘッダー
-------------------------------*/
header {
    position: fixed;
    height: 100px;
    z-index: 99;
    width: 100%;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    font-family: var(--font-noto);
    background-color: rgba(255,255,255,.8);
}

header h1 {
    position: absolute;
    top: 0;
}

header h1 a img {
    width: 200px;
}




/* ------------------------------------
// ヘッダー @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    header {height: 80px;padding: 0 15px;}
    header h1 a img {width: 100px;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}






/*------------------------------
//
グローバルナビ
//
-------------------------------*/

.nav-wrapper {
    width: 50%;
    margin-left: auto;
}

.pcnav ul {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.pcnav a {
	font-size: 1vw;
    color: var(--color-black);
    display: inline-block;
    text-decoration: none;

}

.pcnav a:active {
    color: var(--color-black)3;
    opacity: 0.7;
}

.pcnav a:visited {
	color: var(--color-black) !important;
}


.pcnav li:last-child img {
    width: 22px;
    height: 19px;
}

.header {
	left: 0;
	top: 0;
	width: 100%;
	display:none;
}

.global-nav {
	position: fixed;
	right: -320px; /* これで隠れる */
	top: 0;
	width: 300px; /* スマホに収まるくらい */
	height: 100vh;
	padding-top: 100px;
	background-color: rgba(0,0,0,.5);
	transition: all .6s;
	z-index: 200;
	overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}

.hamburger {
	position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    cursor: pointer;
    z-index: 300;
    padding: 20px;
    background-color: var(--color-beige);
}

.global-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
    transform: rotate(0.03deg);
}

.global-nav__item {
	padding: 0 14px;
}

.global-nav__item a {
	display: block;
	padding: 20px 15px;
	border-bottom: 1px solid var(--color-white);
	text-decoration: none;
	color: var(--color-white);
}

.global-nav__item ul li a {
    padding-left: 30px;
}

.global-nav__item a:hover {
	background-color: rgba(0, 0, 0, .4);
}

.global-nav__item a:visited {
color: var(--color-white)!important;
}


.hamburger__line {
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: var(--color-white);
	transition: all .6s;
}

.hamburger__line--1 {
	top: 25px;
}

.hamburger__line--2 {
	top: 39px;
}

.hamburger__line--3 {
	top: 53px;
}

.black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s;
	cursor: pointer;
}

/* 表示された時用のCSS */
.nav-open .global-nav {
	right: 0;
}

.nav-open .black-bg {
	opacity: .8;
	visibility: visible;
}

.nav-open .hamburger__line--1 {
	transform: rotate(45deg);
	top: 30px;
}

.nav-open .hamburger__line--2 {
	width: 0;
	left: 50%;
}

.nav-open .hamburger__line--3 {
	transform: rotate(-45deg);
	top: 30px;
}

.navbar {
	border-bottom:none;
	padding:0;
}


/* ------------------------------------
// グローバルナビ @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .pcnav a {font-size:1.5vw;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .nav-wrapper {top:0;}
    .pcnav {width:100%;}
    .header {display:block;position: fixed;z-index: 200;}
	.pcnav {display:none;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}









/* ------------------------------------
// トップページ
------------------------------------ */

#index_cover {
    position: relative;
    background-image: url(img/revia_front_mv03.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 800px;
    background-size: cover;
    top: 100px;
    padding: 0 15px;
    background-position: 30%;
}

#index_cover div {
    width: 35%;
    position: absolute;
    right: 5%;
    top: 25%;
}

#index_cover div h2 {
    font-size: 3vw;
    line-height: 1.5;
}

#index_cover div h2 span:last-of-type {
    color: var(--color-pink) !important;
}

#index_cover div h2 span:first-of-type {
    color: var(--color-green) !important;
}

#index_cover div p {
    margin-top: 25px;
    font-family: var(--font-noto);
    margin-bottom: 0 !important;
}


.index_cover_btn {
    width: 60%;
    position: absolute;
    right: 5%;
    bottom: 15%;
    display: flex;
}

.index_cover_btn li {
    width: 33%;
}

.index_cover_btn li a {
    display: block;
    color: var(--color-white);
    padding: 15px 15px 5px;
    font-family: var(--font-noto);
}

.index_cover_btn li:first-child a {
    background-color: var(--color-beige);
}

.index_cover_btn li:nth-child(2) a {
    background-color: var(--color-line);
}

.index_cover_btn li:last-child a {
    background-color: var(--color-hotpepper);
}

.index_cover_btn li:last-child {
    background-color: var(--color-hotpepper);
}

.index_cover_btn li a h3 {
    font-size: 0.9vw;
    text-align: center;
    display: flex;
    justify-content: center;
}

.index_cover_btn li a h3::before,
.index_cover_btn li a h3::after {
  background-color: var(--color-white); /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  content: "";
  height: 2px; /* 線の高さ */
  width: 20px; /* 線の長さ */
}
.index_cover_btn li a h3::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
  top: 5px;
    position: relative;
}
.index_cover_btn li a h3::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
  top: 5px;
    position: relative;
}

.index_cover_btn li a div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: static !important;
    width: 100% !important;
}

.index_cover_btn li a div p {
    width: 30px;
    margin-top: 0 !important;
}

.index_cover_btn li a div span {
    font-size: 1.8vw;
    font-weight: bold;
}

.index_cover_btn li a div span > span {
    font-size: 1.2vw;
    font-weight: bold;
}









/**/

.index_cover_btn li:last-child {
    display: block;
    color: var(--color-white);
    padding: 15px 15px 5px;
    font-family: var(--font-noto);
}

.index_cover_btn li:last-child h3 {
    font-size: 0.9vw;
    text-align: center;
    display: flex;
    justify-content: center;
}

.index_cover_btn li:last-child h3::before,
.index_cover_btn li:last-child h3::after {
  background-color: var(--color-white); /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  content: "";
  height: 2px; /* 線の高さ */
  width: 20px; /* 線の長さ */
}
.index_cover_btn li:last-child h3::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
  top: 5px;
    position: relative;
}
.index_cover_btn li:last-child h3::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
  top: 5px;
    position: relative;
}

.index_cover_btn li:last-child div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: static !important;
    width: 100% !important;
}

.index_cover_btn li:last-child div p {
    width: 30px;
    margin-top: 0 !important;
}

.index_cover_btn li:last-child div span {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}

.index_cover_btn li:last-child div span > span {
    font-size: 1.2vw;
    font-weight: bold;
}

/**/




#index_guide {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 200px;
    position: relative;
}

#index_guide figure {
    position: absolute;
    right: 5%;
    z-index: -1;
    top: -25%;
    width: 70%;
}

#index_guide p {
    width: 50%;
}

#index_guide div {
    width: 45%;
    padding-right: 5%;
    position: relative;
}

#index_guide div h2 {
    color: var(--color-beige);
    font-size: 3vw;
}

#index_guide div h3 {
    font-size: 16px;
    margin-top: 10px;
}

#index_guide div h4 {
    margin-top: 25px;
    font-size: 2vw;
    line-height: 1.5;
}

#index_guide div table {
    width: 100%;
    border-top: 1px solid;
    margin-top: 25px;
    margin-bottom: 15px;
    font-family: var(--font-noto);
}

#index_guide div table th {
    width: 30%;
    padding: 15px 0;
    border-bottom: 1px solid;
}

#index_guide div table th > span {
    font-size: 12px;
}

#index_guide div table td {
    width: 10%;
    padding: 15px 0;
    border-bottom: 1px solid;
    text-align: center;
}

#index_guide div span {
    display: block;
    font-family: var(--font-noto);
}

#index_guide div a {
    width: 40%;
    color: var(--color-beige);
    border: 1px solid;
    text-align: center;
    padding: 15px;
    display: block;
    margin-top: 25px;
    margin-left: auto;
}

#index_guide div a:hover {
    background-color: var(--color-beige);
    color: var(--color-white);
}


.swiper-sub {
    margin-top: 50px;
}

.swiper-sub .swiper-wrapper {
  transition-timing-function: linear !important;
}

.swiper-sub .swiper-slide {
  height: auto;
}


/**/
.swiper-sub {
  overflow: hidden;
}

.swiper-sub .swiper-wrapper {
  transition-timing-function: linear !important;
}

.swiper-sub .swiper-slide {
  height: auto;
}

#index_column .columthumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

#index_column .columthumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}





#index_news {
    margin-top: 150px;
    display: flex;
    flex-wrap: wrap;
    background-color: #fef9f3;
    padding: 150px 10%;
}

.index_newsttl {
    width: 30%;
}

.index_newsttl h2 {
    color: var(--color-beige);
    font-size: 3vw;
}

.index_newsttl h3 {
    font-size: 16px;
    margin-top: 10px;
}

.index_newspost {
    width: 65%;
}

.index_newspost_more a {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    color: var(--color-black);
}

.index_newspost_more a p {
    width: 20px;
    margin-bottom: 0 !important;
}






#index_column {
    width: 100%;
    margin: 150px auto;
    padding: 0 10%;
}

#index_column h2 {
    color: var(--color-beige);
    font-size: 3vw;
    text-align: center;
}

#index_column h3 {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

#index_column ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#index_column li {
    width: calc(33% - 20px);
    margin-top: 50px;
}

#index_column ul::after{
    content:"";
    display: block;
    width: 31.65%;
}

.columthumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.columthumb img.attachment-post-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#index_column li a {
    color: var(--color-black);
}

#index_column h4 {
    font-size: 18px;
    margin-top: 10px;
}

#index_column h5 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 15px;
    text-align: justify;
    line-height: 1.5;
}

#index_column span {
    display: block;
}

.index_column_btn {
    width: 40%;
    color: var(--color-beige);
    border: 1px solid;
    text-align: center;
    padding: 15px;
    display: block;
    margin: 50px auto 0;
}

.index_column_btn:hover {
    background-color: var(--color-beige);
    color: var(--color-white);
}




#index_concept {
    margin-top: 100px;
}

#index_concept h2 {
    color: var(--color-beige);
    font-size: 3vw;
    text-align: center;
}

#index_concept h3 {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

.index_concept_odd {
    background-color: #fef9f3;
    position: relative;
    margin-top: 200px;
    margin-left: auto;
    padding: 100px 15% 100px 0;
    width: 90%;
}

.index_concept_odd figure {
    position: absolute;
    left: -5%;
    top: -150px;
    width: 40%;
}

.index_concept_odd div {
    width: 50%;
    margin-left: auto;
}

.index_concept_odd div span {
    width: 120px;
    display: block;
}

.index_concept_odd div h4 {
    margin-top: 25px;
    font-size: 2vw;
    line-height: 1.5;
}

.index_concept_odd div p {
    font-family: var(--font-noto);
    margin-top: 25px;
}




.index_concept_even {
    background-color: #fef9f3;
    position: relative;
    margin-top: 200px;
    margin-right: auto;
    padding: 100px 0 100px 15%;
    width: 90%;
    display: flex;
    flex-wrap: wrap-reverse;
}

.index_concept_even figure {
    position: absolute;
    right: -5%;
    top: -150px;
    width: 40%;
}

.index_concept_even div {
    width: 50%;
    margin-right: auto;
}

.index_concept_even div span {
    width: 120px;
    display: block;
}

.index_concept_even div h4 {
    margin-top: 25px;
    font-size: 2vw;
    line-height: 1.5;
}

.index_concept_even div p {
    font-family: var(--font-noto);
    margin-top: 25px;
}


.index_search {
    margin-top: 200px;
    position: relative;
    padding: 100px 10%;
}

.index_search h2 {
    width: 450px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    top: -135px;
}

.index_search h3 {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    font-size: 2vw;
}

.index_search h3 p {
    width: 80px;
    margin-bottom: 0 !important;
}

.index_search ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px;
}

.index_search ul li {
    width: 19%;
    margin-top: 15px;
}



.index_search ul li a {
    background-color: var(--color-white);
    display: block;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
}

.index_search ul li a p img {
    height: 140px;
    margin: 0 auto;
}

.index_search ul li a h4 {
    font-family: var(--font-noto);
    color: var(--color-black);
    font-size: 16px;
    margin-top: 15px;
}

#internist {
    background-color: rgba(0,183,161,.1);
}

.internist_btn {
    width: 40%;
    background-color: var(--color-green);
    border: 1px solid;
    text-align: center;
    padding: 15px;
    display: block;
    margin: 50px auto 0;
    color: var(--color-white) !important;
    border: 1px solid var(--color-green);
}

.internist_btn:hover {
    color: var(--color-green)  !important;
    background-color: var(--color-white);
}

#plasticsurgery {
    background-color: rgba(104,144,189,.1);
    margin-top: 0;
}

.plasticsurgery_btn {
    width: 40%;
    background-color: var(--color-blue);
    border: 1px solid;
    text-align: center;
    padding: 15px;
    display: block;
    margin: 50px auto 0;
    color: var(--color-white) !important;
    border: 1px solid var(--color-blue);
}

.plasticsurgery_btn:hover {
    color: var(--color-blue)  !important;
    background-color: var(--color-white);
}

#beauty {
    background-color: rgba(237,132,140,.1);
    margin-top: 0;
}

#female {
    background-color: rgba(246,170,77,.1);
    margin-top: 0;
}

.female_btn {
    width: 40%;
    background-color: var(--color-orange);
    border: 1px solid;
    text-align: center;
    padding: 15px;
    display: block;
    margin: 50px auto 0;
    color: var(--color-white) !important;
    border: 1px solid var(--color-orange);
}

.female_btn:hover {
    color: var(--color-orange)  !important;
    background-color: var(--color-white);
}

.female_list {
    justify-content: space-between !important;
}

.beauty_btn {
    width: 40%;
    background-color: var(--color-pink);
    border: 1px solid;
    text-align: center;
    padding: 15px;
    display: block;
    margin: 50px auto 0;
    color: var(--color-white) !important;
    border: 1px solid var(--color-pink);
}

.beauty_btn:hover {
    color: var(--color-pink)  !important;
    background-color: var(--color-white);
}

.beauty_list::after {
    display: block;
    content:"";
    width: 39%;
}

#internist ul::after {
    display: block;
    content:"";
    width: 59%;
}

#plasticsurgery ul::after {
    display: block;
    content:"";
    width: 59%;
}

#index_doctor {
    margin-top: 150px;
    padding-left: 10%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
}

#index_doctor div {
    width: 45%;
}

#index_doctor div h2 {
    color: var(--color-beige);
    font-size: 3vw;
}

#index_doctor div h3 {
    font-size: 16px;
    margin-top: 10px;
}

#index_doctor div h4 {
    margin-top: 25px;
    font-size: 2vw;
    line-height: 1.5;
}

#index_doctor div p {
    margin-top: 25px;
    font-size: 16;
    font-family: var(--font-noto);
}

#index_doctor div a {
    width: 40%;
    color: var(--color-beige);
    border: 1px solid;
    text-align: center;
    padding: 15px;
    display: block;
    margin-top: 25px;
    margin-left: auto;
}

#index_doctor div a:hover {
    background-color: var(--color-beige);
    color: var(--color-white);
}

#index_doctor figure {
    width: 50%;
}

#ind_slide {
    background-image: url(img/indexslide_back.jpg);
    background-repeat: repeat;
    background-size: cover;
    padding: 100px 0;
}

.swiper-pagination-bullet-active {
    background-color: var(--color-beige) !important;
}


.index_clinic {
    position: relative;
    padding-left: 10%;
}

.index_clinic h2 {
    width: 30%;
    position: absolute;
    left: 10%;
    z-index: 0;
    top: -70%;
}

.index_clinic h3 {
    position: relative;
    z-index: 1;
    font-size: 24px;
    line-height: 1.5;
}

.index_clinic h3 a {
    display: flex;
    gap: 10px;
    margin-top: 50px;
    color: var(--color-black) !important;
    align-items: center;
}

.index_clinic h3 a span {
    display: block;
    width: 20px;
}

.index_clinic h3 a:hover {
    color: var(--color-beige) !important;
}


.index_bottom {
    margin: 150px 0;
    padding: 0 10%;
}

.index_bottom ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index_bottom ul li {
    position: relative;
    width: 48%;
}

.index_bottom ul li a section {
    background-color: var(--color-white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-beige);
    width: 50%;
    position: absolute;
    right: 0;
    bottom: -30px;
    padding: 15px;
}

.index_bottom ul li a section span {
    display: block;
    width: 30px;
}

.index_bottom ul li a section div h2 {
    font-size: 20px;
    font-family: var(--font-century);
    font-weight: bold;
}

.index_bottom ul li a section div h3 {
    font-size: 1.5vw;
}

.index_bottom ul li a p {
    margin-bottom: 0 !important;
}

.index_bottom ul li a:hover {
    opacity: .8;
}

/* ------------------------------------
// トップページ @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    #index_cover {height: 400px;top:80px;}
    #index_cover div {width: 90%;text-align: right;top: 50%;}
    #index_cover div h2 {font-size: 28px;}
    #index_cover div p {font-size: 14px;margin-top: 15px;}

    #index_cover ul {display: none;}

    #index_guide {margin-top: 150px;}
    #index_guide p {width: 100%;}
    #index_guide div {width: 100%;padding: 0 15px;margin-top: 15px;}
    #index_guide div h2 {font-size: 36px;}
    #index_guide div h4 {font-size: 24px;}

    #index_news {margin-top: 50px;padding: 50px 15px;}
    .index_newsttl {width: 100%;}
    .index_newsttl h2 {font-size: 36px;text-align: center;}
    .index_newsttl h3 {text-align: center;}
    .index_newspost {width: 100%;margin-top: 25px;}

    #index_column {margin: 50px auto;padding: 0 15px;}
    #index_column h2 {font-size: 36px;}
    #index_column li {width: 45%;}

    #index_concept h2 {font-size: 36px;}
    .index_concept_odd {width: 100%;padding: 50px 15px 50px 0;margin-top: 50px;}
    .index_concept_odd figure {width: 100%;position: static;}
    .index_concept_odd div {width: 100%;padding: 0 15px;margin-top: 25px;}
    .index_concept_odd div span {width: 60px;}
    .index_concept_odd div h4 {font-size: 24px;}

    .index_concept_even {width: 100%;padding: 50px 0 50px 15px;margin-top: 50px;}
    .index_concept_even figure {width: 100%;position: static;text-align: right;}
    .index_concept_even div {width: 100%;padding: 0 15px;margin-top: 25px;}
    .index_concept_even div span {width: 60px;}
    .index_concept_even div h4 {font-size: 24px;}

    .index_search {margin-top: 100px;padding: 50px 15px;}
    .index_search h2 {width: 300px;top: -85px;}
    .index_search h3 {font-size: 28px;}
    .index_search h3 p {width: 40px;}
    .index_search ul li {width: 32%;}
    .index_search ul::after {display: block;content:"";width: 32%;}

    #index_doctor {margin-top: 100px;padding-left: 15px;}
    #index_doctor div {width: 100%;margin-top: 25px;padding-right: 15px;}
    #index_doctor div h2 {font-size: 36px;}
    #index_doctor div h4 {font-size: 24px;}
    #index_doctor figure {width: 100%;}
    
    #ind_slide {margin-top: 50px;padding: 50px 0;}
    .index_clinic {padding-left: 15px;padding-right: 15px;}
    .index_clinic h3 {font-size: 18px;}
    .index_clinic h2 {left: 5%;width: 60%;}

    .index_bottom {margin: 100px 0;padding: 0 15px;}
    .index_bottom ul li a section div h2 {font-size: 16px;}
    .index_bottom ul li a section div h3 {font-size: 24px;}

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    #index_column li {width: 100%;}
    .index_bottom ul li {width: 100%;}
    .index_bottom ul li a section {width: 100%;position: static;padding: 15px 0;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #index_guide div a {width: 100%;}
    .index_column_btn {width: 100%;}
    .index_search ul li {width: 49%;}
    .index_search ul::after {display: block;content:"";width: 49%;}
    #index_doctor div a {width: 100%;}

    .internist_btn {width: 100%;}
    .beauty_btn {width: 100%;}
    .female_btn {width: 100%;}
    .plasticsurgery_btn {width: 100%;}
    .index_search ul::after {display: none;}
}












/* ------------------------------------
// フッター
------------------------------------ */



.footer_btn {
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    display: none;
}

.footer_btn li {
    width: 33.333333%;
}

.footer_btn li a {
    display: block;
    color: var(--color-white);
    height: 75px;
    font-family: var(--font-noto);

    font-size: 16px;
    text-align: center;
}

.footer_btn li:first-child a {
    background-color: var(--color-beige);
}

.footer_btn li:nth-child(2) a {
    background-color: var(--color-line);
}

.footer_btn li:last-child a {
    background-color: var(--color-hotpepper);
}

.footer_btn li a div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100% !important;
    position: relative;
    top: 5px;
}

.footer_btn li a div p {
    width: 30px;
    margin-top: 0 !important;
}

.footer_btn li a div span {
    font-size: 1.5vw;
}

footer {
    background-color: var(--color-lightbeige);
    padding: 100px 10% 25px;
    font-size: 16px;
}

footer h2 {
    width: 160px;
    margin: 0 auto;
}

footer section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

.footer_info {
    width: 40%;
}

.footer_info span {
    font-family: var(--font-noto);
}

.footer_info p {
    font-family: var(--font-noto);
    font-size: 18px;
}

.footer_info h2 {
    width: 100%;
    margin-left: 0;
    color: var(--color-beige);
    font-size: 2.5vw;
}

.footer_info a {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--color-white) !important;
    background-color: var(--color-beige);
    justify-content: center;
    width: 360px;
    margin-top: 15px;
}

.footer_info a:hover {
    color: var(--color-white) !important;
}

.footer_info a > img {
    width: 40px;
}

.footer_info a > span {
    font-size: 2vw;
    font-family: var(--font-zen);
}

.footer_info h3 {
    font-size: 16px;
    font-family: var(--font-noto);
    margin-top: 15px;
    font-weight: normal;
}


.footer_info ul {
    margin-top: 10px;
    list-style-type: disc;
    padding-left: 22px;
    font-family: var(--font-noto);
}

.footer_calendar {
    width: 55%;
    font-family: var(--font-noto);
}

.footer_calendar table {
    width: 100%;
    border-top: 1px solid;
    margin-top: 25px;
    margin-bottom: 15px;
}

.footer_calendar table th {
    width: 30%;
    padding: 15px 0;
    border-bottom: 1px solid;
}

.footer_calendar table td {
    width: 10%;
    padding: 15px 0;
    border-bottom: 1px solid;
    text-align: center;
}

.footer_calendar span {
    display: block;
    font-size: 12px;
}

.footer_sns {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.footer_sns a {
    width:40px ;
    display: block;
}

/* ------------------------------------
// フッター @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    footer {padding: 50px 15px;}
    footer h2 {width: 100px;}
    .footer_info span {font-size: 14px;}
    .footer_info p {font-size: 16px;}
    .footer_info h2 {font-size: 36px;}
    .footer_btn {display: flex;}
    .footer_info {width: 100%;}
    .footer_calendar {width: 100%;margin-top: 25px;}
    .footer_info a > img {width: 30px;}
    .footer_info a > span {font-size: 24px;}
    .footer_calendar table {font-size: 14px;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .footer_btn li a {padding: 15px 5px;}
    .footer_btn li a div span {font-size: 12px;}
    .footer_btn li a div p {width: 20px;}

    .footer_info a {width: 100%;padding: 15px;}
    .footer_info a > span {font-size: 30px;}
}




















/* ------------------------------------
// 症状から探す
------------------------------------ */
.search_ttl {
    background-image: url(img/search_ttl.jpg);
}

#page_ttl {
    background-repeat: no-repeat;
    color: var(--color-white);
    background-size: cover;
    text-align: center;
    height: 400px;
    position: relative;
    top:100px;
}

#page_ttl div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#page_ttl div h2 {
    font-size: 40px;
}

#page_ttl div h3 {
    font-size: 16px;
    margin-top: 5px;
}

.page_post {
    margin-top: 100px;
}


#search_top {
    margin: 100px auto;
    padding: 0 15px;
    text-align: center;
}

#search_top h2 {
    font-size: 2vw;
    line-height: 1.5;
}

#search_top p {
    margin-top: 25px;
    font-family: var(--font-noto);
}

.medical_top {
    margin-top: 100px !important;
}


/* ------------------------------------
// 症状から探す @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    #page_ttl {top:80px;height: 350px;}
    .page_post {margin-top: 80px;}

    #search_top {margin: 50px auto;}
    #search_top h2 {font-size: 22px;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}










/* ------------------------------------
// クリニック紹介
------------------------------------ */

.clinic_ttl {
    background-image: url(img/clinic/clinic_ttl.jpg);
}

#clinic_top {
    margin: 100px auto;
    padding: 0 15px;
    text-align: center;
}

#clinic_top h2 {
    font-size: 2vw;
    line-height: 1.5;
}

#clinic_top p {
    margin-top: 25px;
}

#clinic_outline {
    padding: 100px 25%;
}

#clinic_outline h2 {
    color: var(--color-beige);
    font-size: 2vw;
    text-align: center;
}

#clinic_outline h3 {
    font-size: 16px;
    text-align: center;
}

#clinic_outline table {
    width: 100%;
    margin-top: 50px;
    font-family: var(--font-noto);
}

#clinic_outline table th {
    border-bottom:1px solid var(--color-beige);
    padding: 15px 0;
    width: 30%;
}

#clinic_outline table td {
    border-bottom:1px solid var(--color-lightgray);
    padding: 15px;
    width: 70%;
}

#clinic_outline a {
    display: block;
    border: 1px solid;
    color: var(--color-beige);
    width: 300px;
    margin: 50px auto 0;
    padding: 15px;
    text-align: center;
}

#clinic_outline a:hover {

    color: var(--color-white);
}


#clinic_photo {
    padding: 100px 10%;
}

#clinic_photo h2 {
    color: var(--color-beige);
    font-size: 2vw;
    text-align: center;
}

#clinic_photo h3 {
    font-size: 16px;
    text-align: center;
}

#clinic_photo ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

#clinic_photo ul li {
    width: 32%;
    margin-top: 25px;
}

#clinic_photo ul li h4 {
    font-size: 20px;
    font-family: var(--font-noto);
    margin-top: 15px;
}

#clinic_photo ul li p {
    font-size: 16px;
    font-family: var(--font-noto);
    margin-top: 10px;
}



#doctor {
    background-color: rgb(254,249,243);
    padding: 100px 10% 100px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#doctor figure {
    width: 48%;
}

#doctor div {
    width: 48%;
}

#doctor div h2 {
    color: var(--color-beige);
    font-size: 36px;
}

#doctor div h2 > span {
    color: var(--color-black);
    font-size: 16px;
    display: block;
    margin-top: 5px;
}

#doctor div h3 {
    font-size: 2vw;
    margin-top: 25px;
}

#doctor div h3 > span {
    font-size: 20px;
    padding-right: 10px;
}

#doctor div h4 {
    font-size: 20px;
    margin-top: 15px;
}

#doctor div p {
    text-align: justify;
    font-family: var(--font-noto);
    margin-top: 50px;
}

#doctor div section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-family: var(--font-noto);
    margin-top: 50px;
}

.doctor_ryakureki {
    width: 58% !important;
}

.doctor_bunya {
    width: 38% !important;
}

#doctor div section div h5 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
}

#doctor div section div h5::before {
    content: "●";
    color: var(--color-beige);
    font-size: 18px;
}

.doctor_bunya ul {
    list-style-type: disc;
    padding-left: 22px;
}


/* ------------------------------------
// クリニック紹介 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    #clinic_top {margin: 50px auto;}
    #clinic_top h2 {font-size: 24px;}

    #clinic_outline {padding: 50px 15px;}
    #clinic_outline table {margin-top: 25px;}
    #clinic_outline h2 {font-size: 36px;}

    #clinic_photo {padding: 50px 15px;}
    #clinic_photo h2 {font-size: 36px;}
    #clinic_photo ul li {width: 48%;}
    #clinic_photo ul li h4 {font-size: 18px;}
    #clinic_photo ul li p {font-size: 14px;}

    #doctor {padding: 50px 15px 50px 0;}
    #doctor figure {width: 100%;}
    #doctor div {width: 100%;margin-top: 25px;padding-left: 15px;}
    #doctor div h3 {font-size: 30px;}
    
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    #doctor div section {margin-top: 25px;}
    .doctor_ryakureki {width: 100% !important;}
    .doctor_bunya {width: 100% !important;margin-top: 25px;}

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}









/* ------------------------------------
// 医師紹介
------------------------------------ */

.doctor_ttl {
    background-image: url(img/doctor_ttl.jpg);
}


.doctor_odd {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    margin-bottom: 200px;
    position: relative;
}

.doctor_odd div {
    width: 48%;
    padding-left: 10%;
}

.doctor_odd div span {
    width: 15%;
    display: block;
}

.doctor_odd div h2 {
    font-size: 18px;
    margin-top: 25px;
}

.doctor_odd div h3 {
    font-size: 2vw;
    margin-top: 15px;
}

.doctor_odd div p {
    margin-top: 15px;
    text-align: justify;
}

.doctor_odd div h4 {
    font-size: 16px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid;
}

.doctor_odd figure {
    width: 50%;
}

.doctor_odd_back {
    background-color: var(--color-lightbeige);
    height: 400px;
    width: 100% !important;
    position: absolute;
    z-index: -1;
    bottom: -100px;
}




.doctor_even {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 200px;
    position: relative;
}

.doctor_even div {
    width: 48%;
    padding-right: 10%;
}

.doctor_even div span {
    width: 15%;
    display: block;
}

.doctor_even div h2 {
    font-size: 18px;
    margin-top: 25px;
}

.doctor_even div h3 {
    font-size: 2vw;
    margin-top: 15px;
}

.doctor_even div p {
    margin-top: 15px;
    text-align: justify;
}

.doctor_even div h4 {
    font-size: 16px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid;
}

.doctor_even figure {
    width: 50%;
}

.doctor_even_back {
    background-color: var(--color-lightbeige);
    height: 400px;
    width: 100% !important;
    position: absolute;
    z-index: -1;
    bottom: -100px;
}


/* ------------------------------------
// 医師紹介 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .doctor_odd {margin-top: 50px;margin-bottom: 100px;}
    .doctor_odd div {width: 100%;padding: 0 15px;margin-top: 25px;}
    .doctor_odd div span {width: 80px;}
    .doctor_odd div h3 {font-size: 24px;}
    .doctor_odd figure {width: 100%;}
    .doctor_odd_back {display: none;}

    .doctor_even {margin-top: 50px;margin-bottom: 100px;}
    .doctor_even div {width: 100%;padding: 0 15px;margin-top: 25px;}
    .doctor_even div span {width: 80px;}
    .doctor_even div h3 {font-size: 24px;}
    .doctor_even figure {width: 100%;}
    .doctor_even_back {display: none;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}








/* ------------------------------------
// 初めての方
------------------------------------ */
.guide_ttl {
    background-image: url(img/search_ttl.jpg);
}



#guide_top {
    margin: 100px auto;
    padding: 0 15px;
    text-align: center;
}

#guide_top h2 {
    font-size: 2vw;
    line-height: 1.5;
}

#guide_top p {
    margin-top: 25px;
}



.guide_btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 580px;
    margin: 25px auto 0;
    padding: 0 15px;
}

.guide_btn li {
    width: 48%;
}

.guide_btn li a {
    color: var(--color-white);
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    width: 100%;
    flex-wrap: wrap;
}

.guide_btn li a h3 {
    font-size: 16px;
    text-align: center;
    width: 100%;
}

.guide_btn li a div {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.guide_btn li a div > span {
    font-size: 20px;
    font-family: var(--font-noto);
}

.guide_btn li a div > p {
    width: 20px;
}

.guide_btn li:first-child a {
    background-color: var(--color-green);
}

.guide_btn li:last-child a {
    background-color: var(--color-pink);
}

.guide_hours {
    width: 600px;
    margin: 50px auto 100px;
    padding: 0 15px;
}

.guide_hours table {
    width: 100%;
    border-top: 1px solid;
    margin-top: 25px;
    margin-bottom: 15px;
}

.guide_hours table th {
    width: 30%;
    padding: 15px 0;
    border-bottom: 1px solid;
}

.guide_hours table td {
    width: 10%;
    padding: 15px 0;
    border-bottom: 1px solid;
    text-align: center;
}

.guide_hours span {
    display: block;
}

/* ------------------------------------
// 初めての方 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    #guide_top {margin: 50px auto;}
    #guide_top h2 {font-size: 22px;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .guide_btn {width: 100%;}
    .guide_btn li {width: 100%;}
    .guide_hours {width: 100%;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}








/* ------------------------------------
// 採用情報
------------------------------------ */
.recruit_ttl {
    background-image: url(img/recruit/recruit_ttl.jpg);
}

#recruit_top {
    margin: 100px auto;
    padding: 0 15px;
    text-align: center;
}

#recruit_top h2 {
    font-size: 2vw;
    line-height: 1.5;
    color: var(--color-beige);
}

#recruit_top p {
    margin-top: 25px;
}

/* ------------------------------------
// 採用情報 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    #recruit_top {margin: 50px auto;}
    #recruit_top h2 {font-size: 24px;}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}









/* ------------------------------------
// 美容皮膚科
------------------------------------ */
.beauty_ttl {
    background-image: url(img/beauty_ttl.jpg);
}


#beauty_top {
    padding: 100px 10% 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#beauty_top figure {
    width: 50%;
}

#beauty_top div {
    width: 45%;
}

#beauty_top div h2 {
    position: relative;
    font-size: 1.5vw;
    display: flex;
    gap: 25px;
    align-items: center;
}

#beauty_top div h2::before {
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(img/beauty_ttl.svg);
    background-size: cover;
    display: block;
}

#beauty_top div h3 {
    font-size: 2vw;
    line-height: 1.5;
    margin-top: 25px;
}

#beauty_top div p {
    margin-top: 25px;
    font-family: var(--font-noto);
    text-align: justify;
}



.beauty_smp_wrap {
    background-color: var(--color-lightpink);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    padding: 100px;
}

.beauty_smp {
    width: 50%;
}

.beauty_smp_top p {
    text-align: justify;
    font-size: 24px;
}

.beauty_smp_top h2 {
    color: var(--color-pink);
    position: relative;
    font-size: 3vw;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 15px;
}

.beauty_smp_top h2::before {
    content: "";
    width: 60px;
    height: 60px;
    background-image: url(img/beauty/beauty_smp_top.svg);
    background-size: cover;
    display: block;
}

.beauty_smp_bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 25px;
}

.beauty_smp_bottom div {
    width: 48%;
    font-family: var(--font-noto);
}

.beauty_smp_bottom div h3 {
    font-size: 18px;
    font-weight: bold;
}

.beauty_smp_bottom div h4 {
    font-size: 20px;
    font-weight: bold;
    background-color: var(--color-pink);
    color: var(--color-white);
    padding: 10px;
    margin-top: 15px;
}

.beauty_smp_bottom div ul {
    list-style-type: disc;
    padding-left: 22px;
}

.beauty_smp_bottom div ul li {
    margin-top: 10px;
}

.beauty_smp_bottom figure {
    width: 48%;
}

.beauty_smp_bottom p {
    width: 100%;
    font-family: var(--font-noto);
}








.beauty_smp_check {
    background-color: var(--color-white);
    padding: 25px 15px;
    font-family: var(--font-noto);
    margin-top: 15px;
}

.beauty_smp_check h3 {
    font-size: 18px;
    text-align: center;
    display: flex;
    justify-content: center;
    font-family: var(--font-noto);
}

.beauty_smp_check h3::before {
    margin-right: 10px;
    transform: rotate(60deg);
    top: 5px;
    position: relative;
}

.beauty_smp_check h3::after {
    margin-left: 10px;
    transform: rotate(-60deg);
    top: 5px;
    position: relative;
}

.beauty_smp_check h3::before, .beauty_smp_check h3::after {
    background-color: var(--color-black);
    border-radius: 5px;
    content: "";
    height: 2px;
    width: 20px;
}

.beauty_smp_check ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
}

.beauty_smp_check ul li {
    width: 48%;
}

.beauty_smp_check ul li span {
    position: relative;
    font-size: 16px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.beauty_smp_check ul li  span::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(img/beauty/beauty_smp_top_check.svg);
    background-size: cover;
    display: block;
}












.beauty_smp_wrap figure {
    width: 48%;
}



.beauty_link {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 100px;
    padding: 0 15px;
}

.indivi_search {
    padding: 0 10% 100px !important;
}

.indivi_search h2 {
    font-size: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    top:-35px;
}

.indivi_search h2::before, .indivi_search h2::after {
    background-color: var(--color-black);
    border-radius: 5px;
    content: "";
    height: 2px;
    width: 50px;
}

.indivi_search h2::before {
    margin-right: 10px;
    transform: rotate(60deg);
    top: 35px;
    position: relative;
}

.indivi_search h2::after {
    margin-left: 10px;
    transform: rotate(-60deg);
    top: 35px;
    position: relative;
}



.symptoms_wrap {
    width: 60%;
    margin: 0 auto;
    padding: 0 15px 100px;
}

.symptoms_wrap div {
    margin-top: 100px;
    font-family: var(--font-noto);
}

.beauty_wrap div h2 {
    background-color: var(--color-lightpink);
    padding: 15px;
    border-bottom: 2px solid var(--color-pink);
    font-size: 20px;
    font-weight: bold;
}

.symptoms_wrap div h3 {
    margin-top: 25px;
    font-size: 18px;
    font-weight: bold;
}

.beauty_wrap div h3::before {
    content: "▶";
    color: var(--color-darkbeige);
    color: var(--color-pink);
    font-size: 18px;
}

.symptoms_wrap div p {
    margin-top: 15px;
    text-align: justify;
}
/* ------------------------------------
// 美容皮膚科 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    #beauty_top {padding: 50px 0 0;}
    #beauty_top figure {width: 100%;}
    #beauty_top div {width: 100%;margin-top: 25px;padding: 0 15px;}
    #beauty_top div h2 {font-size: 20px;}
    #beauty_top div h2::before {width: 60px;height: 60px;}
    #beauty_top div h3 {font-size: 24px;}

    .beauty_smp_wrap {margin-top: 50px;padding: 50px 15px;}
    .beauty_smp_wrap figure {width: 100%;}
    .beauty_smp {width: 100%;margin-top: 25px;}
    .beauty_smp_top h2 {font-size: 36px;}

    .beauty_smp_bottom div {width: 100%;}
    .beauty_smp_bottom figure {width: 100%;margin-top: 25px;}

    .beauty_link {margin-top: 50px;}

    .indivi_search {margin-top: 100px !important;padding: 0 15px 50px !important;}
    .indivi_search h2 {font-size: 30px;top: -15px;}
    .indivi_search h2::before {top:25px;}
    .indivi_search h2::after {top:25px;}

    .symptoms_wrap {width: 100%;}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .beauty_smp_check ul li {width: 100%;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}








/* ------------------------------------
// 女性外来
------------------------------------ */
.female_ttl {
    background-image: url(img/female/female_ttl.jpg);
}

.female_top div h2::before {
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(img/female/female_ttl_1.svg)!important;
    background-size: cover;
    display: block;
}

.female_search {
    margin-top: 150px !important;
}

.female_wrap div h2 {
    background-color: var(--color-lightorange);
    padding: 15px;
    border-bottom: 2px solid var(--color-orange);
    font-size: 20px;
    font-weight: bold;
}

.female_wrap div h3::before {
    content: "▶";
    color: var(--color-orange);
    font-size: 18px;
}

/* ------------------------------------
// 女性外来 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    #beauty_top {padding: 50px 0 0;}
    #beauty_top figure {width: 100%;}
    #beauty_top div {width: 100%;margin-top: 25px;padding: 0 15px;}
    #beauty_top div h2 {font-size: 20px;}
    #beauty_top div h2::before {width: 60px;height: 60px;}
    #beauty_top div h3 {font-size: 24px;}

    .beauty_smp_wrap {margin-top: 50px;padding: 50px 15px;}
    .beauty_smp_wrap figure {width: 100%;}
    .beauty_smp {width: 100%;margin-top: 25px;}
    .beauty_smp_top h2 {font-size: 36px;}

    .beauty_smp_bottom div {width: 100%;}
    .beauty_smp_bottom figure {width: 100%;margin-top: 25px;}

    .beauty_link {margin-top: 50px;}

    .indivi_search {margin-top: 100px !important;padding: 0 15px 50px !important;}
    .indivi_search h2 {font-size: 30px;top: -15px;}
    .indivi_search h2::before {top:25px;}
    .indivi_search h2::after {top:25px;}

    .symptoms_wrap {width: 100%;}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .beauty_smp_top div ul li {width: 100%;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}




/* ------------------------------------
// 内科
------------------------------------ */
.general_ttl {
    background-image: url(img/general/general_ttl.jpg);
}

.general_top div h2::before {
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(img/general/general_ttl_1.svg)!important;
    background-size: cover;
    display: block;
}

.general_wrap div h2 {
    background-color: var(--color-lightblue);
    padding: 15px;
    border-bottom: 2px solid var(--color-green);
    font-size: 20px;
    font-weight: bold;
}

.general_wrap div h3::before {
    content: "▶";
    color: var(--color-green);
    font-size: 18px;
}
/* ------------------------------------
// 内科 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}





/* ------------------------------------
// 形成外科
------------------------------------ */
.plasticsurgery_ttl {
    background-image: url(img/plasticsurgery/plasticsurgery_ttl.jpg);
}

.plasticsurgery_top div h2::before {
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(img/plasticsurgery/plasticsurgery_ttl_1.svg)!important;
    background-size: cover;
    display: block;
}

.plasticsurgery_wrap div h2 {
    background-color: rgba(104,144,189,.1);
    padding: 15px;
    border-bottom: 2px solid rgb(104,144,189);
    font-size: 20px;
    font-weight: bold;
}

.plasticsurgery_wrap div h3::before {
    content: "▶";
    color: rgb(104,144,189);
    font-size: 18px;
}
/* ------------------------------------
// 形成外科 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}











/* ------------------------------------
// 料金表
------------------------------------ */
.price_ttl {
    background-image: url(img/price/price_ttl.jpg);
}

.price_top {
    margin-top: 100px;
    padding: 0 15px;
    text-align: center;
}

.price_top h2 {
    font-size: 2vw;
    line-height: 1.5;
}

.price_top p {
    font-family: var(--font-noto);
    margin-top: 25px;
}


.price_wrap {
    padding: 0 15px;
    width: 60%;
    margin: 0 auto;
}

.price_wrap div {
    margin-top: 100px;
    font-family: var(--font-noto);
}

.price_wrap div h2 {
    background-color: rgb(254,249,243);
    padding: 15px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid rgb(177,149,107);
}

.price_wrap div h3 {
    font-size: 18px;
    font-weight: bold;
    color: var(--color-beige);
    margin-top: 25px;
}

.price_wrap div ul {
    list-style-type: disc;
    padding-left: 22px;
    margin-top: 20px;
}

.price_wrap div table {
    width: 100%;
    margin-top: 25px;
}

.price_wrap div table thead th {
    padding: 15px;
    background-color: var(--color-beige);
    color: var(--color-white);
    border-right: 2px solid ;
}

.price_wrap div table thead td {
    padding: 15px;
    background-color: var(--color-beige);
    color: var(--color-white);
    text-align: center;
}

.price_wrap div table tbody th {
    padding: 15px;
    border-bottom: 1px solid rgb(0,0,0);
    font-weight: normal;
}

.price_wrap div table tbody th p {
    border: 1px solid;
    color: var(--color-beige);
    padding: 5px 25px;
    border-radius: 11px;
    text-align: center;
    display: block;
    width: 250px;
    font-size: 14px;
}

.limited {
    background-color: rgb(177,149,107);
    color: var(--color-white)!important;
    padding: 5px 25px;
    border-radius: 5px;
    text-align: center;
    width: 250px;
    display: block;
    font-size: 14px;
}

.price_wrap div table tbody td {
    background-color: rgb(254,249,243);
    padding: 15px;
    text-align: right;
    border-bottom: 1px solid rgb(0,0,0);
    width: 250px;
    font-size: 18px;
    font-weight: bold;
}

.price_wrap div table tbody td p {
    color: var(--color-beige);
    font-size: 20px;
    font-weight: bold;
}

.price_wrap div table tbody td s {
    font-size: 16px;
}

.price_oral {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style-type: none !important;
    padding-left: 0 !important;
}

.price_oral li {
    background-color: var(--color-lightbeige);
    padding: 15px;
    width: 31%;
}

.price_oral li h4 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 10px;    
}

.price_oral li p {
    font-size: 14px;
    text-align: justify;
}


/* ------------------------------------
// 料金表 @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .price_wrap {width: 100%;}
    .price_top {margin-top: 50px;}
    .price_top h2 {font-size: 24px;}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .price_wrap div table tbody th p {width: 100%;}
    .price_wrap div table tbody td {width: auto;}
    .price_oral {gap:25px;}
    .price_oral li {width: 100%;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}













/* ------------------------------------
// アクセス
------------------------------------ */
.access_ttl {
    background-image: url(img/access/access_ttl.jpg);
}

#access_top {
    margin: 100px auto;
    padding: 0 15px;
    text-align: center;
}

#access_top h2 {
    font-size: 2vw;
    line-height: 1.5;
}

#access_top p {
    margin-top: 25px;
}

.access_pic {
    padding: 0 25%;
}

.ggmap {
position: relative;
padding-bottom: 36.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.access_parking {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 10%;
    margin: 100px 0;
}

.access_parking figure {
    width: 30%;
}

.access_parking figure figucaption {
    font-family: var(--font-noto);
}

.access_parking div {
    width: 36%;
}

.access_parking div h2 {
    color: var(--color-beige);
    font-size: 2vw;
}

.access_parking div span {
    font-size: 16px;
}

.access_parking div h3 {
    font-size: 2vw;
    line-height: 1.5;
    margin-top: 25px;
}

.access_parking div ul {
    list-style-type: disc;
    padding-left: 22px;
    font-family: var(--font-noto);
    margin-top: 25px;
}


/* ------------------------------------
// アクセス @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .access_parking {padding: 0 15px;}
    .access_parking div h2 {font-size: 36px;}
    .access_parking div h3 {font-size: 24px;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    #access_top {margin: 50px auto;}
    #access_top h2 {font-size: 24px;}
    .access_pic {padding: 0;}
    .access_parking {margin: 50px auto;}
    .access_parking div {width: 100%;}
    .access_parking figure {width: 100%;margin-top: 25px;}
    .access_parking figure figucaption {display: block;}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}






/* ------------------------------------
// お知らせ
------------------------------------ */
.news_ttl {
    background-image: url(img/news/news_ttl.jpg);
}

.news_wrap {
    position: relative;
    top:100px;
    margin-bottom: 200px;
}

.pickup_ttl {
    background-image: url(img/pickup/pickup_ttl.jpg);
}

.single_wrap {
    position: relative;
    top:100px;
    margin-bottom: 200px;
}

.single_wrap h1 {
    font-size: 1.25vw !important;
}

.single_body {
    margin-top: 25px;
}

/* ------------------------------------
// お知らせ @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .single_wrap h1 {font-size: 24px !important;line-height: 1.5;}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}















/* ------------------------------------
// ピコウェイ
------------------------------------ */
.picoway_ttl {
    background-image: url(img/picoway/picoway_ttl.jpg);
}

#picoway_top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    margin-top: 100px;
    padding: 0 10%;
}

#picoway_top div {
    width: 45%;
}

#picoway_top div span {
    font-family: var(--font-noto);
    color: var(--color-white);
    font-size: 16px;
    background-color: var(--color-pink);
    padding: 5px 15px;
    display: inline-block;
}

#picoway_top div h2 {
    font-size: 2vw;
    line-height: 1.5;
    margin-top: 25px;
}

#picoway_top div p {
    text-align: justify;
    margin-top: 25px;
    font-family: var(--font-noto);
}

#picoway_top div section {
    margin-top: 50px;
}

#picoway_top figure {
    width: 45%;
}

#picoway_wave {
    background-color: var(--color-lightpink);
    padding: 100px 18%;
    margin-top: 100px;
}

#picoway_wave h2 {
    text-align: center;
    font-size: 2vw;
    line-height: 1.5;
}

#picoway_wave p {
    text-align: center;
    margin-top: 25px;
    font-family: var(--font-noto);
}

#picoway_wave section {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#picoway_wave section figure {
    width: 38%;
}

#picoway_wave section div {
    width: 58%;
}

#picoway_wave section div h3 {
    font-size: 1.5vw;
    color: var(--color-beige);
}

#picoway_wave section div p {
    font-family: var(--font-noto);
    margin-top: 25px;
    text-align: justify;
}


.picoway_feature {
    padding: 0 18%;
    margin-top: 100px;
    margin-bottom: 100px;
}

.picoway_feature h2 {
    text-align: center;
    font-size: 2vw;
}

.picoway_feature section {
    margin-top: 100px;
}

.picoway_feature section h3 {
    font-size: 20px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

.picoway_feature section p {
    text-align: justify;
    margin-top: 25px;
    font-family: var(--font-noto);
}

.picoway_feature section figure {
    margin-top: 25px;
    text-align: center;
}


.picoway_link {
    padding: 0 15px;
    margin-bottom: 100px;
}

.picoway_link a {
    display: block;
    text-align: center;
    margin-top: 50px;
}


.gentle_ttl {
    background-image: url(img/gentle/gentle_ttl.jpg);
}


.gentle_feature {
    padding: 100px 18%;
    margin-top: 100px;
    margin-bottom: 100px;
    background-color: var(--color-lightpink);
}

.gentle_feature h2 {
    text-align: center;
    font-size: 2vw;
}

.gentle_feature section {
    margin-top: 100px;
}

.gentle_feature section h3 {
    font-size: 20px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

.gentle_feature section p {
    text-align: justify;
    margin-top: 25px;
    font-family: var(--font-noto);
}

.gentle_feature section figure {
    margin-top: 25px;
    text-align: center;
}

.gentle_feature a {
    width: 300px;
    margin: 100px auto 0;
    border: 1px solid;
    color: var(--color-beige);
    padding: 25px 15px;
    background-color: none;
    display: block;
    text-align: center;
}

.gentle_feature a:hover {
    background-color: var(--color-beige);
    color: var(--color-white);
}

/* ------------------------------------
// ピコウェイ @media
------------------------------------ */
/* Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    #picoway_top {margin-top: 50px;padding: 0 15px;}
    #picoway_top div {width: 100%;margin-top: 25px;}
    #picoway_top div h2 {font-size: 24px;}
    #picoway_top figure {width: 100%;}

    #picoway_wave {padding: 50px 15px;margin-top: 50px;}
    #picoway_wave h2 {font-size: 24px;}
    #picoway_wave section {margin-top: 50px;}
    #picoway_wave section figure {width: 100%;}
    #picoway_wave section div {width: 100%;margin-top: 25px;}
    #picoway_wave section div h3 {font-size: 20px;}

    .picoway_feature {padding: 0 15px;margin-top: 50px;}
    .picoway_feature h2 {font-size: 24px;}
    .picoway_feature section {margin-top: 50px;}

    .gentle_feature {padding: 50px 15px;margin-top: 50px;}
    .gentle_feature h2 {font-size: 24px;}
    .gentle_feature section {margin-top: 50px;}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .gentle_feature a {width: 100%;margin-top: 50px;}
}