@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

*{ margin:0px; padding: 0px; box-sizing:border-box;}
div, span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
font-size:16px !important;
text-align:left;
color:#000;
min-width:1020px;

}


img { border-style:none; vertical-align:bottom; padding:0px; max-width:100%;}
figure {margin:20px auto; text-align:center;}

p{ line-height:2em !important; margin:0 0 3%; padding:0;}
p:last-child{margin:0px; }
a{ color:#0c6fcc; text-decoration:none;}
a:hover{ text-decoration: underline !important;}

input[type="text"], input[type="tel"], input[type="email"], textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #019934;
    background-color: #f7fcfb;
    padding: 10px;
}

select { min-height: 40px; border: solid 1px #019934; background-color: #f7fcfb; border-radius: 3px;}

.opa { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.opa:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}

.clear { clear:both;}
/**clearfix**/

.clearfix { display: inline-table; zoom:1; overflow:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; overflow:visible;}
.clearfix { display: block; }
/* End hide from IE-mac */

@media print, screen and (min-width:769px){
	.smp{ display:none !important;}
	.ml15 { margin-left:15px; }
	.pl65 { padding-left:65px; }

}

@media screen and (max-width:768px){
.pc{ display:none !important;}
*{ box-sizing:border-box;}
.figure{ text-align:center; margin:10px auto;}
.right { text-align:left;}
img { height:auto;}
	.order1 { order:1;}
	.order2 { order:2;}
	.center_smp { text-align:center;}
	input[type="text"] { width:100% !important;}
input[type="email"] { width:100% !important;}
}

/*ヘッダー*/
header { margin:0; padding:0; }

#header{
	padding:0 0 10% 0;
	background:rgba(255,255,255,1.0);
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	}

.logo-box { 
	display: flex;
	justify-content: center;
	align-items: flex-end;
	
}
.logo-box h1 { width: 30%; display: block; }
.logo-box h1 img { width: 100%; height: auto; }
.logo-box h2 { width: 70%; display: block; font-size: 90%; padding-left: 15px; margin: 0 !important; }

.nav { width:100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }
.nav ul { width: 100%;  flex-wrap: wrap; justify-content: flex-start; font-size:16px !important; padding: 30px 0; }
.nav li {
	width:100%;
	position: relative;
	transition: .5s;
	margin-bottom: 15px;
}

.nav li:last-child { margin-bottom: 0;}

.nav li a {
	width: 100%;
	color:#313131;
	padding: 20px 20px;
	text-decoration: none !important;
}

.nav li a:hover { text-decoration: underline !important; }
.nav li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";/*アイコン種類*/
	vertical-align:middle;
	margin-right:10px;
	color: #000; /*アイコン色*/
	font-size:110% !important;
	transition: .5s ;
	position: absolute;
	left:0px;
	top: 50%;
  margin-top: -.5em;
	transform: rotateZ( 0deg ) ;
	}

.h_tel { font-family: 'M PLUS Rounded 1c', sans-serif; color:#51c0a1; font-size:130%; font-weight:700; width: 16%; display: flex; justify-content: center; align-items: center;}
.h_tel:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f879";/*アイコン種類*/
	vertical-align:middle;
	margin-right:10px;
	color: #51c0a1; /*アイコン色*/
	font-size:110% !important;
	transition: .5s ;
	transform: rotateZ( 0deg ) ;
	}
.h_tel a { color:#51c0a1;}
.h_tel:hover:before { transform: rotateZ( 360deg ) ; }

.access-tel { font-family: 'M PLUS Rounded 1c', sans-serif; color:#51c0a1; font-size:230%; font-weight:700; display: flex; justify-content: flex-start; align-items: center;}
.access-tel:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f879";/*アイコン種類*/
	vertical-align:middle;
	margin-right:10px;
	color: #51c0a1; /*アイコン色*/
	font-size:110% !important;
	transition: .5s ;
	transform: rotateZ( 0deg ) ;
	}
.access-tel a { color:#51c0a1;}
.access-tel:hover:before { transform: rotateZ( 360deg ) ; }

.map_icon {
	color: #ff6666;
	}

#nav { width:100%; background: #313131;}
#nav .g-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	height:65px;
	margin:0 auto;
  }

#nav .g-nav a {
  display:flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  text-decoration:none;
  height:100%;
  padding:0 2.65%;
  }

#nav .g-nav a:hover { background: rgba(0,0,0,0.5); color:#fff;}

.is-fixed {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
	background: rgba(255,255,255,0.7);
}

@media screen and (max-width:768px){
	
	html,body {
		margin:0 auto;
		padding:0;
		font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
		color:#333;
		min-width:100%;
		}
	
	header { width:100%; border-top:0 !important; }

	.logo img { max-width:100%; height:auto;}
}


#gnav { position: absolute; top: 100%; right: 0px !important; display: none; z-index: 9999; background:rgba(251,189,200,0.9); width:40%; }

@media screen and (max-width:768px){
	#gnav { position: absolute; top: 100%; right: 0px !important; display: none; z-index: 9999; background:rgba(81,192,161,0.9); width:100%; }
}

#gnav ul { padding: 1%; }
#gnav li { border-bottom: 1px solid #fff; float: none; position: relative; }
#gnav li:last-child { border-bottom: none; }
#gnav li a { color: #fff; text-decoration: none; display: block; padding: 15px; width: 100%; position: relative; transition: .5s ; }
#gnav li a:before { content:" "; position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; top: 0; right: 3%; height: 6px; bottom: 0; margin: auto; }
#gnav li a span { display: block; }
#gnav li a:hover { color: #ed145b; background:rgba(255,255,255,0.4);}

@media screen and (max-width:768px){
#gnav { position: absolute; top: 100%; left: 0; right: 0; display: none; z-index: 9999; background-color: rgba(0,0,0,0.7); }
#gnav ul { padding: 0 4%; }
#gnav li { border-bottom: 1px solid #fff; float: none; position: relative; }
#gnav li:last-child { border-bottom: none; }
#gnav li a { color: #fff; text-decoration: none; display: block; padding: 3% 0; width: 100%; position: relative; }
#gnav li a:before { content:" "; position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; top: 0; right: 3%; height: 6px; bottom: 0; margin: auto; }
#gnav li a span { display: block; }

#header { 
    position: fixed;
    width: 100%;
    z-index: 9999;
	border:0 !important;
	padding: 0;
	background-color: #fff;
	}
#header .h_main { background-color: transparent; padding: 3%; }
#header .h_main .h_logo { width: 60%; }
#header img { max-width:100%; height:auto;}
#header .h_main .h_tools { width: 48%; }
#header .h_main .h_tools li { width: 25%; margin-right: 3%; }
#header .h_main .h_tools li#h_menu { position: relative; margin-right: 0; text-align:left; }
#header .h_main .h_tools li#h_menu span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 33px; height: 5px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
#header .h_main .h_tools li#h_menu span:after { content: ''; position: absolute; top: 10px; width: 33px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #fff; transition: All 0.35s ease-in-out; -webkit-transition: All 0.35s ease-in-out; -o-transition: All 0.35s ease-in-out; }
#header .h_main .h_tools li#h_menu span:before { content: ''; position: absolute; top: -10px; width: 33px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #fff; transition: All 0.35s ease-in-out; -webkit-transition: All 0.35s ease-in-out; -o-transition: All 0.35s ease-in-out; }
#header .h_main .h_tools li#h_menu span.active { background: rgba(255, 255, 255, 0); }
#header .h_main .h_tools li#h_menu span.active:after { top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
#header .h_main .h_tools li#h_menu span.active:before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#header .h_main .h_tools li#h_menu span { width: 20px; height: 3px; }
#header .h_main .h_tools li#h_menu span:after { top: 7px; width: 20px; height: 3px; }
#header .h_main .h_tools li#h_menu span:before { top: -7px; height: 3px; width: 20px; }

/*----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
.dis_flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-flex; display: -ms-flex; }
.flex_wrap { -ms--ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex_align_item_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; }
.flex_align_item_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; }
.flex_align_item_center { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit--webkit-box-align: center; -ms-flex-align: center; align-items: center; -moz--webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms--webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex_jus_between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; }
.flex_jus_center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.flex_jus_around { -ms-flex-pack: distribute; justify-content: space-around; }
.flex_jus_start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; }
.flex_jus_end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
}

/*フッター*/
footer {
	width: 100%;	
}
#footer{ width:1000px; margin:0 auto; padding:1% 0; color:#000; text-align:center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

#footer a { color: #000;}

address { font-style:normal; font-size: 12px !important; }

@media screen and (max-width:768px){
	footer {
		position: static;
		bottom: 0;
		width: 100%;
		z-index: 10;
		}
	
	#footer { width:100%; margin:0 auto; padding:2%; text-align:center; font-size:90%; line-height:2;}
	#footer p { margin: 0;}	
}

.sub-page-inner { width: 800px; padding:0 0 10% 0; margin: 0 auto; }

@media screen and (max-width:768px){
	#logo { display: none; }
	#header-box { width:100%; min-height: 320px; height:100%; overflow: hidden; z-index:1; background-size:cover !important; background-position:center  center !important; object-fit: cover !important; position: relative; }
	#mainimage { width:100%; height: auto; margin-top: 16.5% !important; margin-bottom:0px !important; }
	#mainimage h1 { width:100%; background-color: rgba(255,255,255,0.4); font-weight: normal; margin: 0; padding: 1%; font-size: 10px; }
	#mainimage-sub { background-image:url(../images/sub_title_bg.png); background-size:cover; background-position:center; height:200px; display: flex; flex-wrap:erap; justify-content: center; align-items: center; margin-top:70px; font-size:220%; font-family: 'Noto Sans JP', sans-serif; font-variant:700; color:#000; -webkit-text-stroke: 0.1px #16160e; transform: rotate(0.05deg); }		
	
	.sub-page-inner { width: 100%; margin: 0; padding: 3%; }
}

/*メイン*/
#content{ overflow:hidden; text-align:left; background-repeat:repeat-x; background-position:bottom;}
section { width:100%; margin:0 auto;}
.maincontent {
	padding:0;
	margin:0 auto;
	width:100%;
}
.main-content { width:100%; margin:0 auto; }
.main-content h2 { margin:3% 0; }
.main-content p { margin-bottom:2%; }

@media screen and (max-width:768px){	
	.main-content{ width:100%; margin:0 auto; padding:5%; }
	
}


#main-box { width: 1100px; margin: 0 auto; }
#main-box .main-content{ width:100%; padding:30px 0; }
#main-box .main-content-works { width:100%; padding:0; }
#main-box-l { width: 30%; order: 1; }
#main-box-r { width: 70%; padding-left: 3%; order: 2; }

.works-title { border-left: 2px solid #c30e18; font-weight: 900; padding-left: 15px; display: block; width: 100%; }
.works-box { display: flex; flex-wrap: wrap; box-sizing: border-box; margin: 15px 0; }
.works-cont { width: 20%; padding-right: 10px; }
.works-l { width:60%;}
.works-l img { width:120px; height: 80px;}
.works-r { width:40%; padding-left:5px; }
.works-r p { font-size: 10px; }

.clinic-box { width:50%; padding: 1%;}
.clinic-box p { font-size: 12px; }
.clinic-box img { width: 100%; height: 114px;}

@media screen and (max-width:768px){
	#main-box { width: 100%; margin-top: 18%; margin-bottom: 0%; }
	#main-box .main-content{ width:100%; padding:0 3%; }
	#main-box .main-content-works { width:100%; padding:0 3%; }
	#main-box-l { width: 100%; order: 2; }
	#main-box-r { width: 100%; padding-left: 0; order: 1; }
	
	.works-cont { width: 100%; padding-right: 0px; display: flex; flex-wrap: wrap; box-sizing: border-box; margin-bottom: 10%; }
	.works-box { display: flex; flex-wrap: wrap; box-sizing: border-box; margin: 0; width: 50%; padding: 10px; }
	.works-l { width:60%;}
.works-r { width:40%; padding-left:5px; }
	
}

.sub-title { border-bottom: solid 6px #019934; padding-bottom: 10px; font-size: 160%;font-family: 'Noto Sans JP', sans-serif; }

@media screen and (max-width:768px){
	
	#infomation { background:#fff; padding:3%; }
	#infomation .main-content{ position: relative; }
	.info-title { margin: 0 !important; font-size: 150%;}
	.info-title:after { width: 100px; height: 5px;  margin-top: -5px; margin-left: -2px;}
	.info-bt { top: 18px; }
	.info_list { padding-top: 15px;}
	.info_list dt { width: 100%; margin-bottom:1%; padding:0; }
	.info_list dd { width: 100%; margin-bottom:15px; padding: 0;}
	
}

#contact-page { padding:3% 0; }
#contact-page h3 { text-align:center;}

#access .main-content{ width:100%; }
#access h3 { text-align:center;}

@media screen and (max-width:768px){	
	#access { padding:0; }
	#access .main-content{ width:100%; padding: 0; }
}

.access_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content:flex-start;
	}
	
	#contact { margin:3% 0; background-color:#fbdee4; }
	#contact h3 { text-align:center;}
	#contact .main-content { padding:3% 0;}
	
@media screen and (max-width:768px){	
	.center_smp { text-align: center; }
}
	
	

#subpage { padding:3% 0; position: relative; z-index: 0; }


@media screen and (max-width:768px){
	
	#contact { margin:0;}
	#contact .main-content { width:100%;  padding:3%;}
	
	
}


.news-box h2 { font-size: 140% !important; font-weight: 900; }
.news-box dl { font-size: 12px; display: flex; flex-wrap: wrap; }
.news-box dt { width: 25%; margin-bottom: 10px; }
.news-box dd { width: 75%; margin-bottom: 10px; }

@media screen and (max-width:768px){
	.news-box h2 { font-size: 140% !important; font-weight: 900; margin: 0; }
}


/*list*/
.top_list_bt { display: flex; flex-wrap: wrap; margin: 3% 0; }
.top_list_bt li { width:50%; padding: 25px; }

@media screen and (max-width:768px){
	.top_list_bt li { width:100%; padding: 3% 0; }
}

.list01 { margin-bottom:3%;}
.list01 { padding: 0 0.5em; position: relative; }
.list01 li { line-height: 1em; padding: 2% 0 2% 2%; list-style-type: none!important; }
.list01 li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c8";/*アイコン種類*/
  position: absolute;
  left : 0; /*左端からのアイコンまで*/
  color: #0c6fcc; /*アイコン色*/
  font-size:100%;
}

.arrow_list { margin-bottom:5%;}
.arrow_list ul { padding: 0 0.5em; position: relative; }
.arrow_list ul li { line-height: 1em; padding: 2% 0 2% 4%; list-style-type: none!important; }
.arrow_list ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";/*アイコン種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #0096da; /*アイコン色*/
  font-size:170%;  
}

.check_list { margin-bottom:5%;}
.check_list ul {
  background: whitesmoke;
  padding: 0 0.5em;
  position: relative;
}
.check_list ul li {
  line-height: 1.5;
  padding: 2% 0 2% 4%;
  border-bottom: 1px solid #999;
  list-style-type: none!important;
}
.check_list ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";/*アイコン種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #009349; /*アイコン色*/
}
.check_list ul li:last-of-type{
  border-bottom: none;/*最後の線だけ消す*/
}

.list-circle { padding-left: 35px; margin-left: 15px; margin-bottom: 35px; }
.list-circle li { list-style: disc;}

/* ページトップへ戻る */

#page-top {
    position: fixed;
    bottom: 0;
    right:0;
    font-size: 77%;
	z-index:999;
}
#page-top a {
    background: #c30e18;
    text-decoration: none;
    color: #fff;
    width: 60px;
	height: 60px;
    display: flex;
	justify-content: center;
	align-items: center;
}


#page-top a:hover {
    text-decoration: none;
    background: #dd767c;
}


@media screen and (max-width:768px){
	#page-top a {
    background: #c30e18;
    text-decoration: none;
    color: #fff;
    width: 40px;
	height: 40px;
    display: flex;
	justify-content: center;
	align-items: center;
}
}





/*margin,padding,width*/
.w150 { width: 150px;}
.w250 { width:250px; }
.w375 { width:375px; }
.w420 { width:420px; }
.w500 { width:500px; }
.w600 { width:600px; }

.w20p { width:20%; }
.w25p { width:25%; }
.w30p { width:30%; }
.w33p { width:33.33%; }
.w35p { width:35%; }
.w40p { width:40%; }
.w45p { width:45%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w65p { width:65%; }
.w70p { width:70%; }
.w80p { width:80%; }
.w85p { width:85%; }
.w100p  { width:100%; }

@media screen and (max-width:768px){
	.w250 { width:100%; }
	.w375 { width:100%; }
	.w420 { width:100%; }
	.w500 { width:100%; }
	.w600 { width:100%; }
	.w20p { width:100%; }
	.w25p { width:100%; }
	.w30p { width:100%; }
	.w35p { width:100%; }
	.w50p { width:100%; }
	.w65p { width:100%; }
	.w70p { width:100%; }
	.w80p { width:100%; }
	
	.smp_w100p { width:100%;}
}

.p10 { padding:10px; }

.p1p { padding:1%; }
.p2p { padding:2%; }
.p25 { padding:25px; }
.pt7p { padding-top:7%;}
.pb0  { padding-bottom:0 !important; }
.pb5p { padding-bottom:5%; }
.pb30 { padding-bottom:30px; }



.pl3p { padding-left: 3%; }
.pl7p { padding-left: 7%; }


.pr50 { padding-right:50px; }

.ptb15 { padding:15px 0; }


@media screen and (min-width:769px){
	.pr35 { padding-right:35px; }
	.pr3p { padding-right: 3%;}
	.pl30 { padding-left: 30px; }
	.pl50 { padding-left: 50px; }
	.ptb30 { padding:30px 0; }
}

.m0 { margin:0 !important; }
.mt0 { margin-top:0 !important; }

.mtb70 { margin: 70px 0; }

.mtb3p { margin:3% 0 !important;}

.mt5p { margin-top:5% !important; }
.mt7p { margin-top:7%; }
.mt10p { margin-top:10%; }

.mb0 { margin-bottom:0; }
.mb15 { margin-bottom:15px;}
.mb70 { margin-bottom:70px;}
.mb3p { margin-bottom:3%; }
.mb5p { margin-bottom:5%; }

.mlr2p { margin:0 2%; }

.ml30 { margin-left:30px; }

.ml2p { margin-left:2%; }
.ml3p { margin-left:3%; }

.mr10 { margin-right:10px; }
.mr50 { margin-right:50px; }
.mr2p { margin-right:2%; }

.m_auto { margin:0 auto; }

@media screen and (max-width:768px){
	.pr3p_smp { padding-right: 3%;}
	.ml3p { margin-left:0; }
	.mb5p_smp { margin-bottom:5% !important; }
	.mr50 { margin-right:0; }
}

/*table*/

.legal_notice
{
	border-collapse: collapse;
	width: 100%;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 0px solid #ccc;
	font-size:100%;
	line-height:1.5;
}

.legal_notice tr { padding:15px 0;}

.legal_notice th
{
   color: #000;
   text-align: left;
   font-weight: normal;
   padding: 20px 0;
   border-right: 0px solid #ccc;
   border-bottom: 1px solid #ccc;
   width:30%;
}

.legal_notice td
{
   color: #000;
   padding: 20px 0;
   border-right: 0px solid #ccc;
   border-bottom: 1px solid #ccc;
}

.legal_notice td dl { display: flex; flex-wrap: wrap; width:100%; }
.legal_notice td dl dt { width: 15%; }
.legal_notice td dl dd { width: 85%; }

.youbi:before { content:"月～土"; display:block; padding-right:30px; }

.schedule_box { border: solid 1px #000; background-color: #f7fcfb; padding:1% 3%; font-family: 'Kosugi', sans-serif;
	-webkit-text-stroke: 0.1px #16160e;
	transform: rotate(0.05deg); }
.schedule
{
	font-family: 'Kosugi', sans-serif;
	-webkit-text-stroke: 0.1px #16160e;
	transform: rotate(0.05deg);
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top: 0px solid #d6baeb;
	border-left: 0px solid #d6baeb;
	font-size:80%;
	line-height:1.5;
}

.schedule th
{
   color: #000;
   text-align: center;
   font-weight: normal;
   padding: 1% 3%;
   border-right: 0px solid #d6baeb;
   border-bottom: 0px solid #d6baeb;
}

.schedule td
{
   color: #000;
   padding: 1% 3%;
   text-align:center;
   border-right: 0px solid #d6baeb;
   border-bottom: 0px solid #d6baeb;
}

.schedule tr:nth-child(3) { border-top:1px solid #000 !important;}

.price
{
	border-collapse: collapse;
	width: 100%;
	margin: 3% auto;
	padding: 0;
	font-size:100%;
	border-top: 1px solid #51c0a1;
	border-left: 1px solid #51c0a1;
}


.price th
{
   color: #000;
	background-color: #f7fcfb;
   text-align: left;
   vertical-align:top;
   font-weight: normal;
   padding: 13px 15px;
   border-right: 1px solid #51c0a1;
   border-bottom: 1px solid #51c0a1;
}

.price td
{
   color: #000;
   padding: 13px 15px;
   border-right: 1px solid #51c0a1;
   border-bottom: 1px solid #51c0a1;
	width: 35%;
}

.form
{
	border-collapse: collapse;
	width: 100%;
	margin: 3% auto;
	padding: 0;
	font-size:100%;
	border-top: 1px solid #019934;
	border-left: 0px solid #019934;
}


.form th {
	color: #000;
	background-color: #fff;
	text-align: left;
	vertical-align:top;
	font-weight:bold;
	padding: 13px 15px;
	border-right: 0px solid #019934;
	border-bottom: 1px solid #019934;
}

.form td
{
   color: #000;
	background-color: #fff;
   padding: 13px 15px;
   border-right: 0px solid #019934;
   border-bottom: 1px solid #019934;
}

.works-table td { display:block; width:100%; text-align:left; border:0; padding:3% 0; }

@media screen and (max-width:768px){
	.legal_notice { width:100%; margin:3% auto; border-top: 0; border-bottom: solid 1px #ccc !important; }
	.legal_notice tr { padding: 0;}
	.legal_notice td { background-color: #fff; border-top: solid 1px #ccc !important; }
	.legal_notice th { background-color: #f5f5f5;  border-top: solid 1px #ccc !important;}
	.legal_notice th,.legal_notice td { display:block; width:100%; text-align:left; border:0; padding:2%; }
	
	.legal_notice td dl { display: flex; flex-wrap: wrap; width:100%; }
	.legal_notice td dl dt { width: 20%; }
	.legal_notice td dl dd { width: 80%; }
	
	.works-table td { display:block; width:100%; text-align:left; border:0; padding:3%; }
	.works-table td img { width: 100%; height: auto; }
	.price th,.price td { display:block; width:100%; text-align:left; padding: 3%; }
	
	.form { width:100%; margin:3% auto; }
	.form th { background-color: #019934; color: #fff; }
	.form th,.form td { display:block; width:100%; text-align:left; padding: 3%; }
	
	.form select  { width:100% !important; min-height: 40px; border: solid 1px #019934; background-color: #f7fcfb;}
	.form textarea { width:100% !important; }
}

/*googlemap*/
.gmap {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.fb_box { width:100%; text-align:center; margin-bottom:15px; }
@media screen and (max-width:768px){
	
	.fb_box { width:100%; padding-top:10%; margin:3% 0; }
	.fb_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
}

@media screen and (max-width:768px){

}

.title-pink { color: #fe8fa2; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 900; font-size: 150%; }
.title-class { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 900; font-size:130%; color: #9676ab; }
.title-clinic { font-size:150%; color:#9577ab; font-family: 'M PLUS Rounded 1c', sans-serif; line-height:1.5; border-bottom: dashed 2px #9577ab; padding-bottom: 10px;}
.title-clinic img { margin-right:5px; margin-bottom:5px; }
.title-staff { color: #9577ab; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 900; font-size: 150%; }

.bt01 { font-family: 'Kosugi', sans-serif; background-color:#019934; padding:1% 3%; color:#fff; font-weight:700; font-size:120%; position:relative; transition: .5s; border:solid 2px #019934; display:inline-block; border-radius: 10px; }
.bt01:hover { background-color:#f7fcfb; border:solid 2px #019934; color:#019934;}
.bt01:hover:before { color:#019934 !important;}

.bt02 { font-family: 'Kosugi', sans-serif; background-color:#fff; padding:25px; color:#313131; font-weight:700; font-size:120%; text-align:center; position:relative; transition: .5s; border:solid 1px #313131; display:block; }
.bt02:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";/*アイコン種類*/
	position: absolute;
	right : 8%; /*左端からのアイコンまで*/
	color: #313131; /*アイコン色*/
	font-size:100%;
}
.bt02:hover { background-color:#e5e5e5;}

.bt03 { font-family: 'Kosugi', sans-serif; background-color:#9676ab; padding:15px 15%; color:#fff; font-weight:700; font-size:100%; position:relative; transition: .5s; border:solid 3px #9676ab; display:inline-block; border-radius: 20px; }
.bt03:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";/*アイコン種類*/
	position: absolute;
	right : 8%; /*左端からのアイコンまで*/
	color: #fff; /*アイコン色*/
	font-size:100%;
	transition: .5s;
}
.bt03:hover { background-color:#fff; color:#9676ab;}
.bt03:hover:before { color:#9676ab !important;}

.bt_mail { font-family: 'M PLUS Rounded 1c', sans-serif; background-color:#eb6ea5; border-radius: 50px; padding:15px 25px; color:#FFF; font-weight:700; font-size:160%; position:relative; transition: .5s; display:block; text-align:center; border:solid 3px #eb6ea5; }
.bt_mail:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0e0";/*アイコン種類*/
	vertical-align:middle;
	margin-right:10px;
	color: #fff; /*アイコン色*/
	font-size:150%;
	transition: .5s ;
}
.bt_mail:hover { background-color:#f7fcfb; border:solid 3px #eb6ea5; color:#eb6ea5;}
.bt_mail:hover:before { color:#eb6ea5;}

.bt_tel { font-family: 'M PLUS Rounded 1c', sans-serif; background-color:#eb6ea5; border-radius: 50px; padding:15px 25px; color:#FFF; font-weight:700; font-size:200% !important; position:relative; transition: .5s; display:block; text-align:center; border:solid 3px #eb6ea5; }
.bt_tel:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f879";/*アイコン種類*/
	vertical-align:middle;
	margin-right:10px;
	color: #fff; /*アイコン色*/
	font-size:110% !important;
	transition: .5s ;
}
.bt_tel:hover { background-color:#fff; border:solid 3px #ed145b; color:#eb6ea5;}
.bt_tel:hover:before { color:#eb6ea5; }

@media screen and (max-width:768px){
	
	.title01 { font-weight:900; font-size:200%; font-family: 'Kosugi', sans-serif; line-height:1.5; border-bottom:solid 10px #9577ab; padding-bottom: 3%; }
	.title01 img { display:none;}
	.title01-inner { border-bottom:solid 0px #9577ab; padding:1%; }
	
	.bt01 { padding:2% 5%; }
	.bt01:before { display:none; }
	
	.bt02 { font-family: 'Kosugi', sans-serif; background-color:#fff; padding:4%; color:#313131; font-weight:700; font-size:120%; text-align:center; position:relative; transition: .5s; border:solid 1px #313131; display:block; }
	.bt02:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";/*アイコン種類*/
	position: absolute;
	right : 8%; /*左端からのアイコンまで*/
	color: #313131; /*アイコン色*/
	font-size:100%;
}

.bt02:hover { background-color:#e5e5e5;}
	
	.bt03 { font-family: 'Kosugi', sans-serif; background-color:#9676ab; padding:2% 5%; color:#fff; font-weight:700; font-size:100%; position:relative; transition: .5s; border:solid 3px #9676ab; display:block; border-radius: 10px; margin: 3% 0; text-align: center; }
	.bt03:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";/*アイコン種類*/
	position: absolute;
	right : 8%; /*左端からのアイコンまで*/
	color: #fff; /*アイコン色*/
	font-size:100%;
	transition: .5s;
	}
	
	.bt03:hover { background-color:#fff; color:#9676ab;}
	.bt03:hover:before { color:#9676ab !important;}
	
	.bt_mail { font-family: 'M PLUS Rounded 1c', sans-serif; background-color:#ed145b; border-radius: 50px; padding:15px 6%; color:#FFF; font-weight:700; font-size:130%; position:relative; transition: .5s; display:block; text-align:center; border:solid 3px #ed145b; }
	
	.bt_mail:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0e0";/*アイコン種類*/
	vertical-align:middle;
	margin-right:10px;
	color: #fff; /*アイコン色*/
	font-size:160%;
	}
	
	.bt_mail:hover { background-color:#fff; border:solid 3px #ed145b; color:#ed145b;}
	.bt_mail:hover:before { color:#ed145b;}
	
	.bt_tel { font-family: 'M PLUS Rounded 1c', sans-serif; background-color:#ed145b; border-radius: 50px; padding:15px 6%; color:#FFF; font-weight:700; font-size:140% !important; position:relative; transition: .5s; display:block; text-align:center; border:solid 3px #ed145b; }
	
	.bt_tel:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f879";/*アイコン種類*/
	vertical-align:middle;
	margin-right:10px;
	color: #fff; /*アイコン色*/
	font-size:110% !important;
	}
	
	.bt_tel:hover { background-color:#fff; border:solid 3px #ed145b; color:#ed145b;}
	.bt_tel:hover:before { color:#ed145b; }
	
	.yoyaku_bt { background-color:#fbbdc8; padding:2%; border-radius:10px; color:#fff; font-size:130%; border:solid 3px #fbbdc8; transition: .5s ; display: block; }
	.yoyaku_bt:hover { background-color:#fff; border:solid 3px #fbbdc8; color:#fbbdc8;}
	
}




	.flex-wrap { display:flex; flex-wrap:wrap; }
	.flex-wrap-center { display:flex; flex-wrap:wrap; justify-content: center; align-items: center; }
	.flex-center { display: flex; justify-content: center; align-items: center; }


.top_title_box { width:530px; margin:3% auto;}
.top_title_icon { width:95px; display: flex; justify-content: center; align-items: center; }
.w400 { width:430px; }

@media screen and (max-width:768px){
	.flex-wrap-smp { display: flex; justify-content: center; align-items: center; }
	.top_title_box { width:100%; margin:3% auto;}
	.top_title_icon { width:100%; display: flex; justify-content: center; align-items: center; }
	.w400 { width:100%; }
}

.yellow_bg { background-color: #FF0; padding:5px 10px; }
.gr_bg { background-color:#dcdcdc; padding:5px 10px; }
.gr_bg2 { background-color:#dcdcdc; padding:5px 0; }


.pic-list { display:flex; flex-wrap:wrap; justify-content: center; align-items: center; }
.pic-list li { width: 25%; padding: 1%; }
.pic-list li img { width: 100%;}

.pic-list3 { display:flex; flex-wrap:wrap; justify-content: center; align-items: center; }
.pic-list3 li { width: 33.33%; padding: 1%; }
.pic-list3 li img { width: 100%;}

@media screen and (max-width:768px){
	.pic-list li { width: 50%; padding: 1%; }
	.pic-list3 li { width: 50%; padding: 1%; }
}