@charset "utf-8";
/*------------------------------------------------------------
	yakusugi01
------------------------------------------------------------*/
.topBox {
	margin-bottom: 43px;
	padding-top: 72px;
	height: 282px;
	background: url(../img/kusakida/main_img.jpg) no-repeat center center;
	background-size: cover;
}

.pageTitle p {
	font-size: 21px;
}

.pageTitle h2 {
	padding: 56px 0 31px;
}

#main .inner {
	margin: 0 auto 45px;
	width: 940px;
}
	
#main p {
	margin-bottom: 37px;
	font-size: 23px;
	line-height: 1.6;
	letter-spacing: -1px;
}

#main p:last-child {
	margin-bottom: 0;
}

#main .headLine01 {
	margin: 45px 0 24px;
	font-size: 29px;
}

#main a:hover img {
	filter: alpha(opacity=85);
	opacity: 0.85;
}

#main .topText p {
	margin-bottom: 0;
}

#main .topText .text {
	text-indent: 1em;
}

#main .photoUl {
	margin: 0 auto;
	width: 1038px;
}

#main .photoUl li {
	float: left;
}

#main .photoUl li img {
	width: 100%;
}

#main .imgBox {
	margin: 40px auto 32px;
	width: 1040px;
}

#main .imgBox .photoBox {
	padding-top: 10px;
	float: right;
}

#main .imgBox .textBox {
	padding-left: 35px;
	width: 510px;
	float: left;
}

#main .imgBox .textBox p {
	font-size: 23px;
}

#main .imgBox .textBox .title {
	margin-bottom: 22px;
}

#main .photoList {
	margin: 0 auto 73px;
	width: 1040px;
}

#main .photoList li {
	float: left;
}

#main .photoList li:nth-child(2n) {
	float: right;
}

#main .typeList {
	margin: 40px auto 5px;
	width: 664px;
}

#main .typeList li {
	padding-bottom: 35px;
	float: left;
}

#main .typeList li:nth-child(2n) {
	float: right;
}

#main .typeList02 {
	margin: 5px auto 55px;
	width: 1056px;
}

#main .typeList02 li {
	padding: 40px 20px 0;
	float: left;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.topBox {
		margin-bottom: 25px;
		padding-top: 70px;
		height: 213px;
		position: relative;
		background: url(../img/kusakida/sp_main_img.jpg) no-repeat center center;
		background-size: cover;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	.pageTitle p {
		bottom: 25px;
		font-size: 13px;
		text-align: center;
	}
	
	.pageTitle h2 {
		margin: 0;
		padding: 0;
		font-size: 19px;
		text-align: center;
	}
	
	#main .inner {
		margin: 0 15px 23px;
		width: auto;
	}
		
	#main p {
		margin-bottom: 24px;
		font-size: 15px;
		line-height: 1.6;
	}
	
	#main p:last-child {
		margin-bottom: 0;
	}
	
	#main .headLine01 {
		margin: 45px 0 42px;
		font-size: 15px;
	}
	
	#main a:hover img {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	#main .photoUl {
		margin: 0;
		width: auto;
	}
	
	#main .photoUl li {
		width: 33.33%;
	}
	
	#main .photoUl li img {
		width: 100%;
	}
	
	#main .imgBox {
		margin: 32px 20px 25px;
		width: auto;
	}
	
	#main .imgBox .photoBox {
		display: none;
		padding-top: 10px;
		float: right;
	}
	
	#main .imgBox .textBox {
		padding-left: 0;
		width: auto;
		float: none;
	}
	
	#main .imgBox .textBox p {
		font-size: 15px;
		line-height: 1.6;
	}
	
	#main .imgBox .textBox .title {
		margin-bottom: 25px;
		text-align: center;
	}
	
	#main .photoList {
		display: none;
	}
	
	#main .typeList {
		margin: 15px 66px 5px;
		width: auto;
	}
	
	#main .typeList li {
		padding-bottom: 15px;
		width: 47%;
	}
	
	#main .typeList li img {
		width: 100%;
	}
	
	#main .typeList02 {
		margin: 5px 0 40px;
		width: auto;
	}
	
	#main .typeList02 li {
		padding: 15px 0 0;
		width: 31%;
	}

	#main .typeList02 li:nth-child(3n-1) {
		margin: 0 3.5%;
	}
	
	#main .typeList02 li img {
		width: 100%;
	}
	
	
}