@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic-Italic.eot');
	src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
		url('fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic-Italic.woff') format('woff'),
		url('fonts/CenturyGothic-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic.eot');
	src: local('Century Gothic'), local('CenturyGothic'),
		url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic.woff') format('woff'),
		url('fonts/CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic-Bold.eot');
	src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
		url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic-Bold.woff') format('woff'),
		url('fonts/CenturyGothic-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic-BoldItalic.eot');
	src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
		url('fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic-BoldItalic.woff') format('woff'),
		url('fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
body{
	font-family: 'Century Gothic';
}
footer{
	display:none;
}
#na_intro{
	background:url('/image/na_intro.png')no-repeat left top;
	background-size:cover;
	font-size: 24px;
	line-height: 120%;
	color: #FFFFFF;
	min-height:1080px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	overflow:hidden;
}
#na_intro .container{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
#na_intro a.na_logo{
	display:inline-block;
	margin-top:40px;
}
#na_intro .desc{
	margin-bottom:250px;
}
#na_intro h1.main_name{
	font-weight: bold;
	font-size: 148px;
	line-height: 120%;
	color: #FFFFFF;
	left:134px;
	top:270px;
	position:absolute;
}
#na_intro h1.main_name img{
	position:absolute;
}
#na_intro h1.main_name img.na_leaf1{
	left:-234px;
	top:190px;
}
#na_intro h1.main_name img.na_leaf2{
	left:713px;
	top:-30px;
}
.rel{
	position:relative;
}
#na_meat .meat{
	background:url('/image/na_meat.png')no-repeat center;
	background-size:cover;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:calc(100% + (100vw - 1140px) / 2);
}
#na_meat{
	overflow:hidden;
}
#na_meat .red_panel{
	margin:80px 0;
	position:relative;
}
#na_meat .red_panel .desc{
	position:relative;
	z-index:2;
	font-size: 24px;
	line-height: 120%;
	color: #FFFFFF;
	padding:40px 0;
}
#na_meat .red_panel:before{
	content:'';
	background:#B92328;
	position:absolute;
	left:-100px;
	width:300%;
	top:0;
	height:100%;
}
#na_meat .na_list ul{
	display:flex;
	flex-wrap:wrap;
	margin-left:-15px;
	margin-right:-15px;
}
#na_meat .na_list ul li{
	width:50%;
	padding:0 15px 0 75px;
	display:block;
	position:relative;
	font-size: 20px;
	line-height: 120%;
	color: #000000;
	margin-bottom:40px;
}
#na_meat .na_list ul li:before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:40px;
	height:40px;
	background: #B92328;
	border-radius:100%;
	margin-top:-20px;
}
.tomatos{
	padding-bottom:70px;
}
.tomatos img{
	margin-right:-100px;
}
#na_cheese{
	overflow:hidden;
}
#na_cheese img{
	max-width:1000%;
}
#na_cheese .desc{
	margin-top:80px;
	padding-left:60px;
	padding-top:60px;
	font-size: 18px;
	line-height: 120%;
	color: #000000;
	position:relative;
	margin-bottom:120px;
}
#na_cheese .index{
	position:relative;
	z-index:2;
}
#na_cheese .heading:before,
#na_cheese .desc:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:160px;
	height:160px;
	background: #B92328;
	border-radius:100%;
}
#na_cheese .heading{
	font-weight: bold;
	font-size: 60px;
	line-height: 100%;
	color: #000000;
	position:relative;
	padding-top:30px;
	padding-left:60px;
	padding-bottom:70px;
}
#na_cheese img{
	height:100%;
}
#na_intro a.na_logo,
#na_cheese .cheese.mobonly{
	display:none;
}
@media (max-width: 1199px) {
	#na_intro h1.main_name{
		position:static;
		font-size:90px;
		margin-top:150px;
		margin-left:15px;
	}
	#na_intro h1.main_name img.na_leaf2{
		left:372px;
		top:70px;
	}
	#na_intro h1.main_name img.na_leaf1{
		top:210px;
	}
	#na_intro{
		min-height:0;
	}
	#na_intro .desc{
		margin:45px 0 90px;
	}
	#na_meat .meat{
		width:calc(100% + (100vw - 960px) / 2)
	}
}
@media (max-width: 991px) {
	#na_intro h1.main_name img{
		display:none;
	}
	#na_intro h1.main_name{
		font-size:45px;
	}
	#na_intro{
		background:#000;
	}
	#na_intro .container{
		min-height:0;
	}
	#na_intro a.na_logo{
		margin-bottom:60px;
	}
	#na_meat .rel{
		padding:0;
	}
	#na_meat .meat{
		height:300px;
		width:100%;
		position:static;
	}
	#na_meat .red_panel{
		margin-top:0;
	}
	#na_meat .na_list ul{
		display:block;
		padding:0 15px;
	}
	#na_meat .na_list ul li{
		width:100%;
		padding-left:60px;
	}
	.tomatos img{
		margin-right:0;
	}
	.tomatos{
		padding-bottom:0;
	}
	#na_cheese .cheese.mobonly{
		display:block;
		transform:rotate(90deg);
	}
	#na_cheese .cheese{
		display:none;
	}
	#na_cheese .cheese img,
	#na_cheese .cheese{
		width:100%;
	}
	#na_cheese .desc{
		margin-top:30px;
		padding-left:30px;
		margin-bottom:0px;
		
	}
}