@charset "utf-8";



@import url("./common/css/reset.css");
@import url("./common/css/base.css");


/*
body {
	overflow-x: hidden;
}
*/






#main {
	margin-top: 0;
}





#mainv_box {
	clear: both;
	height: 100vh;
}
#mainv {
	width: 100%;
	height: 100vh;
	background: url('/images/home/mainv01.jpg') no-repeat center top 60%;
	background-size: cover;
	background-attachment: fixed;
}
@media screen and (max-width: 768px) {
	#mainv {
		background-attachment: scroll;
	}
}

#mainv_text_box {
	padding-top: 46vh;
	text-align: center;
}
#mainv_text {
	width: 90%;
	max-width: 23em;
	margin: 0 auto;
	padding: 20px;
	background: rgba(255,255,255,0.8);
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 120%;
	font-weight: 900;
	color: #111;
	z-index: 999;
}
@media screen and (max-width:640px) {
	#mainv_text {
		font-size: 3vw;
	}
}





/*-------------------------------------
あいさつ
------------------------------------- */
#greeting .contents {
	max-width: 840px;
}
#top_works_image3 {
	margin: 40px 0;
	text-align: center;
}
#top_works_image3 img {
	width: 27.3%;
	max-width: 273px;
	height: auto;
	margin: 0 15px;
}
#top_works_image3_box {
	position: relative;
}

#top_works_image3_mobile {
	display: none;
}



/*-------------------------------------
こだわり
------------------------------------- */
#kodawari_box {
	background: #FFF6EC url('/images/home/kodawari_bg.jpg') no-repeat center bottom;
	background-size: cover;
}
#kodawari_box .contents {
	max-width: 840px;
}

.kodawari_text {
	padding: 10px 0 20px;
}


#youtube_pv {
	line-height: 1.2;
}
@media screen and (max-width: 840px){

	#youtube_pv {
		width: 100%;
		height: 472.5px;
		height: 56vw;
	}

	#youtube_pv iframe {
		width: 100%;
		height: 100%;
	}

}/* 閉じカッコ */





/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width:640px) {

/*-------------------------------------
こだわり
------------------------------------- */
.kodawari_text h3 {
	margin-top:10px;
}

#top_works_image3 {
	display: none;
}
#top_works_image3_mobile {
	display: block;
}
#top_works_image3_mobile img {
	display: block;
	width: 80%;
	padding: 5px;
}



}/*--閉じ-- */