@charset "utf-8";
/* CSS Document */


@media screen and (min-width:768px), print{
/*----------------------------------------------------------------------

PC Style

----------------------------------------------------------------------*/

/**********************************************************/
/* メイン画像 */
/**********************************************************/

.main_img {
	width:100%;
	height:400px;
	position:relative;
}

.main_img img {
	width:100%;
	height:400px;
	object-fit:cover;
}


/**********************************************************/
/* メインエリア */
/**********************************************************/

main {
	background: url(../images/works/main_bg.jpg) top center / cover;
}

.works_info {
	width:820px;
	height:650px;
	background:url(../images/decoration01.png) no-repeat calc(50% - 300px) 270px / 196px;
	padding:60px 0 180px;
	color:#444;
	margin:0 auto;
}

.works_info p,
.works_detail p {
	margin-right:15px;
	padding-top:20px;
}

.works_detail {
	background:url(../images/decoration01.png) no-repeat calc(50% - 300px) 550px / 196px;
	padding:60px 0;
	width:100%;
}

.works_detail h1 {
	font-size:3rem;
}

.works_detail .cont01 {
	position:relative;
	margin-bottom:320px;
}

.works_detail .cont01 .txt {
	color:#444;
	min-width:500px;
	height:520px;
	background-image:url(../images/works/cont_bg.png);
	padding:50px;
}

.works_detail .cont01 .txt {
	position:absolute;
	top:150px;
	right:0;
}

.works_detail img {
	width:850px;
	height:450px;
	object-fit:cover;
	display:block;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

main a {
	background:#C1282D url(../images/noodles/mail_icon.png) no-repeat left 25px center / 36px;
	display:inline-block;
	margin:0 auto 150px;
	color:#FFF;
	font-size:2rem;
	padding:10px 40px 10px 90px;
	border-radius:5px;
}


}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------

SP Style

----------------------------------------------------------------------*/

/**********************************************************/
/* メイン画像 */
/**********************************************************/

.main_img {
	width:100%;
	position:relative;
}

.main_img img {
	width:100%;
}


/**********************************************************/
/* メインエリア */
/**********************************************************/

main {
	background: url(../images/works/main_bg.jpg) top center / cover;
}

.works_detail p {
	padding-top:20px;
}

.works_detail {
	padding:60px 0 0;
	width:100%;
}

.works_detail h1 {
	font-size:2rem;
}

.works_detail .cont01 .txt {
	color:#444;
	width:100%;
	background-image:url(../images/works/cont_bg.png);
	padding:30px 10px;
}

.works_detail img {
	width:100%;
	object-fit:cover;
	display:block;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

main a {
	background:#C1282D url(../images/noodles/mail_icon.png) no-repeat left 15px center / 26px;
	display:inline-block;
	margin:60px auto;
	color:#FFF;
	font-size:2rem;
	padding:10px 25px 10px 40px;
	border-radius:5px;
}



}