@charset "UTF-8";
/* CSS Document */

/*スマホ用スタイル*/
@media screen and (max-width: 767px){
*{
 -webkit-appearance: none;
}
.only_sp{
 display:block;
}
.only_pc{
 display:none;
}

/*common*/
	.icn_menu,
	.icn_close {
    	width: 40px;
   		position: absolute;
    	top: 10px;
		right: 10px;
		font-size:25px;
		color:#666;
		background:#fff;
		text-align:center;
	}
	.gsnav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 60px;
		z-index: 1000;
		display:none;
	}
	.gsnav ul {
		background: #fff;
	}
	.gsnav > ul > li:not(:last-child) {
		border-bottom: 1px solid #fff;
	}
	.gsnav ul li a,
	.gsnav ul li span{
		color: #333;
		display: block;
		padding: 1em 16px;
		/*border-bottom:1px solid #eee;*/
		position:relative;
	}
	.gsnav ul li:nth-child(odd){
		background:#efefef;
	}
	.gsnav ul > li a:after{
		display:block;
		content:"\f105";
		font-family:FontAwesome;
		color:#ccc;
		position:absolute;
		top:50%;
		right:1em;
		transform: translateY(-50%);
	}
	.fmail{
		padding:2em 0 2em 0
		width:50%;
	}
	.fcontact{
		width:50%;
	}
	.footer_box01_txt01{
		width:100%;
		padding:1em 0 0;
	}
	.main_txt{
		font-size:18px;
		text-shadow: 2px 2px 2px #000;
	}
	.head_tel{
		width:94%;
		margin:3% auto 0;
		text-align:left;
	}
	.pageHeader{
		background:none;
	}
	.top_header{
		background:url(../img/top/main.png) no-repeat center center;
		background-size:cover;
		height:300px;
	}

	
	/*top*/
	.top_guide{
		margin:0 auto 2em;
		z-index:1;
	}
	.top_guide_ttl,
	.top_guide_tb{
		display:block;
		width:100%;
	}
	.top_guide_ttl{
		background-size:cover;
	}
	.top_guide_tb{
		padding:2em 2%;
	}
	.top_catch{
		padding:4em 2%;
	}
	.top_catch p{
		font-size:14px;
	}
	.top_img01{
		width:100%;
	}
	.top_about .top_txt01,
	.top_doctor .top_txt01,
	.top_treatment .top_txt01{
		left:50%;
		top:50%
		-webkit-transform: translate(-50%, -50%);
   		transform: translate(-50%, -50%);
		width: 42%;
		padding: 2em;
		text-align: center;
	}
	.top_doctor .top_img01{
		margin-left:0;
	}
	.top_access_map,
	.top_access_txt{
		width:100%;
		display:block;
	}
	.top_access_txt{
		padding:2em 0;
	}
	.top_access{
		display: flex;
		flex-flow: column-reverse;
	}
	
	/*page_common*/
	.page_footer_txt{
		margin:0 0 2em;
	}
	.page_ttl01_en{
		font-size:20px;
		padding:0 20px 0.2em;
	}
	.page_ttl01_ja{
		font-size:15px;
		padding:0 20px;
	}
	.ttl_common{
		padding:70px 0 4em;
	}
	
	/*about*/
	.about_box01_img,
	.about_box02_img{
		width:100%;
		margin-left:0;
		height: 200px;
	}
	.about_box01_txt,
	.about_box02_txt{
		position:static;
		width: 100%;
		transform: none;
		padding:2em 2%;
	}
	
	/*doctor*/
	.doctor_box01_unit{
		margin:0 0 2em;
	}
	.doctor_box01_name{
		font-size:16px;
		margin:1em 0;
	}
	.doctor_box01_list{
		margin:0;
	}
	
	/*access*/
	.access_txt01,
	.access_txt02{
		font-size:18px;
	}
	
	/*treatment*/
	.treatment_nav li{
		width:30%;
	}
	.treatment_box01_unit01{
		width:50%;
		margin:0 0 1em;
	}
	.treatment_box01_unit02,
	.treatment_box05_unit02,
	.treatment_box06_unit02,
	.treatment_box07_unit01,
	.treatment_box02_unit01{
		width:100%;
		margin:0 0 2em;
	}
	.treatment_box03_txt01,
	.treatment_box04_txt01,
	.treatment_box05_txt01,
	.treatment_box06_txt01{
		position:static;
		width: 100%;
		transform: none;
		padding:2em 4%;
	}
	.treatment_box03_img01,
	.treatment_box06_img01{
		width:100%;
		height:200px;
	}
	.treatment_box04_img01,
	.treatment_box05_img01{
		width:100%;
		height:200px;
		margin-left:0;
	}
	
	.footer_box01_tel {
    color: #684733;
    font-size: 20px;
    font-weight: bold;
    margin-top: 11px;
}



}