@charset "UTF-8";
html {
	font-size: 62.5%; /*基本サイズ：100%(10px)*/
	scroll-behavior: smooth;
}
body {
	font-family: Arial,"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "YuGothic", 'メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
}
* {
	box-sizing: border-box;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
	padding: 0;
}
ul,ol,dl,dt,dd {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,
a:not([href*="tel"]) {
	font-feature-settings: "palt" 1;
}
a {
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
	color: inherit;
}
a[href*="tel"],
a[href*="mailto"] {
	display: inline-block;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
em {
	font-style: normal;
}
/* テーブル */
table {
	border-spacing: 0;
	border-collapse: collapse;
}
th,td {
	padding: 1em 1em 1em 0;
}
/* 細 々 */
.nowrap {
	display: inline-block;
}
.notes {
	font-size: .833334em; /*16px*/
}
.attention {
	color: #C00 !important;
}
.clear {
	clear: both;
}
/*clearfix*/
.clearfix::after,
.clearfix::before {
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
	content: "";
}
.clearfix {
	display: block;
}

/* -- ヘッダー --------------------------------------------------------------------- */
#header #site-title {
	width: 95%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto 1em;
}
#header #site-title .catchcopy {
	margin-bottom: 1em;
}
#header #site-title h1 {
	font-size: 2em;
	margin-bottom: revert;
}
#header .main-nav {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 auto 2em;
}
#header .main-nav li {
	width: 16.66667%;
}
#header .main-nav li a {
	position: relative;
	display: block;
	border-right: solid 1px #707070;
	line-height: 1;
	padding-top: 90px;
}
#header .main-nav li a::before {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 40%;
	left: 50%;
}
#header .main-nav li.home_btn a::before {
	content: url("/img/navicon-home_b.svg");
}
#header .main-nav li.chinmi_btn a::before {
	content: url("/img/navicon-chinmi_b.svg");
}
#header .main-nav li.kaiso_btn a::before {
	content: url("/img/navicon-kaiso_b.svg");
}
#header .main-nav li.tukudani_btn a::before {
	content: url("/img/navicon-tukudani_b.svg");
}
#header .main-nav li.kodawari_btn a::before {
	content: url("/img/navicon-kodawari_b.svg");
}
#header .main-nav li.company_btn a::before {
	content: url("/img/navicon-company_b.svg");
}
#header .main-nav li a:hover {
	opacity: .5;
}
/* -- フッター --------------------------------------------------------------------- */
#footer {
	background: url("/img/footer.png") no-repeat center top;
	background-size: cover;
	color: #fff;
	padding: 150px 2.5% 40px;
}
#footer .main-nav li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5em;
}
#footer .main-nav li a {
	display: block;
	line-height: 1;
}
#footer .main-nav li a::before {
	vertical-align: middle;
	margin-right: 8px;
}
#footer .main-nav li.home_btn a::before {
	content: url("/img/navicon-home_w.svg");
}
#footer .main-nav li.chinmi_btn a::before {
	content: url("/img/navicon-chinmi_w.svg");
}
#footer .main-nav li.kaiso_btn a::before {
	content: url("/img/navicon-kaiso_w.svg");
}
#footer .main-nav li.tukudani_btn a::before {
	content: url("/img/navicon-tukudani_w.svg");
}
#footer .main-nav li.kodawari_btn a::before {
	content: url("/img/navicon-kodawari_w.svg");
}
#footer .main-nav li.company_btn a::before {
	content: url("/img/navicon-company_w.svg");
}
#footer .main-nav li a::before {
	vertical-align: middle;
}
#footer .sub-nav li {
	display: inline-block;
	vertical-align: middle;
}
#footer a:hover {
}
#footer .footer-cominfo {
	margin-top: 80px;
}
#footer address {}
#footer address p {
	line-height: 1.2;
	margin: 0;
}
.copyright {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 1em;
}
/* -- コンテンツ ------------------------------------------------------------------- */
section .inner {
	padding-right: 2%;
	padding-left: 2%;
}
/* == TOP == */
body#top section h2,
body#top section h3 {
	text-align: center;
}
body#top section .inner>p {
	font-size: 2.0rem;
	line-height: 2;
}
body#top section .inner>*:last-child {
	margin-bottom: 0;
}
body#top section p {
	font-family: "dnp-shuei-mincho-pr6", sans-serif;
	font-weight: 500;
}
/* -- セクション：メイン -- */
section#top-main .inner {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
	height: 100vh;
	background-image: url("/img/top-section_bg01.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #d85f5f;
	background-size: cover;
	background-blend-mode: multiply;
	background-attachment: fixed;
}
section#top-main .inner>* {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
section#top-main p.catchcopy {
	height: 40%;
}
section#top-main #news {
	max-width: 900px;
	background-color: rgba(255,255,255,.85);
	border-radius: 30px 30px 0 0;
	text-align: center;
	margin-top: 2em;
	padding: 1.5em 0 1em;
}
section#top-main #news h2 {}
section#top-main #news ul {
	width: 95%;
	max-width: 620px;
	margin: 0 auto;
}
section#top-main #news li {
	border-top: solid 1px #707070;
	margin-top: 0.8em;
	padding-top: 0.8em;
}
section#top-main #news li a {
	display: inline-block;
}
/* -- セクション：スライダー -- */
section#slider .slick-track {
	display: flex;
	align-items: stretch;
}
section#slider figure {
	display: flex;
	align-items: center;
	width: 100vw;
	height: auto;
	background-size: cover;
	margin: 0;
}
section#slider figure.slider01 {
	background: url("/img/top-slider01_bg.jpg") no-repeat center;
}
section#slider figure.slider02 {
	background: url("/img/top-slider02_bg.jpg") no-repeat center;
}
section#slider figure.slider03 {
	background: url("/img/top-slider03_bg.jpg") no-repeat center;
}
section#slider figure.slider04 {
	background: url("/products/images/mitarashi-slider_bg.jpg") no-repeat center;
}
section#slider figure img {
	width: 90%;
	margin: 0 auto;
}
section#slider figure.slider01 img {
	max-width: 1530px;
}
section#slider figure.slider02 img {
	max-width: 1721px;
}
section#slider figure.slider03 img {
	max-width: 1721px;
}
.slick-prev,
.slick-next {
	z-index: 1;
	width: auto;
	height: auto;
}
.slick-next {right: 5px;}
.slick-next:before {content: "›";}
.slick-prev {left: 5px;}
.slick-prev:before {content: "‹";}
.slick-prev:before, .slick-next:before {
	font-size: 60px;
	color: rgba(0,0,0,.6);
}
/* -- セクション：美味探求 -- */
section#top-bimitankyu {
	background-image: url("/img/top-section_bg02_sp.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 30px 0 40%;
}
section#top-bimitankyu h2 {
	max-width: 862px;
	margin: 0 auto 1.5em;
}
/* -- セクション：みなみのこだわり -- */
section#top-kodawari .kodawari-copy {
	min-height: 100vh;
	background-image: url(/img/top-section_bg04.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(255,255,255,.75);
	background-blend-mode: screen;
	padding: 120px 0;
}
section#top-kodawari .kodawari-copy>p:last-child {
	margin-bottom: 0;
}
section#top-kodawari h3 {
	margin-bottom: 2em;
}
section#top-kodawari #kodawari-block {
	display: flex;
	flex-wrap: wrap;
	min-height: 100vh;
}
section#top-kodawari .kodawari {
	display: flex;
	align-items: flex-end;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: multiply;
	font-size: 2.0rem;
}
section#top-kodawari .kodawari#kodawari-tema {
	background-image: url("/img/top-kodawari_bg01.jpg");
	background-color: #ff6c6c;
	justify-content: flex-start;
}
section#top-kodawari .kodawari#kodawari-sajikagen {
	background-image: url("/img/top-kodawari_bg02.jpg");
	background-color: #9eff6c;
	justify-content: flex-start;
}
section#top-kodawari .kodawari#kodawari-tekagen {
	background-image: url("/img/top-kodawari_bg03.jpg");
	background-color: #ffd26c;
	justify-content: flex-end;
}
section#top-kodawari .kodawari#kodawari-sozai {
	background-image: url("/img/top-kodawari_bg04.jpg");
	background-color: #6c86ff;
	justify-content: flex-end;
}
section#top-kodawari .kodawari .kodawari-inner {
	max-width: 500px;
	mix-blend-mode: hard-light;
	color: #fff;
	padding: 2em;
	align-items: flex-end;
	justify-content: flex-start;
}
section#top-kodawari .kodawari#kodawari-tema .kodawari-inner {
	background-color: #7f0000;
}
section#top-kodawari .kodawari#kodawari-sajikagen .kodawari-inner {
	background-color: #23550a;
}
section#top-kodawari .kodawari#kodawari-tekagen .kodawari-inner {
	background-color: #7a5d19;
}
section#top-kodawari .kodawari#kodawari-sozai .kodawari-inner {
	background-color: #394269;
}
section#top-kodawari .kodawari .kodawari-inner h4 {
	max-width: 375px;
	margin-bottom: 1em;
}
section#top-kodawari .kodawari .kodawari-inner P {
	margin-bottom: 0;
}

/* == 各ページ == */
#page-head {
	background-image: url("/img/page-head_bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	letter-spacing: .1em;
	font-family: "dnp-shuei-shogomincho-std", sans-serif;
	font-weight: 700;
	font-size: 4.0rem;
	padding: 180px 2.5% 0;
}
#contents {
	max-width: 1920px;
	margin: 0 auto;
}
#contents h3 {
	color: #9a1908;
	font-family: "dnp-shuei-mincho-pr6", sans-serif;
	font-weight: 600;
	font-size: 3.0rem;
}
/* -- 会社案内 -- */
body#company {}
body#company section#aisatu {
	margin-bottom: 5em;
}
body#company section#aisatu .inner p {
	font-family: "dnp-shuei-mincho-pr6", sans-serif;
	font-weight: 500;
	font-size: 2.0rem;
	line-height: 2;
}
body#company section#aisatu .inner p img[src="/img/yago.svg"] {
	vertical-align: sub;
}
body#company section#aisatu .aisatu-daihyo {
	max-width: 1200px;
	text-align: right !important;
	margin: 3em auto;
}
body#company section#cominfo h3 {
	margin-bottom: 0;
}
body#company section#cominfo table {
	width: 100%;
}
body#company section#cominfo th {
	border-bottom: solid 1px #707070;
	color: #707070;
	text-align: left;
}
body#company section#cominfo td {
	border-bottom: dotted 1px #707070;
}
body#company section#cominfo .profile th {
	width: 6.5em;
}
body#company section#cominfo .history th {
	width: 9.5em;
}


/*************************************************************************
 Responsive Queries
 *************************************************************************/
@media screen and (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: none;
	}
	.pc_hidden {
		display: none !important;
	}
	.float_right {
		float: right;
		margin-left: 1em;
	}
	.float_left {
		float: left;
		margin-right: 1em;
	}
	/* -- ヘッダー --------------------------------------------------------------------- */
	#site-title {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	#header .main-nav {
		width: 95%;
		max-width: 960px;
		border-left: solid 1px #707070;
	}
	/* -- コンテンツ ------------------------------------------------------------------- */
	/* == TOP == */
	body#top section .inner>p,
	body#top section .kodawari-copy p {
		text-align: center;
	}
	section#top-bimitankyu {
		min-height: 700px;
		background-image: url(/img/top-section_bg02.jpg), url(/img/top-section_bg03.jpg);
		background-position: left -70px bottom, right -50px bottom;
		background-size: 60% auto;
		padding: 50px 0;
	}
	section#top-kodawari .kodawari {
		min-height: 400px;
		padding-top: 4em;
	}
	section#top-kodawari .kodawari .kodawari-inner {
		width: 80%;
	}
}
@media screen and (min-width: 1024px) {
	/* -- フッター --------------------------------------------------------------------- */
	#footer .sub-nav li:not(:last-child)::after {
		content: "｜";
		margin: 0 1em 0 1.5em;
	}
	#footer ul {
		margin: 0 0 2em 2em;
	}
	#footer address {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#footer address img {
		margin-right: 1em;
	}
	/* -- コンテンツ ------------------------------------------------------------------- */
	/* == TOP == */
	section#top-main {}
	section#top-bimitankyu {
		background-size: 45% auto;
	}
	section#top-kodawari .kodawari-copy {
		background-attachment: fixed;
	}
	section#top-kodawari #kodawari-block .kodawari {
		width: 50%;
	}
	/* == 各ページ == */
	/* -- 会社案内 -- */
	body#company section#aisatu .inner p {
		text-align: center;
	}
	body#company section#cominfo {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	body#company section#cominfo .inner {
		width: 50%;
	}
}
@media screen and (min-width: 1280px) {
	/* -- フッター --------------------------------------------------------------------- */
	#footer .footer-cominfo {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	#footer .copyright {
		text-align: right;
	}
	/* -- コンテンツ ------------------------------------------------------------------- */
	/* == TOP == */
	section#top-bimitankyu {
		min-height: 600px;
		background-size: 36% auto;
		padding: 80px 0;
	}
}
@media screen and (max-width: 1023px) {
	.tb_hidden {
		display: none !important;
	}
	/* -- フッター --------------------------------------------------------------------- */
	#footer .main-nav {
		max-width: 600px;
		margin: 50px auto 0;
	}
	#footer .main-nav li {
		width: 32%;
		margin: 0 0 2em;
	}
	#footer .sub-nav {
		text-align: center;
	}
	#footer .sub-nav li {
		width: 45%;
		max-width: 280px;
		border-bottom: solid 1px #fff;
		margin: 1em 2%;
		padding: 1em 0;
	}
	#footer address {
		text-align: center;
		margin-bottom: 2em;
	}
	/* -- コンテンツ ------------------------------------------------------------------- */
	/* == TOP == */
	body#company section#cominfo .profile {
		margin-bottom: 3em;
	}
}
@media screen and (max-width: 767px) {
	html {
		font-size: 54.6875%; /*基本サイズ：87.5%(body16px→14px)*/
	}
	.sp_hidden {
		display: none !important;
	}
	/* -- ヘッダー --------------------------------------------------------------------- */
	#header .main-nav li {
		width: 33.33334%;
		margin-bottom: 1em;
	}
	#header .main-nav li:nth-of-type(3n) a {
		border-right: none;
	}
	/* -- フッター --------------------------------------------------------------------- */
	#footer {
		background: url("/img/footer_sp.jpg") no-repeat center top;
		background-size: cover; 
		padding-top: 5px;
	}
	#footer .main-nav {
		max-width: 400px;
	}
	#footer .main-nav li {
		width: 48%;
	}
}
@media screen and (max-width: 767px) and (min-width: 451px)  {
	#footer .main-nav li:nth-of-type(even) {
		padding-left: 4em;
	}
}
@media screen and (max-width: 450px) {
	/* -- フッター --------------------------------------------------------------------- */
	#footer .main-nav {
		max-width: 180px;
	}
	#footer .main-nav li {
		width: 100%;
	}
	#footer .sub-nav li {
		width: 100%;
	}
}