/*
Theme Name: arrowlinks
Theme URI: 
Author: arrowlinks
Author URI: 
Description: 2020
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
*/

@charset "utf-8";

html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, em, strong, 
ul, ol, li, dl, dt, dd, 
table, th, td {
	margin:	0px;
	padding: 0px;
}

html,
body {
	width: 100%;
	font-family: 'Noto Sans JP','ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	/*font-family: 'Noto Serif', serif;*/
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.7em;
	text-align: left;
	color: #000;
	word-wrap: break-word;
	outline: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	line-height: 100%;
}

a:hover img {
	opacity: 0.85;
}

.img_wrap_wrap img{
	transition-duration: 0.5s;
}

.img_wrap_wrap:hover img {
	/* opacity: 0.85;
	background: rgba(4, 40, 131); */
	transform: scale(1.08);
	transition-duration: 0.5s;
  }


a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	color: inherit;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


table {
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}

.txt_center {
	text-align: center;
}

.txt_left {
	text-align: left;
}

.txt_right {
	text-align: right;
}

.box_left {
	float: left;
}

.box_right {
	float: right;
}

ul li {
	list-style: none;
}

.img_wrap img{
	width: 100%;
	cursor: pointer;
	transition-duration: 0.5s;
}
.img_wrap:hover{
	transform: scale(1.08);
	transition-duration: 0.5s;
  }


/* **************************************************************** */
/* レスポンシブ対応 */
/* **************************************************************** */
body {
	-webkit-text-size-adjust:	100%;
}

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

/* **************************************************************** */
/* clearfix */
/* **************************************************************** */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* **************************************************************** */
/* wrapper */
/* **************************************************************** */
.wrapper {
	width: 100%;
	padding: 0px;
}

/* **************************************************************** */
/* header */
/* **************************************************************** */
header {
	width: 100%;
	margin: auto;
	height: 100px;
	z-index: 999;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}

.site-header {
	background: rgba(255,255,255,0.7);
	padding: 30px 0;
	position: absolute;
	width: 100%;
	height:150px;
	box-sizing:border-box;
}

/* .site-header.fixed {
	position: fixed;
	top: 0;
} */

#header_logo {
	max-width: 300px;
	width: 100%;
	margin: auto;
}

.gnav {
	max-width: 1000px;
	width: 100%;
	margin: auto;
}

.gnav a {
	display: block;
}

.gnav li {
	height: 45px;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
}
.gnav li ul li{
	height: auto;
	min-height: 45px;
}

.gnav li a {
	color: #000;
	text-decoration: none;
	display: inline-block;
}

.gnav li a:hover{
	cursor: pointer;
}

#header .inner {
	width: 100%;
	max-width: 1000px;
	margin: 10px auto;
}

#header_menu_sp {
	display: none;
	position: absolute;
	top: 25px;
	right: 10px;
	width: 30px;
	height: 25px;
	margin: 0px 10px;
	background-color: rgba(0,0,0,0.0);
	cursor: pointer;
}

#header_menu_sp span {
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: solid 3px #999;
	opacity: 1;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

#header_menu_sp span:nth-child(1) {top: 0px;}
#header_menu_sp span:nth-child(2) {top: 11px;}
#header_menu_sp span:nth-child(3) {top: 22px;}

#header_menu_sp.close span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#header_menu_sp.close span:nth-child(2) {
	opacity: 0;
}
#header_menu_sp.close span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#header_menu {
	float: left;
	display: block;
	width: 100%;
	max-width: 1200px;
	text-align: center;
	margin-top: 10px;
}

#header_menu li {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: 15%;
}


#header_menu .menu_link,
#header_menu .menu_privacy,
#header_menu .menu_contact {
	display: none;
}

#header_menu .menu_busi ul,
#header_menu .menu_sanko ul,
#header_menu .menu_saiyo ul,
#header_menu .menu_lang ul {
	display: none;
	width: 100%;
	margin-top: 6px;
	list-style: none;
	font-size: 80%;
}

#header_menu .menu_busi ul li,
#header_menu .menu_sanko ul li,
#header_menu .menu_saiyo ul li,
#header_menu .menu_lang ul li {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0px;
	text-align: center;
	border-bottom: none;
	background-color: rgba(242,242,242,0.9);
}

#header_menu .menu_busi ul li a,
#header_menu .menu_sanko ul li a,
#header_menu .menu_saiyo ul  li a,
#header_menu .menu_lang ul li a {
	color: #434343;
}

#header_menu .menu_busi ul li a:hover,
#header_menu .menu_sanko ul li a:hover,
#header_menu .menu_saiyo ul li a:hover,
#header_menu .menu_lang ul li a:hover  {
	color: #0071bc;
}

/* #header_menu .menu_lang{
	background-color: #9caeb7;
}
#header_menu .menu_lang a{
	color:#fff;
} */
#header_menu .select_lang>span{
	display:inline-block;
	width:100%;
	cursor: pointer;
}
#header_menu .select_lang span:hover{
	background-color: #c3e9ff82;
	color:#0071bc;
}
#header_menu .select_lang .flag_name_wrap{
	width:102px;
	text-align: left;
	margin:auto;
	display:inline-block
}

@media all and (max-width: 930px) {
	#header_menu .menu_busi ul li,
	#header_menu .menu_sanko ul li,
	#header_menu .menu_saiyo ul li,
	#header_menu .menu_lang ul li {
		font-size: 90%;
		}
	}

@media all and (max-width: 910px) {
	.pc_sub {
		width: 98%;
		margin-top: 0px;
	}
}

@media all and (max-width: 810px) {
	.header_txt {
		display: block;
	}
}

@media all and (max-width: 670px) {
	#header_menu .menu_busi ul li,
	#header_menu .menu_sanko ul li,
	#header_menu .menu_saiyo ul li,
	#header_menu .menu_lang ul li {
		font-size: 80%;
		}
	}

@media all and (min-width: 930px) {	
	#header_menu li a:hover{
		width: 100%;
		background-color:#c3e9ff82;
	}
}


/*@media all and (min-height: -width: 601px) {*/
@media all and (min-height: 973px) {
	#header_menu {
		display: block;
	}

	#header_menu_sp {
		display: none;
	}

	#header_menu .menu_link,
	#header_menu .menu_privacy,
	#header_menu .menu_contact {
		display: none;
	}
}

/*@media all and (max-width: 600px) {*/
@media all and (max-width: 972px) {
	#header_logo {
		width: 70%;
		float: left;
		padding-left: 10px;
	}

	#header_menu_sp {
		display: block;
		z-index: 99999;
	}

	#header_menu {
		display: none;
		background-color: #fff;
	}

	#header_menu li {
		width: 100%;
		/*height: 100%;*/
		height: auto;
		line-height: 30px;
		font-weight: bold;
	}

	.gnav li a {
		color: #434343;
	}

	#header_menu .menu_link,
	#header_menu .menu_privacy,
	#header_menu .menu_contact {
		display: inline-block;
	}

	#header_menu .menu_busi ul,
	#header_menu .menu_sanko ul,
	#header_menu .menu_saiyo ul,
	#header_menu .menu_lang ul {
		display: block;
	}

	#header_menu .menu_busi ul li,
	#header_menu .menu_sanko ul li,
	#header_menu .menu_saiyo ul li,
	#header_menu .menu_lang ul li {
		background-color: #fff;
		font-weight: normal;
		border: none;
		font-size: 100%;
	}
}

/* **************************************************************** */
/* footer */
/* **************************************************************** */
footer {
	padding-top: -10%;
}

.footer_back {
	position: relative;
	background-image: url(images/top/footer.png);
	background-repeat: repeat-x;
	/*height: 258px;*/
	height: 350px;
	width: 100%;
}

.footer_back_for_home {
	position: relative;
	background-image: url(images/top/footer.png), url(images/top/fb_back.jpg);
	background-repeat: repeat-x, repeat-x;
	height: 350px;
	width: 100%;
}

#footer {
	box-sizing: border-box;
	padding: 20px 0 0 0;
	line-height: 100%;
	text-align: center;
}

.flang {
	position: absolute;
	top: 100px;
	left: 2%;
	font-size:16px;
}

.fnav {
	position: absolute;
	top: 100px;
	right: 10px;
}

.fnav ul {
	color: #fff;
	text-align: right;
	padding-right: 2em;
}

.fnav li {
	text-decoration: none;
	display: inline-block;
}

.fnav li a {
	font-weight: bold;
	font-size: 20px;
}

#copyright {
	font-size: 80%;
}

#page_lift {
	position: fixed;
	right: 20px;
	bottom: 5%;
	line-height: normal;
	box-sizing: border-box;
	z-index: 9999;
}

#page_lift a {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  background-color: rgba(63, 169, 245, 0.5);
  z-index: 9999;
}

#page_lift a i {
  line-height: 30px;
}

.fmenu {
	position: absolute;
	padding: 0px 2%;
	bottom: 50px;
	font-weight: bold;
	color: #fff;
	
}

.f20 {
	font-size: 20px;
	padding-bottom: 0.5em;
}

small {
	font-size: 15px;
	color: #fff;
}

#page_lift a {
	opacity: 0.8;
	text-decoration: none;
}

#page_lift a:hover {
	opacity: 1.0;
}

/* **************************************************************** */
/* home */
/* **************************************************************** */
.slide_box {
	position: relative;
	/* padding-top:150px; */
}

.slide_frame {
	position: absolute;
	padding-top: 8%;
	bottom: 0;
	width: 100%;
	background-repeat: repeat-x;
	background-size: contain;
	background-position: bottom center;
	z-index: 99;
}

main,
section {
	width: 100%;
}

.inner {
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

.newsall {
	position: relative;
}

.topics_ttl2 img {
	display: block;
	margin: auto;
}

.topics_ttl2 p {
	text-align: center;
	color: #3fa9f5;
	font-size: 13px;
	padding-bottom: 5%;
}

.news_box {
	margin: 30px auto 100px;
}

.news_table {
	width: 100%;
	margin: auto;
}

.news_tr {
	width: 100%;
}

.news_th {
	padding: 5px;
	max-width: 400px;
}

.news_td {
	max-width: 600px;
	width: 80%;
}

.type_color {
	display: inline-block;
	width: 100px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
}

.midori {
	background-color: #00a99d;
	margin-right: 1em;
}

.orange {
	background-color: #f7931e;
	margin-right: 1em;
}

.products_back {
	background-image: url(images/top/pro_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	height: 600px;
	width: 100%;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.policy_back {
	position: relative;
	width: 100%;
	height: 170px;
	background-image: url(images/top/policy_back.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.policy_back.inner {
	max-width: 100%;
}

.policy_back img {
	position: absolute;
	width: 100%;
	max-width: 800px;
	margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.fb_back {
	background-image: url(images/top/fb_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 800px;
	width: 100%;
}

.pdt10 {
	padding-top: 17%;
}

.pdt5 {
	padding-top: 5%;
}

.pdt3 {
	padding-top: 3%;
}

.pdr2 {
	padding-right: 2%;
}

.pdl2 {
	padding-left: 2%;
}

.w30 {
	width: 100%;
	max-width: 350px
}

.w60 {
	width: 100%;
	max-width: 650px;
}

.w30 img, 
.w60 img {
	margin: auto;
}

.w30 li {
	font-size: 20px;
	font-weight: bold;
	line-height: 2.5em;
	padding-left: 30%;
}

.fb {
	margin: auto;
	width: 100%;
	max-width: 500px;
}

.news_box .topics_ttl {
	display: inline-block;
	margin: auto;
	max-width: 800px;
	vertical-align: middle;
}

.news_box .news_area {
	display: inline-block;
	margin: auto;
	max-width: 800px;
	vertical-align: middle;
}

.news_box .more {
	display: inline-block;
	margin: auto;
	max-width: 800px;
	vertical-align: middle;
}

@media all and (max-width: 1050px) {
	.news_box .topics_ttl {
		display: block;
		margin: 10px auto;
		text-align: center;
	}

	.news_box .news_area {
		display: block;
		margin: 10px auto;
		padding: 0px 10px;
	}

	.news_box .news_area .news_table {
		margin: auto;
		width: initial;
	}

	.news_box .news_area .news_tr {
		display: block;
		margin: 0px 0px 10px 0px;
		width: 100%;
	}

	.news_box .news_area .news_th, 
	.news_box .news_area .news_td {
		display: block;
		padding: 0px 5px;
		width: 100%;
		max-width: initial;
		text-align: left;
		word-break: break-all;
		word-wrap: break-word;
		box-sizing: border-box;
	}

	.news_box .more {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
}

@media all and (max-width: 972px) {	/* 以下 */
	.slide_box {
		padding-top:70px;
	}
}

/* **************************************************************** */
/* single */
/* **************************************************************** */
#news_single section {
	margin: auto;
	width: 98%;
}

#news_single .news_td {
	padding-left: 1em;
}

#news_single .type_color {
	margin-right: 2em;
}

.content_box-main p img {
	/*width: 100%;*/
	display: block;
	/*margin: auto;*/
}

/* WPエディタ画像 左寄せ */
.content_box-main p img.alignleft {
	display: block;
	margin: 0px auto 0px 0px !important;
}

/* WPエディタ画像 中央寄せ */
.content_box-main p img.aligncenter {
	display: block;
	margin: 0px auto !important;
}

/* WPエディタ画像 右寄せ */
.content_box-main p img.alignright {
	display: block;
	margin: 0px 0px 0px auto !important;
}

.prev,
.next,
.more2 {
	display: inline-block;
}

.more2 {
	padding: 1%;
	background-color: #99e5ff;
	width: 107px;
	color: #fff;
	text-align: center;
	margin-left: 30%;
}

.prev,
.next {
	width: 107px;
	padding: 1%;
	color: #56c0ff;
	text-align: center;
}

.prev.disabled,
.next.disabled {
	color: #ffffff;
	background-color: #cdcdcd;
}

a.prev, 
a.next, 
.prev a, 
.next a {
	color: #56c0ff;
}

a.more2,
.more2 a {
	color: #fff;
}

.pnbotan {
	margin-top: 3%;
}

.next {
	float: right;
}

/* **************************************************************** */
/* pagination */
/* **************************************************************** */
.pagenavi {
	padding-top: 6%;
	padding-bottom: 3%;
	text-align: center;
}

.wp-pagenavi {
	clear: both;
	text-align: center;
}

.wp-pagenavi a, 
.wp-pagenavi span {
	color: #3fa9f5;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: thin dotted #3fa9f5;
}

.wp-pagenavi a:hover {
	color: #3fa9f5;
	background-color: #fff;
}

.wp-pagenavi span.current {
	color: #fff;
	background-color: #3fa9f5;
}

/* **************************************************************** */
/* processin-sales */
/* **************************************************************** */
.sec_ttl_img {
	padding-bottom: 12%;
	padding-left: 5%;
}

.water {
	border: 2px solid #50cdd3;
}

.blue {
	border: 6px solid #0071bc;
}

.flex2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-between;
}

#processin-sales .flex2 div {
	width: 50%;
}

.com1 {
	padding: 3% 0;
	width: 100%;
	max-width: 800px;
	margin: auto;
}

.com3 {
	padding-left: 5%;
	padding-top: 15%;
}

.com4 {
	padding-right: 5%;
	padding-top: 5%;
}

.com5 {
	padding-right: 2%;
	padding-top: 5%
}

.com6 {
	padding-top: 2%;
}

.pd3 {
	padding: 3%;
}

.back0 {
	background-color: transparent;
}

.back1 {
	position: relative;
	width: 100%;
	height: 375px;
	background-image: url(images/processing/pro_img2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.back2 {
	background-color: #ffeee3;
}

.back3 {
	background-color: #eeffe3;
}

.back1_absolute_text {
	position: absolute;
	margin: auto;
	padding: 4%;
	width: 100%;
	max-width: 420px;
	top: 50%;
  left: 50%;
	background-color: rgba(217,238,255,0.8);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	box-sizing: border-box;
}

.back4 {
	background-image: url(images/processing/pro_img8.jpg);
	background-repeat: no-repeat;
	height: 1200px;
	width: 100%;
	background-size: contain;
	background-position: center center;
}

.back8 {
	background-image: url(images/processing/sp_pro_img8.jpg);
	background-repeat: no-repeat;
	height: 290px;
	width: 100%;
	background-size: contain;
	display: none;
	background-position: center center;
}

#processin-sales .image_graph1 {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 800px;
}

#processin-sales .image_suppliers {
	display: block;
	margin: auto;
	width: 100%;
}


.pd5 {
	padding: 5% 0;
}

#processin-sales section .section_image {
	width: 100%;
	max-width: 550px;
}

#processin-sales section .section_text {
	padding: 2%;
	width: 100%;
	max-width: 550px;
}

/* レスポンシブ */
@media all and (max-width: 972px) {
	#processin-sales .flex2 div {
		width: 100%;
	}

	#processin-sales .pd3 {
		padding: 0;
	}

	#processin-sales .back0,
	#processin-sales .back2,
	#processin-sales .back3 {
		padding: 0px 10px;
	}

	#processin-sales .back0 .flex,
	#processin-sales .back2 .flex,
	#processin-sales .back3 .flex {
		display: grid;
	}

	#processin-sales .back1 {
		/*height: 180px;*/
		height: 300px;
	}

	#processin-sales .back1_absolute_text {
		max-width: 300px;
		padding: 3%;
	}

	#processin-sales section .section_image {
		width: 100%;
		max-width: 550px;
	}

	#processin-sales section .section_image img {
		width: 100%;
		max-width: initial;
	}

	#processin-sales section .section_text {
		padding: 2% 0px;
		width: 100%;
		max-width: 550px;
	}

	#processin-sales .image_graph1,
	#processin-sales .image_suppliers {
		width: 95%;
	}

	#processin-sales .proce_box .section_image {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}

	#processin-sales .proce_box .section_text {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
}

@media screen and (max-width: 767px) {
	#processin-sales .back1 {
		height: 180px;
	}
}

/* **************************************************************** */
/* whocessin-sales */
/* **************************************************************** */
.back5 {
	background-image: url(images/wholesal/who_img2.jpg);
	background-repeat: no-repeat;
	height: 3900px;
	width: 100%;
	background-size: contain;
	background-position: center center;
}

.back9 {
	background-image: url(images/wholesal/sp_who_img2.jpg);
	background-repeat: no-repeat;
	height: 1300px;
	width: 100%;
	background-size: cover;
	display: none;
	background-position: center center;
}

/* **************************************************************** */
/* foreign-operation */
/* **************************************************************** */
.back6 {
	position: relative;
	width: 100%;
	height: 750px;
	background-image: url(images/foreign/for_img2.jpg);
	background-repeat: no-repeat;
}

.back6_absolute_text {
	position: absolute;
	padding: 4%;
	width: 100%;
	max-width: 800px;
	top: 50%;
	left: 50%;
	background-color: rgba(217,238,255,0.8);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	box-sizing: border-box;
}

.back6 .flex2 div {
	width: 50%;
}

.back7 {
	background-image: url(images/foreign/for_img4.jpg);
	background-repeat: no-repeat;
	height: 1073px;
	width: 100%;
	background-size: contain;
	background-position: center center;
}

/* レスポンシブ */
@media all and (max-width: 972px) {
	#foreign-operation .back6_absolute_text {
		width: 95%;
	}

	#foreign-operation .back6 {
		height: 800px;
	}
}

/* **************************************************************** */
/* csr */
/* **************************************************************** */
.csr_back1 {
	background: radial-gradient(#00b3ff, #003792);
}

.csr_back1 .flex p {
	color: #fff;
}

.csr_back1 .flex .box1 img {
	display: block;
	margin: auto;
}

.csr_back1 .flex .box1 p {
	padding: 2% 10px;
	width: 100%;
	max-width: 500px;
	text-align: justify;
	box-sizing: border-box;
}

.csr_back2 {
	background: linear-gradient(-90deg, #ffdb5a, #ff5e00);
	margin-top: 3%;
}

.csr_back2 img {
	display: block;
	margin: auto;
}

.csr1 img,
.csr2 img,
.csr3 img,
.csr4 img {
	display: block;
	margin: auto;
	padding: 4% 0;
}

.csr5 img {
	display: block;
	margin: auto;
	padding-top: 4%;
}

.csr1 {
	background-color: #c5f0ff;
	width: 50%;
	max-width: 500px;
	padding: 3%;
}

.csr2 {
	background-color: #a5e9e0;
	width: 50%;
	max-width: 500px;
	padding: 3%;
}

.csr3 {
	background-color: #ffdc9c;
	width: 50%;
	max-width: 500px;
	padding: 3%;
}

.csr4 {
	background-color: #dcbaee;
	width: 50%;
	max-width: 500px;
	padding: 3%;
}

.sp_img1 {
	display: none;
}

.pc_img1 {
	display: block;
	margin: auto;
}

/* レスポンシブ */
@media all and (max-width: 972px) {
	.csr_cont .flex {
		display: block;
	}

	.csr_cont .flex .csr1,
	.csr_cont .flex .csr2,
	.csr_cont .flex .csr3,
	.csr_cont .flex .csr4 {
		width: 100%;
		max-width: initial;
	}

	.csr_cont .flex .csr1 p,
	.csr_cont .flex .csr2 p,
	.csr_cont .flex .csr3 p,
	.csr_cont .flex .csr4 p {
		margin: auto;
		width: 100%;
		max-width: 500px;
		text-align: justify;
		box-sizing: border-box;
	}
	
	.csr5 {
		display: block;
		width: 98%;
		margin: auto;
	}
}

/* **************************************************************** */
/* company */
/* **************************************************************** */
.comp_back1 {
	background-color: #eefaff;
	padding: 2% 0;
}

.comp_back1 img {
	display: block;
	margin: auto;
}

.comp_back2 {
	background-color: #f2f2f2;
}

.comp_back2 table {
	width: 100%;
	max-width: 850px;
	margin: auto;
	padding: 3%;
	border-collapse: separate;
	border-spacing: 10px 10px;
}

.comp_back2 tr {
	margin: 1% 0;
}

.comp_back2 th {
	max-width: 220px;
	/*width: 32%;*/
	width: 33%;
	background-color: #fff;
	font-weight: normal;
	text-align: left;
	padding: 2% 0 2% 2em;
}

.comp_back2 td {
	max-width: 620px;
	background-color: #fff;
	padding: 2% 0 2% 2em;
}

.overview img {
	display: block;
	margin: auto;
}

.overview table {
	width: 100%;
	max-width: 850px;
	margin: auto;
	padding: 3%;
	border-collapse: separate;
	border-spacing: 10px 10px;
}

.overview tr {
	margin: 1% 0;
}

.overview th {
	max-width: 220px;
	width: 32%;
	background-color: #eefaff;
	font-weight: normal;
	text-align: left;
	padding: 2% 0 2% 2em;
}

.overview td {
	max-width: 620px;
	background-color: #f8f8f8;
	padding: 2% 0 2% 2em;
}

.map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* **************************************************************** */
/* factory */
/* **************************************************************** */
.tour_back1 {
	background-color: #fff4bb;
}

.tour_back1 p {
	width: 100%;
	max-width: 800px;
	margin: auto;
	color: #f6921e;
}

.tour_back2 {
	width: 100%;
	max-width: initial;
	text-align: center;
	background-color: #fff421;
}

.tour_back3 {
	background-color: #edf9ff;
}

.form p {
	text-align: center;
}

.pdb3 {
	padding-bottom: 3%;
}

/* **************************************************************** */
/* intern */
/* **************************************************************** */
.intern_block img {
	display: block;
	margin: auto;
	padding-top: 1%;
}

.intern_box {
	width: 100%;
	max-width: 900px;
	border-radius: 150px;
	background-color: #edf9ff;
	margin: 3% auto;
}

.intern_box p {
	max-width: 700px;
	margin: auto;
	padding: 6%;
}

.intern_box a {
	text-decoration: underline;
}

.intern_img {
	text-align: center;
}

#intern section.inner.intern_img {
	width: 100%;
	max-width: initial;
}

.intern_back1 {
	width: 100%;
	height: 173px;
	background-image: url(images/intern/int_img4.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom center;
}

.intern_back2 {
	background: repeating-linear-gradient(#fff4bb 0, #fff4bb 80px, #edf9ff 80px, #edf9ff 160px, #ffdbe6 160px, #ffdbe6 240px, #fff421 240px, #fff421 320px, #bdec75 320px, #bdec75 400px);
	padding: 3% 0;
}

.intern_back2 img {
	margin: auto;
}

.intern_back3 {
	margin-top: 3%;
	width: 100%;
	text-align: center;
}

.double-border {
	width: 70%;
	border: 3px solid #3fa8f4;
	outline: 1px solid #3fa8f4; /* 線幅、線のスタイル、カラー */
	outline-offset: -10px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
	padding: 2%;
}

.news_th {
	font-weight: normal !important;
}

#intern .news_area {
	position: relative;
	padding: 2%;
}

#intern .blog_img {
	display: inline-block;
	width: 18%;
	vertical-align: top;
}

#intern .blog_table {
	display: inline-block;
	width: 80%;
	vertical-align: top;
}

#intern .wp-pagenavi a, 
#intern .wp-pagenavi span {
	padding: 2px 9px;
}

#intern .news_th {
	padding: 5px;
	max-width: 400px;
	width: 25%;
}

#intern .news_td {
	max-width: 600px;
	width: 75%;
}

#intern .pagenavi {
	padding-top: 0;
}

.mt10 {
	margin-top: 10%;
}

/* レスポンシブ */
@media all and (max-width: 1050px) {
	#intern .blog_table .news_table .news_th, 
	#intern .blog_table .news_table .news_td {
		display: block;
		padding: 0px 5px;
		width: 100%;
		text-align: left;
		word-break: break-all;
		word-wrap: break-word;
		box-sizing: border-box;
	}
}

@media all and (max-width: 972px) {
	#intern .blog_img,
	#intern .blog_table {
		display: block;
		width: 100%;
		vertical-align: top;
	}


	#intern .blog_table .news_table {
		margin: auto;
	}
}

/* **************************************************************** */
/* job */
/* **************************************************************** */
.job_txt1 {
	width: 100%;
	max-width: 800px;
	margin: auto;
}

.job_block {
	max-width: 800px;
	margin: auto;
}

.job1 img {
	display: block;
	margin: auto;
	padding: 3% 0;
}

.job1 .flex div {
	width: 50%;
}

.job_back1 {
	background-color: #eefaff;
	padding-top: 3%;
}

.job_back2 {
	background-color: #7ae9fc;
	padding-top: 3%;
}

.pc {
		display: block;
}

.sp {
	display: none;
}

/* レスポンシブ */
@media all and (max-width: 972px) {
	.job1 .job_outline_text {
		padding: 10px 2.5% 20px 2.5%;
	}
}

/* **************************************************************** */
/* job-infomation */
/* **************************************************************** */
.job_txt1 {
	margin: 3% auto;
	padding: 0px 10px;
	width: 100%;
	max-width: 800px;
	text-align: justify;
	box-sizing: border-box;
}

.job_menu ul {
	text-align: center;
}

.job_menu li {
	display: inline-block;
	/*padding-left: 3em;*/
	padding: 0px 2%;
	font-weight: bold;
}

.tyuuto {
	color: #0071bc;
}

.part {
	color: #2e3192;
}

.job_ttl1 {
	background: linear-gradient(-90deg, #2e3192, #0071bc);
	padding: 1%;
	margin-top: 3%;
}

.job_ttl1 p {
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.info_back1 {
	background-color: #eefaff;
}

.info_back1 table {
	width: 100%;
	max-width: 850px;
	margin: auto;
	padding: 3%;
	border-collapse: separate;
	border-spacing: 10px 10px;
}

.info_back1 tr {
	margin: 1% 0;
}

.info_back1 th {
	max-width: 220px;
	width: 32%;
	background-color: #fff;
	font-weight: normal;
	text-align: left;
	padding: 2% 0 2% 2em;
}

.info_back1 td {
	max-width: 620px;
	background-color: #fff;
	padding: 2% 0 2% 2em;
}

.info_back1 td.job_info_headline {
	padding: 10px 0px;
	background-color: transparent;
}

.info_back1 td.job_info_headline > p {
	padding: 10px 0 10px 14px;
	font-size: 112.5%;
	font-weight: bold;
	color: #0071bc;
	border-left: #0071bc 4px solid;
	box-sizing: border-box;
}

.info_form_back {
	background: linear-gradient(-90deg, #ffdb5a, #ff5e00);
	padding: 2%;
}

.info_form_back p {
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* **************************************************************** */
/* link */
/* **************************************************************** */
.img_cen {
	display: block;
	margin: auto;
}

.link_ttl {
	color: #004da0;
}

.pdb2 {
	padding-bottom: 2%;
	text-decoration: none;

}

.pdt2 {
	padding-top: 2%;
}

#link a {
	padding: 0 .3em;
	transition: all .3s;
}

#link a:hover {
	color: #fff;
	background-color: #50cdd3;
}

.bar1 {
	width: 100%;
	max-width: 600px;
	border: 3px solid #f7931e;
	box-sizing: border-box;
}

/* レスポンシブ */
@media all and (max-width: 972px) {
	#link section > div.inner {
		width: 95%;
	}
}

/* **************************************************************** */
/* privacypolicy */
/* **************************************************************** */
.pdb5 {
	padding-bottom: 5%;
}

#privacy-policy table th,
#privacy-policy table td {
	width: 100%;
	display: block;
	text-align: left;
}

#privacy-policy table th {
	color: #004da0;
	padding-top: 2%;
}

#privacy-policy table td {

}

/* レスポンシブ */
@media all and (max-width: 972px) {
	#privacy-policy section > div.inner {
		width: 95%;
	}
}

/* **************************************************************** */
/* contact */
/* **************************************************************** */
.form {
	margin: auto;
	max-width: 620px;
	width: 100%;
	max-height: 800px;
}

/* **************************************************************** */
/* news */
/* **************************************************************** */

#news .news_area {
	position: relative;
	padding: 2%;
}

#news .news_box .news_area {
	display: block;
	margin: auto;
	max-width: 800px;
	vertical-align: middle;
}

#news .news_box .topics_ttl {
	display: block;
	margin: 10px auto;
	text-align: center;
}

#news .news_box .news_area {
	display: block;
	margin: 10px auto;
	padding: 0px 10px;
}

#news .news_box .news_area .news_table {
	margin: auto;
	width: initial;
}

#news .news_box .news_area .news_th, 
#news .news_box .news_area .news_td {
	display: block;
	padding: 0px 5px;
	width: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	box-sizing: border-box;
}

#news .news_box .news_area .news_th {
	max-width: 400px;
}

#news .news_box .news_area .news_td {
	max-width: initial;
}

#news .news_box .more {
	display: block;
	margin: 10px auto;
	text-align: center;
}

/* レスポンシブ */
@media all and (max-width: 972px) {
	#news .news_area .news_table .news_th, 
	#news .news_area .news_table .news_td {
		display: block;
		padding: 0px 5px;
		width: 100%;
		text-align: left;
		word-break: break-all;
		word-wrap: break-word;
		box-sizing: border-box;
	}
}

/* **************************************************************** */
/* レスポンシブ */
/* **************************************************************** */
@media all and (max-width: 972px) {	/* 以下 */
	html,
	body {
		font-size: 13px;
	}

	.site-header {
		height: 70px;
		padding:12px 0;
	}

	.products_back .flex,
	.fact_box .flex,
	/*.back2 .flex,*/
	/*.back3 .flex,*/
	.csr_box
	/*,.csr_cont .flex*/ {
		display: grid;
	}

	.products_back .flex div,
	.fact_box .flex div,
	.csr_back1 .flex div {
		width: 100%;
	}

	.products_back {
		height: 1050px;
	}

	.policy_back {
		height: 85px;
	}

	.w30 img {
		max-width: 357px;
		padding: 0;
		margin: auto;
	}

	.w60 img {
		max-width: 414px;
	}

	.fact_box .pdr2,
	.fact_box .pdt3 {
		padding: 0;
	}

	.w30, 
	.w60 {
		margin: auto;
	}

	.fact_box .box1,
	.csr_box .box1 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}

	.fact_box .box2,
	.csr_box .box2 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}

	.fb_back {
		height: 750px;
	}

	.fnav {
		display: none;
	}

	.sec_ttl_img {
		padding-bottom: 3%;
		padding-left:	0;
		margin: auto;
		max-width: 220px;
		display: block;
		padding-top: 3%;
	}

	.com1 {
		width: 90%;
	}

	.flex2 {
		display: grid;
	}

	.com3 {
		padding: 0%;
	}

	.back8,
	.back9 {
		display: block;
	}

	.back4,
	.back5 {
		display: none;
	}

	.back6 .flex2 div {
		width: 100%;
	}

	.back7 {
		height: 230px;
	}

	.ceo {
		width: 100%;
		max-width: 200px;
		margin: auto;
		padding-bottom: 3%;
	}

	.csr_box .pd3 {
		padding: 			0;
	}

	.csr1,
	.csr2,
	.csr3,
	.csr4 {
		width: 100%;
		padding: 0;
	}

	.csr1 p,
	.csr2 p,
	.csr3 p,
	.csr4 p {
		padding: 2%;
	}

	.sp_img1 {
		display: block;
		width: 98%;
		margin: auto;
	}

	.pc_img1 {
		display: none;
	}

	.tour_back1 .pd3 {
		padding: 0;
	}

	.intern_box {
		border-radius: 75px;
	}

	.double-border {
		width: 90%;
	}

	.news_area, 
	.blog_img {
		position: initial;
	}

	.blog_img {
		margin: auto;
		max-width: 150px;
	}

	.news_title {
		padding-left: 0;

	}

	.job1 .flex div {
		width: 45%;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	.comp_back2 th,
	.overview th,
	.info_back1 th,
	.comp_back2 td,
	.overview td,
	.info_back1 td {
		padding: 2%;
	}

	.more2 {
		width: 78px;
	}
}

@media screen and (max-width: 710px) {
	.gnav li {
		width: 15%;
	}

	.more2 {
		margin-left: 		25%;
	}
}

@media screen and (max-width: 550px) {
	.more2 {
		margin-left: 20%;
	}
}

@media screen and (max-width: 470px) {
	.more2 {
		margin-left: 15%;
	}
}

@media screen and (max-width: 410px) {
	.more2 {
		margin-left: 10%;
	}
}

@media screen and (max-width: 375px) {
	.more2 {
		margin-left: 7%;
	}
}

@media screen and (max-width: 350px) {
	.prev, 
	.next {
		width: 90px;
	}

	.more2 {
		margin-left: 5%;
	}
}

@media screen and (max-width: 320px) {
	.more2 {
		margin-left: 4%;
	}
}

/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb {
		width: 100%;
		max-width: 360px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb {
		width: 500px;
	}
}

.section_products{
	padding-top: 50px;
}

.iframe_wrapper {
	position: relative;
	padding-top: 60%;
	width: 100%;
}

.iframe_wrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.intern2021 {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}

/* **************************************************************** */
/* レシピページ一覧 */
/* **************************************************************** */
#recipe .recommend_recipe{
	text-align:center;
	margin-bottom:20px;
}

#recipe .recipe2_type1 {
    box-sizing: border-box;
    width: 98%;
    padding: 30px 15px;
    margin: 0 auto 40px;
    text-align: center;
    background-color: #ffedca;
}

#recipe .recipe2_box {
    box-sizing: border-box;
    width: 100%;
    padding: 0 3% 20px 4%;
    text-align: left;
	font-size:0px;
}

#recipe .recipe2_item {
	display: inline-block;
    box-sizing: border-box;
    width: 31%;
    margin: 15px 1%;
    vertical-align: top;
    background-color: #fff;
    box-shadow: 2px 2px 10px #bbb;
    font-size: 16px;
}
#recipe .recipe2_item  img{
	width: 100%;
    height: 260px;
    object-fit: cover;
}

#recipe .recipe2_item  h4{
	color:#333;
	font-size:120%;
	font-weight:bold;
	padding:20px 10px;

}	

#recipe .recipe2_box a{
	text-decoration:none;
}

#recipe .paginate {
	box-sizing:				border-box;
	width:					100%;
	padding:				20px 10px;
	text-align:				center;
	font-size:				110%;
}
#recipe .paginate a,
#recipe .paginate span {
	display:				inline-block;
	padding:				2px 10px;
	margin:					2px;
	border:					solid 1px #754c24;
	border-radius:			4px;
	float:					none;
	color:					#754c24;
	width:					auto;
	background-color:		#fff;
}

#recipe .paginate a:hover {
    color: #fff;
    background-color: #754c24;
}

@media all and (max-width: 972px) {	/* 以下 */
	#recipe .recipe2_item{
	width: 46%;
    margin: 0px 1.8% 30px;
	}
}

@media all and (max-width: 767px) {	/* 以下 */
	#recipe .recipe2_item{
		width: 98%;
    margin: 0px 1% 30px;
	}
}

/* **************************************************************** */
/* レシピページ詳細 */
/* **************************************************************** */
 #recipe_single{
	 padding-left:10px;
	 padding-right:10px;
	 box-sizing:border-box;
 }

 #recipe_single .page_title{
 	font-size: 28px;
    font-weight: bold;
    background-color: #E60012;
    color: #fff;
    margin-bottom: 20px;
    padding: 15px 10px;
    box-sizing: border-box;
	border-radius:2px;
}

#recipe_single .iframe_wrapper{
	position: relative;
    padding-top: 56.25%;
    width: 100%;
}

#recipe_single .iframe_wrapper iframe{
	position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#recipe_single .thumb_image{
	text-align:center;
 }

#recipe_single .cook_headline{
 	box-sizing: border-box;
    width: 100%;
    padding: 8px 0px 4px;
    margin-top: 10px;
    color: #ffaf58;
    font-size: 110%;
    line-height: 120%;
	font-weight:bold;
}

#recipe_single .cook_headline span{
	box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 4px;
}

#recipe_single .cook_table{
	box-sizing: border-box;
    width: 100%;
    margin-bottom: 40px;
}

#recipe_single .cook_table th{
	box-sizing: border-box;
    width: 200px;
    padding: 10px 20px;
    background-color: #ffdf7e;
    border-bottom: 2px solid #fff;
    vertical-align: top;
    text-align: left;
}

#recipe_single .cook_table td{
    box-sizing: border-box;
    padding: 10px 20px;
    border-bottom: 2px solid #fff;
	background-color: #fffaf4;
}

#recipe_single .cook_title,
#recipe_single .comment_title{    
	padding: 0.5em;
  	color: #494949;
  	background-color: #fffaf4;
  	border-left: solid 5px #ffaf58;
	font-size:16px;
}

#recipe_single .cook_title span,
#recipe_single .comment_title span{
	box-sizing: border-box;
    display: block;
    width: 100%;
}

#recipe_single .cook_text,
#recipe_single .comment_text{
	margin:10px 0px 30px;
	font-size:16px;
}

#recipe_single .paginate{
	box-sizing: border-box;
    width: 100%;
    padding: 20px 10px;
    text-align: center;
    font-size: 110%;
}

#recipe_single .paginate a,
#recipe_single .paginate span {
    display: inline-block;
    padding: 2px 10px;
    margin: 2px;
    border: solid 1px #754c24;
    border-radius: 4px;
    float: none;
    color: #754c24;
    width: auto;
    background-color: #fff;
}

#recipe_single .paginate a:hover {
    color: #fff;
    background-color: #754c24;
}


/* ヘッダー2行になったメニューの行間を詰める */
nav.gnav #header_menu > li > a {
  height: auto !important;
  line-height: 1.1 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}