/*
html {
	position:absolute;
	background: url(../design.png) center top no-repeat;
  background-size: 100%;
	width: 1800px;
  margin: auto;
	left:0;
  right: 0;
  height: 10000px;
	
  opacity: 0.5;
  z-index: -1;
}
body {
  position: relative;
  z-index: 1;
}
*/

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

	#mainvisual

============================================================================*/
.mv_slider {
  width: 100%;
  height: 100%;
}
#mainvisual {
  background: none;
  height:808px;
}

#mainvisual > div:first-child,
#mainvisual > div:first-child div {
  background-position: center center !important;
}

#mainvisual::after {
bottom: 30px;
}

.mv_catch01 {
  position: absolute;
  left: 0;
  top: 250px;
}
/*.mv_catch02 {
  position: absolute;
  left: 0;
  bottom: 88px;
}*/
/*.mv_catch03 {
  position: absolute;
  left: 460px;
  bottom: 88px;
}*/
.mv_catch03 {
  position: absolute;
  left: 0;
  bottom: 145px;
}
.mv_catch04 {
  position: absolute;
  left: 380px;
  bottom: 88px;
}

.mv_inful{
  position: absolute;
  right: 5px;
  bottom: 285px;	
}

.mv_btn_area {
  position: absolute;
  right: 5px;
  bottom: 70px;
z-index: 99;	
}
.mv_btn_area img:last-child {
  padding-left: 30px;
}
.mv_btn_area a:hover img {
  top: -10px;
  position: relative;
}
.top_clinic_info {
  margin-top: 120px;
}

.mv_instagram{
  position: absolute;
  left: 5px;
  bottom: 150px;
width: 350px;	
}

.mv_line img{
	width: 100%;
}

.mv_line{
  position: absolute;
  left: 5px;
  bottom: 268px;
width: 350px;	
}

.mv_line img{
	width: 100%;
}

.mv_recruit{
  position: absolute;
  left: 5px;
  bottom: 386px;
  width: 350px;	
}

.mv_recruit img{
	width: 100%;
}

@media screen and (max-width:640px) {
/* スマホ */
#mainvisual{
	height:70vw;
}
#mainvisual > div:first-child,
#mainvisual > div:first-child div {
  background-size: 160% !important;
}
#mainvisual .inner {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  width: 80%;
  margin: auto;
  padding-bottom: 60px;
  box-sizing: border-box;
}
#mainvisual .inner img {
  width: 100%;
}

#mainvisual::after {
  position: absolute;
  bottom: -60px;
	}	
	
.mv_catch01 {
  position: static;
  width: 40vw;
  top: 0;	
}
/*.mv_catch02 {
  position: static;
  width: 45vw;
  padding-left: 10px;
}*/
.mv_catch03 {
	width: 45vw;	
	bottom: 50px;	
	left: 10px;
}
.mv_catch04 {
  position: static;
  width: 28vw;
  padding-right: 5px;	
  padding-left: 5px;
}
/*.mv_catch03 {
  width: 48vw;
  left: auto;
  top: auto;
  bottom: 0;
  right: 10px;
  z-index: 9;
}*/

.mv_inful{
    width: 22%;
    /*right: 91px;*/
	right: 25%;
    bottom: 53px;	
}
	
.mv_inful img{
  width: 100%;	
}		
	
.mv_btn_area{
	width: 30%;
	bottom: 52px;
}
.mv_btn_area img{
	width: 100%;
}	

.top_clinic_info {
  margin-top: 70px !important;

}
	
.mv_line{
  position: inherit;
  left: 0;
  bottom: 0;
width: 90%;	
	margin:0 auto 20px;
}

.mv_line img{
	width: 100%;
}
.mv_recruit{
  position: inherit;
  left: 0;
  bottom: 0;
width: 90%;	
	margin:0 auto 40px;
}

.mv_recruit img{
	width: 100%;
}	
	
.mv_bnr_sp{
	width: 90%;
	margin: 0 auto 20px;
	}	
	
#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;
}
	
}




/*****************************************************************************
*****************************************************************************

        iphone5用スタイル 横向き

*****************************************************************************
*****************************************************************************/
@media screen and (orientation: landscape) and (max-width:568px) {
#mainvisual {
  height: 40vw;
}
#main{
	background-size: 100% auto!important;
}
.mv_catch01 {
  width: 160px;
}
.mv_catch02 {
  width: 170px;
}
.mv_catch03 {
  width: 180px;

}
}