@charset "utf-8";
/** default setting **********************************************************/
*, *:before, *:after {
	margin: 0; padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #1A1311;
	font-size: 16px;
	line-height: 1.8;
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
	background: #fff;
	font-weight: 400;
	letter-spacing: -0.001em;
	text-align: center;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
	word-wrap: break-word;
	overflow-x: hidden;
}
.no-scroll { overflow: hidden;}

a:link { color: #1A1311;}
a:active { color: #003F92; text-decoration: underline;}
a:visited { color: #333;}

h1,h2,h3,h4,h5 { font-weight: 700; line-height: 1.3;}
table,th,td,input,select,textarea { font-size: inherit; font-family: inherit;}
table ul, table ol { margin: 0 0 0 1em;}
img { border: none; max-width: 100%; height: auto;}
hr { clear: both; border: none; border-bottom: dotted 1px #ccc; padding: 1em 0 0; margin-bottom: 30px}
blockquote { padding: 10px; margin-bottom: 1.5em; background: #f8f8f8; border: solid 1px #eee;}
iframe { border: none; max-width: 100%;}
ol li ol { list-style: katakana;}
table ol { margin-left: 1.5em;}

.en { font-family: 'Poppins', sans-serif;}
.zen { font-family: 'Zen Maru Gothic', sans-serif;}

.color-white { color: #fff!important;}
.color-red { color: #DC143C!important; }
.color-blue { color: #003F92;}
.bold { font-weight: 700!important;}
.mediumbold { font-weight: 500!important;}
.lh-16 { line-height: 1.6;}
.large { font-size: 112.5%!important;}
.x-large { font-size: 125%!important;}
.xx-large { font-size: 162.5%!important;}
.xxx-large { font-size: 175%!important;}
.small { font-size: 75%!important;}
.medium { font-size: 87.5%!important;}
.w900 { max-width: 900px;}
.btns div { margin-bottom: 15px;}
.btn-blue a {
	background: #fff;
	color: #003F92;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	margin: 0 auto;
	padding: 20px 20px;
	width: 330px;
	max-width: 100%;
	text-decoration: none;
	display: block;
	position: relative;
	text-align: center;
	transition-duration: 0.3s;
}
.btn-bluebox a {
	background: #003F92 url(images/arrow_w.png) no-repeat 90% 50%;
	background-size: 16px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	margin: 0 auto;
	padding: 25px 36px 25px 20px;
	width: 300px;
	max-width: 100%;
	text-decoration: none;
	display: block;
	position: relative;
	text-align: left;
	transition-duration: 0.3s;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
}
.btn-bluebox.icn-external a { background-image: url(images/icn_external_w.png);}
.btn-bluebox a.icn-leaf:before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	background: url(images/icn_leaf.png) no-repeat 0% 50%;
	background-size: 100%;
}
.btn-mail a {
	background: #fff;
	color: #1A1311;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	margin: 0 auto;
	padding: 23px 36px 23px 20px;
	width: 300px;
	max-width: 100%;
	text-decoration: none;
	display: block;
	position: relative;
	text-align: center;
	transition-duration: 0.3s;
	border: solid 1px #000;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
}
.btn-mail a:before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	background: url(images/icn_mail.png) no-repeat 0px 4px;
	background-size: 100%;
}
.btn-bluebox a:active,
.btn-mail a:active {
	background-color: #000;
	text-decoration: none;
}
.btn-mail a:active:before {
	background-image: url(images/icn_mail_w.png);
}
.btn-carb a {
	text-decoration: none;
	display: block;
	position: relative;
	text-align: center;
	padding: 20px 36px 20px 20px;
	line-height: 1;
	border-radius: 30px;
	background: #fff url(images/arrow_b.png) no-repeat 93% 50%;
	background-size: 16px;
	width: 200px;
	font-size: 14px;
	font-weight: 500;
	margin: 0 auto;
	transition-duration: 0.3s;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
}
.btn-carb a:active {
	background: #000 url(images/arrow_w.png) no-repeat 93% 50%;
	background-size: 16px;
	color: #fff;
	text-decoration: none;
}
.btn-more-blue,
.btn-more-white { width: 80px;}
.btn-more-blue a {
	line-height: 1;
	display: block;
	background: #fff url(images/arrow_bl.png) no-repeat 85% 50%;
	background-size: 9px;
	border: solid 1px #1B3F8D;
	border-radius: 30px;
	color: #1B3F8D;
	font-weight: 500;
	padding: 8px 20px 8px 10px;
	font-size: 12px;
}
.btn-more-white a {
	line-height: 1;
	display: block;
	background: #fff url(images/arrow_b.png) no-repeat 85% 50%;
	background-size: 9px;
	border: solid 1px #fff;
	border-radius: 30px;
	color: #000;
	font-weight: 500;
	padding: 8px 20px 8px 10px;
	font-size: 12px;
}
.btn-more-blue a:active {
	color: #fff;
	background: #1B3F8D url(images/arrow_w.png) no-repeat 85% 50%;
	border-color: #1B3F8D;
	background-size: 9px;
	text-decoration: none;
}
.btn-more-white a:active {
	color: #fff;
	background: #000 url(images/arrow_w.png) no-repeat 85% 50%;
	background-size: 9px;
	text-decoration: none;
	border-color: #000;
}
.btn-carb-border a {
	display: block;
	border: solid 1px #121211;
	border-radius: 30px;
	padding: 10px;
	background: #fff;
	text-decoration: none;
	color: #112211;
	font-weight: 500;
}
.btn-carb-border a:active {
	background: #121211;
	color: #fff;
	text-decoration: none;
}
.btn-carb-blueborder a {
	display: block;
	border: solid 2px #1B3F8D;
	border-radius: 30px;
	padding: 15px 20px;
	background: #fff;
	text-decoration: none;
	color: #112211;
	font-weight: 500;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
}
.btn-carb-blueborder a:active {
	background: #1B3F8D;
	color: #fff;
	text-decoration: none;
}
.btn-header-shopping a {
	display: block;
	font-size: 14px;
	border-radius: 4px;
	padding: 13px 13px 13px 45px;
	background: #399F2C url(images/icn_header_shop.png) no-repeat 15px 50%;
	background-size: 20px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
	line-height: 1.2;
}
.btn-header-shopping a:active {
	background: #112211;
	color: #fff;
	text-decoration: none;
}


.bg-texture {
	background: url(images/bg_repeat.png) repeat 0% 0%;
	background-size: 33px;
}
.bg-blue {
	background: #003F92;
	color: #fff;
}
a.external-link:after {
	content: "";
	display: inline-block;
	width: 1.2em;
	height: 1em;
	background: url(images/icn_external.png) no-repeat 50% 50%;
	background-size: 1em;
	
}
.mb-6 { margin-bottom: 70px!important;}
.btn-facebook-l a,
.btn-instagram-l a,
.btn-youtube-l a,
.btn-twitter-l a {
	display: block;
	padding: 15px 15px 15px 35px;
	color: #fff;
	position: relative;
	max-width: 290px;
	margin: 0 auto;
}
.btn-facebook-l a:before,
.btn-instagram-l a:before,
.btn-youtube-l a:before,
.btn-twitter-l a:before {
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	top: 20px;
	left: 35px;
	background: url(images/icn_facebook_w.png) no-repeat 50% 50%;
	background-size: 100%;
}
.btn-facebook-l a { background: #1877F2;}
.btn-instagram-l a {
	background: rgb(253,196,29);
	background: -moz-linear-gradient(45deg, rgba(253,196,29,1) 0%, rgba(192,8,157,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(253,196,29,1) 0%, rgba(192,8,157,1) 100%);
	background: linear-gradient(45deg, rgba(253,196,29,1) 0%, rgba(192,8,157,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdc41d",endColorstr="#c0089d",GradientType=1);
}
.btn-youtube-l a { background: #DA1725;}
.btn-twitter-l a { background: #1DA1F2;}
.btn-facebook-l a:active,
.btn-instagram-l a:active,
.btn-youtube-l a:active,
.btn-twitter-l a:active {
	opacity: 0.8;
	color: #fff;
	text-decoration: none;
}

.btn-facebook-l a:before { background-image: url(images/icn_facebook_w.png);}
.btn-instagram-l a:before { background-image: url(images/icn_instagram_w.png);}
.btn-youtube-l a:before { background-image: url(images/icn_youtube_w.png);}
.btn-twitter-l a:before { background-image: url(images/icn_twitter_w.png);}

.entry-body .sp-slides-container { margin-bottom: 15px;}
.entry-body .sp-bottom-thumbnails { margin: 0;}
.entry-body .sp-bottom-thumbnails .sp-thumbnail-container { margin-right: 15px;}
.entry-body .sp-bottom-thumbnails .sp-thumbnail-container:last-child { margin-right: 0;} 

.icn-new {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	background: #C40000;
	min-width: 92px;
	padding: 5px 10px;
	display: inline-block;
	text-align: center;
	line-height: 1;
}

/* header ********************************************************/
header {
	z-index: 200;
	position: relative;
}
.header-fixed-nav {
	padding: 16px 0 0;
	position: fixed;
	top: 0;
	height: 0;
	width: 100%;
	height: 103px;
	background: url(images/header_375.png) no-repeat 50% 0%;
	background-size: 100%;
	z-index: 100;
}
.header-nav {
	padding: 16px 0 0;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 250;
	display: none;
}
.header-nav.is-show { display: block;}
#header-toggle-btn, #header-toggle-btn-close { cursor: pointer;}
.header-nav .headline-greenbg {
	background: #399F2C;
	color: #fff;
	position: relative;
	padding: 10px 30px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	margin: 0 -15px 20px;
}
.header-nav .icn-girl-r:after {
	content: "";
	background: url(images/illust_girl_right.png) no-repeat 50% 50%;
	background-size: 100%;
	width: 47px;
	height: 83px;
	display: block;
	position: absolute;
	right: 15px;
	top: -20px;
}
.header-nav .headline-bluebg {
	background: #003F92;
	color: #fff;
	position: relative;
	padding: 10px 30px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	margin: 0 -15px 20px;
}
.header-nav .headline-yellowbg {
	background: #A8B400;
	color: #fff;
	position: relative;
	padding: 10px 30px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	margin: 0 -15px 20px;
}
.header-nav .icn-girl-r:after {
	content: "";
	background: url(images/illust_girl_right.png) no-repeat 50% 50%;
	background-size: 100%;
	width: 47px;
	height: 83px;
	display: block;
	position: absolute;
	right: 15px;
	top: -20px;
}
.header-nav .icn-tractor:after {
	content: "";
	background: url(images/illust_tractor.png) no-repeat 50% 50%;
	background-size: 100%;
	width: 136px;
	height: 141px;
	display: block;
	position: absolute;
	right: -30px;
	top: -40px;
}
.header-nav .icn-boy-r:after {
	content: "";
	background: url(images/illust_boy_right.png) no-repeat 50% 50%;
	background-size: 100%;
	width: 60px;
	height: 90px;
	display: block;
	position: absolute;
	right: 15px;
	top: -27px;
}
.header-nav ul { margin-left: 15px;}
.header-nav ul li {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	text-align: left;
}
.btn-nav-blog a {
	display: block;
	width: 100%;
	min-width: 320px;
	max-width: 350px;
	background: #399F2C;
	padding: 30px 30px 30px 115px;
	position: relative;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
}
.btn-nav-blog a:active {
	background-color: #003F92;
}
.btn-nav-blog a:before {
	content: "";
	display: block;
	background: url(images/illust_boy_left.png) no-repeat 50% 50%;
	background-size: 100%;
	width: 70px;
	height: 100px;
	position: absolute;
	left: 28px;
	top: -10px;
}
.btn-nav-blog a:after {
	content: "";
	display: block;
	background: url(images/arrow_w.png) no-repeat 0% 0%;
	background-size: 100%;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 35px;
	top: 40px;
}
.btn-nav-line a {
	border: solid 1px #1B3F8D;
	padding: 29px 30px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
	background: #fff;
	display: block;
	width: 100%;
	min-width: 320px;
	text-decoration: none;
	position: relative;
}
.btn-nav-line a:after {
	content: "";
	display: block;
	background: url(images/arrow_b.png) no-repeat 0% 0%;
	background-size: 100%;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 35px;
	top: 40px;
}
.header-nav .bg-texture { padding: 30px 0;}
.header-nav-footer h2 {
	font-size: 20px;
	font-weight: 700;
}
.link-access a {
	color: #fff;
	text-decoration: none;
	background: url(images/icn_map.png) no-repeat 0% 50%;
	background-size: 18px;
	padding: 5px 0px 5px 28px;
	font-size: 14px;
}
.btn-contact a {
	display: block;
	background: url(images/icn_mail.png) no-repeat 35px 50% #fff;
	background-size: 16px;
	border-radius: 4px;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
	padding: 10px 15px 10px 65px;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	position: relative;
	max-width: 183px;
	margin: 0 auto;
}
.sns-btns { width: 100%;}
.sns-btns li { width: 25%;}
.sns-btns a {
	color: #fff;
	font-weight: 500;
	padding: 30px 5px 5px;
	display: block;
	font-size: 12px;
	text-align: center;
	position: relative;
}
.sns-btns .btn-facebook a {
	background: #1877F2;
	border-radius: 3px 0px 0px 3px;
}
.sns-btns .btn-facebook a:before {
	content: "";
	display: block;
	width: 100%;
	height: 17px;
	background: url(images/icn_facebook_w.png) 50% 50% no-repeat;
	background-size: 17px;
	position: absolute;
	top: 10px;
	left: 0;
}
.sns-btns .btn-instagram a {
	background: rgb(253,196,29);
	background: -moz-linear-gradient(45deg, rgba(253,196,29,1) 0%, rgba(192,8,157,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(253,196,29,1) 0%, rgba(192,8,157,1) 100%);
	background: linear-gradient(45deg, rgba(253,196,29,1) 0%, rgba(192,8,157,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdc41d",endColorstr="#c0089d",GradientType=1);
}
.sns-btns .btn-instagram a:before {
	content: "";
	display: block;
	width: 100%;
	height: 17px;
	background: url(images/icn_instagram_w.png) 50% 50% no-repeat;
	background-size: 17px;
	position: absolute;
	top: 10px;
	left: 0;
}
.sns-btns .btn-youtube a {
	background: #DA1725;
}
.sns-btns .btn-youtube a:before {
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	background: url(images/icn_youtube_w.png) 50% 50% no-repeat;
	background-size: 19px;
	position: absolute;
	top: 10px;
	left: 0;
}
.sns-btns .btn-twitter a {
	background: #1DA1F2;
	border-radius: 0 3px 3px 0;
}
.sns-btns .btn-twitter a:before {
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	background: url(images/icn_twitter_w.png) 50% 50% no-repeat;
	background-size: 18px;
	position: absolute;
	top: 10px;
	left: 0;
}
.sns-btns .btn-facebook a:active,
.sns-btns .btn-instagram a:active,
.sns-btns .btn-youtube a:active,
.sns-btns .btn-twitter a:active {
	text-decoration: none;
	opacity: 0.8;
	color: #fff;
}
.btn-contact a:active {
	background-color: #000;
	background-image: url(images/icn_mail_w.png);
	text-decoration: none;
	color: #fff;
}
.link-access a:active {
	color: #fff;
	text-decoration: underline;
}
.btn-nav-line a:active {
	background-color: #003F92;
	color: #fff;
	text-decoration: none;
}
.btn-nav-line a:active:after {
	background-image: url(images/arrow_w.png);
}

/* main   ********************************************************/
main section { margin-bottom: 50px;}

.mainvisual {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.mv-movie {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100vh;
    overflow: hidden;
	z-index: -2;
}
.mv-movie video {
    z-index: -1;
    position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mv-movie:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.20);
	z-index: 0;
}
.mv-copy {
	padding-top: 100px;
	z-index: 1;
}
.mv-copy div {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -131px;
	width: 100%;
}
.mv-copy img {
	height: auto;
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
}
.mv-banner { width: 150px; position: absolute; top: 110px;right: 0;}
.page-header {
	width: 100%;
	height: 115px;
	background: url(images/pageheader_daikon_sp.jpg) no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 15px;
	margin-top: 75px;
}
.page-header.soba {
	background-image: url(images/pageheader_soba_sp.jpg);
}
.breadcrumb {
	text-align: left;
	font-size: 12px;
	background: transparent;
	padding: 0;
}
.breadcrumb li { display: inline-block; margin-right: 5px;}
.breadcrumb li:after { content: ">"; display: inline-block; padding-left: 5px;}
.breadcrumb li:last-child:after { content: ""; display: none;}
.breadcrumb span img {
	display: inline-block;
	margin-top: -3px;
}

.index-news {
	background: #F5F5EF;
	position: relative;
}
.news-title {
	background: #003F92;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 15px;
	font-size: 18px;
}
.news-more {
	position: absolute;
	top: 15px;
	right: 15px;
}
.news-detail { padding: 15px;}
.entry-deta .datetime { font-size: 14px;}
.entry-deta .category { font-size: 12px;}
.entry-deta .category a {
	background: #fff;
	display: block;
	padding: 2px 10px;
	border-radius: 15px;
	text-decoration: none;
	text-align: center;
}
.entry-title { line-height: 1.5; font-weight: 500; font-size: 18px;}

.bg-bottomdot {
	background: #fff;
	position: relative;
}
.bg-bottomdot:after {
	content: "";
	display: block;
	width: 100%;
	height: 295px;
	background: url(images/bg_repeat.png) repeat 0% 0%;
	background-size: 33px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.bg-bottomdot .container { z-index: 1; position: relative;}

.headline-inblue span {
	color: #1B3F8D;
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}
.headline-inblue { font-size: 30px; margin-bottom: 25px;}
#page .headline-inblue span { font-size: 18px;;}

.bg-green {
	background: #399F2C;
	color: #fff;
}
.headline-incopy {
	font-size: 45px;
	margin-bottom: 30px;
	line-height: 1;
}
.headline-incopy span {
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
}
.agriitem-daikon {
	width: 100%;
	height: 245px;
	background: url(images/index_agri_daikon.jpg) no-repeat 50% 50%;
	background-size: cover;
	border-radius: 6px;
	padding: 15px;
}
.agriitem-soba {
	width: 100%;
	height: 245px;
	background: url(images/index_agri_soba.jpg) no-repeat 50% 50%;
	background-size: cover;
	border-radius: 6px;
	padding: 15px;
}
.left-girl,
.right-boy {
	position: relative;
}
.left-girl:after {
	content: "";
	width: 66px;
	height: 114px;
	background: url(images/illust_girl_left.png) no-repeat 0% 0%;
	background-size: 100%;
	position: absolute;
	left: 35px;
	top: -25px;
}
.right-boy:after {
	content: "";
	width: 82px;
	height: 124px;
	background: url(images/illust_boy_right.png) no-repeat 0% 0%;
	background-size: 100%;
	position: absolute;
	right: 5px;
	top: -14px;
}
.bg-yellow {
	background: #A8B400;
	color: #fff;
}
.index-vision .bg-blue,
.index-vision .bg-yellow {
	height: 100%;
	padding: 40px 15px 90px;
	position: relative;
}
.index-vision .btn-carb {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
}
.youtube-box {
	max-width: 530px;
	margin: 0 auto;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.nowrap { white-space: nowrap;}

.headline-instagram {
	font-size: 23px;
	letter-spacing: 0.2em;
	background: url(images/icn_instagram_b.png) no-repeat 50% 0%;
	background-size: 30px;
	padding-top: 40px;
	margin-bottom: 20px;
}
.instagram-list {
	margin: 0 auto;
	text-align: center;
}
.instagram-list div { width: 50%; position: relative;}
.index-instagram { padding-bottom: 80px;}
.index-instagram.bg-bottomdot:after { height: 520px;}
.insta-thumb:before{
	content: '';
	display: block;
	padding-top: 100%;
}
.insta-thumb img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}

.index-blog.center-boy {
	position: relative;
	padding-top: 70px;
}
.index-blog.center-boy:before {
	content: "";
	display: block;
	width: 100%;
	height: 129px;
	position: absolute;
	left: 0;
	top: -85px;
	background: url(images/illust_boy_left.png) no-repeat 53% 0%;
	background-size: 90px;
}
.index-blog .btn-more-blue { margin: 0 auto; text-align: center;}
.blog-list .blog-thumb {
	width: 100%;
	border: solid 1px #aeaeae;
	margin-bottom: 10px;
}
.blog-list .blog-thumb img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}
.entry-deta .category a {
	background: #F5F5EF;
	min-width: 100px;
}

.headline-circle, .entry-body h2 {
	font-size: 22px;
	background: url(images/icn_circle.png) no-repeat 0% 0%;
	background-size: 26px;
	padding: 0 0 2px 30px;
	margin-bottom: 15px;
}
.headline-circle.inborder {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #1B3F8D;
}
.list-circle li:before {
	content: "●";
	display: inline-block;
	color: #1B3F8D;
	margin-right: 5px;
}
td ul { margin-left: 0;}
.list-box li:before {
	content: "■";
	display: inline-block;
	color: #1B3F8D;
	margin-right: 5px;
}
.list-inline li {
	display: inline-block;
	margin-right: 15px;
}
.border-box {
	border: solid 2px #1B3F8D;
	padding: 15px;
}
.headline-green {
	background: #399F2C;
	color: #fff;
	padding: 20px;
	font-size: 24px;
}
.headline-border, .entry-body h3 {
	border-bottom: solid 3px #1B3F8D;
	padding-bottom: 8px;
	margin-bottom: 15px;
	font-size: 22px;
}
.carb-blue {
	background: #1B3F8D;
	padding: 10px 5px;
	border-radius: 25px;
	color: #fff;
	text-align: center;
	font-weight: 500;
}
.carb-yellow {
	background: #A8B400;
	padding: 10px 5px;
	border-radius: 25px;
	color: #fff;
	text-align: center;
	font-weight: 500;
}
.history-table,
.company-table,
.entry-body table {
	border-top: solid 1px #191311;
	border-left: solid 1px #191311;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	width: 100%;
	line-height: 1.3;
}
.history-table thead th {
	text-align: center;
	background: #F5F5EF;
	padding: 5px;
	border-bottom: solid 1px #191311;
	border-right: solid 1px #191311;
	font-size: 12px;
	white-space: nowrap;
}
.history-table tbody th,
.history-table tbody td {
	font-size: 14px;
}
.history-table tbody th,
.history-table tbody td,
.company-table tbody th,
.company-table tbody td,
.entry-body table tbody th,
.entry-body table tbody td {
	text-align: center;
	padding: 10px;
	border-bottom: solid 1px #191311;
	border-right: solid 1px #191311;
}
.company-table tbody th,
.company-table tbody td,
.entry-body table tbody th,
.entry-body table tbody td { padding: 15px;}
.history-table tbody th { text-align: left;}
.history-table tbody td:nth-child(2) { white-space: nowrap;}
.company-table tbody th,
.entry-body table tbody th { background: #F5F5EF;}

.company-table,
.company-table tbody th,
.company-table tbody td,
.entry-body table,
.entry-body table tbody th,
.entry-body table tbody td { text-align: left;}
.table-borderless { border: none; vertical-align: top; width: 100%;}
.table-borderless th { font-size: 18px; padding: 15px 0; vertical-align: top;}
.table-borderless td { padding: 15px 0;}
@media screen and (max-width : 450px) {
	.enkaku-table th { padding-bottom: 0;}
	.wrap-table,
	.wrap-table tr,
	.wrap-table tbody,
	.wrap-table tbody th,
	.wrap-table tbody td { display: block;}
}

.bg-grey {
	background: #F5F5EF;
	padding: 20px;
}
.headline-f20, .entry-body h4 { font-size: 20px; margin-bottom: 20px;}
.headline-bold { font-size: 16px;}
.headline-bluetext, .entry-body h5 { font-size: 16px; color:#003F92;}
.copy-txt {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4;
}
.schedule-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dotline-box {
	background: #fff;
	padding: 15px;
	border: dashed 1px #191311;
	border-radius: 10px;
	line-height: 2.0;
}
.thumb img { width: 100%;}
.text-link li { border-right: solid 1px #121212; padding-right: 5px; margin-right: 5px; line-height: 1.2;}
.text-link li:last-child { border: none; padding: 0; margin: 0;}

.voice-01link-box {
	width: 100%;
	height: 170px;
	background: url(images/voice_boxbg.jpg) no-repeat 0% 50%;
	background-size: cover;
	position: relative;
}
.voice-02link-box {
	width: 100%;
	height: 170px;
	background: url(images/voice_boxbg02.jpg) no-repeat 0% 50%;
	background-size: cover;
	position: relative;
}
.voice-text {
	width: 145px;
	background: #003F92;
	padding: 30px 15px 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
}
.voice-text .voice-text-name {
	font-size: 14px;
	font-weight: 500;
}
.voice-text .voice-prof { font-size: 10px;}
.voice-text .vovice-text-no { margin-top: -46px; margin-bottom: 5px;}

.voice-header .bg-blue { padding: 20px 20px 20px 50px; position: relative;}
.voice-header .voice-copy { font-size: 20px; line-height: 1.4;}
.voice-header .voice-name { font-size: 18px;}
.voice-header .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.voice-header { margin-bottom: -300px;}
.voice-detail { padding-top: 330px;}

.headline-kuchikomi {
	font-size: 30px;
	background: url(images/icn_comment.png) no-repeat 50% 0%;
	background-size: 45px;
	padding-top: 50px;
}


.pagenavi ul li { margin-right: 10px;}
.pagenavi ul li:last-child { margin-right: 0;}
.pagenavi ul li a,
.pagenavi ul li span {
	font-size: 16px;
	padding: 10px 12px;
	line-height: 1;
	display: block;
	border: solid 1px #383838;
}
.pagenavi ul li a:active,
.pagenavi ul li span.current_page {
	background: #1B3F8D;
	color: #fff;
	text-decoration: none;
}

.blog-nav h2 {
	font-size: 18px;
	font-weight: bold;
	background: #399F2C;
	color: #fff;
	padding: 10px;
}
.entry-body {
	font-size: 18px;
	line-height: 2.0;
	letter-spacing: 0.025em;
}
.entry-body p { margin-bottom: 30px}
.entry-body ol {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
.entry-body ol li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.entry-body ol li:before {
	counter-increment: item;
	content: counter(item) ".";
	padding-right: .5em;
	font-weight: 700;
	color: #1B3F8D;
}
.entry-body ul {
	list-style: none;
	margin-left: 0;
}
.entry-body ul li:before {
	content: "●";
	display: inline-block;
	color: #1B3F8D;
	margin-right: 5px;
}
.pagenavigation { line-height: 1;}
.pagenavigation .entry-prev { margin-right: 20px;}
.pagenavigation .entry-prev a { border-right: solid 1px #112211; padding-right: 10px;}
.pagenavigation .entry-next { margin-left: 20px;}
.pagenavigation .entry-next a { border-left: solid 1px #112211; padding-left: 10px;}

/* contact */
.contact-form {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.contact-form .btns { text-align: center;}
.contact-form .btns div { vertical-align: top;}
.contact-form .row { margin-bottom: 30px;}
.contact-form input[type=text], .contact-form select, .contact-form textarea {
	border: solid 1px #9D9C9C;
	padding: 5px; width: 100%; box-sizing: border-box;}
.contact-form input#your-zipcode,.contact-form input#your-birthday { max-width: 150px;}
.contact-form input#your-age { max-width: 3em;}
.contact-form input#your-name, .contact-form input#your-kana, .contact-form input#your-school,
.contact-form input[type=tel],.contact-form input[type=email],
.contact-form input#your-tel,
.contact-form select {
	max-width: 400px;
	border: solid 1px #9D9C9C;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
}
.contact-form select#your-sex {
	width: 200px;
}
.contact-form select::ms-expand { display: none;}
.contact-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
}
.contact-form .contact-type {
	position: relative;
	background: url(images/arrow_down.png) no-repeat 100% 0%;
	background-size: auto 100%;
}
.contact-form .contact-label { font-size: 18px; font-weight: 500; position: relative;}
.contact-form .require {
	font-size: 90%;
	background: #BA0000;
	color: #fff;
	padding: 3px 5px;
	line-height: 1.2;
	margin-left: 5px;
	position: absolute;
	top: 5px;
	right: 15px;
}
.contact-form textarea { height: 400px;}
.contact-form textarea#your-skill,
.contact-form textarea#your-school,
.contact-form textarea#your-job { height: 150px;}
form.sent .contact-form { display: none;}
::-webkit-input-placeholder { color:#D8D8D8;}
:-ms-input-placeholder { color:#D8D8D8;}
::placeholder{ color:#D8D8D8}
input[type=submit] {
	background: #383838;
	color: #fff;
	padding: 15px 0;
	width: 260px;
	text-align: center;
	display: block;
	margin: 0 auto;
	border: solid 1px #383838;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
	border-radius: 7px;
}
input[type=reset], input[type=button] {
	background: #fff;
	color: #000;
	padding: 15px 0;
	width: 260px;
	text-align: center;
	display: block;
	margin: 0 auto;
	border: solid 1px #383838;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.16);
	border-radius: 7px;
}
.screen-reader-response { display: none;}

.videobox video {
	width: 100%;
	height: 100%;
	max-width: 720px;
	margin: 0 auto;
}

.item-count {
	font-size: 18px;
	padding: 2px 10px;
}
.cart-btn input[type=submit] {
	background: #C40000 url(images/icn_cart.png) no-repeat 50px 50%;
	background-size: auto 16px;
    border-radius: 40px;
    border-color: #C40000;
	font-weight: 700;
	padding-left: 30px;
}
.sp-bottom-thumbnails { margin: 10px 0;}

.newyear-banner {
	background: #C70000;
	padding: 5px 0 0;
	border-bottom: solid 6px #CF934E;
}

/* footer ********************************************************/
#pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 10;
}


/* SMALL SP ///////////////////////////////////////////////////////////*/
@media screen and (max-width: 320px) {
.mv-banner { top: 90px;right: 0;}
}

/* LARGE SP ///////////////////////////////////////////////////////////*/
@media screen and (min-width: 412px) {
	.header-fixed-nav { background-position: 50% 100%;}
}

/* TABLET /////////////////////////////////////////////////////////////*/
@media print, screen and (min-width: 768px){
	.btns div {
		display: inline-block;
		margin-right: 20px;
		vertical-align: middle;
	}
	.btns div:last-child { margin-right: 0;}


	/* header */
	.btn-nav-blog a { padding-left: 90px;}
	.header-fixed-nav { background-image: url(images/header_768.png); height: 110px;}


	/* main */
	.mv-copy div {
		margin-top: -230px;
	}
	.mv-copy img { max-width: 400px;}
	.mv-banner { width: 200px; position: absolute; top: 130px;right: 0;}
	.mv-banner img { width: 100%; height: auto;}
	.page-header {
		height: 220px;
		background: url(images/pageheader_daikon.jpg) no-repeat 50% 50%;
		background-size: cover;
		margin-top: 0;
	}
	.page-header.soba {
		background-image: url(images/pageheader_soba.jpg);
	}
	.entry-title { width: 100%;}
	.right-boy:after { right: 70px;}

	.instagram-list div { width: 33%;}
	.instagram-list div img { width: 100%;}
	.index-instagram.bg-bottomdot:after { height: 200px;}
	.index-blog .btn-more-blue{
		position: absolute;
		top: 110px;
		right: 15px;
	}
	.index-blog .headline-inblue { margin-bottom: 30px;}
	#page .headline-inblue { font-size: 36px;}
	#page .headline-inblue span { font-size: 20px;}

	.bg-bottomdot.bottom400:after { height: 390px;}

	.daikon-item-list {
		position: relative;
		padding-bottom: 50px;
	}
	.daikon-item-list .carbs {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
	}
	.history-table thead th { font-size: 14px; padding: 10px;}
	.history-table tbody th,
	.history-table tbody td { font-size: 16px;}
	.company-table tbody th { white-space: nowrap; border-right: none;}
	.table-borderless td { padding: 15px 15px 15px 30px;}

	.voice-header { margin-bottom: -150px;}
	.voice-detail { padding-top: 180px;}
	.voice-header {
		margin-left: calc(50% - 50vw);
		padding-right: calc(50vw - 50%);
		width: 100vw;
	}
	#voice-aoto .voice-header {
		margin-right: calc(50% - 50vw);
		padding-left: calc(50vw - 50%);
		padding-right: 0;
		margin-right: 0;
		width: 100vw;
	}
	.voice-header .thumb,
	.voice-header .bg-blue {
		height: 240px;
	}
	.voice-01link-box,
	.voice-02link-box {
		height: 250px;
	}
	.voice-text {
		width: 220px;
		background: #003F92;
	}
	.voice-text .voice-text-name {
		font-size: 22px;
		font-weight: 500;
	}
	.voice-text .voice-prof { font-size: 15px;}
	.voice-detail .vovice-text-no { width: 84px; height: 65px;}
	.voice-header .bg-blue { padding: 40px 20px;}
	.voice-header .voice-copy { font-size: 24px;}
	.voice-header .voice-name { font-size: 22px; position: absolute; bottom: 30px; left: 20px;}
}


/* PC /////////////////////////////////////////////////////////////////*/
@media print, screen and (min-width: 992px){
	a:hover {
		color: #1A0DAB;
		text-decoration: underline;
	}
	a:hover img,
	#header-toggle-btn img:hover,
	#header-toggle-btn-close img:hover,
	.sp-thumbnail:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		transition-duration: 0.3s;
		cursor: pointer;
		text-decoration: none;
	}
	.sns-btns .btn-facebook a:hover,
	.sns-btns .btn-instagram a:hover,
	.sns-btns .btn-youtube a:hover,
	.sns-btns .btn-twitter a:hover,
	.btn-facebook-l a:hover,
	.btn-instagram-l a:hover,
	.btn-youtube-l a:hover,
	.btn-twitter-l a:hover {
		text-decoration: none;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		transition-duration: 0.3s;
		color: #fff;
	}
	.btn-contact a:hover {
		background-color: #000;
		background-image: url(images/icn_mail_w.png);
		text-decoration: none;
		color: #fff;
		transition-duration: 0.3s;
	}
	.link-access a:hover {
		color: #fff;
		text-decoration: underline;
	}
	.btn-nav-line a:hover,
	.btn-nav-blog a:hover,
	input[type=submit] {
		background-color: #003F92;
		color: #fff;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	.btn-nav-line a:hover:after {
		background-image: url(images/arrow_w.png);
	}
	.btn-bluebox a:hover,
	input[type=submit]:hover,
	input[type=reset]:hover,
	input[type=button]:hover {
		color: #fff;
		background-color: #000;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	.btn-carb a:hover {
		background: #000 url(images/arrow_w.png) no-repeat 93% 50%;
		background-size: 16px;
		color: #fff;
		transition-duration: 0.3s;
		text-decoration: none;
	}
	.btn-mail a:hover {
		color: #fff;
		background-color: #000;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	.btn-mail a:hover:before {
		background-image: url(images/icn_mail_w.png);
	}
	.btn-header-shopping a:hover,
	.btn-carb-border a:hover {
		background-color: #121211;
		color: #fff;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	.btn-carb-blueborder a:hover {
		background: #1B3F8D;
		color: #fff;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	.btn-more-white a:hover {
		border-color: #000;
		background-color: #000;
		background-image: url(images/arrow_w.png);
		text-decoration: none;
		color: #fff;
		transition-duration: 0.3s;
	}
	.btn-more-blue a:hover {
		border-color: #1B3F8D;
		background-color: #1B3F8D;
		background-image: url(images/arrow_w.png);
		text-decoration: none;
		color: #fff;
		transition-duration: 0.3s;
	}
	.pagenavi ul li a:hover {
		background: #1B3F8D;
		color: #fff;
		text-decoration: none;
		transition-duration: 0.3s;
	}

	/* header ********************************************************/
	.header-fixed-nav { background-image: url(images/header_992.png);}
	.header-nav .headline-greenbg,
	.header-nav .headline-bluebg,
	.header-nav .headline-yellowbg { margin: 0 0 20px; padding: 10px 15px;}
	.header-nav .icn-girl-r:after {
		width: 46px;
		height: 79px;
	}
	.header-nav .icn-tractor:after {
		width: 98px;
		height: 101px;
		right: 0;
		top: -27px;
	}
	.btn-nav-blog a, .btn-nav-line a { min-width: 350px;}
	.btn-nav-blog a { padding-left: 115px;}

	/* main   ********************************************************/
	main section { margin-bottom: 70px;}
	.mv-copy div {
		margin-top: -130px;
	}
	.mv-copy img { max-width: 647px;}
	.mv-banner { right:20px}
	.entry-title { width: auto;}
	.instagram-list div { width: 18%;}
	.headline-circle { font-size: 26px; background-size: 26px;background-position-y: 3px;}

	.headline-green { font-size: 30px; padding: 20px 15px;}
	.youtube-box.w720 { max-width: 700px;}
	.voice-header .bg-blue { padding: 45px 30px;}
	.voice-header .voice-copy { font-size: 30px;}
	.voice-header .thumb,
	.voice-header .bg-blue {
		height: 320px;
	}
	.voice-header .voice-name { left: 30px; font-size: 24px;}
	.staff-list p { max-width: 230px; margin: 0 auto;}
	/** footer ******************************************************/
}

/* PC LARGE /////////////////////////////////////////////////////////////////*/
@media print, screen and (min-width: 1190px){
}
@media print, screen and (min-width: 1300px){
}
@media print, screen and ( min-width: 1440px){
	.header-fixed-nav { background-image: url(images/header_1440.png);}
}
@media print, screen and (min-width: 1680px){
	.header-fixed-nav { background-image: url(images/header_1680.png);}
}
@media print, screen and (min-width: 1920px){
	.header-fixed-nav { background-image: url(images/header_1920.png);}
}
@media print, screen and (min-width: 2560px){
	.header-fixed-nav { background-image: url(images/header_2560.png);}
}

/* effect */
.effect-mv-fade {
	opacity: 0;
	transition: .5s;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.effect-mv-fadeon {
	opacity: 1.0;
	transition: .5s;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.effect-fade{
	opacity: 0;
	transition: .8s;
}
.effect-fadeon{
	opacity: 1.0;
	transition: .8s;
}