@charset "UTF-8";

@media screen and (min-width: 641px) {
/*
@media screen and (min-width: 881px) {
*/

	/* START 構造・基礎 */
	.const_message1{
		margin-top: 20px;
		margin-bottom: 180px;
	}
	.const_message1 p{
		margin-top: -200px;
		margin-left: 30px;
		width: 520px;
		font-size: 120%;
	}

	.const_message2{
		margin-top: 20px;
		margin-bottom: 180px;
	}
	.const_message2 p{
		margin-top: -100px;
		margin-left: 60px;
		width: 820px;
		font-size: 120%;
	}

h2{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

h2:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: 'POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }

	.support_message1{
		font-size: 120%;
		margin: 40px 30px;
	}
	.support_message2{
		margin-left: 160px;
		width: 625px;
	}
	.support_message3{
		margin-top:60px;
	}
	.support_message4{
		text-align:center;
	}
	.support_message5{
		font-size: 120%;
		margin: 40px 30px;
	}
	/* END サポートシステム */









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

	/* START 各エリア */
	.divArea h2{
		font-size:1.429em;
		line-height:120%;
		text-align:center;
	}
	.divLeftRight .divInner{
		letter-spacing:-.40em;
	}
	.divInner .divLeft,
	.divInner .divRight{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:50%;
		letter-spacing:normal;
	}
	/* END 各エリア */
	
	
	
	

	/* START メインビジュアル */
	#divMain02{
		position:relative;
		top:0;
		left:0;
		height:auto;
/*
		padding-bottom:110%;
*/
		padding-bottom:10%;
	}
	#pMain02{
		padding-top:43%;
	}
	#pMain02 .bCnt{
		font-size:4em;
	}
	#pMain02 .bTxt{
		font-size:2em;
	}
	#pMain02{
		padding-top:31%;
		font-size:1.2em;
	}
	#pMain03{
		padding-top:55%;
		font-size:1.2em;
	}
	#divMain02 ul{
		position:relative;
		top:0;
		left:0;
		margin-left:0;
	}
	#divMain02 ul li{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		margin-left:0;
	}
	.pMainBg02,
	#pMainImg02{
		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 お客様の声 */
	
	
	/* 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 リンク */
	
	
	
}









	#divEvent ul{
		max-height:540px;
		overflow-x:hidden;
	}
	#divEvent ul li span.owner{
		color:#FFFFFF;
		background:#3366ff;
	}
	#divEvent ul li span.chintai{
		color:#FFFFFF;
		background:#ff6600;
	}