@charset "UTF-8";
@import url("common.css");
/* CSS Document */

.box {
   width: 100%;
  height: 50vh;
}
@media (max-width: 900px) {
	.box {
  height: 40vh;
}
}


.box__bg_photo {
	background-image: url(../images/style_image.jpg);
    background-size: cover;
    background-position: center;
}
@media (max-width: 900px) {
	.box__bg_photo {
    background-image: url(../images/style_image_sp.jpg);
}
}





#con1 {
	width: 100%;
	background-color: #333;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
@media (max-width: 900px) {
	#con1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
}
#con1 h1 {
	margin-top: 100px;
	letter-spacing: 8px;
	color: #fff;
}
#style_box {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 200px;
}
#style_box img {
	margin-top: 10px;
}
#style_box .left {
	margin-right: 10px;
}
#style_box .right {
	margin-right: 0px;}

@media (max-width: 900px) {
	#con1 h1 {
	margin-top: 60px;
	letter-spacing: 8px;
	color: #fff;
}
#style_box {
	width: 100%;
	margin-bottom: 100px;
}
	#style_box img {
		width: 90%;
		height: 90%;
		margin-top: 10px;
	}
#style_box .left {
	float: none;
	margin-right: 0px;
}
#style_box .right {
	float: none;
	margin-right: 0px;}
}