@charset "UTF-8";

html {
	overflow-y: scroll;	
	min-height: 100vh;
	height: -webkit-fill-available;
}

body {
	word-break: break-all;
	min-height: 100vh;
	height: -webkit-fill-available;
	line-height: 1.8;
	font-size: 15px;
	font-family: "Noto Sans JP","Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #010101;
	color: #eee;
}

@media screen and (max-width:767px) {
	body {
		font-size: 14px;
	}	
}

img { 
	max-width: 100%;
	height: auto; 
}

a:link    { color: #eee; text-decoration: underline; }
a:visited { color: #eee; }
a:hover   { color: #eee; text-decoration: none; }
a:active  { color: #eee; }

/* レスポンシブ */
@media screen and (max-width:1024px) {
	.pc { display: none; } 
}

@media screen and (max-width:767px)  {
	.pctb { display: none; } 
}
@media screen and (max-width:768px) {
	.tb { display: none; } 
}
@media screen and (min-width:1025px) {
	.tb { display: none; } 
}
@media screen and (min-width:1025px) {
	.sptb { display: none; } 
}
@media screen and (min-width:768px) {
	.sp { display: none; }
}

/*========================================================================

00.共通

========================================================================*/

.min {
	font-family: "Noto Serif JP","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.movieBox {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.movieBox iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.btn {
	text-align: center;
}

.submitWrap {
	text-align: center;
}

.submit {
	display: inline-block;
	position: relative;
}

.submit input,
.btn a {
	display: inline-block;
	background: linear-gradient(#082d65,#061f42);
	color: #eee;
	padding: 20px;
	letter-spacing: 2px;
	text-decoration: none;
	min-width: 250px;
	position: relative;
	border: none;
	cursor: pointer;
}

.submit:before {
	content: "→";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	font-size: 18px;
	line-height: 1;
	z-index: 3;
}

.btn a:before {
	content: "→";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	font-size: 18px;
	line-height: 1;
}

.submit:hover,
.btn a:hover {
	opacity: 0.7;
}

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

	.submit input,
	.btn a {
		padding: 15px;
		min-width: 100%;
		box-sizing: border-box;
		letter-spacing: 0;
	}
	
	.submit input:before,
	.btn a:before {
		margin-top: -8px;
		font-size: 16px;
	}

}


.btnW {
	text-align: center;
}

.btnW a {
	display: inline-block;
	color: #eee;
	padding: 19px;
	letter-spacing: 2px;
	text-decoration: none;
	min-width: 250px;
	position: relative;
	border: 1px solid #eee;
}

.btnW a:before {
	content: "→";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	font-size: 18px;
	line-height: 1;
}

.btnW a:hover {
	opacity: 0.7;
}

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

	.btnW a {
		padding: 15px;
		min-width: 230px;
	}

	.btnW a:before {
		margin-top: -8px;
		font-size: 16px;
	}

}

/*---------------------------------------------------------
ヘッダー
---------------------------------------------------------*/

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	display: table;
	z-index: 7;
	background: rgba(255,255,255,0.95);
}

#header .logo {
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
	width: 222px;
}

#header .summary {
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #222;
	font-size: 0.8rem;
	line-height: 1;
}

#header .summary:before {
	content: "|";
	margin-right: 20px;	
}

@media screen and (max-width:1480px) {
	#header .summary {	
		display: none;
	}
}

@media screen and (max-width:767px) {
	#header  {
		height: 60px;
	}	
	#header .cover{
		height: 60px;
	}
	#header .logo img {
		width: auto;
		height: 24px;
	}
}

/* グローバルナビ
------------------------------------------*/

#header .globalNav {
	display: table-cell;
	vertical-align: middle;
}

#header .globalNav ul {
	display: flex;
	float: right;
}
#header .globalNav ul li {
	display: table;
	letter-spacing: 2px;
}
#header .globalNav ul li a {
	display: table-cell;
	vertical-align: middle;
	height: 100px;
	color: #222;
	padding: 0 15px;
	text-decoration: none;
}

#header .globalNav ul li a:hover {
	opacity: 0.7;
}

.navTel {
	padding: 0!important;
	margin-left: 20px;
}

.navTel a {
	color: #222!important;
	font-size: 0.75rem;
	font-weight: bold;
	padding: 0 20px 0 0!important;
	line-height: 1.3;
	font-weight: normal;
	letter-spacing: 0.03rem;
}

.navTel a span {
	font-size: 1.8rem;	
	font-weight: bold;
	letter-spacing: -1px!important;
}

.navTel a:before {
	display: inline-block;
	width: 26px;
	height: 26px;
	content: "";
	background: url("../images/common/ico_tel.png");
	background-size: cover;
	margin: 0 5px -2px 0;
}

.navContact {
	background: #000;
	width: 130px;
	letter-spacing: 0px!important;
	text-align: center;
}

.navContact a {
	padding: 0!important;
	color: #eee!important;
}

.navContact a:before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 auto 5px;
	background: url("../images/common/ico_mail.png");
	background-size: cover;
}

.navStore {
	background: #11356b;
	width: 130px;
	letter-spacing: -2px!important;
	text-align: center;
	padding: 0;
}

.navStore a {
	padding: 0!important;
	color: #eee!important;
}

.navStore a:before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 auto 5px;
	background: url("../images/common/ico_cart.png");
	background-size: cover;
}

#header.fixed .globalNav a {
	color: #222;
}

#header.fixed .globalNav .navTel a,
#header.fixed .globalNav .navStore a,
#header.fixed .globalNav .navContact a {
	color: #eee;	
}

#header.fixed .summary {
	color: #222;		
}*

/*ナビ固定時*/
#header .cover {
	background: rgba(255,255,255,0.95);
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

@media screen and (max-width:1320px) {
	#header .summary {
		padding-left: 10px;
	}
	#header .summary:before {
		margin-right: 10px;	
	}
	#header .globalNav ul li a {
		padding: 0 10px;
	}	
	.navContact {
		width: 130px;
		margin-left: 20px;
	}
	.navStore {
		width: 130px;
	}
	.navTel {
		display: none!important;
	}
}

@media screen and (max-width:1200px) {
	#header .summary {
		display: none;
	}
}

@media screen and (min-width:1025px) {
	.menu {
		display: none;
	}
	.mdlNavBoxWrap {
		display: none;
	}
}

@media screen and (max-width:1024px) {
	#header .globalNav {
		display: none;
	}

	.mdlAra {
		display: block;
	}

	.menu, .menu span {
		display: inline-block;
		-webkit-transition: all .2s;
		transition: all .2s;
		box-sizing: border-box;
	}

	.menu {
		position: fixed;
		top:  27px;
		right: 20px;
		width: 47px;
		height: 47px;
		z-index: 2000;
		cursor: pointer;
		background: #000;
		box-sizing: border-box;
		border-radius: 7px;
		z-index: 10;
	}

	.menu:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}

	.menu span {
		position: absolute;
		left: 8px;
		width: 31px;
		height: 2px;
		background: #fff;
		z-index: 100;
	}

	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 14px;
	}

	.menu span:nth-of-type(2) {
		top: 22px;
	}

	.menu span:nth-of-type(3) {
		top: 30px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}

	.menu.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}

	.mdlNavBox {
		text-align: center;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9;
		width: 100%;
		background: rgba(255,255,255,1);
	}
	
	.mdlNavBox {
		padding: 30px 0;
		box-sizing: border-box;
	}
	
	.mdlBg {
		background: rgba(0,0,0,0.7);
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	.mdlLogo {
		padding:  0 0 30px;
	}
	.mNav {
		border-radius: 10px;
		border: 1px solid #444;
		margin: 0 20px 30px;
	}
	.mNav li {
		border-bottom: 1px solid #444;	
	}
	.mNav li:last-child {
		border-bottom: none;
	}
	.mNav li a {
		display: block;
		padding: 15px;
		text-align: left;
		text-decoration: none;
		color: #222;
		position: relative;
	}

	.mNav li a:after {
		display: block;
		height: 16px;
		font-size: 16px;
		content: "→";
		top: 50%;
		right: 0;
		margin-top: -8px;
		position: absolute;
		line-height: 1;
	}
	
	.mNavBtn {
		display: flex;
	}
	
	.mNavBtn a {
		color: #fff;
	}
	
	.mNavContact {
		background: #000;
		width: 50%;
		text-align: center;
	}
	
	.mNavContact a {
		padding: 20px;
		display: block;
		text-decoration: none;
	}

	.mNavContact a:before {
		content: "";
		display: block;
		width: 34px;
		height: 34px;
		margin: 0 auto 5px;
		background: url("../images/common/ico_mail.png");
		background-size: cover;
	}

	.mNavStore {
		background: #11356b;
		width: 50%;
		letter-spacing: -2px!important;
		text-align: center;
	}
	
	.mNavStore a {
		padding: 20px;
		display: block;
		text-decoration: none;
	}

	.mNavStore a:before {
		content: "";
		display: block;
		width: 34px;
		height: 34px;
		margin: 0 auto 5px;
		background: url("../images/common/ico_cart.png");
		background-size: cover;
	}
	
	.mNavTel {
		padding: 0!important;
		display: inline-block;
		text-align: left;
		line-height: 1.1;
		margin-top: 30px;
	}

	.mNavTel a {
		color: #222!important;
		font-size: 0.75rem;
		font-weight: bold;
		line-height: 1.1;
		font-weight: normal;
		letter-spacing: 0.03rem;
		text-decoration: none;
	}

	.mNavTel a span {
		font-size: 1.8rem;	
		font-weight: bold;
		letter-spacing: -1px!important;
	}

	.mNavTel a:before {
		display: inline-block;
		width: 26px;
		height: 26px;
		content: "";
		background: url("../images/common/ico_tel.png");
		background-size: cover;
		margin: 0 5px -2px 0;
	}
	
	.mSnsIco {
		text-align: center;
		margin-top: 30px;
	}

	.mSnsIco li {
		display: inline-block;
	}

	.mSnsIco li img {
		width: 30px;
		margin: 0 5px;
	}

	.mSnsIco li a:hover {
		opacity: 0.7;
	}

}

@media screen and (max-width:767px) {
	.menu {
		position: fixed;
		top:  6px;
		right: 6px;
	}	
	.mdlNavBox {
		padding: 18px 0;
		box-sizing: border-box;
	}	
	.mdlLogo {
		padding:  0 0 18px;
	}
	.mdlLogo img {
		width: 160px;
		height: auto;
	}
	.mNav {
		margin-bottom: 20px;
	}
	.mSnsIco {
		margin-top: 20px;
	}
	
	.mNavContact a {
		padding: 10px;
	}
	.mNavStore a {
		padding: 10px
	}
	#header .cover {
		height: 60px;
	}
}

/*---------------------------------------------------------
フッター
---------------------------------------------------------*/

.googleMap iframe {
	width: 100%;
}

#footer {
	padding: 0 30px;
}

#footer .inner {
	max-width: 1280px;
	margin: 0 auto;
}

.footerT {
	width: 100%;
	display: flex;
	padding: 100px 0;
	align-items: center;
}

.footerL {
	width: 50%;
	display: table;
}

.footerL .l {
	padding-right: 20px;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
}

.footerL .r {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.8;
}

.footerL .name {
	font-weight: bold
}

.footerL .addr {
	font-size: 0.9rem;
}

.footerL .tel {
	font-size: 0.9rem;
	margin-bottom: 20px;
}

.footerR {
	padding-left: 50px;
	box-sizing: border-box;
	vertical-align: middle;
}

.footerR .level1 {
	margin-bottom: 5px;
}

.footerR .level1 a {
	color: #eee;
}

.footerR .level2 {
	display: flex;
	flex-wrap: wrap;
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 20px;
}

.footerR .level2 li {
	width: 32%;
	margin-right: 2%;
}

.footerR .level2 li a {
	color: #eee;
	text-decoration: none;
}

.footerR .level2 li:nth-child(3n){
	margin-right: 0;
}

.footerR .haccp {
	display: table;
}

.footerR .haccp .l {
	display: table-cell;
	vertical-align: middle;
	padding-right: 15px;
}
.footerR .haccp .l img {
	width: 152px;
	height: 65px;
}

.footerR .haccp .r {
	display: table-cell;
	vertical-align: middle;
	font-size: 0.9rem;
}

.footerB {
	width: 100%;
	display: table;
	border-top: 1px solid #444;
}

.footerB .l {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 15px 0;
}

.footerB .r {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding: 15px 0;
}

.footerB .r li {
	display: inline-block;
}

.footerB .r li img {
	width: 24px;
	margin-left: 7px;
}

@media screen and (max-width:1024px) {

	#footer {
		padding: 0;
	}
	
	.footerT {
		width: 100%;
		display: block;
		padding: 0;
		box-sizing: border-box;
	}

	.footerL {
		width: 100%;
		display: block;
		padding: 20px;
		box-sizing: border-box;
	}
	.footerL img {
		max-width: 150px;
		height: auto;
	}

	.footerL .l {
		padding-right: 0;
		display: block;
		text-align: center;
		padding: 30px 0 40px;
		width: 100%;
	}

	.footerL .r {
		display: block;
	}

	.footerL .name {
		margin-bottom: 20px;
		border-bottom: 1px solid #444;
		padding-bottom: 10px;
	}

	.footerL .addr {
		margin-bottom: 20px;
	}
	
	.footerL strong {
		display: inline-block;
		border: 1px solid #444;
		padding: 0 5px;
	}

	.footerL .tel {
		margin-top: -20px;
	}

	.footerR {
		padding-left: 0;
		display: block;
	}

	.footerR .level1 {
		border-top: 1px solid #000;
		margin: 0;
	}

	.footerR .level1 a {
		color: #eee;
		display: block;
		padding: 20px;
		background: linear-gradient(#082d65,#061f42);
		background: #333;
		position: relative;
	}

	.footerR .level1 a:after {
		display: block;
		height: 16px;
		font-size: 16px;
		content: "→";
		top: 50%;
		right: 0;
		margin-top: -8px;
		position: absolute;
		line-height: 1;
	}

	.footerR .level2 {
		display: block;
		margin: 0;
		border-top: 1px solid #000;
	}

	.footerR .level2 li {
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		border-bottom: 1px solid #000;
	}

	.footerR .level2 li a {
		color: #eee;
		display: block;
		padding: 20px;
		background: linear-gradient(#082d65,#061f42);
		background: #333;
		position: relative;
	}
	
	.footerR .level2 a:after {
		display: block;
		height: 16px;
		font-size: 16px;
		content: "→";
		top: 50%;
		right: 0;
		margin-top: -8px;
		position: absolute;
		line-height: 1;
	}

	.footerR .haccp {
		display: block;
	}

	.footerR .haccp .l {
		display: block;
		padding: 20px 20px 0;
	}
	.footerR .haccp .l img {
		width: 152px;
		height: 65px;
		margin:  0 auto;
		display: block;
	}

	.footerR .haccp .r {
		display: block;
		padding: 20px;
	}

	.footerB {
		width: calc(100% - 40px);
		margin: 0 20px;
		display: flex;
		border-top: none;
		flex-wrap: wrap
	}

	.footerB .l {
		display: block;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		order: 2;
	}

	.footerB .r {
		display: block;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		order: 1;
		border-top: 1px solid #444;
		border-bottom: 1px solid #444;
	}
	
}

/*========================================================================

01.TOP

========================================================================*/

/*---------------------------------------------------------
メインビジュアル
---------------------------------------------------------*/

.mainVisual {
	width: 100%;
	height: 75vh;
	display: table;
	position: relative;
	background: url("../images/common/main-visual.jpg") center center no-repeat;
	background-size: cover;
}

.mainVisual .copy {
	width: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 30px;
}

.mv {
	width: 100%;
	height: 100vh;
	display: table;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	overflow :hidden;
}
.mv .copy {
	width: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 30px;
	position: relative;
	z-index: 100;
}

.mv .copy img {
	position: relative;
}
.mnCvr {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	background: #555;
	mix-blend-mode: multiply;
	z-index: 4;
	display: none;
}
.mnVidBox {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	z-index: 2;
}
#ytPlayerWrap {
	position: relative;
	height: 100vh;
	width: 100%;
	z-index: 3;
}
#ytPlayerWrap video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

/*
#cover {
	transform: scale(1.2);	
	opacity: 0;
}
#cover.showed {
	transform: scale(1);	
	transition : all 200ms;
	opacity: 1;
}
*/

/* トピックス
------------------------------------------*/

.topics {
	position: absolute;
	bottom:  0;
	right: 0;
	color: #eee;
	background: rgba(0,0,0,0.7);
	padding: 7px;
	display: flex;
	white-space: nowrap;
	letter-spacing: 1px;
	z-index: 2222;
}

.topics h2 {
	border-right: 1px solid #666;
	padding: 10px 15px;
}

.topics p a {
	display: block;
	padding: 10px 15px;
	color: #eee;
	text-decoration: none;
}

.topics p a:hover {
	opacity: 0.7;
}

@media screen and (max-width:1200px) {

	.topics {
		position: absolute;
		bottom:  10px;
		right: 10px;
		color: #eee;
		background: rgba(0,0,0,0.7);
		padding: 7px;
		display: block;
		width: calc(100% - 20px);
		box-sizing: border-box;
		white-space: wrap;
	}

	.topics h2 {
		border-right: none;
		border-bottom: 1px solid #666;
		padding: 10px;
	}

	.topics p a {
		padding: 10px;
	}
	
}

/*---------------------------------------------------------
ピックアップ
---------------------------------------------------------*/

.pickup {
	text-align: center;
}

.pickupNav {
	display: flex;
	color: #eee;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: url("../images/common/bg01.png");
	background-size: 250px 250px;
	padding: 50px 0 0;
}

.pickupNav li {
	width: 40%;
	box-sizing: border-box;
	padding-top: 10px;
}

.pickupNav li span {
	padding: 15px 0 20px;
	font-weight: bold;
	letter-spacing: 3px;
	cursor: pointer;
	background: #444;
	box-sizing: border-box;
	border-top: 5px solid #444;
	color: #999;
	display: block;
}

.pickupNav li:hover {
	opacity: 0.7;
}

.pickupNav li.current {
	padding-top: 0;
}

.pickupNav li.current span {
	padding: 20px 0 25px;
	position: relative;
	background: none;
	border-top: 5px solid #082d65;
	background: #010101;
	color: #eee;
}

/*
.pickupNav li.current:before {
	position: absolute;
	color: #061f42;
	content: "▼";
	font-size: 20px;
	line-height: 1;
	letter-spacing: 1;
	bottom: -14px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
}
*/

.pickupNav li.current:hover {
	cursor: default;
	opacity: 1;
}

.pickupSlide {
	margin-bottom: 50px;
} 

.slick-track {
	display: flex!important;
}
.slick-slide {
	height: auto !important;
}
.pickupSlide .slider{
	width:100%;
	margin:0 auto;
	padding: 50px 0 0;
}
.pickupSlide .slider img{
	width:100%;
}
.pickupSlide .slider .slick-slide{
	height:auto!important;
}
.pickupSlide .slider .slick-arrow{
	z-index:2!important;
}
.pickupSlide .slider .slick-next{
	right:0!important;
}
.pickupSlide .slider .slick-prev{
	left:0!important;
}
.pickupSlide .slider .slick-slide{
	margin-right: 1vw!important;
	margin-left: 1vw!important;
}
.pickupSlide .slider .slide {
	background: linear-gradient(#fff,#eee);
	position: relative;
}
	
.pickupSlide .slider .slide:before {
	content: "";
	display: block;
	width: 84px;
	height: 5px;
	top: 0;
	left: 32px;
	background: linear-gradient(#082d65,#061f42);
	background: #082d65;
	position: absolute;
}
	
.pickupSlide .slider .slide a {
	display: flex;
	/*align-items: center;*/
	width: 100%;
	box-sizing: border-box;
	padding: 32px;
	color: #222;
	text-decoration: none;
}
.pickupSlide .slider .slide .l {
	text-align: left;
	width: calc(100% - 170px);
}
.pickupSlide .slider .slide .l .title {
	font-size: 1.2rem;
	margin-bottom: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.pickupSlide .slider .slide .l .text {
	font-size: 1;
	margin-bottom: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
	
.pickupSlide .slider .slide .link {
	line-height: 1;
	position: relative;
	padding-left: 20px;
}

.pickupSlide .slider .slide .link:before {
	content: "";
	display: inline-block;
	background: url("../images/common/ico_arrow_bl.png");
	width: 16px;
	height: 16px;
	background-size: cover;
	position: absolute;
	top: 1px;
	left: 0;	
}
	
.pickupSlide .slider .slide .r {
	width: 150px!important;
	padding-left: 20px;
}

.pickupSlides {
	position: relative;
}

.pickupProject {
	width: 100%;
	height: auto;
	position: relative;
	z-index: -1;
	opacity: 0;
}

.pickupMedia {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
}

.pickupProject.current,
.pickupMedia.current {
	z-index: 1!important;
	opacity: 1!important;
}

.shopBanner {
	padding: 60px 30px;
	background: #0f1112;
}

@media screen and (max-width:1024px) {
	.pickupNav {
		padding-top: 20px;
	}

	.pickupNav li {
		width: 44%;
		font-size: 0.8rem;
	}
	
	.pickupNav li span {
		letter-spacing: 0;
	}
	
	.pickupNav li:nth-child(1) {
		margin-left: 5%;
	}
	.pickupNav li:nth-child(2) {
		margin-right: 5%;
	}
	
	.pickupSlide .slider{
		padding: 30px 0;
	}
	
	.pickupSlide .slider .slide:before {
		width: 50%;
		height: 4px;
		top: 0;
		left: 25%;
	}

	.pickupSlide .slider .slide a {
		flex-wrap: wrap;
		padding: 20px;
	}
	.pickupSlide .slider .slide .l {
		text-align: left;
		width: 100%;
		order: 2;
	}
	.pickupSlide .slider .slide .l .title {
		font-size: 1rem;
		margin-bottom: 15px;
	}
	.pickupSlide .slider .slide .l .text {
		font-size: 1;
		margin-bottom: 20px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.pickupSlide .slider .slide .r {
		width: 100%!important;
		padding-left: 0;		
		order: 1;
		padding-bottom: 20px;
	}
	
	.shopBanner {
		padding: 20px;
		text-align: center;
		margin-top: -50px;
	}
	
}


@media screen and (max-width:767px) {
	.shopBanner {
		padding: 10px;
		text-align: center;
		margin-top: -50px;
	}
	
	.shopBanner img {
		max-width: 350px;
		width: 100%;
		height: auto;
	}
}

/*---------------------------------------------------------
イントロダクション
---------------------------------------------------------*/


.introduction {
	padding: 200px 0 200px;
	background: url("../images/common/introduction_bg.png") top 130px center no-repeat;
	background-size: 469px 236px;
	text-align: center;
}

.introduction .title {
	text-align: center;
	font-size: 2.8rem;
	letter-spacing: 5px;
	margin-bottom: 120px;
}

.introduction .text {
	line-height: 3;
	font-size: 1.1rem;
	margin-bottom: 50px;
}

.introductionSlide {
	margin: 100px 0 -50px;
}

.introductionSlide .slider img{
	width:100%;
	margin-bottom: 20px;
}
.introductionSlide .slider .slick-slide{
	height:auto!important;
}
.introductionSlide .slider .slick-arrow{
	z-index:2!important;
}
.introductionSlide .slider .slick-next{
	right:0!important;
}
.introductionSlide .slider .slick-prev{
	left:0!important;
}
.introductionSlide .slider .slick-slide{
	margin-right: 1vw!important;
	margin-left: 1vw!important;
}

.introductionSlide .slick-dots {
	z-index: 3;
	bottom: -75px;
}

.introductionSlide .slick-dots li {
	margin: 0;
	width: 30px;
	height: 30px;
}

.introductionSlide .slick-dots li button {
	margin: 0;
	width: 30px;
	height: 30px;
}

.introductionSlide .slick-dots li button::before {
	margin: 0;
	width: 30px;
	height: 30px;	
}

.introductionSlide .slick-dots li button::before {
	font-size: 12px;	
	opacity: 1;
	color: #fff;
}

.introductionSlide .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #11356b;
}

@media screen and (max-width:1024px) {
	.introduction {
		padding: 100px 0 150px;
		background: url("../images/common/introduction_bg.png") top 50px center no-repeat;
		background-size: 312px 157px;
	}

	.introduction .title {
		text-align: center;
		font-size: 1.8rem;
		letter-spacing: 0px;
		margin-bottom: 80px;
	}

	.introduction .text {
		line-height: 1.8;
		font-size: 0.9rem;
		margin-bottom: 30px;
		padding: 0 20px;
		text-align: left;
	}
	.introduction .text br {
		display: none;
	}

	.introductionSlide {
		margin: 50px 0 -100px;
		text-align: left
	}

	.introductionSlide .slider img{
		width:100%;
		margin-bottom: 10px;
	}

	.introductionSlide .slick-dots {
		z-index: 3;
		bottom: -40px;
	}

	.introductionSlide .slick-dots li {
		width: 24px;
		height: 24px;
	}

	.introductionSlide .slick-dots li button {
		width: 24px;
		height: 24px;
	}

	.introductionSlide .slick-dots li button::before {
		width: 24px;
		height: 24px;
	}

	.introductionSlide .slick-dots li button::before {
		font-size: 10px;	
	}
}

/*---------------------------------------------------------
強み
---------------------------------------------------------*/

.strength {
	width: 100%;
	margin-bottom: 150px;
	box-sizing: border-box;
	padding: 0 30px;
}

.strength01 {
	background: url("../images/common/strength01.jpg") right center no-repeat;
	background-size: 50% auto;
}

.strength02 {
	background: url("../images/common/strength02.jpg") left center no-repeat;
	background-size: 50% auto;
}

.strength03 {
	background: url("../images/common/strength03.jpg") right center no-repeat;
	background-size: 50% auto;
}

.strength .inner {
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
}

.strength .info {
	width: 55%;
	background-color: rgba(255,255,255,0.95);
	padding: 60px;
	box-sizing: border-box;
	color: #222;
	float: left;;
	margin: 60px 0;
}

.strength:nth-child(2) .info {
	float: right;
}

.strength .title {
	font-size:  2rem;
	margin-bottom: 30px;
}
.strength .text {
	margin-bottom: 30px;
	line-height: 2;
}

@media screen and (max-width:1024px) {
	.strength {
		margin-bottom: 50px;
		padding: 0 0 20px;
	}

	.strength01 {
		background: url("../images/common/strength01.jpg") center top no-repeat;
		background-size: cover;
	}

	.strength02 {
		background: url("../images/common/strength02.jpg") center top no-repeat;
		background-size: cover;
	}

	.strength03 {
		background: url("../images/common/strength03.jpg") center top no-repeat;
		background-size: cover;
	}

	.strength .info {
		box-sizing: border-box;
		width: calc(100% - 40px);
		padding: 30px;
		margin: 30% 20px 0;
	}

	.strength:nth-child(2) .info {
		float: none;
	}

	.strength .title {
		font-size:  1.4rem;
		margin-bottom: 20px;
	}
	.strength .text {
		margin-bottom: 20px;
		line-height: 1.8;
	}
	
}

/*---------------------------------------------------------
新着情報
---------------------------------------------------------*/

.information {
	display: table;
	width: 100%;
}

.information .bg {
	width: 35%;
	display: table-cell;
	background: url(../images/common/news_bg.jpg);
	background-size: cover;
	box-sizing: border-box;
}

.information .content {
	background: linear-gradient(#1d1b1b,#333);
	width: 65%;
	display: table-cell;
	padding: 75px;
	box-sizing: border-box;
}

.information .head {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

.information .head .title {
	display: table-cell;
	vertical-align: middle;
	font-size: 2.2rem;
	letter-spacing: 10px;
}

.information .head .more {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.information .head .more a {
	color: #eee;
	line-height: 1;
	position: relative;
	padding-right: 20px;
}

.information .head .more a:before {
	content: "";
	display: inline-block;
	background: url("../images/common/ico_arrow.png");
	width: 16px;
	height: 16px;
	background-size: cover;
	position: absolute;
	top: 5px;
	right: 0;	
}

.information .head .more a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.information article {
	padding: 35px 0;
	border-bottom: 1px solid #444;
	width: 100%;
}
.information article:last-child {
	border-bottom: 0;
}

.information article a {
	color: #eee;
	width: 100%;
	display: table;
	text-decoration: none;
}

.information article a:hover {
	opacity: 0.7;
}

.information article .info {
	display: flex;
	font-size: 0.8rem;
	margin-bottom: 15px;
}

.information article .cat {
	display: inline-block;
	padding: 2px 15px 4px;
}

.information article time {
	display: inline-block;
	padding: 2px 7px 4px;
}

.information article .text {
	display: table-cell;
	vertical-align: middle;
}

.information article .image {
	display: table-cell;
	vertical-align: middle;
	width: 75px;
	padding-left: 20px;
}

.information article .image img {
	object-fit: cover;
	width: 75px;
	height: 75px;
}

@media screen and (max-width:1024px) {

	.information {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	
	.information .bg {
		width: 100%;
		display: block;
		order: 2;
	}

	.information .content {
		width: 100%;
		display: block;
		padding: 20px 20px 10px;
		order: 1;
	}

	.information .head {
		display: table;
		width: 100%;
		margin-bottom: 20px;
	}

	.information .head .title {
		font-size: 1.6rem;
		letter-spacing: 1px;
	}

	.information .head .more {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
	}

	.information article {
		padding: 20px 0;
	}

	.information article .info {
		display: flex;
		font-size: 0.8rem;
		margin-bottom: 10px;
	}

	.information article .image {
		display: table-cell;
		vertical-align: middle;
		width: 75px;
	}
}

/*---------------------------------------------------------
SNS
---------------------------------------------------------*/

.sns {
	padding: 100px 30px;
	background: url("../images/common/bg.png");
	background-size: 250px 250px;
}

.sns .title {
	text-align: center;
	margin-bottom: 100px;
	line-height: 1;
}

.sns .title img {
}

.sns .title span {
	display: block;
	font-size: 4rem;
	margin: 2px auto 0;
	letter-spacing: 4px;
}

.sns .inner {
	max-width: 1280px;
	margin: 0 auto 100px;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
	padding: 50px;
}

.sns .heading {
	display: table;
	color: #222;
	margin-bottom: 35px;
}

.sns .heading img {
	margin-right: 15px;
}

.sns .heading span {
	display: table-cell;
	vertical-align: middle;
}

.snsTop {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee;
}

#sns .inner .heading {
	font-size: 1rem!important;
	letter-spacing: 1px!important;
}

#sns .inner .heading a {
	color: #222!important;
	text-decoration: none;
}

#sns .inner .heading a:hover{
	text-decoration: underline;
}

.snsInstagram {
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	padding: 0 30px 30px 0;
}

.snsFacebook {
	display: table-cell;
	box-sizing: border-box;
	width: 50%;
	border-left: 1px solid #eee;
	padding: 0 0 30px 30px;
}

.snsYoutube {
	padding: 30px 0;
}

.snsYoutubeList {
	display: flex;
}

.snsYoutubeList li {
	width: 32%;
	margin-right: 2%;
}

.snsYoutubeList li:nth-child(3n){
	margin-right: 0;
}

@media screen and (max-width:1024px) {

	.sns {
		padding: 50px 20px;
	}

	.sns .title {
		margin-bottom: 50px;
	}

	.sns .title img {
		width: 100px;
	}

	.sns .title span {
		font-size: 3rem;
	}

	.sns .inner {
		margin: 0 auto 50px;
		padding: 30px;
	}

	.sns .heading {
		display: block;
		margin: 0 0 20px
	}

	.sns .heading img {
		margin-right: 15px;
		height: 40px;
		width: auto;
	}

	.snsTop {
		display: block;
		width: 100%;
		border-bottom: none;
	}

	.snsInstagram {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 0;
		border-bottom: 1px solid #eee;
	}

	.snsFacebook {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 0;
		border-bottom: 1px solid #eee;
		border-left: none;
	}

	.snsYoutube {
		padding: 20px 0 0;
	}

	.snsYoutubeList {
		display: block;
	}

	.snsYoutubeList li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.snsYoutubeList li:nth-child(3n){
		margin-right: 0;
	}
	
	.snsYoutubeList li:last-child{
		margin-bottom: 0;
	}
	
}

/* 3連ボタン
------------------------------------------*/

.snsIco {
	text-align: center;
}

.snsIco li {
	display: inline-block;
}

.snsIco li img {
	width: 50px;
	margin: 0 10px;
}

.snsIco li a:hover {
	opacity: 0.7;
}

@media screen and (max-width:1024px) {
	.snsIco li img {
		width: 30px;
		margin: 0 5px;
	}
}


/*---------------------------------------------------------
画像無限ループ
---------------------------------------------------------*/

@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
	}
	.scroll-infinity__wrap {
	  display: flex;
	  overflow: hidden;
	}
	.scroll-infinity__list {
	  display: flex;
	  list-style: none;
	  padding: 0
	}
	.scroll-infinity__list--left {
	  animation: infinity-scroll-left 50s infinite linear 0.5s both;
	}
	.scroll-infinity__item {
	  width: calc(100vw / 3);
	}
	.scroll-infinity__item>img {
	  width: 100%;
	}
}

@media screen and (max-width:767px) {
	@keyframes infinity-scroll-left {
		.scroll-infinity__item {
			 width: calc(100vw / 3);
		}	
	}
}

/*========================================================================

01.下層

========================================================================*/

.mainImage {
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 420px;
	margin-top: 100px;
	display: table;
}

.mainImage .inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.mainImage h1 {
	font-size: 3rem;
	line-height: 1.5;
}

.mainImage h1:before {
	content: attr( data-title );
	display: block;
	font-size: 1rem;
	letter-spacing: 5px;
}

@media screen and (max-width:767px) {
	.mainImage {
		height: auto;
		min-height: 160px;
		margin-top: 60px;
	}

	.mainImage h1 {
		font-size: 1.6rem;
		letter-spacing: 2px;
	}

	.mainImage h1:before {
		font-size: 0.8rem;
		letter-spacing: 2px;
	}
}

#company .mainImage {
	background-image: url(../images/company/main-image.jpg);
	letter-spacing: 10px;
	text-align: center;
}

#privacy-policy .mainImage {
	background-image: url(../images/privacy-policy/main-image.jpg);
	letter-spacing: 10px;
	text-align: center;
}

#newsmedia .mainImage {
	background-image: url(../images/newsmedia/main-image.jpg);
	letter-spacing: 10px;
	text-align: center;
}

#sitemap .mainImage {
	background-image: url(../images/sitemap/main-image.jpg);
	letter-spacing: 10px;
	text-align: center;
}

#contact .mainImage {
	background-image: url(../images/contact/main-image.jpg);
	letter-spacing: 10px;
	text-align: center;
}

#recruit .mainImage {
	background-image: url(../images/recruit/main-image.jpg?ver=0313);
	letter-spacing: 10px;
	text-align: center;
}

#products .mainImage {
	background-image: url(../images/products/main-image.jpg);
	letter-spacing: 10px;
	text-align: center;
}

#strengths .mainImage {
	background-image: url(../images/strength/main-image.jpg);
	letter-spacing: 10px;
	text-align: center;
}

/* 1stコンテンツ
------------------------------------------*/

.prelusion {
	background: url("../images/common/bg00.png") bottom center no-repeat;
	background-size: cover;
	padding: 20px 20px 0;
}

.prelusion .inner {
	padding: 0 0 150px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;	
	box-sizing: border-box;
}

.prelusionLogo {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 150px;
}

.prelusionCopy {
	text-align: center;
	font-size: 2rem;
	letter-spacing: 8px;
	margin-bottom: 65px;
}

.prelusionCopy span {
	display: block;
	font-size: 1rem;
	letter-spacing: 1px;
}

.prelusionBox {
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 50px;
	background: #1d1d1d;
}
.prelusionBox ul {
	display: flex;
	margin-bottom: 25px;
}

.prelusionBox ul li {
	margin-right: 25px;
}

.prelusionBox ul li:last-child {
	margin-right: 0;
}

.prelusionBox p {
	margin-bottom: 20px;
	line-height: 2;
}

.prelusionBox p:last-child {
	margin-bottom: 0;
}

.prelusionMessage {
	text-align: center;
	margin: 0 0 75px;
}

@media screen and (max-width:1024px) {
	.prelusion {
		padding: 20px 20px 0;
	}

	.prelusion .inner {
		padding: 0 0 50px;
	}	
	
	.prelusionLogo {
		text-align: center;
		margin-bottom: 40px;
		margin-top: 25px;
	}
	
	.prelusionLogo img {
		width: 150px;
		height: auto;
	}

	.prelusionCopy {
		text-align: center;
		font-size: 1.4rem;
		letter-spacing: 2px;
		margin-bottom: 45px;
		line-height:1.5!important;
	}

	.prelusionBox {
		padding: 20px;
	}
	.prelusionBox ul {
		display: flex;
		margin-bottom: 20px;
	}

	.prelusionBox ul li {
		margin-right: 15px;
	}

	.prelusionMessage {
		text-align: left;
		margin: 0 0 50px;
	}
	
}


/* パンクズ
------------------------------------------*/

#pankuzu {
	margin: 0 auto 50px;
	max-width: 1280px;
}

#pankuzu ul {
	list-style: none;
	display: flex;
}

#pankuzu ul li:after {
	content:"　＞　";
	display: inline-block;
}

#pankuzu ul li:last-child:after {
	display: none;
}

#pankuzu ul li strong {
	font-weight: bold;
}

@media screen and (max-width:767px) {
	#pankuzu {
		display: none;
	}
}

/* ページ内ナビ
------------------------------------------*/

.localNav {
	text-align: center;
	margin: 80px 0 0;
}

.localNav p {
	color: #777;
}

.localNav p:after {
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	background: #777;
	margin:  5px auto 0;
}

.localNav ul {
	width: 1020px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.localNav li {
	width: 322px;
	margin: 8px;
	border: 1px solid #777;
}

.localNav li a {
	display: block;
	padding: 20px 5px;
	color: #eee;
	text-decoration: none;
}

.localNav li a:hover {
	background: #000;
	opacity: 1;
}

.localNav li span {
	background: #777;
	display: block;
	padding: 20px 5px;
	color: #eee;
}


@media screen and (max-width:1024px) {

	.localNav {
		text-align: center;
		margin: 40px 0 0;
	}

	.localNav ul {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		margin-top: 0px;
	}

	.localNav li {
		width: 100%;
		margin: 0 0 8px 0;
		box-sizing: border-box;
		font-size: 0.75rem;
	}
	
	.localNav li:nth-child(2n){
		margin-right: 0;
	}

	.localNav li a {
		padding: 15px 5px;
	}

	.localNav li span {
		padding: 15px 5px;
	}
	
}

/* コンテンツ
------------------------------------------*/

.contents:nth-child(even) {
	background: url("../images/common/bg01.png");
}

.contents:nth-child(odd) {
	background: url("../images/common/bg02.png");
}

.contents .inner {
	padding: 120px 20px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;	
	box-sizing: border-box;
}

@media screen and (max-width:1024px) {
	
	.contents:nth-child(even) {
		background: url("../images/common/bg01.png");
		background-size: 250px 250px;
	}

	.contents:nth-child(odd) {
		background: url("../images/common/bg02.png");
		background-size: 5px 3px;
	}

	.contents .inner {
		padding: 60px 20px;
	}
	
}

/* コンテンツタイトル h2
------------------------------------------*/

.contentsTitle {
	text-align: center;
	font-size: 2.4rem;
	letter-spacing: 5px;
	margin-bottom: 80px;
}

.contentsTitle:before {
	content: attr( data-title );
	display: block;
	line-height: 1;
	color: #777;
	font-size: 1rem;
	letter-spacing: 5px;
	margin-bottom: 15px;
}

.contentsTitle:after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: #fff;
	margin: 30px auto 0;
}

@media screen and (max-width:1024px) {
	
	.contentsTitle {
		font-size: 1.3rem;
		margin-bottom: 40px;
		letter-spacing: 1px;
	}

	.contentsTitle:before {
		font-size: 0.8rem;
		letter-spacing: 3px;
		margin-bottom: 5px;
	}

	.contentsTitle:after {
		width: 25px;
		margin: 15px auto 0;
	}

}

/* 見出し h3
------------------------------------------*/

.heading {
	text-align: center;
	font-size: 2rem;
	margin-bottom: 45px;
	letter-spacing: 5px;
}

@media screen and (max-width:1024px) {

	.heading {
		text-align: center;
		font-size: 1.25rem;
		margin-bottom: 25px;
		letter-spacing: 0px;
	}
	
}

/* 見出し h4
------------------------------------------*/

.subHeading {
	text-align: center;
	font-size: 1.1rem;
	margin-bottom: 30px;
	letter-spacing: 5px;
}

@media screen and (max-width:1024px) {

	.subHeading {
		font-size: 1.2rem;
		margin-bottom: 20px;
		letter-spacing: 3px;
	}
	
}

/* 動画
------------------------------------------*/

.movieBox {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.movieBox iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*========================================================================

02.会社概要

========================================================================*/

/*---------------------------------------------------------
業務推進の指針
---------------------------------------------------------*/

.guidelinesImg {
	margin-bottom: 40px;
}

.guidelinesTxt p {
	margin-bottom: 20px;
	line-height: 2;
}

.guidelinesTxt p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:1024px) {
	.guidelinesImg {
		margin: 0 -20px 20px;
	}
	
	.guidelinesImg img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
}

/*---------------------------------------------------------
代表挨拶
---------------------------------------------------------*/

.greetingBox {
	display: flex;
	margin-bottom: 80px;
}

.greetingL {
	width: 47%;
	padding-right: 3%;
}

.greetingL img {
	width: 100%;
	height: auto;
}

.greetingR {
	width: 50%;
	line-height: 1.8;
}

.greetingR .text {
	margin-bottom: 45px;
}

.greetingR .sign {
	text-align: right;
}

@media screen and (max-width:1024px) {
	.greetingBox {
		display: block;
		margin-bottom: 40px;
	}

	.greetingL {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.greetingR {
		width: 100%;
		line-height: 1.8;
		margin-bottom: 60px;
	}

	.greetingR .text {
		margin-bottom: 30px;
	}

	.greetingR .sign img {
		height: 45px;
		width: auto;
	}	
}

/*---------------------------------------------------------
𦚰口水産社長インタビュー
---------------------------------------------------------*/

#company .interviewBox {
	display: flex;
	flex-wrap: wrap;
}

#company .interviewC {
	width: 48%;
	margin-right: 4%;
	margin-top: 37px;
}

#company .interviewC:nth-child(1),
#company .interviewC:nth-child(2){
	margin-top: 0;
}

#company .interviewC:nth-child(even) {
	width: 48%;
	margin-right: 0;
}

#company .movieName {
	display: flex;
	align-items: center;
	margin-top: 25px;
}

#company .movieName p {
	border: 1px solid #eee;
	text-align: center;
	display: inline-block;
	padding: 5px 20px;	
}

#company .movieName a {
	padding-left: 10px;
	color: #eee;
	text-decoration: none;
}

#company .movieName a:hover {
	padding-left: 10px;
	color: #eee;
	text-decoration: underline;
}

@media screen and (max-width:1024px) {
	
	#company .interviewBox {
		display: block;
	}

	#company .interviewC {
		width: 100%;
		margin-right: 0;
	}

	#company .interviewC:nth-child(2){
		margin-top: 30px;
	}

	#company .interviewC:nth-child(even) {
		width: 100%;
		margin-right: 0;
	}

	#company .movieName {
		display: flex;
		align-items: center;
		margin-top: 15px;
	}

	#company .movieName p {
		padding: 5px 10px;
		white-space: nowrap;
	}

	#company .movieName a {
		font-size: 0.8rem;
	}	
}

/*---------------------------------------------------------
ヤマサ𦚰口水産グループ
---------------------------------------------------------*/

.groupBox {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.groupBox table {
	width: 49%;
	margin-right: 2%;
	box-sizing: border-box;
	border-top: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;
}

.groupBox table:nth-child(2n) {
	margin-right: 0;
}

.groupBox table th {
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
	padding: 20px;
	background: #333;
}

.groupBox table td {
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
	padding: 20px;	
	background: #1d1d1d;
}

@media screen and (max-width:1024px) {
	
	.groupBox {
		margin-bottom: 40px;
	}

	.groupBox table {
		width: 100%;
		margin-right: 0%;
		font-size: 0.8rem;
		margin-bottom: 30px;
	}

	.groupBox table:last-child {
		margin-bottom: 0;
	}


	.groupBox table th {
		padding: 10px;
		width: 100px;
	}

	.groupBox table td {
		padding: 10px;	
	}
	
}

/*---------------------------------------------------------
事業内容
---------------------------------------------------------*/

.businessList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.businessList li {
	margin: 30px 30px 0 0;
	width: calc(50% - 15px);
	border: 1px solid #5a5a5a;
	box-sizing: border-box;
	text-align: center;
	padding: 30px 20px;
	background: #333;
	font-size: 1.2rem;
	letter-spacing: 3px;
	
}
.businessList li:nth-child(2n){
	margin-right: 0;
}

.businessList li:nth-child(1),
.businessList li:nth-child(2){
	margin-top: 0;	
}

.businessCaution {
	list-style: none;
}

@media screen and (max-width:1024px) {

	.businessList {
		margin-bottom: 20px;
	}

	.businessList li {
		margin: 10px 10px 0 0;
		width: calc(50% - 5px);
		padding: 20px 5px;
		font-size: 0.9rem;

	}
	
}

/*---------------------------------------------------------
沿革
---------------------------------------------------------*/

.historyDl{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #5a5a5a;
	letter-spacing: 2px;
} 

.historyDl dt {
	width: 6%;
	padding: 15px 0;
	border-bottom: 1px solid #5a5a5a;
}
.historyDl dd {
	width: 94%;
	padding: 15px 0;
	border-bottom: 1px solid #5a5a5a;
}

@media screen and (max-width:1024px) {

	.historyDl{
		display: flex;
		border-top: 1px solid #5a5a5a;
	} 

	.historyDl dt {
		width: 100%;
		padding: 10px 0 0;
		white-space: nowrap;
		border-bottom: none;
	}
	.historyDl dd {
		width: 100%;
		padding: 0 0 10px;
		border-bottom: 1px solid #5a5a5a;
	}
	
}

/*---------------------------------------------------------
綱領・行動理念
---------------------------------------------------------*/

/* 綱領
------------------------------------------*/

#platform {
	margin-bottom: 80px;
}

.platformInner {
	background: #1d1d1d;
	padding: 90px 60px;
	text-align: center;
}

@media screen and (max-width:1024px) {
	
	#platform {
		margin-bottom: 40px;
	}

	.platformInner {
		padding: 45px 20px;
	}	
	
}

/* 行動理念
------------------------------------------*/

#philosophy {
	margin-bottom: 80px;
}

.philosophyInner {
	background: #1d1d1d;
	padding: 60px;
	text-align: center;
}

.philosophyInner ol {
	line-height: 3;
	list-style: none;
	display: inline-block;
	text-align: left;
	letter-spacing: 2px;
}

@media screen and (max-width:1024px) {
	
	#philosophy {
		margin-bottom: 40px;
	}
	
	.philosophyInner {
		background: #1d1d1d;
		padding: 20px;
		text-align: center;
	}

	.philosophyInner ol {
		line-height: 3;
		font-size: 0.8rem;
		letter-spacing: 0px;
	}

}


/* 水産物調達方針
------------------------------------------*/

.procurementInner {
	background: #1d1d1d;
	padding: 60px;
	text-align: center;
}

.procurementInner ol {
	line-height: 1.5;
	list-style: none;
	display: inline-block;
	text-align: left;
	letter-spacing: 2px;
	list-style: outside decimal;
	margin-left: 25px;
	margin-bottom: 30px;
}

.procurementInner ol:last-child {
	margin-bottom: 0;
}

.procurementInner ol li {
	margin-bottom: 15px;
}

.procurementInner ol li ol {
	margin-top: 15px;
	font-size: 0.9rem;
}

.procurementInner ol li ol li {
	margin: 0;
}

.procurementInner ol li h4 {
	font-weight: bold;
}

.procurementTxt {
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.1rem;
}

@media screen and (max-width:1024px) {
	
	.procurementInner {
		background: #1d1d1d;
		padding: 20px;
		text-align: center;
	}

	.procurementInner ol {
		font-size: 0.8rem;
		line-height: 1.5;
	}
	
	.procurementInner ol:last-child {
		margin-bottom: 0;
	}

	.procurementInner ol li {
		margin-bottom: 15px;
	}

	.procurementInner ol li ol {
		margin-top: 15px;
		font-size: 0.9rem;
	}

	.procurementInner ol li ol li {
		margin: 0;
		font-size: 0.8rem;
	}

	.procurementInner ol li h4 {
		font-weight: bold;
		font-size: 0.9rem;
	}

	.procurementTxt {
		text-align: left;
		margin-bottom: 20px;
		font-weight: bold;
		font-size: 1.05rem;
	}

}

/*---------------------------------------------------------
アクセス
---------------------------------------------------------*/

.accessList {
	display: flex;
	flex-wrap: wrap;
}

.accessList li {
	width: 32%;
	margin-right: 2%;
	margin-top: 30px;
	box-sizing: border-box;
	background: #1d1d1d;
	padding: 20px 20px 85px;
	position: relative;
}

.accessList li:nth-child(3n){
	margin-right: 0;
}

.accessList li:nth-child(1),
.accessList li:nth-child(2),
.accessList li:nth-child(3){
	margin-top: 0;
}

.accessList li img {
	margin-bottom: 20px;
}

.accessList li h3 {
	margin-bottom: 20px;
	white-space: nowrap;
	font-size: 1rem;
	font-weight: bold;
}

.accessList li .btn {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px);
}

.mns {
	letter-spacing: -0.1rem;
}

.accessList li address {
	margin-bottom: 20px;
	line-height: 1.8;
}

.accessList li .btn a {
	min-width: auto;
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width:1024px) {

	.accessList {
		display: block;
	}

	.accessList li {
		width: 100%;
		margin-right: 0;
		margin-top: 0;
		padding: 15px;
	}

	.accessList li:nth-child(3n){
		margin-right: 0;
	}

	.accessList li:nth-child(2),
	.accessList li:nth-child(3){
		margin-top: 20px;
	}

	.accessList li img {
		margin-bottom: 20px;
	}

	.accessList li h3 {
		margin-bottom: 20px;
		white-space: nowrap;
		font-size: 1rem;
		font-weight: bold;
	}
	
	.mns {
		letter-spacing: -0.1rem;
	}

	.accessList li address {
		margin-bottom: 20px;
		line-height: 1.8;
	}
	
	.accessList li .btn {
		position: relative;
		bottom: auto;
		left: auto;
		width: 100%;
	}

	.accessList li .btn a {
		min-width: auto;
		width: 100%;
		box-sizing: border-box;
	}
	
}

/*========================================================================

03.プライバシーポリシー

========================================================================*/

/*---------------------------------------------------------
内容
---------------------------------------------------------*/

.privacyPolicyBox {
	margin-bottom: 50px;
}

.privacyPolicyTitle {
	font-size: 1.6rem;
	padding: 0 0 20px;
	margin:  0 0 20px;
	border-bottom: 1px solid #eee;
}

@media screen and (max-width:767px) {
	
	.privacyPolicyBox {
		margin-bottom: 25px;
	}

	.privacyPolicyTitle {
		font-size: 1.4rem;
		padding: 0 0 15px;
		margin:  0 0 15px;
		border-bottom: 1px solid #eee;
	}	
	
}

/*---------------------------------------------------------
お問い合わせ
---------------------------------------------------------*/

.inquiry {
	background: #fff;
	padding: 50px;
	text-align: center;
	color: #222;
}

.inquiry h2 {
	margin-bottom: 30px;
}

.inquiry .i01 {
	color: #0c326b;
	margin-bottom: 30px;
	font-size: 1.4rem;
	font-weight: bold;
}

.inquiry .i04 a,
.inquiry .i05 a {
	color: #222;
	text-decoration: none;
}

.inquiry .i04 a:hover,
.inquiry .i05 a:hover {
	text-decoration: underline;
}

.inquiry .i05 {
	margin-bottom: 30px;
}

/*========================================================================

04.お知らせ

========================================================================*/

/*---------------------------------------------------------
一覧
---------------------------------------------------------*/

#newsmedia .information article:first-child {
	/*padding-top: 0px!important;*/
}

#newsmedia .information article:last-of-type {
	border-bottom: none!important;
}

.wp-pagenavi {
	text-align: center;
	padding-top: 75px;
	font-size: 1.1rem;
}

.wp-pagenavi a {
	display: inline-block;
	padding: 6px 15px;
	border: 1px solid #eee;
	color: #eee;
	text-decoration: none;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	border: none!important;
	padding: 7px 16px;
}

.wp-pagenavi span {
	display: inline-block;
	padding: 7px 16px;
}

.wp-pagenavi .current {
	background: #eee;
	color: #222;
}

.wp-pagenavi a:hover {
	opacity: 0.7;
}

@media screen and (max-width:767px) {
	.wp-pagenavi {
		margin: 0 auto;
		width: 100%;
		padding-top: 25px;
		font-size: 0.8rem;
	}
	.wp-pagenavi a {
		padding: 3px 10px;
	}

	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink {
		padding: 3px 10px;
	}

	.wp-pagenavi span {
		padding: 4px 11px;
	}
}

/*---------------------------------------------------------
詳細
---------------------------------------------------------*/

.detail {
	background: #fff;
	margin-bottom: 75px;
}

.detail .info {
	display: flex;
	font-size: 0.8rem;
	padding: 60px 120px 0;
}

.detail .info .cat {
  display: inline-block;
  padding: 2px 15px 4px;
}

.detail .info time {
  display: inline-block;
  padding: 2px 7px 4px;
	color: #222;
}

.detail .detailTitle {
	padding: 0 120px 60px;
	color: #222;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.detail .body {
	padding: 60px;
	color: #222;
}

.detail .body p {
	margin-bottom: 20px;
}

.detail .body p:last-child {
	margin-bottom: 0;
}

.detail .body a {
	color: #11356b;
}

.detail .body h1,
.detail .body h2 {
	background: #11356b;
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 50px;
	font-size: 1.4rem;
	font-weight: bold;
}

.detail .body h1:first-child,
.detail .body h2:first-child {
	margin-top: 0;
}

.detail .body h3 {
	border-left: 3px solid #11356b;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 30px;
	font-size: 1.3rem;
	font-weight: bold;
}

.detail .body h4 {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	margin-top: 20px;
	font-size: 1.2rem;
	font-weight: bold;
}

.detail .body h5 {
	font-weight: bold;
	font-size: 1.1rem;
}

.detail .body h6 {
	font-weight: bold;
}

.detail .body ul {
	list-style: disc;
	margin: 0 0 30px;
	border: 1px solid #ccc;
	padding: 20px;
}

.detail .body ul li {
	margin: 0 30px;
}

.detail .body ol {
	list-style: decimal;
	margin: 0 0 30px;
	border: 1px solid #ccc;
	padding: 20px;
}

.detail .body ol li {
	margin: 0 30px;
}

.detail .body blockquote{
    position:relative;
    border-left:3px solid #11356b;
    padding-left:10px;
}

.detail .body blockquote:before{
    position:absolute;
    font-family:'FontAwesome';
    content:'\f10d';
    font-size: 20px;
    color:#11356b;
}

.detail .body blockquote p{
    position:relative;
    padding-left:30px;
}

.detail .body blockquote cite{
    display: block;
    font-size:0.8rem;
    color:#F8C8B2;
    text-align:right;
}




.postImages {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0 60px 60px;
}

.postImages li {
	width: 32%;
	margin: 0 2% 30px 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.postImages li:nth-child(3n) {
	margin-right: 0;
}

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

	.detail {
		margin: -20px -20px 50px;
	}

	.detail .info {
		padding: 20px 20px 10px;
	}

	.detail .detailTitle {
		padding: 0 20px 20px;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.detail .body {
		padding: 20px;
		color: #222;
	}

	.detail .body p {
		margin-bottom: 20px;
	}

	.detail .body p:last-child {
		margin-bottom: 0;
	}
	

	.detail .body h1,
	.detail .body h2 {
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.detail .body h1:first-child,
	.detail .body h2:first-child {
		margin-top: 0;
	}
	
	.detail .body h3 {
		margin-top: 20px;
	}
	
	.postImages {
		padding: 0 20px 20px;
	}

	.postImages li {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	
	.postImages li:nth-child(2n) {
		margin-right: 0;
	}

	.postImages li:nth-child(3n) {
		margin-right: auto;
	}
	
}

/*========================================================================

05.お問い合わせ

========================================================================*/

.contactBox {
	background: #1d1d1d;
	padding: 40px;
}

.contactText {
	text-align: center;
	margin:  0 0 40px;
}

.contactTable {
	border-top: 1px dashed #5a5a5a;
	width: 100%;
	margin-bottom: 50px;
}

.contactTable th {
	padding: 25px 0;
	border-bottom: 1px dashed #5a5a5a;
	width: 0;
	white-space: nowrap;
	vertical-align: top;
}

.contactTable td {
	padding: 15px 0;
	border-bottom: 1px dashed #5a5a5a;
	vertical-align: top;
}

.contactTable .imp {
	width: 0;
	white-space: nowrap;
	padding: 25px 30px;
}

.contactTable .imp span {
	display: inline-block;
	background: #c00;
	border-radius: 5px;
	padding: 2px 15px;
}

.contactTable input[type="tel"],
.contactTable input[type="text"],
.contactTable input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	background: #fff;
	padding: 12px;
	font-size: 1rem;
}

.contactTable select {
	box-sizing: border-box;
	border-radius: 5px;
	background: #fff;
	padding: 12px;
	font-size: 1rem;
}

.contactTable textarea {
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	border-radius: 5px;
	background: #fff;
	padding: 12px;
	font-size: 1rem;
}

.contactPolicyTxt {
	text-align: center;	
	margin-bottom: 10px;
}

.contactPolicy {
	text-align: center;
	margin-bottom: 50px;
}


.contactPolicy p {
	display: inline-block;
}

.contactPolicy input {
	border-radius: 5px;
	padding: 5px;
	margin: 9px 10px 0 0;
	display: inline-block;
	transform: scale(1.2);
}

.contactPolicy  .imp  {
	display: inline-block;
	background: #c00;
	border-radius: 5px;
	padding: 2px 15px;
	margin-left: 10px;
}

@media screen and (max-width:1024px) {
	
	#contact .inner {
		padding: 0 0 20px;
	}

	.contactBox {
		background: #1d1d1d;
		padding: 20px;
	}

	.contactText {
		margin:  0 0 30px;
		text-align: left;
	}

	.contactTable {
		margin-bottom: 25px;
	}
	.contactTable tr {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		position: relative;
	}

	.contactTable th {
		padding: 12px 0 5px;
		display: block;
		width: 80%;
		box-sizing: border-box;
		float: left;
		border-bottom: none;
	}

	.contactTable td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		clear: both;
		padding: 0 0 12px;
	}

	.contactTable .imp {
		display: block;
		padding: 12px 0 5px;
		width: 20%;
		box-sizing: border-box;
		float: right;
		border-bottom: none;
		text-align: right;
	}

	.contactTable .imp span {
		padding: 2px 10px;
	}


	.contactTable input[type="tel"],
	.contactTable input[type="text"],
	.contactTable input[type="email"] {
		width: 100%;
		font-size: 1rem;
	}

	.contactTable select {
		font-size: 1rem;
	}

	.contactTable textarea {
		height: 200px;
	}

	.contactPolicy {
		margin-bottom: 25px;
	}


	.contactPolicy p {
		display: inline-block;
	}

	.contactPolicy input {
		border-radius: 5px;
	}

	.contactPolicy  .imp  {
		padding: 2px 10px;
	}

}


.wpcf7-not-valid-tip {
	display: block;
	color: #c00;
	margin-top: 5px;
	font-size: 0.9rem;
}

.screen-reader-response {
	text-align: center;
}

.screen-reader-response  p {
	margin-bottom: 20px;
	color: #c00;
}

.screen-reader-response  ul {
	display: inline-block;
	text-align: left;
	list-style: disc;
	/*
	padding: 20px;
	border: 1px solid #c00;
	*/
	margin-bottom: 30px;
}

.wpcf7-form.sent .f {
	display:none;
}

.wpcf7-response-output  {
	display:none;	
}

.thankyou {
	text-align: center;
	max-width: 1280px;
	margin: 0 auto -130px;
	box-sizing: border-box;
	padding: 50px;
	background: #1d1d1d;
}

.thankyou01 {
	font-size:1.8rem;
	font-weight: bold;
	margin-bottom:30px;
}

.thankyou02 {
	display:inline-block;
	text-align: left;
	margin-bottom:30px;
}

@media screen and (max-width:1024px) {
	
	.thankyou {
		margin: 0 auto -0;
		padding: 20px;
	}

	.thankyou01 {
		font-size:1.3rem;
		margin-bottom:20px;
	}

	.thankyou02 {
		margin-bottom:20px;
	}
	
}

/*========================================================================

06.サイトマップ

========================================================================*/

#sitemap .inner {
	max-width: 100%;
}

.sitemapBox {
	display: flex;
	padding: 50px 0;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.sitemapBoxL {
	padding-right: 50px;
}

.sitemapBoxR {
	line-height: 3;
}

.sitemapBoxR li ul li:before {
	content: "-";
	display: inline-block;
	padding: 0 10px;
}

#sitemap .shopBanner {
	text-align: center;
	background: #1d1d1d;
}

#sitemap .snsIco {
	margin: 100px auto -50px;
}

@media screen and (max-width:1024px) {
	#sitemap .inner {
		max-width: 100%;
	}

	.sitemapBox {
		display: block;
		padding: 0 0 25px;
	}

	.sitemapBoxL {
		padding-right:0;
		text-align: center;
	}
	
	.sitemapBoxL img {
		width: 150px;
		height: auto;
		margin-bottom: 30px;
	}

	.sitemapBoxR li ul li:before {
		content: "-";
		display: inline-block;
		padding: 0 10px;
	}

	#sitemap .shopBanner {
		margin-top: 20px;
		padding: 10px;
		margin-right: -20px;
		margin-left: -20px;
	}

	#sitemap .snsIco {
		margin: 50px auto -100px;
	}	
}
	

/*========================================================================

07.採用情報

========================================================================*/

#recruit .prelusionMessage {
	text-align: left;
}

/*---------------------------------------------------------
お問い合わせ
---------------------------------------------------------*/

.recruitment {
	background: #fff;
	text-align: center;
	color: #222;
	max-width: 1180px;
	margin: 0 auto
}

.recruitment h2 {
	margin-bottom: 30px;
}

.recruitmentInner {
	padding: 50px;
	text-align: center;
}

.recruitmentInner table a {
	color: #222;
}

.recruitment table {
	margin: 0 auto 30px;
	border-top: 1px solid #ccc;
	width: 630px;
}

.recruitment table th {
	border-bottom: 1px solid #ccc;
	padding: 20px 40px 20px 0;
	text-align: left;
}

.recruitment table td {
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	text-align: left;
}

.recruitment .call {
	margin: 0 auto;
	display: flex;
	width: 630px;
}
.recruitment .call .tel {
	width: 290px;
	color: #222;
	line-height: 1.3;
	margin-left: 50px;
}

.recruitment .call .tel a {
	color: #222;
	text-decoration: none;
	position: relative;
	padding-left: 45px;
	font-size: 2.2rem;
	font-weight: bold;
}

.recruitment .call .tel a:before {
	content: "";
	display: inline-block;
	background: url("../images/common/ico_tel.png") center center no-repeat;
	background-size: cover;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
}

@media screen and (max-width:1024px) {

	.recruitment h2 {
		margin-bottom: 20px;
	}
	
	.recruitment h2 img {
		max-width: 200px;
		width: 100%;
	}

	.recruitmentInner {
		padding: 20px;
	}

	.recruitment table {
		margin: 0 auto 20px;
		border-top: 1px solid #ccc;
		width: 100%;
	}

	.recruitment table th {
		border-bottom: none;
		padding: 10px 0 0;
		width: 100%;
		display: block;
		font-weight: bold;
	}

	.recruitment table td {
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px;
		width: 100%;
		display: block;
	}

	.recruitment .call {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	.recruitment .call .tel {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.recruitment .call .tel a {
		font-size: 1.8rem;
		padding-left: 35px;
	}

	.recruitment .call .tel a:before {
		content: "";
		display: inline-block;
		background: url("../images/common/ico_tel.png") center center no-repeat;
		background-size: cover;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -15px;
	}
	
}

/*---------------------------------------------------------
社員インタビュー
---------------------------------------------------------*/

#recruit .interviewList {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

#recruit .interviewList li {
	width: 32%;
	margin: 60px 2% 0 0;
}
#recruit .interviewList li img {
	width: 100%;
}

#recruit .interviewList li:nth-child(1),
#recruit .interviewList li:nth-child(2),
#recruit .interviewList li:nth-child(3){
	margin-top: 0;
}

#recruit .interviewList li:nth-child(3n){
	margin-right: 0;
}

#recruit .interviewList li .thum {
	margin-bottom: 15px;
}

#recruit .interviewList li .copy {
	font-size: 1.3rem;
	line-height: 1.5;
	margin-bottom: 15px;
}

#recruit .interviewList li .name {
	margin-bottom: 20px;
}

#recruit .interviewList li .link:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url("../images/common/ico_arrow_r.png");
	background-size: cover;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}

#recruit .interviewList li .link {
	font-size: 1rem;
	padding: 0 0 0 25px;
	position: relative;
	float: right;
}

#recruit .interviewList li .link a {
	text-decoration: none;
}

#recruit .interviewList li:hover .link:before,
#recruit .interviewList li a:hover {
	opacity: 0.7;
}

@media screen and (max-width:1024px) {

	#recruit .interviewList li {
		width: 100%;
		margin: 0 0 30px;
	}
	#recruit .interviewList li:nth-child(1),
	#recruit .interviewList li:nth-child(2),		
	#recruit .interviewList li:nth-child(3){
		margin-top: auto;
	}

	#recruit .interviewList li:last-child{
		margin-bottom: 0;
	}

	#recruit .interviewList li .thum {
		margin-bottom: 10px;
	}

	#recruit .interviewList li .copy {
		font-size: 1.1rem;
		margin-bottom: 10px;
	}

	#recruit .interviewList li .name {
		margin-bottom: 15px;
	}

	#recruit .interviewList li .link:before {
		content: "";
		width: 20px;
		height: 20px;
		background: url("../images/common/ico_arrow_r.png");
		background-size: cover;
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -10px;
	}

	#recruit .interviewList li .link {
		font-size: 1rem;
		padding: 0 0 0 25px;
		position: relative;
		float: right;
	}

	#recruit .interviewList li .link a {
		text-decoration: none;
	}

	#recruit .interviewList li:hover .link:before,
	#recruit .interviewList li a:hover {
		opacity: 0.7;
	}
	
}

/*---------------------------------------------------------
各部署業務内容・作業風景
---------------------------------------------------------*/

.sceneList li {
	display: flex;
	background: #1d1d1d;
	margin-bottom: 30px;
}

.sceneList li:last-child {
	margin-bottom: 0;
}

.sceneList li .sceneListImg {
	width: 300px;
}

.sceneList li .sceneListTxt{
	width: calc(100% - 300px);
	padding: 25px;
	box-sizing: border-box;
}

.sceneList li .sceneListTxt h3{
	font-size: 1.4rem;
	margin-bottom: 15px;
}

@media screen and (max-width:1024px) {
	
	.sceneList li {
		display: block;
		background: #1d1d1d;
		margin-bottom: 30px;
	}

	.sceneList li:last-child {
		margin-bottom: 0;
	}

	.sceneList li .sceneListImg {
		width: 100%;
	}
	
	.sceneList li .sceneListImg img {
		width: 100%;
	}

	.sceneList li .sceneListTxt{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	.sceneList li .sceneListTxt h3{
		font-size: 1.4rem;
		margin-bottom: 15px;
	}	
}

/*---------------------------------------------------------
募集要項
---------------------------------------------------------*/

.recruitTable {
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;	
}

.recruitTable th {
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
	padding: 20px;
	background: #333;	
}

.recruitTable td {
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
	padding: 20px;
	background: #1d1d1d;
}	

.applicationBox {
	/*margin: 0 0 75px;*/
}

.applicationBox .caption {
	margin-bottom: 30px;
	text-align: center;
}

.applicationBoxInner {
	/*margin-bottom: 75px;*/
}

.applicationBox .caution {
	margin-top: 35px;
}

.applicationBox .subHeading {
	margin-top: -45px;
}

.recruitTabNav {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content:  center;
	margin-bottom: -1px;
}

.recruitTabNav li {
	display: inline-block;
	width: 20%;
	
}

.recruitTabNav li p {
	border: 1px solid #555;
	box-sizing: border-box;
	padding: 5px 10px;
	font-size: 1.1rem;
	cursor: pointer;
	margin-right: -1px;
	color: #999;
	margin-top: 10px;
}

.recruitTabNav li p.current {
	background: #1d1d1d;
	border-bottom: 1px solid #1d1d1d;
	color: #eee;
	padding: 10px;
	margin-top: 0;
}

.recruitTabNav li span {
	display: block;
	font-size: 0.8rem;
}

.recruitTabs {
	padding: 30px;
	background: #1d1d1d;
	border: 1px solid #555;
}

@media screen and (max-width:1024px) {

	
	.recruitTable {
		width: 100%;
	}

	.recruitTable th {
		padding: 10px;	
		display: block;
		box-sizing: border-box;
		width: 100%;
	}

	.recruitTable td {
		padding: 10px;	
		display: block;
		box-sizing: border-box;
		width: 100%;
	}	

	.applicationBox {
		/*margin: 0 0 45px;*/
	}

	.applicationBox .caption {
		margin-bottom: 20px;
		text-align: left;
	}

	.applicationBoxInner {
		margin-bottom: 45px;
	}

	.applicationBox .caution {
		margin-top: 20px;
	}	
	
	.applicationBox .subHeading {
		margin-top: -30px;
		font-size: 0.8rem;
	}
	
	.recruitTabNav {
		display: flex;
		align-items: center;
		text-align: center;
		justify-content:  center;
		margin-bottom: -1px;
	}

	.recruitTabNav li {
		display: inline-block;
		width: auto;

	}

	.recruitTabNav li p {
		padding: 3px 5px;
		font-size: 0.9rem;
		margin-top: 4px;
	}

	.recruitTabNav li p.current {
		padding: 5px;
		margin-top: 0;
	}
	.recruitTabNav li i,
	.recruitTabNav li span {
		display: none;
	}

	.recruitTabs {
		padding: 20px;
		background: #1d1d1d;
		border: none;
		border-top: 1px solid #555;
		border-bottom: 1px solid #555;
		margin: 0 -20px;
	}
	
}

/*---------------------------------------------------------
お試し転職・職場見学
---------------------------------------------------------*/

.trialList li {
	display: table;
	background: #1d1d1d;
	margin-bottom: 30px;
	width: 100%;
}

.trialList li:last-child {
	margin-bottom: 0;
}

.trialList li .trialListTtl {
	padding: 25px;
	display: table-cell;
	vertical-align: top;
	width: 140px;
}

.trialList li .trialListTtl h3{
	font-size: 1.4rem;
	margin-bottom: 15px;
}

.trialList li .trialListTxt{
	padding: 25px;
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}

@media screen and (max-width:1024px) {

	.trialList li {
		display: block;
		background: #1d1d1d;
		margin-bottom: 20px;
		width: 100%;
	}

	.trialList li:last-child {
		margin-bottom: 0;
	}

	.trialList li .trialListTtl {
		padding: 20px 20px 0;
		display: block;
		box-sizing: border-box;
		width: 100%;
	}

	.trialList li .trialListTtl h3{
		font-size: 1.4rem;
		margin-bottom: 15px;
	}

	.trialList li .trialListTxt{
		padding: 0 20px 20px;
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	
}

/*---------------------------------------------------------
応募から採用までの流れ
---------------------------------------------------------*/

.flowList li {
	background: #1d1d1d;
	margin-bottom: 40px;
	width: 100%;
	list-style: none;
	border: 1px solid #555;
	box-sizing: border-box;
	padding: 20px 30px 30px;
	position: relative;
}

.flowList li:after {
	content: "▼";
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin-left: -8px;
	font-size: 16px;
	line-height: 1;
}


.flowList li.way2 {
	display: flex;
	border:none;
	background: none;
	padding: 0;
}

.flowList li.way2:after {
	display: none;
}

.flowList li .flowListL {
	width: calc(50% - 15px);
	box-sizing: border-box;
	margin-right: 15px;
	border: 1px solid #555;	background: #1d1d1d;
	box-sizing: border-box;
	padding: 20px 30px 30px;
	position: relative;
}

.flowList li .flowListR {
	width: calc(50% - 15px);
	box-sizing: border-box;
	margin-left: 15px;
	border: 1px solid #555;	background: #1d1d1d;
	box-sizing: border-box;
	padding: 20px 30px 30px;
	position: relative;
}

.flowList li .flowListL:after,
.flowList li .flowListR:after {
	content: "▼";
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin-left: -8px;
	font-size: 16px;
	line-height: 1;
}

.flowList li .flowListL:before,
.flowList li .flowListR:before {
	content: "▼";
	position: absolute;
	top: -31px;
	left: 50%;
	margin-left: -8px;
	font-size: 16px;
	line-height: 1;
}

.ifoWay2:after {
	display: none;
}

.flowList li:last-child {
	margin-bottom: 0;
}

.flowList li:last-child:after {
	display: none!important;
}

.flowList li .flowListTtl {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}


.flowList li .flowListTtl .num {
	border-bottom: 1px solid #eee;
	display: inline-block;
	font-size: 2rem;
	margin-right: 15px;
	letter-spacing: 4px;
}

.flowList li .flowListTtl h3{
	font-size: 1.6rem;
}

@media screen and (max-width:1024px) {

	.flowList li {
		margin-bottom: 30px;
		padding: 10px 20px 20px;
	}

	.flowList li:after {
		bottom: -21px;
		/*font-size: 10px;*/
	}

	.flowList li:last-child {
		margin-bottom: 0;
	}

	.flowList li:last-child:after {
		display: none!important;
	}


	.flowList li .flowListTtl .num {
		border-bottom: 1px solid #eee;
		display: inline-block;
		font-size: 1.4rem;
		margin-right: 10px;
		letter-spacing: 4px;
	}

	.flowList li .flowListTtl h3{
		font-size: 1.2rem;
	}
	
	.flowList li.way2 {
		display: block;
	}
	
	.flowList li .flowListL {
		margin-right: 0;
		width: 100%;
	}
	
	.flowList li .flowListL::before {
		top: -26px;
	}
	
	.flowList li .flowListR {
		margin-left: 0;
		width: 100%;
		margin-top: -1px;
	}
	.flowList li .flowListR:before {
		display: none;
	}
	.flowList li .flowListR::after {
		bottom: -21px;
	}
}

/*========================================================================

08.採用情報 詳細

========================================================================*/

/*---------------------------------------------------------
インタビュー
---------------------------------------------------------*/

.recruitDetail1st {
	background-image: url(../images/recruit/01/00.jpg); 
	background-size: 65% auto;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 120px;
	margin-top: -150px;
}

.recruitDetail1st .info {
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	padding: 120px 20px;
}

.recruitDetail1st .text {
	width: 55%;
	background: linear-gradient(rgba(8,45,101,0.95),rgba(6,31,66,0.95));
	box-sizing: border-box;
	padding: 60px;
}

.recruitDetail1stLabel {
	border: 1px solid #eee;
	display: inline-block;
	padding: 5px 20px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	font-size: 1.1rem;
}

.recruitDetail1stCopy {
	display: block;
	font-size: 1.6rem;
	margin-bottom: 20px;
}

.recruitDetailComment {
	max-width: 1280px;
	margin: 0 auto 80px;
	display: flex;
	padding: 0 20px;
	box-sizing: border-box;
}

.recruitDetailComment .recruitDetailCommentImg {
	width: 45%;
}

.recruitDetailComment .recruitDetailCommentTxt {
	width: 57%;
	padding-left: 3%;
}

.recruitDetailComment:nth-child(even) .recruitDetailCommentImg  {
	order: 2;
}

.recruitDetailComment:nth-child(even) .recruitDetailCommentTxt  {
	order: 1;
	padding-left: 0;
	
	padding-right: 3%;
}

.recruitDetailComment .recruitDetailCommentTxt h3 {
	font-size: 1.4rem;	
	margin-bottom: 30px;
}

.recruitDetailComment .recruitDetailCommentTxt p {
	line-height: 2;
}

.recruitDetailComment:last-child {
	margin-bottom: 0;
	padding-bottom: 120px;
}

@media screen and (max-width:1024px) {

	.recruitDetail1st {
		background: none;
		margin-bottom: 30px;
		margin-top: -50px;
	}

	.recruitDetail1st .info {
		padding: 0;
	}

	.recruitDetail1st .text {
		width: 100%;
		padding: 20px;
	}

	.recruitDetail1stLabel {
		padding: 5px 15px;
		margin-bottom: 15px;
		font-size: 0.9rem;
	}

	.recruitDetail1stCopy {
		display: block;
		font-size: 1.2rem;
		margin-bottom: 20px;
	}

	.recruitDetailComment {
		max-width: 1280px;
		margin: 0 auto 30px;
		display: block;
		padding: 0;
		box-sizing: border-box;
	}

	.recruitDetailComment .recruitDetailCommentImg {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}
	
	.recruitDetailComment .recruitDetailCommentImg img {
		width: 100%;	
	}

	.recruitDetailComment .recruitDetailCommentTxt {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}

	.recruitDetailComment:nth-child(even) .recruitDetailCommentImg  {
		order: 1;
	}

	.recruitDetailComment:nth-child(even) .recruitDetailCommentTxt  {
		order: 2;
		padding-left: 0;
		padding-right: 0;
	}

	.recruitDetailComment .recruitDetailCommentTxt h3 {
		font-size: 1.2rem;	
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.recruitDetailComment .recruitDetailCommentTxt p {
		line-height: 1.8;
	}

	.recruitDetailComment:last-child {
		margin-bottom: 0;
		padding-bottom: 40px;
	}
	
}

/*---------------------------------------------------------
インタビュー動画
---------------------------------------------------------*/

#movie .movieBox {
	max-width: 960px;
	margin: 45px auto 0;
}

#movie .movieBox.movie1 {
	margin-top: 0;
}

@media screen and (max-width:1024px) {
	#movie .movieBox {
		max-width: 960px;
		margin: 30px auto 0;
	}	
	#movie .movieBox.movie1 {
		margin-top: 0;
	}
}

/*---------------------------------------------------------
１日のスケジュール
---------------------------------------------------------*/

#schedule .scheduleBox {
	padding: 50px;
	background: #1d1d1d;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 80px;
}

#schedule .scheduleBoxImg {
	width: 230px;
	text-align: center;
}

#schedule .scheduleBoxImg img {
	border-radius: 10000px;
	margin-bottom: 10px;
	border: 5px solid #fff;
	width:230px;
	height: 230px;
	object-fit: cover;
}
#schedule .scheduleBoxImg .name {
	font-size: 1.1rem;
}

#schedule .scheduleBoxTxt {
	width: calc(100% - 230px);
	box-sizing: border-box;
	padding-left: 50px;
	line-height: 1;
	font-size: 1.1rem;
}

#schedule .scheduleBoxTxt .time {
	padding-bottom: 30px;
	white-space: nowrap;
}

#schedule .scheduleBoxTxt .dots {
	padding: 0 30px 30px;
	position: relative;
}

#schedule .scheduleBoxTxt .dots:before {
	content: "●";
}

#schedule .scheduleBoxTxt .dots:after {
	position: absolute;
	top: : 0;
	left: 50%;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #eee;
	margin-left: -1px;
}

#schedule .scheduleBoxTxt .dots.lst:after {
	display: none;
}

.scheduleTable tr:last-child .dots:after {
	display: none!important;
}

#schedule .scheduleBoxTxt .text {
	padding-bottom: 30px;
}
#schedule .scheduleBoxTxt .text p {
	line-height: 1.5;
}

#schedule .scheduleBoxTxt tr:last-child .text,
#schedule .scheduleBoxTxt tr:last-child .time,
#schedule .scheduleBoxTxt tr:last-child .dots {
	padding-bottom: 0;
}

#schedule .recruitment {
	margin-bottom: 80px;
}

@media screen and (max-width:1024px) {
	
	
	#schedule .scheduleBox {
		padding: 20px;
		display: block;
		width: 100%;
		margin-bottom: 40px;
	}

	#schedule .scheduleBoxImg {
		width: 180px;
		margin:  0 auto 20px;
	}
	
	#schedule .scheduleBoxImg img {
		width: 180px;
		height: 180px;	
	}

	#schedule .scheduleBoxImg .name {
		font-size: 1.1rem;
	}

	#schedule .scheduleBoxTxt {
		width: 100%;
		box-sizing: border-box;
		padding-left: 0;
		line-height: 1;
		font-size: 0.9rem;
	}

	#schedule .scheduleBoxTxt .time {
		padding-bottom: 20px;
		white-space: nowrap;
	}

	#schedule .scheduleBoxTxt .dots {
		padding: 0 15px 20px;
		position: relative;
	}

	#schedule .scheduleBoxTxt .text {
		padding-bottom: 20px;
	}

	#schedule .scheduleBoxTxt tr:last-child .text,
	#schedule .scheduleBoxTxt tr:last-child .time,
	#schedule .scheduleBoxTxt tr:last-child .dots {
		padding-bottom: 0;
	}

	#schedule .recruitment {
		margin-bottom: 40px;
	}
	
}

#qa .qaTable {
	text-align: center;
	margin: 0 auto;
}

#qa .qaTable .qTh {
	font-size: 2rem;
	vertical-align: middle;
	width: 60px;
	text-align: center;
	padding-bottom: 5px;
}

#qa .qaTable .qTh span {
	display: table;
	width: 50px;
	height: 50px;
	padding: 5px;
	box-sizing: border-box;
	color: #fff;
	background: #11356b;
	border-radius: 1000px;
	line-height: 1;
}

#qa .qaTable .qTh span em {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#qa .qaTable .qTd {
	font-size: 1.2rem;
	vertical-align: middle;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bold;
}

#qa .qaTable .aTh {
	font-size: 2rem;
	vertical-align: middle;
	padding-bottom: 20px;
	width: 40px;
	text-align: center;
}

#qa .qaTable .aTh {
	font-size: 1.7rem;
	vertical-align: middle;
	width: 60px;
	text-align: center;
	padding: 5px 5px 30px;
	box-sizing: border-box;
}

#qa .qaTable .aTh span {
	display: table;
	width: 40px;
	height: 40px;
	padding: 5px;
	box-sizing: border-box;
	color: #fff;
	background: #333;
	border-radius: 1000px;
	line-height: 1;
}

#qa .qaTable .aTd {
	font-size: 1rem;
	vertical-align: middle;
	padding-bottom: 30px;
	text-align: left;
}

/*========================================================================

09.𦚰口水産の強み

========================================================================*/

/*---------------------------------------------------------
ナビ
---------------------------------------------------------*/

.strengthNav ul {
	display: flex;
	flex-wrap: wrap;
}

.strengthNav li {
	width: calc(50% - 15px);
	margin: 30px 30px 0 0;
	background: linear-gradient(#fff,#eee);
}

.strengthNav li:nth-child(1),
.strengthNav li:nth-child(2) {
	margin-top: 0;	
}

.strengthNav li:nth-child(2n){
	margin-right: 0;
}

.strengthNav li a {
	color: #222;
	display: flex;
	align-items: center;
	text-decoration: none;
	font-size: 1.2rem;
}
	
.strengthNav li a .txt {
	padding: 20px;
}

@media screen and (max-width:1024px) {
	
	.strengthNav li {
		width: 100%;
		margin: 20px 0 0;
	}

	.strengthNav li:nth-child(1) {
		margin-top: 0;
	}
	
	.strengthNav li:nth-child(2) {
		margin: 20px 0 0;
	}

	.strengthNav li:nth-child(2n){
		margin: 20px 0 0;
	}
	
	.strengthNav li .img {
		width: 75px;
	}

	.strengthNav li a {
		font-size: 1rem;
	}

	.strengthNav li a .txt {
		padding: 15px;
	}
	
}
	
/*---------------------------------------------------------
脈々と受け継がれる職人の技
---------------------------------------------------------*/

#craftmanships .inner {
	max-width: 100%;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

#craftmanships .contentsTitle {
	padding-top: 120px!important;
}

.craftmanship {
	box-sizing: border-box;
	display: flex;
	margin: 0 auto 150px;
	width: 100%;
}

.craftmanship .img {
	width: 50%;
	order: 2;
}

.craftmanship .img img {
	width: 100%;
}

.craftmanship .info {
	width: 50%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 0 0 20px:
	order: 1;
}

.craftmanship .txt {
	max-width: 590px;
	float: right;
	padding:  0 50px 0 20px;
}

.craftmanship04 .info,
.craftmanship02 .info {
	order: 2;
	padding: 0 20px 0 20px:
}

.craftmanship04 .txt,
.craftmanship02 .txt {
	float: left;
	padding:  0 20px 0 50px;
}

.craftmanship04 .img,
.craftmanship02 .img {
	order: 1;
}

.craftmanship .cmt {
	border: 1px solid #eee;
	display: inline-block;
	padding: 2px 10px;
	font-size: 1.2rem;
	margin-bottom: 15px;
	white-space: nowrap;
}

.craftmanship .title {
	font-size:  2rem;
	margin-bottom: 40px;
	line-height: 1.5;
	margin-top: 20px;
}
.craftmanship .text {
	margin-bottom: 30px;
	line-height: 2;
}

@media screen and (max-width:1024px) {
	
	#craftmanships .inner {
		max-width: 100%;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}

	#craftmanships .contentsTitle {
		padding-top: 60px!important;
	}
	
	.craftmanship .head,
	.craftmanship02 .head {
		display: flex;
		width: 100%;
		align-items: center;
		margin: 0 0 20px;
	}

	.craftmanship,
	.craftmanship02 {
		margin: 0 auto 10px;
		display: block;
		padding: 20px 20px 45px;
		border-bottom: 1px solid #555;
	}
	
	.craftmanship03 {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	.craftmanship .img,
	.craftmanship02 .img {
		width: 100%;
		display: block;
		padding: 0;
	}

	.craftmanship .img img,
	.craftmanship02 .img img {
		width: 100%;
	}

	.craftmanship .info,
	.craftmanship02 .info {
		float: none;
		width: 100%;
		display: block;
		padding: 0;
	}

	.craftmanship .txt,
	.craftmanship02 .txt {
		float: none;
		width: 100%;
		display: block;
		padding: 0;
	}

	.craftmanship .cmt,
	.craftmanship02 .cmt {
		margin: 0 20px 0 0;
	}

	.craftmanship .title,
	.craftmanship02 .title {
		font-size:  1.25rem;
		float: none;
		margin: 0;
	}
	.craftmanship .text,
	.craftmanship02 .text {
		margin-bottom: 30px;
		line-height: 1.5;
	}
	
	#craftmanships .localNav {
		margin: 40px 20px 0;
	}
	
}

/*---------------------------------------------------------
革新的な冷凍技術
---------------------------------------------------------*/

#freezingTechnology {
	padding: 120px 0;
}

#freezingTechnology .inner {
	padding: 0 20px;
}

#freezingTechnology .fv {
	background: #1d1d1d url("../images/strength/freezing_main.jpg") left center no-repeat;
	background-size: 45% auto;
	margin-bottom: 120px;
}

#freezingTechnology .fvInner {

	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
}

#freezingTechnology .fv .txt {
	float: right;
	width: 55%;
	box-sizing: border-box;
	padding: 70px 0 70px 90px;
}

#freezingTechnology .fv .txt .title {
	text-align: left;
	font-size: 1.6rem;
	margin-bottom: 30px;
	letter-spacing: 5px;
}

.freezing01 {
	background: #1d1d1d;
	padding: 45px;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.freezing01 .img {
	width: 500px;
	text-align: center;
	padding-right: 30px;
}

.freezing01 .img img {
	margin-bottom: 20px;
}

.freezing01 .txt h4 {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 30px;
}

.freezing01 .txt p {
	line-height: 1.5;
}

.freezingCompare {
	display: flex;
	justify-content: space-between;
}

.freezingCompare .title {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.5;
}

.freezingCompare .txt {
	display: table;
	margin: 0 auto;
}

.freezingCompare .txt span {
	display: table-cell;
	vertical-align: middle;
	font-size: 2.2rem;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
}

.freezingCompare .txt strong {
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 2px;
}

.freezing02 {
	background: #1d1d1d;
	width: calc(50% - 20px);
	text-align: center;
	padding: 45px 30px;
	margin-right: 20px;
	color: #9d9d9d;
}

.freezing03 {
	background: #0a1b27;
	width: calc(50% - 20px);
	text-align: center;
	padding: 45px 30px;
	margin-left: 20px;
	border: 10px solid #11c3f5;
	color: #d2fdff;
}

@media screen and (max-width:1024px) {

	#freezingTechnology {
		padding: 60px 0;
	}

	#freezingTechnology .inner {
		padding: 0 20px;
	}

	#freezingTechnology .fv {
		background: none;
		margin-bottom: 30px;
	}

	#freezingTechnology .fvInner {
		margin: 0 auto;
		width: 100%;
	}

	#freezingTechnology .fv .txt {
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}

	#freezingTechnology .fv .txt .title {
		font-size: 1.25rem;
		margin-bottom: 20px;
		line-height: 1.5;
		padding: 0 20px;
	}
	
	#freezingTechnology .fv .txt p {
		padding: 20px;
	}

	.freezing01 {
		padding: 15px 15px 30px;
		display: block;
		margin-bottom: 30px;
	}

	.freezing01 .img {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.freezing01 .img img {
		margin-bottom: 10px;
	}

	.freezing01 .txt h4 {
		font-size: 1.1rem;
		margin-bottom: 20px;
	}

	.freezing01 .txt p {
		line-height: 1.5;
	}

	.freezingCompare {
		display: block;
	}

	.freezingCompare .title {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 20px;
		line-height: 1.5;
	}

	.freezingCompare .txt {
		display: table;
		margin: 0 auto;
	}

	.freezingCompare .txt span {
		font-size: 2rem;
	}

	.freezingCompare .txt strong {
	}

	.freezing02 {
		width: 100%;
		padding: 15px;
		margin-right: 0;
		box-sizing: border-box;
		margin-bottom: 30px;
	}

	.freezing03 {
		width: 100%;
		padding: 15px;
		margin-left: 0;
		box-sizing: border-box;
		border: 10px solid #11c3f5;
	}
	
}

/*---------------------------------------------------------
「海桜鮪」導入によるメリット
---------------------------------------------------------*/

#benefits {
	padding: 120px 0;
}

#benefits .inner {
	padding: 0 20px;
}

.benefitsFv {
	display: flex;
	width: 100%;
	overflow: hidden
}

.benefitsFv img {
	width: 100%;
}

.benefitsAbout {
	background: #1d1d1d;
	padding: 0 20px;
}

.benefitsAboutInner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 120px;
	box-sizing: border-box;
	display: flex;
	min-height: 300px;
	
}

.benefitsAboutInner .img {
	width: 45%;
	position: relative;
}

.benefitsAboutInner .img img {
	position: absolute;
	top:  20px;
	left: 0;
	width: 90%
}

.benefitsAboutInner .txt {
	width: 55%;
	padding: 50px 0;
}
.benefitsAboutInner .txt .title {
	font-size: 2rem;
	margin-bottom: 20px;
	
}

.meritsList > li {
	background: #1d1d1d;
	margin-bottom: 30px;
	list-style: none;
	display: flex;
	align-items: center;
}

.meritsList li .img {
	width: 150px;
	box-sizing: border-box;
	padding: 40px;
}

.meritsList li .img img {
	width: 100%;
	height: auto;
}

.meritsList li .info {
	padding: 30px 30px 30px 0;
	box-sizing: border-box;
	width: calc(100% - 150px);
}

.meritsList li .hdr {
	display: table;
	line-height: 1;
	margin-bottom: 20px;
}

.meritsList li .hdr p {
	display: table-cell;
	font-size: 3rem;
	vertical-align: middle;
	padding-right: 10px;
}

.meritsList li .hdr h4 {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.4rem;
}

.meritsList li .txt {
	line-height: 1.5;
}

.meritsList li .txt p.p01 {
	font-size: 1.1rem;
	border-bottom: 1px solid #444;
	padding-bottom: 10px;
}

.meritsList li .txt p.p02 {
	margin-top: 20px;
	font-size: 0.9rem;
}

.meritsList li .txt ol {
	margin-top: 20px;
	font-size: 0.75rem;
	padding: 10px 10px 10px 30px;
	background: #fff;
	color: #222;
}

@media screen and (max-width:1024px) {
	
	#benefits {
		padding: 60px 0;
	}

	#benefits .inner {
		padding: 0 20px;
	}

	.benefitsAbout {
		background: #1d1d1d;
		padding: 0 20px;
	}

	.benefitsAboutInner {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 40px;
		box-sizing: border-box;
		display: block;
		min-height: auto;
	}

	.benefitsAboutInner .img {
		width: 100%;
		position: relative;
		text-align: center;
	}

	.benefitsAboutInner .img img {
		position: relative;
		top:  auto;
		left: auto;
		width: 75%;
		margin: -30px 0 10px;
	}

	.benefitsAboutInner .txt {
		width: 100%;
		padding: 0;
	}
	.benefitsAboutInner .txt .title {
		font-size: 1.25rem;
		margin-bottom: 15px;
	}

	.meritsList > li {
		margin-bottom: 20px;
		list-style: none;
		display: block;
	}

	.meritsList li .img {
		display: none;
	}

	.meritsList li .img img {
		width: 100%;
		height: auto;
	}

	.meritsList li .info {
		padding: 15px;
		width: 100%;
		box-sizing: border-box;
	}

	.meritsList li .hdr {
		display: table;
		margin-bottom: 10px;
	}
	
	.meritsList li .hdr div {
		width: 40px;
		padding-right: 5px;
	}

	.meritsList li .hdr p {
		font-size: 2rem;
		padding-right: 10px;
	}

	.meritsList li .hdr h4 {
		font-size: 1.25rem;
	}

	.meritsList li .txt {
		line-height: 1.5;
	}

	.meritsList li .txt p.p01 {
		font-size: 1rem;
	}

	.meritsList li .txt p.p02 {
		font-size: 0.8rem;
	}

	.meritsList li .txt ol {
		font-size: 0.75rem;
	}

}

/*---------------------------------------------------------
安心・安全な高水準の衛生管理
---------------------------------------------------------*/

#hygieneManagement {
	padding: 120px 0;
}

#hygieneManagement .inner {
	padding: 0 20px;
}

.hygieneManagementAbout {
	text-align: center;
	margin-bottom: 90px;
}

.hygieneManagementAbout .box {
	display: table;
	margin: 0 auto 20px;
}

.hygieneManagementAbout .box .img {
	display: table-cell;
	vertical-align: middle;
}

.hygieneManagementAbout .box .txt {
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 2px;
	text-align: left;
	font-size: 1.6rem;
	padding-left: 15px;
}

.hygieneManagementAbout .info {
	letter-spacing: 2px;
}

.hygieneManagementAction {
	display: flex;
	justify-content: space-around;
}

.hygieneManagementAction01,
.hygieneManagementAction02 {
	background: #1d1d1d;
	width: calc(50% - 30px);
	padding: 50px;
	box-sizing: border-box;
}

.hygieneManagementAction01 {
	margin-right: 60px;
}

.hygieneManagementAction01 .sml {
	font-size: 0.8rem;
	margin-top: 20px;
}

.hygieneManagementAction01 .title,
.hygieneManagementAction02 .title {
	font-size: 1.6rem;
	margin-bottom: 30px;
}

.hygieneManagementAction5s {
	display: flex;
	margin-bottom: 20px;
}

.hygieneManagementAction5s li {
	width: 18%;
	display: block;
	text-align: center;
	background: #11356b;
	margin-right: 2.5%;
}

.hygieneManagementAction5s li:nth-child(5n){
	margin-right: 0;
}

@media screen and (max-width:1024px) {
	
	#hygieneManagement {
		padding: 60px 0;
	}

	#hygieneManagement .inner {
		padding: 0 20px;
	}

	.hygieneManagementAbout {
		margin-bottom: 45px;
	}

	.hygieneManagementAbout .box {
		display: table;
		margin: 0 auto 20px;
	}

	.hygieneManagementAbout .box .img {
		display: table-cell;
		vertical-align: middle;
		width: 100px;
	}

	.hygieneManagementAbout .box .txt {
		line-height: 1.5;
		font-size: 1rem;
	}

	.hygieneManagementAbout .info {
		letter-spacing: 2px;
		text-align: left;
		font-size: 0.8rem;
	}

	.hygieneManagementAction {
		display: block;
	}

	.hygieneManagementAction01,
	.hygieneManagementAction02 {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	.hygieneManagementAction01 {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.hygieneManagementAction01 .sml {
		font-size: 0.7rem;
		margin-top: 20px;
	}

	.hygieneManagementAction01 .title,
	.hygieneManagementAction02 .title {
		font-size: 1.25rem;
		margin-bottom: 20px;
	}
	
}

/*---------------------------------------------------------
実践型コンサルティング
---------------------------------------------------------*/

.consultingList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.consultingList li {
	background: #1d1d1d;
	width: 49%;
}

.consultingList li:last-child {
	margin-bottom: 0;
}

.consultingList li .consultingListImg {
	width: 100%;
}

.consultingList li .consultingListImg img {
	width: 100%;
	height: auto;
}

.consultingList li .consultingListTxt{
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
}

.consultingList li .consultingListTxt h3{
	font-size: 1.4rem;
	margin-bottom: 15px;
}

.consultingList li.large {
	width: 100%;
	margin-bottom: 45px;
}

.consultingList li.large .consultingListImg {

}

.consultingList li.large .consultingListTxt{
	width: 100%;
	padding: 25px 25px 35px;
	box-sizing: border-box;
}

@media screen and (max-width:1024px) {
	
	.consultingList li {
		display: block;
		background: #1d1d1d;
		margin-bottom: 30px;
	}

	.consultingList li:last-child {
		margin-bottom: 0;
	}

	.consultingList li .consultingListImg {
		width: 100%;
	}
	
	.consultingList li .consultingListImg img {
		width: 100%;
	}

	.consultingList li.large .consultingListTxt,
	.consultingList li .consultingListTxt {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	.consultingList li .consultingListTxt h3{
		font-size: 1.25rem;
		margin-bottom: 15px;
	}	
}

/*========================================================================

10.取扱商品

========================================================================*/

/*---------------------------------------------------------
ナビ
---------------------------------------------------------*/

.productsPrelusionList {
	max-width: 1020px;
	margin: 0 auto 60px;
	overflow: hidden;
}

.productsPrelusionList td {
	width: 250px;
	position: relative;
	box-sizing: border-box;
	padding-left: 22px;
	padding-bottom: 20px;
}

.productsPrelusionList td a:hover {
	opacity: 0.7;
}

.productsPrelusionList td img {
	width: 250px;
	height: 328px;
}

.productsPrelusionList td.ppl00 {
	width: 476px;
	padding: 0;
	position: relative;
}

.productsPrelusionList td.ppl00 img {
	width: 100%;
	height: auto;
}

 .remodal  {
	 padding: 0;
	 max-width: 900px;
 }

.remodal-close {
	background: #222;
}

.remodal .head {
	display: table;
	background: #072f6b;
	margin-bottom: 20px;
}

.remodal .img {
	font-size: 1.8rem;
	width: 50%;
	display: table-cell;
}

.remodal .title {
	margin: 20px 0;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.remodal .info {
	padding: 0 20px 20px;
	text-align: left;
}

.remodal .btn {
	margin-top: 20px;
}

.remodal .btn a {
	display: block;
	max-width: 80%;
	margin: 0 auto;
}

@media screen and (max-width:1024px) {
	
	.productsPrelusionList {
		margin: 0 auto 30px;
	}

	.productsPrelusionList td {
		padding: 0;
		display: block;
		float: left;
		width: 50%;
	}

	.productsPrelusionList td a:hover {
		opacity: 0.7;
	}

	.productsPrelusionList td img {
		width: 100%;
		height: auto;
		border: 1px solid #000;
		box-sizing: border-box;
	}

	.productsPrelusionList td.ppl00 {
		width: 100%;
	}

	.remodal .img {
		width: 40%;
		display: table-cell;
	}

	.remodal .title {
		font-size: 1.1rem;
	}

	.remodal .info {
		padding: 0 15px 15px;
	}
	
	.remodal .info .txt {
		font-size: 0.8rem;
	}
	
	.remodal .btn {
		margin-top: 15px;
	}

	.remodal .btn a {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	
	.remodal .btn a span {
		display: none;
	}
	
}

/*---------------------------------------------------------
取扱い魚種一覧
---------------------------------------------------------*/

#kinds {
	padding: 120px 0;
}

#kinds .inner {
	padding: 0 20px;
}

.kindsList li {
	background: #1d1d1d;
	margin-bottom: 20px;
}

.kindsList li .accordion_head:hover {
	opacity: 0.7;
	cursor: pointer;
}

.kindsList li .accordion_head div {
	display: block;
	top: 0;
	right: 0;
	position: absolute;
	width: 250px;
	height: 100%;	
}

.kindsList li:nth-child(1) .accordion_head div {
	background: url(../images/products/kinds01.jpg) right center no-repeat;
	background-size: 250px auto;
}

.kindsList li:nth-child(2) .accordion_head div {
	background: url(../images/products/kinds02.jpg) right center no-repeat;
	background-size: 250px auto;
}

.kindsList li:nth-child(3) .accordion_head div {
	background: url(../images/products/kinds03.jpg) right center no-repeat;
	background-size: 250px auto;
}

.kindsList li:nth-child(4) .accordion_head div {
	background: url(../images/products/kinds04.jpg) right center no-repeat;
	background-size: 250px auto;
}

.kindsList li:nth-child(5) .accordion_head div {
	background: url(../images/products/kinds05.jpg) right center no-repeat;
	background-size: 250px auto;
}

.kindsList li:nth-child(6) .accordion_head div {
	background: url(../images/products/kinds06.jpg) right center no-repeat;
	background-size: 250px auto;
}

.kindsList li:nth-child(7) .accordion_head div {
	background: url(../images/products/kinds07.jpg) right center no-repeat;
	background-size: 250px auto;
}


.kindsList .accordion_head {
	padding: 20px 20px 20px 50px;
	position: relative;
	font-size: 1.6rem;
}

.kindsList .accordion_head:before {
	content: "＋";
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -10px;
}

.kindsList .accordion_head.selected:before {
	content: "ー";	
}

.kindsList .accordion_body {
}

.kindsList .accordion_body .head {
	display: flex;
	padding: 0 20px 20px;
	font-size: 1rem;
}

.kindsList .accordion_body .head .img {
	width: 300px;
	padding-right: 20px;
}

.kindsList .accordion_body .head .txt {
	display: flex;
}

.kindsList .accordion_body .list {
	border-top: 1px solid #3a3a3a;
	padding: 10px 20px;
}

.kindsList .accordion_body .list table {
	border-spacing: 0 15px;
}

.kindsList .accordion_body .list table th {
	border: 1px solid #555;
	vertical-align: middle;
	text-align: center;
	width: 250px;
	font-size: 1.1rem;
	letter-spacing: 2px;
}

.kindsList .accordion_body .list table th span {
	font-size: 0.8rem;
}

.kindsList .accordion_body .list table td {
	padding-left: 15px;
	font-size: 0.9rem;
}

.kindsList .accordion_body .type {
	border-top: 1px solid #3a3a3a;
	padding: 20px 20px 10px;
	display: flex;
	align-items: center;
}

.kindsList .accordion_body .type .title {
	font-size: 1rem;
	font-weight: bold;
	padding-right: 20px;
}

.kindsList .accordion_body .type ul {
	display: flex;
}

.kindsList .accordion_body .type ul li {
	margin-right: 20px;
	text-align: center;
}

.kindsList .accordion_body .type ul li img {
	border: 1px solid #555;
	margin-bottom: 10px;
}

@media screen and (max-width:1024px) {
	
	#kinds {
		padding: 60px 0;
	}

	.kindsList li {
		background: #1d1d1d;
		margin-bottom: 20px;
	}

	.kindsList li .accordion_head div {
		width: 100px;
		height: 100%;	
	}

	.kindsList li:nth-child(1) .accordion_head div, 
	.kindsList li:nth-child(2) .accordion_head div, 
	.kindsList li:nth-child(3) .accordion_head div, 
	.kindsList li:nth-child(4) .accordion_head div, 
	.kindsList li:nth-child(5) .accordion_head div, 
	.kindsList li:nth-child(6) .accordion_head div, 
	.kindsList li:nth-child(7) .accordion_head div
	{
		background-size: 100px auto;
	}


	.kindsList .accordion_head {
		padding: 15px 15px 15px 34px;
		position: relative;
		font-size: 1rem;
		letter-spacing: 0;
	}

	.kindsList .accordion_head:before {
		content: "＋";
		font-size: 16px;
		top: 50%;
		left: 12px;
		margin-top: -8px;
	}

	.kindsList .accordion_body .head {
		display: block;
		padding: 0 20px 20px;
		font-size: 1rem;
	}

	.kindsList .accordion_body .head .img {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}

	.kindsList .accordion_body .head .txt {
		display: block;
		font-size: 0.9rem;
	}

	.kindsList .accordion_body .list {
		padding: 10px 20px;
	}

	.kindsList .accordion_body .list table {
		border-spacing: 0 10px;
	}

	.kindsList .accordion_body .list table th {
		width: 100%;
		box-sizing: border-box;
		display: inline-block;
	}

	.kindsList .accordion_body .list table th span {
		font-size: 0.8rem;
	}

	.kindsList .accordion_body .list table td {
		padding:5px 0;
		font-size: 0.9rem;
		display: block;
	}

	.kindsList .accordion_body .type {
		padding: 20px 20px 20px;
		display: block;
	}

	.kindsList .accordion_body .type .title {
		font-size: 1rem;
		font-weight: bold;
		padding: 0 0 20px;
		display: block;
		width: 100%;
	}

	.kindsList .accordion_body .type ul {
		display: flex;
		flex-wrap: wrap;
	}

	.kindsList .accordion_body .type ul li {
		margin-right: 20px;
		text-align: center;
		width: calc(50% - 10px);
		font-size: 0.8rem;
	}
	
	.kindsList .accordion_body .type ul li:nth-child(2n){
		margin-right: 0;
	}

	.kindsList .accordion_body .type ul li img {
		margin-bottom: 5px;
	}
	
}

/*---------------------------------------------------------
高品質な那智勝浦の生マグロ
---------------------------------------------------------*/

#namaMaguro {
	padding: 120px 0;
}

#namaMaguro .inner {
	padding: 0 20px;
}

.namaMaguroTabNav {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content:  center;
	margin-bottom: -1px;
}

.namaMaguroTabNav li {
	display: inline-block;
	width: 35%;
	line-height: 1.5;
	
}

.namaMaguroTabNav li p {
	border: 1px solid #555;
	box-sizing: border-box;
	padding: 10px 10px;
	font-size: 1.1rem;
	cursor: pointer;
	margin-right: -1px;
	color: #999;
	margin-top: 10px;
}

.namaMaguroTabNav li p.current {
	background: #1d1d1d;
	border-bottom: 1px solid #1d1d1d;
	color: #eee;
	padding: 15px 10px;
	margin-top: 0;
}

.namaMaguroTabNav li span {
	display: block;
	font-size: 0.8rem;
}

.namaMaguroTabs {
	padding: 45px;
	background: #1d1d1d;
	border: 1px solid #555;
}

.namaMaguroBox {
	display: flex;
	margin-bottom: 75px;
}

.namaMaguroBoxL {
	width: 47%;
	padding-right: 3%;
}

.namaMaguroBoxL img {
	width: 100%;
	height: auto;
}

.namaMaguroBoxR {
	width: 50%;
	line-height: 1.8;
}

.namaMaguroBoxR .title {
	font-size: 1.8rem;
	margin-bottom: 30px;
}

.namaMaguroHeading {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 45px;
}

.namaMaguroList ul {
	display: flex;
	flex-wrap: wrap
}

.namaMaguroList ul li {
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 30px;
	text-align: center;
}
.namaMaguroList ul li:nth-child(3n){
	margin-right: 0;
}

.namaMaguroList ul li .img {
	border: 1px solid #555;
	margin-bottom: 15px;
}

.namaMaguroList ul li .name {
	margin-bottom: 15px;
	font-size: 1.1rem;
}
.namaMaguroList ul li .txt {
	text-align: left;
}

.namaMaguroTable {
	margin-bottom: 75px;
}

.namaMaguroTableBox {
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}

.namaMaguroTableBox:last-child {
	margin-bottom: 0;
}

.namaMaguroTableBox .name {
	margin-top: 10px;
}

.namaMaguroTableBoxL {
	width: 300px;
	text-align: center;
	padding-right: 30px;
}

.namaMaguroTableBoxR {
	width: calc(100% - 330px);
}

.namaMaguroTableBoxR h5 {
	font-size: 1.1rem;
	margin-bottom: 10px;
}

.namaMaguroTableBoxR table {
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	box-sizing: border-box;
	width: 100%;
}

.namaMaguroTableBoxR table th {
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 10px;
	background: #333;
	width: 150px;
}

.namaMaguroTableBoxR table td {
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 10px;
	
}

.namaMaguroMerit ol {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -40px;
}

.namaMaguroMerit ol li {
	border: 1px solid #555;
	padding: 30px;
	box-sizing: border-box;
	width: calc(50% - 20px);
	margin-right: 40px;
	margin-bottom: 40px;
}

.namaMaguroMerit ol li:nth-child(2n){
	margin-right: 0;
}

.namaMaguroMerit .num {
	list-style: none;
	display: inline-block;
	border-bottom: 1px solid #eee;
	font-size: 1.6rem;
}

.namaMaguroMerit h5 {
	list-style: none;
	font-size: 1.4rem;
	display: block;
	margin: 20px 0;
	line-height: 1.5;
}

.namaMaguroHaccp {
	border: 1px solid #555;
	display: flex;
	padding: 20px;
	align-items: center;
	margin-top: 20px;
}

.namaMaguroHaccp .img {
	width: 100px;
	
}
.namaMaguroHaccp .txt {
	font-size: 0.7rem;
}

@media screen and (max-width:1024px) {
	

	#namaMaguro {
		padding: 60px 0;
	}

	.namaMaguroTabNav {
		display: flex;
		align-items: center;
		text-align: center;
		justify-content:  center;
		margin-bottom: -1px;
		margin-left: -1px;
	}

	.namaMaguroTabNav li {
		display: inline-block;
		width: calc(50% - 1px);
		line-height: 1.5;

	}

	.namaMaguroTabNav li p {
		padding: 10px 2px;
		font-size: 0.8rem;
	}

	.namaMaguroTabs {
		padding: 20px;
	}

	.namaMaguroBox {
		display: block;
		margin-bottom: 30px;
	}

	.namaMaguroBoxL {
		width: 100%;
		padding: 0;
	}

	.namaMaguroBoxR {
		width: 100%;
		padding: 0;
	}

	.namaMaguroBoxR .title {
		font-size: 1.25rem;
		margin-bottom: 20px;
		line-height: 1.5;
		margin-top: 20px;
	}

	.namaMaguroHeading {
		font-size: 1.1rem;
		margin-bottom: 20px;
	}
	
	.namaMaguroBoxR .txt {
		line-height: 1.5;
		margin-bottom: 30px;
	}

	.namaMaguroList ul {
		display: flex;
		flex-wrap: wrap
	}

	.namaMaguroList ul li {
		width: 100%;
		margin-right: 2%;
		margin-bottom: 30px;
	}
	.namaMaguroList ul li:nth-child(3n){
		margin-right: auto;
	}
	.namaMaguroList ul li:nth-child(2n){
		margin-right: 0;
	}
	.namaMaguroList ul li:last-child {
		margin-bottom: 0;
	}

	.namaMaguroList ul li .img {
		border: 1px solid #555;
		margin-bottom: 10px;
	}

	.namaMaguroList ul li .name {
		margin-bottom: 10px;
		font-size: 1rem;
	}
	.namaMaguroList ul li .txt {
		font-size: 0.9rem;
	}

	.namaMaguroTable {
		margin-bottom: 30px;
	}

	.namaMaguroTableBox {
		display: block;
		margin-bottom: 30px;
	}

	.namaMaguroTableBox:last-child {
		margin-bottom: 0;
	}

	.namaMaguroTableBox .name {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.namaMaguroTableBoxL {
		width: 100%;
		padding-right: 0;
	}

	.namaMaguroTableBoxR {
		width: 100%;
	}

	.namaMaguroTableBoxR h5 {
		font-size: 1rem;
		margin-bottom: 20px;
	}

	.namaMaguroTableBoxR table {
		display: block;
		width: 100%;
	}
	
	.namaMaguroTableBoxR table tbody {
		display: block;
		width: 100%;
	}
	
	.namaMaguroTableBoxR table tr {
		display: block;
		width: 100%;
	}

	.namaMaguroTableBoxR table th {
		display: block;
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}

	.namaMaguroTableBoxR table td {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		display: block;
	}

	.namaMaguroMerit ol {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	.namaMaguroMerit ol li {
		padding: 20px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.namaMaguroMerit ol li:last-child {
		margin-bottom: 0;
	}

	.namaMaguroMerit .num {
		font-size: 1.4rem;
	}

	.namaMaguroMerit h5 {
		font-size: 1.2rem;
		margin: 15px 0;
	}

	.namaMaguroHaccp {
		display: block;
		padding: 20px;
		margin-top: 20px;
	}

	.namaMaguroHaccp .img {
		width: 100px;
		margin: 0 auto;
		margin-bottom: 20px;

	}	
	
}

/*---------------------------------------------------------
商品導入をお考えのお客様へ
---------------------------------------------------------*/

#productIntroduction {
	padding: 120px 0;
}

#productIntroduction .inner {
	padding: 0 20px;
}

.productIntroductionText {
	text-align: center;
	margin-bottom: 60px;
}

.productIntroductionList li {
	display: flex;
	background: #1d1d1d;
	margin-bottom: 30px;
}

.productIntroductionList li:last-child {
	margin-bottom: 0;
}

.productIntroductionList li .productIntroductionListImg {
	width: 300px;
}

.productIntroductionList li .productIntroductionListTxt{
	width: calc(100% - 300px);
	padding: 25px;
	box-sizing: border-box;
}

.productIntroductionList li .productIntroductionListTxt h3{
	font-size: 1.4rem;
	margin-bottom: 15px;
}

@media screen and (max-width:1024px) {
	
	#productIntroduction {
		padding: 60px 0;
	}

	#productIntroduction .inner {
		padding: 0 20px;
	}

	.productIntroductionText {
		text-align: left;
		margin-bottom: 30px;
	}
	
	.productIntroductionList li {
		display: block;
		margin-bottom: 20px;
	}

	.productIntroductionList li:last-child {
		margin-bottom: 0;
	}

	.productIntroductionList li .productIntroductionListImg {
		width: 100%;
	}
	
	.productIntroductionList li .productIntroductionListImg img {
		width: 100%;
	}

	.productIntroductionList li .productIntroductionListTxt{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	.productIntroductionList li .productIntroductionListTxt h3{
		font-size: 1.25rem;
		margin-bottom: 15px;
	}	
}

/*---------------------------------------------------------
お取引までの流れ
---------------------------------------------------------*/

#productFlow {
	padding: 120px 0;
}

#productFlow .inner {
	padding: 0 20px;
}

@media screen and (min-width:1025px) {

	.productFlowList {
		display: flex;
		width: 100%;
	}

	.productFlowList li {
		flex: auto;
		background: #1d1d1d;
		margin-right: 40px;
		list-style: none;
		border: 1px solid #555;
		box-sizing: border-box;
		position: relative;
		text-align: center;
	}

	.productFlowList li:after {
		content: "▼";
		position: absolute;
		top: 50%;
		right: 0;
		margin-right: -30px;
		margin-top: -8px;
		font-size: 16px;
		line-height: 1;
		transform:rotate(270deg);
	}

	.productFlowList li:last-child {
		margin-bottom: 0;
		margin-right: 0;
	}

	.productFlowList li:last-child:after {
		display: none!important;
	}

	.productFlowList li .productFlowListTtl {

		align-items: center;
		margin-bottom: 20px;
	}


	.productFlowList li .productFlowListTtl .num {
		border-bottom: 1px solid #eee;
		display: inline-block;
		font-size: 2rem;
		letter-spacing: 4px;
	}


	.productFlowList li .productFlowListTtl h3{
		font-size: 1rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		display: inline-block;
		text-align: left;
		line-height: 1.3;
		padding-top: 20px;
	}

	#productFlow .recruitment {
		margin-top: 90px;
	}
}

@media screen and (max-width:1024px) {
	

	#productFlow {
		padding: 60px 0;
	}

	.productFlowList li {
		background: #1d1d1d;
		margin-bottom: 40px;
		width: 100%;
		list-style: none;
		border: 1px solid #555;
		box-sizing: border-box;
		padding: 20px 30px 25px;
		position: relative;
	}

	.productFlowList li:after {
		content: "▼";
		position: absolute;
		bottom: -26px;
		left: 50%;
		margin-left: -8px;
		font-size: 16px;
		line-height: 1;
	}

	.productFlowList li:last-child {
		margin-bottom: 0;
	}

	.productFlowList li:last-child:after {
		display: none!important;
	}

	.productFlowList li .productFlowListTtl {
		display: flex;
		align-items: center;
		margin-bottom: 0;
	}


	.productFlowList li .productFlowListTtl .num {
		border-bottom: 1px solid #eee;
		display: inline-block;
		font-size: 2rem;
		margin-right: 15px;
		letter-spacing: 4px;
	}

	.productFlowList li .productFlowListTtl h3{
		font-size: 1.6rem;
	}

	.productFlowList li {
		margin-bottom: 30px;
		padding: 10px 20px 15px;
	}

	.productFlowList li:after {
		bottom: -20px;
		font-size: 10px;
	}

	.productFlowList li:last-child {
		margin-bottom: 0;
	}

	.productFlowList li:last-child:after {
		display: none!important;
	}


	.productFlowList li .productFlowListTtl .num {
		border-bottom: 1px solid #eee;
		display: inline-block;
		font-size: 1.4rem;
		margin-right: 10px;
		letter-spacing: 4px;
	}

	.productFlowList li .productFlowListTtl h3{
		font-size: 1.2rem;
	}
	
}

/*---------------------------------------------------------
その他
---------------------------------------------------------*/

.org a {
	background: linear-gradient(#ec9524,#dc6536);
	background: linear-gradient(#efaa3d,#e87555);
}

/*=========================================================

404

=========================================================*/

.errAra {
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 100px 0 0;
}

.errTtlBox {
	text-align: center;
}

.errTtl {
	font-weight: 900;
	font-size: 24rem;
	line-height: 0.8;
	letter-spacing: -0.015em;
	color: #fff;
	margin: 0 0 30px;
}

.errTtlEn {
	display: inline-block;
	font-weight: 900;
	font-size: 4.5rem;
	line-height: 0.8;
	color: #fff;
	margin: 0 0 50px;
	padding: 5px 15px 17px;
}

.errCntTxt {
	font-weight: 900;
	font-size: 3rem;
	line-height: 1;
	line-height: 1.3;
}

@media screen and (min-width:768px) and (max-width:1300px) {
	.errAra {
		min-height: 600px;
		margin: 60px 0 0;
	}

	.errTtl {
		font-size: 18rem;
		margin: 0 0 20px;
	}

	.errTtlEn {
		font-size: 3.2rem;
		margin: 0 0 30px;
		padding: 3px 10px 15px;
	}

	.errCntTxt {
		font-size: 2.4rem;
	}
}

@media screen and (max-width:767px) {
	.errAra {
		min-height: 350px;
		margin: 60px 0 0;
	}

	.errTtl {
		font-size: 10rem;
		margin: 0 0 10px;
	}

	.errTtlEn {
		font-size: 1.8rem;
		margin: 0 0 20px;
		padding: 3px 7px 10px;
	}

	.errCntTxt {
		font-size: 1.8rem;
	}
}