@charset "utf-8";

/*====================================================================================================

	Style Info: 工法について

====================================================================================================*/

.cmethod { width:830px; margin-top:40px; }

@media screen and (max-width: 750px) {
	.cmethod{
		width: 100%;
		box-sizing: border-box;
	}
}

.cmethod .photo { width:330px; }
.cmethod p { width:500px; }
@media screen and (max-width: 750px) {
	.cmethod p {
		width: 100%;
		box-sizing: border-box;
		padding-top: 40px;
		letter-spacing: -0.025em;
	}
}

.cmethod01 .photo { float:left; }

@media screen and (max-width: 750px) {
	.cmethod01 .photo {
		float: none;
		clear: both;
		display: block;
		margin: auto;
	}
}


.cmethod01 p { float:left; } 

.cmethod02 .photo { float:right; text-align:right; padding-top:40px; }

@media screen and (max-width: 750px) {
	.cmethod02 .photo {
		float: none;
		clear: both;
		display: block;
		margin: auto;
		padding-top: 0;
	}
}

.cmethod02 p { float:left; } 


.gallery {
	margin-top:25px;
	background:url(image/gallery-bg.gif) repeat-x left bottom;
	background-color:#e6e6e6;
	padding:0 20px;
	}


@media screen and (max-width: 750px) {
	.fotorama__wrap {
	  width: 100% !important;
	  height: 510px !important;
	}
	.fotorama__frame {
	  width: 100% !important;
	 height: 510px !important;
	}
	.fotorama__frame img {
	  width: 100% !important;
	  height: auto !important;
		left:0 !important;
	}
	.fotorama__shaft {
	  width: 100% !important;
	  height: 510px !important;
	}

	
	.fotorama__thumbs_previews{width: 100%!important;box-sizing: border-box;}
	
}