@charset "UTF-8";

/*=============================================================
　header
=============================================================*/

header {
	height: auto;
	width: 100%;
	background-color: rgba(255,255,255,0.9);
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 10px 15px;
}
@media (max-width: 1215px) {
header {
	max-width: 100%;
}
}
@media (max-width: 640px) {
header {
	max-width: 100%;
	padding: 5px 10px;
}
}

.logo_area {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.logo {
	margin: 0;
	padding: 0;
}
.logo_area .ht1 {
 padding: 0;
	font-size: 90%;
	line-height: 1.5em;
}
.logo_area .ht2 {
	padding: 0;
	margin: 0;
	font-size: 80%;
	line-height: 1.3em;
	color: #B9AA8A;
}
@media (max-width: 640px) {
.logo_area .ht1 {
	font-size: 80%;
	padding: 0;
}
.logo_area .ht2 {
	font-size: 70%;
}
.logo {
	margin: 00;
}
.logo img{
max-width: 100%;
}
}

.nav_area {
	margin: 0;
	padding: 0;
	width: 0%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.top_tel {
	margin: 0px;
	height: auto;
	width: 30%;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.top_tel dl {
	margin: 0px;
	padding: 0px;
	color: #5A4A37;
	text-align: right;
}
.top_tel dl dt{
	margin: 0px;
	padding: 0px;
	font-size: 230%;
	font-weight: bold;
	line-height: 1em;
}
.top_tel dl dd{
	margin: 0px;
	font-size: 80%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.5em;
}
@media (max-width: 1215px) {
.top_tel {
	width: 38%;
}
}
@media (max-width: 640px) {
.top_tel {
	display: none;
}
}

.top_contact {
	height: auto;
	width: 20%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.top_contact a{
	color: #5a4a37;
	text-decoration: none;
	display: block;
	background-color: #f6ca1c;
	margin: 0px;
	background-image: url(../img/calender_icon.png);
	background-repeat: no-repeat;
	background-position : left 15px center;
	font-weight: bold;
	border-radius: 8px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 55px;
	font-size: 120%;
}
.top_contact a:hover  {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-color: #f6d13d;
}
@media (max-width: 1215px) {
.top_contact {
	width: 30%;
}
}
@media (max-width: 640px) {
.top_contact {
	display: none;
}
}

/*=============================================================
　nav
=============================================================*/
.nav {
	padding: 0px;
	margin-top: 15px;
}
.nav ul{
	margin: 0;
	padding: 0;
	display: flex;
 justify-content: center;
	flex-wrap: wrap;
}
.nav ul li {
	margin: 0;
	padding: 0;
	border-left: 1px dotted #5a4a37;
	width: 15%;
	position: relative;
	list-style: none;
}
.nav ul li a {
	display: block;
	text-decoration: none;
	text-align: center;
 font-size: 90%;
	font-weight: bold;
	color: #5a4a37;
	padding: 0px;
}
.nav ul li:hover, .nav ul li a:hover {
	color: #b2a494;/*ホバー時の親メニューの文字色*/
}
.nav ul li ul {
	position: absolute;
	z-index: 9999999;
	top: 30px;/*親メニューの高さと同じにする*/
	background-color: #f9f8f3;
}
.nav ul li ul li {
	visibility: hidden;
	overflow: hidden;
	height: 0;
	width: 100%;
 border: none !important;
 box-shadow: inset 0 -1px 0 0 #928679; /* 下に1pxの内側影 */
}
.nav ul li ul li a {
	color: #5a4a37;
	position: relative;
}
.nav ul li ul li:hover, .nav ul li ul li a:hover {
 background-color: #e9e6d9;
}
.nav ul li:hover ul li, .nav ul li a:hover ul li{
	visibility: visible;
	overflow: visible;
 padding-top: 10px;
	padding-bottom: 10px;
	height: auto; /* 自動高さにする */
	z-index: 99999999;
}
.nav * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/*FontAwesomeのiconカラー*/
.acd_menu {
  color: #f6ca1c;
  font-size: 15px;
  margin-right: 8px;
  font-style: normal!important;
}
/*FontAwesomeのiconカラー*/
.nav_end {
  border-right: 1px dotted #5a4a37;
}
.inner {
	display:none;
}
.sp_nav{
	display:none;
}
.two a{
	line-height: 1.3em!important;
}
@media (max-width: 1215px) {
.nav ul li {
	width: 16%;
	line-height: 1.3em;
}
}
@media (max-width: 640px) {
.nav {
	display:none;
}
.sp_nav {
		margin: 0px;
		padding: 0px;
		display: block;
}
.nav_inner_yoyaku{
	margin-top: 15px!important;
}
.nav_inner_yoyaku a{
 background: #FFFFFF;
	color: #5a4a37!important;
	font-style: normal;
	display: block;
	font-size: 110% !important;
 font-weight: bold;
}
.nav_inner_tel{
	margin-top: 7px!important;
}
.nav_inner_tel a{
 background: #FFFFFF;
	color: #5a4a37!important;
	font-style: normal;
	display: block;
	font-size: 110% !important;
 font-weight: bold;
}
}

/*=============================================================
　s_nav
=============================================================*/

.sticky-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
}
.sticky-nav.visible {
  opacity: 1;
  transform: translateY(0) translateZ(0);;
  pointer-events: auto;
}
.s_nav {
  background-color: rgba(255,255,255,0.95);
  padding: 15px 0px 15px 0px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.s_nav ul{
	margin: 0;
	padding: 0;
	display: flex;
 justify-content: center;
	flex-wrap: wrap;
}
.s_nav ul li {
 margin: 0;
 padding: 0;
 border-left: 1px dotted #5a4a37;
	width: 15%;
	position: relative;
	list-style: none;
}
.s_nav ul li a {
	display: block;
	text-decoration: none;
	text-align: center;
 font-size: 90%;
	font-weight: bold;
	color: #5a4a37;
	padding: 0px;
}
.s_nav ul li:hover, .s_nav ul li a:hover {
	color: #b2a494;/*ホバー時の親メニューの文字色*/
}
.s_nav ul li ul {
	position: absolute;
	z-index: 9999999;
	top: 30px;/*親メニューの高さと同じにする*/
	background-color: #f9f8f3;
}
.s_nav ul li ul li {
	visibility: hidden;
	overflow: hidden;
	height: 0;
	width: 100%;
 border: none !important;
 box-shadow: inset 0 -1px 0 0 #928679; /* 下に1pxの内側影 */
}
.s_nav ul li ul li a {
	color: #5a4a37;
	position: relative;
}
.s_nav ul li ul li:hover, .s_nav ul li ul li a:hover {
    background-color: #e9e6d9;
}
.s_nav ul li:hover ul li, .s_nav ul li a:hover ul li{
	visibility: visible;
	overflow: visible;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto; /* 自動高さにする */
	z-index: 99999999;
}
.s_nav_end {
    border-right: 1px dotted #5a4a37;
}
.s_nav * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 640px) {
.s_nav {
display: none;
}
}

/*=============================================================
　accordion ※スマホのみ
=============================================================*/

@media (max-width: 640px) {
.accordion {
}
.toggle {
display: none;
}
.option {
position: relative;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
	padding: 10px;
	display: block;
	color: #FFF;
	font-size: 90%;
}
.title::after,
.title::before {
	content: "";
	position: absolute;
	right: 1.25em;
	top: 1.5em;
	width: 2px;
	height: 0.75em;
	background-color: #FFF;
	transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
		max-height: 0;
		overflow: hidden;
		display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content p {
	margin: 0;
	padding: 0em;
	font-size: 0.9em;
	line-height: 1.5;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	width: 50%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
.toggle:checked + .title + .content {
max-height: 1000px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
.right_none {
	border-right-style: none !important;
}
}

/*=============================================================
　link_btn
=============================================================*/

.link_btn_a {
	padding: 0px;
	max-width: 360px;
	margin: 0 auto;
}
.link_btn_a a {
	color: #000;
	font-size: 110%;
	text-decoration: none;
	padding: 13px 0;
	display: block;
	margin: 0px;
	background-image: url(../img/yajirushi_bk.png);
	background-repeat: no-repeat;
	background-position : right 15px bottom 22px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border-radius: 100px;
	border: solid 2px #000;
}
.link_btn_a a:hover  {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-color: #e4f3ef;
}
@media (max-width: 640px) {
.link_btn_a {
	max-width: 100%;
}
.link_btn_a a {
	font-size: 100%;
	padding: 10px 0;
}
}

.link_btn_b {
	padding: 0;
	margin: 0;
	max-width: 300px;
}
.link_btn_b a {
	color: #000;
	font-size: 110%;
	text-decoration: none;
	padding: 10px 0;
	display: block;
	margin: 0px;
	background-image: url(../img/yajirushi_bk.png);
	background-repeat: no-repeat;
	background-position : right 15px bottom 20px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border-radius: 100px;
	border: solid 2px #000;
}
.link_btn_b a:hover  {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-color: #e4f3ef;
}
@media (max-width: 640px) {
.link_btn_b {
	max-width: 100%;
}
.link_btn_b a {
	font-size: 100%;
}
}

/*=============================================================
　mvj
=============================================================*/

#mvj {
	background-image: url("../img/main_pc.jpg");
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
	width: 100%;
	height: 100vh;/* fallback */
	height: 100svh;
	min-height: 100svh;
	position: relative;
}
@media (max-width: 640px) {
#mvj{
	background-image: url("../img/main_sp.jpg");
	background-position: center top;
	margin-top: -10px;
}
}

.mvj_en {
	position: absolute;
	top: 1%;
	left: 1%;
	font-size: 450%;
	line-height: 1em;
	font-weight: 300;
	color: rgba(255,255,255,0.9);
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 640px) {
.mvj_en {
	font-size: 240%;
	top: 4%;
	left: 5px;
	color: rgba(255,255,255,0.7);
	text-shadow: none;
}
}

.mvj_copy {
	position: absolute;
	top: 50%;
	left: 3%;
	color:#fff;
	text-shadow:
	/* 縁取り */
	-1px 0 rgba(83,169,242,0.7),
	1px 0 rgba(83,169,242,0.7),
	0 -1px rgba(83,169,242,0.7),
	0 1px rgba(83,169,242,0.7),
	/* 光彩 */
	0 0 5px rgba(0,138,255,0.9),
	0 0 10px rgba(0,138,255,0.8),
	0 0 15px rgba(0,138,255,0.7);
}
.mvj_copy h1 {
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.1em;
	font-size: 350%;
	line-height: 1.5em;
}
.mvj_copy h1 span{
	font-size: 170%;
}
.mvj_copy p {
	font-size: 240%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	padding: 0;
	margin: 0 0 0 clamp(0em, 7vw, 7em);
}
.mvj_copy p span{
	font-size: 120%;
}
@media (min-width: 1200px) {
.mvj_copy p {
	margin-left: 7em;
}
}
@media (max-width: 640px) {
.mvj_copy {
	top: 45%;
	left: 2%;
	text-shadow:
	/* 縁取り */
	-1px 0 rgba(110,140,200,0.7),
	1px 0 rgba(110,140,200,0.7),
	0 -1px rgba(110,140,200,0.7),
	0 1px rgba(110,140,200,0.7),
	/* 光彩 */
	0 0 5px rgba(0,138,255,0.9),
	0 0 10px rgba(0,138,255,0.8),
	0 0 15px rgba(0,138,255,0.7);
}


.mvj_copy h1 {
	font-size: 160%;
}
.mvj_copy h1 span{
	font-size: 160%;
}
.mvj_copy p {
	font-size: 120%;
	margin: 0;
}
.mvj_copy p span{
	font-size: 130%;
}
}

.pickup{
	position:absolute;
	left:0;
	bottom:10%;
	max-width:100%;
}
.pickup_box{
	background:rgba(255,255,255,0.9);
}
.pickup_comment{
	margin-bottom:10px;
	height: 80px;
	clip-path:polygon(
		0 0,
		100% 0,
		95% 100%,
		0 100%
	);
}
.pickup_comment_inner{
	background-image:url(../img/mv_icon_train.png);
	background-repeat:no-repeat;
	background-position:left 5px center;
	padding: 10px 50px;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 110%;
	line-height: 1.7em;
}
.pickup_inner{
	display:flex;
	width:fit-content;
	height: 80px;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.7em;
	flex-wrap: nowrap;
	white-space: nowrap; 
}
.pickup_time{
	flex:1;
	display:flex;
 align-items:center;
	background-image:url(../img/mv_icon_time.png);
	background-repeat:no-repeat;
	background-position:left 5px center;
	clip-path:polygon(
		0 0,
		100% 0,
		90% 100%,
		0 100%
	);
	padding:0 35px 0 50px;
	letter-spacing: 0.1em;
}
.pickup_calender{
	flex:1;
	display:flex;
 align-items:center;
	background-image:url(../img/mv_icon_calender.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
	clip-path:polygon(
		10% 0,
		100% 0,
		90% 100%,
		0 100%
	);
	margin-left:-20px;
	padding:0 35px 0 60px;
}
.pickup span{
	font-size:150%;
}
@media (max-width: 640px) {
.pickup{
	width:100%;
	left:0;
	top: 71%;
 transform: translateY(-50%);
}
.pickup_comment{
	width:fit-content;
	height: auto;
	max-width: 90%;
	padding: 0 15px 0 0;
	margin-bottom:5px;
	clip-path:polygon(
		0 0,
		100% 0,
		85% 100%,
		0 100%
	);
}
.pickup_comment_inner{
	font-size: 80%;
	background-position:left 3px center;
	padding:7px 20px 7px 35px;;
	background-size: 30px;
	letter-spacing: 0em;
}
.pickup_inner{
	font-size: 80%;
	flex-direction: column;
}
.pickup_time{
	background-position:left 3px center;
	padding: 10px 35px;
	margin-bottom:5px;
	background-size: 30px;
	height: auto; 
}
.pickup_calender{
	background-position:left 3px center;
	padding: 10px 35px;
	margin-left:0;
	height: auto; 
	background-size: 30px;
	clip-path:polygon(
		0 0,
		100% 0,
		90% 100%,
		0 100%
	);
}
.pickup span{
	font-size:130%;
}
}

.mv_sankaku{
position: absolute;
right: 0;
bottom: 0;
}
@media (max-width: 640px) {
.mv_sankaku{
bottom: -20px;
width: 40%;
z-index: 2;
}
}

.newopen_pc{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.newopen_pc img{
	width:100%;
	height:auto;
	display:block;
}
.newopen_sp{
	display: none;
}
@media (max-width: 640px) {
.newopen_pc{
display: none;
}
.newopen_sp{
display: block;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.newopen_sp img{
width:100%;
height:auto;
display:block;
}
}

/*=============================================================
　title
=============================================================*/

.en_concept {
	color: rgba(185,170,138,0.80);
	font-size: clamp(70px, 15vw, 180px);
	line-height: 1em;
	white-space: nowrap;
 font-weight: 350;
	position: relative;
}
.en_clinic {
	color: rgba(185,170,138,0.80);
	font-size: clamp(80px, 15vw, 180px);
	line-height: 1em;
	white-space: nowrap;
	text-align: right;
 font-weight: 350;
	transform: translateX(0.15em);
	position: relative;
}
.en_medical {
	color: rgba(185,170,138,0.80);
	font-size: clamp(70px, 15vw, 180px);
	line-height: 1em;
	white-space: nowrap;
 font-weight: 350;
	position: relative;
}
.en_problem {
	color: rgba(185,170,138,0.80);
	font-size: clamp(70px, 15vw, 180px);
	line-height: 1em;
	white-space: nowrap;
 font-weight: 350;
	position: relative;
}
.en_feature {
	color: rgba(185,170,138,0.80);
	font-size: clamp(70px, 15vw, 180px);
	line-height: 1em;
	white-space: nowrap;
	text-align: right;
 font-weight: 350;
	transform: translateX(0.15em);
}
.en_director {
	color: rgba(185,170,138,0.80);
	font-size: clamp(70px, 15vw, 180px);
	line-height: 1em;
	white-space: nowrap;
 font-weight: 350;
	position: relative;
}
.en_question {
	color: rgba(185,170,138,0.80);
	font-size: clamp(65px, 15vw, 180px);
	line-height: 1em;
	white-space: nowrap;
 font-weight: 350;
	position: relative;
}
.en_group {
	color: rgba(185,170,138,0.80);
	font-size: clamp(70px, 15vw, 180px);
	line-height: 1em;
	white-space: nowrap;
 font-weight: 350;
	position: relative;
}

.title_a {
	text-align: center;
	margin: 0 0 40px 0;
	padding: 0px;
}
.title_a_en {
	padding: 0px;
	letter-spacing: 0.1em;
	font-size: 250%;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px;
}
.title_a_jp {
	padding: 0px;
	margin: 0px;
	font-size: 130%;
	line-height: 1.6em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
@media (max-width: 640px) {
.title_a {
	margin: 0 0 25px 0;
}
.title_a_en {
	font-size: 180%;
}
.title_a_jp {
	font-size: 120%;
}
}

.title_ej{
width: 100%;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
}
.title_ej_min{
	color: rgba(185,170,138,0.80);
	font-size: 350%;
	line-height: 1em;
	letter-spacing: 0.1em;
}
.title_ej_min_r{
	color: rgba(185,170,138,0.80);
	font-size: 350%;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-align: right;
}
@media (max-width: 640px) {
.title_ej_min{
	font-size: 200%;
	line-height: 1.2em;
}
.title_ej_min_r{
	font-size: 200%;
	line-height: 1.2em;
}
}

/*=============================================================
　area_a
=============================================================*/

.area_a{
	width:100%;
	padding:150px 0 0 0;
	margin:-100px 0 150px 0;
	position:relative;
	z-index:0;
	background:linear-gradient(to right,#fdf9ee,#f2f9f9);
}
.area_a::before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:300px;
	background: #fff; /* 次のセクションの色 */
	transform: skewY(-8deg);
	transform-origin: right center;
}

@media (max-width: 640px) {
.area_a{
	padding:60px 0 0 0;
	margin: 0 0 30px 0;
}
.area_a::before{
	content:"";
	height:400px;
	transform: skewY(-20deg);
}
}

.concept_area {
display: flex;
justify-content: space-between;
gap: 50px;
width: 1200px;
margin: 0 auto;
}
.concept {
	padding: 0;
	margin: 120px 0 0 0;
	width: 50%;
	position: relative;
 z-index: 2;
}
@media (max-width: 640px) {
.concept_area {
width: 100%;
flex-direction: column;
gap: 0;
}
.concept {
	margin: 30px auto 0 auto;
	width: 90%;
}
}

.concept_point {
	margin: 0 0 60px 0;
	padding: 0px;
}
.concept_point_inner{
	display:inline-block;
	background: #fff;
	padding: 30px 80px 30px 40px;
	position: relative;
	font-size: 220%;
	font-weight: 500;
	letter-spacing:0.1em;
	clip-path:polygon(
		0 0,
		100% 0,
		95% 100%,
		0 100%
	);
	filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.05));
	white-space: nowrap;
}
.concept_point_inner::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:6px;
	height:100%;
	background:#6bc7ac;
}
.concept_point_inner span{
	color:#b9aa8a;
	font-size: 130%;
}
@media (max-width: 640px) {
.concept_point {
	margin: 0 0 30px 0;
}
.concept_point_inner{
	padding: 20px 40px 20px 20px;
	font-size: 150%;
}
}

.concept_copy {
	margin: 0;
	padding: 0;
}
.concept_read {
	font-size: 170%;
	font-weight: bold;
	line-height: 1.7em;
	padding: 0;
	margin: 0 0 20px 0;
	color: #000;
}
.concept_text {
	margin: 0 0 40px 0;
	padding: 0;
	line-height: 2.3em;
	font-size: 110%;
}
@media (max-width: 640px) {
.concept_read {
	font-size: 130%;
	margin: 0 0 10px 0;
}
.concept_text {
	margin: 0;
	font-size: 100%;
}
}

.concept_pic_area{
	width: 50%;
	position: relative;
}
.concept_pic{
	position: absolute;
	right: -150px;
	top: -100px;
}
.concept_pic img{
	object-fit: none;
	overflow: visible;
}
.concept_staff{
	position: absolute;
	left: 0;
	bottom: -70px;
	margin-left: 50px;
	display: flex;
	justify-content: flex-start;
	gap: 15px;
	z-index: 2;
	min-width: 1200px;
}
.concept_staff_01{
position: relative;
}
.concept_staff_02{
position: relative;
top: -100px;
}
@media (max-width: 640px) {
.concept_pic_area{
	width: 100%;
}
.concept_pic{
	position: static;
	margin-top: -40px;
}
.concept_pic img{
		object-fit: initial;
		overflow: hidden;
}
.concept_staff{
		position: static;
		margin-left: 0;
		bottom: auto;
		min-width: auto;
		display: flex;
		gap: 0;
}
.concept_staff_01{
		width: 50%;
		top: 0;
	}
.concept_staff_02{
		width: 50%;
		top: -30px;
	}
}

/*=============================================================
　area_b
=============================================================*/

.area_b {
	width: 100%;
	height: auto;
	padding: 0 0 100px 0;
	margin: 0;
	background-image: linear-gradient(to left, #fdf9ee, #f8f3ed);
	background-repeat: no-repeat;
	background-size: 100% 70%;
	background-position: bottom;
}
@media (max-width: 640px) {
.area_b {
	background-size: 100% 80%;
	padding: 0 0 60px 0;
}
}

#pk_choice {
	width: 90%;
	padding: 0;
	margin: 30px auto 60px auto;
	display: flex;
	justify-content: center;
	gap:30px;
}
.pk_choice_inner {
  position: relative;
  width: 100%;
  aspect-ratio: 520 / 490;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5%;
  overflow: hidden;
}
.pk_choice_inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.pk_choice_inner::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 2px solid #ffffff;
  pointer-events: none;
  z-index: 2;
}
.pk_choice_inner > * {
  position: relative;
  z-index: 3;
}
@media (max-width: 1000px) {
#pk_choice {
	flex-wrap: wrap;
}
.pk_choice_inner {
  width: 45%;
}
}
@media (max-width: 640px) {
#pk_choice {
	flex-direction: column;
 align-items:center;
}
.pk_choice_inner {
  width: 100%;
}
}

.pk_haikei_01 {
    background-image: url('../img/pk_choice_01.jpg');
    background-size: cover;
    background-position: center;
}
.pk_haikei_02 {
    background-image: url('../img/pk_choice_02.jpg');
    background-size: cover;
    background-position: center;
}
.pk_haikei_03 {
    background-image: url('../img/pk_choice_03.jpg');
    background-size: cover;
    background-position: center;
}
.pk_choice_title {
	font-size: 170%;
	line-height: 1.7em;
	font-weight: 500;
	color: #fff;
	margin: 0 0 10px 0;
	letter-spacing: 0.1em;
}
.pk_choice_text {
	padding: 0;
	margin: 0;
	color: #fff;
	letter-spacing: 0.1em;
}
@media (max-width: 640px) {
.pk_choice_title {
	font-size: 140%;
}
}

#time {
	padding: 0;
	margin: 0 auto;
	width: 80%;
}
#time_area {
	margin: 0;
}
@media (max-width: 640px) {
#time {
	width: 90%;
}
}

.time_a {
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: space-between;
	background-color: #f4f4f4;
	border: 1px solid #8e8e8e;
}
.time_b {
	margin: 0px;
	border-right: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
	border-left: 1px solid #8e8e8e;
	padding: 0px;
	display: flex;
	justify-content: space-between;
	font-size: 110%;
}
.time_c {
	margin: 0px;
	padding: 0px;
	font-size: 110%;
	display: flex;
	justify-content: space-between;
	border-right: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
	border-left: 1px solid #8e8e8e;
}
@media (max-width: 640px) {
.time_a {
 font-size: 100%;
}
.time_b {
	font-size: 90%;
}
.time_c {
	font-size: 90%;
}
}

.time_inner_a {
	margin: 0px;
	height: auto;
	width: 30%;
	text-align: center;
	padding: 20px 0;
}
.time_inner_b {
	width: 10%;
	height: auto;
	margin: 0px;
	text-align: center;
	padding: 20px 0;
	border-left: 1px solid #8e8e8e;
}
.time_inner_c {
	margin: 0px;
	height: auto;
	width: 30%;
	text-align: center;
	font-weight: bold;
	padding: 30px 0;
	background: rgba(255,255,255,1.00);
}
.time_inner_d {
	width: 10%;
	height: auto;
	margin: 0px;
	text-align: center;
	color: #000000;
	padding: 30px 0;
	border-left: 1px solid #8e8e8e;
	background: rgba(255,255,255,1.00);
}
@media (max-width: 640px) {
.time_inner_a {
	padding: 10px 0;
}
.time_inner_b {
	padding: 10px 0;
}
.time_inner_c {
	padding: 15px 0;
	font-size: 90%;
}
.time_inner_d {
	padding: 15px 0;
}
}

#time ul {
	padding: 0px;
	margin: 10px 0 0 0;
}
#time ul li {
	font-size: 90%;
	line-height: 1.6em;
}
@media (max-width: 640px) {
#time ul li {
	font-size: 80%;
}
}

.box_calendar {
	margin: 40px 0 0 0;
	padding: 40px 80px;
	background-color: #f5f5f5;
	box-sizing: content-box!important;
}
.box_calender_inner {
    display: flex;
    justify-content: center;
}
@media (max-width: 640px) {
.box_calendar {
	margin: 30px 0 0 0;
	padding: 30px 20px;
	overflow-x: hidden;
}
.box_calender_inner {
    overflow-x: auto!important;
}
.reservationTableWrapper {
    width: auto!important;
}
}


/*=============================================================
　area_c
=============================================================*/

.area_c {
	width: 100%;
	height: auto;
	padding: 50px 0 150px 0;
	margin: 0;
	background-image: url(../img/bg_sankaku.jpg);
	background-repeat: repeat;
	position: relative;
}
@media (max-width: 640px) {
.area_c {
	padding: 30px 0 60px 0;
}
}


.m_text_top {
	padding: 0px;
	margin: 40px 0;
	text-align: center;
	font-weight: bold;
 font-size: 110%;
}
@media (max-width: 640px) {
.m_text_top {
	margin: 30px auto 20px auto;
 font-size: 100%;
	width: 90%;
	text-align: left;
}
}

#treatment_mx {
	padding: 0px;
	margin: 0 0 45px 0;
	display: flex;
	justify-content: space-between;
}
.treatment_mx_inner {
	height: auto;
	width: 48%;
	padding: 20px 20px 20px 40px;
	margin: 0px;
	border-radius: 10px;
 background-color: #FFFFFF;
	border: solid 1px #000;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap:30px;
	position: relative;
}
.treatment_mx_picture {
	margin: 0;
	padding: 0;
	width: 300px;
 flex-shrink: 0;
}
.treatment_mx_picture img{
  width: 100%;
  height: auto;
  display: block;
}
.treatment_mx_area {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.treatment_mx_area_in {
	width:100%;
}
.treatment_mx_icon{
	display: flex;
	align-items: center;
	gap: 3px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 0 10px 0;
}
.treatment_mx_icon::before{
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mx_icon_01::before{
  background-image: url(../img/menu_icon_01.png);
}
.mx_icon_02::before{
  background-image: url(../img/menu_icon_02.png);
}
.treatment_mx_text_m {
	font-size: 130%;
	font-weight: bold;
	position: relative;
	display: inline-block;
 padding-bottom: 20px;
}
.treatment_mx_text_m::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	background: #000;
}
.treatment_mx_text_s {
	margin: 20px 0 0 0;
	padding: 0;
}
@media (max-width: 1200px) {
#treatment_mx {
	margin: 0 auto 30px auto;
	width: 95%;
}
.treatment_mx_picture {
	width: 45%;
	max-width: 300px;
	flex-shrink: 0;
}
}
@media (max-width: 640px) {
#treatment_mx {
	margin: 0 auto 30px auto;
	flex-direction: column;
	width: 90%;
	gap:30px;
}
.treatment_mx_inner {
	width: 100%;
	padding: 30px;
	margin: 0px;
	flex-direction: column;
	gap:15px;
}
.treatment_mx_picture {
	margin: 0 auto;
	width: 60%;
}
.treatment_mx_area_in {
	text-align: center;
}
.treatment_mx_icon{
	justify-content: center;
	flex-direction: column;
 align-items: center; 
	order: 1;
}
.mx_icon_01::before{
  order: 2;
		margin-top: -15px;
}
.mx_icon_02::before{
  order: 2;
		margin-top: -8px;
}
.treatment_mx_text_m::after{
	left: 50%;
	transform: translateX(-50%);
}
.treatment_mx_text_m {
  padding-bottom: 10px;
}
.treatment_mx_text_s {
	text-align: center;
	margin: 10px 0 0 0;
}
}

#treatment {
	padding: 0px;
	margin: 0 0 60px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:30px;
}
.t_bgcolor_01 {
background-color: #d3eee3;
}
.t_bgcolor_02 {
background-color: #6bc7ac;
color:#fff;
}
.t_bgcolor_02 .treatment_text_m::after{
  background:#fff;
}
.treatment_inner {
	width:calc(25% - 23px);
	position: relative;
	padding: 40px 30px;
	margin: 0px;
	border-radius: 10px;
	text-align: center;
}
.treatment_en {
	color: rgba(255,255,255,1.00);
	position: absolute;
	letter-spacing: 0.15em;
	right: 1%;
	top: 3%;
	writing-mode: vertical-rl;
	font-size: 90%;
}
.treatment_icon {
text-align: center;
margin: 0 0 20px 0;
}
.treatment_text_m {
	font-size: 130%;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	position: relative;
}
.treatment_text_m::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100px;
  height: 1px;
  background: #000;
		transform: translateX(-50%);
}
.treatment_text_s {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
}
@media (max-width: 1200px) {
#treatment {
	margin: 0 auto 40px auto;
	width: 95%;
}
}
@media (max-width: 640px) {
#treatment {
	margin: 0 auto 40px auto;
	gap:20px;
	width: 90%;
}
.treatment_inner {
	width: 100%;
	margin-bottom: 0;
}
/* 並び替え */
.treatment_inner:nth-child(1){ order: 1; }
.treatment_inner:nth-child(2){ order: 2; }
.treatment_inner:nth-child(3){ order: 3; }
.treatment_inner:nth-child(4){ order: 4; }
.treatment_inner:nth-child(5){ order: 6; }
.treatment_inner:nth-child(6){ order: 5; }
.treatment_inner:nth-child(7){ order: 8; }
.treatment_inner:nth-child(8){ order: 7; }
}

#treatment_lip {
	background-image: url(../img/lipartmake_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 270px;
	width: 950px;
	margin: 0 auto;
	border-radius: 10px;
	position: relative;
}
.treatment_lip_inner {
	position: absolute;
	left: 8%;
	top:50%;
	transform: translateY(-50%);
	color: rgba(255,255,255,1.00);
}
.treatment_lip_icon{
	letter-spacing: 0.1em;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.treatment_lip_text_m {
	font-size: 150%;
	font-weight: bold;
	position: relative;
	display: inline-block;
 padding: 0 0 20px 0;
	margin: 0 0 15px -3px;
}
.treatment_lip_text_m::after{
  content: "";
  position: absolute;
  left: 3px;
  bottom: 0;
  width: 100px;
  height: 1px;
  background: #fff;
}
.treatment_lip_text_s {
	margin: 0;
	padding: 0;
}
@media (max-width: 640px) {
#treatment_lip {
	width: 100%;
	height: auto;
	aspect-ratio: 640 / 500;
	border-radius: 0;
	background-image: url(../img/lipartmake_bg_sp.png);
	background-position: center center;
	background-size: cover;
	margin: 0;
}
.treatment_lip_inner {
	left: 5%;
}
}


/*=============================================================
　area_d
=============================================================*/

.area_d {
	width: 100%;
	height: auto;
	padding: 100px 0 150px 0;
	margin: 0px;
}
.title_problem {
	width: 100%;
	background-image: url(../img/problem_title_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 100px 0;
}
@media (max-width: 640px) {
.area_d {
	padding: 40px 0 60px 0;
}
.title_problem {
	background-image: url(../img/problem_title_bg_sp.png);
	padding: 100px 0;
}
}


.problem {
	padding: 0;
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:30px 15px;
}
.problem_inner{
	padding: 0;
	margin: 0;
	width:calc(25% - 15px);
}
.problem_picture{
	text-align: center;
	padding: 0;
	margin: 0 0 -50px 0;
	position: relative;
}
.problem_picture img{
	max-width: 95%;
}
.problem_comment {
	background-color: #f6f0e7;
	margin: 0;
	padding: 70px 30px 50px 30px;
}
.problem_text {
	font-size: 130%;
	text-align: center;
	line-height: 1.6em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
@media (max-width: 640px) {
.problem {
	width: 90%;
	gap: 30px;
	flex-direction: column;
}
.problem_inner{
	width:100%;
}
.problem_picture img{
	max-width: 90%;
}
.problem_text {
	font-size: 120%;
}
}

/*=============================================================
　area_e
=============================================================*/

.area_e {
	width: 100%;
	padding: 0 0 150px 0;
	margin: 0;
	position:relative;
	background:#faf9f4;
}
.area_e::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:200px;
  background:#fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
}
@media (max-width: 640px) {
.area_e {
	padding: 0 0 60px 0;
}
.area_e::before{
  content:"";
  height:120px;
}
}

.feature_area {
	padding: 0;
	margin: 60px auto 0 auto;
	max-width: 1350px;
}
.feature {
	padding: 0;
	margin: 0;
	display:flex;
	align-items:center;
	margin: 0 0 80px 0;
	position:relative;
}
.feature_picture {
	width:60%;
	position:relative;
	z-index:1;
}
.feature_picture img{
  width:100%;
  height:auto;
  display:block;
}
.feature_inner {
	width:45%;
	padding:60px;
	background-color: rgba(255,255,255,0.80);
	position:relative;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-left:-80px; /* 重なり */
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
}
.feature.reverse{
  flex-direction:row-reverse;
}
.feature.reverse .feature_inner{
  margin-left:0;
  margin-right:-80px;
}
.feature_namber {
	margin: 0 0 30px 0;
	padding: 0px;
	color: #6bc7ac;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 120%;
}
.feature_text_mx {
	font-size: 150%;
	padding: 0px;
	margin: 0 0 20px 0;
	line-height: 1.7em;
	font-weight: bold;
}
.feature_text_min {
	padding: 0px;
	margin: 0px;
}
@media (max-width: 1200px) {
.feature_area {
	width: 100%;
}
}
@media (max-width: 640px) {
.feature_area {
	width: 100%;
	margin: 30px auto 0 auto;
}
.feature {
	flex-direction: column;
	align-items: stretch;
	display: block;
	margin: 0 0 50px 0;
}
.feature_picture {
	width:90%;
}
.feature_inner {
	width:90%;
	padding:30px;
	margin-left:auto;
	margin-top: -60px;
}
.feature.reverse {
	display: block;
}
.feature.reverse .feature_inner {
		margin: -60px 0 0 auto;
}
.feature_namber {
	margin: 0 0 15px 0;
}
.feature_text_mx {
	font-size: 130%;
	margin: 0 0 10px 0;
}
}

/*=============================================================
　area_f
=============================================================*/

.area_f {
	width: 100%;
	padding: 150px 0;
	background-image:
		repeating-linear-gradient(
			to right,
			rgba(255,255,255,0.2) 0px,
			rgba(255,255,255,0.2) 1px,
			transparent 1px,
			transparent 20px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255,255,255,0.2) 0px,
			rgba(255,255,255,0.2) 1px,
			transparent 1px,
			transparent 20px
		),
		url(../img/philosophy_bg.jpg);
	background-repeat: repeat, repeat, no-repeat;
	background-position: center, center, center top;
	background-size: auto, auto, cover;
}
@media (max-width: 640px) {
.area_f {
	padding: 80px 0;
	background-image:
		repeating-linear-gradient(
			to right,
			rgba(255,255,255,0.2) 0px,
			rgba(255,255,255,0.2) 1px,
			transparent 1px,
			transparent 20px
		),
		repeating-linear-gradient(
			to bottom,
			rgba(255,255,255,0.2) 0px,
			rgba(255,255,255,0.2) 1px,
			transparent 1px,
			transparent 20px
		),
		url(../img/philosophy_bg_sp.jpg);
}
}

#philosophy {
display: flex;
justify-content: center;
gap:50px;
}
.philosophy_inner {
width:50%;
aspect-ratio:4 / 3;
border: solid 1px rgba(255,255,255,1);
background-color: rgba(0,0,0,0.60);
text-align: center;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:30px;
box-sizing:border-box;
}
.philosophy_text_mx{
font-size: 230%;
line-height: 1.5em;
padding: 0;
margin: 0 0 20px 0;
color: #fff;
}
.philosophy_text_mx .min_namber{
	padding: 0 3px;
	font-size: 80%;
}
.philosophy_text_min{
	margin: 0;
	padding: 0;
	font-size: 110%;
	color: #fff;
	line-height: 2em;
}
@media (max-width: 640px) {
#philosophy {
flex-direction: column;
align-items:center;
gap:30px;
}
.philosophy_inner {
width: 90%;
text-align: left;
}
.philosophy_text_mx{
font-size: 180%;
}
}

/*=============================================================
　area_g
=============================================================*/

.area_g {
		width: 100%;
		padding: 30px 0 0 0;
		margin: 0;
		background-image: linear-gradient(to right, #f0f0f0, #f0f0f0);
		background-repeat: no-repeat;
		background-size: 100% 55%;
		background-position: bottom;
}
@media (max-width: 640px) {
.area_g {
		background-size: 100% 70%;
}
}

#director {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0;
	margin:0;
}
.director_picture {
	order:2;
	width:50%;
	transform: translateX(120px);
}
.director_picture img{
	width:100%;
	height:auto;
	display:block;
}
.director_inner {
	margin: 0;
	padding: 0;
	width:50%;
	order:1;
}
.mmg_area {
	padding: 0px;
	margin: 0 0 50px 0;
}
.mmg_mx {
font-size: 200%;
letter-spacing: 0.1em;
font-weight: bold;
}
.mmg_min{
position: relative;
font-size: 130%;
line-height: 2.2em;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
font-weight: bold;
}
.mmg_min::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	transform:translateY(0%);
	width:150px;
	height:1px;
	background:#000;
}
.director_comment {
	font-size: 110%;
	line-height: 2.2em;
	padding: 0;
	margin: 0 0 40px 0;
}
.director_title {
	font-size: 110%;
	padding: 0px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.director_name {
font-size: 250%;
margin: 0 0 10px 0;
padding: 0px;
line-height: 1.2em;
font-weight: 500;
letter-spacing: 0.1em;
}
.director_en {
	color: #6bc7ac;
	margin: 0;
	padding: 0;
	font-size: 80%;
	letter-spacing: 0.1em;
	font-weight: bold;
}
@media (max-width: 1200px) {
.director_picture {
	transform: translateX(60px);
}
}
@media (max-width: 640px) {
#director {
	flex-direction: column;
	gap:30px;
	padding:30px 0 50px 0;
}
.director_picture {
	order:1;
	width:60%;
	margin: 0 auto;
 transform: none;
}
.director_inner {
	margin: 0 auto;
	padding: 0;
	width:90%;
	order:2;
}
.mmg_area {
	margin: 0 0 20px 0;
}
.director_comment {
	font-size: 100%;
	margin: 0 0 30px 0;
}
.director_title {
	font-size: 100%;
}
.director_name {
font-size: 200%;
margin: 0;
}
}

/*=============================================================
　slider
=============================================================*/

.sliderArea {
	padding: 0;
	margin: 60px 0 150px 0;
	height: auto;
	width: 100%;
}
.slide {
	height: auto;
	width: 100%;
}
.slide li{
	padding: 0px;
	margin: 0 1% 0 0;
}
@media (max-width: 640px) {
.sliderArea {
	margin: 50px 0 80px 0;
}
.slide {
	width: 60%;
}
.slide li{
	padding: 0;
	margin: 0 1%;
	width: 100%;
}
}

/*=============================================================
　area_h
=============================================================*/

.area_h {
	width: 100%;
	padding: 0 0 150px 0;
	margin: 0;
	position:relative;
	background-color:#f7f7f7;
	background-image:
		repeating-linear-gradient(
			0deg,
			rgba(0,0,0,0.05) 0px,
			rgba(0,0,0,0.05) 1px,
			transparent 1px,
			transparent 12px
		),
		repeating-linear-gradient(
			90deg,
			rgba(0,0,0,0.05) 0px,
			rgba(0,0,0,0.05) 1px,
			transparent 1px,
			transparent 12px
		),
		repeating-linear-gradient(
			0deg,
			rgba(0,0,0,0.08) 0px,
			rgba(0,0,0,0.08) 2px,
			transparent 2px,
			transparent 60px
		),
		repeating-linear-gradient(
			90deg,
			rgba(0,0,0,0.08) 0px,
			rgba(0,0,0,0.08) 2px,
			transparent 2px,
			transparent 60px
		);
}
.area_h::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:200px;
  background:#fff;
  clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}
@media (max-width: 640px) {
.area_h {
	padding: 0 0 60px 0;
}
.area_h::before{
  height:80px;
}
}

#question {
	margin: 100px 0 0 0;
	padding: 0px;
}
.question_area {
	background-color: #FFFFFF;
	padding: 50px;
	margin: 0 0 30px 0;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.question_picture {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 300px;
}
.question_min_area {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 65%;
}
.question_q {
	background-image: url(../img/question_q.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 20px 40px;
	font-size: 130%;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #5A4A37;
	font-weight: bold;
}
.question_a {
	margin: 0 0 20px 0;
	background-image: url(../img/question_a.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 40px;
}
.question_a span{
	font-weight: bold;
}
@media (max-width: 1200px) {
#question {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.question_area {
	padding: 40px 30px;
	gap: 30px;
}
}
@media (max-width: 640px) {
#question {
	width: 90%;
	margin: 40px auto 0 auto;
}
.question_area {
	padding: 30px;
	flex-direction: column;
}
.question_picture {
	margin: 0 0 20px 0;
	text-align: center;
	width: 100%;
}
.question_picture img{
	max-width: 100%;
	height: auto;
}
.question_min_area {
	width: 100%;
}
.question_q {
	font-size: 120%;
	padding: 0 0 20px 30px;
}
.question_a {
	padding: 0 0 0 30px;
}
}


/*=============================================================
　area_i
=============================================================*/

.area_i {
	width: 100%;
	padding: 30px 0 100px 0;
	margin: 0;
	background-color: #faf9f4;
}
@media (max-width: 640px) {
.area_i {
	padding: 30px 0 60px 0;
}
}

.group_clinic_title {
	width: 100%;
	margin: 50px 0 30px 0;
	padding: 0px;
	letter-spacing: 0.1em;
	text-align: center;
}
.gc_copy {
	font-size: 150%;
	line-height: 1.7em;
	margin: 0 0 10px 0;
	padding: 0px;
}
.gc_copy_en {
	color: #6bc7ac;
	margin: 0px;
	padding: 0px;
	font-weight: 600;
}

.group_clinic {
	padding: 0px;
	margin: 0 0 30px 0;
	text-align: center;
}
.gc_picture{
	padding: 0;
	margin: 0 0 30px 0;
}
.group_clinic p{
	margin: 0px;
	padding: 0px;
}
.linkbtn_group {
	padding: 0px;
	width: 360px;
	margin: 0 auto;
}
.linkbtn_group a {
	color: #000;
	font-size: 110%;
	text-decoration: none;
	padding: 13px 0;
	display: block;
	margin: 0px;
	background-image: url(../img/yajirushi_bk.png);
	background-repeat: no-repeat;
	background-position : right 15px bottom 22px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border-radius: 100px;
	border: solid 2px #000;
}
.linkbtn_group a:hover  {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-color: #e4f3ef;
}
@media (max-width: 1200px) {
.group_clinic p{
	margin: 0 auto;
	width: 90%;
}
}
@media (max-width: 640px) {
.group_clinic_title {
	margin: 30px auto;
	width: 90%;
	text-align: left;
}
.gc_copy {
	font-size: 120%;
}
.gc_copy_en {
	font-size: 90%;
}
.group_clinic p{
	margin: 0 auto;
	width: 90%;
	text-align: left;
}
.linkbtn_group {
	width: 90%;
}
.linkbtn_group a {
	font-size: 100%;
}
}

/*=============================================================
　area_j
=============================================================*/
.area_j {
	width: 100%;
	padding: 100px 0;
	margin: 0;
}
@media (max-width: 640px) {
.area_j {
	padding: 60px 0;
}
}

#infomation {
	width: 100%;
	border: 3px solid #000;
	border-radius: 15px;
	margin: 0;
	padding: 50px;
}
.info_are {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #dedede;
}
.info_are_inner {
	margin: 0px;
	padding: 30px;
	border-bottom: 1px solid #dedede;
	display: flex;
 justify-content: space-between;
}
.info_are_day {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 13%;
}
.info_are_txt {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 87%;
}
.ikenbako {
	padding: 0px;
	margin: 30px 0 0 0;
	text-align: center;
}
@media (max-width: 1200px) {
#infomation {
	width: 90%;
	margin: 0 auto;
	padding: 30px;
}
}
@media (max-width: 640px) {
#infomation {
	width: 90%;
	margin: 0 auto;
	padding: 30px;
}
.info_are_inner {
	padding: 15px 0;
	flex-direction: column;
}
.info_are_day {
	margin: 0 0 7px 0;
	font-size: 90%;
	width: 100%;
}
.info_are_txt {
	overflow: hidden;
	font-size: 90%;
	width: 100%;
}
}

/*=============================================================
　footer
=============================================================*/

footer {
	width: 100%;
	padding: 100px 30px 30px 30px;
	margin: 0px;
	background-image: linear-gradient(to left, #fdf9ee, #f3f2ee);
}
.footer_area {
	padding: 0;
	margin: 0 0 50px 0;
	display: flex;
	justify-content: space-between;
}
@media (max-width: 640px) {
footer {
	padding: 60px 20px 100px 20px;
}
.footer_area {
	flex-direction: column;
}
}

.footer_clinic_info {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 48%;
}
.ft_clinic {
	padding: 0px;
	margin: 0 0 20px 0;
}
.ft_clinic_text {
	margin: 0px;
	padding: 0px;
}
.ft_clinic_name {
	font-size: 200%;
	line-height: 1.6em;
	padding: 0;
	margin: 0;
	font-weight: 500;
}
.ft_clinic_en {
	margin: 0;
	padding: 0;
	color: #b9aa8a;
	letter-spacing: 0.1em;
	font-size: 90%;
}
.ft_access {
	padding: 0px;
	margin: 0 0 20px 0;
	display: flex;
justify-content: space-between;
border: solid 1px #8e8e8e;
}
.ft_access_inner {
	width: 50%;
	border-right: solid 1px #8e8e8e;
	padding: 15px 20px;
}
.ft_access_inner:last-child{
	border-right:none;
}
.ft_access_title {
	padding: 0px;
	margin: 0 0 10px 0;
	font-size: 110%;
	font-weight: bold;
}
.ft_access_station {
	padding: 0px;
	margin: 0 0 10px 0;
	line-height: 1.6em;
	font-weight: bold;
}
.ft_access_tel {
	font-size: 130%;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.ft_access_tel a{
	text-decoration: none!important;
}
.ft_pickup {
	margin: 0;
	padding: 0;
}
.ft_pickup ul {
margin: 0;
	padding: 0;
}
.ft_pickup ul li {
	padding: 0;
	margin: 0;
}
@media (max-width: 1200px) {
.ft_access {
	flex-direction: column;
}
.ft_access_inner {
	width: 100%;
	border-bottom: solid 1px #8e8e8e;
	border-right: none;
}
.ft_access_inner:last-child{
	border-bottom:none;
}
}
@media (max-width: 640px) {
.footer_clinic_info {
	width: 100%;
	margin: 0 0 30px 0
}
.ft_clinic_text {
	font-size: 90%;
}
.ft_clinic_name {
	font-size: 180%;
	line-height: 1.5em;
}
.ft_access {
	flex-direction: column;
}
.ft_access_inner {
	width: 100%;
	border-bottom: solid 1px #8e8e8e;
	border-right: none;
}
.ft_access_inner:last-child{
	border-bottom:none;
}
.ft_pickup ul li {
	font-size: 90%;
}
}

.footer_clinic_time {
	margin: 0px;
	padding: 0px;
	width: 47%;
}
.ft_picture {
	padding: 0px;
	margin: 0 0 30px 0;
	display: flex;
 justify-content: space-between;
}
.ft_picture_inner {
	margin: 0px;
	padding: 0px;
	width: 48%;
}
@media (max-width: 640px) {
.footer_clinic_time {
	width: 100%;
}
}

.ft_time {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 100%;
}
.ft_time_area {
	margin: 0px;
	padding: 0px;
}
.ft_time_a {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: space-between;
	background-color: #f4f4f4;
	border: 1px solid #8e8e8e;
}
.ft_time_b {
	margin: 0px;
	border-right: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
	border-left: 1px solid #8e8e8e;
	padding: 0px;
	display: flex;
	justify-content: space-between;
	background-color: #FFFFFF;
}
.ft_time_c {
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: space-between;
	border-right: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
	border-left: 1px solid #8e8e8e;
	background-color: #FFFFFF;
}
@media (max-width: 640px) {
.ft_time_a {
 font-size: 100%;
}
.ft_time_b {
	font-size: 90%;
}
.ft_time_c {
	font-size: 90%;
}
}

.ft_time_inner_a {
	margin: 0px;
	height: auto;
	width: 30%;
	text-align: center;
	padding: 10px 0;
}
.ft_time_inner_b {
	width: 10%;
	height: auto;
	margin: 0px;
	text-align: center;
	padding: 10px 0;
	border-left: 1px solid #8e8e8e;
}
.ft_time_inner_c {
	margin: 0px;
	height: auto;
	width: 30%;
	text-align: center;
	font-weight: bold;
	padding: 20px 0;
}
.ft_time_inner_d {
	width: 10%;
	height: auto;
	margin: 0px;
	text-align: center;
	color: #000;
	padding: 20px 0;
	border-left: 1px solid #999999;
}
@media (max-width: 640px) {
.ft_time_inner_a {
	padding: 10px 0;
}
.ft_time_inner_b {
	padding: 10px 0;
}
.ft_time_inner_c {
	padding: 15px 0;
	font-size: 90%;
}
.ft_time_inner_d {
	padding: 15px 0;
}
}

.ft_time ul {
	padding: 0px;
	margin: 10px 0 0 0;
}
.ft_time ul li {
	font-size: 90%;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
}

.ft_link_area{
	margin: 0;
	padding: 30px 20px;
	width: 100%;
	background-color: #908674;
}
.ft_link{
	margin: 0 0 50px 0;
}
.ft_link ul{
	display:flex;
	flex-wrap:wrap;
}
.ft_link li{
	list-style:none;
}
.ft_link li a{
	font-size: 90%;
	color:#fff;
}
.ft_link li::after{
	content:"|";
	margin:0 10px;
	color:#fff;
}
.ft_link li:last-child::after{
	content:"";
}
@media (max-width: 640px) {
.ft_link_area{
	padding: 15px;
}
.ft_link ul{
justify-content: space-between;
border-top: 1px solid #FFFFFF;
}
.ft_link li{
	width: 50%;
	border-bottom: 1px solid #FFFFFF;
}
.ft_link li:nth-child(odd) {
  border-right: 1px solid #fff;
}
.ft_link li a{
	text-decoration: none;
	padding: 3px 0 3px 20px;
	margin: 0px;
	font-size: 80%;
	background-image: url(../img/yajirushi.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	display: block;
}
.ft_link li::after{
	content: none;
	margin: 0;
}
}

.copyright {
	font-size: 8pt;
	text-align: center;
	color: #FFF;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}


/*=============================================================
　qa
=============================================================*/

.a_qa {
	padding: 0px;
	margin: 0px;
}
.a_qa_area {
	padding: 30px 60px;
	border-radius: 10px;
	margin: 0 0 30px 0;
	background-color: #F9F8F3;
}
@media (max-width: 640px) {
.a_qa_area {
	padding: 30px 20px;
	border-radius: 7px;
}
}

.a_question {
	font-size: 110%;
	font-weight: bold;
	color: #ec765f;
	background-image: url(/img/q.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 15px 45px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
}
.a_answer_area {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.a_answer_pic {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 300px;
}
.a_answer {
	margin: 0px;
	background-image: url(/img/a.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 45px;
	width: 66%;
}
.a_answer ul{
	padding: 0px;
	margin: 10px 0;
}
.a_answer ul li{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.a_answer_text {
	margin: 0px;
	padding: 0px;
}
.bgcolor_white {
	background-color: #ffffff!important;
}
@media (max-width: 640px) {
.a_answer_area {
	margin: 0px;
	padding: 0px;
}
.a_answer_pic {
	margin: 15px 0;
	text-align: center;
	width: 100%;
}
.a_answer_pic img{
 max-width: 75%;
}
.a_answer {
	width: 100%;
}
}

.topcopy {
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	line-height: 1.6em;
}
@media (max-width: 640px) {
.topcopy {
	font-size: 110%;
}
}

/*=============================================================
　sitemapページ
=============================================================*/
.sitemap_page {
	padding: 0;
	margin: 0 0 60px 0;
}
.sitemap_page ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:15px;
}
.sitemap_page ul::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.sitemap_page ul::after{
  content:"";
  display: block;
  width:23%;
}
.sitemap_page li{
	width: 23%;
}
.sitemap_page li a{
	color: #000;
	text-decoration: none;
	padding: 15px 10px 15px 20px;
	display: block;
	background-image: url(../img/yajirushi_bk.png);
	background-repeat: no-repeat;
	background-position : right 15px bottom 24px;
	font-weight: bold;
	background-color: #fff;
	border-radius: 100px;
	border: solid 2px #000;
}
.sitemap_page li a:hover  {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-color: #e4f3ef;
}
@media (max-width: 640px) {
.sitemap_page {
	margin: 0 auto 60px auto;
	width: 90%;
}
.sitemap_page ul{
	flex-direction: column;
	align-items:center;
	gap:15px;
}
.sitemap_page ul::before,
.sitemap_page ul::after{
	display: none;
}
.sitemap_page li{
	width: 100%;
}
}

.sitemap_page_text {
	text-align: center;
	margin: 0 0 30px 0;
	font-size: 110%;
}
@media (max-width: 640px) {
.sitemap_page_text {
	text-align: left;
	font-size: 100%;
	width: 90%;
	margin: 0 auto 30px auto;
}
}

.sitemap_page_group {
	padding: 0;
	margin: 0;
}
.sitemap_page_group ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:15px;
}
.sitemap_page_group ul::before{
  content:"";
  display: block;
  width:31%;
  order:1;
}
.sitemap_page_group ul::after{
  content:"";
  display: block;
  width:31%;
}
.sitemap_page_group li{
	height: auto;
	width: 31%;
}
.sitemap_page_group li a{
	color: #000;
	text-decoration: none;
	padding: 15px 10px 15px 20px;
	display: block;
	background-image: url(../img/yajirushi_bk.png);
	background-repeat: no-repeat;
	background-position : right 15px bottom 24px;
	font-weight: bold;
	background-color: #fff;
	border-radius: 100px;
	border: solid 2px #000;
}
.sitemap_page_group li a:hover  {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-color: #e4f3ef;
}
@media (max-width: 640px) {
.sitemap_page_group {
	margin: 0 auto;
	width: 90%;
}
.sitemap_page_group ul{
	flex-direction: column;
	align-items:center;
	gap:15px;
}
.sitemap_page_group ul::before,
.sitemap_page_group ul::after{
	display: none;
}
.sitemap_page_group li{
	width: 100%;
}
.sitemap_page_group li a{
	font-size: 90%;
}
}