


body {
    background-image: url(../images/bg_big.png);
    background-repeat: no-repeat;
    background-position: top 509px center;
}
header {
    height: 93px;
    margin-bottom: 139px;
}
footer {
    border-top: none;
}

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

	#mainvisual

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

#mainvisual {
    height: 846px;
    background-image: none;
}
#mainvisual .inner {
    height: 787px;
	display:block;
    /*display:table;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 340px;
    width:1200px;
    margin: 0 auto;
	  background-repeat:no-repeat;
}
#mainvisual .inner:before {
    position: absolute;
    top: -77px;
    left: -12px;
    right: 0;
    width: 1215px;
    height: 900px;
    background-image: url(../images/mv_frame.png);
    background-repeat: no-repeat;
    content: "";
    z-index: 9;
    pointer-events: none;
}
.mv{
  max-width: 1100px;
  max-height: 787px;
  width: 100%;
  height: 100%;
	margin: auto;
  background: no-repeat center center;
}
.btn02 a {
    padding: 0;
    background-color: inherit;
}
.btn02 a:hover {
    padding: 0;
    background-color: inherit;
	opacity:0.7;
}

.blog_information{
  display:inline-block;
}


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

	contents

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

#container {
    padding-top: 0;
    padding-bottom: 0;
}



.top_doctor {
    background-image: url(../images/greeting.png), url(../images/greeting_bg_tree.png);
    background-repeat: no-repeat;
    background-position: top 38px center, top 0px center;
}
.top_doctor .text {
    width: 660px;
    height: 660px;
    margin: auto;
    padding-top: 140px;
    padding-bottom: 84px;
}
.top_doctor h4 {
    margin-bottom: 38px;
}
.top_doctor .text p {
    padding-left: 50px;
}














@media screen and (max-width:640px) {
/* スマホ */
  body{
    background-position: top 50px center;
  }
  .mv{
    margin: 0px auto 0;
    width: 96%;
    background: center top no-repeat;
    background-size: contain;
  }
#mainvisual{
	height:440px;
  margin-top:162px;
}
  
  #mainvisual .inner:before{
    top: -24px;
    left: 0;
    width: 100vw;
    height: 100%;
    background-size: contain;
  }
  
  #mainvisual .inner{
	width: auto;
	height:inherit;
}
  
  .top_doctor .text{
    width: auto;
    height: auto;
    padding-top: 60px;
  }
  
  .top_doctor h4{
    margin-bottom: 286px;
    font-size: 19px;
  }
  
  .top_doctor .text p{
    padding-left: 0;
  }

}

/* iphone5 */
@media screen and (min-width:320px) and (max-width:374px){
	#mainvisual{
    margin-top: 192px;
  }
  
  .top_doctor .text{
    padding-bottom: 50px;
  }
}
