@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:#000;
}

.noodles_info {
	background:#000 url(../images/decoration01.png) no-repeat calc(50% - 300px) 270px / 196px;
	height:560px;
	padding:60px 0 90px;
	color:#FFF;
}

.noodles_info .inner {
	width:780px;
}

.noodles_info h1 {
	font-size:4.4rem;
	font-weight:700;
	margin-left:25px;
}

.noodles_info .inner p {
	margin-right:15px;
	padding-top:20px;
}

.noodles_detail {
	background:#000;
	width:100%;
	height:500px;
	color:#FFF;
	position:relative;
}
.noodles_detail.detail1 {
	background:url(../images/noodles/bg01.jpg) no-repeat center top / cover;
}
.noodles_detail.detail2 {
	background:url(../images/noodles/bg02.jpg) no-repeat center top / cover;
}

.noodles_detail .left_area {
	width:50%;
	height:500px;
	position:absolute;
	right:50%;
	background:rgba(0,0,0,0.8);
}
.noodles_detail .right_area {
	width:50%;
	height:500px;
	position:absolute;
	left:50%;
	background:rgba(0,0,0,0.8);
}

.noodles_detail .left_area div {
	position:absolute;
	right:50px;
	padding:50px 0;
}
.noodles_detail .right_area div {
	position:absolute;
	left:120px;
	padding:50px 0;
}

.noodles_detail h2 {
	font-size:28px;
	margin-left:15px;
}

.noodles_detail p {
	padding-top:20px;
	margin-left:20px;
}

main a {
	background:#C1282D url(../images/noodles/mail_icon.png) no-repeat left 25px center / 36px;
	display:inline-block;
	margin:120px auto;
	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:#000;
}

.noodles_info {
	width:94%;
	background:#000 url(../images/decoration01.png) no-repeat calc(50% - 300px) 270px / 196px;
	padding:30px 0 60px;
	color:#FFF;
	margin:0 auto;
}

.noodles_info .inner {
	width:100%;
}

.noodles_info h1 {
	font-size:2.6rem;
	font-weight:700;
	margin-left:15px;
}

.noodles_info .inner p {
	padding-top:20px;
}

.noodles_detail {
	background:#000;
	width:94%;
	color:#FFF;
	margin:0 auto;
}
.noodles_detail.detail1,
.noodles_detail.detail2 {
	background:#000;
}

.noodles_detail img {
	width:100%;
}

.noodles_detail .left_area,
.noodles_detail .right_area {
}

.noodles_detail .left_area div {
	padding:30px 0;
}
.noodles_detail .right_area div {
	padding:30px 0;
}

.noodles_detail h2 {
	font-size:2rem;
	margin-left:15px;
}

.noodles_detail p {
	padding-top:10px;
	margin-left:10px;
}

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;
}





}