@charset "utf-8";

html {
	overflow-y: scroll;
	
}
body{background: url(../images/common/bg.jpg) ; }
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #FFF;
	color: #444;
	font-size: 14px;
	line-height: 2.0;
	text-align: left;
	-webkit-text-size-adjust: 100%;}

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #104C3B;
}
a:visited {
	text-decoration: none;
	color: #104C3B;
}
a:hover {
	text-decoration: underline;
	color: #104C3B;
}
a:active {
	text-decoration: underline;
	color: #104C3B;
}

/*---------------------------------------------
 ** common
---------------------------------------------*/
.pink_c{ color:#EC96BD;}
.m_bottom_10px{ margin-bottom:10px;}
.m_20px{ margin:10px 15px 0 15px;}
.font_sss{ font-size:10px;}
.over_zoom{_zoom: 1;
	overflow: hidden;}
.doct{font-weight:bold; float:right; margin:15px 0 0 0; color:#EF94BD;}

.m_top_6px{ margin-top:6px;}
.m_top_20px{ margin-top:20px;}
.m_top_30px{ margin-top:30px;}
.m_top_35px{ margin-top:35px;}
.m_top_40px{ margin-top:40px;}

.m_right_10px{ margin-right:10px;}
.m_right_15px{ margin-right:15px;}
.m_right_20px{ margin-right:20px;}
.m_right_30px{ margin-right:30px;}
.m_right_40px{ margin-right:40px;}
.m_right_48px{ margin-right:48px;}
.m_right_50px{ margin-right:50px;}
.m_right_58px{ margin-right:58px;}

.m_bottom_20{ margin-bottom:20px;}
.m_bottom_25{ margin-bottom:25px;}
.m_bottom_30{ margin-bottom:30px;}
.m_bottom_35{ margin-bottom:35px;}
.m_bottom_40{ margin-bottom:58px;}
.m_bottom_50{ margin-bottom:50px;}
.m_bottom_55{ margin-bottom:55px;}
.m_bottom_60{ margin-bottom:60px;}


.p_top_20px{ padding-top:20px;}

.m_left_15px{ margin-left:15px;}
.m_left_20px{ margin-left:20px;}
.m_left_30px{ margin-left:30px;}
.m_left_40px{ margin-left:40px;}
.m_left_50px{ margin-left:50px;}
.m_left_60px{ margin-left:60px;}

.float_L{ float:left;}
.float_R{ float:right;}

/* a hover */
.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;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
/* カラー */
.green{ color:#489742;}
.blue{ color:#184A9D;}
.fwb{font-weight:bold;}
.text_d_line{ text-decoration:underline;}
/* シャドウ */
.box_shadow{
	-webkit-box-shadow:0px 7px 9px rgba(0,0,0,0.05);
	box-shadow:0px 7px 10px rgba(0,0,0,0.1);
}

.m_0auto{ margin:0 auto;}
.over_zoom{_zoom: 1;	overflow: hidden;}
/*---------------------------------------------
 ** width
---------------------------------------------*/
.w_200{width:200px;}
w_250{width:250px;}
w_270{width:270px;}
w_280{width:280px;}
.w_300{width:300px;}
.w_400{width:400px;}
.w_420{width:420px;}
.w_440{width:440px;}
.w_1040{width:980px;}


.bg_blue{
	background-color:rgb(249,249,249);
	border-color:rgb(238,238,238);
	border-width:1px;
	padding:20px;
	border-style:solid;
	-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.05);
	-webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.05);
	box-shadow:0px 0px 6px rgba(0,0,0,0.05);
	border-width:1px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border-style:solid;
}

/*---------------------------------------------
 ** 画像のcss
---------------------------------------------*/
.img_R{ float:right; margin:0 0 0 30px;}
.img_L{ float:left; margin:0 30px 0 0 ;}
.img_C{ float: left; margin:0  0 20px 0 ;}


.flow_bt{/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(1,217,228) 0%,rgb(1,163,171) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(1,217,228)),color-stop(1, rgb(1,163,171)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(1,217,228) 0%,rgb(1,163,171) 100%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(1,217,228) 0%,rgb(1,163,171) 100%);
background-image:linear-gradient(180deg,rgb(1,217,228) 0%,rgb(1,163,171) 100%);
width:340px;
height:52px;
padding:20px 0 0 0;
display: block;
margin: 0 auto;
border-color:rgb(255,255,255);
border-width:5px;
/* Firefox v1.0+ */
-moz-border-radius:41px;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:41px;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:41px;
border-style:solid;
/* Firefox v3.5+ */
-moz-box-shadow:0px 7px 4px rgba(0,0,0,0.11);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:0px 7px 4px rgba(0,0,0,0.11);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:0px 7px 4px rgba(0,0,0,0.11);
}
.flow_bt:hover{text-decoration:none !important;
}
.flow_bt{
font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
font-size:24px;
font-weight:bold;
line-height:120%;
color:rgb(255,255,255);
text-align:left;
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
text-shadow:0px 0px 4px rgba(0,0,0,0.65);
color:#FFF !important;
text-align:center;
margin-bottom:15px;
}


.reserv_202312{
	display: block;
    position: absolute;
    bottom: -20px;
    left: 66px;
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
	.reserv_202312 img{
		display: none;
	}
	.reserv_202312{
		display: block;
		height: 20px;
		background-color: #ddd;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background-image: url(../images/common/btn_reserv_202312.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 18%;
	}
}


@media screen and (max-width: 640px) {
	.reserv_202312 img{
		display: none;
	}
	.reserv_202312{
		display: block;
		height: 20px;
		background-color: #ddd;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background-image: url(../images/common/btn_reserv_202312.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 35%;
	}
}




/*WEB問診用*/
.int_first{
	display: flex;
	gap: 1%;
	flex-wrap: wrap;
}
.int_first li{
	width: 30%;
}
.int_first a.int_btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	width: 100%;
	padding: 1rem 4rem;
	font-weight: bold;
	border-radius: 100vh;
	border-bottom: 7px solid #0063AC;
	background: #0079D1;
	color: #fff;
	box-sizing: border-box;
	font-size: 120%;
}
.int_first a.int_btn:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}


.int_repeat{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.int_repeat li{
	width: 50%;
	text-align: center;
}
.int_repeat a.int_btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	width: 100%;
	padding: 1rem 4rem;
	font-weight: bold;
	border-radius: 100vh;
	border-bottom: 7px solid #008B93;
	background: #00B1B8;
	color: #fff;
	box-sizing: border-box;
	font-size: 120%;
}
.int_repeat a.int_btn:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}


@media screen and (max-width: 640px) {
	.int_first li{
		width: 100%;
		margin-bottom: 10px;
	}
	.int_first a.int_btn{
		padding: 1rem 2rem;
	}
	.int_repeat li{
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 960px) {
	.int_first a.int_btn{
		padding: 1rem 2rem;
	}
}