@charset "utf-8";


/*------------------------------------------------------------
	タイトル
------------------------------------------------------------*/

h5 {
	width: 100%;
	background: url(../images/business/ttl_bg.jpg) no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	padding: 4% 0;
	box-sizing: border-box;
	letter-spacing: 0.2em;
}


@media screen and (min-width: 0) and (max-width: 768px) {
	
	h5 {
		width: 100%;
		background: url(../images/business/ttl_bg.jpg) no-repeat center;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 5.5vw;
		font-weight: bold;
		padding: 5% 0 4%;
		box-sizing: border-box;
		letter-spacing: 0.2em;
	}
}

/*------------------------------------------------------------
	事業紹介レイアウト
------------------------------------------------------------*/

#Business {
	width: 100%;
	margin: 4.5em auto 0;
	text-align: center;
}

@media screen and (min-width: 0) and (max-width: 768px) {
#Business {

	margin: 2.5em auto 0;
	text-align: center;
}
}


/*------------------------------------------------------------
	事業内容 business
------------------------------------------------------------*/
.business_info{
	text-align: left;
	width: 910px;
	margin: 0 auto;
	margin-bottom: 130px;
}

.business_info p{
	padding: 0.4em;
	letter-spacing: -0.01em;
}

.business_info .flexslider{
	margin-bottom: 1.3em;
	border: none;
}


.business_info p b{
    color: #2C6C67;
    text-align: center;
    font-size: 20px;
    display: block;
}


@media screen and (min-width: 0) and (max-width: 768px) {
	.business_info{
	width: 100%;
	margin-bottom: 20vw;
	font-size: 3.5vw;
	}
	

	.business_info p{
		padding: 0 3%;
	}
	
	.business_info p b{
    font-size: 4vw;
}
	
	
}

/*------------------------------------------------------------
	生産設備 production facilities
------------------------------------------------------------*/
#Business div.clearfix ul {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 910px;
}

#Business div.clearfix ul li {
	width: 48%;
	margin-bottom: 2em;
}

	#Business div.clearfix ul li:nth-child(odd) {
		margin-right: 4%;
	}

#Business div.clearfix ul li img {
	width: 100%;
}

#Business div.clearfix ul li .Txt {
	text-align: left;
	margin-top: 0.2em;
	margin-bottom: 2em;
}

#Business div.clearfix ul li .Txt b{
	margin-bottom: 0.2em;
	margin-top: 0.5em;
	display: inline-block
}


@media screen and (min-width: 0) and (max-width: 768px) {


	#Business div.clearfix ul{
		display: block;
		flex-wrap: wrap;
	}

	#Business div.clearfix ul li {
		width: 100%;
		margin-bottom: 1em;
	}

		#Business div.clearfix ul li:nth-child(odd) {
			margin-right: 0;
		}

	#Business div.clearfix ul li img {
		width: 100%;
	}
	
	#Business div.clearfix ul li .Txt {
		text-align: left;
		font-size: 3.5vw;
		margin: 0.3em auto 2.5em;
		width: 96%;
	}	

}

/*------------------------------------------------------------
その他にも多数木材加工機がございます。
「こんなことできないかな？」とご要望があれば、ぜひ、ご相談ください。
------------------------------------------------------------*/
#Business .Ttl {
	width: 100%;
	margin: 0 auto;
	font-family: 'yumindb', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 30px;
	margin-bottom: 1em;
	margin-top: 2em;
}


@media screen and (min-width: 0) and (max-width: 768px) {
	

	#Business .Ttl {
		font-family: 'yumindb', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
		font-size: 4.9vw;
		margin-bottom: 0.5em;
	}
}