@charset "utf-8";
/*----------------------------------------------------
	header#globalHeader
----------------------------------------------------*/
@media (min-width:576px) { /* PC */
header#globalHeader { position: sticky; top: 0; margin: 0 auto; background: #4b4b4b; z-index: 100; box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2); }
.header_inn { display:flex; align-items: center; justify-content: space-between; }
.header_logo {  }
.header_nav { display:flex; align-items: center; }
#globalNav ul { display: flex; list-style:none; }
#globalNav ul li { position: relative; z-index: 1; }
#globalNav ul li.noneNav { display: none; }
#globalNav ul li a { display: block; padding: 1em; color: #fff; text-decoration: none; border-bottom: #4b4b4b 2px solid; }
#globalNav ul li a:hover { border-bottom: #fff 2px solid; }
#globalNav ul li ul { position: absolute; top: 100%; left: 0; width: 200%; display: flex; flex-direction: column; visibility: hidden; opacity: 0; transition: .2s ease-in-out; }
#globalNav ul li ul a,
#globalNav ul li ul a:hover { border-bottom: none; }
#globalNav ul li ul li { border: #fff 1px solid; border-bottom: none; }
#globalNav ul li ul li:last-child { border-bottom: #fff 1px solid; }
#globalNav ul li ul li a { background: #02257f; color: #fff; padding: 1em; }
#globalNav ul li ul li a:hover { background: #00afec; color: #fff; }
#globalNav ul li:hover ul { visibility: visible; opacity: 1; }
}

@media (max-width:575px) { /* SP */
header#globalHeader { position: sticky; top: 0; background: #efeeed; z-index: 100; }
.header_inn { padding: 0; }
.header_logo { max-width: 80%; }
#globalNav { display: none; width: 100vw; height: 100vh; position: fixed; top: 75px; left: 0; z-index: 2; }
.nav_menu { width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2; }
ul.nav_menu { list-style: none; text-align: center; padding-top: 3em; }
ul.nav_menu li { display: block; padding: 1em; font-size: 2.8rem; }
ul.nav_menu a { color: #fff; text-decoration: none; }
ul.nav_menu li ul { display: none;}
.nav_btn { background: url("../img/btn.png") no-repeat; display: block; width: 50px; height: 50px; position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 200; }
.nav_btn.open{ background-position: -50px 0; z-index: 300; }
}

/* アンカーリンク  */
.header_link { display: block; margin-top: -150px; padding-top: 150px; }/*pc 追従ヘッダーの高さ*/
@media (max-width:575px) { /* SP */
.header_link { display: block; margin-top: -100px; padding-top: 100px; }/*sp 追従ヘッダーの高さ*/
}

/*----------------------------------------------------
	pageTop
----------------------------------------------------*/
.pageTop { text-align: center; margin: 1em 0; }

/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
.btn_radius { border-radius: 100vh; }
.btn_block_ol { color: #000; background: #fff; border: #000 1px solid; }
.btn_block_ol:hover { color: #fff; background: #999; border: #000 1px solid; }
.btn_block { color: #fff; background: #00AFEC; border: #00AFEC 1px solid; }
.btn_block:hover { color: #00AFEC; background: #fff; border: #00AFEC 1px solid; }
.btn_mail { margin-left: 2rem; }
.btn_mail:after { font-family: 'Material Icons'; position: absolute; top: 50%; transform: translateY(-50%); left: 2rem; content: 'mail_outline'; font-size: 150%; }

@media (min-width:576px) { /* PC */
footer#globalFooter { clear: both; width: 100%; background: #4b4b4b; }
footer#globalFooter a { text-decoration: none; }
.footer_inn { display:flex; align-items: flex-start; justify-content: space-between; }
.footer_logo { background: #efeeed; display:flex; align-items: flex-end; justify-content: space-between; padding: 3em; }
.footer_logo .add { font-size: 1.6rem; line-height: 1.6; margin-right: 3em; }
.footer_logo .tel p { font-size: 4.7rem; font-weight: bold; }
.footer_logo .tel a { color: #4b4b4b; }
.footer_logo .tel .material-icons { font-size: 4.7rem; }
.footer_link { padding: 3em 0; }
.footer_link ul { list-style-type: none; }
.footer_link li a { display: inline-block; padding-bottom: 1em; color: #00afec; }
.footer_link li ul li a { color: #fff; padding-left: 1em; }
.copyright p { text-align: center; font-size: 1.4rem; background: #00afec; color: #fff; padding: 1em; }
}

@media (max-width:575px) { /* SP */
footer#globalFooter { clear: both; width: 100%; text-align: center; background: #efeeed; }
footer#globalFooter a { text-decoration: none; }
.footer_inn {  }
.footer_logo { padding: 2em; }
.footer_logo .add { font-size: 1.4rem; line-height: 1.6; }
.footer_logo .tel p { font-size: 3.0rem; font-weight: bold; margin: .5em 0; }
.footer_logo .tel a { color: #4b4b4b; }
.footer_logo .tel .material-icons { font-size: 3.0rem; }
.footer_link { display: none; }
.copyright p { text-align: center; font-size: 1.4rem; background: #00afec; color: #fff; padding: 1em; }
}

/*----------------------------------------------------
	フェードイン　class="move"
----------------------------------------------------*/
.move { opacity: 0; transform: translate(0, 60px); transition: .8s; }
.mv { opacity: 1.0; transform: translate(0, 0); }

/*----------------------------------------------------
	背景
----------------------------------------------------*/
.box {
 margin: 0 calc(50% - 50vw);
 padding: 0 calc(50vw - 50%);
 width: 100vw; }
.box_inn { padding: 4em 0; }
@media (max-width:575px) { /* SP */
.box_inn { padding: 2em 0; }
}

.bg_gray { background: #E7E7E7; position: relative; }
.bg_darkblue { background: #002580; }

/*----------------------------------------------------
	見出し
----------------------------------------------------*/
h2 {
 font-size: 3.4rem;
 text-align: center;
 font-weight: normal;
 padding: 2.5em 0;
 line-height: 1;
 color: #fff;
}
h2 span.sub { font-size: 1.7rem; line-height: 1; }
.title_company { background: url("../../images/title_company.jpg") no-repeat center center / cover; }
.title_business { background: url("../../images/title_business.jpg") no-repeat center center / cover; }
.title_recruit { background: url("../../images/title_recruit.jpg") no-repeat center center / cover; }
.title_contact { background: url("../../images/title_contact.jpg") no-repeat center center / cover; }
.title_topics { background: url("../../images/title_topics.jpg") no-repeat center center / cover; }
.title_privacy { background: url("../../images/title_privacy.jpg") no-repeat center center / cover; }

h3 { font-size: 3.0rem; font-weight: bold; line-height: 1.6; color: #00AFEC; letter-spacing: .1em; text-indent: .1em; margin: 2em 0 0; }

@media (max-width:575px) { /* SP */
h2 { padding: 1.5em 0; }
}

/*----------------------------------------------------
	リンク
----------------------------------------------------*/
a,
a:hover {
 text-decoration: none;
 color: #000;
}

/*----------------------------------------------------
	スタイル
----------------------------------------------------*/
/* パンくずリスト */
.breadcrumb { overflow: hidden; list-style-type: none; font-size: 1.4rem; margin-bottom: 3em; padding: 1em; } /* [ul] */
.breadcrumb li { float: left; } /* [li] */
.breadcrumb li:after { content: ">"; padding: 0 1em; } /* [>] */
.breadcrumb li:last-child:after { content: none; } /* 一番最後の[li] */
.breadcrumb,
.breadcrumb a { color: #fff; }

/* トップページ */
.top_comment { font-size: 2.0rem; text-align: center; line-height: 1.8; letter-spacing: .05em; text-indent: .05em; }
.business { position: relative; }
.top_number { position: absolute; top: 11%; left: 0; right: 0; margin: auto; font-size: 3.7rem; text-align: center;
color: #fff; }
.top_eg{  position: absolute; top: 25%; left: 0; right: 0; margin: auto; font-size: 2.3rem; text-align: center;
color: #fff; }
.top_title { position: absolute; top: 42%; left: 0; right: 0; margin: auto; font-size: 3.0rem; text-align: center;
color: #fff; }
.top_text { width: 80%; position: absolute; top: 62%; left: 0; right: 0; margin: auto; font-size: 1.3rem; line-height: 1.7; letter-spacing: .05em; color: #fff; }
.top_information { font-size: 3.0rem; font-weight: bold; line-height: 1; color: #00AFEC; letter-spacing: .1em; text-indent: .1em; margin-bottom: 1em; }
@media (max-width:575px) { /* SP */
.top_text { top: 60%; line-height: 1.5; }
.top_number { top: 9%; font-size: 3.2rem; }
}

/* ビジネスページ */
.food_top { padding-bottom: 4em; max-width: 1194px; }
.seafood_top, .transport_top { padding-top: 9em; padding-bottom: 4em; max-width: 1194px; }
.b-f-title { font-size: 2.8rem; text-align: center; letter-spacing: .1em; color: #fff; background-color: #85A440; padding: 0.3em 0; }
.b-s-title { font-size: 2.8rem; text-align: center; letter-spacing: .1em; color: #fff; background-color: #D69F76; padding: 0.3em 0; }
.b-t-title { font-size: 2.8rem; text-align: center; letter-spacing: .1em; color: #fff; background-color: #008B87; padding: 0.3em 0; }
.b-f-sub { font-size: 2.0rem; text-align: center; color: #85A440; padding-top: 0.7em; }
.b-s-sub { font-size: 2.0rem; text-align: center; color: #D69F76; padding-top: 0.7em; }
.b-t-sub { font-size: 2.0rem; text-align: center; color: #008B87; padding-top: 0.7em; }
.dc_line { position: relative; width: 100%; border-bottom: 1px solid #000; margin: 5em auto 2em; }
.m_title { font-size: 3.2rem; text-align: center; position: absolute; top: -15px; left: 0; right: 0; margin: 0 auto; width: 5em; display: inline-block;  background-color: #fff; }
.detail { font-size: 1.8rem; line-height: 2.2; letter-spacing: .05em; margin-top: 2.3em; padding: 0 1em;}
.tr_detail { font-size: 1.8rem; line-height: 2.2; letter-spacing: .05em; padding: 1em; }
.box_green { font-size: 2.5rem; font-weight: bold; text-align: center; line-height: 1.5; color: #85A440; border: solid 3px #85A440; border-radius: 10px; display: inline-block; width: 96%; margin: 0.5em 0.3em; padding: 1.2em; }
.box_blue { font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 1.5; color: #008B87; border: solid 3px #008B87; border-radius: 10px; margin: 0.6em auto 0; padding: 1em 0; width: 95%; }
.sp { display: none; }
table { width: 95%; border-collapse: collapse; font-size: 2.0rem; margin: 0.6em auto 1em; }
table td { border: solid 1px #002882; padding: 1.2em 1.7em; }
.bg_blue { background-color: #D9E4F7; text-align: center; }

@media (max-width:575px) { /* SP */
.food_top { padding-bottom: 2em; }
.seafood_top, .transport_top { padding-top: 9em; padding-bottom: 2em; max-width: 1194px; }
.sp { display: block; }
}

/* プライバシー */
.container-privacy p { font-size: 1.8rem; line-height: 2.0; margin-top: 1em; }
.container-privacy .privacy_contact { line-height: 1.5; padding: 1em 2em; border: #000 1px solid; display: inline-block; margin-bottom: 2em; }
ul.ulList { list-style: none; display: table; line-height: 1.5; font-size: 1.8rem; margin: 1em 0 2em; }
ul.ulList li:before { content: "\25CF"; display: table-cell; padding: 0.5em 1.5em 0 0; font-size:50%; color: #666; vertical-align: top; }
ul.ulList li { display: table-row; }
ul.ulList li:after { content: ""; display: block; padding-bottom: .3em; }
ul.ulList li:last-child:after { padding-bottom:0 }

/* リクルート */
.container-recruit table { width: 100%; margin-bottom: 2em; }
.container-recruit td { line-height: 1.8; padding: 1em 2em; }
.container-recruit td.bg_blue { white-space: nowrap; }
@media (max-width:575px) { /* SP */
.container-recruit td { line-height: 1.8; padding: .5em 1em; }
}

/* 会社概要 */
.container-company table { width: 100%; margin-bottom: 2em; }
.container-company td { line-height: 1.8; padding: 1em 2em; }
.container-company td.bg_blue { white-space: nowrap; }
@media (max-width:575px) { /* SP */
.container-company td { line-height: 1.8; padding: .5em 1em; }
}

/* 画像 */
.top_decoration img { position: absolute; top: -20px; left: 0; right: 0; margin: auto; }
@media (max-width:575px) { /* SP */
.top_decoration img { position: absolute; top: -20px; left: 0; right: 0; margin: auto; width: 115px; }
}

/* 5 Columns */
@media (min-width:576px) { /* PC */
.col-sm-15 { position: relative; min-height: 1px; padding-right: 0; padding-left: 0; width: 100%; }
}

@media (min-width:576px) { /* PC */
.col-sm-15 { width: 20%; flex: 0 0 20%; }
}