@charset "UTF-8";

/*
スマホ；320px-480px
タブレット：480px-768px
PC；それ以上
*/


/* ----------------------------------------------------------------------
ベースの記述 (スマホ基準)
----------------------------------------------------------------------*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	margin:0 auto;
	border-top:8px #AAC135 solid;
	color:#44520F;
	font-size:16px;
}

img{max-width:100%;}


div.oshirase{
	font-size:90%;
	line-height:1.6em;
	padding:10px;
	border:1px #999999 solid;
	width:100%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	
}

div.oshirase p{
	line-height:1.6em;
	margin:0.2em 0;}


/*ボタンのスタイル*/

.btn a{ width:70%; background:#AAC135; color:#fff; margin:0 auto; padding:10px; text-align:center; display:block;
		font-size:1em; text-decoration: none;  padding-left:15px;
		border-radius: 50px;        /* CSS3草案 */  
		-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 50px;   /* Firefox用 */ 
}

.whitebtn a{ width:70%; background:#fff; color:#AAC135; margin:0 auto; padding:10px; text-align:center; display:block;
			font-size:1em; text-decoration: none;  padding-left:15px; border:1px #AAC135 solid;
			border-radius: 50px;        /* CSS3草案 */  
			-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 50px;   /* Firefox用 */ 
}

.btn a:hover,
.whitebtn a:hover{ text-decoration:noen;
			  filter:alpha(opacity=80);
				-moz-opacity: 0.8;
				opacity: 0.8;}
				
.btn a img,
.whitebtn a img{ width:2%;}

a:hover{ text-decoration:noen;
		 filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;}
		

/*緑ボタン矢印用スタイル*/
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.btnarrow::before{
left:15px;
width: 7px;
height: 7px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



/*白ボタン用緑のくの字矢印用スタイル*/
.whitebtnarrow::before{
left: 10px;
top: 0;
width: 6px;
height: 6px;
border-top: 2px solid #AAC135;
border-right: 2px solid #AAC135;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



/*緑のくの字矢印用スタイル*/
.greenarrow::before{
left: 2px;
top: -40%;
width: 6px;
height: 6px;
border-top: 2px solid #7a0;
border-right: 2px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/*◎→印用スタイル*/

.linkarrow::before{
box-sizing: border-box;
width: 18px;
height: 18px;
border: 2px solid #AAC135;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.linkarrow::after{
left: 5px;
width: 4px;
height: 4px;
border-top: 2px solid #AAC135;
border-right: 2px solid #AAC135;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/*チェックリスト用スタイル*/

.checkarrow::before{
box-sizing: border-box;
width: 1.3em;
height: 1.3em;
border: 0.15em solid #7a0;
-webkit-border-radius: 20%;
border-radius: 20%;
}
.checkarrow::after{
left: 0.45em;
width: 0.2875em;
top:-10%;
height: 0.825em;
border-bottom: 2px solid #C1A434;
border-right: 2px solid #C1A434;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



/* scrolltop -------------------------------------*/	

#goto-top {
    position: fixed;
    bottom: 30px;
    right: 15px;
    z-index: 999;
    width: 40px;
    height: 40px;
    opacity: 0.9;
    cursor: pointer;
    background: #906E42 url(../images/common/backtop.png) no-repeat center center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#goto-top:hover {
    opacity: 1;
}

/*--------------*/



#header{
	background:#FFF;
	}
	
	#headerCol{ max-width:970px; margin:15px auto; color:#44520E; font-size:80%; width:100%;}
	
		#seo_txt{ margin:15px auto; text-justify:inter-ideograph; line-height:1.4em; max-width:970px;}
		#headerWrap{margin-bottom:1em;}
		#headerWrap h1{width:70%; text-align:center; margin:0 auto;}
				h1 img{width:100%;  max-width:90%; height:auto; }
	
	#headerNav ul{ list-style:none; overflow:hidden;}
	#headerNav li{ float:left; width:16.66666%; text-align:center;}
	
	/*SP開閉メニュー用スタイル*/
	

	
	#menu{ display:none; background:#FFF; font-size:0.8125em; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
		#menu li{width: 100%;}
		#menu li a{ display: block; padding: 12px 0 10px; background: #FFF;  color:#033; text-align: center; text-decoration: none;}
		#menu li a:hover{ background:#AAC135; color: #FFF; }
	
	#toggle{
		display: block;
		position: relative;
		width: 100%;
		background: #FFF;
		color:#033;
		letter-spacing:0.3em;
		 font-family: "Hiragino Mincho Pro", serif;
		}
		#toggle a{
			  display: block;
			  position: relative;
			  padding: 12px 0 10px;
			  border-bottom: 1px dotted #BBB;
			   border-top: 1px dotted #BBB;
			  color:#033;
			  text-align: center;
			  text-decoration: none;
		}
		#toggle:before{
			display: block;
			content: "";
			position: absolute;
			top: 50%;
			left: 10px;
			width: 20px;
			height: 20px;
			margin-top: -9px;
			background: #BBB;
	 	 }
	  #toggle a:before, #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 5px;
		background: #FFF;
	  }
	  #toggle a:before{
		margin-top: -6px;
	  }
	  #toggle a:after{
		margin-top: 3px;
	  }
	  
	
/*--------------*/

	
#contents{ width:100%; margin:30px auto;}
	
	#main{  width:100%; margin-top:20px; text-align:center; margin:0 auto; font-size:1em;}
		
		#sp_tel{width:100%; margin:15px auto; line-height:1.1em; text-align:center; font-family: "Hiragino Mincho Pro", serif;}
		 .tel_btn a{
			 width:90%; background:#AAC135; color:#fff; margin:0 auto; padding:10px; text-align:center; display:block;
		 	 font-size:130%; text-decoration: none; color:#FFF;
			 border-radius: 50px;        /* CSS3草案 */  
			 -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
			 -moz-border-radius: 50px;   /* Firefox用 */ 
			 }
		.tel_btn a:hover{ background:#AAC135;
			filter:alpha(opacity=80);
			-moz-opacity: 0.8;
			opacity: 0.8;}
		.tel_btn a img { margin-right:3px; vertical-align:top;} 
		 #sp_tel p{  font-size:80%; margin-top:5px;}
	
	.main_col1{ background:#FFF; margin:0 auto; width:100%; padding:30px 0;}
	.main_col2{ background:#EEE; border-top:1px dotted #CCC;  border-bottom:1px dotted #CCC; margin:0 auto;  width:100%;  padding:30px 0;}
		.mainbox{ width:90%; max-width:970px; margin:0 auto;}
		.main_col1 h2, .main_col2 h2{ font-size:1.4em; line-height:1.4em; margin-bottom:0.46875em; margin-bottom:20px 0;  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-weight:bolder;}
		.main_col1 h3, .main_col2 h3{ font-size:1.2em; line-height:1.3em; margin-bottom:0.35em; margin:20px 0;  clear:both;}
		.main_col1 h4, .main_col2 h4{ font-size:1.1em; line-height:1.2em; margin-bottom:0.3em; margin-bottom:10px 0;}
		.slide h5, .slide h5{ color:#64A50B; font-size:1.1em; line-height:1.2em; margin-bottom:0.3em; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #CCC;}
		
		.top_txt{ font-size:1em; line-height:1.7em; clear:both; margin:15px auto; max-width:790px;}
	
	#topicon img{ margin-bottom:15px; width:15%; height:auto; max-width:95px; max-height:95px;}
	img.icon{ margin-bottom:0.5em; width:85%; height:auto; max-width:126px; max-height:auto;}
	img.ph{ width:70%; height:auto; max-width:290px; max-height:auto;}
	
	#colbox{ padding-top:15px;}	
	.col1{width:100%;}
	.col2{width:100%; float:left;}
	.col3{width:100%;}
	.col4{width:25%;  float:left;}
	.col5{width:20%;  float:left;}
	
	#colbox a{text-decoration:noen; font-size:inherit; color:#44520F;}
	#colbox a:hover{text-decoration:noen; font-size:inherit; color:#44520F;}
	
	.btnbox, .btnbox2{width:100%; margin:0 auto 30px 0; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	.btnbox .btn,
	.btnbox2 .btn,
	.btnbox .whitebtn,
	.btnbox2 .whitebtn{margin:15px 0;}
	
	ul.checklist{ list-style: none;}
		ul.checklist li{ width:100%; float:left; text-align:left;}
		ul.checklist li span{ padding-left:1.6em; font-size:0.9em; color:#634000;}
		
		
	/*voice*/

	
	#voiceinfo{margin-bottom:15px; font-size:0.9em; line-height:1.6em;}
		#voiceinfo img{margin:20px auto 15px auto;}
	#voicetxt{margin-bottom:15px; font-size:1em; line-height:1.7em;}
	.voicebtn a{text-decoration:underline; font-size:1em;}

	
	/*tokucyo*/
	.tokucyotxt{ margin:-10px auto 40px auto; font-size:1em; line-height:1.7em;}
	
	/*profile*/
	.profilework{font-size:0.8em;}
	.profiletxt{ font-size:1.2em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; line-height:1.7em; margin:10px auto 0 auto; font-weight:bold;}
	.profilename{font-size:0.9em; font-family:"Times New Roman", Times, serif; }
		
	
	/*pickup*/
	.pickuptitle{ font-size:1.1em; line-height:1.2em; margin-bottom:0.3em; margin-top:15px;}
	.pickuptitle img{ width:90%; max-width:41px;  vertical-align:middle; margin-right:0.5em;}
	#oshirasebox,
	#blogbox{
		width:90%;
		background:#FFF;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */
		text-align:left;
		padding:15px;
		color:#634000;
		font-size:0.9em;
		line-height:1.6em;
		margin-top:15px;
		}
	#oshirasebox a,
	#blogbox a{text-decoration:underline; color:#634000;}
	#oshirasebox a:hover,
	#blogbox a:hover{text-decoration:none; color:#634000;}
	#oshirasebox .whitebtn a,
	#blogbox .whitebtn a{ color:#AAC135; margin-top:15px; text-decoration:none;}
	
	
	/*access*/
	
	.access{margin:1em 0 0 0;}
	.accesstxt{font-size:1em; line-height:1.5em; margin:0 auto 20px auto;}
	.accessph{margin:20px uto;}
	.accessph{display:none;}
	.mainbox .linkarrow::after{ left: 5px;}
	
	.mainbox .access .arrow{ padding: 0 0 0.5em 1.5em;}
	.mainbox .access a{text-decoration:underline;}
	.mainbox .access a:hover{text-decoration:none;}
	.access a img{ width:100%; max-width:13px; vertical-align:middle; margin-left:0.3em;}

	.map_box{display: flex; flex-wrap: wrap; list-style: none;}
		li.img_map{width: 100%;}
		li.txt_map{ margin-bottom: 2em; padding-top: 1em; width: 100%;}
		.main_col1 .map_box li h3{ margin: 10px 0;}
	
	
	/*contact*/
	.btnboxcontact{width:100%; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	.btnboxcontact .telcontact ,
	.btnboxcontact .formcontact,
	.line_box{
		width:100%;
		max-width:470px;
		background:#FFF;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */
		text-align:left;
		padding-top:20px;
		padding-bottom:20px;
		color:#3F5200;
		font-size:1em;
		line-height:1.6em;
		margin:0 auto;
		margin-top:15px;
		border:#CCC 1px solid;
	}
	/*.telcontact img{ width:80%; margin:0 auto; text-align:center; display:block;}*/
	.contacttitle{font-size:1.372em; line-height:1.6em; text-align:center;  margin-bottom:20px;}
	.contacttel{font-size:2.5em; text-align:center; color:#3F5200; margin-bottom:10px; letter-spacing:0.05em; display:block;}
		.contacttel a{color:#3F5200; text-decoration:none;  display:block; }
		.contacttel a:hover{color:#3F5200; text-decoration:none; display:block; 
				filter:alpha(opacity=100);
				-moz-opacity: 1;
				opacity: 1;
				cursor:default;}
	
	.contactcyui{font-size:0.875em; text-align:center; color:#3F5200;  letter-spacing:0.1em;}
	.formcontact .btn{font-size:1.2em; margin:0;}
	
	.line_box{
		padding: 1.5em;
		max-width: 100%;
		max-width: 470px;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		align-items: center;
		flex-wrap: wrap;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 0.875em;
	}
	.line_detail{
		min-width: 100%;
		/*background: lightseagreen;*/
		text-align: center;
		margin-bottom: 0.8em;
	}
	.line_detail .contacttitle{
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		margin-bottom: 0.5em;
	}

	@media all and (min-width: 768px) { 
		.line_box{
		max-width: 100%;
		}
		
		.line_detail{
			min-width: auto;
			max-width: 49%;
			/*background: pink;*/
			text-align: left;
		}
		.line_detail .contacttitle{
			text-align: left;
			font-weight: bold;
			margin-bottom: 0.5em;
		}
		.line_detail:last-child{
			margin-top: 2em;
			width: 100%;
			/*background: lightgreen;*/
		}
	}
	

	

	.btn_line{
		box-sizing: border-box;
		font-size: 1.2em;
		font-weight: 700;
		line-height: 1.5;
		position: relative;
		display: inline-block;
		padding: .8em;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 0.1em;
		border-radius: 0.5rem;
	}

	a.btn-c {
	border: 1px solid #4CC764;
	border-radius: 1rem;
	background: #06C755;
	color: #fff;
	width: 100%;
  }
	
/*googlecol*/
.iframe-content {
    position: relative;
    width: 100%;
    padding: 80% 0 0 0;
	margin-bottom:10px;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*-------下層用スタイル-------*/

	
#sideNav{ background:#EEE;}
#kasoutitle{ width:100%; }
#kasoutitle img{width:100%; margin-bottom:30px; }
#main_kasou{ font-size:14px; width:95%; margin:auto auto;}
#main_kasou article{}
	h2{ font-size:1.4em; line-height:1.4em; margin-bottom:0.46875em; margin:20px auto; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-weight:bolder;}
 	h3{ font-size:1.2em; line-height:1.3em; margin-bottom:0.35em; margin:15px auto;clear:both;  margin-bottom:15px; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-weight:bolder;}
	h4{ font-size:1.1em; line-height:1.2em; margin-bottom:10px;  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-weight:bolder;}
	#kasou h5{ color:#64A50B; font-size:1.1em; line-height:1.2em; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #CCC;}
	
.defaulttxt{ font-size:14px; line-height:1.6em; margin-bottom:15px;}

#main_kasou #colbox{width:100%; margin:0; padding:0;}
	#main_kasou #colbox img{margin-bottom:10px; max-width:100%;}
	#main_kasou #colbox .col3{ width:32%; display:inline-block; margin:auto auto;}
	

/*first*/

#keirekibox{width:100%; text-align:center; margin-bottom:15px; border-top:1px #CCC dotted; border-bottom:1px #CCC dotted;}
	.keireki{width:100%;}
	.keirekititle{width:100%; background:#EEE; padding:0.5em; }
	.keirekitxt{width:100%; padding:0.5em; line-height:1.6em; background:#FFF;}

	h3 .reasonicon{ max-width:42px; width:100%; margin:10px auto;}
	

	ul.checklist{ font-size:14px;  background:#EEE; padding:15px; list-style: none;}
		ul.checklist .checklist{ width:100%; float:none; text-align:left; list-style: none;}
		ul.checklist li{ margin-bottom:0checklist;}
		ul.checklist li:last-child{ margin-bottom:0;}
		ul.checklist li span{ padding-left:1.7em; font-size:1em; color:#634000;}
	#main_kasou .checklist{margin:15px auto;}

	.col2title{font-size:1.1em; line-height:1.2em; margin-bottom:10px;  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-weight:bolder;}


/*contact*/
#kasoucontact{width:100%; background:#EEE; padding:30px 0; clear:both;}
#kasoubox{ font-size:14px; width:90%; margin:auto auto; }

/*--------------*/
	
	
#footer{ background:white;  clear:both;}
	#footerNav{  width:100%;padding:30px 0; border-top:#CCC 1px dotted;}
		#footerNav ul{ width:95%; margin:0 auto; max-width:970px; list-style: none;}
			#footerNav ul li a{ text-decoration:underline; color:#3F5200; padding-left:23px; font-size:0.85em; }
			#footerNav ul li a:hover{ text-decoration:none; color:#3F5200;}
			#footerNav ul.footer_list li.footer_list{overflow:hidden; float:left; line-height:1.9em; width:43%; display:block; margin-right:20px;}
			#footerNav ul.footer_slist li{overflow:hidden; float:left; line-height:1.5em; width:100%;  display:block; font-size:0.85em;}
		
		
		
	#footerinfo{ clear:both; width:100%; text-align:center; padding:30px 0; border-top:#CCC 1px dotted;}
		img.spfooterlogo{ width:70%; margin:0 auto;}
		.footerseo{font-size:0.81125em; line-height:1.5em; margin:5px auto; width:90%;}	
		img.footertel{ width:70%; margin:10px auto 15px auto;}
	
	#footersymptom{ clear:both; padding:30px 0; border-top:#CCC 1px dotted;}
		#footersymptom h5{ font-size:1.375em;  width:90%; text-align:left; margin:0 auto; line-height:1.8em;  max-width:970px; width:90%;}
		#footersymptom p{ font-size:0.6em; margin:0 auto; line-height:1.6em;  max-width:970px; width:90%;}

	#footCopy{ clear:both; width:100%; background:#AAC135; color:#FFF; text-align:center; margin-top:30px; padding:5px 0; font-size:0.85em; letter-spacing:0.15em;}



/*----------------------------------------------------------------------
レスポンシブの設定 
---------------------------------------------------------------------- */

/*スマホ用スタイル---------------------------------------  */
	#headerNav{ display:block;}
	#seo_txt{display:none;}
	#headerContact{ display:none;}
	.footeraddres{display:none;}
	#footersymptom{ display:none;}
	#kasoutitle{display:block;}
	.sidemenu{display: none;}
	.sidesymptom{display: none;}
	.sidelink{display: none;}
	.sidesns{display: none;}
	.sidecontact{display: none;}
	.sp_mode{display: block;}
	.pc_mode{display: none;}
		


/*タブレット用スタイル--------------------------------------- */
@media all and (min-width: 480px) { 

	/*非表示・表示*/
	#spNav{ display:none;}
	#toggle{ display: none; }
	#sp_tel{ display:none;}
	#headerContact{ display:none;}
	.footeraddres{display:block;}
	.footersymptom{display:block;}
	.sidesymptom{display:block;}
	.sidelink{display:block;}
	
	
	
	
	/*スタイル*/
	
	body{font-size:14px;}
	
	/*.fixed {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
}
	*/
	
	/*tb_head--------------*/
	#headerCol{text-align:left;}
	#seo_txt{display:block; width:90%; margin:0 auto; text-align:center; margin-bottom:30px;}
	#headerWrap{width:100%;}
				#headerWrap h1{width:50%; margin:0 auto; padding:0; text-align:left; }
				h1 img{ width:100%; margin:0 auto;}
				
	#headerNav{ display:block;}
		#menu {display:block; width: 100%; margin: 0 auto; padding: 0; margin-top:30px; font-size:1em;}
		#menu li{  width: 33%;}
		#menu li{border-bottom:#396 dotted 1px;}
		#menu li a{ display: block; padding: 12px 0 10px; background: #FFF;  color: #000; text-align: center; text-decoration: none;}
		#menu li a:hover{ background:#AAC135}
		
	
	
	/*tb_contents--------------*/
	
	
	/*TOPページ用スタイル*/	
	
	.mainbox .top_txt{font-size:14px;}
	.btnbox2 {width: 100%; margin: 0 auto 30px auto; }
	.btnbox2 .btn{ width:50%; float:left; text-align:center; display:block; margin-bottom:40px;}	
	.btnbox2 .btn a{ display:block; margin:auto auto; min-width:80%;}	
	.btnbox .btn{width:100%; }
	.btnbox .btn a{ display:block; margin:auto auto;}	
	
	ul.checklist{list-style: none;}
		ul.checklist li{ width:50%; float:left; text-align:left;}
		ul.checklist li span{ padding-left:1.6em; font-size:0.9em; color:#634000;}
		
	/*tokucyo*/
	.col3{ margin-bottom:20px; }
	.col3 img{ float:left; width:30%;}
	.col3 .tokucyobox{ float:right; width:67%; text-align:left;}
	
	/*profile*/
	.col2{ width:50%; float:left;  text-align:left; margin-bottom:20px;}
	.col2 img { width:100%;}
	.col2txt{ width:93%; float:right;}
	.profiletxt{margin-top:0;}
	
	/*pickup*/
	
	.pickuptitle img{ width:90%; max-width:41px;  vertical-align:middle; margin-right:0.5em;}
	
	#pickupboxoshirase{ width:47%; float:left;}
	#pickupboxblog{ width:47%; float:right;}
	
	 #pickupboxoshirase #oshirasebox{ width:100%; display:block;}
	#pickupboxblog #blogbox{ width:100% display:block;}	
	

	/*access*/
	.access a img{ max-width:13px; vertical-align:middle; margin-left:0.3em;}
	.map_box{text-align: left; width: 100%; justify-content: center;}
	.map_box h3{text-align: right;}
		li.img_map{width: 50%; margin-bottom: 2em;}
		li.txt_map{margin-bottom: 2em;  padding: 3.2em 0 0 1.5em; width: 45%;}
		.main_col1 .map_box li h3{ margin: 10px 0;}
	
	
	/*googlecal*/
	.iframe-content {
    padding: 56.25% 0 0 0;
}
	
	
	/*下層ページ用スタイル*/	
	
	#kasoutitle{ background:green; width:100%;}
	.mainbox{width:100%;}
	
	/*sideNav*/
	
	#main_kasou{ width:90%; max-width:970px; margin:0 auto;}
	#sideNav{ width:100%; max-width:970px; margin:0 auto; padding:30px 0 30px 0; border-top:#CCC 1px dotted; background:#FFF;}
		.sideNavcal{ text-align:left; width:90%; margin:auto auto;}
		.sidetitle{ color:#3F5200; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:10px; font-size:16px; line-height:1.4em; font-weight:bolder;}
		.sideNavcal img.sidecontactbtn,
		.sidetitle img.sidecontactbtn{ width:100%;}
		.sideicon img.sideicon{width:1em;} 
			.sidesymptom{ width:55%; float:right;}
				.sidesymptom ul li { width:50%; float:left; margin-bottom:0.5em;}
				.sidesymptom ul li a{ text-decoration:underline; color:#3F5200; line-height:1.7em; padding-left:1.3em;}
				.sidesymptom ul li a:hover{ text-decoration:none;}
			.sidelink{ width:40%; max-width:260px; float:left; border:none;}
				.sidelink img{ margin-bottom:0.5em;}
	
	/**/
	.col2_2retu{ width:100%; text-align:left; margin-bottom:20px; float:none; }
	.col2_2retu img{width:100%; max-width:305px;}
	.box1_2retu{background:pink; display:block; width:50%; float:left;}
	.box2_2retu{background:orange; display:block; width:47%; float:right;}
	
	#main_kasou .col3box{width:90%; margin:auto auto;} 
	#main_kasou .col3 img{ float:left; width:100%; max-width:198px; margin:auto auto;}

	
	#keirekibox{width:100%; background:#EEE; text-align:center; margin-bottom:15px; border-top:1px #CCC dotted; border-bottom:1px #CCC dotted; font-size:0.85em;}
	.keireki{width:100%; clear:both;}
	.keirekititle{width:20%; background:#EEE;line-height:1.6em; float:left; margin:0 auto; border-top:1px dotted #DDD; padding:5px 0;}
	.keirekitxt{width:78%;  line-height:1.6em; background:#FFF; float:right;text-align:left; border-top:1px #CCC dotted; padding:5px 0 5px 5px;}

	
	
	/*tb_foooter--------------*/
	#footerNav ul.footer_list li.footer_list{width:30%;}
	
	#footerinfo{ clear:both; width:100%; text-align:center; padding:30px 0; margin-bottom:30px;}
		#tabinfo{width:90%; margin:0 auto; max-width:970px;}
		#tabinfo1{width:48%; float:left; text-align:left;}
			img.spfooterlogo{ margin:0; text-align:left; width:100%; max-width:292px; height:auto;}
			.footerseo{font-size:0.81125em; line-height:1.5em; margin:5px 0; text-align:left;}	
			.footeraddres{font-size:0.81125em; line-height:1.5em; margin-top:10px;}
			.footeraddres a{ text-decoration:underline; padding-left:20px; font-size:1em; }
			.footeraddres a:hover{ text-decoration:none; }
			
		#tabinfo2{width:48%; float:right; text-align:left;}
			img.footertel{ margin:10px auto 15px auto; max-width:293px; height:auto; width:100%;}
			#footercontact{ text-align:left; margin:0; }
			.btn a{margin:0; min-width:230px; max-width:280px; font-size:1em;  display:block; margin:auto auto;}

	
}
	
	
/* PC用スタイル --------------------------------------- */

@media all and (min-width: 768px) { 
	/*非表示*/
	#toggle{ display: none; }
	#tabinfo{display:noen;}
	#tabinfo1,#tabinfo2{display:noen;}
	#footersymptom{display:block;}
	#sideNav{display:block;}
	.sidemenu{display:block;}
	.sidesymptom{display:block;}
	.sidelink{display:block;}
	.sidesns{display:none;}
	.sidecontact{display:block;}
	.sp_mode{display: none;}
	.pc_mode{display: block;}
	
	
	/*スタイル*/
	
	body{font-size:16px;}
	
	
	/*pc_head--------------*/
	
	#headerCol{text-align:left; width: 90%; max-width:970px;}
	#seo_txt{display:block;}
	#headerContact{display:block;}
	
	#headerWrap{width:100%;}
		#headerWrap h1{width:33%; float:left; padding:0; text-align:left;}
		#headerContact{ width:67%; float:right;}
					 #headerContact #headertel{width:65.83168%; float:left;}
					 #headerContact #headerform{width:33%; float:right; font-size:0.85em;}
						 #headerform a{background:#AAC135; color:#FFF; text-align:center; display:block; padding:10px 10px;
										 font-size:130%; text-decoration: none; color:#FFF;
										 border-radius: 50px;        /* CSS3草案 */  
										 -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
										 -moz-border-radius: 50px;   /* Firefox用 */  
												 }
						#headerform  a:hover{ background:#AAC135;
						filter:alpha(opacity=80);
						-moz-opacity: 0.8;
						opacity: 0.8;}
						
		#headerNav{ display:block;}
		#headerNav li{  float:left; width:16.5%; text-align:center;}
	
		#menu{ display:block; width: 90%; max-width: 970px; margin: 0 auto; padding: 0;  margin-bottom:30px;  font-size:1em;}
		#menu li{border-right:#396 dotted 1px;  border-bottom:none;}
		#menu li:first-child{border-left:#396 dotted 1px;}
		#menu li a{ display: block; padding: 12px 0 10px 0; background: #FFF;  color: #44520F; text-align: center; text-decoration: none; }
		#menu li a:hover{ background:#AAC135}
			#contents{overflow:hidden;}
	
	/*pc_content--------------*/
	
	/*TOP用スタイル*/
			
	#main{ width:100%; margin:0 auto; font-size:16px;}
	
	#content #main .main_col1,
	#content  #main .main2{font-size:16px; width:100%;}
	.main_col1 h2,
	.main_col2 h2{ font-size:2em;/*32px*/ line-height:1.4em; margin-bottom:0.46875em;}
	.main_col1 h3,
	.main_col2 h3{ font-size:1.4em;line-height:1.4em; margin-bottom:0.46875em;}
	.main_col1 h4,
	.main_col2 h4{ font-size:1.3em; line-height:1.4em; margin-bottom:0.46875em;}
	
	.btnbox .btn a,
	.btnbox2 .btn a{ font-size:1.125em;/*18px*/ line-height:1.3em; margin-bottom:0.46875em;}
	.mainbox .whitebtn a{ font-size:1.125em;/*18px*/ line-height:1.3em; margin-bottom:0.46875em;}
	
	.mainbox .top_txt{font-size:16px;}

	
	
	ul.checklist{ font-size:0.9em; list-style: none;}
		ul.checklist li{ width:30%; float:left; text-align:left;}
		ul.checklist li span{ padding-left:1.6em; font-size:0.9em; color:#634000;}
	
	/*voice*/
	
	.bxslider{ width:100%; }
	.bxslider .slide{padding:30px;}	
	
	
	/*tokucyo*/
	.col3{ width: 33.3333%;  float: left;}
	.col3 img.ph{ width:80%; margin:10%;  max-width:290px; text-align:center; clear:left;}
	.col3 .tokucyobox{  width:100%; text-align:center; margin-left:-20%;}
		.tokucyotxt{width:97%;}
		
	/*profile*/
	.profilework{font-size:0.5em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6em;}
	.profiletxt{font-size:1.75em; line-height:1.6em;}
	.profilename{font-size:0.642857em; line-height:1.6em; letter-spacing:0.15em;}
	
	/*pickup*/
	
	/*access*/
	.access a img{ width:100%; max-width:13px; vertical-align:middle; margin-left:0.3em;}
	.mainbox .access .arrow{ padding: 0 0 0 1.5em;}
	.mainbox .access a{text-decoration:underline;}
	.mainbox .access a:hover{text-decoration:none;}
	

	/*contact*/
	.btnboxcontact{ width:100%; margin:auto auto;}
	
	.btnboxcontact .telcontact{ width:48%; float:left; min-height:118px;}
	.btnboxcontact .formcontact{ width:48%; float:right; min-height:118px;}
	
	.formcontact .btn a{ width:100%; display:block; margin:auto auto; font-size:1.2em;}



	/*googlecal*/
	/*googlecal*/
	.iframe-content {
    padding: 56.25% 0 0 0;
	}


	/*下層用スタイル*/
	.mainbox{width:90%;}
	#main_kasou{width:67.1855%; max-width:642px; float:right;}
	#sideNav{ background:#fff; width:30.2061%; max-width:260px; float:left; margin:0; padding:0; border:none;}
		.sideNavcal{ text-align:left; width:100%; clear:both; border-bottom:1px #CCC dotted; max-width:260px;}
		
		.sidemenu{ padding:20px 0; background:#FAFAFA; border:1px solid #EEE; margin-bottom:20px;}
		.sidemenu ul,.sidetitle{width:88.4615%; margin:auto auto; list-style: none; }
		.sidemenu ul li { margin-bottom:0.5em;}
				.sidemenu ul li a{ text-decoration:underline; color:#3F5200; line-height:1.7em; padding-left:1.3em;}
				.sidemenu ul li a:hover{ text-decoration:none;}
				.sidetitle{margin-bottom:10px; font-size:16px; line-height:1.4em; }
	
		 .sidesymptom{ padding:20px 0; background:#FAFAFA; border:1px solid #EEE; margin:20px 0; width:100%; float:none;}
				.sidesymptom ul{ width:88.4615%; margin:auto auto; list-style: none;}
				.sidesymptom ul li {  float:none;  width:100%; }
				.sidesymptom ul li a{ line-height:1.4em; padding-left:1.3em;}
				.sidesymptom ul li a:hover{ }
			
			.sidelink{float:none; width:100%;  padding:20px 0 10px 0;}
				.sidelink a{ margin-bottom:0.625em;}
				
			.sidecontact{ background:#EEE; padding:20px 0 20px 0;  margin:20px 0;
				border-radius: 10px;        /* CSS3草案 */  
				-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
				-moz-border-radius: 10px;   /* Firefox用 */
				}
				.sidecontact ul, .sidecontact p{ width:88.4615%; margin:auto auto; list-style: none;}
				
				.sidetitle img{ vertical-align:middle; max-width:49px; margin-right:0.5em;}
 				.sidecontact img{ max-width:230px; margin-top:0.5em;}

	/*pc_footer--------------*/
	
	#footer{width:100%; margin:0 auto; border-top:1px #CCC dotted;}
		#footerNav {font-size:1em; margin:0; width:100%; border:none;}
		#footerNav ul{ width:100%; list-style: none;}
		#footerNav ul li a{font-size:1em; margin:0; }
		#footerNav ul.footer_list li.footer_list{  margin:0; font-size:1em; width:33.2%; padding:0;}
		#footerNav ul.footer_slist li{font-size:0.8em; line-height:1.8em;}
		
	#footerinfo{border:none;}
	#tabinfo{width:100%; margin:0 auto; max-width:970px;  border:none;}
		#tabinfo1{width:100%; clear:both; text-align:left;}
		#tabinfo2{width:100%; clear:both; text-align:left;}
	
	#pcfooterBox{ width:90%; max-width:970px; margin:0 auto;}
		
		#pcfooterbox1{ width:30.2061%; float:left; border:none;}
		#tabinfo{width:100%; clear:both;  text-align:left; border:none;}
		.spfooterlogo{width:292px; margin:0;}
		.footertel{ width:100%; width:292px; margin:0;}
		.footerseo{width:100%;}
	
		img.footertel{margin:20px 0 10px 0;}
		#footercontact{ width:100%; max-width:292px; font-size:0.95em;}	
			.btn a{margin:0; min-width:180px; width:90%; font-size:0.95em;}
			.btnarrow::before{left:10px;}
		
		
		#pcfooterbox2{ width:66.1855%; float:right; margin:0; }
			#footersymptom{	border-top:none; padding:30px 0; margin:0;  width:100%;}
				#footersymptom p{ font-size:0.8em;  margin:10px 0 0 0; width:100%; line-height:2em;}
				#footersymptom h5{font-size:1.375em;  margin:0; line-height:1.3em;}
				
				
				


			/* scrolltop -------------------------------------*/	
			
			#goto-top {
				width: 60px;
				height: 60px;
				opacity: 0.9;
			}
		
	
}



/*clearfix*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}