@charset "UTF-8";
/**************************
    /@mixin/
*/
/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## @mixin


*/
/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## @mixin


*/
/**************************
    /@mixin/
*/
/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## @mixin


*/
/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## @mixin


*/
/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## Foundation
ブラウザ仕様をフラットにする

文字色 : $color_default
リンク : $link_color
ホバー : $hover_color

*/
input,
textarea {
	outline: 0;
}

input::-moz-placeholder {
	opacity: .75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

input::-webkit-input-placeholder {
	opacity: .75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

input:-ms-input-placeholder {
	opacity: .75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.none {
	display: none;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff;
	line-height: 1.5;
}

ul {
	list-style: none;
}

.gmap {
	background-color: #eee;
}

.img {
	max-width: 100%;
}

img._border {
	border: 1px solid #ccc;
}

img._radius {
	border-radius: 3px;
}

p {
	font-size: 14px;
	font-size: 0.875rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## Utility - Cosmetic

ユーティリティー設定。  
このサイト専用というわけでもない共通設定。

*/
/* simple clearfix */
/*

<div class="_h3">.bold</div>

太字。

	<span class="bold">太い文字</span><br>
	<span class="em">太い文字</span>

*/
em,
.bold,
.em {
	font-weight: bold;
	font-style: normal;
}

/*

<div class="_h3">.underline</div>

下線。

	<span class="underline">テキスト</span><br>

*/
.underline {
	text-decoration: underline;
}

/*

<div class="_h3">.red .caution</div>

赤文字。

	<span class="caution">赤い文字</span><br>
	<span class="red">赤い文字</span>

*/
/*

<div class="_h3">.orange_text</div>

オレンジ文字。

	<span class="orange_text">オレンジ文字</span>

*/
.orange_text {
	color: #fb911f;
}

/*

<div class="_h3">.white_text</div>

白文字。

	<span class="white_text">オレンジ文字</span>

*/
.white_text {
	color: #fff;
}

/*

<div class="_h3">.blue_text</div>

時々使う青文字

	<div class="blue_text">テキスト</div>

*/
.blue_text {
	font-weight: bold;
}

.small_text {
	font-size: 12px;
	font-size: 0.75rem;
}

/*

<div class="_h3">.yellow_text</div>

時々使う青文字

	<div class="yellow_text">テキスト</div>

*/
.yellow_text {
	color: #a67f07;
	font-weight: bold;
}

/*

<div class="_h3">.gray_text</div>

時々使う青文字

	<div class="gray_text">テキスト</div>

*/
.gray_text {
	color: #666;
	font-weight: bold;
}

/*

<div class="_h3">.pink_text</div>

ピンク文字

	<div class="pink_text">テキスト</div>

*/
.pink_text {
	color: #ff7bac;
}

/*

<div class="_h3">.center</div>

適当に中央によせたい。

3つ指定してます  
margin-left: auto;  
margin-right: auto;  
text-align: center;  

	<div class="center">テキスト</div>

*/
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*

<div class="_h3">.center_position</div>

画像を適当に中央によせたい。  
親要素に relative が必要  
width と height は個別に指定した方がいい

	<div class='line'>
		<img class="center_position" src="http://placehold.it/100x100" alt="">
	</div>

*/
.center_position {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

/*

<div class="_h3">.right</div>

text-align: right 。 float はしない。

	<div class="right">テキスト</div>

*/
.right {
	text-align: right;
}

/*

<div class="_h3">.clearfix</div>

	<div class="clearfix">テキスト</div>

*/
.clearfix:after, .box:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, .box {
	display: inline-block;
}

* html .clearfix, * html .box {
	height: 1%;
}

.clearfix, .box {
	display: block;
}

/*

<div class="_h3">.clear</div>

clear: both; だけしたい時。

	<div class="clear">テキスト</div>

*/
.clear {
	clear: both;
}

/*

<div class="_h3">.no_text</div>

背景画像だけを表示して、テキストを吹き飛ばして非表示にしたい。 text-indent: 120%;  
(下記例の info_title _hosp クラスはサンプルをわかりやすくするための指定。)

	<div class="info_title _hosp no_text">テキスト</div>

*/
.no_text,
.open_menu,
.search__submit {
	text-indent: 120%;
	line-height: 0;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

/*

<div class="_h3">.on_opacity</div>

:hover で透明化する aタグ。 opacity はサイト統一と考えて、基本ここにしか書いていません。

	<a href="#" class="on_opacity">マウスオーバーで透明化するリンクテキスト</a>

*/

.on_opacity:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

/*

<div class="_h3">.ellipsis</div>

領域からはみ出た場合に「...」を表示する。ブラウザの挙動がおかしいのであまりにあてにしない。

	<div class="ellipsis" style="width: 100px;">長いテキスト長いテキスト長いテキスト長いテキスト</div>

*/
.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*

<div class="_h3">.no_wrap</div>

改行せず、領域を貫通するテキスト。 PCのために書く時、SPで改行をせず表示が壊れないかに注意。

	<div class="no_wrap">テキスト</div>

*/
.no_wrap {
	white-space: nowrap;
}

/*

<div class="_h3">.mb_1em</div>

*/
.contents .mb_1em,
.section .mb_1em {
	margin-bottom: 1em;
}

.contents .mb_05em,
.section .mb_05em {
	margin-bottom: .5em;
}

.contents .mb_0em,
.section .mb_0em,
.contents .no_mb,
.section .no_mb {
	margin-bottom: 0;
}

.contents .no_mt {
	margin-top: .2em;
}

/*

<div class="_h3">.no_wrap</div>

margin-bottom: 1em;

	<div class="mb_1em">テキスト</div>

*/
.contents .mb_0 {
	margin-bottom: 0;
}

/*

<div class="_h3">.tel</div>

comment

	<div class="fot_m">外来診療</div>

*/
.tel_link {
	word-wrap: break-word;
}

/*

<div class="_h3">.kakko</div>

「（」「）」全角括弧でくくる

	<span class="kakko">ローン<span class="dot">・</span>貯金</span>

*/
.kakko {
	margin-left: -.6em;
}

.kakko:before {
	content: '（';
	display: inline;
}

.kakko:after {
	content: '）';
	display: inline;
}

.kakko-kagi:before {
	content: '「';
	display: inline;
}

.kakko-kagi:after {
	content: '」';
	display: inline;
}

.kerning {
	margin-left: -.25em;
}

.dot {
	margin-left: -.25em;
}

/**************************
    /@mixin/
*/
/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## @mixin


*/
/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## @mixin


*/
/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## Component - Base

コンポーネント設定。
各ページでよく使い回す記述。
このサイト専用の共通設定。


*/
video#bg_video {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
	animation: fadein 2s linear 0s 1;
	-webkit-animation: fadein 2s linear 0s 1;
}

@keyframes fadein {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

body.top_body:before {
	background: none;
}

/**************************
    /@mixin/
*/
.clearfix, .box {
	*zoom: 1;
}

.clearfix:after, .box:after {
	content: "";
	display: table;
	clear: both;
}

.box {
	padding: 10px;
	background: #ccc;
}

img {
	vertical-align: bottom;
}

.sp_br {
	display: none;
}

img.sp_img {
	display: none;
}

.label_pdf:after {
	content: url("/common/img/label_pdf.png");
	position: relative;
	top: 3px;
}

.label_external:after {
	content: url("/common/img/label_external.png");
	position: relative;
	top: 1px;
}

li.mmenu_ttl {
	display: none;
}

/**************************
    /ALL/
*/
html {
	width: 100%;
}

body {
	font-size: 16px;
	color: #000;
	line-height: 1.6;
	position: relative;
	width: 100%;
}

.mega_container {
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
}

.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.content {
	font-size: 14px;
	font-size: 0.875rem;
}

ul li, ol li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: #000;
	outline: none;
}

section {
	margin-bottom: 80px;
}

/**************************
    /header/
*/
header.pc_header {
	padding-top: 10px;
	margin-bottom: 40px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.header_inner {
	height: 25px;
	width: 330px;
	padding-bottom: 10px;
	float: right;
	overflow: hidden;
}

.search {
	float: right;
	position: relative;
	width: 175px;
	height: 23px;
	box-sizing: border-box;
}

.searchBox {
	padding-left: 10px;
	position: relative;
	top: -1px;
	border-radius: 5px;
	border: none;
	outline: none;
	color: #5e6927;
	background-color: #fff;
	font-size: 14px;
	font-size: 0.875rem;
}

.search .submitBtn {
	width: 14px;
	height: 14px;
	background-color: #fff;
	padding: 4px 5px 4px;
	position: absolute;
	top: 1px;
	right: 0px;
	border-radius: 10px;
}

.fontsize {
	float: right;
	width: 64px;
	height: 24px;
	margin-top: 3px;
	margin-right: 20px;
	overflow: hidden;
	position: relative;
	top: -2px;
}

.fontsize_txt {
	color: #5e6927;
	float: right;
	position: relative;
	line-height: 24px;
	margin-right: 10px;
	font-size: 10px;
	font-size: 0.625rem;
}

.fontsize > ul {
	overflow: hidden;
}

.fontsize > ul li {
	float: left;
	width: 32px;
	height: 24px;
	box-sizing: border-box;
	padding: 0;
}

.fontsize > ul li a {
	display: block;
	text-indent: -9999px;
	outline: none;
	height: 24px;
	background-image: url("/common/img/header_fontsize_bg.png");
}

.fontsize-m a {
	background-position: 0 -24px;
}

.fontsize-m a:hover, .fontsize-m a:active {
	background-position: 0 0px;
}

.fontsize-l a {
	background-position: 32px -24px;
	display: block;
}

.fontsize-l a:hover, .fontsize-l a:active {
	background-position: 32px 0;
}

.header_gnav {
	width: 771px;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

.header_gnav__wrapper {
	clear: both;
	width: 960px;
	height: 90px;
	box-sizing: border-box;
	background-color: #014608;
	border-radius: 7px;
}

.header_gnav__wrapper h1 {
	float: left;
}

.header_gnav__wrapper h1 a {
	display: block;
}

.header_gnav__wrapper h1 a:hover {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.header_gnav > ul > li {
	border-right: 2px solid #fff;
	width: 143px;
	height: 70px;
	float: left;
	text-align: center;
	position: relative;
	display: block;
}

.header_gnav > ul > li.header_gnav__agriculture a img {
	position: relative;
	top: 13px;
}

.header_gnav > ul > li.header_gnav__product {
	width: 181px;
}

.header_gnav > ul > li.header_gnav__product a {
	width: 167px;
}

.header_gnav > ul > li.header_gnav__product a img {
	position: relative;
	top: 12px;
}

.header_gnav > ul > li.header_gnav__store a img {
	position: relative;
	top: 13px;
}

.header_gnav > ul > li.header_gnav__about {
	border-right: none;
}

.header_gnav > ul > li.header_gnav__about a {
	width: 135px;
}

.header_gnav > ul > li > a {
	display: block;
	margin-left: 7px;
	margin-right: 7px;
	width: 129px;
	height: 70px;
	border-radius: 10px;
}

.header_gnav > ul > li > a:hover {
	background-color: #4d7d52;
}

.header_gnav > ul > li > a img {
	position: relative;
	top: 10px;
}

.header_gnav > ul > li .header_gnav__secondlevel {
	max-height: 0;
	-webkit-transition: opacity 1s ease-out, max-height 1s ease-out;
	transition: opacity 1s ease-out, max-height 1s ease-out;
	padding-top: 35px;
}

.header_gnav > ul > li .header_gnav__secondlevel > ul, .header_gnav > ul > li .header_gnav__secondlevel > ul li {
	max-height: 0;
}

.header_gnav > ul > li .header_gnav__secondlevel > ul li a {
	display: none;
}

.header_gnav > ul > li:hover .header_gnav__secondlevel {
	max-height: 300px;
	overflow: hidden;
	position: absolute;
}

.header_gnav > ul > li:hover .header_gnav__secondlevel > ul, .header_gnav > ul > li:hover .header_gnav__secondlevel > ul li {
	max-height: 300px;
}

.header_gnav > ul > li:hover .header_gnav__secondlevel > ul li a {
	display: block;
}

.header_gnav > ul > li:hover .header_gnav__secondlevel > ul {
	background-color: #fff;
	border-radius: 10px;
	width: 430px;
	height: 300px;
	padding: 22px 32px 30px;
	position: relative;
	top: -8px;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.header_gnav > ul > li:hover .header_gnav__secondlevel > ul:before {
	border-right: 10px solid transparent;
	border-bottom: 20px solid #fff;
	border-left: 10px solid transparent;
	border-top-width: 0;
	top: -16px;
	content: "";
	display: block;
	position: absolute;
	width: 0;
	z-index: 1;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.header_gnav > ul > li:hover .header_gnav__secondlevel > ul li a {
	width: 215px;
	height: 40px;
	box-sizing: border-box;
	float: left;
	text-align: left;
	color: #014608;
	font-weight: bold;
}

.header_gnav > ul > li:hover .header_gnav__secondlevel > ul li a:before {
	content: url(/common/img/gnav_bean_icon.png);
	padding-right: 5px;
}

.header_gnav > ul > li:hover .header_gnav__secondlevel > ul li a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.header_gnav > ul > li.header_gnav__soybean:hover .header_gnav__secondlevel > ul:before, .header_gnav > ul > li.header_gnav__soybean:hover .header_gnav__secondlevel > ul:after {
	left: 51px;
}

.header_gnav > ul > li.header_gnav__agriculture:hover .header_gnav__secondlevel > ul:before, .header_gnav > ul > li.header_gnav__agriculture:hover .header_gnav__secondlevel > ul:after {
	left: 51px;
}

.header_gnav > ul > li.header_gnav__product:hover .header_gnav__secondlevel {
	position: absolute;
	left: -150px;
}

.header_gnav > ul > li.header_gnav__product:hover .header_gnav__secondlevel > ul:before, .header_gnav > ul > li.header_gnav__product:hover .header_gnav__secondlevel > ul:after {
	right: 240px;
}

.header_gnav > ul > li.header_gnav__store:hover .header_gnav__secondlevel {
	position: absolute;
	left: -250px;
}

.header_gnav > ul > li.header_gnav__store:hover .header_gnav__secondlevel > ul {
	height: 60px;
}

.header_gnav > ul > li.header_gnav__store:hover .header_gnav__secondlevel > ul:before, .header_gnav > ul > li.header_gnav__store:hover .header_gnav__secondlevel > ul:after {
	right: 150px;
}

.header_gnav > ul > li.header_gnav__about:hover .header_gnav__secondlevel {
	position: absolute;
	left: -345px;
}

.header_gnav > ul > li.header_gnav__about:hover .header_gnav__secondlevel > ul {
	height: 90px;
}

.header_gnav > ul > li.header_gnav__about:hover .header_gnav__secondlevel > ul:before, .header_gnav > ul > li.header_gnav__about:hover .header_gnav__secondlevel > ul:after {
	right: 55px;
}

.underlay_edamame li.header_gnav__soybean > a {
	background-color: #4d7d52;
}

.underlay_agriculture li.header_gnav__agriculture > a {
	background-color: #4d7d52;
}

.underlay_product li.header_gnav__product > a {
	background-color: #4d7d52;
}

.underlay_store li.header_gnav__store > a {
	background-color: #4d7d52;
}

.underlay_about li.header_gnav__about > a {
	background-color: #4d7d52;
}

/**************************
    /Toppage/
*/
.top_content .toppage_content {
	clear: both;
}

.top_content .soybean_content {
	width: 100%;
	padding-bottom: 40px;
}

.top_content .soybean_content h2.top_h2 {
	text-align: center;
	margin-bottom: 80px;
}

.top_content .soybean_content h2.top_h2 img {
	width: 323px;
}

.top_content .soybean_block {
	clear: both;
	position: relative;
}

.top_content .soybean_block .imgBox {
	position: absolute;
}

.top_content .soybean_block .imgBox img {
	width: 100%;
	vertical-align: bottom;
}

.top_content .soybean_block > .imgBox_btn {
	width: 172px;
	z-index: 100;
	margin: 0;
	padding: 0;
}

.top_content .soybean_block > .imgBox_btn a {
	display: block;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

.top_content .soybean_block > .imgBox_btn a:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.top_content .soybean_block p.soybean_txt {
	color: #000;
	font-size: 14px;
	font-size: 0.875rem;
	position: absolute;
	z-index: 100;
	text-align: left;
}

.top_content .soybean_block01 {
	height: 320px;
	width: 580px;
	box-sizing: border-box;
	background: url("/common/img/block01_bg.png") no-repeat;
	background-size: 100%;
}

.top_content .soybean_block01__wrapper {
	width: 100%;
	text-align: left;
	padding-bottom: 100px;
}

.top_content .soybean_block01 .imgBox_number {
	top: -100px;
	left: 20px;
}

.top_content .soybean_block01 .imgBox_copy {
	top: -60px;
	right: -200px;
	z-index: 2;
}

.top_content .soybean_block01 .imgBox_visual {
	top: -130px;
	left: -240px;
}

.top_content .soybean_block01 > .imgBox_btn {
	top: 250px;
	right: 100px;
}

.top_content .soybean_block01 > .imgBox_btn:hover {
	top: 252px;
	right: 98px;
}

.top_content .soybean_block01 p.soybean_txt {
	top: 150px;
	right: 60px;
	font-size: 16px;
	font-size: 1rem;
}

.top_content .soybean_block02 {
	height: 311px;
	width: 596px;
	box-sizing: border-box;
	background: url("/common/img/block02_bg.png") no-repeat;
	float: right;
	background-size: 100%;
}

.top_content .soybean_block02__wrapper {
	width: 100%;
	text-align: right;
	padding-bottom: 90px;
}

.top_content .soybean_block02 .imgBox_number {
	top: -140px;
	left: 160px;
}

.top_content .soybean_block02 .imgBox_copy {
	top: -50px;
	left: -150px;
	z-index: 2;
	width: 584px;
}

.top_content .soybean_block02 .imgBox_visual {
	top: -330px;
	right: -200px;
}

.top_content .soybean_block02 > .imgBox_btn {
	top: 230px;
	right: 150px;
}

.top_content .soybean_block02 > .imgBox_btn:hover {
	top: 232px;
	right: 148px;
}

.top_content .soybean_block02 p.soybean_txt {
	top: 110px;
	left: 40px;
	font-size: 16px;
	font-size: 1rem;
}

.top_content .soybean_block03 {
	height: 374px;
	width: 797px;
	background: url("/common/img/block03_bg.png") no-repeat;
	background-size: 100%;
}

.top_content .soybean_block03__wrapper {
	width: 100%;
	text-align: left;
	padding-bottom: 26px;
}

.top_content .soybean_block03 .imgBox_number {
	top: -60px;
	left: 0px;
}

.top_content .soybean_block03 .imgBox_copy {
	top: -20px;
	right: 100px;
}

.top_content .soybean_block03 .imgBox_visual {
	top: 60px;
	right: -120px;
	z-index: 2;
	width: 1000px;
}

.top_content .soybean_block03 > .imgBox_btn {
	bottom: 30px;
	right: 280px;
	width: 172px;
}

.top_content .soybean_block03 > .imgBox_btn:hover {
	bottom: 28px;
	right: 278px;
}

.top_content .soybean_block03 > .imgBox_btn img {
	width: 100%;
}

.top_content .soybean_block03 p.soybean_txt {
	top: 150px;
	right: 140px;
	font-size: 16px;
	font-size: 1rem;
}

.top_content .product_content {
	clear: both;
	width: 960px;
	box-sizing: border-box;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	position: relative;
	padding: 0 40px 0px;
}

.top_content .product_content h2.product_ttl {
	position: absolute;
	top: -56px;
	left: 0;
	right: 0;
	width: 907px;
	margin-right: auto;
	margin-left: auto;
}

.top_content .product_content h2.product_ttl img {
	width: 100%;
}

.top_content .product_btn {
	display: block;
	position: absolute;
	right: 20px;
	top: 32px;
	z-index: 1;
	width: 170px;
	height: 42px;
	box-sizing: border-box;
	background-color: #aab611;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	font-size: 0.875rem;
	color: #fff;
	text-align: center;
	padding-top: 9px;
}

.top_content .product_btn:hover {
	right: 18px;
	top: 34px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.top_content .product a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.top_content .product_box__large {
	width: 440px;
	height: 268px;
	float: left;
	position: relative;
	margin-top: 70px;
	text-align: center;
	padding-bottom: 50px;
}

.top_content .product_box__large:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.top_content .product_box__large img {
	width: 455px;
}

.top_content .product_box__large .product_box__inner {
	position: absolute;
	top: 70px;
	right: 5px;
}

.top_content .product_box__large .product_box__txt {
	font-size: 14px;
	font-size: 0.875rem;
	color: #000;
	text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;
	text-align: left;
	padding-bottom: 10px;
	width: 240px;
}

.top_content .product_box__greensoy {
	background: url("/common/img/product_soybean_bg.png") no-repeat;
	background-size: 271px 223px;
	background-position: bottom 60px left 5px;
}

.top_content .product_box__greensoy h3 img {
	width: 248px;
}

.top_content .product_box__greensoy .product_box__label {
	margin-bottom: 5px;
}

.top_content .product_box__greensoy .product_box__label img {
	width: 226px;
}

.top_content .product_box__blacksoy {
	background: url("/common/img/product_blacksoybean_bg.png") no-repeat;
	background-size: 271px 223px;
	background-position: bottom 60px left 5px;
}

.top_content .product_box__blacksoy h3 img {
	width: 276px;
}

.top_content .product_box__blacksoy .product_box__inner {
	right: -10px;
}

.top_content .product_box__blacksoy .product_box__label img {
	width: 239px;
}

.top_content .product_box__small {
	width: 293px;
	float: left;
	text-align: center;
}

.top_content .product_box__small:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.top_content .product_box__small img.product_icecream {
	width: 257px;
}

.top_content .product_box__small img.product_curry {
	width: 184px;
}

.top_content .product_box__small img.product_gratin {
	width: 234px;
}

.top_content .product_box__small p.product_box__txt {
	width: 230px;
	box-sizing: border-box;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.top_content .product_box__icecream p.product_box__txt {
	margin-top: 12px;
}

.top_content .product_box__curry {
	width: 294px;
}

.top_content .product_box__gratin p.product_box__txt {
	margin-top: 11px;
}

.top_content .topics_content {
	width: 960px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.top_content .topics_col, .top_content .notice_col {
	width: 460px;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	position: relative;
}

.top_content .topics_leftcol, .top_content .notice_leftcol {
	margin-right: 40px;
}

.top_content .topics_leftcol h2 img, .top_content .notice_leftcol h2 img {
	width: 405px;
	position: absolute;
	top: -26px;
	left: 27px;
}

.top_content .topics_rightcol h2 img, .top_content .notice_rightcol h2 img {
	width: 405px;
	position: absolute;
	top: -26px;
	left: 27px;
}

.top_content .topics_inner, .top_content .notice_inner {
	padding: 62px 32px;
}

.top_content .topics_inner > ul, .top_content .notice_inner > ul {
	overflow: hidden;
}

.top_content .topics_inner > ul li, .top_content .notice_inner > ul li {
	border-bottom: 2px dotted #375070;
	box-sizing: border-box;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 15.008px;
	font-size: 0.938rem;
	color: #333;
	overflow: hidden;
}

.top_content .topics_inner > ul li:first-child, .top_content .notice_inner > ul li:first-child {
	border-top: 2px dotted #375070;
}

.top_content .topics_inner > ul li .topics_date,
.top_content .topics_inner > ul li .notice_date, .top_content .notice_inner > ul li .topics_date,
.top_content .notice_inner > ul li .notice_date {
	font-weight: bold;
	width: 112px;
	float: left;
	color: #333;
	font-size: 15.008px;
	font-size: 0.938rem;
}

.top_content .topics_inner > ul li .topics_box,
.top_content .topics_inner > ul li .notice_box, .top_content .notice_inner > ul li .topics_box,
.top_content .notice_inner > ul li .notice_box {
	width: 284px;
	float: right;
	font-size: 15.008px;
	font-size: 0.938rem;
}

.top_content .topics_inner > ul li .topics_box a,
.top_content .topics_inner > ul li .notice_box a, .top_content .notice_inner > ul li .topics_box a,
.top_content .notice_inner > ul li .notice_box a {
	text-decoration: underline;
}

.top_content .topics_inner > ul li .topics_box a:hover,
.top_content .topics_inner > ul li .notice_box a:hover, .top_content .notice_inner > ul li .topics_box a:hover,
.top_content .notice_inner > ul li .notice_box a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.top_content .topics_inner > ul li .topics_box, .top_content .topics_inner > ul li .topics_box a, .top_content .notice_inner > ul li .topics_box, .top_content .notice_inner > ul li .topics_box a {
	color: #333;
}

.top_content .topics_inner > ul li .notice_box, .top_content .topics_inner > ul li .notice_box a, .top_content .notice_inner > ul li .notice_box, .top_content .notice_inner > ul li .notice_box a {
	color: #c0242a;
}

.top_content .topics_label__new:after, .top_content .notice_label__new:after {
	content: url("/common/img/topics_label_new.png");
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
}

.top_content .topics_disable, .top_content .notice_disable {
	text-decoration: none;
}

.top_content .topics_btn, .top_content .notice_btn {
	display: block;
	right: 40px;
	top: -19px;
	z-index: 1;
	width: 258px;
	height: 42px;
	box-sizing: border-box;
	background-color: #aab611;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	font-size: 0.875rem;
	color: #fff;
	text-align: center;
	padding-top: 9px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 29px;
}

.top_content .topics_btn:hover, .top_content .notice_btn:hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	top: 2px;
	left: 2px;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.top_content .store_content {
	clear: both;
	width: 960px;
	box-sizing: border-box;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	position: relative;
}

.top_content .store_content h2.store_ttl {
	width: 905px;
	top: -26px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
}

.top_content .store_content h2.store_ttl img {
	width: 100%;
}

.top_content .store_inner {
	padding: 70px 40px 40px;
	overflow: hidden;
}

.top_content .store_box {
	width: 320px;
/* 	float: left; */
}

.top_content .store_box a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.top_content .store_box__nakasatsunai {
	margin-right: auto;
	margin-left: auto;
}

.top_content .store_box__michinoeki {
	margin-right: 32px;
	margin-left: 32px;
}

.top_content .store_box img {
	width: 320px;
}

.top_content .store_box__txt {
	font-size: 15.008px;
	font-size: 0.938rem;
	padding-top: 15px;
	border-top: 2px dotted #316936;
	margin-top: 2px;
}

.top_content .store_btn {
	display: block;
	right: 40px;
	top: -19px;
	z-index: 1;
	width: 179px;
	height: 42px;
	box-sizing: border-box;
	background-color: #5e6927;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	font-size: 0.875rem;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 13px;
}

.top_content .store_btn:hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	top: 2px;
	left: 2px;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.top_content .about_content {
	clear: both;
	width: 960px;
	box-sizing: border-box;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	position: relative;
}

.top_content .about_content .about_ttl {
	width: 905px;
	top: -26px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
}

.top_content .about_content .about_ttl img {
	width: 100%;
}

.top_content .about_inner {
	padding: 55px 29px 29px;
	overflow: hidden;
}

.top_content .about_inner img {
	width: 292px;
	float: left;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

.top_content .about_inner img:hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	top: 2px;
	left: 2px;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.top_content .about_inner img.about_img__magazine {
	margin-right: 13px;
	margin-left: 13px;
}

/**************************
    /footer/
*/
footer {
	background-color: #fff;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	padding-top: 33px;
	padding-bottom: 20px;
}

footer .bottom_banner {
	width: 960px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	text-align: center;
}

footer .bottom_banner__slider {
	display: inline-block;
}

footer .bottom_banner__slider .bottom_banner__item {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* footer .bottom_banner__slider .bottom_banner__item:nth-child(4n) {
	margin-right: 0px;
} */

footer .bottom_banner__slider .bottom_banner__item a {
	display: block;
}

footer .bottom_banner__slider .bottom_banner__item a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

footer .bottom_banner__slider .bottom_banner__item a img.banner_img__jabank, footer .bottom_banner__slider .bottom_banner__item a img.banner_img__yoishoku, footer .bottom_banner__slider .bottom_banner__item a img.banner_img__jabank_hokkaido {
	width: 201px;
}

footer .bottom_banner__slider .bottom_banner__item a img.banner_img__janetloan {
	width: 235px;
}

footer .bottom_banner__slider .bottom_banner__item a img.banner_img__janetloan {
	width: 100%;
	max-width: 201px;

}

footer .footer_inner {
	width: 960px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 32px;
}

footer .footer_leftcol {
	width: 350px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
}

footer .footer_leftcol img {
	width: 263px;
	margin-bottom: 10px;
}

footer .footer_leftcol__box a {
	float: left;
	font-size: 12px;
	font-size: 0.75rem;
	margin-right: 10px;
}

footer .footer_leftcol__box .footer_leftcol__txt {
	font-size: 12px;
	font-size: 0.75rem;
}

footer .footer_rightcol {
	width: 580px;
	overflow: hidden;
	margin-right: 10px;
	float: left;
	height: 170px;
}

footer .footer_rightcol .footer_nav__warpper {
	height: 77px;
	box-sizing: border-box;
	padding-bottom: 5px;
	border-left: 2px solid #5e6927;
	float: left;
}

footer .footer_rightcol .footer_nav__warpper ul li {
	line-height: 27px;
}

footer .footer_rightcol .footer_nav__warpper ul li a {
	font-size: 14px;
	font-size: 0.875rem;
	color: #5e6927;
	display: block;
	padding-left: 15px;
}

footer .footer_rightcol .footer_nav__warpper ul li a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

footer .footer_rightcol .footer_nav__left {
	width: 170px;
	height: 170px;
}

footer .footer_rightcol .footer_nav__middle {
	width: 190px;
	height: 170px;
}

footer .footer_rightcol .footer_nav__right {
	width: 220px;
	height: 170px;
}

footer .footer_bottom {
	overflow: hidden;
	clear: both;
	padding-top: 32px;
}

footer .footer_bottom p.copyright {
	text-align: center;
	font-size: 10px;
	color: #5e6927;
}

.page_top__wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 73px;
}

.page_top__wrapper p.page_top {
	width: 125px;
	height: 33px;
	border-radius: 5px;
	overflow: hidden;
	float: right;
	margin-top: 20px;
}

.page_top__wrapper p.page_top a {
	background: url("/common/img/page_top.png") no-repeat;
	display: block;
	width: 125px;
	height: 33px;
}

.page_top__wrapper p.page_top a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/**************************
    /Smartphone/
*/
.sp_menu_wrapper {
	display: none;
}

/**************************
    /underlay/
*/
.underlay {
	background-color: #eef0cf;
}

.underlay .underlay_wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.underlay .topicpath ul {
	overflow: hidden;
	margin-bottom: 10px;
}

.underlay .topicpath ul li {
	float: left;
	padding-right: 20px;
	font-size: 14px;
	font-size: 0.875rem;
	color: #333;
}

.underlay .topicpath ul li:after {
	content: ">";
	margin-left: 15px;
	position: relative;
	top: 0px;
}

.underlay .topicpath ul li:last-child:after {
	content: none;
}

.underlay .topicpath ul li a {
	font-size: 14px;
	font-size: 0.875rem;
	text-decoration: underline;
	color: #333;
}

.underlay .content {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	padding: 32px 30px;
	margin-bottom: 78px;
}

.underlay h2 {
	border-bottom: 3px dotted #014608;
	margin-bottom: 30px;
	clear: both;
}

.underlay h3 {
	color: #5e6927;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	background-color: #dfebbe;
	padding-left: 15px;
	border-radius: 5px;
	margin-bottom: 30px;
	clear: both;
}

.underlay h4 {
	color: #5e6927;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	padding-left: 25px;
	border-bottom: 3px dotted #014608;
	background: url("/common/img/h4_circle.png") no-repeat;
	background-size: 16px;
	background-position: 2px;
	margin-bottom: 24px;
	clear: both;
	padding-bottom: 3px;
}

.underlay h5 {
	padding-left: 30px;
	margin-bottom: 5px;
	background: url("/common/img/h5_circle.png") no-repeat;
	background-size: 11px 10px;
	background-position: 15px 7px;
	font-size: 15.008px;
	font-size: 0.938rem;
}

.underlay .mainvisual {
	border-radius: 5px;
	margin-bottom: 24px;
}

.underlay .mainvisual img {
	width: 100%;
	border-radius: 10px;
}

.underlay article:not(:last-child) {
	margin-bottom: 20px;
}

.underlay p.content_txt {
	text-indent: 1em;
	font-size: 15.008px;
	font-size: 0.938rem;
	padding: 0 5px 3px;
}

.underlay .col_wrapper__2block {
	margin-bottom: 30px;
	overflow: hidden;
}

.underlay .col_wrapper__2block .col {
	width: 430px;
}

.underlay .col_wrapper__2block .col img {
	width: 100%;
	border-radius: 10px;
}

.underlay .col_wrapper__2block .leftcol {
	float: left;
	margin-right: 40px;
}

.underlay .col_wrapper__2block .rightcol {
	float: right;
}

.underlay .col_wrapper__2block .largecol {
	width: 550px;
}

.underlay .col_wrapper__2block .smallcol {
	width: 310px;
}

.underlay .col_wrapper__3block {
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}

.underlay .col_wrapper__3block .col_imgbox3 {
	width: 270px;
	float: left;
	margin-right: 30px;
}

.underlay .col_wrapper__3block .col_imgbox3:nth-child(3n) {
	margin-right: 0px;
}

.underlay .col_wrapper__3block .col_imgbox3 img {
	width: 100%;
	border-radius: 5px;
}

.underlay .col_wrapper__4block {
	margin-bottom: 30px;
	overflow: hidden;
}

.underlay .col_wrapper__4block .col_imgbox4 {
	width: 219px;
	float: left;
	margin-right: 8px;
}

.underlay .col_wrapper__4block .col_imgbox4:last-child {
	margin-right: 0;
}

.underlay .col_wrapper__4block .col_imgbox4 a {
	display: block;
}

.underlay .col_wrapper__4block .col_imgbox4 a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.underlay .col_wrapper__4block .col_imgbox4 a img {
	width: 100%;
}

.underlay table {
	width: 100%;
	margin-bottom: 0.5em;
}

.underlay table caption {
	text-align: left;
	caption-side: top;
}

.underlay table th,
.underlay table td {
	vertical-align: top;
	font-weight: normal;
	border: 1px solid #cccccc;
	font-size: 14px;
	font-size: 0.875rem;
	padding: .5em 1em;
	box-sizing: border-box;
	line-height: 1.7;
}

.underlay table th {
	background-color: #fffdf3;
	vertical-align: top;
	text-align: center;
	color: #333333;
	font-weight: bold;
}

.underlay table tbody th {
	text-align: center;
}

/**************************
    /edamame/
*/
h2.edamae_ttl img {
	width: 468px;
}

/**************************
    /agriculture/
*/
h2.agriculture_ttl img {
	width: 478px;
}

.agriculture_content .col_imgbox img {
	border-radius: 10px;
}

a.btn_link {
	display: block;
	width: 150px;
	line-height: 40px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	background-color: #5E6927;
	margin: 0 auto;
}

a.btn_link:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/**************************
    /product/
*/
h2.product_ttl img {
	width: 623px;
}

.procuct_ttl_h4 {
	color: #5e6927;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	padding-left: 25px;
	border-bottom: 3px dotted #014608;
	background: url("/common/img/h4_circle.png") no-repeat;
	background-size: 16px;
	background-position: 2px;
	margin-bottom: 24px;
	clear: both;
	padding-bottom: 3px;
	overflow: hidden;
}

.procuct_ttl_h4 p {
	font-size: 20px;
	font-size: 1.25rem;
	float: left;
}

.procuct_ttl_h4 .label_wrapper {
	overflow: hidden;
}

.procuct_ttl_h4 .label_wrapper .label {
	margin-top: 4px;
	margin-left: 10px;
	float: left;
}

.procuct_ttl_h4 .label_wrapper .label_freeze {
	content: url("/product/img/label_freeze.png");
}

.procuct_ttl_h4 .label_wrapper .label_fullyear {
	content: url("/product/img/label_fullyear_sale.png");
}

.procuct_ttl_h4 .label_wrapper .label_normal {
	content: url("/product/img/label_normal_temperature.png");
}

.procuct_ttl_h4 .label_wrapper .label_limited {
	content: url("/product/img/label_limited.png");
}

.product_content .col_wrapper__2block .leftcol {
	margin-right: 35px;
}

.product_content .col_wrapper__2block .rightcol {
	padding-top: 30px;
}

.product_content .col_wrapper__2block .largecol {
	width: 565px;
}

.product_content .col_wrapper__2block .smallcol {
	width: 300px;
	text-align: center;
}

.product_content .col_wrapper__2block .smallcol img {
	width: 280px;
}

p.content_txt.edamame_txt {
	margin-bottom: 30px;
}

.product_txt {
	width: 100%;
	text-align: center;
	border: 3px solid #000;
	padding: 30px 15px;
	overflow: hidden;
	box-sizing: border-box;
	vertical-align: middle;
}

/**************************
    /store/
*/
h2.store_ttl img {
	width: 525px;
}

h3.store_h3 img {
	vertical-align: middle;
}

h3.store_h3 img.img_nakasatsunai {
	width: 256px;
}

h3.store_h3 img.img_michinoeki {
	width: 230px;
}

h3.store_h3 img.img_obihiroinada {
	width: 263px;
}

table.store_table thead th,
table.store_table thead td {
	background-color: #FFFDF3;
	font-weight: bold;
}

table.store_table tbody th {
	font-weight: normal;
	background-color: #fff;
}

.store_content .col_wrapper {
	margin-bottom: 30px;
	overflow: hidden;
}

.store_content .col_wrapper .colBox3 {
	width: 290px;
	overflow: hidden;
	border-radius: 10px;
}

.store_content .col_wrapper .colBox3 img {
	width: 100%;
}

.store_content .col_wrapper .colBox3_left {
	float: left;
}

.store_content .col_wrapper .colBox3_center {
	float: left;
	margin: 0 15px;
}

.store_content .col_wrapper .colBox3_right {
	float: right;
}

/**************************
    /about/
*/
h2.about_ttl img {
	width: 354px;
}

.about_content figure.representative {
	padding: 50px 30px 10px;
}

.about_content figure.representative img {
	width: 100%;
}

.about_content figcaption.representative {
	text-align: center;
}

.about_content figure.map_figure {
	width: 280px;
	margin-left: 30px;
}

.about_content figcaption.map_caption {
	padding-left: 30px;
}

.about_content table.table_nakasatsunai th {
	width: 150px;
}

.about_content table.table_transition td {
	text-align: center;
}

.about_content table.table_history th {
	vertical-align: top;
	width: 100px;
}

.about_content table.table_history td.td_year {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

.about_content .about_visual {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-top: 40px;
}

.about_content .about_visual img {
	border-radius: 0px;
}

.about_content .col_imgbox3 figcaption {
	text-align: center;
	margin-top: 5px;
}

a.a_link {
	margin-left: 20px;
	text-decoration: underline;
	color: #479d06;
	font-size: 14px;
	font-size: 0.875rem;
}

a.a_link:before {
	content: "＞";
	position: relative;
	text-decoration: none;
}

a.a_link:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

section.about_section__facility .about_facility__slider {
	padding: 15px;
	overflow: hidden;
}

section.about_section__facility .about_facility__slider .col_imgbox3 {
	width: 270px;
	margin: 0 10px;
	float: left;
}

section.about_section__facility .about_facility__slider .col_imgbox3 img {
	width: 100%;
	border-radius: 5px;
}

section.about_section__facility .about_facility__slider {
	margin-bottom: 30px;
}

/**************************
    /about - business/
*/
h2.business_ttl img {
	width: 266px;
}

h2.recruit_ttl img {
	width: 250px;
}

.underlay article.credit_article {
	margin-bottom: 80px;
}

/**************************
    /about - facility/
*/
h2.facility_ttl img {
	width: 370px;
}

/**************************
    /about - activity/
*/
h2.activity_ttl img {
	width: 309px;
}

.activity_slider {
	margin-bottom: 15px;
	overflow: hidden;
}

.activity_slider .col_imgbox5 {
	width: 168px;
	float: left;
	margin-right: 5px;
	padding-left: 5px;
}

.activity_slider .col_imgbox5 img {
	width: 100%;
	border-radius: 10px;
}

.underlay #section_leader > .col_wrapper__2block {
	margin-bottom: 0;
}

.underlay #section_leader > .col_wrapper__2block .leftcol {
	padding-top: 5px;
}

.underlay #section_leader article {
	padding-top: 10px;
}

.underlay .facility_block {
	margin-bottom: 100px;
}

.underlay .facility_block:last-child {
	margin-bottom: 0;
}

/**************************
    /about - Magazine/
*/
h2.magazine_ttl img {
	width: 440px;
}

p.leader_name {
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
.magazine_box__wrapper {
	overflow: hidden;
}

.magazine_box {
	width: 200px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.magazine_box__wrapper > div:nth-child(4n + 1) {
	clear: both;
}

.magazine_box__wrapper > div:nth-child(4n) {
	margin-right: 0;
}


.magazine_box a {
	display: block;
}

.magazine_box a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.magazine_content .magazine_box__img {
	width: 200px;
}

.magazine_content .magazine_box__img img {
	width: 100%;
}

.magazine_box__text {
	text-align: center;
	margin-top: 10px;
	text-decoration: underline;
}

/**************************
    /topics
*/
h2.topics_ttl img {
	width: 302px;
}

.underlay .topics_content .topics_inner > ul {
	width: 100%;
	box-sizing: border-box;
}

.underlay .topics_content .topics_inner > ul > li {
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: 2px dotted #375070;
	color: #333;
}

.underlay .topics_content .topics_inner > ul > li .topics_date {
	width: 100%;
	font-weight: bold;
	padding-bottom: 5px;
	color: #333;
}

.underlay .topics_content .topics_inner > ul > li .topics_box {
	width: 100%;
	box-sizing: border-box;
	color: #333;
}

.underlay .topics_content .topics_inner > ul > li .topics_box a {
	text-decoration: underline;
	color: #333;
}

.underlay .topics_content .topics_inner > ul > li .topics_label__new:after {
	content: url("/common/img/topics_label_new.png");
}

@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .top_content .topics_label__new:after, .top_content .notice_label__new:after {
		width: 38px !important;
		height: 15px !important;
	}
	/* IE11 */
}

/**************************
    /topics,notice - detail
*/
.underlay .topics_detail__ttl,
.underlay .notice_detail__ttl {
	font-size: 27.008px;
	font-size: 1.688rem;
	color: #014608;
	font-weight: bold;
	margin-bottom: 0;
}

.underlay .topics_detail__date,
.underlay .notice_detail__date {
	margin-bottom: 20px;
	margin-top: 5px;
	padding-left: 5px;
}

/**************************
    /notice
*/
h2.notice_ttl img {
	width: 396px;
}

.underlay .notice_content .notice_inner > ul {
	width: 100%;
	box-sizing: border-box;
}

.underlay .notice_content .notice_inner > ul > li {
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: 2px dotted #375070;
}

.underlay .notice_content .notice_inner > ul > li .notice_date {
	width: 100%;
	font-weight: bold;
	padding-bottom: 5px;
	color: #333;
}

.underlay .notice_content .notice_inner > ul > li .notice_box {
	width: 100%;
	box-sizing: border-box;
	color: #c0242a;
}

.underlay .notice_content .notice_inner > ul > li .notice_box a {
	text-decoration: underline;
	color: #c0242a;
}

.underlay .notice_content .notice_inner > ul > li .notice_label__new:after {
	content: url("/common/img/topics_label_new.png");
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
}

/**************************
    /cereals
*/
h2.cereals_ttl img {
	width: 392px;
}

/**************************
    /info - sitemap
*/
h2.sitemap_ttl img {
	width: 298px;
}

a.sitemap_link {
	color: #333;
	text-decoration: underline;
	margin-left: 10px;
}

a.sitemap_link:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

p.sitemap_ttl a {
	text-decoration: underline;
	font-size: 16px;
	font-size: 1rem;
	padding-left: 30px;
	font-size: bold;
}

p.sitemap_ttl a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.col.leftcol ul {
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 20px;
	font-size: 14px;
	font-size: 0.875rem;
}

.col.leftcol ul > li {
	margin-bottom: 10px;
}

.col.leftcol ul > li a {
	text-decoration: underline;
}

.col.leftcol ul > li a:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

a.sitemap_top {
	font-size: 18px;
}

/**************************
    /info - term
*/
h2.term_ttl img {
	width: 348px;
}

ul.security_list {
	padding-left: 20px;
}

a.term_link {
	color: #5E6927;
	text-decoration: underline;
}

/**************************
    /info - link
*/
h2.link_ttl img {
	width: 226px;
}

.content_link {
	height: 700px;
}

/**************************
    /404
*/
.block_404 {
	height: 500px;
	width: 100%;
}

a.block_404__link {
	font-size: 16px;
	font-size: 1rem;
	text-decoration: underline;
}

a.block_404__link:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/**************************
    /
    wP編集CSS
*/
/* 20160713 */
.entry-content table tbody th, .entry-content table tbody td {
	background-color: #fffdf3;
	vertical-align: middle;
	text-align: center;
}

.entry-content table {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	border-spacing: 0;
}

.entry-content article blockquote {
	padding: 10px;
	border-left: 5px solid #5fcfca;
	background-color: #F7F7F7;
}

.entry-content h1 {
	font-size: 41.6px;
	font-size: 2.6rem;
	font-weight: bold;
}

.entry-content h2 {
	font-size: 27.008px;
	font-size: 1.688rem;
	color: #014608;
	font-weight: bold;
}

.entry-content h6 {
	font-weight: bold;
}

.entry-content p {
	margin-bottom: 1em;
}

.entry-content .alignright {
	float: right !important;
}

.entry-content .alignleft {
	float: left !important;
}

.entry-content ol,
.entry-content ul {
	margin: 1em 0;
}

.entry-content ul li {
	list-style-type: disc !important;
	list-style-image: none  !important;
	margin-left: 1em;
}

.entry-content ol li {
	list-style-type: decimal !important;
	list-style-image: none  !important;
	margin-left: 1em;
}

.entry-content blockquote {
	padding: 1em 1em 1em 3em;
	position: relative;
	background-color: #f6f6f6;
	margin: 1em 0;
}

.entry-content blockquote:before {
	content: "“";
	font-size: 600%;
	line-height: 1em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color: #999;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 768px) {
	.entry-content th,
	.entry-content td {
		display: table-cell;
		width: auto !important;
	}
}

.anime_hover_down {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.anime_hover_down:hover {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.soybean_block > a {
	display: block;
}

.facility_content table thead th.th_name {
	width: 250px;
}

.facility_content table thead th.th_phone {
	white-space: nowrap;
	width: 150px;
}

.facility_content table tbody td.icon-cell {
	padding: 0 !important;
	width: 60px !important;
	vertical-align: middle;
}

.facility_content table tbody td.icon-cell img {
	width: 60px;
}

/***********************************************************************
 ***********************************************************************
 ***********************************************************************

## Project

特定ページ専用、効果範囲が限定的な記述。
コンテンツ内容に密接で、汎用性がなく、機能の付け替えを想定していない。

*/
