@charset "utf-8";
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
/* ----------------------------------------------------------------------
そのままだと画像は元のままのサイズで表示されてしまい画面からはみ出てしまいます。
上記にも記載しておりますが、スマートフォン用・タブレット用のCSSに下記のように画像を伸縮するように指定をします。
---------------------------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
/* ～以下、画面の横幅が768pxまでの場合のスタイル記入～ */

#wrapper{
	width:100%;
}
#sidebar{
	width:37%;
}


#content{
	width:60%;
}
.mainimage{
	width:100%;
}
#content a img{
	width:42%;
}

.greeting .float_left{
	float:none;
}
.greeting .float_left:first-child{
	text-align:center;
	margin-bottom:20px;
}

.greeting .float_left:last-child{
	width:90%;
}
	


/*検査の流れ*/

.maru{
	width:20%;
	height:20%;
}
.step .float_left{
	float:none;	
}
.step .float_left:first-child{
	width:50%;
	padding-bottom:10px;
	margin:0 auto;
}

.step .float_left:last-child {
	width:100%;
}


/*院内紹介・アクセス*/
.syoukai{
}

}