@charset "utf-8";

@media screen and (max-width:899px){

/*-------------------------------------
	共通項目
-------------------------------------*/

.sp{display:none!important;} 	/*SPは表示しない*/


/* imgの基本設定 */
.wp-block-image .aligncenter,
.wp-block-image .alignright,
.wp-block-image .alignleft,
.aligncenter,
.alignright,
.alignleft {
	display: block !important;
	margin: 0 auto 15px !important;
	float: none	!important;
	text-align:center !important;
}

.wp-block-image .aligncenter img,
	.aligncenter img,
	.wp-block-image .alignright img,
.alignright img,
.wp-block-image .alignleft img,
.alignleft img{
	height: auto;
	display: block;
	margin: 0 auto;}

.wp-block-image figcaption{
	display:block	!important;}

.alignright,
.alignleft {
	max-width: 80%;
}
.kadomaru img{border-radius: 15px;}	
	
	.whitebox{padding:10px;
	background: #fff;
	border: 1px solid #A9E0DC;}	
	
	
.link{margin: 0;}
	.link a{display: block;
		text-align: center;
	background: #F7D24E url("../image/common/link.png") no-repeat 95% center;
		background-size: 10px auto;
		padding:10px 20px 10px 10px;
		border-radius: 20px;
		color: #fff;
	font-weight: 800;
		margin:20px auto 0 auto;
	font-family: 'Noto Sans JP', sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  Arial, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: 0 0 4px #333;}		
	
/*-------------------------------
   TELとメールのリンク
-------------------------------*/

ul.contact_link{
display: block;
	margin:0 auto;}
	
	ul.contact_link li{margin:0 0 15px 0;}

/*-footer-----------------------------------------------------*/


footer{
	margin: 0px 0 65px 0;
	padding: 0 0 0 0;
}

	footer .map iframe{width: 100%;
		height: 200px;}
	
footer .about {
	margin: 0px auto;
	display: block;
	padding: 30px 0 30px 0;
	overflow: hidden;
}
	
.about ul.contact_link{width: 80%;}	
	
footer .about dl,footer .about p,footer .about table{margin-right:10px;
	margin-left:10px;
	width: calc(100% - 20px);}
	

	
footer .about h2{
	padding: 0 0 0 60px;
	text-align: center;
	font-size: 40px;
	line-height: 1;
	margin: 0 auto 10px auto;
	background-repeat: no-repeat;
	background-image: url(../image/common/icon.png);
	background-position: left top;
	background-size: auto 40px;
	display: block;
	width: 5.5em;
}


footer .about .telnum{font-size: 30px;
background-size: 50px auto;
	width: 270px;
	box-sizing: border-box;
padding:0 0 0 55px;
line-height: 30px;
	margin: 0 auto 10px auto;}

	footer .about p{text-align: center;}


	

footer .about dl.guide dt{
	margin: 0 0 5px 0;
	line-height: 1.3;
	padding: 4px 10px;
	border-radius: 5px;
	text-align: left;
}
	
footer .about dl.guide dd{
	padding: 0 0 15px 10px;
	text-align: left;
}
	footer .about dl.kome{line-height: 1.3;}	
	
footer .about dl.kyushin{font-size: 17px;
	line-height: 1.3;
	margin-bottom:20px;}
	footer table th,footer table td{padding:3px 5px;}
	footer table th.jikan{padding:3px 0;}	
	
	footer table th,footer table td:last-of-type,
	footer table tr:first-of-type th:last-of-type{border-right: none;}		
	
/* Googleカレンダーレスポンシブ対応 */
	
	.about .sns{margin:0 10px;}	
	
.calendar{
  max-width: 900px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
}

.calendar .googlecal {
  position: relative;
  padding-bottom: 440px; /* 縦横比 */
  height: 0;
  overflow: hidden;
	margin:0 0 30px 0;
}
.calendar .googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
 
.bn{
	padding: 20px 10px 20px;
}
.bn ul{text-align: center;
}
.bn ul li{
	margin:0 0 20px;
}
.bn ul li img{
	margin: 0 auto;
	display: block;
	border: 1px solid #ddd;
}

footer .about .right{
text-align: center;
}
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 20px;
	opacity: 0.6;
	z-index: 100;
}

	
footer .btmmenu {
	padding: 10px 0px 10px;
	background-color:#E3F4F0;
}

footer .btmmenu h2{font-weight: bold;
	border-bottom: 2px dotted #00B285;
	font-size: 20px;
	color: #00B285;
	display: block;
	margin: 0 10px 15px;
	padding-left: 10px;
}

footer .btmmenu ul{
	margin: 0 10px 20px;
}
footer .btmmenu ul li{
	color: #000;
	margin: 0 0 5px;
	font-size: 18px;
	background-image: url(../image/common/menu_list.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 0 0 5px 15px;
	background-size: auto 8px;
	border-bottom: 1px dotted #ccc;
}



footer .btmmenu ul li a{
	color: #333333;
	display: block;
	font-weight: bold;

}

/*-style-----------------------------------------------------*/


.contents {
	margin: 0;
	position: relative!important;
	z-index: 1;
}
.contents .main_contents{
	margin: 0 0px 30px;
}

.contents .main_contents_full{
	margin: 0 0px 0px;
}

.contents .sub_contents{
	margin: 0 10px 30px;
}



/*-サイドバー-----------------------------------------------------*/


.contents .sub_contents nav.side_menu,
	.sub_contents ul.contact_link{
	margin: 0 0 30px;
}
.contents .sub_contents nav.side_menu ul{
	padding: 0 0 0px;
	list-style-type: none;
}

nav.side_menu ul{
	padding: 0 0 0px;
	list-style-type: none;
	font-family:'M PLUS Rounded 1c', sans-serif,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	transform: rotate(.03deg);
}
nav.side_menu ul li{
	margin: 0 0 0px;
	position: relative;
}
nav.side_menu ul li a{
	display: block;
	margin: 0;
	padding: 15px 0 15px 55px;
	font-weight: bold;
	font-size: 20px;
	color: #664C00;
	border-bottom: 1px dashed #ccc;
	line-height: 120%;
}
	nav.side_menu ul li img{position: absolute;
	left:0;
/*以下 上下中央寄せのため*/
 
	width: 40px;
	height: auto;
	 top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);}

	
nav.side_menu ul li.tel,
	nav.side_menu ul li.mail{display: none;}




/*-1カラム時のコンテンツ-----------------------------------------------------*/


.contents .main_contents_full .outbox{
	margin: 0px;
	padding: 20px 0 20px;
}

.contents .main_contents_full .inbox{
	margin: 0;
	display: block;
	padding: 40px 10px;
	overflow: hidden;
}
	
#step{
	margin: 0;
	display: block;
	padding: 40px 10px 0 10px;
	overflow: hidden;
}	
	

.main_contents h2,.main_contents_full h2,
	h1.h2style{
	text-align: center;
	font-size: 28px;
	line-height:1.3;
	margin: 0px auto 30px;
padding: 0 0 15px 0px;
background-size: auto 5px;
}



.main_contents_full h2.h3style,
	.main_contents_full h3,
	h1.title,
	.injurybox ul li h2{
	font-size: 20px;
	padding: 10px;
	border-radius: 5px;
	margin: 0 0 20px;
}
	
	

/*-2カラム時のコンテンツ-----------------------------------------------------*/

.contents .main_contents .outbox{
	margin: 0 0px 30px;
	padding: 0 10px 10px;
}
.contents .main_contents .inbox{
	padding: 40px 0 20px;
	overflow: hidden;
}
	
.contents .main_contents .inbox2{
	padding: 0;
	overflow: hidden;
}

.main_contents h1.blog_title{font-size:1.5em;
	margin:0 0 20px 0;
	}

/*-共通スタイル-----------------------------------------------------*/

h4{font-size:1.2em;
	color:#5E2A02;
	background:#F8F3E8;
	border-left:5px solid #2CB239;
	margin:0 0 15px 0;
	padding:10px;
text-align: left;
border-radius: 0;}



h6{
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 24px;
	color: #402000;
	border-bottom: 2px dotted #8C4600;
}


.topimg {
	margin: 0 0 0px;
}

.topimg img{
	width:100%;
}

.topimg .bx-wrapper{
	margin-bottom:0;
}

	


}
