@charset "utf-8";
/* CSS Document */

body {
    font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	margin:0 auto;
	padding:0;
	color:#333333;
}
main {
	width:100%;
	overflow:hidden;
	padding-top:95px;
}
img {
	border:none; vertical-align:middle;
}
a {color:#333333;text-decoration: none;}
a:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition: 0.2s;
}
ul {padding-left: 0;}
li {list-style-type:none;}
header, main, article, footer, section, aside, nav, cite, figure, figcaption {
	display: block; 
}
h1,h2,h3,h4,h5,h6{font-size:1em;}

/***** アニメーション ******/

.animation-add {
	visibility: hidden;
}
.fade-in-left {
	-webkit-animation: fade-in-left 1.5s;
	animation: fade-in-left 1.5s;
}
.fade-in-right {
	-webkit-animation: fade-in-right 1.5s;
	animation: fade-in-right 1.5s;
}
@-webkit-keyframes fade-in-right {
0% {
-webkit-transform:translateX(-20%);
opacity:0
}
100% {
-webkit-transform:translateX(0%);
opacity:1
}
}
@keyframes fade-in-right {
0% {
transform:translateX(-20%);
opacity:0
}
100% {
transform:translateX(0%);
opacity:1
}
}
@-webkit-keyframes fade-in-up {
0% {
-webkit-transform:translateY(10%);
opacity:0
}
100% {
-webkit-transform:translateY(0%);
opacity:1
}
}
@keyframes fade-in-up {
0% {
transform:translateY(10%);
opacity:0
}
100% {
transform:translateY(0%);
opacity:1
}
}

/************************ float **********************************************/

.c-both {clear:both;}
.left {float:left;}
.right {float:right;}
.center {display:block;margin-left:auto; margin-right:auto;text-align:center;}
.block{display:block;}
.i_block{display:inline-block;}
.inline{display:inline;}

/******* flex box ***********/

.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
}
.flex img {
    object-fit: cover;
    object-position: top;
}

/**************** width ******************/

.main_inner{max-width:1718px;width: 90%;margin:0;float:left;}
.side_inner{max-width:202px;width:10%;margin:0 0 0 auto; float:right;}
.inner {width:80.6%; max-width:1518px;margin:0 auto;}
.sub_inner{width:79%;max-width:1500px;margin: 0 auto;}
.middle_inner {width: 80.6%; max-width:1420px;margin:0 auto;}
.lower_inner {width: 96%; max-width:1080px;margin:0 auto;}

.main_inner .sub_inner{
	margin:0 0 0 auto;
}


.full{width:100%;}
.half {	width:50%;}
.sp {display:none;}
.pad {display:none;}
.pc {display:block;}
.pr {position: relative;}
.pa {position: absolute;}
.pf {position: fixed;}

.mrg_s {margin-right:0.38em;}
.pd_r {padding-right:0.5em;}
dl.table { display:table; }
dl.table dt,dl.table dd { display:table-cell; }
/**********************************  color     *****************************************/

.c_darkblue{color:#367296;}
.c_blue{color:#104A4E;}
.c_white{color:#FFF;}

.bg_blue{background-color:#367296;}
.bg_white{background-color:#FFF;}
.bg_check{background-image: repeating-linear-gradient(45deg, rgba(235,244,250,0.5) 0, rgba(235,244,250,0.5) 4px, #FFF 4px, #FFF 8px), repeating-linear-gradient(-45deg, rgba(235,244,250,0.5) 0, rgba(235,244,250,0.5) 4px, #FFF 4px, #FFF 8px);}
.bg_check_small{background-image: repeating-linear-gradient(45deg, rgba(233,242,248,0.5) 0, rgba(233,242,248,0.5) 2px, transparent 2px, transparent 4px), repeating-linear-gradient(-45deg, rgba(233,242,248,0.5) 0, rgba(233,242,248,0.5) 2px, transparent 2px, transparent 4px);}

/**********************************  font     *****************************************/

.fw3{font-weight: 300;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.fw8{font-weight: 800;}
.fw9{font-weight: 900;}

.fs10{font-size: 0.638em;}
.fs11{font-size: 0.688em;}
.fs12{font-size: 0.75em;}
.fs13{font-size: 0.813em;}
.fs14{font-size: 0.875em;}
.fs15{font-size: 0.938em;}
.fs16{font-size: 1em;}
.fs17{font-size: 1.063em;}
.fs18{font-size: 1.125em;}
.fs19{font-size: 1.188em;}
.fs20{font-size: 1.25em;}
.fs21{font-size: 1.313em;}
.fs22{font-size: 1.375em;}
.fs23{font-size: 1.438em;}
.fs24{font-size: 1.5em;}
.fs25{font-size: 1.563em;}
.fs26{font-size: 1.625em;}
.fs27{font-size: 1.688em;}
.fs28{font-size: 1.75em;}
.fs29{font-size: 1.813em;}
.fs30{font-size: 1.875em;}
.fs31{font-size: 1.938em;}
.fs32{font-size: 2em;}
.fs33{font-size: 2.063em;}
.fs34{font-size: 2.125em;}
.fs35{font-size: 2.188em;}
.fs36{font-size: 2.25em;}
.fs37{font-size: 2.313em;}
.fs38{font-size: 2.375em;}
.fs40{font-size: 2.5em;}
.fs41{font-size: 2.563em;}
.fs42{font-size: 2.625em;}
.fs44{font-size: 2.75em;}
.fs46{font-size: 2.875em;}
.fs48{font-size: 3em;}
.fs52{font-size: 3.25em;}
.fs55{font-size: 3.4375em;}
.fs60{font-size: 3.75em;}
.fs64{font-size: 4em;}
.fs75{font-size: 4.7685em;}
.fs76{font-size: 4.75em;}

.marumoji{font-family: 'M PLUS Rounded 1c', sans-serif;}

/************************　縦書き****************************/

.v_writing {
	-ms-writing-mode: tb-rl; /* for MS IE11 */
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
/*	-webkit-text-orientation: upright; /* Safari */
/*	text-orientation: upright;
   -ms-text-orientation: upright;*/
}
.v_writing_lr {
	-ms-writing-mode: tb-lr; /* for MS IE11 */
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
/*	-webkit-text-orientation: upright; /* Safari */
/*	text-orientation: upright;
    -ms-text-orientation: upright;	*/
}

/**********************************  header  *****************************************/

header#header{
	position: fixed;
	z-index: 9999;
	background-color: #FFF;
	width: 100%;
}
.logo_box{
	margin: 0 0 0 3%;
	/*width: 36.1%;*/
	display: inline-block;
	padding: 1.42em 0;
}
.logo_box a img{
	max-width: 55px;
	width: 3.45em;
}
.logo_box a span{
	font-size: 1.78em;
	color: #000;
	vertical-align: middle;
	display: inline-block; padding-left:0.3em;
}
div#google_translate_element{
	margin-right: 3.5%;
	margin-top: 1.8em;
}
div.header_add {
	width: 39%;
	margin-left: 2.5%;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
}
div.header_add a{
	font-weight: 300;
}
div.header_add a + a{
	margin-left: 3em;
}
div.header_add a span{
	margin-right: 0.5em;
	font-size: 1.15em;
	vertical-align: text-bottom;
}
div.header_add a i{
	margin-right: 0.5em;
	font-weight: 600;
	font-size: 0.85em;
}
div.header_recruit {
	background-color: #367296;
}
div.header_recruit a{
	color: #FFF;
	text-align: center;
	display: block;
	padding: 1.97em 0;
}
div.header_recruit a i{
	margin-right: 1em;
}
nav#nav{
	right:0;
	background-color: #FFF;
	height:100%;
}
nav#nav ul{
	margin:0 auto;
	padding: 1.5em calc(50% - 1em) 0 calc(50% - 1em);
}
nav#nav ul li{
	margin: 0 auto 2.5em auto;
	display: inline-block;
	width: 100%;
}
nav#nav ul li.sp{
	display:none;
}
nav#nav ul li a{
	/*vertical-align: sub;*/
	cursor: pointer;
}
nav#nav ul li a i{
	margin-bottom: 0.2em;
	
}
_:-ms-lang(x)::-ms-backdrop, nav#nav ul li a i{
	transform: rotate(-90deg);
}

/************** footer ****************/

footer#footer{
	background-image: url(../img/header/fotter_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
	padding-top: 2.5em;
}
footer#footer div.sub_inner{
	width:100%;
}
footer#footer ul.footer_nav{
	text-align: center;
	margin-top: 2em;
	margin-bottom: 4.5em;
}
footer#footer ul.footer_nav li{
	vertical-align: top;
	margin: 0 7% 0 0;
	text-align: left;
}
footer#footer ul.footer_nav li:nth-of-type(5){
	margin-right:0;
}
footer#footer ul.footer_nav li a i{
	margin-right: 0.2em;
}
footer#footer ul.small_list{
	margin-left: 1.2em;
	padding-top: 0.5em;
}
footer#footer ul.small_list li{
	margin: 0;
	padding: 0.2em 0;
}
footer#footer ul.small_list li a{
}
p.copy{
	letter-spacing: 0.05em;
	padding: 1em 0;
	font-weight:300;
}
#page_top_sp{
	position:fixed;
	opacity:0;
}

/************** top ***************/
/*** movie ***/
#movie .movie-container video {max-width:100%; aspect-ratio: 15 / 9;}
#movie .movie-container {width:100%; max-width:1500px; height:100%;}
/*** slide ***/

div.swiper-slide{
	height:90vh;
	max-height:955px;
}
.swiper-container-fade .swiper-slide img{
	display:none;
}
div.slide1{
	background-image: url(../img/slide/01.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}
div.slide2{
	background-image: url(../img/slide/02.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}
div.slide3{
	background-image: url(../img/slide/03.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}
div.slide4{
	background-image: url(../img/slide/04.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}


div.slide_txt {
	top: 1em;
	width: 7.8%;
	height: 100%;
	left: 0;
	font-size: 2.9vw;
}
div.slide_txt p{
	margin: 0 auto;
	width: 1.2em;
	height:100%;
}

/*** top_about ***/

div.top_about{
	padding: 4em 0 8em 0;
}
span.arrow_box{
	right: 0.7em;
	bottom: 18%;
}
span.arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 80px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
span.arrow::before, span.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
span.arrow::before {
    left: 0;
	width: 80px;
	height: 1px;
	background: #104A4E;
}
span.arrow::after {
    width: 16px;
	height: 13px;
	border-top: 1px solid #104A4E;
	-webkit-transform: rotate(45deg);
	transform: rotate(35deg);
	left: 79%;
}
a.select{
	max-width: 400px;
	width: 27%;
	margin-right: 9.5%;
	overflow: hidden;
	margin-top: 3em;
}
a.select:nth-of-type(3){
	margin:0;
}
a.select:hover{
	opacity:1;
}
a.select img{
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
a.select:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
div.select_txt{
	left: 0;
	right: 0;
	top: 3%;
	bottom: 0;
	margin: auto;
	height: 4.3em;
	pointer-events: none;
}
div.select_txt span{
	text-shadow: rgba(0,0,0,0.2) 1px 1px 1px, rgba(0,0,0,0.2) -1px 1px 1px, rgba(0,0,0,0.2) 1px -1px 1px, rgba(0,0,0,0.2) -1px -1px 1px;
}
div.select_txt span.fs16{
	font-weight:300;
}
div.select_txt span.fs20{
	margin-bottom: 0.6em;
}
.ttl{
	margin:0 0 1.5em 0;
	font-weight:500;
}
.nomal{
	margin: 0;
    line-height: 1.8;
}
p.btn{
	margin-top: 6em;
}
p.btn a{
	display: inline-block;
	padding: 0.9em 0.7em;
	text-align: left;
	max-width: 307px;
	cursor: pointer;
	width: 100%;
}
div.top_about img.back_img{
	top: 17%;
	z-index: -1;
	left: -3%;
	max-width: 2135px;
	width: 113%;
}

dl.table.cow_number { 
	width: 23%; 
	margin: 0 2% 1em 0; 
}
dl.table.cow_number dt {
	text-align: center; 
	vertical-align: middle;
	width: 5em; 
	height: 18em; 
	margin: 0; 
	padding: 1em;
}
dl.table.cow_number dd {
	margin: 0; 
	padding: 1.2em;
	height: 23em;
	vertical-align: middle;
	line-height: 1.6;
}
/*
.cow_list {
	margin-top: -1.7em;
}
*/
#media .exp {
	margin: 2.5em 0 3em;
}
#media a i{
	margin-right: 0.2em;
}
#media a{
	margin-top: 2em;
}
#media img {
	margin-bottom: 2.5em;
	max-width:700px;
}
/*** top_recruit ***/

div.top_recruit {
	padding: 3em 0 10em 0;
}
div.top_recruit div.sub_inner{
	position: relative;
	z-index: 2;
}
a.recruit_select{
	 transition:0.6s;
}
a.recruit_select:hover{
	opacity:1;
}
a.recruit_select:before {
    position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	transition: transform 0.6s;
	background-image: linear-gradient(#000, #104A4D);
	opacity: 0.5;
	transform-origin: left bottom;
    transform: scale(1, 1);

}
a.recruit_select:hover:before{
  	transform-origin: left bottom;
	transform: scale(1, 0);
}

div.top_recruit div.select_left{
	max-width: 874px;
	width: 58.3%;
}
div.top_recruit div.select_right{
	max-width: 612px;
    width: 40.8%;
    margin-left: 0.9%;
}
div.top_recruit p.nomal{
	margin-bottom: 5em;
}
div.top_recruit div.select_right a.recruit_select + a.recruit_select{
	margin-top: 0.9em;
}
div.top_recruit img.back_img{
	max-width: 1591px;
	width: 84%;
	top: 8.5%;
	z-index: 1;
	left: -2.8em;
}

/*** top_gallery ***/

div.top_gallery{
	padding: 4.5em 0 16em 0;
}
div.top_gallery img.back_img{
	bottom: 8.5%;
	z-index: -1;
	max-width: 1020px;
	width: 54%;
	right: 6.8%;
}
div.top_gallery div.photo_box img:nth-of-type(1),
div.top_gallery div.photo_box img:nth-of-type(6),
div.top_gallery div.photo_box img:nth-of-type(7),
div.top_gallery div.photo_box img:nth-of-type(16){
	max-width:302px;
	width: 15.87%;
}
div.top_gallery div.photo_box img.pc{
	max-width:326px;
	width: 17.065%;
}
div.top_gallery div.photo_box img:nth-of-type(1),
div.top_gallery div.photo_box img:nth-of-type(2),
div.top_gallery div.photo_box img:nth-of-type(4),
div.top_gallery div.photo_box img:nth-of-type(6){
	vertical-align:bottom;
}
div.top_gallery div.photo_box img:nth-of-type(7),
div.top_gallery div.photo_box img:nth-of-type(8),
div.top_gallery div.photo_box img:nth-of-type(10),
div.top_gallery div.photo_box img:nth-of-type(12),
div.top_gallery div.photo_box img:nth-of-type(14),
div.top_gallery div.photo_box img:nth-of-type(16){
	vertical-align:top;
}
div.top_gallery div.photo_box img.pc{
	display:inline-block;
}
div.photo_box .btn_box{
	display: inline-block;
	width: 34.1%;
	position: relative;
	padding-top: 11.2%;
}
div.photo_box p.btn{
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 4em;
}
div.photo_box p.btn:before{
	padding-top:33.4876%;
}

/**************** common *******************/

div.common_ttl_box {
	top: 0.7em;
    width: 7.8%;
    left: 0;
    font-size: 2.9vw;
	font-weight: 500;
}
div.common div.sub_inner{
	height: 100vh;
	max-height: 765px;
	background-repeat: no-repeat;
	background-position: center center;	
}
section#about div.common div.sub_inner{
	background-image: url(../img/about/common.jpg);
}
section#recruit div.common div.sub_inner{
	background-image: url(../img/recruit/common.jpg);
}
section#gallery div.common div.sub_inner{
	background-image: url(../img/gallery/common.jpg);
}
section#contact div.common div.sub_inner{
	background-image: url(../img/contact/common.jpg);
}
div.common img{
	display:none;
}
.section_ttl{
	margin: 0 auto 1em auto;
	font-weight: 500;
}
p.marker{
	margin: 0.35em 0;
	font-size: 1.56vw;
}
p.marker span{
	background: linear-gradient(transparent 70%, #FC0 45%);
	font-weight: 500;
}

/********** about ************/

div.temp02 img.left{
	max-width:680px;
	width: 40%;
}
div.temp02 div.right{
	max-width: 964px;
	width: 57%;
	margin:0.4em 1.5% 0 0;
}
p.defo{
	line-height:1.8;
	margin: 1.8em auto;
}
.rice{
	font-size: 0.75em;
	position: relative;
	right: 0.5em;
}
.defo.rice_txt{
	text-indent: -1em;
	margin:0 0 2em 1em;
}
.defo.rice_txt.first{
	margin-top: 4em;
}
.rice_txt a{
	text-indent: 0;
	display: inline-block;
}
.rice_txt a i{
	margin-right: 0.2em;
}
.defo.rice_txt span.shikibetsu_namber{
	display: inline-block;
	text-indent: 0;
	margin-top: 1em;
}
.defo.rice_txt span.shikibetsu_namber br.pc{
	display:inline;
}
p.bottom_space{
	margin-bottom: 3.5em;
}
#town{
	padding: 4em 0 0 0;
}
#town p.btn{
	width: 50%;
	margin-top: 2em;
}
#town p.btn a{
	width: 90%;
}
div#farm .bg_check_small{
	padding: 5em 0 0 0;
}
div#farm .sub_inner{
	position: relative;
	z-index: 2;
}
div#farm .section_ttl{
	margin-bottom: 1.5em;
}
div#farm p.btn{
	margin:4em auto 6em auto;
}
div#farm p.btn a{
	max-width: 490px;
}
ul.small_slide{
	margin:0 auto;
}
div#farm img.back_img{
	max-width: 2135px;
	width: 113%;
	left: -11%;
	top: 17.2%;
}
#company{
	padding-bottom:8.5em;
}
#company .section_ttl{
	margin: 0 auto 1.7em auto;
}
table.data{
	max-width: 707px;
    width: 49%;
	border-collapse: collapse;
	margin: 0 0.5%;
}
table.data th,
table.data td{
	text-align: left;
	font-weight: 400;
	padding: 0.5em 0.3em;
	vertical-align: text-top;
	line-height: 1.8;
}
table.data th{
	border-bottom: 1px solid #9AB8CA;
	width: 7em;
}
table.data td{
	border-bottom: 1px solid #D6D6D6;
	padding-left: 1em;
}
table.data td ul{
	margin:0;
}
table.data td ul li{
	margin-left:1em;
	text-indent:-1em;
}
table.data td ul li:before{
	content: "◆";
	margin-right: 0.1em;
}
#company h3.section_ttl.map{
    padding: 3.5em 0 2em 0;
    margin: 0 auto;
}
#company h3.section_ttl.map i{
	font-size: 1.25em;
	vertical-align: text-bottom;
	margin-right: 0.35em;
}

/******************* recruit **********************/

#message{
	padding: 4em 0;
}
#message .section_ttl{
	padding: 0 0.4em;
	margin-bottom: 1.5em;
}
#message div.left{
	max-width: 676px;
	width: 45%;
}
#message div.left + img.right{
	display:none;
}
#message img.right{
    max-width: 760px;
    width: 51%;
	margin-top: 4em;
}
#message p.marker:nth-of-type(1) span{
	padding: 0 0.4em;
}
#message p.marker:nth-of-type(2){
	margin-bottom: 2em;
	padding: 0 0.5em;
}
#voice .bg_check_small{
	padding: 7em 0 4em 0;
}
#voice div.sub_inner{
	position: relative;
	z-index: 2;
}
#voice .section_ttl{
	margin-bottom: 1.8em;
}
#voice img.left{
	max-width: 476px;
	width: 32%;
	margin: 3.5em 2% 0 auto;
}
#voice img.left:nth-of-type(2){
	margin-top: 6em;
}
#voice img.left:nth-of-type(3){
	margin-right: 0;
}
#voice img.back_img{
	max-width: 1765px;
	width: 93%;
	top: 31%;
	left: -1.2em;
	z-index:1;
}
#recruitments{
	padding: 7.5em 0 4em 0;
}
#inquiry{
	padding: 2em 0 0 0;
	margin-bottom: 7em;
}
#inquiry p.marker span{
	padding: 0 0.3em;
}
div.inquiry_btn_box{
	max-width: 560px;
	margin: 2.5em auto 4em auto;
	width: 96%;
}
div.inquiry_btn_box a{
	width: 50%;
	text-align: center;
	padding: 1.25em 0;
}
div.inquiry_btn_box a i,
div.inquiry_btn_box a span{
	margin-right: 1em;
}

/****************** gallery ********************/

section#gallery .section_ttl{
	padding-top: 2em;
	margin-bottom: 1.7em;
}
section#gallery p.nomal{
	margin-bottom: 4em;
}
section#gallery ul.photo{
	padding-bottom: 3em;	
	margin-bottom: 8.5em;
	position: relative;
	z-index: 2;
}
section#gallery ul.photo li{
	max-width: 328px;
	width: 21.89%;
	margin: 3em 4.1466% 0 0;
}
section#gallery ul.photo li:nth-of-type(4n){
	margin-right:0;
}
section#gallery img.back_img{
	max-width: 1007px;
	width: 53%;
	top: 7.1%;
	left: -1em;
	z-index: 1;
}

/****************** form ***************************/

section#contact .section_ttl {
	margin: 2em auto 1.5em auto;
}
section#contact .sub_inner{
	position: relative;
	z-index: 2;
}
section#contact .bg_check_small{
	padding-bottom: 15em;
}
section#contact p.nomal{
	margin-bottom: 3em;
}
section#contact p.nomal a{
	font-weight: 300;
	color: #347296;
	border-bottom: 1px solid #347296;
	padding: 0 0.2em 0.35em 0.2em;
	letter-spacing: 0.05em;
}
#formtop{
	padding:95px 0 0 0;
	margin:-95px auto 6em auto;
}
section#contact form table {
	max-width: 985px;
	width: 100%;
	border-spacing:0 2px;
	margin: 0 auto;
	padding: 1em 0 4em 0;
}
section#contact form table th,
section#contact form table td {
	text-align:left;
	display: block;
}
section#contact form table th {
	font-weight: 600;
	font-size: 1.125em;
	padding: 1.3em 0 0.7em 0;
	letter-spacing: 0.05em;
}
section#contact form table td {
	padding:0.8em 0 0.8em 2.3%;
}
section#contact form table td a{
	color:#222;
}
section#contact form table td input ,
section#contact form table td textarea{
	padding: 0.69em 2%;
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
	max-width: 593px;
}
section#contact form table td input + input{
	margin-top: 1.7em;
}
section#contact form table td textarea {
	max-width: 966px;
	height: 150px;
}
section#contact div.contact_btn{
	max-width: 335px;
	margin: auto;
	display: block;
}
section#contact form input[type=submit] {
	-webkit-appearance: none;
	border: none;
	cursor: pointer;
	color: #104A4C;
	max-width: 335px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.25em;
	background: none;
	width:100%;
	text-align: left;
	padding: 0.9em 0.7em;
}
section#contact div.contact_btn span.arrow_box{
	pointer-events: none;
}
form a.back ,
form a.post {
	display: inline-block;
    text-decoration: none;
    font-size: 1.3em;
    cursor: pointer;
    padding: 0.9em 0.7em;
    width: calc(45% - 1.4em);
    max-width: 200px;
    margin-right: 6%;
}
form a.post{
	margin-right:0;
}
span.h ,
span.n {
	background-color: #BE6C32;
	color: #FFF;
	font-size: 0.6em;
	font-weight: normal;
	display: inline-block;
	padding: 0.3em 0.6em 0.65em 0.6em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	vertical-align: bottom;
	margin-left: 0.4em;
	letter-spacing: 0;
}
span.n {
	background-color:#9CB00B;
}
span.memo {
    font-size: 0.95em;
	font-weight: 300;
	line-height: 1.8;
	display: block;
	color:#000;
}
span.error {
    color: #F03;
    font-size: 0.9em;
	line-height: 1.5;
	display: block;
	letter-spacing: 0;
}
section#contact div.complete{
	padding-top: 2em;
	padding-bottom: 16em;
}
section#contact h4{
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
}
section#contact img.back_img{
	max-width: 1027px;
	width: 54%;
	top: 7%;
	left: -4.5em;
	z-index: 1;
}
form a.back span.arrow_box{
	right: auto;
	left: 0.7em;
}
section#contact span.arrow::after{
	height: 11px;
}
section#contact form a.back span.arrow::after{
	left: auto;
	right: 79%;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

/* confirm */
section#contact.confirm form table{
	margin-bottom: 2em;
}
section#contact.confirm form table td{
	background-color:rgba(255,255,255,0.8);
	border: 1px solid #EEE;
	box-sizing: border-box;
}
/* confirm */
section.complete div.sub_inner{
	padding-top: 3em;
}



/***********上部スペース*************/

#town,
#farm,
#company,
#message,
#voice,
#recruitments,
#company h3.section_ttl.map{
	margin-top: -95px;
}
#town{
	padding-top: calc(4em + 95px);
}
#farm,
#voice{
	padding-top:95px;
}
#company{
	padding-top:calc(7em + 95px);
}
#message{
	padding-top:calc(4em + 95px);
}
#recruitments{
	padding-top:calc(7.5em + 95px);
}
#company h3.section_ttl.map{
	padding-top:calc(3.5em + 95px);
}


@media (min-width: 1178px) and (max-width: 1267px) {
dl.table.cow_number dd {
	padding: 0.9em;
}
}

/******************************************* ipad ********************************************************/

@media (min-width: 768px) and (max-width: 1179px) {
	
body{
	font-size:12px;
}
main{
	padding-top: 71px;
}
.hvr-underline-from-left,
.hvr-underline-from-right{
	border-bottom:1px solid #104A4E;
}


.pad {display:block;}

.logo_box a span{
	font-size: 1.5em;
}
div.header_recruit a{
	padding: 1.5em 0;
}
div.header_add{
	width: 30%;
	text-align: left;
	margin-left: 5%;
}
div.header_add a + a{
	display: block;
	margin: 0;
}
div.header_recruit a i{
	display: block;
	margin: auto;
}
/*
nav#nav ul li a{
	vertical-align: middle;
}*/
_::-webkit-full-page-media, _:future, :root nav#nav ul li a i{
	position:relative;
	right:0.35em;
}
footer#footer ul.footer_nav li{
	margin: 0 2.4%;
}
footer#footer ul.small_list li{
	margin:0;
}
.swiper-container-fade .swiper-slide img{
	display:block;
}
div.swiper-slide{
	height: auto;
	min-height: auto;
}
div.slide1,
div.slide2,
div.slide3,
div.slide4{
	background-image:none;
}
div.slide_txt{
	top: 0.5em;
}
div.slide_txt p{
    font-size: 2.4em;
}
div.top_gallery span.arrow_box{
	right: 2.7em;
}
div.photo_box{
	width: 90%;
}
div.photo_box p.btn a{
	width: 86%;
}

/**** common *****/

div.common div.sub_inner{
	background-image: none;
	height: auto;
	min-height: auto;
}
div.common img{
	display:block;
}

/****** about *****/

table.data th{
	width: 24.5%;
}
ul.small_slide li{
	max-width:300px;
}
ul.small_slide li img{
	width:100%;
}
#town p.btn{
	width: 48%;
	margin: 1em 4% 6em auto;
}
#town p.btn + p.btn{
	margin-right: 0;
}
dl.table.cow_number dt,dl.table.cow_number dd {
	padding: 0.4em;
}

/***** recruit *****/

#message div.left{
	float: none;
	display: inline;
}
#message img.right{
	padding-left: 1em;
}
p.marker span{
	font-size:1.2em;
}

/*** contact *****/

#formtop{
	padding-top: 71px;
	margin-top:-71px;
}
section#contact img.back_img{
	width: 70%;
	left: 0;
}

/***********上部スペース*************/

#town,
#farm,
#company,
#message,
#voice,
#recruitments,
#company h3.section_ttl.map{
	margin-top: -71px;
}
#town{
	padding-top: calc(4em + 71px);
}
#farm,
#voice{
	padding-top:71px;
}
#company{
	padding-top:calc(7em + 71px);
}
#message{
	padding-top:calc(4em + 71px);
}
#recruitments{
	padding-top:calc(7.5em + 71px);
}
#company h3.section_ttl.map{
	padding-top:calc(3.5em + 71px);
}


}