/*============================================================================

	#mainvisual

============================================================================*/

#mainvisual{
	height:850px;
}
#mainvisual h2 {
    color: #fff;
}
#mainvisual .inner {
    /*width: 900px;*/
	width:100%;

}

@media screen and (max-width:1300px) {
/* スマホ */
#mainvisual{
	height:850px;
}
}

@media screen and (max-width:870px) {
	#mainvisual{
	height:600px;
}
#mainvisual h2{
	font-size:17px;
	    text-align: justify;
    font-weight: 600;
	text-align:center;
	margin-bottom:0;
	line-height: 35px;
	top:0;
}
.mainvisual_catch h2 span {
    font-size:17px;
    text-align: center;
    font-weight: 600;
}
.mainvisual_catch p {
    font-size: 17px;
    text-align: justify;
    font-weight: 600;
	text-align: center;
}
}


/* CSS Document */

@media screen and (max-width:1130px) {
	
#wrapper, html, body, #main{
	min-height:500px;
}
#main,
#main .inner{
	width:100%;
	min-width:100%;
}
#main{
	background-size: auto 100% !important; 
}
#main h1, #main h1 img {
width: 168px;
height: 102px;
}
#main h1{
	top: 144px;
	padding:0;
}
#main h2{
	top: 258px;
	padding: 0 12%;
}

.top_greet .text{
	width:88%;
	padding:0 6%;
}
/*.top_greet .box{
	padding:70px 0 480px;
}*/
.top_greet_img{
	position:relative !important;
	right:0;
	top:0;
	bottom:0;
	width: 210px;
	height: auto;
	margin:0 auto 30px !important;
}
.top_greet_doctor{
	float:none;
	margin-bottom:20px;
}
.top_greet_doctor dd span{
	margin-right:0;
}
.top_greet .btn01{
	float:none;
	margin:auto;
}




}

@media screen and (max-width:320px) {
#main{
	background-size: 100% auto!important;
}


}