@charset "UTF-8";


	
@media screen and (min-width: 641px) {
	
	/* START 各エリア */
	.divArea .divInner{
		margin:0 auto 10 auto;
	}
	.divArea h2{
		padding-top:40px;
	}
	/* END 各エリア */
	
	

	
	

	/* START メインビジュアル */
	#divMain01{
		position:relative;
		top:0;
		left:0px;
		height:300px;
		margin-bottom:0%;
		background:#f5f5ea;
	}
	/* END メインビジュアル */
	
	
	
	/* START 資料請求 */
	#pReq{
		position:fixed;
		right:0;
		top:155px;
		z-index:100;
	}
	/* END 資料請求 */

	/* START 資料請求 */
	#pReq02{
		position:fixed;
		right:0;
		top:320px;
		z-index:100;
	}
	/* END 資料請求 */
	
	
	
	/* START ストーリー */
	#divStory{ padding-bottom:7%; }
	#divStory p:first-child{ margin-bottom:40px; }
	/* END ストーリー */
	
	
	/* START 商品 */
	#divSum{
		padding-bottom:7%;
		background:#f5f5ea;
		padding:3% 0 3% 0;
	}
	#divSum ul{
		letter-spacing:-.40em;
	}
	#divSum ul li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:31%;
		margin-left:2%;
	}
	#divSum ul li:first-child{
/*		margin-left:1%;
*/
		margin-left:3%;
	}
	#divSum h2{
		font-size: 1.2em;
		margin-bottom: 30px;
	}
	/* END 商品 */
	
	
	/* START 施工事例＆お客様の声 */
	#divWorkVoice{
		background:url(../img/common/bg_gray01.gif) top left repeat;
		padding:4% 0;
		background-color:#f0f0f0;
	}
	#divWorkVoice h2{
		margin-bottom:4%;
	}
	#divWorkVoice .bx-wrapper{
		left:-24px;
	}
	#divWorkVoice .mincho{
		margin-top: 10px;
	}
	#divWorkVoice .mincho b{
		font-size:1.143em;
		font-weight:bold;
	}
	/* END 施工事例＆お客様の声 */
	
	
	/* START 施工事例スライダー */
	#divWork .bx-prev{
		height:30px !important;
		background:url(../img/common/bxsld_btn03.png) top left no-repeat !important;
		left:-32px;
	}
	#divWork .bx-next{
		height:30px !important;
		background:url(../img/common/bxsld_btn04.png) top left no-repeat !important;
		right:-52px;
	}
	/* END 施工事例スライダー */
	
	
	/* START お客様の声 */
	#divVoice{
		text-align:center;
	}
	/* END お客様の声 */
	
	
	/* START お知らせ＆イベント＆見学会 */
	#divNewsEvent{ padding:3% 0 3% 0; }
	#divNewsEvent .divInner .divLeft,
	#divNewsEvent .divInner .divRight{
		width:48%;
	}
	#divNewsEvent .divInner .divRight{
		margin-left:4%;
	}
	#divNewsEvent .divInner ul{
		border-top:1px solid #999999;
	}
	#divNewsEvent .divInner ul li{
		width:94%;
		margin:0 auto;
		border-bottom:1px solid #CCCCCC;
		padding:4% 0 3% 0;
	}
	#divNewsEvent .divInner ul li:last-child{
		border-bottom:none;
	}
	#divNewsEvent .pDate{
		margin-bottom:1%;
	}
	#divNewsEvent .pDate span{
		background:#0074C1;
		display:inline-block;
		*display:inline;
		*zoom:1;
		font-size:0.857em;
		padding:1% 2%;
		line-height:100%;
		color:#FFFFFF;
		font-weight:bold;
		margin-left:2%;
	}
	#divNewsEvent .pArchive{
		text-align:right;
	}
	/* END お知らせ＆イベント＆見学会 */
	
	
	/* START お問い合わせ */
	#divContact{  padding:4% 0 2%; }
	#divContact ul{
		letter-spacing:-.40em;
		text-align: center;
	}
	#divContact ul li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:25%;
		margin-right:0%;
		margin-bottom: 30px;
		vertical-align:bottom;
	}
	#divContact ul li:nth-child(3n) {
		margin: 0 0 30px;
	}
	#divContact ul li:first-child{
		margin-left:0;
		position:relative;
	}
	#divContact ul li:first-child .pContact01{
		position:absolute;
		bottom:10px;
		left:10px;
	}
	#divContact ul li:first-child .pContact02{
		position:absolute;
		bottom:10px;
		right:10px;
	}
	/* END お問い合わせ */
	
	
	/* START ピックアップコンテンツ */
	#divPickup{ background:#FfFfFf; padding:3% 0 3% 0; }
	#divPickup .divInner{
		max-width:100%;
	}
	#divPickup h2{
		margin-bottom:0px;
	}
	#divPickup .divInner{
		width:100%;
		max-width:940px;
	}
	#divPickup ul{
		letter-spacing:-.40em;
		width: 100% !important;
		text-align: center;
	}
	#divPickup ul li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:200px;
		margin:0 10px;
	}
	/**/
	#divPickup .bx-wrapper img {
		max-width:none;
	}
	#divPickup .ulBxslider03{
		position:static;
		width:100%;
		transition-duration: 0!important;
		transform:none !important;
	}
	#divPickup .ulBxslider03 li{
		float:none !important;
		list-style: none;
		position:static !important;
		width: 30% !important;
	}
	#divPickup .bx-viewport{
		width: 100%;
    overflow: hidden;
    position:static !important;
    height: auto !important;
	}
	#divPickup .bx-controls{
		display:none !important;
	}
	#divPickup .bx-wrapper{
		max-width:none !important;
	}
	#divPickup .bx-clone{
		display:none !important;
	}
	/* END ピックアップコンテンツ */
	

	/* START ピックアップコンテンツ２ */
	#divPickup2{ background:#ffffff; padding:3% 0 3% 0; }
	#divPickup2 h2{
		margin-bottom:3%;
	}
	#divPickup2 .divInner{
		width:100%;
		max-width:940px;
	}
	#divPickup2 ul{
		letter-spacing:-.40em;
		width: 100% !important;
		text-align: center;
	}
	#divPickup2 ul li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:200px;
		margin:0 10px;
		width: 30% !important;
	}
	/**/
	#divPickup2 .bx-wrapper img {
		max-width:none;
	}
	#divPickup2 .ulBxslider03{
		position:static;
		width:100%;
		transition-duration: 0!important;
		transform:none !important;
	}
	#divPickup2 .ulBxslider03 li{
		float:none !important;
		list-style: none;
		position:static !important;
		width: 30% !important;
	}
	#divPickup2 .bx-viewport{
		width: 100%;
		overflow: hidden;
		position:static !important;
		height: auto !important;
	}
	#divPickup2 .bx-controls{
		display:none !important;
	}
	#divPickup2 .bx-wrapper{
		max-width:none !important;
	}
	#divPickup2 .bx-clone{
		display:none !important;
	}
	/* END ピックアップコンテンツ２ */

	#divPickup3{ background:#F0F0F0; padding:1% 0 3% 0; }

	#divPickup3 .pMerit{
		padding: 0% 10% 4% 17%;
		border-bottom: 2px solid gray;
		font-size:120%;

	}

	#divPickup3 .merit_h2{
		position: relative;
	}

	#divPickup3 .merit_h2text{
		top: 70px;
		padding-left: 160px;
		position: absolute;
	}

	#divPickup3 .merit_h2text_1LINE{
		top: 85px;
		padding-left: 160px;
		position: absolute;
	}

	#divPickup3 img.merit_photo {
		float:right;
		margin-top: 30px;
		margin-left: 20px;"
	}
	
	/* START リンク */
	#divLink{ background:#F0F0F0; padding:4% 0; }
	#divLink .divInner{
		width:100%;
	}
	#divLink ul{
		letter-spacing:-.40em;
		text-align:center;
	}
	#divLink ul li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:174px;
		margin:0 10px;
		font-size:0.857em;
		letter-spacing:normal;
		text-align:left;
		padding: 0 0 10px 0;
	}
	/* END リンク */
	
	







	
}
@media screen and (max-width:640px){
/*
@media screen and (max-width:880px){
*/

	.u_sp{
		display:block;
		width:100%;
	}
	.u_pc{
		display:none!important;
	}
	/* START 各エリア */
	.divArea h2{
		font-size:1.429em;
		line-height:120%;
		text-align:center;
	}
	/* END 各エリア */
	
	

	/* START メインビジュアル */
	#divMain01{
		position:relative;
		top:0;
		left:0;
		height:auto;
/*
		padding-bottom:110%;
*/
		padding-bottom:10%;
	}
	#pMain01{
		padding-top:43%;
	}
	#pMain01 .bCnt{
		font-size:4em;
	}
	#pMain01 .bTxt{
		font-size:2em;
	}
	#pMain02{
		padding-top:31%;
		font-size:1.2em;
	}
	#pMain03{
		padding-top:55%;
		font-size:1.2em;
	}
	#divMain01 ul{
		position:relative;
		top:0;
		left:0;
		margin-left:0;
	}
	#divMain01 ul li{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		margin-left:0;
	}
	.pMainBg01,
	#pMainImg01{
		position:absolute;
		top:0;
		left:0;
		margin-left:0;
	}
	/* END メインビジュアル */
	
	
	/* START イベントスライダー */
	#divEventBnr .divBxslider01,
	#divEventBnr .divBxslider01 .bx-viewport {
		height: auto !important;
	}
	#divEventBnr .ulBxslider01 li a img{
		margin:0 6%;
		width:88%;
	}
	#divEventBnr .divBxslider01 .bx-prev{
		background:url(../img/common/bxsld_btn03.png) top left no-repeat !important;
		background-size: auto 100% !important;
		left:-5%;
	}
	#divEventBnr .divBxslider01 .bx-next{
		background:url(../img/common/bxsld_btn04.png) top right no-repeat !important;
		background-size: auto 100% !important;
		right:-5% !important;
	}
	/* END イベントスライダー */
	
	
	/* START ストーリー */
	#divStory{ padding-bottom:6%; }
	#divStory .divInner{
		width: 94%;
    margin: 0 auto;
	}
	#divStory .divInner p:first-child{
		margin-bottom:6%;
	}
	
	
	/* START 商品 */
	#divSum{
		padding-bottom:6%;
		background:#f0f0f0;
		padding:4% 0 1% 0;
		margin-bottom: 25px;
	}
	#divSum ul{
		letter-spacing:-.40em;
	}
	#divSum ul li{
		display:block;
		margin: 0 3% 6% 3%;
	}

	/* END 商品 */
	
	
	/* START 施工事例＆お客様の声 */
	#divWorkVoice{
		background:url(../img/common/bg_gray01.gif) top left repeat;
		padding:10% 0;
		background-color:#f0f0f0;
	}
	#divWorkVoice .divInner .divLeft,
	#divWorkVoice .divInner .divRight {
		display:block;
		width:94%;
		margin:0 auto;
	}
	#divWorkVoice .divInner .divLeft{
		margin-bottom:6%;
	}
	#divWorkVoice h2{
		margin-bottom:2%;
	}
	/* END 施工事例＆お客様の声 */
	
	
	/* START お客様の声 */
	#divVoice{
		text-align:center;
	}
	/* END お客様の声 */

#divPickup1{
	margin:20px;
	font-size:130%;
}

#divPickup2 p.pMerit{
	position:relative!important;
	padding: 0 10px 10px 10px!important;
	top:0!important;
}

#divPickup2 img{
	display:block;
	margin:0 auto;
}


#divPickup3{
margin-top:20px;
}
#divPickup3 img.merit_photo{
    display: block;
    margin: 15px auto;
}
	
	/* START お知らせ＆イベント＆見学会 */
	#divNewsEvent h2{
		margin-bottom:3%;
	}
	#divNewsEvent .divInner .divLeft,
	#divNewsEvent .divInner .divRight{
		display:block;
		width:100%;
		padding:9% 0;
		background:#FFFFFF;
	}
	#divNewsEvent .divInner .divRight{
		border-top:4px solid #CCCCCC;
	}
	#divNewsEvent .divInner ul{
		border-top:1px solid #999999;
		width:94%;
		margin:0 auto;
	}
	#divNewsEvent .divInner ul li{
		width:100%;
		border-bottom:1px solid #CCCCCC;
		padding:4% 0 3% 0;
	}
	#divNewsEvent .divInner ul li:last-child{
		border-bottom:none;
	}
	#divNewsEvent .pDate{
		margin-bottom:1%;
	}
	#divNewsEvent .pDate span{
		background:#0074C1;
		display:inline-block;
		*display:inline;
		*zoom:1;
		font-size:0.857em;
		padding:1% 2%;
		line-height:100%;
		color:#FFFFFF;
		font-weight:bold;
		margin-left:2%;
	}
	#divNewsEvent .pArchive{
		width:94%;
		margin:0 auto;
		text-align:right;
	}
	/* END お知らせ＆イベント＆見学会 */
	
	
	/* START お問い合わせ */
	#divContact{ background:#CCCCCC; padding:4% 0 8% 0; }
	#divContact ul{
		width:94%;
		margin:0 auto;
	}
	#divContact ul li{
		display:block;
		margin-top:10%;
	}
	#divContact ul li img{
		display:block;
	}
	#divContact ul .wrestling {
		margin-top:3%;
	}
	/* END お問い合わせ */
	
	
	/* START ピックアップコンテンツ */
	#divPickup{ padding:8% 0; }
	#divPickup .divInner{
		max-width:100%;
	}
	#divPickup h2{
		margin-bottom:3%;
	}
	#divPickup .divBxslider01 {
		width: 100%;
		overflow:hidden;
		height: 100px;
	}
	#divPickup .divBxslider02 {
		width: 200px;
		margin: 0 auto;
		height: 100px;
		position: relative;
		}
	#divPickup .divBxslider03 {
		width: 660px;
		position: absolute;
		left: 50%;
		margin-left: -330px;
	}
	#divPickup .ulBxslider03 {
		width: 100%;
	}
	#divPickup .ulBxslider03 li{
		width: 200px;
	}
	#divPickup .ulBxslider03 li img {
		width: 100%;
		vertical-align: bottom;
	}
	#divPickup .divBxslider01 .bx-prev{
		background:url(../img/common/bxsld_btn03.png) top left no-repeat !important;
		background-size: auto 100% !important;
		left:50% !important;
		margin-left: -115px;
	}
	#divPickup .divBxslider01 .bx-next{
		background:url(../img/common/bxsld_btn04.png) top right no-repeat !important;
		background-size: auto 100% !important;
		left:50% !important;
		margin-left: 85px;
	}
	/* END ピックアップコンテンツ */
	
	
	
	/* START リンク */
	#divLink{ background:#F0F0F0; padding:4% 0; }
	#divLink .divInner{
		width:100%;
	}
	#divLink ul{
		letter-spacing:-.40em;
		text-align:center;
		width:94%;
		margin:0 auto;
	}
	#divLink ul li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:46%;
		letter-spacing:normal;
		text-align:center;
		margin:2%;
	}
	#divLink ul li .pText{
		display:none;
	}
	/* END リンク */
	
	




	
}