@charset "utf-8";

/*============================
main_image
============================*/
.main_image {
	background: url(../images/main_image.jpg) no-repeat center center;
}

.cont h1 {
	background: url(../images/title.png) no-repeat center center;
}

/*============================
primary
============================*/

#business h2 span {
	background: url(../images/business/title.png) center center no-repeat;
}

#business > p {
	text-align: center;
	margin-bottom: 20px;
}

#strenge h2 span {
	background: url(../images/strenge/title.png) center center no-repeat;
}

#strenge .point {
	overflow: hidden;
	margin-bottom: 30px;
}

#strenge .point:last-of-type {
	margin-bottom: 0;
}

#strenge .point p.title {
	width: 420px;
	float: right;
	padding-left: 64px;
	font-size: 20px;
	line-height: 68px;
	font-weight: bold;
	background: url(../images/strenge/craftman.png) center left no-repeat;
	background-size: contain;
	margin-bottom: 20px;
	
}

#strenge .point .photo {
	display: block;
	width: 420px;
	float: left;
	height: 800px;
	background: url(../images/strenge/01.jpg) center center no-repeat;
	background-size: cover;
}

#strenge .point:first-of-type .photo {
	height: 468px;
}

#strenge .point:nth-of-type(2) .photo {
	height: 298px;
	background: url(../images/strenge/02.jpg) center center no-repeat;
	background-size: cover;
}

#strenge .point:nth-of-type(3) .photo {
	height: 448px;
	background: url(../images/strenge/03.jpg) center center no-repeat;
	background-size: cover;
}

#strenge .point .explain {
	width: 420px;
	float: right;
}

#strenge .point .explain p {
	margin-bottom: 10px;
}

#strenge .point .explain p:last-of-type {
	margin-bottom: 0;
}



@media only screen and (max-width: 768px) {
	
/*============================
main_image
============================*/
.main_image {
	background: url(../images/main_image_sp.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 55px;
}

.main_image h1 {
	padding-top: 60%;
	background: url(../images/title_sp.png) center center no-repeat;
	background-size: 50%;
}

/*============================
primary
============================*/

#business h2 span {
	background: url(../images/business/title_sp.png) center center no-repeat;
	background-size: 50%;
}

#business > p {
	text-align: left;
	margin-bottom: 20px;
}
	
#business > p br {
	display: none;
}
	
#business div.for_sp {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 261.0666666666%;
	background: url(../images/business/detail_sp.jpg) center center no-repeat;
	background-size: contain;
}

#strenge h2 span {
	background: url(../images/strenge/title_sp.png) center center no-repeat;
	background-size: 25%;
}

#strenge .point p.title {
	width: 100%;
	float: none;
}

#strenge .point .photo {
	width: 100%;
	float: none;
}

#strenge .point:first-of-type .photo {
	height: 200px;
	margin-bottom: 20px;
}

#strenge .point:nth-of-type(2) .photo {
	height: 200px;
	margin-bottom: 20px;
}

#strenge .point:nth-of-type(3) .photo {
	height: 200px;
	margin-bottom: 20px;
}

#strenge .point .explain {
	width: 100%;
	float: none;
}

}