@import url(notosansjapanese.css);
@import url(css.css);

html{height:100%;}
body {margin:0; padding:0; font-size:93.7%; font-family:'Noto Sans Japanese','Open Sans' , sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック"; line-height:1.7em; color:#333; position:relative; letter-spacing:0.1em; overflow-wrap:break-word;word-wrap:break-word; top:0 !important;}
body.en_site{word-break:normal;}
header,main,article,section,nav,footer{display:block;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; font-size:100%;}
input , textarea{font-family:'Open Sans' ,'Noto Sans Japanese', sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック"; line-height:1.7em; color:#444; position:relative; letter-spacing:0.1em;overflow-wrap:break-word;word-wrap:break-word;}
select{font-family:'Open Sans' ,'Noto Sans Japanese', sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal; font-weight:normal;}
em{font-style:normal; font-weight:500;}
ol,ul{list-style:none;}
caption{ text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
#contents table.form_table td input[type="text"] , #contents table.form_table td input[type="tel"] ,
#contents table.form_table td input[type="email"] , textarea , input[type="submit"],input[type="button"]{
	-webkit-appearance: none;
	border-radius: 0;
}
/* ↑ここまでリセットcss */
body > .skiptranslate{display:none !important;}

/* フォーム入力欄 */
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc; opacity:1;}
:-ms-input-placeholder{color:#ccc;}
input:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder{color:transparent;}

.cf:after{content:""; clear:both; display:block;}
#contents a{color:#058739; text-decoration:underline;}
#contents a.top_link{background:url(../image/arrow_top_green.svg) no-repeat left center; padding:0 0 0 20px; color:#058739 !important;}
#contents a:visited{color:#7D5892;}
#contents a:hover{text-decoration:none;}
#contents a:hover img{opacity:0.8;}
#contents a[target="_blank"]{background:url(../image/icon_popup_green.svg) 0 center no-repeat; padding-left:15px;}
#contents a.non[target="_blank"]{background:none; padding-left:0;}
#contents a[href$=".pdf"]{background:url(../image/icon_pdf.svg) no-repeat left top 6px; padding-left:20px !important;}
#contents a[href$=".doc"],#contents a[href$=".docx"]{background:url(../image/icon_word.svg) no-repeat left top 6px; padding-left:20px !important;}
#contents a[href$=".xls"],#contents a[href$=".xlsx"]{background:url(../image/icon_excel.svg) no-repeat left top 6px; padding-left:20px !important;}
#contents .link_pdf a[href$=".pdf"]{padding-left:0 !important;}
#contents a[href^="tel:"]{color:#333; text-decoration:none; cursor:text;}

/*-------------------------------------------------------------
	ページに関する指定
-------------------------------------------------------------*/
#nojs {width:940px; background:#fff; color:#f00; padding:25px; border:5px solid #F00; text-align:center; margin:120px auto 0;}

.nojs_list{
	position:absolute;
	z-index:60000;
	top:0;
	left:0;
	text-align:center;
	width:100%;
}
.nojs_list img{display:block; margin:60px auto 20px;}
.nojs_list p{margin:20px 0 40px; padding:0 20px;}
.nojs_list #footer_wrap{text-align:left;}
.nojs_list .footer_bottom ul li{text-align:left;}
.nojs_list #footer_wrap > div a , .nojs_list .footer_bottom ul li a{color:#333;}

.preload *{
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-ms-transition:none !important;
	-o-transition:none !important;
	transition:none !important;
}

/* ヘッダー */
header{
	position:fixed;
	z-index:500;
	left:0;
	top:0;
	width:100%;
	transition:background 0.3s;
	z-index:600;
}
#header_wrap{padding:0 40px;}

#logo{float:left; margin:20px 0 0; transition:margin 0.3s;}
#logo h1 a{transition:all 0.3s;}
#logo h1, #logo h1 img{display:block; width:110px; transition:all 0.3s;}

#menu{float:right; transition:all 0.3s;}
#menu a{color:#FFF; text-decoration:none; transition:all 0.3s;}

#menu > nav{float:left; font-size:93.3%;}
#menu > nav > ul > li{float:left;}
#menu > nav > ul > li:first-child{margin-left:0;}
#menu > nav > ul > li > a{
	font-weight:500;
	padding:39px 19px;
	display:block;
	position:relative;
	font-size:107.2299%;
}
#menu > nav > ul > li > a > span{position:relative; padding:0 0 5px;}
#menu > nav > ul > li > a.on > span{border-bottom:1px solid #FFF;}
#menu > nav > ul > li > a > span::after{
	display:block;
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background:#333;
	opacity:0;
	bottom:0;
	left:0;
	transition:all 0.3s;
}
#menu > nav > ul > li:hover > a > span::after , #menu > nav > ul > li > a.on > span::after{opacity:1;}

#sub_nav{
	float:left;
	position:relative;
	margin:23px 0 0 31px;
	font-size:73.33333%;
	transition:all 0.3s;
}
/* #sub_nav::before{
	background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	content:"";
	display:block;
	height:12px;
	position:absolute;
	width:1px;
	left:0;
	top:7px;
	transition:all 0.3s;
} */
#sub_nav > ul > li{position:relative; float:left; margin-left:30px;}
#sub_nav > ul > li:first-child{margin-left:0 !important;}
#sub_nav > ul > li::after{
	position:absolute;
	content:"";
	width:1px;
	height:12px;
	background:#ccc;
	top:calc(50% - 6px);
	left:-17px;
}
#sub_nav > ul > li > a{font-weight:500; position:relative; cursor:pointer; color:#757575;border-bottom:1px solid transparent;transition:border-color 0.3s;padding-top:5px;padding-bottom:5px;}
#sub_nav > ul > li > a:hover{border-color:#757575;}

/* #sub_nav > ul > li > a::after{
	display:block;
	content:"";
	position:absolute;
	left:0;
	background:#FFF;
	bottom:-13px;
	opacity:0;
	transition:all 0.3s;
	height:1px;
	width:100%;
} */
#sub_nav > ul > li > a:hover::after{opacity:1;}
#nav_contact a{background:url(../image/icon_contact_grey.svg) no-repeat left center/14px;padding-left:18px;}
#nav_lang > a{background:url(../image/icon_language_grey.svg) no-repeat left center / 14px 14px; padding-left:20px;}

#lang_wrap{display:table; margin:0 auto;}
#lang_wrap > div{display:table-cell;}
#lang_txt{
	color:#FFF;
	padding-right:8px;
	vertical-align:bottom;
}
.goog-te-gadget{color:#FFF !important;}
.header_smaller #menu a.goog-logo-link{color:#FFF !important;}

.en_link{border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:25px;}
.en_link a{
	display:block;
	width:238px;
	height:52px;
	border:1px solid #FFFFFF;
	margin:0 auto 30px;
	font-size:125%;
	color:#FFF !important;
	line-height:49px;
	transition:all 0.3s;
}
.en_link a span{background:url(../image/icon_popup_white.svg) no-repeat left center; padding:0 0 3px 16px;}
.en_link a:hover{background:#FFF; color:#333 !important;}
.en_link a:hover span{background:url(../image/icon_popup_black.svg) no-repeat left center;}

#nav_search > a{background:url(../image/icon_search_grey.svg) no-repeat left center / 14px 14px; padding-left:17px;}

#search_wrap{
	margin:0 auto;
	width:400px;
	border-bottom:1px solid #FFF;
	position:relative;
	padding:0 0 8px;
}
#search_txt{
	display:block;
	width:100%;
	box-sizing:border-box;
	background:none;
	border:none;
	font-size:125%;
	padding:0 50px 0 20px;
	color:#FFF;
}
:placeholder-shown{color:#777; font-weight:bold;}
::-webkit-input-placeholder{color:#777; font-weight:bold;}
:-moz-placeholder{color:#777; font-weight:bold;}
::-moz-placeholder{color:#777; font-weight:bold;}
:-ms-input-placeholder{color:#777; font-weight:bold;}
#search_btn{
	position:absolute;
	border:none;
	background:url(../image/icon_search_white.svg) no-repeat center center / 18px 18px;
	height:32px;
	width:32px;
	display:block;
	right:13px;
	top:-1px;
	z-index:5000;
	cursor:pointer;
	font-size:0;
}


.modal-content{
	width:500px;
	margin:1.5em auto 0;
	padding:10px 20px;
	z-index:5000;
	position:fixed;
	display:none;
	text-align:center;
}
.modal-wrap > h2{margin-bottom:38px;}
.modal-p{margin-top:1em;}
.modal-p:first-child{margin-top:0;}
.button-link{color:#00f; text-decoration:underline;}
.button-link:hover{cursor:pointer; color:#f00;}
.modal-wrap > p{margin-top:38px;}
#menu a.modal-close{
	color:#FFF !important;
	font-size:125%;
	background:url(../image/icon_close.svg) no-repeat left center;
	padding:0 0 3px 23px;
	cursor:pointer;
}
#menu a.modal-close:hover{opacity:0.8;}
#overlay{
	z-index:4900;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

/* ドロップダウン */
.dropdown_bg{
	display:none;
	position:absolute;
	left:0;
	top:71px;
	width:100%;
	padding:20px 0 50px;
}
#menu > nav > ul > li:hover > .dropdown_bg{z-index:500;}
.dropdown_wrap{width:1100px; margin:0 auto;}

.dropdown_wrap h2{
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	position:relative;
	padding:0 0 14px 13px;
}
.dropdown_wrap h2::before{
	background:#FD0017;
	display:block;
	content:"";
	height:1px;
	width:7px;
	position:absolute;
	left:0;
	top:12px;
}
.dropdown_wrap h2 a{
	font-size:114.3%;
	font-weight:bold;
	transition:all 0.3s;
}
.dropdown_wrap h2 a:hover{color:#FD0017 !important;}
.dropdown_wrap > ul{
	display:flex;
	flex-wrap:wrap;
	margin:17px 0 0;
}
.dropdown_wrap > ul > li{
	width:25%;
	box-sizing:border-box;
	position:relative;
	padding:0 15px;
	margin:0 0 10px;
}
.dropdown_wrap ul li::before{
	position:absolute;
	content:"";
	display:block;
	width:7px;
	height:1px;
	background:#FD0017;
	left:0;
	top:14px;
}
#menu .dropdown_wrap ul li a:hover{color:#FD0017;}
.dropdown_wrap > ul > li > a.on > span , .dropdown_wrap > ul.dd_namicsway > li > a.on > div > span{border-bottom: 1px solid #FFF; transition:border-color .3s;}
.dropdown_wrap > ul > li > a.on:hover > span , .dropdown_wrap > ul.dd_namicsway > li > a.on:hover > div > span{border-color:#FD0017;}

/* namicswayドロップダウン */
.dropdown_wrap > ul.dd_namicsway > li{
	width:23.1%;
	margin-right:2.5%;
	padding:0;
}
.dropdown_wrap > ul.dd_namicsway > li::before{display:none;}
.dropdown_wrap > ul.dd_namicsway > li:nth-child(4n){margin-right:0;}
.dropdown_wrap > ul.dd_namicsway > li > a > img{width:100%; height:auto;}
.dropdown_wrap > ul.dd_namicsway > li > a > div{
	display:block;
	padding-left:12px;
	position:relative;
}
.dropdown_wrap > ul.dd_namicsway > li > a > div::before{
	position:absolute;
	content:"";
	display:block;
	width:7px;
	height:1px;
	background:#FD0017;
	left:0;
	top:14px;
}
#js-gnav-layer{
	width:100%;
	display:none;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.75);
	z-index:500;
}


header{background:#FFF;}
#logo{margin:13px 0 17px;}
#menu > nav > ul > li > a{
	padding:21px 19px;
	box-sizing:border-box;
	height:70px;
	color:#333;
}
#menu a{color:#fff;}
#nav_lang > a{background:url(../image/icon_language_grey.svg) no-repeat left center / 14px 14px;}
#nav_search > a{background:url(../image/icon_search_grey.svg) no-repeat left center / 14px 14px;}
/* 縮小ヘッダー */
/* .header_smaller #logo h1 a{
	background:url(/img/common/logo.svg) no-repeat left center / 108px 40px;
	display:block;
	height:40px;
	width:108px;
} */
/* #logo h1 img{display:none;} */

/* .header_smaller #menu > nav > ul > li > a > span::after{background:#333;} */
/* .header_smaller #sub_nav{margin:23px 0 0 17px;} */
.header_smaller #sub_nav::before{background:#999;}
.header_smaller #sub_nav > ul > li > a::after{background:#333;}

/* 縮小ドロップダウン */
.header_smaller .dropdown_bg{top:70px;}
.header_smaller .dropdown_bg .dropdown_wrap{padding-top:31px;}
.header_smaller #menu .dropdown_bg a{color:#FFF;}

#toggle { display: none;}

/* 下層ヘッダー */
header.content_header{background:#FFF;}
/* header.content_header #logo h1, header.content_header #logo h1 a{width:108px; height:40px;} */
/* header.content_header #logo h1 a{background:url(/img/common/logo.svg) no-repeat center center / 108px 40px; display:block;} */
/* header.content_header #logo h1 img{display:none;} */
/* header.content_header #menu > nav > ul > li > a{color:#333; padding:23px 15px 21px;} */
header.content_header #sub_nav > ul > li > a{color:#757575;}
header.content_header #menu > nav > ul > li > a > span::after{background:#333;}

/* header.content_header .dropdown_bg{top:90px;} */
.dropdown_wrap{padding-top:11px;}

header.content_header #sub_nav::before{background:#999;}
/* header.content_header #nav_lang > a{background:url(/img/common/icon_language_black.svg) no-repeat left center / 14px 14px;}
header.content_header #nav_search > a{background:url(/img/common/icon_search_black.svg) no-repeat left center / 14px 14px;} */

header.content_header.header_smaller .dropdown_bg{top:70px;}
/* header.content_header.header_smaller #menu > nav > ul > li > a{padding:21px 19px;} */


/* フッター */
footer{
	background:#333;
	color:#FFF;
	padding:0 20px;
}
#footer_wrap{
	margin:0 auto;
	width:1100px;
	padding:62px 0 0;
	display:flex;
}
#footer_wrap > div{width:19%; margin-right:1.25%;}
#footer_wrap > div:last-child{margin-right:0;}
#footer_wrap > div a{
	color:#FFF;
	text-decoration:none;
	transition:color 0.3s;
}
#footer_wrap > div a:hover{text-decoration:none; color:#fd0017;}

#footer_wrap > div > ul > li{
	position:relative;
	padding-left:16px;
	margin:0 0 10px;
	letter-spacing:0;
}
#footer_wrap > div > ul > li::before{
	background:#FD0017;
	content:"";
	display:block;
	height:1px;
	width:10px;
	position:absolute;
	left:0;
	top:13px;
}
#footer_wrap > div > ul > li > a{font-weight:bold; font-size:93.3%;}
#footer_wrap > div > ul > li > ul{margin:10px 0 0;}
.footer_smp_top{display:none;}
#footer_wrap > div > ul > li > ul > li{line-height:1.4em; margin:0 0 4px; padding:0 0 0 5px; position:relative;}
#footer_wrap > div > ul > li > ul > li::before{
	content:"";
	display:block;
	position:absolute;
	background:#FFF;
	width:5px;
	height:1px;
	left:-6px;
	top:13px;
}
#footer_wrap > div > ul > li > ul > li > a{font-size:80%;}
#footer_wrap > div > ul > li > ul > li > ul{padding:2px 0 0 20px;}
#footer_wrap > div > ul > li > ul > li > ul > li{margin:0 0 2px;}
#footer_wrap > div > ul > li > ul > li > ul > li > a{font-size:80%;}
.footer_bottom{
	border-top:1px solid rgba(255,255,255,.2);
	max-width:1100px;
	margin:36px auto 0;
	box-sizing:border-box;
	position:relative;
	padding:40px 0 23px;
}
.footer_bottom ul{
	display:flex;
	justify-content:center;
	margin:0 0 35px;
}
.footer_bottom ul li:not(:last-child){
	margin-right:20px;
}
.footer_bottom ul li a{
	color:#FFF;
	font-size:73.3%;
	text-decoration:none;
	transition:color 0.3s;
}
.footer_bottom ul li.footer_amic a{background:url(../image/icon_popup_white.svg) no-repeat left center / 9px 9px; padding:0 0 0 15px;}

.footer_bottom ul li a:hover{color:#fd0017; text-decoration:none;}
.footer_box{
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
footer small{
	display:block;
	font-size:66.7%;
}

#return{position:relative;}
#return a {
	position:absolute;
	display:block;
	color:#333;
	text-decoration:none;
	width:65px;
	height:60px;
	left:0;
	right:0;
	margin:auto;
	transform:translateY(-50%);
	font-size:66.7%;
}
#return a::after{
	display:block;
	content:"";
	height:40px;
	width:1px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background:rgb(51,51,51);
	background:-moz-linear-gradient(top,  rgba(51,51,51,1) 50%, rgba(255,255,255,1) 50%);
	background:-webkit-linear-gradient(top,  rgba(51,51,51,1) 50%,rgba(255,255,255,1) 50%);
	background:linear-gradient(to bottom,  rgba(51,51,51,1) 50%,rgba(255,255,255,1) 50%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff',GradientType=0 );
	transition:all 0.3s;
}
#return a:hover::after{height:50px;}
#return a span{
	display:block;
	position:absolute;
	top:-19px;
	width:100%;
	text-align:center;
}

/* トップ */
#lines{
	position:fixed;
	z-index:-1;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#lines > div{
	position:absolute;
	background:#EEE;
	width:1px;
	height:0;
	top:0;
	z-index:-1;
	transition:height 2s;
}
#lines.on > div{height:100%;}
#lines > div:first-child{left:calc(50% - 184px);}
#lines > div:nth-child(2){right:calc(50% - 183px);}
#lines > div:nth-child(3){left:calc(50% - 550px);}
#lines > div:last-child{right:calc(50% - 550px);}

#index_wrap img{
	height:auto;
}

#index_nav{
	position:fixed;
	right:32px;
	top:0;
	bottom:0;
	margin:auto;
	z-index:200;
	height:235px;
}
#index_nav ul li{margin:10px 0;}
#index_nav ul li a{
	display:block;
	font-size:0;
	text-decoration:none;
	position:relative;
	width:22px;
	height:22px;
	transition:all 0.3s;
}
#index_nav ul li a::before{
	display:block;
	position:absolute;
	content:"";
	width:6px;
	height:6px;
	border-radius:10px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background:#FFF;
	transition:all 0.3s;
}
#index_nav ul li a::after{
	display:block;
	content:"";
	position:absolute;
	height:20px;
	width:20px;
	border:1px solid #FFF;
	border-radius:25px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	transform:scale(0);
	transition:all 0.3s;
}
#index_nav ul li a:hover::before , #index_nav ul li a.current::before{color:#FFF;}
#index_nav.color ul li a::before{background:#333;}
#index_nav.color ul li a::before , #index_nav.color ul li a:hover::before , #index_nav.color ul li a.current::before{background:#058E24;}
#index_nav.color ul li a::after{border-color:#058E24;}
#index_nav ul li a:hover::after{transform:scale(0.7);}
#index_nav ul li a.current::after{transform:scale(1);}

#mv{
	height:100vh;
	align-items:center;
	justify-content:center;
	position:relative;
	display:flex;
	box-sizing:border-box;
	padding:5px 0 0;
	overflow:hidden;
}
.slide_wrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	overflow:hidden;
}
.slide , .slick-list{width:100%; height:100%;}
.slide img{display:none;}
.slick-track{height:100%;}
.slick-slide.slide_1{background:url(../image/slide_1.jpg) no-repeat center center / cover;}
.slick-slide.slide_2{background:url(../image/slide_2.jpg) no-repeat center center / cover;}
.slick-slide.slide_3{background:url(../image/slide_3.jpg) no-repeat center center / cover;}
.slick-slide.slide_4{background:url(../image/slide_4.jpg) no-repeat center center / cover;}


#mv > h1{color:#FFF; text-align:center; position:relative; z-index:2; mix-blend-mode:screen;}
#mv > h1 > img{
	display:block;
	margin:auto;
}
#mv > h1 > img.ie_catch{display:none;}
@media all and (-ms-high-contrast: none){
	#mv > h1 > img.normal_catch{display:none;}
	#mv > h1 > img.ie_catch{display:block;}
}
@supports (-ms-ime-align: auto) {
	#mv > h1 > img.normal_catch{display:none;}
	#mv > h1 > img.ie_catch{display:block;}
	#index_way_list li a .readmore , #contents .c1_txt p.more{transition:none !important;}
	#contents ul#pro_cate_list li a{transition:background-color .3s !important;}
}
#mv > h1 span{
	font-size:133.3%;
	letter-spacing:0.16em;
	display:inline-block;
	margin:30px 0 0;
}

#scroll_wrap{
	position:relative;
	bottom:0;
	font-size:66.7%;
	color:#FFF;
	text-align:center;
	top:-47px;
	z-index:10;
}
#scroll_wrap::after{
	content:"";
	display:block;
	width:1px;
	height:40px;
	position:absolute;
	left:0;
	right:0;
	top:28px;
	margin:auto;
	background:rgb(0,0,0);
	background:-moz-linear-gradient(top,  rgba(255,255,255,1) 49%, rgba(0,0,0,1) 49%);
	background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(0,0,0,1) 49%);
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 49%,rgba(0,0,0,1) 49%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}

.index_wrap{width:1100px; padding:0 20px; margin:0 auto;}

a.index_green_btn{
	display:block;
	background:#058E24;
	color:#FFF;
	text-decoration:none;
	font-size:86.7%;
	width:240px;
	height:55px;
	position:relative;
	box-sizing:border-box;
	padding:13px 0 0 20px;
	transition:all 0.3s;
}
a.index_green_btn::after{
	content:"";
	width:30px;
	height:1px;
	background:rgb(255,255,255);
	background:-moz-linear-gradient(left,  rgba(255,255,255,1) 50%, rgba(51,51,51,1) 50%);
	background:-webkit-linear-gradient(left,  rgba(255,255,255,1) 50%,rgba(51,51,51,1) 50%);
	background:linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(51,51,51,1) 50%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#333333',GradientType=1 );
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:-15px;
}
a.index_green_btn:hover{background:#333;}

#index_sec1{position:relative; padding:78px 0 70px;}
#index_sec1::before{
	content:"";
	display:block;
	position:absolute;
	height:535px;
	width:100%;
	background:rgb(0,140,35);
	background:-moz-linear-gradient(-45deg,  rgba(0,140,35,1) 0%, rgba(104,177,60,1) 100%);
	background:-webkit-linear-gradient(-45deg,  rgba(0,140,35,1) 0%,rgba(104,177,60,1) 100%);
	background:linear-gradient(135deg,  rgba(0,140,35,1) 0%,rgba(104,177,60,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	bottom:0;
	opacity:0.5;
}

#index_wrap section h2{font-size:200%; font-weight:bold; line-height:1.8em; letter-spacing:0.08em;}
#index_wrap section h2 span{font-size:40%;}
#index_sec4 h2 span , #index_sec5 h2 span , #index_sec6 h2 span{display:block; margin:-8px 0 0;}
#index_pro_l h2 span , #index_wor_r h2 span{margin:0 0 0 15px;}

#index_sec1 h2{text-align:center; margin:0 0 30px;}
#index_sec1 .index_wrap{position:relative; z-index:10;}
#index_way_list{display:flex; margin:0 0 40px;}
#index_way_list li{width:23.1%; box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.1); margin-right:2.5%;}
#index_way_list li:last-child{margin-right:0;}
#index_way_list li a{
	display:block;
	background:#FFF;
	text-decoration:none;
	color:#333;
	position:relative;
	height:100%;
}
#index_way_list li a .thum{position:relative;}
#index_way_list li a .thum::before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgb(0,140,35);
	background:-moz-linear-gradient(-45deg,  rgba(0,140,35,1) 0%, rgba(104,177,60,1) 100%);
	background:-webkit-linear-gradient(-45deg,  rgba(0,140,35,1) 0%,rgba(104,177,60,1) 100%);
	background:linear-gradient(135deg,  rgba(0,140,35,1) 0%,rgba(104,177,60,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	opacity:0;
	visibility:hidden;
	transition:all 0.3s;
}
#index_way_list li a .thum img{display:block;}
#index_way_list li a .thum img.way_img{width:100%;}
#index_way_list li a .thum img.no{position:absolute; left:20px; top:-25px;}
#index_way_list li a .cap{padding:13px 20px 56px;}
#index_way_list li a .cap h3{
	font-weight:bold;
	font-size:93.3%;
	margin-bottom:11px;
}
#index_way_list li a .cap p{font-size:80%; line-height:1.7em;}
#index_way_list li a .readmore{
	font-weight:bold;
	font-size:86.7%;
	position:absolute;
	bottom:14px;
	right:0;
	padding:0 54px 0 0;
	background:url(../image/arrow_black.svg) no-repeat right 20px center / 25px 5px;
	transition:background-position 0.3s;
}

#index_way_list li a:hover .thum::before{visibility:visible; opacity:0.5;}
#index_way_list li a:hover .readmore{background-position:right 15px center;}

#way_btn a.index_green_btn{margin:0 auto;}

#index_sec2{
	position:relative;
	padding:130px 0 30px;
	overflow:hidden;
}
#index_sec2::before{
	position:absolute;
	content:"";
	display:block;
	background:url(../image/background.png) repeat;
	width:calc(50% + 183px);
	bottom:0;
	right:0;
	height:300px;
}
#index_pro_box{position:relative;}
#index_pro_l{width:81.8%;}
#index_pro_l h2{margin:0 0 20px;}
#index_pro_l img{width:100%;}
#index_pro_r{width:45.5%; position:relative; margin:-155px 0 0 auto;}
#index_pro_r > div{background:#FFF; box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.1); padding:46px 30px 76px;}
#index_pro_r div h3{font-size:120%; margin-bottom:12px; font-weight:bold;}
#index_pro_r div p{font-size:80%; line-height:1.7em;}
#index_pro_r a.index_green_btn{margin:-28px 35px 0 auto;}


#index_sec3{position:relative; padding:80px 0 30px; overflow:hidden;}
#index_sec3::before{
	position:absolute;
	content:"";
	display:block;
	background:url(../image/background.png) repeat;
	width:calc(50% + 183px);
	bottom:0;
	left:0;
	height:300px;
}
#index_wor_box{position:relative;}
#index_wor_r{width:81.8%; margin:0 0 0 auto;}
#index_wor_r h2{margin:0 0 20px;}
#index_wor_r img{width:100%;}
#index_wor_l{margin:-155px 0 0 0 ; position:relative; width:45.5%;}
#index_wor_l > div{background:#FFF; box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.1); padding:46px 30px 76px;}
#index_wor_l div h3{font-size:120%; margin-bottom:12px; font-weight:bold;}
#index_wor_l div p{font-size:80%; line-height:1.7em;}
#index_wor_l a.index_green_btn{margin:-28px 35px 0 auto;}

#index_sec4{padding:150px 0 0;}
#index_sec4 h2{text-align:center; margin:0 0 30px;}
#index_comp_bg{height:600px; background:url(../image/pic_company.jpg) no-repeat center center / cover;}
#index_comp_bg img{display:none;}
#index_sec4 .index_wrap{position:relative; z-index:100;}
#index_sec4 .index_wrap > div{background:#FFF; margin:-100px 0 0; box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.1); padding:50px 20px 60px;}
#index_sec4 ul{text-align:center; max-width:810px; margin:auto;}
#index_sec4 ul li{
	display:inline-block;
	position:relative;
	margin-bottom:18px;
	padding:0 30px;
}
#index_sec4 ul li::before , #index_sec4 ul li::after{
	content:"";
	display:block;
	background:#DDD;
	width:1px;
	height:12px;
	position:absolute;
	top:9px;
}
#index_sec4 ul li::before{left:-1px;}
#index_sec4 ul li::after{right:0;}
#index_sec4 ul li a{
	text-decoration:none;
	color:#333;
	font-size:93.3%;
	transition:all 0.3s;
}
#index_sec4 ul li a:hover{color:#058E24;}
#index_sec4 a.index_green_btn{margin:-26px auto 0;}

#index_sec5{padding:70px 0 30px; position:relative; margin-bottom: 100px;}
#index_sec5::before{
	display: block;
	content: "";
	background: url(../image/background.png) repeat;
	height: 300px;
	width: calc(50% + 280px);
	margin: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}
#index_sec5 h2{text-align:center; margin:0 0 15px;}

#index_recruit_box{position:relative;}
#index_recruit_l{width:81.8%;}
#index_recruit_l h2{margin:0 0 20px;}
#index_recruit_l img{width:100%;}
#index_recruit_r{width:46%; position:relative; margin:-155px 100px 0 auto;}
#index_recruit_r > div{background:#FFF; box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.1); padding:42px 42px 96px;}
#index_recruit_r div h3{font-size:133.333%; margin-bottom:18px; font-weight:bold; letter-spacing: 2px;}
#index_recruit_r div p{font-size:80%; line-height:1.7em;}
#index_recruit_r a.index_green_btn{margin:-28px 35px 0 auto;}

#index_sec6{
	background:-moz-linear-gradient(-45deg,  rgba(0,140,35,0.5) 0%, rgba(104,177,60,0.5) 100%);
	background:-webkit-linear-gradient(-45deg,  rgba(0,140,35,0.5) 0%,rgba(104,177,60,0.5) 100%);
	background:linear-gradient(135deg,  rgba(0,140,35,0.5) 0%,rgba(104,177,60,0.5) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80008c23', endColorstr='#8068b13c',GradientType=1 );
	padding:60px 0 110px;
}
#index_sec6 h2{text-align:center; margin:0 0 23px;}
#index_sec6 .index_wrap > div{background:#FFF; padding:34px 50px 50px;}

#index_news_nav{padding:0 40px;}
#index_news_nav li{
	display:inline-block;
	margin-right:40px;
}
#index_news_nav li a{
	display:block;
	color:#888;
	text-decoration:none;
	height:100%;
	position:relative;
	transition:all 0.3s;
	padding:0 0 20px;
	cursor:pointer;
}
#index_news_nav li a::after{
	background-color:#333;
	height:3px;
	left:0;
	position:absolute;
	bottom:0;
	transform-origin: right top 0;
	transform:scale(0, 1);
	transition:transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	width:100%;
	content:"";
	transition:-webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

#index_news_nav li a:hover , #index_news_nav li.active a{color:#333;}
#index_news_nav li a:hover::after , #index_news_nav li.active a::after{
	transform:scale(1);
	transform-origin:left top 0;
}


.news_list{border-top:1px solid #DDD;}
.news_list li{border-bottom:1px solid #DDD;}
.news_list li a{
	display:table;
	width:100%;
	box-sizing:border-box;
	padding:19px 40px;
	color:#333;
	text-decoration:none;
	font-size:86.7%;
	transition:all 0.3s;
}
.news_list li.news_none{
	padding:19px 40px;
	font-size:86.7%;
}
.news_list li a > div{display:table-cell;}
.news_day{width:122px;}
.news_cate{width:119px;}
.news_cate > span{
	background:#333;
	color:#FFF;
	display:inline-block;
	font-size:84.6%;
	height:24px;
	text-align:center;
	width:100px;
	line-height:24px;
}

.news_list li a:hover{background:#F2F2F2;}
.fade{transition:opacity 0.3s;}
.smp_img{display:none;}

#index_sec7{background:url(../image/background.png) repeat left top; padding:70px 0 90px;}
#index_sec7 a{
	display:flex;
	width:100%;
	text-decoration:none;
	color:#333;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
}
#index_sec7 a > div{width:50%; background:#FFF; box-sizing:border-box;}
.amic_img{position:relative;}
.amic_img::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgb(0,140,35);
	background:-moz-linear-gradient(-45deg, rgba(0,140,35,1) 0%, rgba(104,177,60,1) 100%);
	background:-webkit-linear-gradient(-45deg, rgba(0,140,35,1) 0%,rgba(104,177,60,1) 100%);
	background:linear-gradient(135deg, rgba(0,140,35,1) 0%,rgba(104,177,60,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	opacity:0;
	visibility:hidden;
	transition:all 0.3s;
}
#index_sec7 a:hover .amic_img::after{visibility:visible; opacity:0.5;}
.amic_img img{display:block; width:100%;}
.amic_img img.tab_img{display:none;}
.amic_txt{padding: 30px 30px 0; position:relative;}
.amic_txt h2{margin-bottom:10px;}
.amic_txt p{font-size:80%; line-height:1.7em;}
.amic_txt p.to_amic_txt{font-weight:bold; position:absolute; right:30px; bottom:27px;}
.amic_txt p.to_amic_txt span{background:url(../image/icon_popup_black.svg) no-repeat left center; padding:0 0 0 17px;}

.index_fade_over{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#FFF;
	z-index:50000;
}


/* 下層 */
#contents{padding-top:70px;}

.c1_h1_wrap{
	position:relative;
	min-height:450px;
	overflow:hidden;
}
.c1_h1_wrap::before{
	display:block;
	content:"";
	width:57.7%;
	height:300px;
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	position:absolute;
	left:-100%;
	top:150px;
	opacity:.7;
	transition:all .5s cubic-bezier(.7,0,.3,1);
}
.c1_h1_wrap.on::before{left:0;}
.c1_h1_img_wrap{
	position:absolute;
	right:0;
	top:0;
	height:400px;
	width:80%;
}
.c1_h1_img{width:100%; height:100%; background:url(../image/h1_company.jpg) no-repeat center center / cover; position:relative;}
.c1_h1_img::before , .c1_h1_img::after{
	display:block;
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.c1_h1_img::before{
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	transition:all .4s cubic-bezier(.7,0,.3,1);
	transition-delay:.15s;
}
.c1_h1_img::after{transition:all .5s cubic-bezier(.7,0,.3,1); background:#FFF;}
.on .c1_h1_img::before , .on .c1_h1_img::after{left:100%;}

.c1_h1_img img{display:none;}
.c1_h1_img.company{background:url(../image/h1_company.jpg) no-repeat center center / cover;}
.c1_h1_area{
	width:1100px;
	margin:auto;
	position:relative;
	z-index:10;
	padding:198px 0 0;
	overflow:hidden;
}
.c1_h1_box{width:600px;}
.c1_h1_bg{padding:26px 30px 38px 50px; position:relative; overflow:hidden;}
.c1_h1_bg::before{
	content:"";
	display:block;
	position:absolute;
	left:-100%;
	top:0;
	width:100%;
	height:100%;
	background:#FFF;
	z-index:-1;
	transition:all .65s cubic-bezier(.7,0,.3,1);
}
.on .c1_h1_bg::before{left:0;}

.c1_h1_bg div{
	position:relative;
	font-size:80%;
	text-transform:uppercase;
	font-weight:500;
	color:#333;
	padding:0 0 0 50px;
	margin:0 0 14px;
}
.c1_h1_bg div::before{
	display:block;
	content:"";
	background:#333;
	width:40px;
	height:1px;
	position:absolute;
	top:1px;
	bottom:0;
	left:0;
	margin:auto;
}
.c1_h1_bg h1{font-size:200%; font-weight:bold; line-height:1.2em;}
.c1_area{width:1100px; margin:auto;}

#contents ul#c1_list{
	list-style:none;
	padding:0;
	margin:86px 0 0;
	display:flex;
	flex-wrap:wrap;
}
#contents ul#c1_list li{
	width:31.5%;
	margin-right:2.75%;
	margin-bottom:91px;
}
#contents ul#c1_list li:nth-child(3n){margin-right:0;}
#contents ul#c1_list.col2 li{width:48.5%;margin-right:3%;}
#contents ul#c1_list.col2 li:nth-child(2n){margin-right:0;}
#contents ul#c1_list.company li:first-child ,
#contents ul#c1_list.company li:nth-child(2) ,
#contents ul#c1_list.insight li{
	width:48.6%;
	margin-bottom:97px;
}
#contents ul#c1_list.company li:first-child ,
#contents ul#c1_list.insight li{margin-right:2.8%;}
#contents ul#c1_list.company li:nth-child(2) ,
#contents ul#c1_list.insight li:nth-child(2n){margin-right:0;}
#contents ul#c1_list.company li:nth-child(3n){margin-right:2.75%;}
#contents ul#c1_list.company li:nth-child(3n + 2){margin-right:0;}
#contents ul#c1_list.company li:first-child .c1_txt ,
#contents ul#c1_list.company li:nth-child(2) .c1_txt ,
#contents ul#c1_list.insight li .c1_txt{
	padding:25px 30px 49px;
}
#contents ul#c1_list.company li:first-child .c1_txt h2 ,
#contents ul#c1_list.company li:nth-child(2) .c1_txt h2 ,
#contents ul#c1_list.insight li .c1_txt h2{
	font-size:120%;
}


#contents ul#c1_list li a{
	display:block;
	color:#333;
	text-decoration:none;
	padding:50.4% 0 0;
	position:relative;
	height:100%;
	box-sizing:border-box;
}
#contents ul#c1_list.company li:first-child a, #contents ul#c1_list.company li:nth-child(2) a ,
#contents ul#c1_list.insight li a{padding:52.4% 0 0;}
.c1_thum{
	position:absolute;
	top:0;
	overflow:hidden;
	width:100%;
	height:195px;
}
#contents ul#c1_list.company li:first-child a .c1_thum , #contents ul#c1_list.company li:nth-child(2) a .c1_thum ,
#contents ul#c1_list.insight li a .c1_thum{height:auto;}
#contents ul#c1_list.col2 .c1_thum{height:300px !important;}
.c1_thum img{
	display:block;
	width:100%;
	height:auto;
	transition:transform .3s;
}
a:hover .c1_thum img{transform:scale(1.1);}
.c1_thum::before{
	content:"";
	display:block;
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:10;
	transition:opacity .3s;
}
.c1_txt{
	background:#FFF;
	margin:0 20px 0;
	position:relative;
	z-index:20;
	padding:24px 26px 44px;
	height:100%;
	box-sizing:border-box;
}
#contents .c1_txt h2,
.products .c1_txt div{
	margin:0 0 17px;
	font-size:106.7%;
	padding:0;
	font-weight:bold;
}
#contents .c1_txt h2::after{display:none;}
#contents .c1_txt p{margin:0; font-size:86.7%; line-height:1.7em;}
#contents .c1_txt p.more{
	position:absolute;
	right:0;
	bottom:14px;
	background:url(../image/arrow_black.svg) no-repeat right 20px center / 25px 5px;
	padding:0 54px 0 0;
	transition:background-position 0.3s;
}

#contents ul#c1_list li a:hover .c1_thum::before{opacity:.5;}
#contents ul#c1_list li a:hover img{opacity:1;}
#contents ul#c1_list li a:hover p.more{background-position:right 15px center;}

/* c2 */
.content_all_wrap{
	position:relative;
}
.local_nav_wrap{
	position:-webkit-sticky;
	position:sticky;
	top:80px;
	z-index:50;
}
#local_nav{
	position:absolute;
	right:40px;
	top:30px;
	z-index:10;
}
#contents .local_top_btn a{
	display:block;
	text-decoration:none;
	background:rgba(0,0,0,0.85);
	color:#FFF;
	font-size:80%;
	position:relative;
	font-weight:500;
	min-width:160px;
	box-sizing:border-box;
	padding:7px 15px 7px 54px;
	transition:background .3s;
}
#contents .local_top_btn a:hover{background:rgba(65,65,65,.85);}
#contents .local_top_btn a::before , #contents .local_top_btn a::after , #contents .local_top_btn a span{
	display:block;
	content:"";
	background:#FFF;
	left:23px;
	position:absolute;
	width:18px;
	height:2px;
	transition:all .3s;
}
#contents .local_top_btn a::before{top:11px; transform-origin:right top;}
#contents .local_top_btn a span{top:19px; font-size:0; transform-origin:right center;}
#contents .local_top_btn a::after{bottom:11px;transform-origin:right bottom;}
#toggle a.open::before , #toggle a.open::after{
	width:22px;
	height:3px;
}
#contents .local_top_btn a.open::before{
	transform:rotate(-45deg) translate3d(-5px, -6px, 0px);
	width:24px;
	height:3px;
}
#contents .local_top_btn a.open span{transform:scale(0);}
#contents .local_top_btn a.open::after{
	transform:rotate(45deg) translate3d(-5px, 6px, 0px);
	width:24px;
	height:3px;
}
#contents #local_nav ul{
	padding:16px 20px 30px;
	margin:16px 0 0;
	list-style:none;
	position:absolute;
	white-space:nowrap;
	right:0;
	background:rgba(0,0,0,0.85);
	box-sizing:border-box;
	min-width:240px;
	display:none;
	overflow-y: scroll;
	height: calc(100vh - 150px);
	max-height: 280px;
}
#contents #local_nav ul::before{
	position:absolute;
	content:"";
	display:block;
	border-style:solid;
	border-width:0 6px 6px 6px;
	border-color:transparent transparent rgba(0,0,0,0.85) transparent;
	top:-6px;
	right:20px;
}
#contents #local_nav ul li{
	border-bottom:rgba(255,255,255,0.3) 1px solid;
}
#contents #local_nav ul li a{
	color:#FFF;
	text-decoration:none;
	font-size:80%;
	position:relative;
	display:block;
	padding:7px 5px 8px 34px;
}
#contents #local_nav ul li a::before{
	content:"";
	display:block;
	background:#FFF;
	width:7px;
	height:1px;
	top:20px;
	left:20px;
	position:absolute;
}
#contents #local_nav ul li a span{border-bottom:1px solid rgba(255,255,255,0); transition:border-color .3s; padding:0 0 3px;}
#contents #local_nav ul li a:hover span , #contents #local_nav ul li.on a span{border-color:rgba(255,255,255,1);}
#contents #local_nav ul li.local_top a{
	font-size:93.3%;
	font-weight:500;
	padding:7px 5px 13px 14px;
}
#contents #local_nav ul li.local_top a::before{
	background:#FD0017;
	left:0;
	top:19px;
}


.c2_h1_wrap{
	position:relative;
	overflow:hidden;
	min-height:250px;
}
.c2_h1_wrap::before{
	content:"";
	display:block;
	width:80%;
	height:200px;
	background:url(../image/background.png) repeat left top;
	position:absolute;
	left:-100%;
	top:50px;
	transition:all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c2_h1_wrap.on::before{left:0;}
.c2_h1_wrap::after{
	content:"";
	display:block;
	width:80%;
	height:200px;
	position:absolute;
	right:-100%;
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	opacity:.7;
	top:0;
	transition:all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c2_h1_wrap.contact_form::after{background:url(../image/h1_contact.jpg) no-repeat center/cover;}
.c2_h1_wrap.on::after{right:0;}
.c2_h1_area{
	max-width:1100px;
	margin:auto;
	padding:87px 20px 0;
	overflow:hidden;
}
.c2_h1_box{
	overflow:hidden;
	width:600px;
	position:relative;
	z-index:10;
}
.c2_h1_box div,.pro_parent_cate{
	position:relative;
	font-size:80%;
	color:#333;
	padding-left:100px;
	text-transform:uppercase;
	font-weight:500;
}
.c2_h1_box div::before,.pro_parent_cate::before{
	display:block;
	content:"";
	background:#333;
	width:40px;
	height:1px;
	position:absolute;
	top:1px;
	bottom:0;
	left:51px;
	margin:auto;
}
.products .c2_h1_box div{padding-left: 75px;}
.products .c2_h1_box div::before,.pro_parent_cate::before{width: 15px;}
.c2_h1_box h1{
	width:600px;
	font-size:173.3%;
	font-weight:bold;
	color:#333;
	box-sizing:border-box;
	padding:33px 30px 37px 49px;
	margin:7px 0 0;
	line-height:1.2em;
	overflow:hidden;
	position:relative;
}
.c2_h1_box h1::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:#FFF;
	position:absolute;
	left:-100%;
	top:0;
	z-index:-1;
	transition:all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.on .c2_h1_box h1::before{
	left:0;
}
.pro_parent_cate {
	max-width:1100px;
	padding:0 20px 0 75px;
	margin:0 auto 6px;
	box-sizing: border-box;
	font-weight: bold;
}
/* 特殊c2h1 */
.c2_h1_wrap.message , .c2_h1_wrap.appeal , .c2_h1_wrap.topmessage,
.c2_h1_wrap.data , .c2_h1_wrap.recruiter , .c2_h1_wrap.job ,
.c2_h1_wrap.welfare , .c2_h1_wrap.training , .c2_h1_wrap.office-tour{
	background:url(../image/pic_message.jpg) no-repeat center center / cover;
	height:540px;
}
.c2_h1_wrap.appeal{background:url(../image/h1_appeal.jpg) no-repeat center center / cover;}
.c2_h1_wrap.topmessage{background:url(../image/h1_message.jpg) no-repeat center center / cover;}
.c2_h1_wrap.data{background:url(../image/h1_data.jpg) no-repeat center center / cover;}
.c2_h1_wrap.recruiter{background:url(../image/h1_recruiter.jpg) no-repeat center center / cover;}
.c2_h1_wrap.job{background:url(../image/h1_job.jpg) no-repeat center center / cover;}
.c2_h1_wrap.welfare{background:url(../image/h1_welfare.jpg) no-repeat center center / cover;}
.c2_h1_wrap.training{background:url(../image/h1_training.jpg) no-repeat center center / cover;}
.c2_h1_wrap.office-tour{background:url(../image/h1_office-tour.jpg) no-repeat center center / cover;}
.c2_h1_wrap.message::before , .c2_h1_wrap.message::after ,
.c2_h1_wrap.appeal::before , .c2_h1_wrap.appeal::after ,
.c2_h1_wrap.topmessage::before , .c2_h1_wrap.topmessage::after,
.c2_h1_wrap.data::before , .c2_h1_wrap.data::after ,
.c2_h1_wrap.recruiter::before , .c2_h1_wrap.recruiter::after ,
.c2_h1_wrap.job::before , .c2_h1_wrap.job::after ,
.c2_h1_wrap.welfare::before , .c2_h1_wrap.welfare::after ,
.c2_h1_wrap.training::before , .c2_h1_wrap.training::after ,
.c2_h1_wrap.office-tour::before , .c2_h1_wrap.office-tour::after{
	display:block;
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:1;
}
.c2_h1_wrap.message::before ,
.c2_h1_wrap.appeal::before ,
.c2_h1_wrap.topmessage::before,
.c2_h1_wrap.data::before,
.c2_h1_wrap.recruiter::before,
.c2_h1_wrap.job::before,
.c2_h1_wrap.welfare::before,
.c2_h1_wrap.training::before,
.c2_h1_wrap.office-tour::before{
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	transition:all .5s cubic-bezier(.7,0,.3,1);
	transition-delay:.2s
}
.c2_h1_wrap.message::after ,
.c2_h1_wrap.appeal::after ,
.c2_h1_wrap.topmessage::after,
.c2_h1_wrap.data::after,
.c2_h1_wrap.recruiter::after,
.c2_h1_wrap.job::after,
.c2_h1_wrap.welfare::after,
.c2_h1_wrap.training::after,
.c2_h1_wrap.office-tour::after{
	transition:all .6s cubic-bezier(.7,0,.3,1);
	background:#FFF;
}
.on.c2_h1_wrap.message::before , .on.c2_h1_wrap.message::after ,
.on.c2_h1_wrap.appeal::before , .on.c2_h1_wrap.appeal::after ,
.on.c2_h1_wrap.topmessage::before , .on.c2_h1_wrap.topmessage::after,
.on.c2_h1_wrap.data::before,.on.c2_h1_wrap.data::after,
.on.c2_h1_wrap.recruiter::before,.on.c2_h1_wrap.recruiter::after,
.on.c2_h1_wrap.job::before,.on.c2_h1_wrap.job::after,
.on.c2_h1_wrap.welfare::before,.on.c2_h1_wrap.welfare::after,
.on.c2_h1_wrap.training::before,.on.c2_h1_wrap.training::after,
.on.c2_h1_wrap.office-tour::before,.on.c2_h1_wrap.office-tour::after{
	left:100%;
}
.message .c2_h1_area ,
.appeal .c2_h1_area ,
.topmessage .c2_h1_area,
.data .c2_h1_area ,
.recruiter .c2_h1_area ,
.job .c2_h1_area ,
.welfare .c2_h1_area ,
.training .c2_h1_area ,
.office-tour .c2_h1_area{
	padding:198px 20px 0;
}
.message .c2_h1_box ,
.appeal .c2_h1_box ,
.topmessage .c2_h1_box,
.data .c2_h1_box ,
.recruiter .c2_h1_box ,
.job .c2_h1_box ,
.welfare .c2_h1_box ,
.training .c2_h1_box ,
.office-tour .c2_h1_box{
	background:#FFF;
	padding:26px 0 0;
	display:inline-block;
	width:auto;
	transition-delay:.9s;
}
.message .c2_h1_box h1 ,
.appeal .c2_h1_box h1 ,
.topmessage .c2_h1_box h1,
.data .c2_h1_box h1 ,
.recruiter .c2_h1_box h1 ,
.job .c2_h1_box h1 ,
.welfare .c2_h1_box h1 ,
.training .c2_h1_box h1 ,
.office-tour .c2_h1_box h1{
	display:inline-block;
	width:auto;
	margin:0;
	padding:14px 47px 38px 50px;
	font-size:200%;
}

.content_area{width:900px; margin:auto;}

.company_soshiki{text-align: center;}

#contents h2{
	font-size:160%;
	font-weight:bold;
	position:relative;
	margin:86px 0 29px;
	padding:0 0 24px;
}
#contents h2::after{
	content:"";
	display:block;
	width:50px;
	height:2px;
	background:#4CAE65;
	position:absolute;
	left:0;
	bottom:0;
}
#contents h3{
	font-size:133.3%;
	font-weight:bold;
	border-bottom:2px solid #CCC;
	margin:40px 0 23px;
	padding:0 0 18px;
}
#contents h3.h3_non{
	font-size:133.3%;
	font-weight:bold;
	border-bottom:none;
	margin:40px 0 20px;
	padding:0;
}
#contents p.bor_t{
	border-top:2px solid #CCC;
	padding-top:18px;
}
#contents h4{
	font-size:106.7%;
	font-weight:bold;
	margin:40px 0 18px;
	position:relative;
	padding-left:20px;
}
#contents h4::before{
	display:block;
	content:"";
	width:10px;
	height:2px;
	background:#CCC;
	position:absolute;
	left:0;
	top:12px;
}
#contents h5{
	font-weight:bold;
	margin:40px 0 18px;
}

#contents p{margin:10px 0;}
#contents .content_area > p:first-child {
	margin-top: 85px;
}

.txt_center{text-align:center !important;}
.txt_right{text-align:right !important;}
.ver_center{vertical-align:middle !important;}

.smp_br{display:none;}
.pc_br{display: inline;}

.mt_0{margin-top:0 !important;}
.mb_0{margin-bottom:0 !important;}

#contents ul , #contents ol{
	margin:10px 0;
	padding-left:15px;
}
#contents ul{list-style:disc;}
#contents ol{list-style:decimal;}
#contents ul.list_alpha{list-style:upper-latin;padding-left:30px;}

#contents table{
	border-top:#DDD 1px solid;
	border-left:#DDD 1px solid;
	font-size:93.3%;
	width:100%;
	margin:20px 0;
}
#contents table th , #contents table td{
	border-right:#DDD 1px solid;
	border-bottom:#DDD 1px solid;
	text-align:left;
	padding:14px 22px 15px;
	background:#FFF;
	vertical-align:top;
}
#contents table th{
	background:#F7F7F7;
	width:28%;
}

#contents .specification_wrap .table{overflow-x: auto;}
#contents .specification_wrap .table::-webkit-scrollbar{height:5px;}
#contents .specification_wrap .table::-webkit-scrollbar-track{border-radius:5px; background:#eee;}
#contents .specification_wrap .table::-webkit-scrollbar-thumb{border-radius:5px; background:#666;}
#contents .specification_wrap .table table{white-space:nowrap;}
.sp_table_txt{display:table; margin: auto;}
#contents .sp_table_txt p{margin:0; display:table-cell; padding:5px 0 5px 40px; background:url(../image/icon_mouse.svg) no-repeat left center;}
#contents .specification_wrap table th, #contents .specification_wrap table td{padding:10px 15px;}

#contents ul.pl_link{
	list-style:none;
	padding:0;
	margin:22px 0 0;
	overflow:hidden;
}
#contents ul.pl_link li{float:left; margin-right:27px;}
#contents ul.pl_link li:last-child{margin-right:0;}
#contents ul.pl_link li a{
	color:#333;
	font-size:80%;
	text-decoration:none;
	background:url(../image/arrow_bottom_green.svg) no-repeat left center / 10px 6px;
	padding:0 0 1px 17px;
	transition:color .3s;
}
#contents ul.pl_link li a:hover{color:#058739;}
#contents .txt_center ul.pl_link{display:inline-block;}

.column_2 , .column_3{display:flex; flex-wrap:wrap;}
.column_2 > div{
	margin-right:3.4%;
	width:48.3%;
	margin-bottom:20px;
}
.column_3 > div{
	margin-right:3.35%;
	width:31.1%;
	margin-bottom:20px;
}
.column_2 > div:nth-child(2n) , .column_3 > div:nth-child(3n){margin-right:0;}
.column_2 > div > table:first-child , .column_3 > div > table:first-child{margin-top:0 !important;}

.content_area > .column_2:first-child , .content_area > .column_3:first-child{margin-top:50px;}

.txt_box{overflow:hidden; height:100%; margin-bottom:20px;}
.txt_box .img{float:left; margin-right:20px;}
.txt_box .img_r{float:right; margin-right:0; margin-left:20px;}
.txt_box .img img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	margin:auto;
}
.txt_box .txt{overflow:hidden; height:100%;}
.txt_box .txt > table:first-child , #contents .txt_box .txt > p:first-child{margin-top:0 !important;}
.acc_box{
	margin:26px 0;
	border:1px solid #ccc;
}
.acc_head{
	position:relative;
	font-size:120%;
	letter-spacing:1.44px;
	font-weight:bold;
	padding:16px 40px 17px 20px;
	cursor:pointer;
}
.acc_head::before,
.acc_head::after{
	position:absolute;
	content:"";
	width:16px;
	height:2px;
	background:#46A536;
	top:calc(50% - 1px);
	right:20px;
	transition:transform 0.3s;
}
.acc_head::after{transform:rotate(90deg);}
.acc_head.acc_open::after{transform:rotate(0);}
.acc_content{
	display:none;
	padding:23px 30px 6px;
	border-top:1px solid #ccc;
}
.acc_content h3{
	font-size:106.66666% !important;
	letter-spacing:1.28px !important;
	border-bottom:none !important;
	padding-bottom:0 !important;
	margin-top:0 !important;
	margin-bottom:10px !important;
}
.content_footer{width:1000px; margin:auto;}
#pager{
	border-bottom:1px solid #333;
	overflow:hidden;
	padding:0 10px 10px;
	margin:95px 0 0;
}
#pager_l{float:left;}
#pager_r{float:right;}
#contents #pager a{
	color:#333;
	text-decoration:none;
	font-size:86.7%;
	position:relative;
	transition:color .3s;
	display:inline-block;
}
#contents #pager a:hover{color:#058739;}
#contents #pager a::before{
	content:"";
	display:block;
	position:absolute;
	width:10px;
	height:1px;
	background:#4CAE65;
	top:14px;
}

#contents #pager_l a{padding:0 0 0 18px;}
#contents #pager_l a::before{left:0;}
#contents #pager_r a{padding:0 18px 0 0;}
#contents #pager_r a::before{right:0;}


#pankuzu {margin:23px auto 81px; font-size:73.3%;}
#contents #pankuzu ul{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0; overflow:hidden;}
#contents #pankuzu ul li{margin-right:8px;white-space:nowrap;}
#contents #pankuzu ul li a{color:#333; text-decoration:none; margin-right:3px;white-space:normal;}
#contents #pankuzu ul li a:hover{text-decoration:underline;}

#map{margin:30px auto 0;}
img.catch_img {margin:0 -50px 5px;}

.g_border_box{
	border:1px solid #DDD;
	background:#FFF;
	margin:30px 0 0;
	padding:15px 48px 36px;
}
#contents .g_border_box h3{
	border:none;
	padding:0;
	font-size:120%;
	margin:30px 0 20px;
}

#contents a.btn{
	display:inline-block;
	position:relative;
	min-width:240px;
	background:#058E24;
	color:#FFF;
	text-decoration:none;
	font-size:86.7%;
	text-align:left;
	box-sizing:border-box;
	padding:14px 20px 17px 20px;
	transition:background .3s;
	margin:20px 0 0;
}
#contents a.btn::after{
	content:"";
	width:30px;
	height:1px;
	background:rgb(255,255,255);
	background:-moz-linear-gradient(left,  rgba(255,255,255,1) 50%, rgba(51,51,51,1) 50%);
	background:-webkit-linear-gradient(left,  rgba(255,255,255,1) 50%,rgba(51,51,51,1) 50%);
	background:linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(51,51,51,1) 50%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#333333',GradientType=1 );
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:-15px;
}
#contents a.btn:hover{background:#333;}

#contents a.btn.btn_b{background:#333;}
#contents a.btn.btn_b:hover{background:#058E24;}

.cta_contact_wrap{
	background:url(../image/background.png) repeat center center;
	margin:100px -50px 0;
	padding:48px 20px 40px;
}
#contents .cta_contact_wrap h2{
	margin:0 0 33px;
	text-align:center;
	padding:0;
	font-size:200%;
	letter-spacing:.08em;
}
#contents .cta_contact_wrap h2::after{display:none;}
#contents .cta_contact_wrap h2 span{
	display:block;
	font-size:40%;
	margin:15px 0 0;
}

#contents .cta_contact_wrap a.btn{
	margin:14px 0 0;
	width:320px;
	padding:13px 0 17px;
	text-align:center;
}
.font_s {font-size: 80%;}

/* INSHIGHT */
.c1_h1_img.insight{background:url(../image/h1_insight.jpg) no-repeat center center / cover;}

.sbg_h1_bg{
	background:url(../image/pic_small-but-global_catch.jpg) no-repeat center center / cover;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
	height:540px;
}
.sbg_h1_wrap{width:1000px;}
.sbg_h1_txt_bg{background:rgba(255,255,255,.8); width:544px; box-sizing:border-box; padding:45px 0 25px 50px;}
.sbg_n_c , .ins_n_c{display:table;}
.sbg_n_c > span , .ins_n_c > span{display:table-cell; vertical-align:middle; position:relative;}
.sbg_n_c > span.sbg_n , .ins_n_c > span.ins_n{font-size:333.3%; font-weight:bold; padding:0 14px 0 0;}
.sbg_n_c > span.sbg_n::before , .ins_n_c > span.ins_n::before{
	content:"";
	display:block;
	width:1px;
	height:30px;
	background:#333;
	position:absolute;
	top:0;
	bottom:4px;
	right:0;
	margin:auto;
}
.sbg_n_c > span.sbg_c , .ins_n_c > span.ins_c{font-size:146.7%; font-weight:bold; padding:0 0 8px 21px;}
.sbg_h1_wrap h1{font-weight:bold; font-size:186.7%; line-height:1.7em; margin:37px 0;}

#contents .sbg_h1_bg + .content_area > p:first-child , #contents .ins_h1_bg + .content_area > p:first-child{margin-top:43px;}
#contents .ins_area h2{font-size:186.7%; margin:74px 0 42px; padding:0;}
#contents .ins_area h2::after{display:none;}
#contents .ins_area p{font-size:93.3%; margin:17px 0;}
#contents .ins_area .column_2 p{margin-top:-6px;}
#contents ul.ins_slide{margin:28px 0 25px; padding:0;}

.ins_h1_bg{height:540px; width:100%;}
.ins_h1_bg.ins_history{background:url(../image/pic_history_catch.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_life{background:url(../image/pic_life_catch.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_global{background:url(../image/pic_global_catch.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_research{background:url(../image/pic_research_catch.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_contribution{background:url(../image/pic_contribution_catch.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_sbt{background:url(../image/pic_sbt_catch.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_agriculture{background:url(../image/pic_agriculture_catch.jpg) no-repeat center center / cover;}
.ins_h1_wrap{width:1100px; margin:auto; height:100%; position:relative;}
.ins_h1_box{display:table; background:rgba(255,255,255,.8); height:247px; position:relative; top:109px;}
.ins_h1_area{display:table-cell; vertical-align:middle; padding:13px 50px 0 50px;}
.ins_n_c > span.ins_n{padding:0 23px 0 0;}
.ins_n_c > span.ins_n::before{background:#333; bottom:2px;}
.ins_n_c > span.ins_c{padding:0 0 5px 24px;}
.ins_h1_area h1{font-size:186.7%; font-weight:bold; line-height:1.7em; margin:20px 0 0;}

.ins_catch_box{background:#333; color:#FFF; text-align:center; padding:50px 0 45px; margin-bottom:60px;}
#contents .ins_catch_box .ins_area h2{margin-top:0; font-size:200%; margin-bottom:30px;}
#contents .ins_catch_box .ins_area p{font-size:106.7%; margin-bottom:0;}

.ins_area .column_2{margin-top:40px;}
.simply-scroll{margin:0 0 70px;}
.bg_earth{background:url(../image/pic_history_4.jpg) no-repeat center top / cover; height:400px; color:#FFF; text-align:center; padding:80px 20px 0; box-sizing:border-box; margin:70px 0 0;}
#contents .bg_earth h2{font-size:186.7%; padding:0; margin:0 0 27px;}
#contents .bg_earth h2::after{display:none;}
#contents .bg_earth p{font-size:93.3%;}
.life_graph_img{margin:75px 0 -42px;}
.ins_people_bg{height:400px; margin:75px 0 0;}
.ins_people_bg.life_people{background:url(../image/pic_life_6.jpg) no-repeat center center;}
.ins_people_bg.research_people{background:url(../image/pic_research_5.jpg) no-repeat center center;}
.ins_people_bg.contribution_people{background:url(../image/pic_contribution_8.jpg) no-repeat center center;}
.ins_people_wrap{width:900px; margin:auto; display:flex; align-items:center; height:100%}
.ins_people_box{display:table; background:#FFF; min-width:300px; height:234px; position:relative;}
.ins_people_area{display:table-cell; vertical-align:middle; position:relative; padding:0 50px;}
.ins_people_name{font-size:93.3%; margin-top:0 !important;}
.ins_people_name strong{font-weight:bold; font-size:200%; display:inline-block; padding:10px 0 0;}
#contents p.ins_people_date{font-size:73.3%; margin:18px 0 0;}
.smp_ins_history{display:none;}
.history_img_bg{background:url(../image/pic_background.jpg) no-repeat center center / cover; padding:70px 0 80px; margin:70px 0 0;}
#contents .history_img_bg .ins_area h2{margin-top:0; margin-bottom:35px;}
#contents .history_img_bg ul{list-style:none; margin:35px 0 0; padding:0; display:flex; flex-wrap:wrap;}
#contents .history_img_bg ul li{width:17.3%; margin-right:3.375%; margin-bottom:20px;}
#contents .history_img_bg ul li:nth-child(5n){margin-right:0;}
#contents .history_img_bg ul li a{display:block;}
#contents .history_img_bg ul li a img{display:block; width:100%; height:auto;}
.fancybox-close-small{opacity:1; color:#FFF; width:95px; transition:opacity .3s;}
.fancybox-close-small::after{
	content:"閉じる";
	display:inline;
	position:absolute;
	right:15px;
	font-family:'Noto Sans Japanese','Open Sans' , sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";
	top:12px;
	font-size:90%;
}
.fancybox-close-small:hover{opacity:.7;}
.fancybox-close-small svg{width:auto;}
@media all and (-ms-high-contrast: none){
  .fancybox-close-small svg{
	transform:translateX(-19px) translateY(3px);
  }
}

/* 製品紹介 c1-1 */
.c1_h1_img.products{
	background:url(../image/h1_products.jpg) no-repeat center center / cover;
}
#contents .pro_c1_tab ul{
	padding:0;
	list-style:none;
	margin:86px 0 0;
	display:flex;
}
#contents .pro_c1_tab ul li{
	width:31.5%;
	margin-right:2.75%;
}
#contents .pro_c1_tab ul li:last-child{margin-right:0;}
#contents .pro_c1_tab ul li a{
	display:flex;
	justify-content:center;
	align-items:center;
	background:#EDEDED;
	color:#777;
	text-decoration:none;
	box-sizing:border-box;
	position:relative;
	transition:background .3s , color .3s , font-weight .3s;
	padding:9px 10px 10px;
}
#contents .pro_c1_tab ul li a::after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 5px 0 5px;
	border-color:#333 transparent transparent transparent;
	position:absolute;
	bottom:-5px;
	left:0;
	right:0;
	margin:auto;
	opacity:0;
	transition:opacity .3s;
}
#contents .pro_c1_tab ul li a:hover , #contents .pro_c1_tab ul li a.on{
	background:#333;
	color:#FFF;
	font-weight:bold;
}
#contents .pro_c1_tab ul li a:hover::after , #contents .pro_c1_tab ul li a.on::after{opacity:1;}

.case_function_img img{display:block; width:100%; height:auto; margin:50px auto 0;}

#contents ul.pro_top_list{
	list-style:none;
	padding:0;
	margin:55px 0 0;
	display:flex;
	flex-wrap:wrap;
}
#contents ul.pro_top_list > li{
	width:48.6%;
	margin-bottom:50px;
	margin-right:2.8%;
}
#contents ul.pro_top_list > li:nth-child(2n){margin-right:0;}
.pro_top_thum img{display:block; width:100%; height:auto;}
.pro_top_txt{
	background:#FFF;
	position:relative;
	z-index:10;
	margin:-35px 20px 0;
	padding:38px 30px 22px;
}
#contents .pro_top_txt h2{
	margin:0 0 32px;
	font-size:106.7%;
	padding:0 0 17px;
}
#contents .pro_top_txt h2::after{
	background:#333;
	width:40px;
}
#contents .pro_top_txt h2 a{
	color:#333 !important;
	text-decoration:none;
	display:block;
	padding-right: 50px;
	background:url(../image/arrow_black.svg) no-repeat right 10px center / 25px 5px;
	transition:background-position .3s , color .3s;
}
#contents .pro_top_txt h2 a:hover{background-position:right center; color:#058739 !important;}
#contents .pro_top_txt p{font-size:86.7%;}

#contents .pro_top_txt ul{
	list-style:none;
	padding:0;
	margin:27px 0 0;
	font-size:86.7%;
}
#contents .pro_top_txt ul li{
	background:url(../image/arrow_right_black.svg) no-repeat left top 7px / 6px 10px;
	padding:0 0 0 16px;
	box-sizing:border-box;
	line-height:1.7em;
	margin-bottom:10px;
}
#contents .pro_top_txt ul li a{
	font-weight:bold;
	color:#333;
	text-decoration:none;
	transition:color .3s;
}
#contents .pro_top_txt ul li a:hover{
	color:#058739;
}

.function_list .pro_top_txt{
	border:1px solid #CCC;
	margin:0;
	height:100%;
	box-sizing:border-box;
}
.function_list .pro_top_txt ul{
	display:flex;
	flex-wrap:wrap;
}
.function_list .pro_top_txt ul li{width:48%; margin:0 2% 10px 0;}
#contents .pro_top_link.use{
	display:block;
	color:#333;
	text-decoration:none;
}
#contents .pro_top_link.use .pro_top_thum{overflow:hidden;}
#contents .pro_top_link.use img{
	transition:transform .3s;
}
#contents .pro_top_link.use h2{
	position: relative;
	margin:-35px 20px 0;
	font-size:106.7239%;
	padding:40px 55px 40px 20px;
	background:#fff url(../image/arrow_black.svg) no-repeat right 20px center;
	transition:background-position .3s,color .3s;
}
#contents .pro_top_link.use:hover h2{background-position:right 10px center;color:#058739;}
#contents .pro_top_link.use:hover img{opacity:1;transform:scale(1.05);}
#contents .pro_top_link.use h2::after{display:none;}
/* 製品紹介 c1-2 */
.c2_h1_wrap.pro_cate_c1::after{display:none;}
.pro_cate_c1_img{
	display:block;
	width:80%;
	height:200px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}
.pro_cate_c1_img::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:#008c23;
	background:-moz-linear-gradient(-45deg, #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg, #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg, #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	opacity:.7;
	top:0;
	z-index:1
}
.pro_cate_c1_img::after{
	content:"";
	display:block;
	background:#FFF;
	position:absolute;
	width:100%;
	left:0;
	top:0;
	transition:all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	height:100%;
	z-index:2;
}
.c2_h1_wrap.on .pro_cate_c1_img::after{width:0;}
.pro_cate_c1_img img{
	display:block;
	position:absolute;
	top:50%;
	width:100%;
	height:auto;
	transform:translateY(-50%) translateX(-50%);
	left:50%;
}
#contents ul#pro_cate_list{
	list-style:none;
	padding:0;
	margin:85px 0 34px;
	display:flex;
	flex-wrap:wrap;
}
#contents ul#pro_cate_list li{
	width:48.5%;
	margin-right:3%;
	min-height:80px;
	margin-bottom:30px;
}
#contents ul#pro_cate_list.col3 li{
	width:31.5%;
	margin-right:2.75%;
}
#contents ul#pro_cate_list:not(.col3) li:nth-child(2n){margin-right:0;}
#contents ul#pro_cate_list.col3 li:nth-child(3n){margin-right:0;}
#contents ul#pro_cate_list li a{
	display:flex;
	border:#DDD 1px solid;
	box-sizing:border-box;
	height:100%;
	width:100%;
	align-items:center;
	background:url(../image/arrow_black.svg) no-repeat right 20px center / 25px 5px;
	text-decoration:none;
	font-size:106.7%;
	font-weight:bold;
	color:#333;
	padding:10px 50px 15px 23px;
	transition:background-color .3s , background-position .3s;
}
#contents ul#pro_cate_list li a:hover{
	background-color:#EEE;
	background-position:right 15px center;
}
.pro_cate_retuen{
	border-bottom:1px solid #333;
	text-align:center;
	padding-bottom: 27px;
}
.pro_cate_retuen a{
	display:inline-block;
	color:#333 !important;
	padding-left:18px;
	font-size: 93.383%;
	letter-spacing:1.68px;
	font-weight:bold;
	text-decoration:none !important;
	background:url(../image/icon_menu.svg) no-repeat left top 50%;
	transition:color .3s;
}
.pro_cate_retuen a:hover{color:#058739 !important;}

#contents p.cate_desc{margin:60px 0 -30px;}


/* #contents .products ul#c1_list{
	display:block;
	margin-top:55px;
}
#contents .products ul#c1_list li{
	width:100%;
	margin-right:0%;
	margin-bottom: 5.5%;
}
#contents .products ul#c1_list li a {
	display: flex;
	align-items: center;
	padding: 0;
}
#contents .products ul#c1_list li .c1_thum {
	position:relative;
	width:31.5%;
	height:auto;
}
#contents .products ul#c1_list li .c1_thum::before {display: none;}
#contents .products ul#c1_list li .c1_txt {
	margin: 0;
	padding: 24px 0 0;
	width: 63.5%;
	height:auto;
	margin-left: 3%;
} */
/* #contents .products .c1_txt{height:auto;} */
#contents .products .c1_txt p.more {
	/* position: relative; */
	background: url(../image/arrow_black.svg) no-repeat right 10px center /25px 5px;
	padding: 0 42px 0 0;
	margin-left: auto;
	margin-top: 16px;
	text-align: right;
	bottom:0;
}
#contents .products a:hover .c1_txt p.more{background: url(../image/arrow_black.svg) no-repeat right center /25px 5px !important;}
#contents .products .c1_txt h2 span{
	display:block;
	font-size: 75.0165%;
	line-height: 1.9em;
}
.hover_color{transition:color 0.3s;}
a:hover .hover_color{color:#058739 !important;}

.c2_h1_in{
	position:relative;
}
.c2_h1_in::before{
	position:absolute;
	content:"";
	width:80%;
	height:300px;
	background:url(../image/h1_products1.jpg) no-repeat center/cover;
	top: 50px;
	left:-100%;
	transition:left 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .c2_h1_wrap.main.on::before {
	left:auto;
	right: 0;
}
.c2_h1_wrap.main::before {
	top:auto;
	bottom: 50px;
	right: -100%;
	left:auto;
}
.c2_h1_wrap.main .c2_h1_area {
	padding: 87px 20px 128px;
}
.c2_h1_wrap.main.on .c2_h1_in::before{
	left:0;
}


/*
.c2_h1_wrap.pro_fn{
	overflow:visible;
}
.c2_h1_wrap.pro_fn.on::before {
	left:auto;
	right: 0;
}
.c2_h1_wrap.pro_fn::before {
	top: auto;
	bottom: 50px;
	right: -100%;
	left:auto;
}
.pro_fn .c2_h1_area {
	position:relative;
	padding: 83px 20px 132px;
	overflow:visible;
}
.pro_fn .c2_h1_area::before{
	position:absolute;
	content:"";
	width:80vw;
	height:300px;
	background:url(../image/h1_products1.jpg) no-repeat center/cover;
	top: 50px;
	left:-100vw;
	transition:left 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pro_fn.on .c2_h1_area::before{
	left:calc(50% - 50vw);
} */
.c1_cate1_box{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:85px 0 40px;
}
#contents .c1_cate1_txt{
	border:1px solid #CCC;
	margin:0;
	width:48.5%;
	padding:40px 30px 20px;
	margin:0 3% 30px 0;
	box-sizing:border-box;
}
#contents .c1_cate1_txt:nth-child(2n){margin-right:0;}
#contents .c1_cate1_txt h2{
	margin:0 0 32px;
	font-size:106.7%;
	padding:0 0 17px;
}
#contents .c1_cate1_txt h2::after{
	background:#333;
	width:40px;
}
#contents .c1_cate1_txt h2 a{
	color:#333 !important;
	text-decoration:none;
	display:block;
	padding-right:50px;
	background:url(../image/arrow_black.svg) no-repeat right 10px center / 25px 5px;
	transition:background-position .3s , color .3s;
}
#contents .c1_cate1_txt h2 a:hover{background-position:right center; color:#058739 !important;}
#contents .c1_cate1_txt p{font-size:86.7%;}

#contents .c1_cate1_txt ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	padding:0;
	margin:27px 0 0;
	font-size:86.7%;
}
#contents .c1_cate1_txt ul li{
	box-sizing:border-box;
	line-height:1.7em;
	margin-bottom:10px;
	width:45%;
	margin:0 5% 10px 0;
}
#contents .c1_cate1_txt ul li a{
	display:inline-block;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	padding:0 0 0 16px;
	background:url(../image/arrow_right_black.svg) no-repeat left top 7px / 6px 10px;
	transition:color .3s;
}
#contents .c1_cate1_txt ul li a:hover{
	color:#058739;
}

.c2_h1_wrap.cate2::after {display: none;}
.c2_h1_wrap.cate2::before {
	top: 0;
	height: 100%;
}
.c2_h1_wrap.cate2 {min-height: 0;}
.c2_h1_wrap.cate2::before {
	width: 100%;
	background: rgba(104, 177, 60, 0.7);
}
.cate2 .c2_h1_area {padding: 38px 20px 45px;}
.cate2 .c2_h1_box {width: 100%;}
.cate2 .c2_h1_box h1 {width: 100%;}



.c2_h1_wrap.cate_3 {min-height: 0;}
.c2_h1_wrap.cate_3::after {display: none;}
.c2_h1_wrap.cate_3::before {
	width: 100%;
	height: 100%;
	top: 0;
}
.cate_3 .c2_h1_area {padding: 40px 20px 45px;}
.cate_3 .c2_h1_box h1 {width: 100%;}
.cate_3 .c2_h1_box {width: 100%;}
#contents .products h2.cate_3_head {
	font-size: 120.064%;
	margin: 0 0 20px;
	padding: 0 0 17px;
}
#contents .products .h2.cate_3_head::after {
	width: 40px;
}

/* 製品紹介 詳細 */
.products_c2_h1_wrap , .news_c2_h1_wrap{
	position:relative;
	overflow:hidden;
	padding:50px 0;
	margin:0 0 70px;
}
.products_c2_h1_wrap{
	margin-bottom:55px;
	padding:37px 0 50px;
}
.products_c2_h1_wrap::before , .news_c2_h1_wrap::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:url(../image/background.png) repeat center center;
	position:absolute;
	left:-100%;
	top:0;
	transition:left 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.on.products_c2_h1_wrap::before , .on.news_c2_h1_wrap::before{left:0;}
.products_c2_h1_area , .news_c2_h1_area{
	width:1100px;
	margin:auto;
	overflow:hidden;
	position:relative;
	padding:27px 50px 29px;
	box-sizing:border-box;
}
.products_c2_h1_area::before , .news_c2_h1_area::before{
	content:"";
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	background:#FFF;
	top:0;
	left:-100%;
	transition:left 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.on .products_c2_h1_area::before , .on .news_c2_h1_area::before{left:0;}
.products_c2_h1_box , .news_c2_h1_box{position:relative;}
.products_c2_h1_box h1 , .news_c2_h1_box h1{font-weight:bold; font-size:173.3%; line-height:1.7em;}

.products_thum , .news_thum{text-align:center;}
.products_thum img , .news_thum img{max-width:100%; height:auto;}

.pro_yt{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:30px;
}
.pro_yt iframe{
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}

.wp-video{margin:20px 0;}


/* 関連製品 */
.related_list{
	display:flex;
	flex-wrap:wrap;
	padding:0 !important;
	margin:0 -1.66666% 70px 0 !important;
	list-style:none !important;
}
.related_item{
	width:31.6667% !important;
	margin:0 1.666% 40px 0 !important;
}
.related_item:last-child{margin-right:0 !important;}
.related_link{
	display:block !important;
	color:#333 !important;
	text-decoration:none !important;
}
.related_thumb{overflow:hidden;}
.related_thumb img{
	display:block;
	width:100%;
	height:auto;
	margin:0 !important;
	opacity:1 !important;
	transition:transform 0.3s !important;
}
.related_link:hover img{transform:scale(1.05);}
.related_txt{
	position:relative;
	padding:15px 55px 15px 18px;
	margin:-20px 20px 0 !important;
	background:#fff url(../image/arrow_black.svg) no-repeat center right 25px;
	font-size:86.666%;
	font-weight:bold;
	letter-spacing:1.3px;
	line-height:1.461;
	transition:background-position 0.3s !important;
}
a:hover .related_txt{background-position:center right 15px;}

.margin_adjust{
	margin-right:0 !important;
	margin-left:0 !important;
}
.margin_adjust .btn{
	display:inline-block !important;
	padding:15px 0 !important;
	color:#fff !important;
	transition:background 0.3s !important;
}


/* 開発事例 */
.c1_h1_img.works{background:url(../image/h1_works.jpg) no-repeat center center / cover;}
.case_arc{margin-bottom:50px !important;}

#contents ul#c1_list.case_c1 {
	margin-top: 0;
	margin-bottom: -90px;
}
.news_c2_h1_wrap.works_h1 .news_c2_h1_area{padding:49px 50px 53px;}

.works_bl_g_box{
	border:1px solid #D6D6D6;
	border-left:none;
	position:relative;
	padding:27px 25px 25px 35px;
	margin:0 0 40px;
}
.works_bl_g_box::after{
	width:5px;
	height:calc(100% + 2px);
	content:"";
	position:absolute;
	left:0;
	top:-1px;
	background:#008c23;
	background:-moz-linear-gradient(top, #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(top, #008c23 0%,#68b13c 100%);
	background:linear-gradient(to bottom, #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=0 );
}
#contents .works_bl_g_box h2{
	padding:0;
	font-size:173.3%;
	margin:0 0 25px;
}
#contents .works_bl_g_box h2::after{display:none;}
.works_bg_g_box{
	background:#F4F4F4;
	margin:35px 0 0;
	padding:45px 50px;
}
#contents .works_bg_g_box > h3:first-child , #contents .works_bg_g_box > ul:first-child{margin-top:0;}
#contents .works_bg_g_box > *:last-child{margin-bottom:0;}
#contents .works_area ul li{margin-bottom:7px;}
#contents .works_area ul > li:last-child{margin-bottom:0;}
.st_g{color:#388C4C;}
.works_b_g_box{
	border:#61A672 2px solid;
	text-align:center;
	margin:62px 0 30px;
	padding:0 20px 27px;
}
#contents .works_b_g_box h3{
	display:inline-block;
	background:#FFF;
	font-size:133.3%;
	padding:0 17px;
	margin:0;
	border:none;
	transform:translateY(-55%);
}
#contents .works_b_g_box p{margin:-4px 0 0;}
.works_b_gray_box{
	border:#D6D6D6 1px solid;
	margin:25px 0 0;
	padding:21px 29px 23px;
}
#contents .works_b_gray_box table{
	border:none;
	font-size:86.7%;
	margin:0;
	word-break:normal;
}
#contents .works_b_gray_box table th , #contents .works_b_gray_box table td{
	background:none;
	border:none;
	padding:1px 0;
}
#contents .works_b_gray_box table th{font-weight:bold; position:relative; padding:1px 0 1px 13px; width:17%;}
#contents .works_b_gray_box table th::before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:8px;
	width:2px;
	height:12px;
	background:#D6D6D6;
}
.cta_contact_wrap.works_contact{margin:50px -50px 0;}
#contents .cta_contact_wrap.works_contact h2{margin:0 0 31px;}
#contents .cta_contact_wrap.works_contact a.btn{
	width:240px;
	text-align:center;
	padding:15px 0 15px 0;
	margin:41px auto 0;
}
#contents ul.works_flow_2{
	display:flex;
	list-style:none;
	padding:0;
	margin:44px 0 20px;
}
#contents ul.works_flow_2 li{
	width:46.7%;
	margin-right:6.6%;
	border:2px solid #D6D6D6;
	padding:23px 28px 30px;
	box-sizing:border-box;
	position:relative;
	margin-bottom:0;
	background-color: #fff;
}
#contents ul.works_flow_2 li:last-child{margin-right:0;}
#contents ul.works_flow_2 li:first-child::after{
	content:"";
	display:block;
	width:13px;
	height:22px;
	background:url(../image/arrow_right_gray.svg) no-repeat center center / cover;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	right:-9.5%;
}
#contents ul.works_flow_2 li h3{font-size:120%; text-align:center; margin:0 0 13px; padding:0 0 12px;}
#contents ul.works_flow_2 li h4 {margin-top: 0;}
#contents ul.works_flow_2 li video {width: 100%;}
#contents .works_b_gray_box_small {
	max-width:420px;
	width:100%;
	box-sizing: border-box;
	border:2px solid #D6D6D6;
	padding:23px 28px 30px;
	margin: 44px auto 20px;
}
#contents .works_b_gray_box_small h4 { margin-top: 0 !important;}
.works_bg_green{background:#E7F2EA; padding:5px 20px; margin:20px 0 30px;}

#contents .works_area ul li .txt_box .img img{margin-top:5px;}
.img_cap{display:block; text-align:center; font-size:86.7%; margin:6px 0 0;}
.wordbreal_n{word-break:normal;}

#contents table.case03_table tr > th{width:24%;}
#contents table.case03_table tr > th:first-child{width:28%;}
#contents table th.cell_bg_y , #contents table td.cell_bg_y{background:#FFEFBF;}
#contents p.txt_center.cap_txt{font-size:86.7%; margin:-7px 0 27px;}
#contents table.case03_table_2{margin:0; border:none; font-size:100%; font-weight:bold; color:#388C4C;}
#contents table.case03_table_2 th , #contents table.case03_table_2 td{border:none; background:none; font-weight:bold; padding:0;}
#contents table.case03_table_2 th{width:35%;}
#contents table.case03_table_2 tr > td:nth-child(2){width:15%; text-align:right;}
#contents table.case03_table_2 tr > td:nth-child(3){width:50%; box-sizing:border-box; padding-left:50px;}
.case03_ach_img1{margin:0 0 8px;}
.case03_ach_img2{margin:15px 0 0;}

/* 代表ご挨拶 */
#contents h2.comp_message{
	text-align:center;
	font-size:133.3%;
	margin:66px 0 33px;
	padding:0;
}
#contents h2.comp_message::after{display:none;}
#contents p.txt_right.name_r{margin:40px 0 0;}

/* 技術開発への取り組み */
.concept_seeds{
	display:flex;
	align-items:center;
	font-size:86.7%;
	line-height:1.7em;
}
.concept_seeds > div{
	width:48%;
	margin-right:4%;
}
.concept_seeds > div:last-child{margin-right:0;}
#contents .concept_seeds_h3 h3{
	margin:0;
	padding:12px 0;
	border:none;
}
#contents .concept_seeds_h3 h3 img{display:block;}

/* 国内海外拠点 */

#contents .office_wrap table{
	border-color:#CCC;
	border-left:none;
}
#contents .office_wrap table th, #contents .office_wrap table td{
	border-color:#CCC;
	border-right:none;
}
#contents .office_wrap table th{
	background:#FFF;
}

/* 採用情報 */
.c1_h1_wrap.recruit{height:687px;}
.recruit .c1_h1_img{background:url(../image/h1_recruit.jpg) no-repeat center center / cover;}
.recruit .c1_h1_img_wrap{height:600px;}
.recruit.c1_h1_wrap::before{height:400px; bottom:0; top:auto;}
.recruit .c1_h1_box{width:335px;}

.recruit_news{
	background:#FFF;
	width:1160px;
	margin:0 auto;
	position:relative;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	padding:40px 20px;
}
.recruit_news_head{
	width:166px;
	margin-right:23px;
	padding:0 0 29px;
}
#contents .recruit_news_head h2{
	margin:0;
	padding:0;
	font-size:200%;
	line-height:1.8em;
	letter-spacing:0.08em;
	text-align:center;
}
#contents .recruit_news_head h2::after{display:none;}
#contents .recruit_news_head h2 span{
	display:block;
	font-size:40%;
	line-height:1em;
	margin:5px 0 0;
}
.recruit_news_txt{flex:1;}
#contents ul.news_list{
	list-style:none;
	padding:0;
	background:#FFF;
	margin:0;
}
#contents ul.news_list li a{color:#333; text-decoration:none;}

.recruit_top {
	max-width: 960px;
	margin: 80px auto 0 !important;
	padding: 20px 20px 40px !important;
}
.r_cta_title {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.recruit_top .r_btn_box{
	gap: 40px;
}
.recruit_top .btn_b{
	margin: 0 !important;
	width: 390px !important;
	padding: 28px 0 !important;
	font-size: 130% !important;
	background: #058E24 !important;
	transition: background 0.3s !important;
}
.recruit_top .btn_b:hover{
	background: #333 !important;
}

#contents ul#recruit_c1_list{list-style:none; padding:0; margin:100px 0 0;}
#contents ul#recruit_c1_list li{margin-bottom:120px;}
.recruit_c1_wrap{width:1000px; margin:auto;}
.recruit_c1_wrap .c1_thum{
	width:85%;
	position:relative;
	height:auto;
}
.recruit_c1_wrap .c1_thum::after{
	content:"";
	display:block;
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:10;
	transition:opacity .3s;
}
.rec_smp_thum{display:none !important;}
#contents .recruit_c1_wrap a:hover .c1_thum img{opacity:1;}
#contents .recruit_c1_wrap a:hover .c1_thum::after{opacity:.5;}
#contents ul#recruit_c1_list li:nth-child(2n) .c1_thum{
	margin:0 0 0 auto;
}
#contents .recruit_c1_wrap a{
	text-decoration:none;
	color:#333;
	display:block;
}
#contents .recruit_c1_wrap .c1_txt{
	margin:-150px 0 0;
}
#contents ul#recruit_c1_list li:nth-child(2n+1) .c1_txt{
	margin:-150px 0 0 auto;
}
.recruit_c1_wrap .c1_txt{margin:0; padding:35px 35px 70px; width:500px; box-sizing:border-box;}
#contents .recruit_c1_wrap .c1_txt h2 {
	font-size:133.3%;
	margin:0 0 24px;
}
#contents .recruit_c1_wrap .c1_txt p{
	padding:0 4px;
}
#contents .recruit_c1_wrap .c1_txt p.more{
	padding:0 54px 0 0;
}
#contents #recruit_c1_list a:hover .c1_txt p.more{background-position:right 15px center;}

#contents ul#recruit_c1_list li{
	position:relative;
}
#contents ul#recruit_c1_list li:first-child::before{
	content:"";
	display:block;
	width:62.3%;
	height:300px;
	background:url(../image/background.png) repeat left center;
	right:0;
	position:absolute;
	bottom:-50px;
	z-index:-1;
}
#contents ul#recruit_c1_list li:nth-child(2)::before{
	content:"";
	display:block;
	width:367px;
	height:330px;
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	position:absolute;
	bottom:-50px;
	left:calc(50% - 550px);
	opacity:.7;
}
#contents ul#recruit_c1_list li:nth-child(3)::before{
	content:"";
	display:block;
	width:62.3%;
	height:300px;
	background:url(../image/background.png) repeat left center;
	left:0;
	position:absolute;
	bottom:-50px;
	z-index:-1;
}
#contents ul#recruit_c1_list li:nth-child(4)::before{
	content:"";
	display:block;
	width:367px;
	height:330px;
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	position:absolute;
	bottom:-50px;
	right:calc(50% - 550px);
	opacity:.7;
}
#contents ul#recruit_c1_list li:nth-child(5)::before{
	content:"";
	display:block;
	width:62.3%;
	height:300px;
	background:url(../image/background.png) repeat left center;
	right:0;
	position:absolute;
	bottom:-50px;
	z-index:-1;
}
.info_txt{
	margin: 66px auto 28px !important;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
	letter-spacing: 0;
}


.double_area {
	position: relative;
}
.double_area::before{
	content: "";
	display: block;
	position: absolute;
	bottom: -80px;
	height: 354px;
	width: 100%;
	background: linear-gradient(135deg, #008c23 0%, #68b13c 100%);
	opacity: .7;
}
.recruit_list_double {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 50px;
	margin: 193px auto 80px !important;
	max-width: 1140px;
	padding: 0 20px;
}
.recruit_list_double li{
	list-style: none;
}
.recruit_list_double .recruit_c1_wrap {
	width: 100%;
	padding: 0;
}
.recruit_list_double .c1_thum {
	width: 100%;
}
.recruit_list_double .c1_txt {
	margin: -22px 20px 0 20px !important;
	padding: 27px 30px 55px;
	width: calc(100% - 40px);
}
.recruit_list_double .c1_txt h2 {
	font-size: 133.3%;
	margin: 0 0 18px !important;
}
.recruit_list_double .c1_txt p.more {
	bottom: 18px;
}
.recruit #pankuzu {
	max-width: 1000px;
}



/* トップメッセージ */
.topmessage_head{margin:0 0 55px;}
#contents .topmessage_head h2{
	text-align:center;
	margin:73px 0 49px;
	padding:0;
	font-size:233.3%;
}
#contents .topmessage_head h2::after{display:none;}
#contents .topmessage_head p{font-size:93.3%;}

div[class^="topmes_box"]{
	position:relative;
	padding:350px 0 0;
	margin:0 0 60px;
}
div.topmes_box4{padding:490px 0 0;}
div[class^="topmes_box"]::before{
	position:absolute;
	content:"";
	display:block;
	width:86.7%;
	height:400px;
	top:0;
}
div.topmes_box1::before{background:url(../image/pic_message_1.jpg) no-repeat center center / cover; left:0;}
div.topmes_box2::before{background:url(../image/pic_message_2.jpg) no-repeat center center / cover; right:0;}
div.topmes_box3::before{background:url(../image/pic_message_3.jpg) no-repeat center center / cover; left:0;}
div.topmes_box4::before{background:url(../image/pic_message_4.jpg) no-repeat center center / cover; left:0; width:100%; height:540px;}
.topmes_img{display:none;}

.topmes_txt{
	background:#FFF;
	position:relative;
	z-index:10;
	width:900px;
	margin:auto;
	padding:42px 49px 34px;
	box-sizing:border-box;
}
#contents .topmes_txt h3{
	margin:0 0 27px;
	border:none;
	padding:0;
	line-height:1.7em;
}


/* ナミックスの魅力 */
.appeal_box{
	position:relative;
	margin:130px 0 0;
	padding:80px 0 0;
}
.appeal_box::before{
	content:"";
	display:block;
	width:380px;
	height:500px;
	position:absolute;
	background:url(../image/background.png) repeat center center;
	position:absolute;
	top:-60px;
	left:120px;
	opacity:.7;
}
.appeal_box.img_l::before{
	background:#008c23;
	background:-moz-linear-gradient(-45deg, #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg, #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg, #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	right:120px;
	left:auto;
}
.appeal_box::after{
	content:"";
	display:block;
	position:absolute;
	width:93px;
	height:64px;
	position:absolute;
	top:-55px;
	left:20px;
}
.appeal_box.appeal_2::after , .appeal_box.appeal_4::after{left:auto; right:20px;}
.appeal_box.appeal_1::after{background:url(../image/number_1_gray.svg) no-repeat left top;}
.appeal_box.appeal_2::after{background:url(../image/number_2_gray.svg) no-repeat left top;}
.appeal_box.appeal_3::after{background:url(../image/number_3_gray.svg) no-repeat left top;}
.appeal_box.appeal_4::after{background:url(../image/number_4_gray.svg) no-repeat left top;}

.appeal_img{position:absolute; top:0; z-index:10;}
.img_r .appeal_img{right:0;}

.appeal_txt{
	background:#FFF;
	position:relative;
	width:450px;
	box-sizing:border-box;
	padding:45px 50px 35px;
	z-index:20;
}
.img_l .appeal_txt{margin:0 0 0 auto;}
#contents .appeal_txt h2{
	margin:0 0 20px;
	padding:0;
	font-size:133.3%;
}
#contents .appeal_txt h2::after{display:none;}
#contents .appeal_txt p{
	font-size:93.3%;
}

/* 数字で見るナミックス */
.column_2.data {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 12px 20px;
	padding-top: 8px;
}
.column_3.data{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 12px 20px;
	padding-top: 6px;
}
.column_2.data > div,.column_3.data > div {
	margin: 0;
	width: 100%;
}
.column_3.data img {
	width: 100%;
}
.l_img_box {
	display: flex;
	align-items: stretch;
}
.l_img {
	width: 50%;
}
.l_img img{
	display: block;
	max-width: none !important;
	width: 100%;
}
.r_txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #F7F8F8;
	text-align: center;
	padding: 20px 30px 10px;
	font-size: 15px;
	letter-spacing: 0;
	width: calc(50% - 60px);
}
.r_txt img{margin-bottom: 7px;}
.r_txt p {
	text-align: left;
}
.recruit_link_box {
	background: #F5F5F5;
	text-align: center;
	margin: 28px 0;
	padding: 15px 0;
}
.recruit_link {
	color: #333 !important;
	letter-spacing: 0;
}
.column_2 img {
	max-width: 440px;
}
.r_btn_box {
	display: flex;
	justify-content: center;
	gap: 50px;
}
.cta_contact_wrap.recruit_contact{
	margin: 80px -50px 0;
	padding: 59px 20px 49px;
}
.recruit_contact h2{
	margin: 0 0 14px;
}
.recruit_contact .btn_b {
	margin: 14px 0 0;
	width: 300px;
	padding: 15px 0;
	text-align: center;
	font-size: 93.7%;
}

/* 採用担当メッセージ */
.recruiter_box{
	border: 1px solid #D6D6D6;
	padding: 8px 25px;
	margin-top: 14px;
}

/* 採用担当インタビュー */
.recruiter_box_area{
	max-width: 900px;
	margin: 80px auto;
}
.recruiter_box_area .info_txt{padding-bottom: 80px;}
.recruiter_box_c h2{
	padding: 0 !important;
}
.recruiter_box_c h2 span,.recruiter_box_b h2 span{
	color: #34BF79;
}
.recruiter_box_c h2::after{
	display: none !important;
}
div[class^="recruiter_box"]{
	position:relative;
}
div.recruiter_box_b{padding:490px 0 0;}
div[class^="recruiter_box"]::before{
	position:absolute;
	content:"";
	display:block;
	width:86.7%;
	height:400px;
	top:0;
}
div.recruiter_box_b::before{background:url(/img/recruit/recruiter/pic_5.jpg) no-repeat center center / cover; left:0; width:100%; height:540px;}
/* .topmes_img{display:none;} */
.recruiter_box_txt{
	background:#FFF;
	position:relative;
	z-index:10;
	width:900px;
	margin:auto;
	padding: 60px 90px;
	box-sizing:border-box;
}
#contents .recruiter_box_b h2{
	margin:0 0 27px !important;
	border:none;
	padding:0;
	line-height:1.7em;
}
#contents .recruiter_box_b h2::after{display: none !important;}
/* 職種紹介 */
.txt_box.job ul{padding-left: 20px !important;}
.pl_link_area {
	border: 1px solid #EAEAEA;
	padding: 27px 29px;
	display: flex;
}
.pl_link_area .pl_link {
	margin: 0 !important;
}
.pl_link_area .pl_link li{
	margin-right: 20px;
}
.pl_link_area .pl_link li a{
	font-size: 93.7% !important;
}
.tech_area {
	background: #F5F5F5;
	padding: 18px 20px;
	margin: 17px 0;
}
.tech_area p {
	margin: 0;
}
.tech_ttl {
	margin: 0 0 4px !important;
	font-weight: bold;
}
.tech_item {
	margin: 0 !important;
}
.column_2_desc {
	text-align: center;
}
.column_2_desc p {
	font-size: 80%;
	margin: 0 !important;
}
.welfare_office {
	display: flex;
	gap: 20px;
}
.welfare_office p{
	margin: 0 0 10px !important;
}
.info_box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}
.img_txt {
	display: flex;
	gap: 20px;
}
.img_txt p img{
	width: 100px;
	height: 100px;
	max-width: none;
}
.i_ex_ttl {
	font-size: 96.7% !important;
	font-weight: bold;
	margin: 15px 0 0 !important;
}
.i_ex {
	margin: 7px 0 30px !important;
}

/* 福利厚生 */
.sample_pic{padding: 30px 0;}
.i_ttl{
	font-weight: bold;
	font-size: 133.3%;
}
.welfare_t th{width: auto !important;}
.info_link{
	display: block;
	padding: 20px;
	text-align: center;
	background: #F5F5F5;
}
/* 働く環境 */
.welfare_t{min-width: 515px;}
#contents table.welfare_t tr:first-child th:not(:first-child){
	text-align: center;
}
#contents table.welfare_t td{text-align: right;}

/* オフィスツアー */
.info_txt .top{
	font-size: 104%;
	font-weight: bold;
}
.info_txt .top br{display: none;}
.info_txt_in {
	margin: 0 0 18px !important;
}

/* 採用FAQ */
.faq_box{
	background:#FFF;
	box-shadow:20px 20px 20px 0px rgba(0,0,0,.05);
	margin-bottom:20px;
	position:relative;
}
.faq_box::before{
	display:block;
	content:"";
	width:8px;
	height:8px;
	background:#43A433;
	position:absolute;
	left:31px;
	top:31px;
	border-radius:10px;
}
#contents h3.q_head{
	border:none;
	position:relative;
	padding:22px 54px 23px;
	margin:0;
	font-size:120%;
	cursor:pointer;
	transition:color .3s;
}
#contents h3.q_head:hover{
	color:#058739;
}
#contents h3.q_head::before , #contents h3.q_head::after{
	content:"";
	display:block;
	width:16px;
	height:2px;
	background:#46A536;
	position:absolute;
	right:30px;
	bottom:3px;
	top:0;
	margin:auto;
	transition:transform .3s;
}
#contents h3.q_head::after{transform:rotate(90deg);}
#contents h3.q_head.open::after{transform:rotate(0deg);}
.a_box{padding:4px 54px 35px;}
.a_box > *:first-child{margin-top:0 !important;}
.a_box > *:last-child{margin-bottom:0 !important;}

/* 募集要項 */
.rec_catch_box{
	position:relative;
	padding:175px 0 0;
	box-sizing:border-box;
	min-height:380px;
	margin:70px 0 0;
}
.rec_catch_box::before{
	z-index:5;
	width:380px;
	height:300px;
	position:absolute;
	content:"";
	display:block;
	bottom:0;
	right:0;
	background:#008c23;
	background:-moz-linear-gradient(-45deg,  #008c23 0%, #68b13c 100%);
	background:-webkit-linear-gradient(-45deg,  #008c23 0%,#68b13c 100%);
	background:linear-gradient(135deg,  #008c23 0%,#68b13c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	opacity:.7;
}
.rec_catch_img{
	position:absolute;
	left:0;
	top:0;
	width:66.7%;
	z-index:10;
}
.rec_catch_txt{
	background:#FFF;
	position:relative;
	z-index:10;
	margin:0 0 0 auto;
	width:450px;
	font-size:146.7%;
	box-sizing:border-box;
	padding:37px 20px 39px 24px;
	line-height:1.7em;
	z-index:20;
}
#contents .rec_catch_txt p{margin:0;}

/* お問い合わせ */
.form header.content_header{position:absolute; height:70px;}
/* .form .header_smaller #logo{margin:20px 0 0;} */

.form #return a{transform:translateY(-102%);}
.form footer{padding:32px 0 22px; text-align:center;}
.form footer small{margin:0;}

#contents ol.form_flow{
	list-style:none;
	padding:0;
	margin:66px 0 83px;
	display:flex;
	justify-content:center;
	font-size:133.3%;
	font-weight:bold;
	color:#AAA;
	position:relative;
}
#contents ol.form_flow::before{
	height:2px;
	background:#CCC;
	content:"";
	position:absolute;
	bottom:3px;
	left:0;
	right:0;
	margin:auto;
	width:297px;
}
#contents ol.form_flow li{
	width:150px;
	position:relative;
	text-align:center;
	padding:0 0 26px;
}
#contents ol.form_flow li.on{color:#43A433;}
#contents ol.form_flow li::before{
	display:block;
	content:"";
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width:8px;
	height:8px;
	bottom:0;
	border-radius:10px;
	background:#CCC;
}
#contents ol.form_flow li.on::before{background:#43A433;}

.req{
	background:#43A433;
	color:#FFF;
	font-size:86.7%;
	display:inline-block;
	line-height:1.8em;
	padding:0 10px 2px 11px;
}
#contents p .req{margin-right:6px;}

#contents table.form_table{margin:40px 0; border-left:none;}
#contents table.form_table th, #contents table.form_table td{padding:17px 9px; border-right:none;}
#contents table.form_table th em{ display:block; position:relative; padding-left:62px; font-weight:normal;}
#contents table.form_table th em .req{position: absolute; left:0;}
#contents table.form_table td{vertical-align:text-bottom;}
#contents table.form_table td > *:first-child{margin-top:0 !important;}
#contents table.form_table td > *:last-child{margin-bottom:0 !important;}
#contents table.form_table th{background:#FFF; width:32%;}
#contents table.form_table th .req, #contents table.form_table td .req{font-size:92.9%; margin-right:10px;}

#contents table.form_table td label{display:inline-block;margin-right:1em;}

.radio_label{cursor:pointer; margin-bottom:5px;}
.radio_label input[type="radio"] , .check_label input[type="checkbox"]{
	margin-right:7px;
	position:relative;
	top:1px;
}

#contents table.form_table td input[type="text"] , #contents table.form_table td input[type="tel"] ,
#contents table.form_table td input[type="email"] , textarea{
	border:1px solid #CCC;
	padding:0 10px;
	margin:10px 0;
	width:407px;
	height:43px;
	box-sizing:border-box;
}
textarea{padding:10px;}
#contents table.form_table td input::placeholder{color:#777;font-weight:normal;}
#contents table.form_table td input:-ms-input-placeholder{color:#777;font-weight:normal;}
#contents table.form_table td input::-ms-input-placeholder{color:#777;font-weight:normal;}
#postcode{width:135px !important;}
#contents table.form_table td input[name="other"]{margin-left:30px;}
.textarea{width:100% !important; height:300px;}
select[name^="gr"]{margin-top:10px !important;}

#contents table.form_table td .radio_ind + input[type="text"] , #contents table.form_table td .radio_ind + input[type="tel"] ,
#contents table.form_table td .radio_ind + input[type="email"]{margin:0;}
.hide{display:none;}
#email_confirm{font-size:200%; font-weight:bold; margin:10px 0;}

#contents table.form_table td select{
	border:1px solid #CCC;
	height:43px;
	padding:0 5px;
	box-sizing:border-box;
	margin-right:5px;
}
.sel_m, .sel_d{margin:0 0 0 10px;}
.radio_ind{margin:0 0 0 20px !important;}
#contents table.form_table td input.input_s[type="text"]{
	width:125px;
	margin-right:7px;
}

#contents p.doi{text-align:center; margin:45px 0;}
.check_label{cursor:pointer; margin-bottom:5px;}

#form_btn{text-align:center; margin:0 0 30px;}

#form_btn1 , #form_btn3{
	width:240px;
	height:55px;
	border:none;
	background:#058E24;
	color:#FFF !important;
	font-size:86.7%;
	margin:10px 5px;
	padding:0 0 2px;
	cursor:pointer;
	transition:background .3s;
}
#contents a#form_btn1{
	display:block;
	margin:40px auto;
	text-decoration:none;
	line-height:55px;
}
#form_btn1:hover , #form_btn3:hover{background:#333;}

#form_btn.check_btn{margin:30px 0;}
#contents a#form_btn2{
	text-decoration:none;
	color:#FFF;
	background:#222;
	font-size:86.7%;
	display:inline-block;
	width:240px;
	height:55px;
	line-height:55px;
	font-weight:normal;
	vertical-align:middle;
	transition:background .3s;
}
#contents a#form_btn2:hover{background:#646464;}
.mode {ime-mode: disabled;}
.un-mode {ime-mode: active !important;}

/* ニュース */
#contents ul.news_cate_list{
	list-style:none;
	padding:0;
	margin:53px 0 0;
	display:flex;
	background:#FFF;
}
#contents ul.news_cate_list li{width:20%;}
#contents ul.news_cate_list li a{
	display:flex;
	text-align:center;
	color:#777;
	text-decoration:none;
	box-sizing:border-box;
	height:100%;
	justify-content:center;
	align-items:center;
	position:relative;
	transition:color .3s , font-weight .3s;
	padding:11px 5px 13px;
}
#contents ul.news_cate_list li a::before , #contents ul.news_cate_list li a::after{
	content:"";
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
#contents ul.news_cate_list li a::before{height:1px; background:#CCC;}
#contents ul.news_cate_list li a::after{
	height:3px;
	background:#333;
	opacity:0;
	transition:opacity .3s;
}
#contents ul.news_cate_list li a:hover , #contents ul.news_cate_list li.active a{color:#333; font-weight:bold;}
#contents ul.news_cate_list li a:hover::after , #contents ul.news_cate_list li.active a::after{opacity:1;}

#contents ul.news_arc_list{
	list-style:none;
	padding:0;
	margin:25px 0 70px;
	background:#FFF;
	overflow:hidden;
}
#contents ul.news_arc_list li{float:left;}
#contents ul.news_arc_list li a{
	display:block;
	color:#777;
	font-size:93.3%;
	text-decoration:none;
	border-bottom:3px solid #FFF;
	transition:border-color .3s , color .3s , font-weight .3s;
	width:60px;
	text-align:center;
	padding:9px 0;
	box-sizing:border-box;
}
#contents ul.news_arc_list li.active a , #contents ul.news_arc_list li a:hover{
	border-color:#333;
	color:#333;
	font-weight:bold;
}

#contents ul.news_list.news_c1_list li a{font-size:93.3%; padding:22px 40px 25px;}
.news_c1_list .news_day{width:137px;}
.news_c1_list .news_cate{width:145px;}
.news_c1_list .news_cate > span{
	font-size:85.7%;
	width:130px;
	line-height:22px;
}

.news_pager{
	border-bottom:#333 solid 1px;
	text-align:center;
	position:relative;
	margin:63px 0 0;
	padding:0 0 43px;
}
.wp-pagenavi{text-align:center; display:inline-block;}
#contents .wp-pagenavi a, #contents .wp-pagenavi span{
	display:block;
	text-decoration:none;
	color:#777;
	font-size:93.3%;
	border-bottom:3px solid #FFF;
	padding:9px 0;
	width:30px;
	float:left;
	transition:color .3s , font-weight .3s , border-color .3s;
}
#contents .wp-pagenavi a:hover, #contents .wp-pagenavi span{
	border-color:#333;
	font-weight:bold;
	color:#333;
}
#contents .wp-pagenavi a.previouspostslink, #contents .wp-pagenavi a.nextpostslink{
	position:absolute;
	top:0;
	width:auto;
}
#contents .wp-pagenavi a.previouspostslink{left:52px;}
#contents .wp-pagenavi a.nextpostslink{right:46px;}

#contents p.news_c2_head{margin:0 0 45px !important;}
.news_c2_cate{
	display:inline-block;
	color:#FFF;
	background:#333;
	font-size:80%;
	margin:0 0 0 12px;
	width:130px;
	text-align:center;
	height:24px;
	line-height:23px;
	vertical-align:bottom;
}


/* 検索結果 */
.re_search_input_box{
	max-width:665px;
	margin:44px auto 0;
}
.re_search_input_box form{
	display:flex;
}
#search_page_txt{
	flex:1;
	box-sizing:border-box;
	border:1px solid #CCC;
	height:50px;
	padding:0 20px;
}
#search_page_btn{
	width:50px;
	margin-left:15px;
	height:50px;
}
#search_page_btn input{
	display:block;
	border:none;
	height:100%;
	width:100%;
	font-size:0;
	background:#000 url(../image/icon_search_white.svg) no-repeat center center;
	cursor:pointer;
	transition:background-color .3s;
}
#search_page_btn input:hover{background-color:#676767;}
.no_result{
	background:#E1F0D9;
	margin:40px 0 33px;
	padding:14px 38px;
}
#contents .no_result ul{
	margin-top:18px;
}
#contents p.result_number{
	font-size:86.7%;
	margin-bottom:34px;
}
#contents p.result_number strong{
	font-size:138.5%;
	margin:0 9px 0 8px;
	position:relative;
	top:1px;
}
#contents ul.result_list{
	padding:0;
	list-style:none;
	border-top:1px solid #CCC;
}
#contents ul.result_list li{
	border-bottom:1px solid #CCC;
	padding:19px 20px;
}
#contents ul.result_list li h2{
	margin:0;
	padding:0;
	font-size:106.7%;
	font-weight:normal;
}
#contents ul.result_list li h2::after{display:none;}
#contents ul.result_list li h2 a{
	color:#333;
}
#contents ul.result_list li h2 a strong{
	color:#006F46;
}
#contents p.result_url{
	color:#999;
	font-size:80%;
	margin:3px 0 0;
}
#contents p.result_img{
	overflow:hidden;
	margin:0;
}
.result_img img{
	float:left;
	width:72px;
	margin-right:20px;
	position:relative;
	top:5px;
	margin-bottom:10px;
	height:auto;
}

/*グリーン調達*/
.green_pagelink {
	display: flex;
	justify-content: center;
	list-style: none !important;
	padding-left: 0 !important;
	margin: 46px 0 80px !important;
}
.green_pagelink li {
	min-width: 270px;
	width: auto;
	text-align: center;
	min-height: 56px;
	line-height: 1.5em;
	margin-right: 4.3%;
	transition-duration: 0.3s;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	align-items: center;
}
.green_pagelink li:last-child{margin-right: 0;}
.green_pagelink li.green{background: #058E24;}
.green_pagelink li.gray{background: #888888;}
.green_pagelink li a {
	display: flex;
	width: 100%;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 133.3333%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 2px 10px;
}
.green_pagelink li a span {position: relative; padding-left: 23px; display: inline-block;}
.green_pagelink li a span::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	top: calc(50% - 5px);
	left: 4px;
}
.green_pagelink li:hover {background: #333;}
.txt_small{font-size: 73.3333333%;}
.br_55 {display: inline-block;}
.survey_wrap {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	padding: 60px 0;
}
.survey_wrap.new{background: #8FC674;}
.survey_wrap.regular{background: #CCCCCC;}
.survey_area {
	max-width: 900px;
	width: auto;
	margin: 0 auto;
	padding: 1px 40px 30px;
	background: #fff;
	box-sizing: border-box;
}
.survey_area h2 {text-align: center !important;}
.survey_area h2::after {left: calc(50% - 25px) !important;}

/*SDGs*/
.sdgs_catch{margin-top:55px;}
.sdgs_catch img{display:block; width:100%;}
.column_2.sdgs{margin:23px 0 0;}
.column_2.sdgs > div {margin-bottom:0;}
.sdgs_relation_box{
	display:flex;
}
.sdgs_relation_item{
	width:32%;
	margin-right:2%;
}
.sdgs_relation_item:last-child{margin-right:0 !important;}
.sdgs_relation_item a{
	display:block;
	text-decoration:none !important;
	color:#333 !important;
}
.sdgs_relation_img{
	position:relative;
	overflow:hidden;
}
.sdgs_relation_img::after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:linear-gradient(135deg, #008c23 0%,#68b13c 100%);
	opacity:0;
	top:0;
	left:0;
	transition:all 0.3s;
}
.sdgs_relation_img img{
	display:block;
	width:100%;
	height:auto;
	transition:all 0.3s;
	margin:0 !important;
}
.sdgs_relation_title{
	font-size:86.66666% !important;
	border:none !important;
	margin:-16px 20px 23px !important;
	padding:0 !important;
}
.sdgs_relation_title_bg{
	position:relative;
	display:block;
	padding:18px 21px !important;
	background:url(../image/arrow_black.svg) no-repeat right 20px center / 25px 5px;
	background-color:#fff;
	transition:background-position .3s , color .3s;
}
.sdgs_relation_item:hover .sdgs_relation_img::after{opacity:0.5;}
.sdgs_relation_item:hover img{transform:scale(1.1);}
.sdgs_relation_item:hover .sdgs_relation_title_bg{background-position:right 10px center; color:#058739 !important;}
/* お問い合わせ */
.contact_box{
	background:#F4F4F4;
	padding:25px 30px 20px;
	margin:20px 0 40px;
}
.contact_box h3{margin-top:0 !important;}
/* 英語サイト */
.en_site #footer_wrap > div{width:23.5%; margin-right:2%;}
.en_site #mv > h1 span br{display:none;}
.en_site #contents .ins_catch_box .ins_area h2{line-height:1.3em;}
.en_site #contents .ins_area h2{line-height:1.3em;}
.en_site #index_sec6{margin-top:110px;}
.en_site .fancybox-close-small{width:90px;}
.en_site .fancybox-close-small::after{content:"close";}
/* 動画で見るナミックス */
.column_2 .m40 {margin-bottom: 40px;}
#contents .connection_wrap{
	background: url(../image/background.png) repeat left center;
	padding: 60px 0 80px;
	margin-bottom: 70px;
}
#contents .connection_wrap h2{
	font-size: 133.3%;
	text-align: center;
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
}
#contents .connection_wrap h2::after{
	display: none !important;
}
#contents .connection_inner{
	max-width: 1000px;
	margin: auto;
	padding: 0 20px;
}
#contents .connection_inner a{
	display:flex;
	width:100%;
	text-decoration:none;
	color:#333;
	height: 200px;
}
#contents .connection_inner a > div{width:50%; background:#FFF; box-sizing:border-box;}
#contents .movie_img{position:relative;}
#contents .movie_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left;
	display: block;
}
#contents .movie_img::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgb(0,140,35);
	background:-moz-linear-gradient(-45deg, rgba(0,140,35,1) 0%, rgba(104,177,60,1) 100%);
	background:-webkit-linear-gradient(-45deg, rgba(0,140,35,1) 0%,rgba(104,177,60,1) 100%);
	background:linear-gradient(135deg, rgba(0,140,35,1) 0%,rgba(104,177,60,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c23', endColorstr='#68b13c',GradientType=1 );
	opacity:0;
	visibility:hidden;
	transition:all 0.3s;
}
#contents .connection_inner a:hover .movie_img::after{visibility:visible; opacity:0.5;}
#contents .movie_txt {
	padding: 35px;
	position: relative;
}
#contents .movie_txt p{font-size: 13px;}
#contents .movie_txt p.more {
	position: absolute;
	right: 0;
	bottom: 14px;
	background: url(../image/arrow_black.svg) no-repeat right 20px center / 25px 5px;
	padding: 0 54px 0 0;
	transition: background-position 0.3s;
	margin: 0;
	font-size: 86.7%;
	line-height: 1.7em;
}
#contents .movie_txt h3{
	font-size: 133.3%;
	border-bottom: none;
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
}
#contents .movie_txt_center{text-align: center;}
#contents .connection_wrap a:hover p.more{background-position:right 15px center;}

/* sbt */
.sbt_top{
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position: relative;
}
.sbt_top::before{
	position: absolute;
	display: inline-block;
	content: '';
	height: 100%;
	width: 1px;
	background: #DDD;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
}
.sbt_top img{
	display:block;
	width: calc(100% - 2px);
}

.column_border{align-items: baseline;}
.border_gray{outline: 1px solid #DDD;}
.border_gray img{display: block;}
.caption{
	font-size: 86.67% !important;
	letter-spacing: 1.3px;
	margin: 4px 0 32px !important;
}
.column_2.column_border div{margin-bottom: 0;}

/* agriculture */
.production_list{
	padding-left: 0 !important;
	margin-top: 25px !important;
}
.production_item{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	list-style: none;
}
.production_item:not(:last-child){margin-bottom: 20px;}
.production_txt{width: calc(100% - 300px);}
.production_txt p{margin: 0 0 5px !important;}
.production_ttl{font-weight: bold;}
.production_info{line-height: 23.8px;}
.production_img{width: 280px;}
.production_img img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 1220px){#index_nav{display:none;}}

@media screen and (min-width: 768px) and (max-width: 1150px) {.recruit .c1_h1_img{background:url(../image/h1_recruit_tablet.jpg) no-repeat center center / cover;}}
@media screen and (min-width: 951px) and (max-width: 1250px) {
/* ヘッダー */
/* #header_wrap{padding:0 20px;} */
#menu > nav > ul > li > a{
	font-size:92.9%;
	padding: 21px 10px;
}
/* #menu > nav > ul > li > a , header.content_header #menu > nav > ul > li > a{padding:39px 9px; font-size:92.9%;} */
/* header.content_header #menu > nav > ul > li > a{padding:32px 9px;} */
.dropdown_wrap > ul > li a{font-size:92.9%;}
.dropdown_wrap > ul.dd_namicsway > li{margin-bottom:0;}
#sub_nav{margin:40px 0 0 8px; padding-left:7px;}
/* .content_header #sub_nav{margin-top: 32px;} */
#sub_nav > ul > li{margin-left:17px;}
#sub_nav > ul > li::after{left:-10px;}
#sub_nav > ul > li > a{font-size:91.7%;}
.dropdown_wrap{width:auto; padding:0 20px;}
/* #menu > nav > ul > li > a{padding:21px 9px;} */
#sub_nav{margin:21px 0 0 17px; padding-left:7px;}

/* .en_site #menu > nav > ul > li > a, .en_site header.content_header #menu > nav > ul > li > a{padding:39px 7px;} */
/* .en_site .header_smaller #menu > nav > ul > li > a, .en_site header.content_header.header_smaller #menu > nav > ul > li > a{padding:21px 7px;} */
/* .en_site header.content_header #menu > nav > ul > li > a{padding:32px 7px;} */
/* .en_site #sub_nav{margin:40px 0 0 0; padding-left:0;} */
/* .en_site .content_header #sub_nav{margin-top:32px;} */
/* .en_site #sub_nav{margin:21px 0 0 0; padding-left:0;} */
/* .en_site #sub_nav > ul > li{margin-left:8px;} */
}
@media screen and (min-width: 768px) and (max-width: 1250px) {


/* フッター */
#footer_wrap{width:auto;}

/* トップ */
.index_wrap{width:auto;}
#index_news_nav{padding:0 20px;}
#index_news_nav li{margin-right:30px;}
.news_list li a{padding:19px 20px;}
.amic_img img.pc_img{display:none;}
.amic_img img.tab_img{display:block;}

/* c1 */
.c1_area{width:auto; padding:0 20px;}
.c1_thum{height:17.1vw;}
.c1_h1_area{width:auto; padding:198px 20px 0;}

/* コンテンツ */
img.catch_img{margin:0 0 5px; width:100%;}
.products_c2_h1_wrap, .news_c2_h1_wrap{padding:50px 20px;}
.products_c2_h1_area, .news_c2_h1_area{width:auto;}
.ins_h1_wrap{width:100%; box-sizing:border-box; padding:0 20px;}

.pro_parent_cate {margin: 0 0 6px;}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
	#contents ul#recruit_c1_list li:nth-child(4)::before {
	right: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1040px) {
/* 下層 */
.cta_contact_wrap{margin:50px 0 0 !important;}
.content_footer{width:auto; padding:0 20px;}

.sbg_h1_wrap{padding:0 20px; width:100%; box-sizing:border-box;}
.sbg_h1_txt_bg{padding:45px 0 25px 40px; width:510px;}

.recruit_news{width:auto; margin:0 20px;}
.recruit_news_head img{max-width:100%;}
.recruit_top {
	max-width: none;
	margin: 50px 20px 0 !important;
	padding: 40px 20px !important;
}
.recruit_top .btn_b{
	font-size: 100% !important;
	width: 300px !important;
	padding: 20px 0 !important;
}
.recruit_c1_wrap{width:auto; padding:0 20px;}
#contents ul#recruit_c1_list li:nth-child(2n+1) .c1_txt{margin:-10vw 0 0 auto;}
#contents .recruit_c1_wrap .c1_txt{margin:-10vw 0 0;}


}
@media screen and (max-width: 1024px) {
/* #contents .products ul#c1_list li a {
	align-items: flex-start;
}

#contents .products ul#c1_list li{
	margin-bottom:60px;
}
#contents .products ul#c1_list li .c1_thum {width: 40%;}
#contents .products ul#c1_list li .c1_txt {
	padding: 0;
	width: 60%;
} */
#contents .pro_top_link.use h2 {padding: 30px 55px 30px 20px;}
/* トップ */
#index_recruit_r{margin-right: 0;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#footer_wrap{flex-wrap:wrap; padding:62px 0 0;}
#footer_wrap > div{width:31%; margin-right:3.5%;}
#footer_wrap > div:nth-child(-n+3){margin-bottom:20px;}
#footer_wrap > div:nth-child(3n){margin-right:0;}
#footer_wrap > div > ul > li > a{font-size:80%;}
#footer_wrap > div > ul > li > ul{margin:7px 0 0;}
#footer_wrap > div > ul > li > ul > li{line-height:1em; margin:0 0 6px;}
#footer_wrap > div > ul > li > ul > li > a{font-size:66.7%;}
#footer_wrap > div > ul > li > ul > li::before{top:9px;}

.en_site #footer_wrap > div{width:49%; margin-right:2%;}
.en_site #footer_wrap > div:nth-child(2n){margin-right:0;}

#mv > h1 > img{width:500px;}
#mv > h1 span{font-size:120%;}
.slick-slide.slide_1{background:url(../image/slide_tablet_1.jpg) no-repeat center center / cover;}
.slick-slide.slide_2{background:url(../image/slide_tablet_2.jpg) no-repeat center center / cover;}
.slick-slide.slide_3{background:url(../image/slide_tablet_3.jpg) no-repeat center center / cover;}
.slick-slide.slide_4{background:url(../image/slide_tablet_4.jpg) no-repeat center center / cover;}
#index_sec4 ul li{margin-bottom:8px;}
#index_sec4 ul li a{font-size:86.7%;}
#index_news_nav li a{font-size:86.7%;}
.amic_txt p{font-size:70%;}

.sbg_h1_bg , .ins_h1_bg{height:auto; background:#333 !important; display:block;}
.sbg_h1_bg::before , .ins_h1_bg::before{
	display:block;
	content:"";
	background:url(../image/pic_small-but-global_catch_tablet.jpg) no-repeat center center / cover;
	width:100%;
	height:61.2vw;
}
.ins_h1_bg.ins_history::before{background:url(../image/pic_history_catch_tablet.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_life::before{background:url(../image/pic_life_catch_tablet.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_global::before{background:url(../image/pic_global_catch_tablet.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_research::before{background:url(../image/pic_research_catch_tablet.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_contribution::before{background:url(../image/pic_contribution_catch.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_sbt::before{background:url(../image/pic_sbt_catch.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_agriculture::before{background:url(../image/pic_agriculture_catch.jpg) no-repeat center center / cover;}
.sbg_h1_wrap , .ins_h1_wrap{
	width:auto;
	padding:0 50px;
	margin-top:-80px;
}
.ins_h1_box{display:block; top:0; height:auto;}
.sbg_h1_txt_bg , .ins_h1_area{
	width:auto;
	padding:39px 48px 25px;
}
.sbg_n_c > span.sbg_n, .ins_n_c > span.ins_n{font-size:266.7%; padding:0 13px 0 0;}
.sbg_n_c > span.sbg_n::before, .ins_n_c > span.ins_n::before{height:20px; bottom:-3px;}
.sbg_n_c > span.sbg_c, .ins_n_c > span.ins_c{font-size:100%; padding:0 0 0 18px;}
.sbg_h1_wrap h1 , .ins_h1_area h1{font-size:146.7%; margin:23px 0 14px;}
.sbg_h1_wrap h1 br:nth-child(2){display:none;}

.ins_catch_box{padding:48px 0 45px; margin-bottom:45px;}
#contents .ins_catch_box .ins_area h2{font-size:146.7%; margin-bottom:21px;}
#contents .ins_catch_box .ins_area p{font-size:100%;}

#contents .ins_area h2{font-size: 146.7%;}

.c1_txt{margin:0 10px; padding:24px 20px 44px;}
#contents ul#c1_list.company li:first-child .c1_txt, #contents ul#c1_list.company li:nth-child(2) .c1_txt, #contents ul#c1_list.insight li .c1_txt{
	padding:24px 20px 44px;
}
#contents .c1_txt h2{font-size:100%;}
#contents ul#c1_list.company li:first-child .c1_txt h2, #contents ul#c1_list.company li:nth-child(2) .c1_txt h2, #contents ul#c1_list.insight li .c1_txt h2{
	font-size:100%;
}
#contents .c1_txt p{font-size:70%;}
#contents .recruit_c1_wrap .c1_txt p{font-size:86.7%;}
.recruit_news_head{width:135px; margin-right:15px;}

#contents table{font-size:86.7%;}

#contents .sp_table_txt p{background:url(../image/icon_table.svg) no-repeat left center;}

/*-製品情報-*/

/*----------*/

.appeal_box{padding:210px 0 0;}
.en_site .message .c2_h1_box{width:400px;}
.req{
	padding:0 5px 0 5px;
}
#contents table.form_table th{width:200px;}
#contents table.form_table th, #contents table.form_table td{
	padding:17px 7px;
}
#contents table.form_table th .req, #contents table.form_table td .req{margin-right:6px;}
#contents table.form_table td select{width:138px;padding:0 3px;}
.sel_m, .sel_d{margin:0;}
}
@media screen and (min-width: 768px) and (max-width: 940px) {
.content_area{width:auto; padding:0 20px;}
.content_area img {width:auto; height:auto !important; max-width:100%;}
.ins_people_wrap{padding:0 20px; width:auto;}
.topmes_txt{width:auto; margin:0 20px;}
}

@media screen and (min-width: 768px) and (max-width: 840px) {

/* header.content_header #menu > nav > ul > li > a,
#menu > nav > ul > li > a, header.content_header #menu > nav > ul > li > a{
	letter-spacing:0.05em;
	padding:32px 8px;
}
.header_smaller #menu > nav > ul > li > a, header.content_header.header_smaller #menu > nav > ul > li > a{
	padding:21px 8px;
} */
#sub_nav{
	margin-top:32px;
}
#sub_nav , .content_header #sub_nav,
.header_smaller #sub_nav, .header_smaller.header_smaller #sub_nav{
	padding-left:0;
	margin-left:0;
}
header.content_header #nav_lang > a , #nav_lang > a{
	letter-spacing:0.05em;
	padding-left:17px;
}
header.content_header #nav_search > a , #nav_search > a{
	letter-spacing:0.05em;
	padding-left:17px;
}

}
@media screen and (max-width: 1024px) {
/* ヘッダー */
header{position:fixed;}
#header_wrap{padding:9px 20px 10px;transition:padding 0.3s;}
.header_smaller #header_wrap{padding:0 20px;}
#logo{margin:21px 0 0;}
#logo h1, #logo h1 img{width:68px;}

#menu-box{float:none; padding:0;}
#toggle {
	display: block;
	float: right;
	margin:20px 0 0;
	position:relative;
	z-index:2000;
	transition:all 0.3s;
}
#toggle a{
	display: block;
	width: 25px;
	height: 22px;
	font-size: 0;
	text-decoration:none;
	position:relative;
}
#toggle a span , #toggle a::before , #toggle a::after{
	content:"";
	display:block;
	background:#FFF;
	width:25px;
	height:2px;
	position:absolute;
	left:0;
}
#toggle a::before{top:0;}
#toggle a span{top:10px;}
#toggle a::after{bottom:0;}

#toggle a::before{
  -webkit-animation: menu-bar01 .75s forwards;
  animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01{
  0%{-webkit-transform:translateY(10px) rotate(45deg);}
  50%{-webkit-transform:translateY(10px) rotate(0);}
  100%{-webkit-transform:translateY(0) rotate(0);}
}
@keyframes menu-bar01 {
  0%{transform:translateY(10px) rotate(45deg);}
  50%{transform:translateY(10px) rotate(0);}
  100%{transform:translateY(0) rotate(0);}
}
#toggle a span{transition:transform .25s .25s , background 0s; opacity:1;}
#toggle a::after{-webkit-animation:menu-bar02 .75s forwards; animation: menu-bar02 .75s forwards;}
@-webkit-keyframes menu-bar02 {
  0%{-webkit-transform:translateY(-10px) rotate(-45deg);}
  50%{-webkit-transform: translateY(-10px) rotate(0);}
  100%{-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu-bar02 {
  0%{transform:translateY(-10px) rotate(-45deg);}
  50%{transform:translateY(-10px) rotate(0);}
  100%{transform:translateY(0) rotate(0);}
}
#toggle a.open::before{-webkit-animation: active-menu-bar01 .75s forwards; animation:active-menu-bar01 .75s forwards;}
@-webkit-keyframes active-menu-bar01 {
  0%{-webkit-transform:translateY(0) rotate(0);}
  50%{-webkit-transform:translateY(10px) rotate(0);}
  100%{-webkit-transform:translateY(10px) rotate(45deg);}
}
@keyframes active-menu-bar01 {
  0%{transform:translateY(0) rotate(0);}
  50%{transform:translateY(10px) rotate(0);}
  100%{transform:translateY(10px) rotate(45deg);}
}
#toggle a.open span{opacity:0;}
#toggle a.open::after{-webkit-animation:active-menu-bar03 .75s forwards; animation:active-menu-bar03 .75s forwards;}
@-webkit-keyframes active-menu-bar03 {
  0%{-webkit-transform:translateY(0) rotate(0);}
  50%{-webkit-transform:translateY(-10px) rotate(0);}
  100%{-webkit-transform:translateY(-9px) rotate(-45deg);}
}
@keyframes active-menu-bar03 {
  0%{transform:translateY(0) rotate(0);}
  50%{transform:translateY(-10px) rotate(0);}
  100%{transform:translateY(-9px) rotate(-45deg);}
}


#menu{
	display:block;
	clear:both;
	position:fixed;
	right:0;
	top:0;
	background:rgba(0, 0, 0, 0.85);
	width:100%;
	height:100%;
	overflow:scroll;
	transition:right 0.3s;
}
.menu_dis{right:-100% !important;}
#menu > nav{
	float:none;
	font-size:100%;
	padding:62px 20px 0;
}
#menu > nav > ul > li{
	float:none;
	position:relative;
}
#menu > nav > ul > li::before{
	content:"";
	display:block;
	width:7px;
	height:1px;
	background:#FD0017;
	position:absolute;
	top:29px;
	left:10px;
}
#menu > nav > ul > li::after{
	position:absolute;
	content:"";
	width:100vw;
	height:1px;
	background:rgba(255, 255, 255, 0.4);
	bottom:0;
	left:calc(50% - 50vw);
}
#menu > nav > ul > li > a{
	padding:15px 23px;
	font-size:107.2299%;
	position:relative;
	color:#fff !important;
}
#menu > nav > ul > li > a::before{
	content:"";
	display:block;
	position:absolute;
	width:9px;
	height:1px;
	background:#FFF;
	right:0;
	top:25px;
	transition:all 0.4s;
}
#menu > nav > ul > li > a::after{
	content:"";
	display:block;
	position:absolute;
	width:1px;
	height:9px;
	background:#FFF;
	right:4px;
	transition:all 0.4s;
	top:21px;
}
#menu > nav > ul > li > a.open::before{display:none;}
#menu > nav > ul > li > a.open::after{transform:rotate(90deg);}
#menu > nav > ul > li > a > span::after{display:none;}


.dropdown_bg{
	position:static;
	padding:0;
	box-sizing:border-box;
}
.dropdown_wrap{
	width:auto;
	border-top:1px solid rgba(255,255,255,0.3);
	border-bottom:none;
	padding:10px 0 13px;
	margin:0;
}
/* header.content_header .dropdown_wrap{padding:10px 0 13px;} */
.dropdown_wrap a:hover , .dropdown_wrap h2 a:hover{color:#FFF !important;}
.dropdown_wrap h2{
	border-bottom:none;
	padding:0 0 0 20px;
}
.dropdown_wrap h2 a{
	font-weight:normal;
	font-size:100%;
	display:block;
	padding:14px 0 14px 16px;
}
.dropdown_wrap h2::before{
	background:#FFF;
	left:24px;
	width:5px;
	top:24px;
}
.dropdown_wrap ul{
	display:block;
	margin:0;
	padding:0 20px;
}
.dropdown_wrap ul li{
	width:auto;
	margin:0;
	padding:0;
	border-top:1px solid rgba(255,255,255,.2);
}
.dropdown_wrap ul li::before{
	background:#FFF;
	width:5px;
	top:23px;
	left:14px;
}
.dropdown_wrap ul li a{display:block; padding:13px 0 14px 26px;}

#sub_nav{
	float:none;
	font-size:100%;
	margin:0;
	padding:0;
}
#sub_nav > ul > li{
	float:none;
	margin-left:0;
	margin-top:30px;
	margin-bottom:30px;
}
.modal-content{
	display:block !important;
	position:static;
	text-align:left;
	width:auto;
	margin:0;
	padding:0 35px;
}
.modal-wrap > h2{display:none;}

#lang_wrap{display:block;}
#lang_wrap > div{display:block;}
#lang_txt{font-size:83.3%;}

#search_wrap{width:100%;}
#search_txt{padding:0 30px 0 9px;}
#search_btn{
	background-size:14px 14px;
	right:1px;
	top:-3px;
}

#nav_lang > a , #nav_search > a , #sub_nav::before , .modal-wrap > p{display:none !important;}

.modal-wrap > p.en_link_p{
	display:block !important;
	margin:10px 0 0;
}

.en_link{border-bottom:none; margin-bottom:15px;}
.en_link a{
	width:178px;
	height:38px;
	text-align:center;
	font-size:108.3%;
	margin:0;
	line-height:34px;
}

#js-gnav-layer{display:none !important;}
#nav_contact{margin:0 0 40px !important;}
#nav_contact > a {
	position: relative;
	padding: 18px 43px !important;
	display: block;
	background: none;
	font-size: 86%;
	color: #fff !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}
#nav_contact > a::before{
	content: "";
	display: block;
	width: 7px;
	height: 1px;
	background: #FD0017;
	position: absolute;
	top: 29px;
	left: 30px;
}
#nav_contact > a::after {
	position:absolute !important;
	content:"" !important;
	width:7px !important;
	height:7px !important;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg);
	top:calc(50% - 4px);
	right:23px;
	left: auto !important;
	bottom: auto !important;
	opacity: 1 !important;
	background: transparent !important;
}
/* 縮小 */
#logo{margin:9px 0;}
#logo h1 a{background-size:68px 26px; height:26px; width:68px;}
#toggle{margin:11px 0 0;}
#toggle a span ,#toggle a::before ,#toggle a::after{background:#333;}
#toggle a.open span ,#toggle a.open::before ,#toggle a.open::after{background:#FFF;}
#menu a{color:#FFF;}
.dropdown_bg .dropdown_wrap{padding-top:10px;}
#menu > nav > ul > li > a{padding:18px 23px; height:auto;}
#sub_nav{padding-left:0; margin:0;}

.dropdown_wrap > ul.dd_namicsway > li{width:auto; margin-right:0;}
.dropdown_wrap > ul.dd_namicsway > li > a{position:relative;}
.dropdown_wrap > ul.dd_namicsway > li > a::before{
	position:absolute;
	content:"";
	display:block;
	height:1px;
	background:#FFF;
	width:5px;
	top:23px;
	left:14px;
}
.dropdown_wrap > ul.dd_namicsway > li > a > img{display:none;}
.dropdown_wrap > ul.dd_namicsway > li > a > div{padding-left:0;}
.dropdown_wrap > ul.dd_namicsway > li > a > div::before{display:none;}

/* コンテンツヘッダー */
header.content_header{border-bottom:1px solid #EAEAEA; height:61px; transition:background .3s , height .3s;}
/* header.content_header #logo{margin:19px 0 0;}
header.content_header #logo h1, header.content_header #logo h1 a{width:68px; height:26px; background-size:68px 26px;} */
header.content_header #toggle a span, header.content_header #toggle a::before, header.content_header #toggle a::after{background:#333;}
header.content_header #toggle a.open span, header.content_header #toggle a.open::before, header.content_header #toggle a.open::after{background:#FFF;}
header.content_header #menu > nav > ul > li > a{padding:18px 23px; color:#FFF;}
header.content_header.header_smaller #menu > nav > ul > li > a{padding:18px 23px;}

header.content_header.header_smaller{height:44px;}
header.content_header.header_smaller #logo{margin:9px 0 0;}
#contents{padding-top:62px;}
.form header.content_header{height:62px;}
.dropdown_wrap{padding:0 !important;}
}
@media screen and (min-width:768px) and (max-width: 950px){
#menu > nav {font-size: 80%;}
#menu > nav > ul > li::before {top: 30px;}
#menu > nav > ul > li > a::before {top: 28px;}
header.content_header.header_smaller #menu > nav > ul > li > a {padding: 17px 23px 18px;}
#menu > nav > ul > li > a::after {top: 24px;}
.dropdown_wrap h2::before {top: 27px;}
}
@media screen and (max-width: 940px) {
.survey_area {margin: 0 20px;}
/* 採用情報 */
.recruit_list_double{grid-gap: 30px;}

/* 働く環境 */
.welfare_office img{width: 300px;}
.img_txt{grid-gap: 15px;}
.img_txt p img{width: 65px;}
}

/*--------------------------------------------------------------------------------------------------------------------
	ページに関する指定(SP)
--------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
input[type="button"],input[type="submit"]{-webkit-appearance:none;}
body{-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size:75%;}
input,textarea,select{font-size:16px;}
body{background:#fff; width:auto;}
img {width:auto; height:auto !important; max-width:100%;}

#nojs {
	width: auto;
	background: #fff;
	color: #f00;
	padding: 10px;
	border: 5px solid #F00;
	text-align: center;
	margin: 10px auto;
}

#nav_contact > a {font-size: 107.2%;}
/* フッター */
#return a{
	width:auto;
	margin:0 20px;
	background:#555;
	height:40px;
}
#return a span{
	color:#FFF;
	top:11px;
}
#return a::after{height:18px; top:-9px; bottom:auto;}
#return a:hover::after{height:18px;}

footer{
	padding:0 0 25px;
}
#footer_wrap{
	width:auto;
	display:block;
	padding:25px 20px 0;
}
#footer_wrap > div{
	width:auto;
	margin-right:0;
}
.footer_bottom ul{ display:block;}
#footer_wrap > div > ul > li , .footer_bottom ul li{
	padding-left:0;
	margin:0;
}
.footer_bottom ul li:not(:last-child) {
	margin-right: 0;
}
#footer_wrap > div > ul > li::before{
	top:26px;
	width:6px;
	left:10px;
}
#footer_wrap > div > ul > li > a , .footer_bottom ul li a{
	font-size:100%;
	display:block;
	padding:16px 0 16px 22px;
	position:relative;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.footer_bottom ul li a{
	font-size:91.7%;
	padding:9px 0 10px 22px;
}
#footer_wrap > div:nth-child(-n+6) > ul > li > a::before{
	content:"";
	display:block;
	position:absolute;
	width:9px;
	height:1px;
	background:#FFF;
	right:10px;
	top:25px;
	transition:all 0.4s;
}
#footer_wrap > div:nth-child(-n+6) > ul > li > a::after{
	content:"";
	display:block;
	position:absolute;
	width:1px;
	height:9px;
	background:#FFF;
	right:14px;
	transition:all 0.4s;
	top:21px;
}
#footer_wrap > div:nth-child(-n+6) > ul > li > a.open::before{display:none;}
#footer_wrap > div:nth-child(-n+6) > ul > li > a.open::after{transform:rotate(90deg);}
#footer_wrap > div > ul > li > ul{display:none; margin:0; padding:3px 20px 4px; border-bottom:1px solid rgba(255,255,255,.3);}
#footer_wrap > div > ul > li > ul > li{margin:0; padding:0; border-top:1px solid rgba(255,255,255,.2);}
#footer_wrap > div > ul > li > ul > li.footer_smp_top{display:block; border-top:none;}
#footer_wrap > div > ul > li > ul > li::before{left:13px; top:21px;}
#footer_wrap > div > ul > li > ul > li.footer_smp_top::before{left:3px;}
#footer_wrap > div > ul > li > ul > li > a{font-size:91.7%; display:block; padding:13px 20px 15px 25px;}
#footer_wrap > div > ul > li > ul > li.footer_smp_top > a{padding-left:15px;}
.footer_bottom ul{margin:0 0 25px;}
.footer_bottom ul li.footer_amic a{
	padding:9px 0 10px 34px;
	background:url(../image/icon_popup_red.svg) no-repeat left 22px center / 9px 9px;
}
.footer_bottom{
	border-top:none;
	padding:0 20px 0;
	margin:0;
}
.footer_box{display:block; text-align:center;}
.footer_logo {
	position: static;
	margin: auto;
}
footer small{
	font-size:75%;
	margin:13px 0 0;
	text-align:center;
	line-height: 1.5em;
}
footer small span{
	display:inline-block;
	margin-bottom:8px;
}

/* トップ */
#index_nav{display:none;}
#mv{
	padding-top:0;
	padding-bottom:7px;
}
#mv::after{
	background-size:cover;
	height:90px;
	width:400px;
	bottom:78px;
	right:-65px;
}
#mv::before{
	background-size:cover;
	height:90px;
	width:400px;
	left:calc(50% - 560px);
}
#mv > h1{font-size:83.3%;}
#mv > h1 > img{width:250px;}
#mv > h1 span{margin:11px 0 0; font-size:130%;}
.en_site #mv > h1 span br{display:inline;}

.slick-slide.slide_1{background:url(../image/slide_smp_1.jpg) no-repeat center center / cover;}
.slick-slide.slide_2{background:url(../image/slide_smp_2.jpg) no-repeat center center / cover;}
.slick-slide.slide_3{background:url(../image/slide_smp_3.jpg) no-repeat center center / cover;}
.slick-slide.slide_4{background:url(../image/slide_smp_4.jpg) no-repeat center center / cover;}

#scroll_wrap{font-size:93.3%; top:-40px;}
#scroll_wrap::after{height:30px; top:25px;}

#lines > div:first-child{left:calc(50% - 54px);}
#lines > div:nth-child(2){right:calc(50% - 54px);}
#lines > div:nth-child(3){left:calc(50% - 161px);}
#lines > div:last-child{right:calc(50% - 161px);}

.index_wrap{width:auto;}
a.index_green_btn{
	width:180px;
	height:44px;
	font-size:100%;
	padding:12px 0 0 20px;
}
a.index_green_btn::after{top:-1px;}

#index_wrap section h2{font-size:158.3%; line-height:2em;}
#index_wrap section h2 span{font-size:50%; line-height:2.5em;}
#index_pro_l h2 span, #index_wor_r h2 span{margin:0 0 0 7px;}
#index_sec4 h2 span, #index_sec5 h2 span, #index_sec6 h2 span{margin:-5px 0 0;}

#index_sec1{padding:35px 0 60px; overflow:hidden;}
#index_sec1::before{height:769px;}
#index_sec1::after{
	width:400px;
	height:90px;
	background-size:cover;
	bottom:41px;
	right:-65px;
}
#index_sec1 h2{margin:0 0 10px;}
#index_way_list{flex-wrap:wrap; margin:0 0 60px;}
#index_way_list li{
	width:46.4%;
	margin-right:7.2%;
	margin-bottom:58px;
}
#index_way_list li:nth-child(2n){margin-right:0;}
#index_way_list li:nth-last-child(-n+2){margin-bottom:0;}
#index_way_list li a .thum img.no{transform:scale(0.8); left:5px; top:-22px;}
#index_way_list li:nth-child(2n) a .thum img.no{left:0;}

#index_way_list li a .cap{padding:16px 14px 56px;}
#index_way_list li a .cap h3{font-size:100%; line-height:1.6em; margin-bottom:9px;}
#index_way_list li a .cap p{font-size:75%;}

#index_way_list li a .readmore{
	font-size:75%;
	background-size:15px 3px;
	padding:0 34px 1px 0;
	bottom:12px;
	background-position:right 15px center;
	width:70px;
}
#index_way_list li a:hover .readmore{background-position:right 10px center;}

#index_sec2{padding:70px 0 50px;}
#index_sec2::before{width:calc(50% + 80px); height:calc(100% - 140px);}
#index_sec2::after{display:none;}
#index_pro_l{width:auto;}
#index_pro_l h2{margin:0 0 20px;}
#index_pro_l > img{margin:0 0 0 -20px; display:block;}
#index_pro_r{margin:-43px 0 0; width:100%;}
#index_pro_r > div{padding:25px 19px 46px;}
#index_pro_r div h3{font-size:116.7%; margin-bottom:13px;}
#index_pro_r div p{font-size:100%;}
#index_pro_r a.index_green_btn{margin:-23px auto 0;}

#index_sec3{padding:50px 0;}
#index_sec3::before{width:calc(50% + 80px); height:calc(100% - 130px);}
#index_wor_r{width:auto; margin:0; position:relative; right:-20px;}
#index_wor_r h2{margin:0 0 20px;}
#index_wor_r > img{display:block;}
#index_wor_l{width:auto; margin:-43px 0 0;}
#index_wor_l > div{padding:26px 19px 46px;}
#index_wor_l div h3{font-size:116.7%; margin-bottom:13px;}
#index_wor_l div p{font-size:100%;}
#index_wor_l a.index_green_btn{margin:-22px auto 0;}

#index_sec4{padding:40px 0 0;}
#index_sec4 h2{margin:0 0 30px;}
#index_comp_bg{height:200px;}
#index_sec4 .index_wrap > div{margin:-40px 0 0; padding:25px 20px 34px;}
#index_sec4 ul{text-align:left; overflow:hidden;}
#index_sec4 ul li{
	display:block;
	float:left;
	width:50%;
	padding:0;
	margin-bottom:11px;
}
#index_sec4 ul li::before, #index_sec4 ul li::after{display:none;}
#index_sec4 ul li a{font-size:100%; background:url(../image/arrow_right_black.svg) no-repeat left center / 3px 5px; padding:0 0 0 11px;}
#index_sec4 a.index_green_btn{margin:-20px auto 0;}

#index_sec5{padding:50px 0;margin-bottom: 50px;}
#index_sec5::before{width:calc(50% + 80px); height:calc(100% - 140px);}
#index_sec5 h2{margin-bottom:15px; text-align: left;}
#index_sec5 h2 span{display: inline-block; margin: 0 0 0 7px;}
#index_recruit_l{width: 100%; margin-left: -20px;}
#index_recruit_r{width: 100%; margin: -43px 0 0 0;}
#index_recruit_r div{padding: 25px 19px 46px;}
#index_recruit_r div h3 {font-size:116.7%; margin-bottom:13px;}
#index_recruit_r div p {font-size: 100%;}
#index_recruit_r a.index_green_btn{margin: -23px auto 0;}

#index_sec6{padding:40px 0 70px;}
#index_sec6 h2{margin:0 0 30px;}
#index_sec6 .index_wrap > div{padding:24px 15px 40px;}
#index_news_nav{padding:0; overflow:hidden; margin:0 0 18px;}
#index_news_nav li{
	display:block;
	float:left;
	margin-right:4%;
	margin-bottom:10px;
	width:48%;
}
#index_news_nav li:nth-child(2n){margin-right:0;}
#index_news_nav li a{
	text-align:center;
	font-size:91.7%;
	padding-bottom:7px;
}
#index_news_nav li a::before{
	background:#DADADA;
	bottom:2px;
	content:"";
	display:block;
	height:1px;
	position:absolute;
	left:0;
	width:100%;
}

.news_list li a{
	display:block;
	font-size:100%;
	padding:13px 10px;
}
.news_list li a > div{display:inline-block;}

.news_day{
	font-size:75%;
	width:84px;
}
.news_cate{
	width:auto;
}
.news_cate > span{
	box-sizing:border-box;
	font-size:75%;
	height:18px;
	line-height:17px;
	min-width:70px;
	padding:0 4px;
	width:auto;
}
.news_list li a > div.title{
	display:block;
	font-size:91.7%;
	margin-top:5px;
}

.pc_img{display:none !important;}
.smp_img{display:inline;}
#index_sec7{padding:50px 0 70px;}
#index_sec7 a{display:block;}
#index_sec7 a > div{width:100%;}
.amic_img img.pc_img{display:block !important;}
.amic_txt{padding:20px 20px 28px;}
.amic_txt h2 img{width:70px;}
.amic_txt p{font-size:100%;}
.amic_txt p.to_amic_txt{
	position:static;
	text-align:right;
	font-size:75%;
	margin-top:12px;
}

/* 下層 */
#contents{padding-top:62px; font-size:108.3%;}

/* c1 */
.c1_h1_wrap{min-height:220px;}
.c1_h1_wrap::before{height:180px; top:30px; width:62.5%;}
.c1_h1_img_wrap{height:180px; width:84.375%}
.c1_h1_area{width:auto; padding:65px 20px 0;}
.c1_h1_box{width:auto;}
.c1_h1_bg{padding:20px 20px 23px;}
.c1_h1_bg div{font-size:61.5%; padding:0 0 0 22px; margin:0 0 5px;}
.c1_h1_bg div::before{width:15px; top:2px;}
.c1_h1_bg h1{font-size:138.5%;}

.c1_area{width:auto; padding:0 20px;}
#contents ul#c1_list{margin:40px 0 0;}
#contents ul#c1_list li ,
#contents ul#c1_list.company li:first-child, #contents ul#c1_list.company li:nth-child(2) ,
#contents ul#c1_list.insight li{
	width:100%;
	margin-right:0;
	margin-bottom:50px;
}
#contents ul#c1_list li a ,
#contents ul#c1_list.company li:first-child a, #contents ul#c1_list.company li:nth-child(2) a ,
#contents ul#c1_list.insight li a{
	padding:49% 0 0;
}
.c1_thum{height:auto;}
.c1_txt ,
#contents ul#c1_list.company li:first-child .c1_txt, #contents ul#c1_list.company li:nth-child(2) .c1_txt ,
#contents ul#c1_list.insight li .c1_txt{
	padding:21px 25px 40px;
	margin:0 15px 0;
}
#contents .c1_txt h2 ,
#contents ul#c1_list.company li:first-child .c1_txt h2, #contents ul#c1_list.company li:nth-child(2) .c1_txt h2 ,
#contents ul#c1_list.insight li .c1_txt h2 {
	font-size: 107.7%;
	margin:0 0 12px;
}
#contents .c1_txt p{font-size:92.3%;}
#contents .c1_txt p.more{font-size:84.6%; bottom:9px; background-size:15px 3px; right:2px; padding:0 41px 0 0;}

/* c2 */
.local_nav_wrap{top:45px; z-index:100;}
#local_nav{right:20px; top:14px;}
#contents .local_top_btn a{
	padding:6px 13px 6px 31px;
	min-width:0;
	font-size:69.2%;
	text-decoration:none;
}
#contents .local_top_btn a::before, #contents .local_top_btn a::after, #contents .local_top_btn a span{width:10px; height:1px; left:14px;}
#contents .local_top_btn a::before{top:12px;}
#contents .local_top_btn a span{top:16px;}
#contents .local_top_btn a::after{bottom:11px;}
#contents .local_top_btn a.open::before{transform:rotate(-45deg) translate3d(-2px, -2px, 0px); width:12px; height:1px;}
#contents .local_top_btn a.open::after{transform:rotate(45deg) translate3d(-2px, 2px, 0px); width:12px; height:1px;}
#contents #local_nav ul{white-space:normal; width:calc(100vw - 40px);height: calc(100vh - 100px);}
#contents #local_nav ul::before{right:10px;}
#contents #local_nav ul li a{font-size:84.6%; padding:12px 5px 14px 31px;}
#contents #local_nav ul li.local_top a{font-size:92.3%; padding:7px 5px 17px 14px;}
#contents #local_nav ul li a::before{width:5px; top:22px;}
#contents #local_nav ul li.local_top a::before{top:18px; width:7px;}

.c2_h1_wrap{min-height:180px;}
.c2_h1_wrap::after , .c2_h1_wrap::before{width:84.375%; height:150px;}
.c2_h1_area{padding:35px 20px 0;}
.c2_h1_box{width:auto;}
.c2_h1_box div{font-size:61.5%; padding-left:42px;}
.c2_h1_box div::before{width:15px; left:20px; top:2px;}
.c2_h1_box h1{
	font-size:138.5%;
	margin:4px 0 0;
	padding:18px 20px 20px;
	width:auto;
}

.c2_h1_wrap.message , .c2_h1_wrap.appeal , .c2_h1_wrap.topmessage,
.c2_h1_wrap.data , .c2_h1_wrap.recruiter , .c2_h1_wrap.job ,
.c2_h1_wrap.welfare , .c2_h1_wrap.training , .c2_h1_wrap.office-tour{
	height:auto;
	margin-bottom:30px;
	background:none;
}
.c2_h1_wrap.message::before , .c2_h1_wrap.message::after ,
.c2_h1_wrap.appeal::before , .c2_h1_wrap.appeal::after ,
.c2_h1_wrap.topmessage::before , .c2_h1_wrap.topmessage::after,
.c2_h1_wrap.data::before , .c2_h1_wrap.data::after ,
.c2_h1_wrap.recruiter::before , .c2_h1_wrap.recruiter::after ,
.c2_h1_wrap.job::before , .c2_h1_wrap.job::after ,
.c2_h1_wrap.welfare::before , .c2_h1_wrap.welfare::after ,
.c2_h1_wrap.training::before , .c2_h1_wrap.training::after ,
.c2_h1_wrap.office-tour::before , .c2_h1_wrap.office-tour::after{
	height:68.75vw;
}
.message .c2_h1_area ,
.appeal .c2_h1_area ,
.topmessage .c2_h1_area,
.data .c2_h1_area ,
.recruiter .c2_h1_area ,
.job .c2_h1_area ,
.welfare .c2_h1_area ,
.training .c2_h1_area ,
.office-tour .c2_h1_area{
	padding: 0;
}
.message .c2_h1_area::before, .appeal .c2_h1_area::before, .topmessage .c2_h1_area::before,
.data .c2_h1_area::before ,.recruiter .c2_h1_area::before ,
.job .c2_h1_area::before ,.welfare .c2_h1_area::before ,
.training .c2_h1_area::before , .office-tour .c2_h1_area::before{
	content:"";
	width:100%;
	display:block;
	height:68.75vw;
}
.message .c2_h1_area::before{background:url(../image/pic_message_smp.jpg) no-repeat center center / cover;}
.topmessage .c2_h1_area::before{background:url(../image/h1_message_smp.jpg) no-repeat center center / cover;}
.appeal .c2_h1_area::before{background:url(../image/h1_appeal_smp.jpg) no-repeat center center / cover;}
.data .c2_h1_area::before{background:url(../image/h1_data_smp.jpg) no-repeat center center / cover;}
.recruiter .c2_h1_area::before{background:url(../image/h1_recruiter_smp.jpg) no-repeat center center / cover;}
.job .c2_h1_area::before{background:url(../image/h1_job_smp.jpg) no-repeat center center / cover;}
.welfare .c2_h1_area::before{background:url(../image/h1_welfare_smp.jpg) no-repeat center center / cover;}
.training .c2_h1_area::before{background:url(../image/h1_training_smp.jpg) no-repeat center center / cover;}
.office-tour .c2_h1_area::before{background:url(../image/h1_office-tour_smp.jpg) no-repeat center center / cover;}

.message .c2_h1_box ,
.appeal .c2_h1_box ,
.topmessage .c2_h1_box,
.data .c2_h1_box ,
.recruiter .c2_h1_box ,
.job .c2_h1_box ,
.welfare .c2_h1_box ,
.training .c2_h1_box ,
.office-tour .c2_h1_box{
	padding:20px 0 0;
	display:block;
	margin:-20px 20px 0;
}
.message .c2_h1_box h1 ,
.appeal .c2_h1_box h1 ,
.topmessage .c2_h1_box h1,
.data .c2_h1_box h1 ,
.recruiter .c2_h1_box h1 ,
.job .c2_h1_box h1 ,
.welfare .c2_h1_box h1 ,
.training .c2_h1_box h1 ,
.office-tour .c2_h1_box h1{
	font-size:138.5%;
	padding:5px 20px 23px 20px;
	display:block;
}
.content_area{width:auto; padding:0 20px;}

#contents h2{font-size:130.8%; margin:60px 0 20px; padding:0 0 13px;}
#contents h3{font-size:115.4%; margin:42px 0 20px; padding:0 0 12px;}
#contents h4{font-size:115.4%; margin:37px 0 14px; padding-left:15px;}
#contents h4::before{top:10px;}
#contents h5{margin:37px 0 14px;}
#contents table{font-size:92.3%;}
#contents table th, #contents table td{padding:8px 10px 9px;}
#contents ul.pl_link{margin:40px 0 0; border-bottom:#EAEAEA 1px solid;}
#contents ul.pl_link li{
	float:none;
	margin-right:0;
	border-top:#EAEAEA 1px solid;
}
#contents ul.pl_link li a{
	display:block;
	font-size:84.6%;
	padding:9px 10px 11px 17px;
	background-position:top 17px left;
}
#contents .txt_center ul.pl_link{display:block; text-align:left;}

.smp_br{display:inline;}
.pc_br{display: none;}

#contents .content_area > p:first-child{margin-top:45px;}
.content_footer{width:auto; padding:0 20px;}
#pager{margin:60px 0 0; padding:0 0 10px;}
#pager > div{margin-top:20px;}
#contents #pager a{font-size:84.6%;}
#contents #pager a::before{top:9px;}
#contents #pager_l a{padding:0 0 0 13px;}
#contents #pager_r a{padding:0 12px 0 0;}
#pankuzu{font-size:84.6%; margin:24px 8px 87px;}
.content_area img{margin:5px 0; vertical-align:bottom;}

.column_2 > div , .column_3 > div{width:100%; margin-right:0;}
.column_2 > div:last-child , .column_3 > div:last-child{margin-bottom:0;}
.column_2 > div img , .column_3 > div img{margin:5px auto;}
.txt_box .img{float:none; margin-right:0; margin-bottom:20px;}
.txt_box .img_r{float:none; margin-left:0; margin-bottom:20px;}
.content_area .txt_box img{margin:5px auto;}

.acc_head {font-size:106.6666666%;}
.acc_content{padding:23px 30px 0;}
.acc_content h3{font-size:100% !important;}

.cta_contact_wrap.works_contact{margin:50px 0 0; padding:25px 20px 20px;}
#contents .cta_contact_wrap.works_contact h2{margin:0 0 20px;}
#contents .cta_contact_wrap.works_contact a.btn{
	width:180px;
	padding:10px 0;
	min-width:0;
	margin:10px auto 0;
}

/* INSIGHT */
.sbg_h1_bg{
	height:auto;
	background:#333;
	display:block;
}
.sbg_h1_bg::before{
	display:block;
	content:"";
	background:url(../image/pic_small-but-global_catch_smp.jpg) no-repeat center center / cover;
	width:100%;
	height:87.5vw;
}
.sbg_h1_wrap{
	width:auto;
	padding:0 20px;
	margin-top:-80px;
}
.sbg_h1_txt_bg{
	width:auto;
	padding:20px 20px 25px;
}
.sbg_n_c > span.sbg_n, .ins_n_c > span.ins_n{
	font-size: 115.4%;
	padding:0 7px 0 0;
}
.sbg_n_c > span.sbg_n::before, .ins_n_c > span.ins_n::before{height:8px; bottom:-2px;}
.sbg_n_c > span.sbg_c, .ins_n_c > span.ins_c{font-size:61.5%; padding:0 0 0 9px;}
.sbg_h1_wrap h1{
	font-size:138.5%;
	margin:10px 0;
}
.sbg_h1_wrap h1 br:nth-child(2){display:none;}
#contents .sbg_h1_wrap p{margin:0;}
.ins_h1_bg{
	height:auto;
	background:#333 !important;
}
.ins_h1_bg::before{
	content:"";
	display:block;
	width:100%;
	height:87.5vw;
}
.ins_h1_bg.ins_history::before{background:url(../image/pic_history_catch_smp.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_life::before{background:url(../image/pic_life_catch_smp.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_global::before{background:url(../image/pic_global_catch_smp.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_research::before{background:url(../image/pic_research_catch_smp.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_contribution::before{background:url(../image/pic_contribution_catch_smp.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_sbt::before{background:url(../image/pic_sbt_catch_smp.jpg) no-repeat center center / cover;}
.ins_h1_bg.ins_agriculture::before{background:url(../image/pic_agriculture_catch_smp.jpg) no-repeat center center / cover;}
.ins_h1_wrap{
	width:auto;
	padding:0 20px;
	margin-top:-80px;
}
.ins_h1_box{display:block; top:0; height:auto;}
.ins_h1_area{display:block; padding:20px 20px 18px;}
.ins_h1_area h1{font-size:138.5%; margin:10px 0 0;}

.ins_catch_box{
	padding:25px 0 35px;
	margin-bottom:30px;
}
#contents .ins_catch_box .ins_area h2{
	font-size:123.1%;
	line-height:1.7em;
	margin-bottom:19px;
}
#contents .ins_catch_box .ins_area p{font-size:100%; text-align:left;}
#contents .ins_area h2{font-size:130.8%; line-height:1.6em; margin:50px 0 20px;}
#contents .ins_area p{font-size:100%;}
.ins_area .column_2{margin-top:25px; margin-bottom:20px;}
.ins_area .column_2 > div{margin-bottom:20px;}
.ins_area .column_2 > div:last-child{margin-bottom:0;}
.ins_area .column_2 > div > :last-child{margin-bottom:0 !important;}
.ins_area .column_2 > div img{width:100%; height:auto;}
.simply-scroll{margin:0 0 53px;}
#contents ul.ins_slide{margin:5px 0 0;}
.simply-scroll .simply-scroll-list li{width:160px !important; height:auto !important;}
.history_top_img{display:none !important;}
.smp_ins_history{display:block;}
#contents .smp_ins_history ol{
	list-style:none;
	padding:33px 0 34px;
	margin:40px 0 0;
	position:relative;
}
#contents .smp_ins_history ol::before{
	content:"";
	display:block;
	background:#CCC;
	height:100%;
	width:2px;
	position:absolute;
	left:73px;
	top:0;
}
#contents .smp_ins_history ol li{display:flex; width:100%; margin-bottom:36px;}
#contents .smp_ins_history ol li:last-child{margin-bottom:0;}
.his_y{
	position:relative;
	font-weight:bold;
	width:112px;
}
.his_y::before{
	content:"";
	display:block;
	position:absolute;
	width:40px;
	height:2px;
	background:#CCC;
	top:10px;
	left:62px;
}
.his_y::after{
	content:"";
	display:block;
	background:#43A433;
	width:8px;
	height:8px;
	border-radius:10px;
	position:absolute;
	top:7px;
	left:70px;
}
.his_txt{flex:1;}
.history_img_bg{margin:20px 0 54px; padding:30px 0 56px;}
#contents .history_img_bg .ins_area h2{margin-bottom:14px;}
#contents .history_img_bg .ins_area p{margin:0;}
#contents .history_img_bg ul{margin:23px 0 0;}
#contents .history_img_bg ul li{width:30.7%; margin-right:3.95%; margin-bottom:0;}
#contents .history_img_bg ul li:nth-child(5n){margin-right:3.95%;}
#contents .history_img_bg ul li:nth-child(3n){margin-right:0;}
.bg_earth{padding:58px 20px 0; height:400px; background-size:auto auto;}
#contents .bg_earth h2{font-size:130.8%; margin:0 0 20px;}
#contents .bg_earth p{font-size:100%;}
.ins_people_bg{background:none !important; height:auto; margin:40px 0 0;}
.ins_people_bg::before{content:""; display:block; height:81.25vw;}
.ins_people_bg.life_people::before{background:url(../image/pic_life_6_smp.jpg) no-repeat center center / cover;}
.ins_people_bg.research_people::before{background:url(../image/pic_research_5_smp.jpg) no-repeat center center / cover;}
.ins_people_bg.contribution_people::before{background:url(../image/pic_contribution_8_smp.jpg) no-repeat center center / cover;}
.ins_people_wrap{
	width:auto;
	padding:0 20px;
	display:block;
	height:auto;
	margin-top:-30px;
}
.ins_people_box{width:auto; display:block; height:auto; min-width:0;}
.ins_people_area{display:block; padding:15px 20px 20px;}
.ins_people_name{font-size:100%;}
.ins_people_name strong{font-size:138.5%;}
#contents p.ins_people_date{font-size:100%; margin:22px 0 0;}

/* 製品紹介 */
.pro_cate_c1_img{height:150px; width:84.375%;}
.case_function_img img{margin:30px auto 0;}
#contents ul#pro_cate_list{margin:45px 0 40px;}
#contents ul#pro_cate_list li{
	width:100% !important;
	margin-right:0 !important;
	min-height:55px;
	margin-bottom:15px;
}
#contents ul#pro_cate_list li a{padding:5px 50px 7px 15px; font-size:100%;}
#contents p.cate_desc{margin:30px 0 -10px;}
.products .c2_h1_box div {padding-left: 41px;}


.c2_h1_wrap.main .c2_h1_area {
	padding: 50px 20px 85px;
}
#contents .c1_cate1_txt ul {
	border-top: 1px solid #CCC;
}
#contents .c1_cate1_txt ul li {
	width: 100%;
	margin: 0;
}
#contents .c1_cate1_txt ul li a {
	display: block;
	padding: 14px 10px 12px 16px;
	background: url(../image/arrow_right_black.svg) no-repeat left center / 6px 10px;
	border-bottom: 1px solid #CCC;
}
#contents .c1_cate1_txt h2 {
	font-size: 92.3%;
	padding: 0 0 18px;
	margin: 0 0 24px;
}
#contents .c1_cate1_txt {
	padding: 20px;
}

/* 開発事例 */
.works_bg_g_box{padding:25px 20px;}
#contents .works_bg_g_box h4{margin:20px 0 14px;}
#contents table.case03_table{margin:0 0 20px;}
.works_b_g_box{padding:0 20px 16px;}
#contents .works_b_g_box h3{font-size:115.4%;}
.works_b_gray_box{padding:10px 20px 5px;}
#contents .works_b_gray_box table{font-size:84.6%;}
#contents .works_b_gray_box table th, #contents .works_b_gray_box table td{
	display:block;
	width:100%;
	box-sizing:border-box;
}
#contents .works_b_gray_box table th::before{top:5px;}
#contents .works_b_gray_box table td{padding-bottom:10px;}
#contents table.case03_table_2 th, #contents table.case03_table_2 td{display:block; width:100% !important; box-sizing:border-box;}
#contents table.case03_table_2 td{padding-left:20px !important; text-align:left !important;}

#contents ul.works_flow_2{flex-wrap:wrap;}
#contents ul.works_flow_2 li{
	width:100%;
	margin-right:0;
	padding:15px 15px 5px;
	margin-bottom:30px;
}
#contents ul.works_flow_2 li:first-child::after{
	right:0;
	top:auto;
	bottom:-28px;
	left:0;
	transform:rotate(90deg) scale(.8);
}
#contents ul.works_flow_2 li:last-child{margin-bottom:0;}
#contents ul.works_flow_2 li h3{font-size:115.4%;}



/* 代表ご挨拶 */
#contents h2.comp_message{font-size:123.1%; margin:30px 0 25px; line-height:1.6em;}

/* 会社概要 */
img.catch_img{margin:5px auto;}

/* 技術開発への取り組み */
.concept_seeds{display:block;}
.concept_seeds > div{width:auto; margin-right:0;}
#contents .concept_seeds_h3 h3{padding:0;}

/* csrへの取り組み */
.g_border_box{padding:25px 20px 15px;}
.g_border_box > *:first-child{margin-top:0 !important;}


/* SDGs */
.column_2.sdgs > div img{width:100%;}
.sdgs_relation_box{flex-wrap:wrap;}
.sdgs_relation_item{width:48.5%; margin-right:3%;}
.sdgs_relation_item:nth-child(2){margin-right:0 !important;}

/* 製品紹介 */
#contents .pro_c1_tab ul{margin:40px 0 0;}
#contents .pro_c1_tab ul li{width:30.7%; margin-right:3.95%;}
#contents .pro_c1_tab ul li a{
	text-align:center;
	font-size:84.6%;
	padding:8px 14px 7px;
	line-height:1.6em;
}
#contents ul.pro_top_list{margin:35px 0 0;}
#contents ul.pro_top_list > li {
	width: 100%;
	margin-right: 0;
}
.pro_top_txt{margin:-20px 15px 0; padding:20px;}
#contents .pro_top_txt h2{font-size:92.3%; padding:0 0 18px; margin:0 0 24px;}
#contents .pro_top_txt h2 a{padding:0 20px 0 0; background-size:15px auto; background-position:right center;}
#contents .pro_top_txt p{font-size:84.6%;}
#contents .pro_top_txt ul{
	font-size:84.6%;
	margin:20px 0 0;
	border-bottom:#EAEAEA 1px solid;
}
#contents .pro_top_txt ul li{
	width:100%;
	margin-right:0;
	background:none;
	margin-bottom:0;
	padding:0;
	border-top:#EAEAEA 1px solid;
}
#contents .pro_top_txt ul li a{
	background:url(../image/arrow_right_black.svg) no-repeat left top 18px / 6px 10px;
	padding:14px 10px 12px 16px;
	display:block;
}

.products_c2_h1_wrap, .news_c2_h1_wrap{padding:35px 20px; margin-bottom:45px;}
.products_c2_h1_area, .news_c2_h1_area{width:auto; padding:14px 21px 17px;}
.products_c2_h1_box h1, .news_c2_h1_box h1{font-size:115.4%; line-height:1.65em;}
.products_c2_h1_wrap{padding: 30px 20px 35px;margin-bottom: 40px;}
.pro_parent_cate {padding: 0 20px 0 50px;}
.pro_parent_cate::before {width: 20px;left: 20px;}
#contents .products ul#c1_list {margin-top: 40px;}
#contents .products ul#c1_list li:last-child {margin-bottom: 48px;}
/* .pro_fn .c2_h1_area {padding: 35px 20px 80px;} */
#contents ul.pro_top_list > li{margin-bottom:30px;}
/* 関連製品 */
.related_list{
	display:block;
	padding:0 !important;
}
.related_item{
	width:auto !important;
	margin:0 0 20px !important;
}
.related_link {
	display: flex !important;
	align-items: center;
}
.related_thumb {
	width: 31%;
	margin-right: 3%;
}
.related_txt {
	font-size:84.6411%;
	padding-left:25px;
	padding: 0 45px 0 0;
	width:66%;
	margin:0 !important;
	box-sizing:border-box;
	background: #fff url(../image/arrow_black.svg) no-repeat center right 5px;
}
.margin_adjust .btn{padding:10px 0 !important;}


/* 採用情報 */
.c1_h1_wrap.recruit{height:320px;}
.recruit.c1_h1_wrap::before{height:290px; height:84.375%;}
.recruit .c1_h1_img_wrap{height:220px;}
.recruit .c1_h1_area{padding-top:200px;}
.recruit .c1_h1_box{width:auto;}
.recruit_news{
	width:auto;
	margin:30px 20px 0;
	padding:30px 0 40px;
	display:block;
}
.recruit_news_head{
	width:auto;
	padding:0;
	margin-right:0;
	text-align:center;
	margin-bottom:30px;
}
#contents .recruit_news_head h2{font-size:146.2%; line-height:2em;}
#contents .recruit_news_head h2 span{font-size:50%; margin-top:0;}
.recruit_news_head img{width:78px;}
.recruit_news_txt{width:auto; font-size:92.3%;}
.recruit_news .news_list li a{padding:7px 10px 10px;}
#contents ul#recruit_c1_list{margin:40px 0 100px;}
#contents ul#recruit_c1_list li{margin-bottom:60px;}
.recruit_c1_wrap{width:auto; padding:0 20px;}
.recruit_c1_wrap .c1_thum{
	height: 224px !important;
	width:auto;
	overflow: hidden;
}
.recruit_c1_wrap .c1_thum img{
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
.rec_pc_thum{display:none !important;}
.rec_smp_thum{display:block !important;}
.double_area::before{height: 627px;}
.double_area .recruit_c1_wrap .c1_thum{height: 188px !important;}
.recruit_list_double{
	margin-top: 100px !important;
	grid-template-columns: 1fr;
	grid-gap: 20px;
}
#contents .recruit_c1_wrap .recruit_list_double .c1_thum{height: 187px !important;}
#contents .recruit_c1_wrap .c1_txt{margin:-20px 15px 0 !important; width:auto; padding:20px 25px 50px;}
.recruit_list_double .c1_txt h2 {margin-bottom: 12px !important;}
#contents .recruit_c1_wrap .c1_txt p.more{padding:0 40px 0 0; bottom:20px;}
#contents .recruit_c1_wrap .c1_txt h2{font-size:107.7%; margin:0 0 12px;}
#contents ul#recruit_c1_list li:first-child::before , #contents ul#recruit_c1_list li:nth-child(3)::before,#contents ul#recruit_c1_list li:nth-child(5)::before{height:246px; bottom:-20px; width:47.1875%; left:auto; right:0;}
#contents ul#recruit_c1_list li:nth-child(2)::before , #contents ul#recruit_c1_list li:nth-child(4)::before{height:367px; bottom:-20px; width:47.1875%; right:auto; left:0;}
#contents .cta_contact_wrap h2{font-size:146.2%; margin-bottom:15px;}
#contents .cta_contact_wrap h2 span{font-size:63.2%; margin:5px 0 0;}

.recruit_top .btn_b{
	width: 250px !important;
	font-size: 95% !important;
	padding: 16px 20px !important;
}
.recruit_top .txt_center {
	margin: 0 0 13px !important;
}
/* トップメッセージ */
#contents .topmessage_head h2{font-size:123.1%; margin:0 0 20px;}
#contents .topmessage_head p{font-size:100%;}
.topmessage_head{margin:0 0 35px;}
div[class^="topmes_box"]{padding:0; font-size:92.3%;}
div[class^="topmes_box"]::before{display:none;}
.topmes_img{display:block; width:100%; max-width:none;}
.topmes_txt{width:auto; margin:25px 20px; padding:0;}
#contents .topmes_txt h3{font-size:116.7%; margin:0 0 10px;}

/* 数字で見るナミックス */
.l_img_box{display: block;}
.l_img{width: 100%;;}
.l_img img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
.r_txt{
	padding: 26px 20px 20px;
	height: auto;
	width: calc(100% - 40px);
}
.r_txt p {
	font-size: 86.666%;
	letter-spacing: 0;
	line-height: 22.1px;
}
.content_area .r_txt img{width: 107px;}
.recruit_link_box{
	margin: 15px 0;
	padding: 15px;
}
.column_2.data,.column_3.data{
	grid-template-columns: 1fr;
	grid-gap: 0;
	padding-top: 5px;
}
.column_2.data div img{
	max-width: none;
	width: 100%;
}
.recruit_contact{
	margin:35px 0 0 !important;
	padding: 28px 20px 30px !important;
}
.recruit_top {
	max-width: none;
	margin: 35px 20px 0 !important;
	padding: 20px !important;
}
.r_cta_title{font-size: 16px;}
.r_btn_box{display: block;}
.r_btn_box p{margin: 0 !important;}
#contents .recruit_contact a.btn {
	padding: 15px 20px 15px 20px;
}
.recruit_img{
	margin: 10px 0 0 0 !important;
}
.recruit_b_img {
	margin: 0 !important;
}
/* 採用担当メッセージ */
.recruiter_box{
	padding: 8px 20px;
	margin-top: 19px;
}
.recruiter_box ul li{
	letter-spacing: 0;
	line-height: 22.1px;
}

/* 職種紹介 */
.pl_link_area{
	display: block;
	border: none;
	padding: 0;
}
.tech_area {
	padding: 20px;
	margin: 10px 0;
}
.tech_ttl{margin-bottom: 7px !important;}

/* 働く環境 */
.welfare_office{display: block;}
.content_area img{width: 100%;}
.info_box{
	grid-template-columns: 1fr;
	grid-gap: 10px;
}
.i_ttl {
	font-size: 115.4%;
	letter-spacing: 0;
	line-height: 25.5px;
	margin-top: 0 !important;
}
.img_txt > p,.img_txt p img{margin: 0 !important;}

/* ナミックスの魅力 */
.appeal_box{padding-top:0; margin-top:70px; margin-bottom:85px;}
.appeal_box::before{height:256px; width:46.7897%; left:-20px; top:-30px;}
.appeal_box.img_l::before{right:-20px;}
.appeal_box::after{width:50px; height:30px; top:-27px; background-size:auto 100% !important;}
.appeal_img{position:relative; width:100%;}
.content_area .appeal_img img{margin:0; width:100%;}
.appeal_txt{width:auto; padding:0; margin:25px 0 0 !important;}
#contents .appeal_txt h2{font-size:107.7%; margin-bottom:13px;}

/* 教育制度・キャリア */
.column_2.training div{margin-bottom: 0;}

/* オフィスツアー */
.c2_h1_wrap.office-tour{margin-bottom: 23px;}
.info_txt{margin: 0 auto 16px !important;}
.info_txt .top{
	font-size: 85%;
	letter-spacing: 0;
	line-height: 25px;
}
.column_2_desc{margin-bottom: 12px !important;}
.column_2_desc img{margin-bottom: 10px !important;}

/* FAQ */
.faq_box{margin-bottom:12px;}
.faq_box::before{
	width:6px;
	height:6px;
	left:13px;
	top:17px;
}
#contents h3.q_head{
	font-size:92.3%;
	padding:10px 31px 11px;
}
#contents h3.q_head::before, #contents h3.q_head::after{width:10px; right:16px; top:19px; margin:0;}
.a_box{padding:0 30px 16px;}
#contents .a_box p{font-size:92.3%;}

/* 募集要項 */
.rec_catch_box{margin:40px 0 0; min-height:0; padding:0;}
.rec_catch_box::before{height:156px; width:46.8%; bottom:-20px;}
.rec_catch_img{width:89.3%; position:relative;}
.content_area .rec_catch_img img{margin:0;}
.rec_catch_txt{width:calc(100% - 20px); padding:15px 10px 16px 15px; font-size:92.3%; margin-top:-52px;}

.cta_contact_wrap{margin:50px 0 0; padding:25px 20px 20px;}
#contents .cta_contact_wrap a.btn{width:240px; padding:13px 20px 17px 20px;}

/* ニュース */
#contents ul.news_cate_list{flex-wrap:wrap; margin:33px 0 0;}
#contents ul.news_cate_list li{width:48.2%; margin-right:3.6%; margin-bottom:6px;}
#contents ul.news_cate_list li:nth-child(2n){margin-right:0;}
#contents ul.news_cate_list li a{font-size:92.3%; padding:8px 5px 7px;}
#contents ul.news_cate_list li a::after{bottom:-2px;}
#contents ul.news_arc_list{margin:27px 0 40px;}
#contents ul.news_arc_list li a{font-size:92.3%; width:46px; padding:2px 0;}
#contents ul.news_list.news_c1_list li a{
	padding:17px 10px 18px;
	font-size:92.3%;
}
.news_c1_list .news_day{font-size:100%; width:110px;}
.news_c1_list .news_cate > span{
	min-width:86px;
	width:auto;
	font-size:75%;
	line-height:16px;
	position:relative;
	top:-2px;
}
.news_c1_list.news_list li a > div.title{font-size:100%;}
.news_pager{margin:50px 0 0; padding:0 35px 25px;}
#contents .wp-pagenavi a, #contents .wp-pagenavi span{
	font-size:100%;
	width:20px;
	margin:0 4px;
	padding:6px 0;
}
#contents .wp-pagenavi a.previouspostslink, #contents .wp-pagenavi a.nextpostslink{margin:0;}
#contents .wp-pagenavi a.previouspostslink{left:0;}
#contents .wp-pagenavi a.nextpostslink{right:0;}

#contents p.news_c2_head{margin:40px 0 20px !important;}
.news_c2_cate{
	font-size:69.2%;
	width:auto;
	min-width:70px;
	height:18px;
	margin:0 0 0 3px;
	position:relative;
	top:-1px;
	line-height:17px;
	padding:0 4px;
	box-sizing:border-box;
}

/* フォーム */
.form header.content_header{height:61px;}
#contents ol.form_flow{font-size:115.4%; margin:35px 0;}
#contents ol.form_flow::before{width:137px;}
#contents ol.form_flow li{width:70px; padding:0 0 22px;}
.req{font-size:84.6%; line-height:15px; padding:0 13px 2px 12px;}
#contents p .req{margin-right:4px; position:relative; top:-1px;}
#contents table.form_table td input[type="text"], #contents table.form_table td input[type="tel"], #contents table.form_table td input[type="email"], textarea{
	width:100%;
}
#contents table.form_table td input[name="other"]{margin-left:20px; width:calc(100% - 30px) !important;}
#contents table.form_table th{border-bottom:0; position:relative; font-size:108.3%; padding:18px 10px 16px; font-weight:bold;}
#contents table.form_table td{padding:15px 10px 20px;}
#contents table.form_table th::after{
	content:"";
	display:block;
	width:calc(100% - 20px);
	margin:auto;
	bottom:0;
	left:0;
	right:0;
	border-bottom:1px dotted #DDD;
	position:absolute;
}
#contents table.form_table th .req, #contents table.form_table td .req{font-size:84.6%; font-weight:normal;}
#contents table.form_table th, #contents table.form_table td{display:block; width:100%; box-sizing:border-box;}
#email_confirm{line-height:1em;}
#lastUserName, #lastUserNameKana{margin-top:0 !important;}
.textarea{height:120px;}

#contents p.doi{margin:25px 0;}
#form_btn1, #form_btn3{font-size:100% !important; width:160px; height:50px;}
#contents a#form_btn2{width:160px; height:50px; font-size:100%; line-height:50px;}
#contents a#form_btn1{line-height:50px;}
.sel_y{margin-left:0;}
.sel_m, .sel_d{margin-left:0; margin-top:10px;}

.table{overflow-x:auto;}
.table::-webkit-scrollbar{height:5px;}
.table::-webkit-scrollbar-track{border-radius:5px; background:#eee;}
.table::-webkit-scrollbar-thumb{border-radius:5px; background:#666;}
.table th,.table td { min-width: 20px !important;}
#contents .sp_table_txt p{background:url(../image/icon_table.svg) no-repeat left center;}

.no_result{
	padding:15px 20px;
}
.content_area .result_img img{
	margin-right:10px;
	margin-top:0;
	margin-bottom:5px;
}

.green_pagelink {margin: 50px 0 !important;}
.green_pagelink li {min-width: 220px;}
.green_pagelink li a {font-size: 106.66666%;}
.green_pagelink li.green:hover {background: #058E24;}
.green_pagelink li.gray:hover {background: #888;}

/* 英語サイト */
.en_site #footer_wrap > div{width:auto;}
.en_site #index_sec6{margin-top:70px;}

/* 動画で見るナミックス */
.column_2 .m40 {margin-bottom: 20px;}
#contents .connection_inner a{height: auto;display: flex;flex-direction: column;}
#contents .connection_inner a > div{width:100%;}
#contents .connection_wrap h2{font-size: 19px;}
#contents .connection_wrap h3{font-size: 107.7%;margin-bottom: 12px;}
#contents .movie_txt p.more{padding:0 40px 0 0; bottom:20px;background-size:15px 3px;}
#contents .movie_txt {padding: 20px 25px 50px;}
#contents .movie_txt_center{text-align: left;}
#contents .movie_txt p{font-size: 12px;}
#contents .connection_wrap a:hover p.more{background-position:right 15px center;}

/* SBT */
.caption{
	font-size: 92.32% !important;
}
}

@media screen and (max-width: 599px) {
#contents .products ul#c1_list li a {
	display: block;
	height:auto;
	padding:56% 0 0;
}
#contents .products ul#c1_list li .c1_thum {width: 100%;}
#contents .products ul#c1_list li .c1_txt {
	padding: 20px 0 25px;
	width: 100%;
	margin-left: 0;
}
#contents .products .c1_txt p.more {
	padding: 0 42px 0 0;
	margin-top: 16px;
	padding: 0 20px 0 0;
	margin-top: 13px;
}
#contents .products a .c1_txt p.more,
#contents .products a:hover .c1_txt p.more{
	background: url(../image/arrow_black.svg) no-repeat right center /13px 5px !important;
}
/* agriculture */
.production_item{flex-direction: column-reverse;}
.production_txt{width: 100%;}
.production_img{
	width: 100%;
	margin-bottom: 10px;
}

/* オフィスツアー */
.info_txt .top br{display: block;}
}
@media screen and (min-width: 460px) and (max-width: 767px) {

/* トップ */
#mv > h1{font-size:125%;}
#mv > h1 > img{width:400px;}
#mv > h1 span{margin:11px 0 5px;}

#index_rec_list li{width:47.7%; margin-right:4.6%;}

/* c1 */
#contents ul#c1_list li, #contents ul#c1_list.company li:first-child, #contents ul#c1_list.company li:nth-child(2), #contents ul#c1_list.insight li{width:49%; margin-right:2%;}
#contents ul#c1_list li:nth-child(3n), #contents ul#c1_list.company li:nth-child(3n) , #contents ul#c1_list.company li:nth-child(3n+2){margin-right:2%;}
#contents ul#c1_list li:nth-child(2n){margin-right:0 !important;}

#contents ul#pro_cate_list li{width:49% !important; margin-right:2% !important;}
/* #contents ul#pro_cate_list li:nth-child(3n){margin-right:2%;} */
#contents ul#pro_cate_list li:nth-child(2n){margin-right:0 !important;}

#contents .products ul#c1_list li:nth-child(3n){margin-right:2%;}
#contents .products ul#c1_list li:nth-child(2n){margin-right:0;}
}

@media screen and (min-width: 650px) and (max-width: 767px){
#contents ul.pro_top_list > li{width:49%; margin-right:2%;}
}

@media screen and (max-width: 649px){
#contents .c1_cate1_txt {
	width: 100%;
	margin-right: 0;
}
#contents ul#c1_list.col2 li {
width: 100%;
margin-right: 0;
}
#contents ul#c1_list.col2 .c1_thum::before {
position: relative;
}
#contents ul#c1_list.col2 .c1_thum {
position: relative;
height: auto !important;
}
#contents ul#c1_list.col2 li a{
padding: 0;
}
}
#contents ul#c1_list.col2 .c1_txt {
height: 100%;
height: auto;
}
#contents ul#c1_list.col2 .c1_txt p.more {
position: relative;
}
@media screen and (max-width: 550px) {
.green_pagelink {flex-direction: column;}
.green_pagelink li {min-width: 0; width: 100%; margin-bottom: 15px;}
.green_pagelink li a {padding: 18px 10px;}
.br_55 {display: none;}
}



/*--- 202103_Insight追加に伴う改修 ---*/
.sp_item{display:none;}
#index_sec1::before{
	height:calc(100% - 290px);
}
#index_way_list{
	flex-wrap:wrap;
	margin-bottom:-5px;
}
#index_way_list li{
	width:31.33333%;
	margin:0 3% 50px 0;
	box-shadow:none;
}
#index_way_list li:nth-child(3n){margin-right:0}
#index_way_list li a{
	padding-top:56%;
	margin:0 20px;
	box-sizing:border-box;
}
#index_way_list li a .thum{
	position:absolute;
	width:calc(100% + 40px);
	top:0;
	left:-20px;
}
#index_way_list li a .thum img{width:100%;}
#index_way_list li a .cap {
	position:relative;
	padding:17px 25px 44px;
	background:#fff;
	margin-top:-15px;
}
#index_way_list li a .readmore{
	right:5px;
}
.ins_contribution .ins_h1_area{padding:50px;}
.ins_n_c > span.ins_c{
	line-height:1.45em;
}
#contents .contribution_voice{
	position:relative;
	font-size:146.666666%;
	letter-spacing:1.76px;
	padding:0 0 0 20px;
	border:none;
}
#contents .contribution_voice::before{
	position:absolute;
	content:"";
	width:10px;
	height:2px;
	background:#4CAE65;
	top:10px;
	left:0;
}
.mt_85{margin-top:85px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.ins_contribution .ins_h1_area{padding:41px 47px 25px;}
#contents .contribution_voice{font-size:133.3%;}
#contents .contribution_voice::before{top:12px;}

.mt_85{margin-top:70px !important}
}
@media screen and (max-width: 900px) {
#index_way_list li,
#index_way_list li:nth-child(3n){
	width:48.25%;
	margin:0 3.5% 50px 0;
}
#index_way_list li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width: 767px) {
/* #index_sec1::before{height:calc(100% - 180px);}
#index_way_list{margin-bottom:20px;}
#index_way_list li{margin: 0 3.5% 30px 0;} */
.sp_item{display:block;}
#index_way_list{
	margin-right:15px;
	margin-top:35px;
}
#index_way_list li{
	margin:0 10px 0 0 !important;
}
#index_way_list li a{
	margin:0;
	padding-top:136%;
}
#index_way_list li a .thum{
	width:100%;
	padding-top:137%;
	left:0;
}
#index_way_list li a .thum_wrap{
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
#index_way_list li a .thum img {
	height:100% !important;
	object-fit:cover;
}
#index_way_list li a .cap{
	padding:13px 13px 50px;
	margin-top:0;
	box-sizing:border-box;
}
#index_way_list li a .cap h3{
	font-weight:normal;
}
#index_way_list li a .readmore{
	right:0;
}
#index_way_count{
	text-align:center;
	margin:63px 0 39px;
}
.pagingInfo{
	position:relative;
	font-size:133.333333%;
	letter-spacing:1.6px;
	font-weight:bold;
}
.pagingInfo::after{
	position:absolute;
	content:"";
	width:1px;
	height:20px;
	background: #333;
	top:2px;
	left:50%;
	transform:rotate(29deg);
}
.ins_contribution .ins_h1_area{padding:22px 20px 18px;}
.ins_contribution .ins_n_c > span.ins_c{line-height:1.9em;}
#contents .contribution_voice{font-size:115.4%;}
#contents .contribution_voice::before{top:10px;}

.mt_85{margin-top:60px !important;}
/* お問い合わせ */
.contact_box{
	background:#F4F4F4;
	padding:20px 20px 10px;
	margin:15px 0 30px;
}
}

/* 2022動画追加 */
#contents a.non[target="_blank"] span{display:inline-block;background:url(../image/icon_popup_green.svg) 0 center no-repeat; padding-left:15px;}
#contents h2.r_movie_h2{font-size:233.4578%;color:#A50606;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#contents h2.r_movie_h2::after{display:none;}
#contents h2.r_movie_h2 span{display:inline-block;font-size:68.57%;}
#contents p.txt_m_copy{font-size:160.085%;text-align:center;margin:30px 0;}
@media screen and (max-width: 767px) {
#contents h2.r_movie_h2{font-size:200%;line-height:1.6;}
#contents h2.r_movie_h2 span{font-size:60%;}
#contents p.txt_m_copy{font-size:120%;}
.r_movie_wrap .column_2 > div img{display:block;width:100%;max-width:800px;}
}


@media print {
header , #index_nav{position:absolute !important;}
.js-scrEvent__target{opacity:1 !important;}
.rellax{transform:translate3d(0px, 0px, 0px) !important;}
	body {
		width: 1200px;
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform-origin: 0 0;
		zoom: 0.91;
		margin: auto;
	}
	header{width:1100px;}
	@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
		body { width:1200px;}
	}
	@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
		body { width:1200px;}
	}
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
		body {
			width: 1200px;
			transform: scale(0.8);
			-moz-transform: scale(0.8);
			-webkit-transform: scale(0.8);
			transform-origin: 0 0;
			margin: auto;
		}
	}

}