@charset "UTF-8";

.contentpage .m_img_area{	background-image:url("../images/clinic/m_img@2x.jpg");}

.com_bnrbox1 dd li{
	background-image:url("../images/clinic/com_bnr1_clinic@2x.jpg");
}
.com_bnrbox1 dd li:last-child{
	background-image:url("../images/clinic/com_bnr1_kids@2x.jpg");
}



/*共通
---------------------------------------------------------*/
.cli_grd{
	position: relative;
}
.cli_grd::before{
	z-index: -1;
	display:block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 272px;
	background: -moz-linear-gradient(top,  rgba(214,228,233,0.35) 0%, rgba(214,228,233,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(214,228,233,0.35) 0%,rgba(214,228,233,0) 100%);
	background: linear-gradient(to bottom,  rgba(214,228,233,0.35) 0%,rgba(214,228,233,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59d6e4e9', endColorstr='#00d6e4e9',GradientType=0 );
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.cli_grd::before{
	height: 200px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.cli_grd::before{
	height: 20vw;}
}





/*医院案内
---------------------------------------------------------*/
#clinic{
	margin-bottom:125px;
}
#clinic .cli_index{
	margin-bottom:20px;
	font-size:200%;
	letter-spacing: 0.15em;
}

/*box1*/
#clinic .box1 .bgbox{
	background:url("../images/clinic/bg1@2x.jpg") no-repeat left bottom;
	background-size:75% auto;
	padding-bottom: 95px;
}
#clinic .box1 .fltbox .flt_l{
	width:33%;
	padding-left: 10%;
	padding-top: 65px;
}
#clinic .box1 .fltbox .flt_r{
	width:53%;
}
#clinic .box1 .fltbox .flt_l .txt_svg{
	max-width:355px;
}
#clinic .box1 .fltbox .flt_l .txt_box{
	max-width:390px;
	margin: 40px 0 50px auto;
	width:90%;
}
#clinic .box1 .fltbox .flt_r .txt_box{
	max-width:620px;
	margin: 40px 0 0 auto;
	padding-right: 8%;
}

/*box2*/
#clinic .box2 .bgbox{
	background:rgba(255,182,197,0.80);
	position: relative;
}
#clinic .box2 .rel_box{
	position: relative;
	padding: 65px 0 100px 0;
}
#clinic .box2 .rel_box .img_box{
	position:absolute;
	right: 0;
	top: -45px;
	max-width: 490px;
	width: 41%;/*揃える*/
}
#clinic .box2 .rel_box .txt_box{
	width: 55%;
	margin: 0 auto 0 0;
}
#clinic .box2 .com_btn1{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*box3*/
#clinic .box3 {
	padding:115px 0 95px 0;
}
#clinic .box3 .fltbox .img_box{
	max-width:490px;
	width: 41%;/*揃える*/
	float: left;
}
#clinic .box3 .fltbox .txt_box{
	width: 55%;
	float: right;
}

/*box4*/
#clinic .box4 .bgbox{
	padding-top:105px;
	padding-bottom: 85px;
}
#clinic .box4 .max_img{
	position:relative;
}
#clinic .box4 .max_img .img_box{
	max-width:1000px;
	margin: 0 auto 55px auto;
	width: 90%;
}
#clinic .box4 .max_img .txt_svg{
	position: absolute;
	left: 0;
	bottom:-20px;
	max-width:355px;
	width: 35%;
}
#clinic .box4 .fltbox .flt_l{
	width:49%;
	max-width: 590px;
}
#clinic .box4 .fltbox .flt_r{
	width:45%;
	max-width: 510px;
	padding-top: 100px;
}
#clinic .box4 .fltbox .flt_l .img_box{
	margin-bottom: 35px;
}
#clinic .box4 .fltbox .flt_l .txt_box.max_490{
	max-width:490px;
	margin: 0 0 70px auto;
}
#clinic .box4 .fltbox .flt_r .txt_box{
	margin-top: 30px;
}
#clinic .box4 .fltbox .flt_r .com_btn1{
	margin-top: 35px;
}

/*box5*/
#clinic .box5 .cli_grd{
	padding-bottom: 70px;
	padding-top: 95px;
	background:url("../images/clinic/bg2@2x.jpg") no-repeat right top #f1f6f7;
	background-size:60% auto; 
}
#clinic .box5 .fltbox{
	margin-bottom:45px;
}
#clinic .box5 .fltbox .img_box{
	max-width:400px;
	width: 33%;
	float: left;
}
#clinic .box5 .fltbox .txt_box{
	width: 63%;
	float: right;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#clinic{
	margin-bottom:80px;
}
#clinic .cli_index{
	margin-bottom:10px;
	font-size:140%;
	letter-spacing: 0.08em;
}

/*box1*/
#clinic .box1 .bgbox{
	padding-bottom: 60px;
}
#clinic .box1 .fltbox .flt_l{
	width:39%;
	padding-left: 3%;
	padding-top: 20px;
}
#clinic .box1 .fltbox .flt_l .txt_svg{
	width: 28vw;
}
#clinic .box1 .fltbox .flt_l .txt_box{
	margin: 30px 0 20px auto;
	width: 100%;
}
#clinic .box1 .fltbox .flt_r .txt_box{
	margin: 30px 0 0 auto;
	padding-right: 3%;
}

/*box2*/
#clinic .box2 .rel_box{
	padding: 40px 0 30px 0;
}
#clinic .box2 .rel_box .img_box{
	top: -20px;
}

/*box3*/
#clinic .box3 {
	padding:80px 0 60px 0;
}
	
/*box4*/
#clinic .box4 .bgbox{
	padding-top:70px;
	padding-bottom: 50px;
}
#clinic .box4 .max_img .txt_svg{
	bottom:-15px;
	width: 28vw;
}
#clinic .box4 .fltbox .flt_l{
	width:49%;
}
#clinic .box4 .fltbox .flt_r{
	width:45%;
	padding-top: 70px;
}
#clinic .box4 .fltbox .flt_l .img_box{
	margin-bottom: 20px;
}
#clinic .box4 .fltbox .flt_l .txt_box.max_490{
	margin: 0 0 50px auto;
}
#clinic .box4 .fltbox .flt_r .txt_box{
	margin-top: 20px;
}
#clinic .box4 .fltbox .flt_r .com_btn1{
	margin-top: 20px;
}

/*box5*/
#clinic .box5 .cli_grd{
	padding-bottom: 60px;
	padding-top: 60px;
}
#clinic .box5 .fltbox{
	margin-bottom:30px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#clinic{
	margin-bottom:13%;
}
#clinic .cli_index{
	margin-bottom:3%;
	font-size:6vw;
	letter-spacing: 0.1em;
	text-align: center;
}

/*box1*/
#clinic .box1 .bgbox{
	background:url("../images/clinic/bg1@2x.jpg") no-repeat left bottom;
	background-size:100% auto;
	padding-bottom: 13%;
}
#clinic .box1 .fltbox .flt_l{
	width:94%;
	float: none;
	padding-left: 0;
	padding-top: 0;
	margin: 0 auto;
}
#clinic .box1 .fltbox .flt_r{
	width:100%;
	margin-top: 10%;
}
#clinic .box1 .fltbox .flt_l .txt_svg{
	max-width:50vw;
	margin: 0 auto;
}
#clinic .box1 .fltbox .flt_l .img_box{
	max-width:80%;
	margin: 0 auto;
}
#clinic .box1 .fltbox .flt_l .txt_box{
	max-width:100%;
	margin: 7% 0 7% auto;
	width:100%;
}
#clinic .box1 .fltbox .flt_r .txt_box{
	max-width:100%;
	margin: 7% 0 0 auto;
	padding-right: 3%;
	padding-left: 3%;
}

/*box2*/
#clinic .box2 .rel_box{
	padding: 10% 0 10% 0;
}
#clinic .box2 .rel_box .img_box{
	position:static;
	margin: 0 auto 6% auto;
	width: 90%;/*揃える*/
}
#clinic .box2 .rel_box .txt_box{
	width: 100%;
	margin: 0 auto 0 0;
}
	
/*box3*/
#clinic .box3 {
	padding:15% 0 10% 0;
}
#clinic .box3 .fltbox .img_box{
	width: 90%;/*揃える*/
	float: none;
	margin: 0 auto 6% auto;
}
#clinic .box3 .fltbox .txt_box{
	width: 100%;
	float: none;
}

/*box4*/
#clinic .box4 .bgbox{
	padding-top:13%;
	padding-bottom: 13%;
}
#clinic .box4 .max_img .img_box{
	margin: 0 auto 10% auto;
	width: 100%;
}
#clinic .box4 .max_img .txt_svg{
	bottom:-4vw;
	width: 50vw;
}
#clinic .box4 .fltbox .flt_l{
	float: none;
	width:100%;
	max-width: 100%;
	border-bottom:1px solid #a4a096;
	padding-bottom: 10%;
	margin-bottom: 10%;
}
#clinic .box4 .fltbox .flt_r{
	float: none;
	width:100%;
	max-width: 100%;
	padding-top: 0;
}
#clinic .box4 .fltbox .flt_l .img_box{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5%;
}
#clinic .box4 .fltbox .flt_l .txt_box.max_490{
	max-width:100%;
	border-bottom:1px solid #a4a096;
	padding-bottom: 10%;
	margin-bottom: 10%;
}
#clinic .box4 .fltbox .flt_r .txt_box{
	margin-top: 5%;
}
#clinic .box4 .fltbox .flt_r .img_box{
	width: 90%;
	margin: 0 auto;
}
#clinic .box4 .fltbox .flt_r .com_btn1{
	margin-top: 5%;
}

/*box5*/
#clinic .box5 .cli_grd{
	padding-bottom: 13%;
	padding-top: 10%;
	background-size:80% auto; 
}
#clinic .box5 .fltbox{
	margin-bottom:10%;
}
#clinic .box5 .fltbox .img_box{
	width: 70%;
	float: none;
	margin: 0 auto 5% auto;
}
#clinic .box5 .fltbox .txt_box{
	width: 100%;
	float: none;
}
}





/*設備紹介
---------------------------------------------------------*/
#device .dev_flt .img_box{
	max-width: 560px;
	width: 47%;
}
#device .dev_flt .txt_box{
	width: 49%;
}
#device .dev_index{
	margin-bottom:25px;
}
#device .dev_index dt{
	color:#938075;
	font-size:110%;
	letter-spacing: 0.07em;
	margin-bottom: 10px;
}
#device .dev_index dd{
	font-size:210%;
	letter-spacing: 0.15em;
	line-height: 1.3em;
}

/*box1*/
#device .box1{
	border-bottom:1px solid #a4a096;
	padding-bottom: 35px;
	margin-bottom: 80px;
}
#device .box1 .img_center{
	max-width:1000px;
	margin:18px auto 0 auto;
}
#device .box1 .dev_point{
	padding: 50px;
	background:url("../images/clinic/dev_pickup_bg@2x.png") no-repeat left top #f6f3d3;
	background-size: 179px 179px;
	margin-bottom: 40px;
}
#device .box1 .dev_point .flt_box .img_box{
	max-width:380px;
	width: 34%;
}
#device .box1 .dev_point .flt_box .txt_box{
	width: 62%;
}
#device .box1 .dev_point .flt_box .txt_box dt{
	color:#a7912d;
	font-size:165%;
	letter-spacing: 0.15em;
	margin-bottom: 20px;
}

/*box4*/
#device .box4{
	margin: 125px auto 130px auto;
}
#device .box4 h6{
	text-align:center;
	font-size:140%;
	letter-spacing: 0.2em;
	line-height: 2em;
	margin-bottom: 35px;
}
#device .box4 .bnr_list {
	max-width:860px;
	margin: 0 auto;
}
#device .box4 .bnr_list > li{
	float: left;
	width: 49.5%;
}
#device .box4 .bnr_list > li:last-child{
	float: right;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#device .dev_flt .img_box{
	width: 44%;
}
#device .dev_flt .txt_box{
	width: 52%;
}
#device .dev_index{
	margin-bottom:15px;
}
#device .dev_index dt{
	font-size:90%;
	letter-spacing: 0.05em;
	margin-bottom: 8px;
}
#device .dev_index dd{
	font-size:160%;
	letter-spacing: 0.1em;
}

/*box1*/
#device .box1{
	padding-bottom: 20px;
	margin-bottom: 50px;
}
#device .box1 .img_center{
	margin:10px auto 0 auto;
	width: 90%;
}
#device .box1 .dev_point{
	padding: 20px;
	background-size: 100px auto;
	margin-bottom: 20px;
}
#device .box1 .dev_point .flt_box .img_box{
	width: 32%;
}
#device .box1 .dev_point .flt_box .txt_box{
	width: 64%;
}
#device .box1 .dev_point .flt_box .txt_box dt{
	font-size:120%;
	letter-spacing: 0.08em;
	margin-bottom: 5px;
}


/*box4*/
#device .box4{
	margin: 50px auto 60px auto;
}
#device .box4 h6{
	font-size:120%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: 20px;
}
#device .box4 .bnr_list {
	width: 90%;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#device .dev_flt .img_box{
	width: 90%;
	margin: 0 auto 5% auto;
	float: none;
}
#device .dev_flt .txt_box{
	float: none;
	width: 100%;
}
#device .dev_index{
	text-align: center;
	margin-bottom:2%;
}
#device .dev_index dt{
	font-size:4vw;
	letter-spacing: 0;
	margin-bottom: 1%;
}
#device .dev_index dd{
	font-size:6vw;
}

/*box1*/
#device .box1{
	padding-bottom: 5%;
	margin-bottom: 10%;
}
#device .box1 .img_center{
	margin:2% auto 0 auto;
}
#device .box1 .dev_point{
	padding:7% 5% 5% 5%;
	background-size: 30% auto;
	margin-bottom: 5%;
}
#device .box1 .dev_point .flt_box .img_box{
	float: none;
	width: 70%;
	margin: 0 auto 8% auto;
}
#device .box1 .dev_point .flt_box .txt_box{
	float: none;
	width: 100%;
}
#device .box1 .dev_point .flt_box .txt_box dt{
	font-size:5vw;
	letter-spacing: 0.1em;
	margin-bottom: 2%;
	line-height: 1.5em;
	text-align: center;
}

/*box4*/
#device .box4{
	margin: 10% auto;
}
#device .box4 h6{
	font-size:5vw;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: 5%;
}
#device .box4 .bnr_list > li{
	float: none;
	width: 80%;
	max-width: 425px;
	margin: 0 auto;
}
#device .box4 .bnr_list > li:last-child{
	margin-top: 3%;
	float: none;
}
}