@charset "utf-8";

/* ==========================================================================
TOP PAGE STYLE
=========================================================================== */

.product_area {
	background: url("/wp-content/themes/nhjapanfood/top/img/bg_product_pc.jpg") center no-repeat;
	background-size: cover;
}
.product_content {
	background-color: #fff;
    border-radius: 10px;
}
#panel_01 {
	margin-top: 38px;
}
#catchup_top:before {
	background: url("/wp-content/themes/nhjapanfood/top/img/img_catchup.png") top center no-repeat;
	background-size: 100%;
}
.block_area {
	position: relative;
	overflow: hidden;
}
.block_area:before {
	display: block;
	position: absolute;
	right: -4.5%;
	z-index: 10;
	width: 31%;
	height: 45%;
	margin: auto;
	content: '';
}
.recruit_area .heading_ttl_02 h2::after {
	content: unset;
}
.notice_area {
	background-color: #FAFAFA;
}
.notice_area .heading_ttl_02 h2::after,
.faq_area .heading_ttl_02 h2::after {
	content: unset;
}
.mod_header_area{
    height: 200px;
}
.mod_header_area.sticky{
    height: 111px;
}
.mod_list_link_4_2 ul{
    align-items: flex-start;
    justify-content: flex-start;
}
@media print, screen and (min-width: 768px) {
	.catchup_content {
		padding: 106px 50px;
	}
	.product_content {
		padding: 62px 50px 70px;
	}
	.initiative_area .mod_btn_01 {
		margin-top: 32px;
	}
	.product_area .mod_btn_01 {
		margin-top: 58px;
	}
	.notice_area .mod_list_link_4_2 {
		margin-top: 75px;
	}
	.notice_area .mod_btn_01 {
		margin-top: 70px;
	}
	.block_area {
		padding-top: 200px;
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_prod_02_pc.png") left no-repeat, url("/wp-content/themes/nhjapanfood/top/img/bg_prod_03_pc.png") right bottom no-repeat;
	}
	.block_area:before {
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_prod_01_pc.png") right no-repeat;
		-webkit-transform: translateY(-35%);
		    -ms-transform: translateY(-35%);
		        transform: translateY(-35%);
		background-size: contain;
	}
	.recruit_area {
		padding: 120px 0 200px;
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_recruit_pc.png") top -55px center no-repeat;
		background-size: cover;
		background-color: #fff;
		margin-bottom: 70px;
	}
	.footer_area {
		margin-top: 70px;
	}
    
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.block_area:before {
		height: 24%;
		background-size: 85%;
	}
	.block_area {
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_prod_02_pc.png") top 23% left no-repeat, url("/wp-content/themes/nhjapanfood/top/img/bg_prod_03_pc.png") right bottom no-repeat;
	}
}

@media screen and (max-width:767px) {
    #contents {
        margin-top: 58px;
    }
	.product_content {
		padding: 40px 20px;
	}
	.initiative_area .mod_btn_01 {
		margin-top: 20px;
	}
	.notice_area {
		padding: 65px 0 85px;
	}
	.product_area .mod_btn_01 {
		margin-top: 78px;
	}
	.notice_area .mod_list_link_4_2 {
		margin-top: 46px;
	}
	.notice_area .mod_btn_01 {
		margin-top: 46px;
	}
	.block_area {
		padding-top: 105px;
	}
	.block_area:after {
		display: block;
		position: absolute;
		top: 22%;
		left: 0%;
		z-index: -1;
		width: 79.47vw;
		height: 0;
		padding-top: 1.87%;
		padding-top: 107%;
		padding-top: 90%;
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_prod_02_sp.png") left no-repeat;
		content: '';
		background-size: 100%;
		background-size: contain;
	}
	.block_area:before {
		top: 37%;
		right: -5%;
		width: 58.67vw;
		height: 0;
		padding-top: 50%;
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_prod_01_pc.png") right no-repeat;
		background-size: contain;
	}
	#initiative {
		position: relative;
		z-index: 100;
	}
	#initiative:before {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: -1;
		width: 27%;
		height: 0;
		padding-top: 1.87%;
		padding-top: 140%;
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_prod_03_sp.png") right bottom no-repeat;
		content: '';
		background-size: 100%;
	}
	.faq_area {
		padding: 70px 0 60px;
	}
	.recruit_area {
		padding: 45vw 0 55vw;
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_recruit_01_sp.png") top center no-repeat, url("/wp-content/themes/nhjapanfood/top/img/bg_recruit_02_sp.png") bottom center no-repeat;
		background-size: contain;
        margin-bottom: 60px;
	}
	.recruit_area .heading_ttl_02 h2 {
		padding-bottom: 12px;
	}
    .mod_header_area,.mod_header_area.sticky{
        height: auto;
    }

}
@media screen and (max-width:500px) {
	.block_area:before {
		top: 35%;
		padding-top: 50%;
	}
	.recruit_area {
		padding: 160px 0 200px;
		background: url("/wp-content/themes/nhjapanfood/top/img/bg_recruit_01_sp.png") top center no-repeat, url("/wp-content/themes/nhjapanfood/top/img/bg_recruit_02_sp.png") bottom center no-repeat;
		background-size: contain;
	}
}
@media screen and (max-width:320px) {
	.block_area:before {
		top: 32%;
		width: 180px;
	}
}