@charset "UTF-8";

/* CSS Document */


/* リセット */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

*{font-family: 'M PLUS Rounded 1c', sans-serif;
	  
} 
/* opera 9 */
;;body{
font-family:"メイリオ",Meiryo,sans-serif;
}
/* Internet Explorer 7 */
*:first-child+html body{
font-family:"メイリオ",Meiryo,sans-serif;
}
/* Internet Explorer 6 or sooner */
*html body{
font-family:"メイリオ",Meiryo,sans-serif;	
}
body{
	margin: 0 auto;
	background-color:#eee;
	
}

h2 img{
	font-family: 'Special Elite', cursive;
	padding-bottom:60px;
	text-align:center;
	font-size:2rem;
	width:100%;
}

#flex_contents{
	max-width:100%; 
	margin:0 auto;/* 余白指定 */
	height:auto;

	justify-content:space-around;	/*フレックスボックス中央揃え */
	flex-wrap: wrap;  /* 折り返し指定 */
	/* stickの回避コード */
	display: -webkit-box;
 	display: -moz-box;
  	display: -webkit-flexbox;
  	display: -moz-flexbox;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: -moz-flex;
  	display: flex;
	}


	#conte_left{
	width:30%;
	height:auto;
	padding-bottom:30px;
	padding-left:30px;
	}
	#conte_right{
	width: 60%;
	height: auto;
	padding-bottom: 30px;
	color: #000;
	padding-right:30px;
	
}

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
#conte_left{
	width:100%;
	height:auto;
	padding:0 20px;
	
	}
	#conte_right{
	width: 100%;
	height:auto;
	color: #000;
	padding:20px;	
}

}
#st{/*ワークサイドカテゴリ*/
	position:sticky;
	margin-bottom: 0;
 	top: 80px;
 	z-index: 1;
	height:auto;
	top:10px;
  	position: -webkit-sticky;
  	position: sticky;
	}
	#conte_left p{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #000;
	text-align: left;
	font-size: 1rem;
		}
	.menu{
			border-bottom: 1px #333 dashed;
			padding: 15px 15px 15px 0px;
			}
		
	.blog{
			border-bottom:none;
			padding: 20px 15px 5px 0px;
			line-height:1.8em;
			}
	.blog span{
			font-size:0.7rem;
			color:#C00;
			}
#conte_left a{
	font-family: 'Special Elite', cursive;
	color:#000;
	text-decoration:none;
	}
#conte_left a:hover{
		text-decoration:underline;
		color:#666;
		}

#works01,#works02,#works03,#works04,#works05,#works06{/*ワークスCategoryタイトル*/
	text-align: center;
	font-size: 2rem;
	color: #333;
	letter-spacing: 0.05em;
	font-weight:300;
	border-bottom:1px #333 solid;
	border-top:1px #333 solid;
	padding:15px 0;
	}
.about_tex{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 300;
	text-align: left;
	font-size: 0.9rem;
	line-height: 1.7em;
	letter-spacing: 0.01em;
	padding-top: 10px;
		}
	@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
	#works01,#works02,#works03,#works04,#works05,#works06{/*ワークスCategoryタイトル*/
	text-align: center;
	font-size: 1.8rem;
	color: #333;
	letter-spacing: 0.05em;
	font-weight:300;
	border-bottom:1px #333 solid;
	border-top:1px #333 solid;
	padding:15px 0;
	margin:0 20px;
	}
	.about_tex{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:400;
	text-align:left;
	font-size:0.9rem;
	line-height:1.7em;
	letter-spacing:0.01em;
	padding-top:20px;
	margin:0 20px;
		}
	}

	@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
		
		.strong{
			font-family: 'M PLUS Rounded 1c', sans-serif;
			font-weight:400;
			font-size:1.2rem;
			padding-bottom:10px;
			letter-spacing:0.05em;
			}
		
		}
	



	h4{/*現場名タイトル */
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	padding-top: 10px;
	line-height: 1.2em;
	margin-bottom: 15px;
	text-align:center;
	padding:10px;
	margin-top:20px;
	background-color:#333;
	color:#fff;
	border-radius: 20px 20px 20px 20px;
	letter-spacing:0.01em;
	}
	h4 span{
		font-size:0.7rem;
		
		
		}
	@media screen and (max-width: 479px) {
	h4{/*現場名タイトル */
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	padding-top: 10px;
	line-height: 1.2em;
	margin-bottom: 15px;
	text-align:center;
	padding:10px;
	margin: 20px;
	background-color:#333;
	color:#fff;
	border-radius: 20px 20px 20px 20px;
	letter-spacing:0.01em;
	}
	h4 span{
		font-size:0.8rem;
		
		}
	.shop_info{
		font-family: 'Noto Serif JP', serif;
		font-size:1rem;
		text-align:center;
		line-height: 1.8em;
		color:#000;
		margin:20px;
		}
		.shop_info img{
			width:250px;
			height:50px;
			
			}
			.shop_info span{
	font-family: 'Noto Serif JP', serif;
	color:#09C;
	font-size:1rem;
		}}
	
		
.shop_info{
		font-family: 'Noto Serif JP', serif;
		font-size:0.9rem;
		text-align:center;
		line-height: 1.8em;
		color:#000;
		margin-top:30px;
		}
.shop_info a{
		font-family: 'Noto Serif JP', serif;
		color:#333;
		
		}
.shop_info a:hover{
		text-decoration:none;
		}
.shop_info span{
	font-family: 'Noto Serif JP', serif;
	color:#09C;
		}

		.w_shop img{
	height: 300px;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	}	
#life_flex{/*施工例画像フレックスボックスにする */
	display: flex;
	overflow-x: scroll;
	flex-direction: row;
	background-color:#fff;
	margin-top:30px;
	margin-bottom:30px;
} 

		
		
		
		


/*サイドナビ*/
	
	#news {
	width: 100%;
	height: 380px;
	padding-bottom: 15px;
	}
	#news_j {
	width: 100%;
	height: 380px;
	padding-bottom: 15px;
	}
	.insta{
		background-image:url(../img/instagram.png);
		background-repeat:no-repeat;
		width:110px;
		height:35px;
		padding-top:25px;
		padding-left:45px;
		
		
		}
		.insta span{
		font-family: 'Raleway', sans-serif;
		font-size:0.8rem;
			}
	

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
	

		

}
#contact{
	font-family: 'Fredericka the Great', cursive;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	font-size:2rem;
	color:#333;
	letter-spacing:0.05em;
	line-height:1.3em;
	}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
border:1px #fff solid;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}