@charset "UTF-8";


	.main_image {
		font-weight: bold;
		font-size: 1.5em;
		padding: 2rem 0;
		background-color: #334E5D;
		margin-top: 140px;
	}

	.main_image h2 {
		color: #fff;
	}

	h2::before {
		display: none;
	}

	/* CSS Document */
	#contents {
		width: 70%;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 5%;
		margin-top: 2%;
	}
	#contents section {
		padding-bottom: 5%;
	}
	#contents h2{
		padding: 3%;
		float: left;
		margin-right: 3%;
		border: 2px solid #334E5D;
		font-size: 1.5em;
		font-weight: bold;

		text-align: center;
	}
	#contents h2 span {
		font-size: 0.7ex;
		color: #333;
		display: block;
	}
	
	
	/** Mukuzai **/

	.MukuzaiQandA .description-sp {
		display: none;
	}


	.MukuzaiPoint {
		padding-bottom: 3%;
	}
	.MukuzaiPoint dl {
		padding-bottom: 3%;
	}
	.MukuzaiPoint dl dt {
		font-size: 1.2em;
		font-weight: bold;
	}


/*===============================================
	●tablet.css 画面の横幅が991pxまで
===============================================*/
@media screen and (max-width: 991px) {
	
	.main_image {
		font-weight: bold;
		color: #FFF;
		font-size: 1.5em;
		padding: 1.5rem 0 1rem;
		width: 100%;
		text-align: center;
		margin-top: 100px;
	}
	/* CSS Document */
	
	#contents {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 5%;
		margin-top: 2%;
	}
	#contents section {
		padding-bottom: 10%;
	}
	#contents h2{
		width: 9em;
		padding: 3%;
		margin-right: 3%;
		margin-bottom: 2%;
		border: 2px solid #334E5D;
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
	}
	#contents h2 span {
		font-size: 0.7ex;
		display: block;
	}

	
	/***************/
	/**  Mukuzai  **/
	/***************/
	.MukuzaiQandA {
		padding-bottom: 5%;
	}
	.MukuzaiQandA dl {
		float: left;
		width: 100%;
	}
	.MukuzaiQandA dl dt {
		font-size: 1em;
		font-weight: bold;
		width: 100%;
		margin-bottom: 2%;
	}

	/** 無垢材のポイント **/
	.MukuzaiPoint {
		padding: 3%;
		border: solid thin #334E5D;
	}

	.MukuzaiPoint .description {
		display: none;
	}

	.MukuzaiPoint dl {
		padding-bottom: 3%;
	}
}

/*===============================================
●smart.css  画面の横幅が576pxまで
===============================================*/
@media screen and (max-width: 576px){

	div.main_image {
		margin-top: 75px;
	}
}