@charset "UTF-8";

/* widthが999以下の時読み込まれる */
@media screen and (min-width: 800px) and (max-width: 1024px) {
	.top_contents {
		padding-top: 82px;
	}
	.our_works_grid {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 30px;
	}
	.bc_2 {
		height: 1000px;
	}

	/* 施工事例 */
	.works_grid {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 30px;
		padding: 0px 30px;
	}
}


/* widthが799以下の時読み込まれる */
@media screen and (max-width: 799px) {

	/*-----------------------------------------
	　TOP共通素材
	-----------------------------------------*/
	.common_content {
		width: 100%;
	}
	.description {
		padding: 0px 20px;
	}

	/*-----------------------------------------
	　TOP
	-----------------------------------------*/
	
	.slidshow {
		width: 100%;
		height: 300px;
	}
	.slid_msg {
		top: 35%;
        font-size: 1.7rem;
	}

	.slid_msg p {
		text-align: center;
		line-height: 1.2em;
		text-shadow: 2px 2px 4px grey;
		margin-bottom: 5px;

	}
	
	/* 解体工事 */
	.bc_1{
		padding: 70px 0px 50px 0px
	}
	.bc_2 {
		height: auto;
		padding: 30px 0px;
	}
	.our_works_grid {
		position: initial;
		grid-template-columns: 1fr;
		grid-row-gap: 30px;
	}
	.our_works_box {
		max-width: 100%;
	}
	.our_works_box_title {
		font-size: 0.89rem;
	}
	.our_works_description {
		padding: 15% 0px;
	}

	/* 施工事例 */
	.works_grid {
		grid-template-columns: 1fr;
		grid-row-gap: 30px;
		padding: 0px 30px;
	}
	.works_box {
		max-width: 100%;
	}

	/* お客様の声 */
	.voice_grid {
		display: block;
	}
	.voice_texts {
		padding: 20px 0px 20px 20px;
	}
	.voice_description {
		padding-bottom: 20px;
	}
	.voice img {
		width: 100%;
		height: auto;
		display: block;
	}
	.voice_slidshow {
		width: 100%;
		height: 300px;
	}
}