@charset "UTF-8";


/**************************************************/
/* Media Queries */
/**************************************************/
/* 画面の横幅が768px以上 */
@media screen and (min-width: 768px){
	body {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.sp{
		display:none;
	}
}

/* 画面の横幅が767px以下 */
@media screen and (max-width: 767px){
	.pc,.box {
		display:none;
	}
	.w1000 {
		width: 100%;
	}

html,body {
	line-height: 2em;

}

.ux{
	padding: 5px 0;
	text-align:center;
}
#header{
	width: 100%;
	margin: 0 auto;
	text-align:center;
	height: 100%;
}
#top h1{
	position: absolute;top: 40%; 
	text-align:center;
}

#project{
	width: 100%;
}
#project div,.company,#housou{
	display: block;
	width: 100%;
}

.companybox{
	display: block;
	width: 100%;
}

.companybigbox{
	width: 100%;
}

.bana li{
  padding: 5px;
  width: 50%;
}

.cr img{
  width: 100%;
}
.pl img{
	width: 100%;
}

.pr{width: 100%;
	padding:30px 0;
	font-size: 1em;
}

.pr img{	
	width: 100%;
}

.c1{
  width:100vw;

}
.c1 h3,.cl h3{
	font-size: 1.2em;
}

.c1 p,.cl p{
	font-size: 0.9em;
}

.c2,.c3{
  width:93vw;
}
.c2 h5 iframe,.c2 h5 img,.c3 h5 iframe,.c3 h5 img{{
	width: 100%;
}

.simply-scroll-list li {
	width: 300px;
	height: 200px;

}

.simply-scroll-list li img {
    width: 80%;
}





.marker7 img{
background:linear-gradient(transparent 75%, #fff799 75%);
font-weight:bold; 
}

.naiyo,.syashin1,#top_title h2,.naiyoin h3,.naiyoin p,.kako,.syashin2{
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
.youtube{
	clear: both;
	width:100%;
	margin-bottom:20px;
}
.naiyoin{
	clear: both;
	width: 100%;
}
.syashin1,.kako{
    display: block;
}　
.syashin1 li p{
	margin-top:20px;
}
.syashin2 li{
	width: 47%;
}
.fontsmo img{
	width: 15%;
}
/**************************************************/
/* 動画レスポンシブ */
/**************************************************/

}