@charset "utf-8";

/* android対策 */
p { background-image: url(../images/pix.gif); }

/*--------------------------------------------------------
★レスポンシブ■タブレット対応
--------------------------------------------------------*/
@media screen and (max-width: 1023px) {
	/* layout */
	html{
		width: 1080px;
		overflow-x: hidden!important;
	}
	body {
		width: 1080px;
		overflow-x: hidden!important;
		-webkit-text-size-adjust: 100%!important;
	}
	.wrapper {
		max-width: 1080px;
		width: 100%;
		margin: auto;
		padding: 0;
		position:relative;
	}
	.bx-viewport {
		overflow-x: hidden;
		width: 1080px!important;
	}
}

/*--------------------------------------------------------
★レスポンシブ■スマホ表示切替ボタン
--------------------------------------------------------*/
@media screen and (max-width: 480px) {
	li a#btnSP{
		display: none;
	}
	li a#btnPC{
		position: fixed;
		display: block;
		width: 30%;
		height: auto;
		z-index: 100;
		font-size: 12px;
		padding: 8px 2px;
		border-radius:8px;
		background-color: #F8CA56;
		box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
		text-align: center;
		text-decoration: none;
		color: #40220F;
		text-decoration: none;
		bottom: 20px;
		left: 12px;
		z-index: 99999999!important;
	}
}

@media screen and (min-width: 481px) {
	#switch{
		height: 0;
		display: none;
	}
	li a#btnSP{
		display: block;
	}
	li a#btnPC{
		display: none;
	}
}

@media screen and (min-width: 1021px) {
	#switch{
		display: block;
		height: auto;
	}
	li a#btnPC{
		display: none;
	}
	li a#btnSP{
		position: fixed;
		display: block!important;
		width: 300px;
		height: auto;
		z-index: 100;
		font-size: 24px;
		padding: 8px;
		text-align: center;
		border-radius: 22px;
		background-color: #DB1B2A;
		box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
		color: #FFF;
		text-decoration: none;
		bottom: 30px;
		left: 30px;
		z-index: 99999999!important;
	}
}

@media screen and (min-width: 1023px) {
	#switch{
		display: none;
		height: 0;
	}
	li a#btnSP{
		display: none;
	}
	li a#btnPC{
		display: none;
	}
}
/*--------------------------------------------------------
★レスポンシブ■ヘッダ部分
--------------------------------------------------------*/
@media screen and (min-width: 481px) {
	#rd_header{
		width: 0;
		height: 0;
		display: none;
	}
	.pc_none{
		display: none!important;
	}
}
@media screen and (max-width: 480px) {
	.sp_none{
		display: none!important;
	}
	/* header */
	#header{
		max-width: 480px;
		width: 100%;
		height: 50px;
		background: none;
		border-bottom: none;
		padding-top: 0;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#header:before{
		position: fixed;
		z-index: 10001;
	}
	.header_info,#gnav,#lead,#header_logo{
		display: none;
	}
	#rd_header{
		position: fixed;
		display: block;
		top: 0;
		width: 100%;
		height: 50px;
		margin: 0;
		z-index: 10000;
		background: #006934;
		box-shadow:0 3px 1px rgba(0,0,0,0.2);
	}
	#rd_logo{
		position: relative;
		display: block;
		float: left;
		width: 70%;
		height: 40px;
		margin: 12px 0 5px 3%;
	}
	#rd_logo a{
		position: relative;
		display: block;
		text-indent: -9999px;
		width: 100%;
		height: 26px;
		margin: auto;
		padding: 0;
		background: url(../images/logo_sp.png) no-repeat bottom left;
		-webkit-background-size: contain;
		background-size: contain;
		z-index: 10000;
	}
	#rd_logo a:hover{
		opacity: 0.8;
	}
	#rd_gnav{
		position: absolute;
		display: block;
		float: right;
		width: 70px;
		height: 50px;
		top: 0;
		right: 0;
		text-align: center;
	}
	#rd_gnav li{
		position: relative;
		display: inline-block;
		text-decoration: none;
		width: 47.2%;
		height: 0;
		border: none;
	}
	#rd_gnav li a{
		position: relative;
		display: inline-block;
		text-decoration: none;
		list-style: none;
		font-size: 7px;
		text-align: center;
		color: #363636;
		line-height: 1em;
		width: 100%;
		height: 10px;
		padding: 32px 2% 8px;
		border-radius: 3px;
		z-index: 10000;
	}
	#rd_gnav li:first-child a{
		background: url(../images/rd_contact.svg) no-repeat center 28%;
		-webkit-background-size: 25px;
		background-size: 25px;
		color: #fff;
		top: -6px;
	}
	@media only screen and (orientation:landscape) {
		#rd_header{
			position: absolute;
			background: #FDFBE6;
		}
		#topcontrol{
			display: none!important;
		}
	}
	#panel-btn-icon{
		position: absolute;
		display: block;
		top: 38%;
		left: 50%;
		width: 14px;
		height: 2px;
		margin: -1px 0 0 -7px;
		background: #fff;
		transition: .2s;
	}
	#panel-btn-icon:before, #panel-btn-icon:after{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 38%;
	  left: 0;
	  width: 14px;
	  height: 2px;
	  background: #fff!important;
	  transition: .3s;
	}
	#panel-btn-icon:before{
	  margin-top: -6px;
	}
	#panel-btn-icon:after{
	  margin-top: 4px;
	}
	#panel-btn .close{
	  background: transparent;
	  background: #006934!important;
	}
	#panel-btn .close:before, #panel-btn .close:after{
	  margin-top: 0;
	  background: #fff!important;
	}
	#panel-btn .close:after{
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:before{
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	}
	#panel{
		position: absolute;
		display: none;
		width: 100%;
		height: auto;
		z-index: 1000;
		top: 50px;
		margin: 0;
		padding: 0 0 60px;
		text-align: left;
	}
	#panel li{
		width: 100%;
		text-align: left;
	}
	#panel li a{
		box-sizing: border-box;
    position: relative;
    display: block;
    padding: 10px 10%;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px dotted #B5B5B6;
    line-height: 1em;
    text-decoration: none;
    color: #3E3A39;
	}
	#panel li:hover,
	#panel li a:hover{
		background: none!important;
	}
	#panel li a:after{
	  content: "\f054";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 7%;
    bottom: 0;
    margin: auto 0;
    height: 12px;
	}
	#panel li .sub_menu_top:after{
	  content: "\f103";
	  font-family: FontAwesome;
	  font-size: 18px;
	  position: absolute;
	  top: 8px;
	  right: 7%;
	}
	#panel li a:hover{
		color: #FFF;
		background: rgba(223,91,30,0.8);
	}
	.dropdown{
		position: absolute;
    	width: 100%;
    	height: auto;
    	left: 0;
    	top: 0;
    	background: rgba(255,255,255,0.9);
    	padding: 0;
	}
	.dropdown li{
		padding: 0;
		margin-bottom: 0;
	}
	.dropdown li > ul li{
		text-indent: 1em;
		background: rgba(215,247,246,0.8);
	}
	.dropdown li > ul li a{
		color: #FFF;
		width: 94%;
		padding: 0 0 0 6%;
		background: rgba(215,247,246,0.8);
	}
}


/*--------------------------------------------------------
★レスポンシブ■コンテンツ部分
--------------------------------------------------------*/

@media screen and (max-width: 480px) {

	/* Body
	------------------------------ */
	html{
		width: 100%;
		-webkit-text-size-adjust: 100%!important;
		overflow-x:hidden!important;
	}

	body {
		max-width: 480px!important;
		min-width: 320px!important;
		width: 100%;
		box-shadow: none;
		color: #000;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 14px;
		line-height: 1.6em;
		letter-spacing: 0.02em;
		overflow-x:hidden!important;
		-webkit-text-size-adjust: 100%!important;
		top: 0!important;
	}
	a:link{
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
	}
	a:active {
		text-decoration: none;
	}
	a:hover {
		text-decoration: none;
	}
	a,a:hover {
		-webkit-transition: 0.3s!important;
		-moz-transition: 0.3s!important;
		-o-transition: 0.3s!important;
		transition: 0.3s!important;
	}

	.sp_none{
		display: none!important;
	}

	/* layout */
	.wrapper{
		max-width: 480px!important;
		width: 94%!important;
		height: auto;
		padding: 0 3%!important;
	}


	/* Slider
	------------------------------ */

	.bx-wrapper{
		margin:0 auto!important;
	}

	.bxslider{
		height: auto!important;
		margin-bottom: 50px;
	}

	.bxslider li{
		max-width: 480px;
		width: 100%;
		height: auto;
		padding-bottom:40px;
		background-color: #FFF;
		margin: 0;
	}

	.bxslider li a{
		width: 100%;
		height: auto;
	}

	.bxslider li a img{
		display: block;
		width: 100%!important;
		height: auto!important;
		margin: 0;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transition:all 0.5s ease;
	}

	.bx-viewport {
		max-width: 480px!important;
		width: auto!important;
		height: auto!important;
	}

	.bx-wrapper .bx-pager{
		bottom: 0!important;
	}

	/* Sub
	------------------------------ */
	#topcontrol{
		z-index: 10000!important;
	}
/* layout */
.wrapper{
	position: relative;
	display: block;
	clear: both;
	float: none;
	width: 1080px;
	margin: 0 auto!important;
}

article section{
	position: relative;
	display: block;
	clear: both;
	float: none;
	margin: 0 auto!important;
}
.border{
	background: url(../images/border.png) repeat-x center bottom;
	background-size: 20px auto;
	display: block;
}

.fl_l{
	float: left;
}
.fl_r{
	float: right;
}

.clear{
	clear: both;
	float: none;
}
.button{
	display: block;
	width: 98%;
	background: url(../images/button_bg.jpg);
	background-size: 1px auto;
	background-repeat: repeat-x;
	padding: 15px 0 14px;
	color: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: 0.4s;
	overflow: hidden;
	transition: 0.4s;
}

.button p{
	color: #fff!important;
	margin: 0 auto!important;
	text-align: center!important;
	position: relative;
	font-size: 16px!important;
	padding: 0!important;
}
.button p::after{
	content: "＞";
	position: absolute;
	right: 20px;
	top: 1px;
	transition: 0.4s;
}
.button:hover p::after{
	right: 40px;
}
/*
.button::after{
	top: -100%;
	width: 100%;
	height: 60px;
}
.button:hover::after{
	top: 0;
	background: #333;
}
.button:hover {
	color: #fff;
}
*/
#topcontrol{
	right: 20px!important;
	bottom: 10px!important;
}
.mr_20{
	margin-right: 20px!important;
}
.mr_30{
	margin-right: 30px!important;
}
.pb_0{
	padding-bottom: 0!important;
}
.mb_30{
	margin-bottom: 30px;
}
.mb_1em{
	margin-bottom: 1em;
}
.ml_0{
	margin-left: 0!important;
}
/* HEADER
------------------------------ */
header{
	position: relative;
	padding-top: 46px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	z-index: 9999;
}
header .h1 .fl_l{
	text-indent: -9999px;
	width: 351px;
	height: 48px;
	background: url(../images/logo.png) no-repeat;
	background-size: contain;
	margin: 8px 0 16px;
	transition: 0.4s;
}

header .h1:hover .fl_l{
	opacity: 0.6;
}
header .tel .small{
	font-size: 12px;
	line-height: 1em;
	text-align: right;
    letter-spacing: 0.16em;
}
header .tel .num{
	text-indent: -9999px;
	width: 300px;
	height: 40px;
	background: url(../images/h_tel.jpg) no-repeat;
	background-size: contain;
	margin-top: 4px;
	background-position: right top;
}
#lead{
	background: #DDDDDD;
	position: absolute;
	top: 0;
	width: 100%;
	line-height: 1.4em;
}
header .lead_p{
	color: #111111;
	font-size: 12px;
	font-weight: normal;
}
nav{
	background: url(../images/gnav_bg.jpg);
	background-size: 1px auto;
	background-repeat: repeat-x;
	width: 100%;

}
nav ul{
	padding: 8px 0;
	box-sizing: border-box;
    height: 51px;
}
nav li{
	display: inline-block;
	border-right: 1px solid rgba(255,255,255,.4);
	width: 216px;
    text-align: center;
    box-sizing: border-box;
}
nav li:first-child{
	border-left: 1px solid rgba(255,255,255,.4);
}
nav li a{
	display: block;
	padding: 4px 0 2px;
	font-size: 20px;
	color: #fff;
	transition: 0s!important;
}
nav li a:hover{
	width: 200px;
	border-radius: 20px;
	margin: 0 auto;
	color: #096D39;
	background: #fff;
}


/* INDEX
------------------------------ */
#index h2{
	text-indent: -9999px;
    width: 36%;
    max-height: 41px;
    margin: 50px auto 0;
    position: relative;
    display: block;
    left: 0;
    right: 0;
}
#index section{
	margin-top: 50px;
	font-size: 16px;
}

	#index .caution_box{
		width: 100%;
		margin-bottom: 50px!important;
		padding: 8% 5%;
		box-sizing: border-box;
	}
	#index .caution_box h2{
		font-size: min(25px,6vw);
	}
	#index .caution_box p{
		font-size: 18px;
		line-height: 170%;
	}

#i_concept{
	text-align: center;
	margin-top: -30px!important;
}

#i_concept img{
	width: 70%;
	height: auto;
	margin-left: 0;
	float: none;
}
#i_concept div{
	width: 100%;
	padding: 20px 0 0 0;
	text-align: left;
}
#i_concept h2{
	background: url(../images/i_top_h2.jpg) no-repeat;
	background-size: contain;
	width: 100%!important;
    min-height: 80px!important;
	margin: 0;
}
#i_concept p{
	font-size: 16px;
	letter-spacing: 0.01em;
}
#i_work{
	text-align: center;
	padding-bottom: 50px;
}
#i_work h2{
	background: url(../images/i_w_h2.jpg) no-repeat;
	background-size: contain;
	background-position: center top;
	margin-bottom: 20px;
}
#i_work ul{
	width: 100%;
	text-align: center;
}
#i_work ul li{
	display: inline-block;
	width: 80%;
	height: auto;
	background: url(../images/index_work_bg.png) no-repeat center top;
	background-size: cover;
	margin: 0 0 30px 0;
	vertical-align: top;
}
#i_work ul li:first-child{
	margin-left: 0;
}
#i_work h3{
	margin: 40px auto 16px;
	font-size: 20px;
	font-weight: normal;
}
#i_work img{
	width: 200px;
	height: auto;
	margin-bottom: 16px;
}
#i_work p{
	padding: 0 20px;
	color:#3E3A39;
	text-align: left;
	font-size: 16px;
	padding-bottom: 50px;
}
#i_product{
	background: url(../images/i_p_bg.png) no-repeat center;
	background-size: cover;
	background-position: center top;
	padding-top: 100px;
	padding-bottom: 50px;
	top:-80px
}
#i_product h2{
	background: url(../images/i_p_h2.png) no-repeat;
	background-size: contain;
}
#i_product .feed,
#i_product .fertilizer{
	display: inline-block;
	width: 100%;
	margin-top: 50px;
}
#i_product .feed{
	padding-right: 42px;
}
#i_product .fertilizer{
	padding-left: 0;
}
#i_product .feed{
	border-right: dashed 2px #E4BE6F;
}
#i_product h3{
	font-size: 26px;
	font-weight: normal;
	padding-bottom: 80px;
	position: relative;
	text-align: center;
}
#i_product .feed h3::after{
	content: " ";
	position: absolute;
	background: url(../images/cow.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 50px;
	bottom: 12px;
	right: 50%;
	margin-right: -25px;
}
#i_product .fertilizer h3::after{
	content: " ";
	position: absolute;
	background: url(../images/plant.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 45px;
	bottom: 16px;
	right: 50%;
	margin-right: -30px;
}
#i_product li{
	display: inline-block;
	text-align: center;
	margin: 0 1% 30px;
	width: 30%;
	vertical-align: top;
}
#i_product li:last-child{
	margin-right: 0;
}
#i_product img{
	width: 100%;
	height: auto;
}
#i_product h4{
	font-weight: normal;
	margin-top: 8px;
	line-height: 1.4em;
	font-size: 12px;
}
#i_product p{
	margin-bottom: 30px;
}
#i_product .feed .button p::after,
#i_product .fertilizer .button p::after{
	right: 24px;
	top: 1px;
}
#i_nc{
	background: url(../images/i_c_bg.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 60px 0;
	margin-top: -100px!important;
}
#i_nc .news{
	vertical-align: top;
	display: inline-block;
	background: rgba(255,255,255,.7);
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}
#i_nc .news h2{
	background: url(../images/i_n_h2.png) no-repeat;
	background-size: contain;
	margin-bottom: 30px;
}
#i_nc .news dl{
	padding: 0 10px;
}
#i_nc .news dt{
	font-size: 16px;
	padding: 28px 10px 22px;
}
#i_nc .news dd{
	padding: 28px 0 26px 130px;
	border-bottom: dotted 1px #999999;
}
#i_nc .news dd:nth-child(2){
	border-top: dotted 1px #999999;
}
#i_nc .company{
	vertical-align: top;
	display: inline-block;
	width: 100%;
	color: #fff;
	text-align: center;
}
#i_nc .company div{
	padding-left: 0;
}
#i_nc .company h2{
	background: url(../images/i_c_h2.png) no-repeat;
	background-size: contain;
	margin-bottom: 30px;
}
#i_nc .company p{
	text-align: left;
	margin-bottom: 30px;
	text-shadow: 0 0 4px rgba(0,0,0,.7);
}
#i_nc .button{
	margin-top: 50px;
}
#i_nc .button p{
	text-shadow: none;
}
/* SUB PAGE COMMON
------------------------------ */
.s_wrapper{
	position: relative;
	display: block;
	clear: both;
	float: none;
	width: 100%;
	margin: 0 auto!important;
}
.s_s_wrapper{
	padding: 0;
}
.sub_h1{
	height: 90px;
}
.sub_h1 div{
	width: 60%;
	height: 100%;
	background: rgba(64,34,15,.6);
	box-sizing: border-box;
	padding-left: 24px;
	padding-top: 35px;
}
.sub_h1 h1{
	border-left: 4px solid #fff;
	padding: 3px 0 0 16px;
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.bread_crumb li{
	display: inline-block;
	padding-right: 30px;
	margin: 16px 0 16px;
	position: relative;
	font-size: 14px;
	z-index: 10;
}
.bread_crumb li::after{
	content: "＞";
	position: absolute;
	right: 6px;
}
.bread_crumb li:last-child::after{
	content: none;
}
.bread_crumb li a{
	color: #000;
	letter-spacing: 0.1em;
	position: relative;
}
.bread_crumb li a::after{
	content: " ";
	position: absolute;
	border-bottom: 1px solid #000;
	width: 100%;
	left: -0.1em;
	bottom: 1px;
	transition: 0.2s;
}
.bread_crumb li a:hover::after{
	content: " ";
	position: absolute;
	border-bottom: 1px solid #000;
	width: 100%;
	left: -0.1em;
	bottom: -3px;
}
.s_h2{
	background: url(../images/s_h2_bg.jpg) no-repeat;
	background-size: cover;
	background-position: right top;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 14px 0 10px;
	margin-bottom: 24px;
}
.s_h2 h2{
	position: relative;
	font-size: 16px;
	padding-left: 40px;
	font-weight: normal;
	letter-spacing: 0.04em;
}
.s_h2 h2::before{
	content: " ";
	position: absolute;
	background: url(../images/s_h2_b.jpg) no-repeat;
	background-size: contain;
	width: 14px;
	height: 4px;
	left: 16px;
	top: 50%;
	margin-top: -3px;
}
.sub section{
	padding-bottom: 40px;
	margin-top: -50px!important;
	padding-top: 50px;
}
.s_h3{
	padding-bottom: 40px;
	text-align: center;
	padding-top: 50px;
	margin-top: -50px;
}
.s_h3 h3{
	border-top: solid #000 1px;
	border-bottom: dotted #000 1px;
	font-size: 16px;
	background:rgba(242,241,229,.7);
	height: auto;
	box-sizing: border-box;
	padding: 10px 0 10px 20px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: left;
}
.s_h3 img,
.s_h3 p{
	display: inline-block;
}
.s_h3 img{
	width: 60%;
	height: auto;
	margin-left: 0;
	margin-top: 0;
}
.s_h3 p{
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
	vertical-align: top;
	line-height: 1.8em;
	text-align: left;
}
.bg{
	background: #F7F8F8;
}
.sp_mr_0{
	margin-right: 0!important;
}
.sp_ml_0{
	margin-left: 0!important;
}
/* WORK
------------------------------ */
#s_work .sub_h1{
	background: url(../images/s_work_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
}
#s_w_1 .jump{
	display: block;
	margin-bottom: 20px;
	margin-right: 0!important;
	text-align: center;
	margin-top: 20px;
}
#s_w_1 .jump p{
	display: block;
	text-align: center;
	width: 100%;
	background: #006934;
	color:#fff;
}
#s_w_1 .mb_50{
	margin-bottom: 50px;
}
#s_w_1 .mb_50 a{
	width: 100%!important;
}
#s_w_1 .jump a{
	position: relative;
    display: inline-block;
    text-align: center;
    width: 23%;
    height: 84px;
    box-sizing: border-box;
    background: #DBDCDC;
    color: #000;
    padding: 10px 0 30px;
    margin-top: 10px;
    margin-right: 1%!important;
    display: inline-block;
    vertical-align: text-bottom;
}
#s_w_1 .jump .sp_mr_0{
	margin-right: 0!important;
}
#s_w_1 .jump a.mr_20{
	margin-right: 2%!important;
	padding-top: 20px;
}
#s_w_1 .jump a::before{
	content: " ";
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 16px;
    margin-left: -7px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: 0.2s;
}
#s_w_1 .jump a:hover::before{
	top: 40px;
}
/*
#work4_box{
	text-align: center;
	background: rgba(242,241,229,.7);
	padding: 20px 5%;
	height: auto;
}
#work4{
	display: inline-block;
	width: 100%;
	height: auto;
	padding-top: 70px;
	margin-top: -70px;
}
#work4_box div{
	display: block;
	width: 100%;
	float: none!important;
}
#work4_box h3{
	border-bottom: 1px solid #000;
	font-size: 18px;
	padding: 8px 0 8px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: left;
}
#work4_box p{
	line-height: 1.8em;
	text-align: left;
}
*/
#s_w_2 img,
#s_w_3 img{
	width: 100%;
	height: auto;
	margin-top: 0;
	float: none;
}
#s_w_2 p,
#s_w_3 p{
	padding-top: 0;
	padding-right: 0;
	line-height: 1.8em;
	margin-top: 10px;
}
#s_w_4 .s_s_wrapper{
	text-align: center;
}
#s_w_4 img{
	width: 100%;
	height: auto;
	margin: 0;
	float: none;
}
#s_w_4 dt{
	float: left;
	padding-top: 8px;
	padding-left: 10px;
}
#s_w_4 dd{
	padding: 8px 0 8px 180px;
}
/* PRODUCT
------------------------------ */
#s_pro .sub_h1{
	background: url(../images/s_pro_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
}
#s_pro .s_h3{
	text-align: center;
}
#s_pro .s_h3 img{
	display: inline-block;
	float: none;
	width: 48%;
	height: auto;
	margin-left: 0!important;
	margin-right: 2%;
	vertical-align: bottom;
	margin-bottom: 16px;
}
#s_pro .s_h3 p{
	margin-left: 0;
	width: auto;
	padding: 0 2%;
	margin-bottom: 16px;
	margin-top: 0;
}
#s_pro table{
	margin-bottom: 0;
}
#s_pro th{
	background: #006934;
	font-weight: normal;
	color: #fff;
	text-align: left;
	padding: 8px 0 5px 10px;
	font-size: 16px;
}
#s_pro th.left{
	width: 110px;
}
#s_pro td{
	font-size: 14px;
	padding: 14px 10px 10px;
	text-align: left;
}
#s_pro td p{
	text-align: left;
}
#s_pro td img.pc_none{
	display: block!important;
    width: 80%!important;
    height: auto;
    margin: 10px auto 0;
}
    #s_p_2 .fl_l,#s_p_2 .fl_r{
        float: none;
    }
    #s_p_2 .fl_r {
        width: auto;
    }
    #s_p_2 .fl_r img:last-of-type {
        margin-bottom: 16px;
        margin-top: 0;
    }

/* COMPANY
------------------------------ */
#s_company .sub_h1{
	background: url(../images/s_company_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
}
#s_c_1 p{
	margin-bottom: 1em;
}
#s_c_1 .sign{
	float: right;
	width: 70%;
	height: auto;
	margin: 10px 0 40px;
}
#s_c_2 dt{
	float: none;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #fff;
}
#s_c_2 dd{
	padding: 10px 10px 10px 10px;
}
#s_c_2 dd dt{
	float: none;
	padding: 0;
	width: 100px;
}
#s_c_2 dd dd{
	padding: 0 0 10px 0;
	background: none!important;
}
#s_c_2 dd dd:nth-child(4){
	padding-bottom: 0;
}
#s_c_2 dd li{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
#s_c_3 dt{
	float: none;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #fff;
}
#s_c_3 dd{
	padding: 10px 10px 10px 10px;
	min-height:auto;
}

#s_c_4 img{
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}
#s_c_4 .s_s_wrapper div{
	padding-left: 0;
}
#s_c_4 h3{
	font-size: 18px;
	padding-top: 16px;
	margin-bottom: 4px;
	font-weight: normal;
}
#s_c_4 iframe{
	margin-top: 10px;
	width: 100%;
}
#s_c_5 dt{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 10px;
	border-bottom: 1px solid #fff;
}
#s_c_5 dd{
	padding: 10px;
}
#s_c_5 .s_h3{
	margin-top: 0;
}
#s_c_5 .s_h3 p{
	display: block;
	width: auto;
	margin-left: 20px;
}
#s_c_5 .s_h3 .fw_6{
	display: block;
	width: auto;
}
/* CONTACT
------------------------------ */
#s_contact .sub_h1{
	background: url(../images/s_contact_top.jpg) no-repeat;
	background-size: auto 100%;
	background-position: 60% top;
}
#c_tel .s_s_wrapper div{
	text-align: center;
}
#c_tel .s_s_wrapper  div p{
	font-size: 18px;
	padding: 30px 0 10px;
}
#c_tel .num{
	text-indent: -9999px;
	background: url(../images/c_num.jpg) no-repeat;
	background-size: contain;
	width: 90%;
	max-width: 400px;
	height: 47px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0!important;
}
#c_form p{
	margin-bottom: 1em;
}
#c_form dl{
	margin-bottom: 30px;
}
#c_form dt{
	float: left;
	width: 410px;
	box-sizing: border-box;
	padding: 16px 10px 13px 20px;
	/*
	background: rgba(230,229,233,.2);
	*/
	margin-top: 2px;
	font-size: 14px!important;
}

#c_form dd{
	padding: 0 5px 10px 5px!important;
	border-bottom: dotted 2px #006934;
	z-index: 10;
}
#c_form dt:nth-child(4n+1){
	background: #F7F8F8;
}
#c_form dd:nth-child(2){
	border-top: none;
}
#c_form dt:first-child{
	border-top: dotted 2px #006934;
}
#c_form input{
	width: 100%;
	height: 35px;
	font-size: 18px;
	box-sizing: border-box;
}
#c_form .must{
	font-size: 12px;
	padding: 0 6px;
	border-radius: 6px;
	background: #00913A;
	color: #fff;
	float: none;
	margin-left: 6px;
}
#c_form .small{
	font-size: 12px;
	color: #646464;
}
#c_form textarea{
	box-sizing: border-box;
	width: 100%!important;
	height: 150px!important;
	max-width: 550px;
	max-height: 250px;
	font-size: 14px;
}
#contact_pp{
	overflow-y: scroll;
	width: 100%;
	height: 160px;
	box-sizing: border-box;
	padding: 10px 16px;
	border: 1px solid #727171;
	margin-bottom: 50px;
}
#contact_pp h3{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 1em;
}
#contact_pp p{
	margin-bottom: 1em;
}
#c_form button{
	display: block;
	background: url(../images/button_bg.jpg) repeat-x;
	background-size: 1px auto;
	width: 98%;
	height: auto;
	border: none;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	display: block;
	position: relative;
	padding: 15px 0 14px;
}
#c_form button::after{
	content: "＞";
	position: absolute;
	right: 20px;
	top: 16px;
	transition: 0.4s;
}

#c_form button:hover::after{
	right: 40px;
}
#c_form .checkbox{
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}
/*
#c_form .checkbox dt,
#c_form .checkbox dd{
	border: none!important;
	background: none;
}
#c_form .checkbox dt{
	float: left;
	position: relative;
	width: 20%;
}
#c_form .checkbox dd{
	width: 70%;
	padding-left: 24%!important;
}

#check{
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	width: 14px!important;
	height: 14px!important;
	right: 0;
	top: 50%;
	margin-top: -7px;
}
*/
#check{
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	width: 14px!important;
	height: 14px!important;
	left: 16%;
	top: 50%;
	margin-top: -7px;
}
#c_form .checkbox label{
	display: inline-block;
	width: 80%;
	padding-left: 16%;
	overflow: visible;
}
.submit[disabled] {
	opacity: 0.8;
	cursor: default;
 }
 .submit[disabled]:hover{
	opacity: 0.8;
	cursor: default!important;
 }
 .submit[disabled]:hover::after{
 	right: 50px!important;
 }
 #c_sm ul{
 	display: inline-block;
 	vertical-align: top;
 	margin-left: 0;
 	margin-bottom: 10px;
 }
 #c_sm li{
 	position: relative;
 	padding-left: 30px;
 	margin-bottom: 10px;
 	display: inline-block;
 }

#c_sm li:first-child{
	border-left: 10px solid #006934;
	padding-left: 10px;
	display: block;
}
#c_sm li:first-child::before{
	content: none;
}
#c_sm li::before{
	content: "＞";
	position: absolute;
	left: 16px;
}
#c_sm a{
	color: #000;
	position: relative;
}
#c_sm a::after{
	content: " ";
	position: absolute;
	border-bottom: 1px solid #000;
	width: 100%;
	left: 0;
	bottom: 1px;
	transition: 0.2s;
}
#c_sm a:hover::after{
	content: " ";
	position: absolute;
	border-bottom: 1px solid #000;
	width: 100%;
	left: 0;
	bottom: -3px;
}

/* FOOTER
------------------------------ */
footer .contact{
	color: #fff;
	background: url(../images/f_c_bg.jpg);
	background-size: 1px auto;
	background-repeat: repeat-x;
	text-align: center;
	padding: 40px 0;
	font-size: 24px;
	letter-spacing: 0.1em;
}

footer .contact .num{
	text-indent: -9999px;
	background: url(../images/f_tel.png) no-repeat;
	background-size: contain;
	max-width: 393px;
	width: 90%;
	/*height: 55px!important;*/
	height: 0;
	left: 0;
	right: 0;
	margin: 20px auto 10px;
	padding-bottom: 13%;
	display: block;
}

footer .contact #contact_a{
	box-sizing: border-box;
	position: relative;
	display: block;
	background: #fff;
	padding: 14px 0 10px 40px;
	text-align: center;
	max-width: 520px;
	width: 98%;
	margin: 0 auto 10px;
	font-size: 16px;
	color: #000;
}
footer .contact #contact_a::before{
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 22px;
	position: absolute;
	left: 30px;
	top: 13px;
	transition: 0.4s;
}
footer .contact #contact_a:hover{
	background: #FF551A;
	color: #fff;
}
footer .contact #contact_a:hover::before{
	color:#fff;
}
footer .contact #contact_a:hover::after{
	right: 40px;
	color: #fff;
}
footer .contact #contact_a::after{
	content: none;
	position: absolute;
	top: 50%;
	right: 10px;
	transition: 0.4s;
	margin-top: -8px;
}
footer .contact #recruit_a{
	position: relative;
	display: inline-block;
	max-width: 460px;
	width: 98%;
	height: auto;
	font-size: 20px;
	padding: 14px 0 10px;
}
footer .contact #recruit_a span{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1em;
	margin-bottom: 10px;
	top: 0;
}
footer h2{
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	background-size: contain;
	max-width: 351px!important;
	width: 100%!important;
	height: 48px!important;
	margin: 0 0 20px!important;
}
footer .footer_b{
	background: url(../images/f_bg.jpg);
	background-size: 430px 430px;
	padding: 20px 0 50px;
}
footer .footer_b li{
	display: inline-block;
	margin-top: 16px;
}
footer .footer_b li a{
	color: #000;
	letter-spacing: 0.1em;
	font-size: 16px;
	margin-left: 16px;
	position: relative;
}
footer .footer_b li a::after{
	content: " ";
	position: absolute;
	border-bottom: 1px solid #000;
	width: 100%;
	left: 0;
	bottom: 1px;
	transition: 0.2s;
}
footer .footer_b li a:hover::after{
	content: " ";
	position: absolute;
	border-bottom: 1px solid #000;
	width: 100%;
	left: 0;
	bottom: -3px;
}
footer .footer_b p,
address{
	font-size: 18px;
	font-style: normal;
}
footer small{
	display: block;
	font-size: 12px;
	color: #727171;
	padding-top: 16px;
	padding-bottom: 60px;
	text-align: center;
}

}