@charset "utf-8";
@import url(base.css);


		#contenttitle{
			margin-bottom:20px;
			background-image:url(../service/images/img_content.jpg);
		}



/********************************** index **********************************/



/* stdsec */

	.stdsec{

		padding-top:70px;
	}

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

	.stdsec{
		padding-top:65px;
	}

}


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

	.stdsec{
		padding-top:60px;
	}

}


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

	.stdsec{
		padding-top:50px;
	}

}

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

	.stdsec{
		padding-top:30px;
	}

}
	
	
	.stdsec{zoom:1;}
	.stdsec:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}

		.stdsec .inner{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
		}


		.secimage{
			width:32%;
			float:left;
		}


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

		.secimage{
			width:25%;
		}

	}

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

		.secimage{
			display:block;
			width:240px;
			margin:0 auto 20px;
			float:none;
		}

	}

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

		.secimage{
			width:200px;
		}

	}

		.secnote{
			width:62%;
			padding-bottom:50px;
			float:right;
		}

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

		.secnote{
			width:70%;
		}

	}

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

		.secnote{
			width:100%;
			padding-bottom:30px;
			float:none;
		}

	}

			.secnote h3{
				margin-bottom:50px;
				color:#369;
				font-family: "kozuka-mincho-pro";
				font-size:2.5em;
				letter-spacing:0.1em;
			}

		@media screen and (max-width:1000px){
	
			.secnote h3{
				margin-bottom:40px;
				font-size:2.0em;
			}
	
		}
	
		@media screen and (max-width:770px){
	
			.secnote h3{
				margin-bottom:30px;
				text-align:center;
			}
	
		}
	
		@media screen and (max-width:420px){
	
			.secnote h3{
				font-size:1.6em;
			}
	
		}


				.secnote p{
					font-size:1.2em;
					line-height:1.8em;
				}

			@media screen and (max-width:1000px){
		
				.secnote p{
					font-size:1.1em;
				}
		
			}
		
			@media screen and (max-width:770px){
		
				.secnote p{
					font-size:1.0em;
				}
		
			}




/* 定期清掃 */

	#cleaning{
	}

		#cleaning h3{
		}
	
		#cleaning .secimage img{
			width:100%;
		}

		
		@media screen and (max-width:420px){
		
			#cleaning .secnote img.floatright{
				margin:10px 15px 15px 15px;
			}
		
		}


			#cleaning .secnote img.floatright{
				width:240px;
				margin:10px 15px 20px 20px;
			}
		
		@media screen and (max-width:1000px){
		
			#cleaning .secnote img.floatright{
				max-width:200px;
				width:30%;
			}
		
		}
		
		@media screen and (max-width:420px){
		
			#cleaning .secnote img.floatright{
				margin:10px 15px 15px 15px;
			}
		
		}

			#cleaning ol li{
				list-style:none;
			}


				#cleaning h4{
					margin:40px 0 10px;
					font-size:1.8em;
					color:#036;
					font-weight:700;
				}

			@media screen and (max-width:1000px){
		
				#cleaning h4{
					font-size:1.6em;
				}
		
			}
		
			@media screen and (max-width:770px){
		
				#cleaning h4{
					margin:30px 0 10px;
					font-size:1.4em;
				}
		
			}
		
			@media screen and (max-width:420px){
		
				#cleaning h4{
					margin:20px 0 10px;
					font-size:1.2em;
				}
		
			}

				#cleaning h5{
					margin:20px 0 10px;
					font-size:1.6em;
					color:#030;
					font-weight:700;
				}

			@media screen and (max-width:1000px){
		
				#cleaning h5{
					font-size:1.4em;
				}
		
			}
		
			@media screen and (max-width:770px){
		
				#cleaning h5{
					margin:10px 0 10px;
					font-size:1.2em;
				}
		
			}
		
			@media screen and (max-width:420px){
		
				#cleaning h5{
					font-size:1.0em;
				}
		
			}


/* コーティング */

	#coating{
		background-color: #f2f2f2;
	}

		#coating h3{
		}
	
		#coating .secimage img{
			width:100%;
		}


			#coating ol li{
				list-style:none;
			}


				#coating h4{
					margin:20px 0 25px;
					color:#cc3366;
					font-family: "kozuka-mincho-pro";
					font-size:2.5em;
					float:left;
				}

			@media screen and (max-width:1000px){
		
				#coating h4{
					font-size:2.2em;
				}
		
			}
		
			@media screen and (max-width:770px){
		
				#coating h4{
					margin:20px 0 18px;
					font-size:1.8em;
				}
		
			}
		
			@media screen and (max-width:420px){
		
				#coating h4{
					margin:10px 0 15px;
					font-size:1.4em;
				}
		
			}

				#coating .entitle{
					width:100px;
					color:#ff99bb;
					float:left;
					position:relative;
					top:20px;
					left:20px;
				}
		
			@media screen and (max-width:420px){

				#coating .entitle{
					top:10px;
				}
		
			}

				#coating p{
					clear: both;
				}

				#coating .secnote img{
					display:block;
					max-width:480px;
					width:90%;
					margin:10px auto 20px;
				}
					


/* ふた裏ぺったん */

	#pettanindex{
	}

		#pettan h3{
			margin-bottom:30px;
			text-align: center;
		}

			#pettan h3 img{
				max-width: 385px;
				width:80%;
			}
	
		#pettan .secimage{
			text-align: center;
		}
	
		#pettan .secimage img{
			max-width:240px;
			width: 100%;
		}
		
	@media screen and (max-width:770px){
	
		#pettan .secimage img{
			width: 200px;
		}
		
	}
					

		#pettan .maincatch{
			margin-bottom:40px;
			padding:18px 20px 1px;
			color:#fff;
			font-size:2.0em;
			text-align:center;
			background-color:#e31f26;
		}
		
	@media screen and (max-width:1100px){

		#pettan .maincatch{
			margin-bottom:40px;
			padding:18px 20px 1px;
			font-size:1.6em;
		}
		
	}
		
	@media screen and (max-width:640px){

		#pettan .maincatch{
			margin-bottom:30px;
			padding:5px 20px 5px;
			font-size:1.2em;
		}
		
	}
		
	@media screen and (max-width:420px){

		#pettan .maincatch{font-size:1.0em;}
		
	}
		
	@media screen and (max-width:370px){

		#pettan .maincatch{font-size:0.9em;}
		
	}

		#pettan .maincatch p{
			margin:12px 0 0;
			padding:5px 0 0 1%;
			font-size:1.3em;
			font-weight:700;
			border-top:2px solid #fff;
		}
		
	@media screen and (max-width:640px){

		#pettan .maincatch p{
			margin:2px 0 0;
			padding:3px 0 0 1%;
			font-size:1.2em;
		}
		
	}
		
	@media screen and (max-width:370px){

		#pettan .maincatch p{
			font-size:1.1em;
		}
		
	}


/* 遺品整理 */

	#ihinseiri{
		background-color:#f0f0ff;
	}

		#ihinseiri h3{
			text-align: center;
			margin-bottom:30px;
		}
	
		#ihinseiri .secimage{
			text-align:center;
		}
	
		#ihinseiri .secimage img{
			max-width: 240px;
			width:100%;
		}
		
	@media screen and (max-width:770px){
	
		#ihinseiri .secimage img{
			width: 200px;
		}
		
	}


					

			#ihinseiri .maincatch{
				color:#cc3366;
				font-family: "kozuka-mincho-pro";
				font-size:1.6em;
				text-align:center;
				line-height:1.6em;
			}
		
		@media screen and (max-width:1000px){
		
			#ihinseiri .maincatch{
				font-size:1.5em;
			}
			
		}



			#ihinseiri ul{
				margin-bottom:40px;
			}
		
		@media screen and (max-width:420px){
			
			#ihinseiri ul{
				width:220px;
				margin:0 auto 20px;
			}
			
		}

			#ihinseiri li{
				display:flex;
				justify-content:center;
				align-items:center;
				width:23%;
				margin-right:calc(8% / 3);
				color:#cc3366;
				font-family: "kozuka-mincho-pro";
				font-size:1.6em;
				float:left;
				list-style:none;
				background-color:#fff;
			}
			#ihinseiri li:nth-last-of-type(1){margin-right:0;}

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

			#ihinseiri li{
				font-size:1.4em;
			}
			
		}
		
		@media screen and (max-width:640px){

			#ihinseiri li{
				font-size:1.1em;
			}
			
		}
		
		@media screen and (max-width:420px){

			#ihinseiri li{
				width:47%;
				margin-right:6%;
				margin-bottom:12px;
				font-size:1.0em;
			}
			#ihinseiri li:nth-of-type(2){margin-right:0;}
			
		}


					


/* 草なしくん */

	#kusanashikun{
	}


		#kusanashikun .secimage img{width:100%;}


		#kusanashikun h3{
			margin-bottom:30px;
			text-align: center;
		}

			#kusanashikun h3 img{
				max-width: 364px;
				width:80%;
			}
	
					

			#kusanashikun .maincatch{
				margin-bottom:15px;
				color:#c00;
				font-family: "kozuka-mincho-pro";
				font-size:2.8em;
				text-align:center;
				line-height:1.6em;
			}
		
		@media screen and (max-width:1600px){
		
			#kusanashikun .maincatch{
				font-size:2.4em;
			}
			
		}
		
		@media screen and (max-width:1000px){
		
			#kusanashikun .maincatch{
				font-size:1.8em;
			}
			
		}
		
		@media screen and (max-width:480px){
		
			#kusanashikun .maincatch{
				font-size:1.4em;
			}
			
		}
		
		@media screen and (max-width:370px){
		
			#kusanashikun .maincatch{
				font-size:1.2em;
			}
			
		}


			#kusanashikun .subcatch{
				margin-bottom:20px;
				display:flex;
				justify-content:center;
				align-items:center;
				height:60px;
				color:#060;
				font-size:2.0em;
				font-weight:700;
				-moz-box-shadow:0 0 0 4px #060 inset;
				-webkit-box-shadow:0 0 0 4px #060 inset;
				box-shadow:0 0 0 4px #060 inset;
				border-radius:30px;
				
			}
		
		@media screen and (max-width:640px){

			#kusanashikun .subcatch{
				height:50px;
				font-size:1.6em;
				-moz-box-shadow:0 0 0 3px #060 inset;
				-webkit-box-shadow:0 0 0 3px #060 inset;
				box-shadow:0 0 0 3px #060 inset;
				border-radius:25px;
				
			}
		
		}
		
		@media screen and (max-width:640px){

			#kusanashikun .subcatch{
				height:40px;
				font-size:1.2em;
				-moz-box-shadow:0 0 0 2px #060 inset;
				-webkit-box-shadow:0 0 0 2px #060 inset;
				box-shadow:0 0 0 2px #060 inset;
				border-radius:20px;
				
			}
		
		}



/********************************** content共通 **********************************/



		.contentdetail .content{
			max-width:620px;
			width:90%;
			margin:0 auto;
		}


				.contentdetail .content p{
					font-size:1.2em;
					line-height:1.8em;
				}

			@media screen and (max-width:1000px){
		
				.contentdetail .content p{
					font-size:1.1em;
				}
		
			}
		
			@media screen and (max-width:770px){
		
				.contentdetail .content p{
					font-size:1.0em;
				}
		
			}



/********************************** ふた裏ぺったん **********************************/



	#pettandetail #main{
		padding-bottom:50px;
	}


	#pettandetail #main header{
		max-width:620px;
		width:90%;
		margin:0 auto;
		padding:50px 0 0;
	}
		
@media screen and (max-width:770px){

	#pettandetail #main header{
		padding:30px 0 0;
	}
		
}
		
@media screen and (max-width:420px){

	#pettandetail #main header{
		padding:10px 0 0;
	}
		
}
	
		#pettandetail #main header h3{
			margin-bottom:30px;
			text-align: center;
		}

			#pettandetail h3 img{
				max-width: 385px;
				width:62%;
			}
	
		#pettandetail .detailimage{
			max-width:180px;
			width:29%;
			text-align: center;
			float:left;
		}
	
		#pettandetail .detailimage img{
			width: 100%;
		}
		
	@media screen and (max-width:480px){
	
		#pettandetail .detailimage{
			width:150px;
			margin:0 auto 10px;
			float:none;
		}
		
	}
					

		#pettandetail .maincatch{
			clear:both;
			width:100%;
			margin-bottom:40px;
			background-color:#e31f26;
		}
		

		#pettandetail .maincatch .inner{
			max-width:580px;
			margin:0 auto;
			padding:18px 20px 1px;
			color:#fff;
			font-size:2.0em;
			text-align:center;
		}
		
	@media screen and (max-width:1100px){

		#pettandetail .maincatch .inner{
			margin-bottom:40px;
			padding:18px 20px 1px;
			font-size:1.6em;
		}
		
	}
		
	@media screen and (max-width:640px){

		#pettandetail .maincatch .inner{
			margin-bottom:30px;
			padding:5px 20px 5px;
			font-size:1.2em;
		}
		
	}
		
	@media screen and (max-width:420px){

		#pettandetail .maincatch .inner{font-size:1.0em;}
		
	}
		
	@media screen and (max-width:370px){

		#pettandetail .maincatch .inner{font-size:0.9em;}
		
	}

		#pettandetail .maincatch .inner p{
			margin:12px 0 0;
			padding:25px 0 20px 1%;
			font-size:1.3em;
			font-weight:700;
			border-top:2px solid #fff;
		}
		
	@media screen and (max-width:640px){

		#pettandetail .maincatch .inner p{
			margin:2px 0 0;
			padding:3px 0 0 1%;
			font-size:1.2em;
		}
		
	}
		
	@media screen and (max-width:370px){

		#pettandetail .maincatch .inner p{
			font-size:1.1em;
		}
		
	}

		#pettandetail .content #directions{
			max-width: 540px;
			width:90%;
			margin: 0 auto;
		}
		#pettandetail .content #directions img{width:100%;}


		#pettandetail .content #price{
			max-width: 362px;
			width:80%;
			margin:40px auto 0;
		}
		#pettandetail .content #price img{width:100%;}





/********************************** 遺品整理 **********************************/


#ihinseiridetail #globalheader{
	border-bottom:none;
}



	#ihinseiridetail #main{
		background-color:#f0f0ff;
	}


	#ihinseiridetail #main header{
		max-width:1000px;
		width:90%;
		margin:0 auto;
		padding:50px 0 0;
	}
		
@media screen and (max-width:770px){

	#ihinseiridetail #main header{
		padding:30px 0 0;
	}
		
}
		
@media screen and (max-width:420px){

	#ihinseiridetail #main header{
		padding:10px 0 0;
	}
		
}
	


		#ihinseiridetail #main header .secnote{
			width:70%;
			padding-bottom:50px;
			float:right;
		}

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

		#ihinseiridetail #main header .secnote{
			width:100%;
			padding-bottom:30px;
			float:none;
		}

	}






			#ihinseiridetail #main header h3{
				margin-bottom:50px;
				color:#369;
				font-family: "kozuka-mincho-pro";
				font-size:2.5em;
				letter-spacing:0.1em;
				text-align:center;
			}

		@media screen and (max-width:1000px){
	
			#ihinseiridetail #main header h3{
				margin-bottom:40px;
				font-size:2.0em;
			}
	
		}
	
		@media screen and (max-width:770px){
	
			#ihinseiridetail #main header h3{
				margin-bottom:30px;
				text-align:center;
			}
	
		}
	
		@media screen and (max-width:420px){
	
			#ihinseiridetail #main header h3{
				font-size:1.6em;
			}
	
		}

	
		#ihinseiridetail .detailimage{
			max-width:240px;
			width:24%;
			text-align: center;
			float:left;
		}
	
		#ihinseiridetail .detailimage img{
			width: 100%;
		}
		
	@media screen and (max-width:770px){
	
		#ihinseiridetail .detailimage{
			width:200px;
			margin:0 auto 10px;
			float:none;
		}
		
	}



			#ihinseiridetail .maincatch{
				margin:0;
				color:#cc3366;
				font-family: "kozuka-mincho-pro";
				font-size:2.4em;
				line-height:1.6em;
			}
		
		@media screen and (max-width:770px){
		
			#ihinseiridetail .maincatch{
				font-size:2.0em;
				text-align:center;
			}
			
		}
		
		@media screen and (max-width:480px){
		
			#ihinseiridetail .maincatch{
				font-size:1.5em;
			}
			
		}


		#ihinseirishi{
			float:left;
			margin-right:30px;
		}
		
	@media screen and (max-width:480px){
		
		#ihinseirishi{
			width:40%;
		}
		
		#ihinseirishi + ul{
			font-size:0.9em;
		}
		
			
	}


/* サービス内容 */

	#service{
		background-color:#e6e6ff;
	}

		#service .inner{		
			max-width:800px;
			width:90%;
			margin:0 auto;
			padding:50px 0 30px;
		}
		
	@media screen and (max-width:770px){
		
		#service .inner{		
			padding:30px 0;
		}		
	}
		
	@media screen and (max-width:420px){
		
		#service .inner{		
			padding:20px 0;
		}		
	}
	

			#service .inner h4{
				margin: 0 10px 40px;
				font-size:2.3em;
				color:#036;
				font-weight:700;
				text-align:center;
			}

		@media screen and (max-width:1000px){
		
			#service .inner h4{
				font-size:2.0em;
			}
		
		}
		
		@media screen and (max-width:770px){
		
			#service .inner h4{
				margin:0 0 20px;
				font-size:1.6em;
			}
		
		}
		
		@media screen and (max-width:420px){
		
			#service .inner h4{
				margin:0 0 15px;
				font-size:1.4em;
			}
		
		}

			#service li{
				margin-bottom:55px;
				list-style:none;
			}

#service li{zoom:1;}
#service li:after{
  content: ""; 
  display: block; 
  clear: both;
}

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

			#service li{margin-bottom:40px;}

		}

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

			#service li{margin-bottom:30px;}

		}

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

			#service li{margin-bottom:20px;}

		}



				#service li h5{
					display:flex;
					justify-content:center;
					align-items:center;
					width:17%;
					margin-right:calc(8% / 3);
					color:#cc3366;
					font-family: "kozuka-mincho-pro";
					font-size:1.6em;
					float:left;
					background-color:#fff;
				}


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

				#service li h5{
					font-size:1.4em;
				}

			}

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

				#service li h5{
					width:120px;
					margin: 0 auto 15px;
					float: none;
				}

			}

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

				#service li h5{
					width:100px;
					font-size:1.2em;
				}

			}


				#service li p{
					width:78%;
					margin: 0;
					font-size:1.1em;
					line-height:1.8em;
					float:right;
				}

			@media screen and (max-width:1000px){
		
				#service li p{
					font-size:1.0em;
				}
		
			}

			@media screen and (max-width:640px){
		
				#service li p{
					width:100%;
					float:left;
				}
		
			}

					


/* 料金システム */

	#pricesystem{background-color:#fff;}

		#pricesystem .inner{		
			max-width:800px;
			width:90%;
			margin:0 auto;
			padding:50px 0 30px;
		}
		
	@media screen and (max-width:770px){
		
		#pricesystem .inner{		
			padding:30px 0;
		}		
	}
		
	@media screen and (max-width:420px){
		
		#pricesystem .inner{		
			padding:20px 0;
		}		
	}


			#pricesystem .inner h4{
				margin: 0 10px 40px;
				font-size:2.3em;
				color:#036;
				font-weight:700;
				text-align:center;
			}

		@media screen and (max-width:1000px){
		
			#pricesystem .inner h4{
				font-size:2.0em;
			}
		
		}
		
		@media screen and (max-width:770px){
		
			#pricesystem .inner h4{
				margin:0 0 20px;
				font-size:1.6em;
			}
		
		}
		
		@media screen and (max-width:420px){
		
			#pricesystem .inner h4{
				margin:0 0 15px;
				font-size:1.4em;
			}
		
		}


		#pricesystem #directions{
			margin:40px 0 0;
			text-align:center;
		}

			#pricesystem #directions img{
				width:100%;
			}




/* 料金システム */

	#ihinseiridetail #price{
		padding-bottom: 50px;
		background-color:#fff;
	}
		
@media screen and (max-width:420px){

	#ihinseiridetail #price{
		padding-bottom:30px;
	}
		
}


		#ihinseiridetail #price .inner{		
			max-width:800px;
			width:90%;
			margin:0 auto;
			padding:50px 0 30px;
		}
		
	@media screen and (max-width:770px){
		
		#ihinseiridetail #price .inner{		
			padding:30px 0;
		}		
	}
		
	@media screen and (max-width:420px){
		
		#ihinseiridetail #price .inner{		
			padding:20px 0;
		}		
	}


			#ihinseiridetail #price .inner h4{
				margin: 0 10px 40px;
				font-size:2.3em;
				color:#036;
				font-weight:700;
				text-align:center;
			}

		@media screen and (max-width:1000px){
		
			#ihinseiridetail #price .inner h4{
				font-size:2.0em;
			}
		
		}
		
		@media screen and (max-width:770px){
		
			#price .inner h4{
				margin:0 0 20px;
				font-size:1.6em;
			}
		
		}
		
		@media screen and (max-width:420px){
		
			#ihinseiridetail #price .inner h4{
				margin:0 0 15px;
				font-size:1.4em;
			}
		
		}


		#ihinseiridetail #price table{
			width:100%;
			border-collapse: collapse;
		}

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

		#price table{
			width:100%;
		}

		#ihinseiridetail #price table:nth-of-type(1){
			display: none;
		}

	}
		#ihinseiridetail #price table:nth-last-of-type(1){
			display: none;
		}

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

		#ihinseiridetail #price table:nth-last-of-type(1){
			width:350px;
			display:block;
			margin: 0 auto;
		}

	}

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

		#ihinseiridetail #price table:nth-last-of-type(1){
			width:280px;
			display:block;
			margin: 0 auto;
		}

	}

			#ihinseiridetail #price th{
				width:calc(100% / 9);
				padding:5px 0;
				color:#036;
				font-weight:400;
				line-height:1.2em;
				border:1px solid #ccc;
				background-color:#e6f2ff;
			}
			#ihinseiridetail #price th:nth-of-type(1){
				color:#333;
				background-color:#fff;
			}
			#ihinseiridetail #price tr:nth-of-type(2) th:nth-of-type(1){
				background-color:#f2f2f2;
			}

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

			#ihinseiridetail #price th{
				width:70px;
			}
			#ihinseiridetail #price tr:nth-of-type(4) th:nth-of-type(1){
				background-color:#f2f2f2;
			}

		}

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

			#ihinseiridetail #price th{
				width:56px;
			}

		}

			#ihinseiridetail #price td{
				padding: 10px 0;
				text-align: center;
				font-weight:700;
				font-size: 1.2em;
				border:1px solid #ccc;
			}
			#ihinseiridetail #price td span{
				display:block;
				font-weight:400;
				font-size:0.7em;
				line-height: 1.0em;
			}




/********************************** 草なしくん **********************************/



	#kusanashidetail #main{
		padding-bottom:50px;
	}


	#kusanashidetail #main header{
		max-width:1000px;
		width:90%;
		margin:0 auto;
		padding:50px 0 0;
	}
		
@media screen and (max-width:770px){

	#kusanashidetail #main header{
		padding:30px 0 0;
	}
		
}
		
@media screen and (max-width:420px){

	#kusanashidetail #main header{
		padding:10px 0 0;
	}
		
}
	
		#kusanashidetail .detailimage{
			max-width:250px;
			width:25%;
			text-align: center;
			float:left;
		}
	
		#kusanashidetail .detailimage img{
			width: 100%;
		}
		
	@media screen and (max-width:640px){
	
		#kusanashidetail .detailimage{
			width:150px;
			margin:0 auto 20px;
			float:none;
		}
		
	}
					
	

		#kusanashidetail h3{
			margin-bottom:0;
			text-align: center;
		}

			#kusanashidetail h3 img{
				max-width: 364px;
				width:80%;
			}
	
					

			#kusanashidetail .maincatch{
				margin:20px 0 15px;
				color:#c00;
				font-family: "kozuka-mincho-pro";
				font-size:2.9em;
				text-align:center;
				line-height:1.6em;
			}
		
		@media screen and (max-width:1600px){
		
			#kusanashidetail .maincatch{
				font-size:2.4em;
			}
			
		}
		
		@media screen and (max-width:1000px){
		
			#kusanashidetail .maincatch{
				font-size:2.0em;
			}
			
		}
		
		@media screen and (max-width:770px){
		
			#kusanashidetail .maincatch{
				font-size:1.6em;
			}
			
		}
		
		@media screen and (max-width:370px){
		
			#kusanashidetail .maincatch{
				font-size:1.2em;
			}
			
		}


			#kusanashidetail .subcatch{
				margin-bottom:20px;
				display:flex;
				justify-content:center;
				align-items:center;
				height:60px;
				color:#060;
				font-size:2.0em;
				font-weight:700;
				-moz-box-shadow:0 0 0 4px #060 inset;
				-webkit-box-shadow:0 0 0 4px #060 inset;
				box-shadow:0 0 0 4px #060 inset;
				border-radius:30px;
			}
		
		@media screen and (max-width:1000px){

			#kusanashidetail .subcatch{
				margin-bottom:0;
			}
		
		}

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

			#kusanashidetail .subcatch{
				clear: both;
				height:50px;
				font-size:1.6em;
				-moz-box-shadow:0 0 0 3px #060 inset;
				-webkit-box-shadow:0 0 0 3px #060 inset;
				box-shadow:0 0 0 3px #060 inset;
				border-radius:25px;
				
			}
		
		}
		
		@media screen and (max-width:640px){

			#kusanashidetail .subcatch{
				height:40px;
				font-size:1.2em;
				-moz-box-shadow:0 0 0 2px #060 inset;
				-webkit-box-shadow:0 0 0 2px #060 inset;
				box-shadow:0 0 0 2px #060 inset;
				border-radius:20px;
				
			}
		
		}


	#kusanashidetail #content{
		padding-bottom: 30px;
		
	}

		#kusanashidetail #content .spbox{
			max-width:calc(1000px - 8%);
			width:82%;
			margin:0 auto;
			padding:20px 4%;
			color:#fff;
			font-size:1.8em;
			font-weight:500;
			line-height:1.6em;
			background-color:#060;
			border-radius:20px;
		}
		#kusanashidetail #content #sp2{
			background-color:#f60;
		}
		
	@media screen and (max-width:1600px){

		#kusanashidetail #content .spbox{
			padding:20px 4%;
			font-size:1.6em;
		}

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

		#kusanashidetail #content .spbox{
			padding:20px 4%;
			font-size:1.5em;
		}

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

		#kusanashidetail #content .spbox{
			padding:15px 4%;
			font-size:1.2em;
		}

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

		#kusanashidetail #content .spbox{
			font-size:1.0em;
		}

	}

		#kusanashidetail #content .inner{
			max-width: 1000px;
			width:90%;
			margin:70px auto 30px;

		}



		#kusanashidetail #content .secimage{
			width:44%;
			float:right;
		}
		#kusanashidetail #content .secimage img{width:100%;}

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

		#kusanashidetail #content .secimage{
			display:block;
			max-width:400px;
			width: 100%;
			margin:0 auto 20px;
			float:none;
		}

	}

		#kusanashidetail #content .secnote{
			width:53%;
			padding-bottom:0;
			float:left;
		}

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

		#kusanashidetail #content .secnote{
			width:100%;
			float:none;
		}

	}



				#kusanashidetail #content .secnote h4{
					margin:40px 0 10px;
					font-size:1.8em;
					color:#036;
					font-weight:700;
				}
				#kusanashidetail #content .secnote h4:nth-of-type(1){margin-top:0;}
					
			@media screen and (max-width:1000px){
		
				#kusanashidetail #content .secnote h4{
					font-size:1.6em;
				}
		
			}
		
			@media screen and (max-width:770px){
		
				#kusanashidetail #content .secnote h4{
					margin:30px 0 10px;
					font-size:1.4em;
				}
		
			}
		
			@media screen and (max-width:420px){
		
				#kusanashidetail #content .secnote h4{
					margin:20px 0 10px;
					font-size:1.2em;
				}
		
			}



				#kusanashidetail #content .secnote p{
					font-size:1.2em;
					line-height:1.8em;
				}

			@media screen and (max-width:1000px){
		
				#kusanashidetail #content .secnote p{
					font-size:1.1em;
				}
		
			}
		
			@media screen and (max-width:770px){
		
				#kusanashidetail #content .secnote p{
					font-size:1.0em;
				}
		
			}

		#before-after{
			max-width:688px;
			width:90%;
			margin:0 auto 40px;
		}
		#before-after img{width:100%;}