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

body {
	font-size:14px;
}
main{
	padding-top: 104px;
}
.sp {
	display: block;
}
.pad {
	display:none;
}
.pc {
	display: none;
}
.left {
	float: none;
}
.right {
	float: none;
}
.flex {
	display: block;
}
/*
.pr,
.pa {
	position: static;
}
*/
.half {
	width: 100%;
}
.main_inner,
.side_inner,
.inner,
.sub_inner,
.middle_inner,
.lower_inner {
	width:96%;
	margin: auto;
	float: none;
	display: block;
}
.hvr-underline-from-left,
.hvr-underline-from-right{
	border-bottom:1px solid #104A4E;
}

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

header#header{
	padding-bottom: 0.5em;
}
header#header .main_inner{
	width: 99%;
}
div.header_recruit a{
	display:none;
}
nav#nav{
	display:none;
}
.logo_box a img {
    width: 2.6em;
}
.logo_box a span{
	font-size: 1.4em;
	text-align: center;
	
}
.logo_box{
	width: auto;
	padding-bottom: 0.5em;
	margin-left:0;
}
div.header_add{
	width: auto;
    margin: 0;
	display:block;
	text-align:left;
}
div.header_add a + a{
	margin: 0;
	display: block;
}
div.header_add a span{
    margin: 0;
}
#spnav{
	position: fixed;
	right: 0.5em;
	top: 1.5em;
}
#spnav i{
	font-size: 3em;
    font-weight: 500;
}
nav#nav{
	height: auto;
	width: 100%;
	max-width: none;
}
div#google_translate_element{
	margin: 0;
	position: absolute;
	right: 0;
	top: 5.5em;
}
nav#nav ul{
	padding:0;
}
nav#nav ul li{
	writing-mode: horizontal-tb;
	width: auto;
	margin-bottom:0;
	display: block;	
}

nav#nav ul li.sp {
    display: block;
}
nav#nav ul li.pc{
    display: none;
}
nav#nav ul li a{
	font-size: 1.5em;
    padding: 0.7em 1em;
    border-bottom: 1px solid;
    display: block;
}
nav#nav ul li:nth-of-type a i{
	margin-right:0.5em;
}
nav#nav ul li:nth-of-type(4) a i{
	margin:0 0.5em 0 0;
}

/** pagetop **/

nav#nav ul li.page-top{
	display:none;
}

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

footer#footer ul.footer_nav li{
	margin: 1em 0;
	display: block;
}
footer#footer ul.small_list li{
	margin: 0.5em 0;
}
#page_top_sp{
	font-size: 2em;
	background-color: rgba(54, 114, 150,0.8);
	border: 1px solid rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	box-sizing: border-box;
	line-height: 1;
	padding: 0.5em;
	right:0;
	bottom:0;
	z-index:9999;
	opacity:1;
}
#page_top_sp i{
	margin: 0;
	line-height: 1;
	height: 1em;
	width: 1em;
	text-align: center;
}

/*********** top ************/

.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{
	bottom: -1em;
	z-index: 9998;
	width: auto;
	top: auto;
	height:auto;
	width: auto;
	font-size: 1.8em;
	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);
	writing-mode: horizontal-tb;
}
.nomal{
	text-align:left;
}
div.top_about {
    padding: 4em 0 3em 0;
}
div.top_about .nomal{
	margin-bottom: 4em;
}
a.select,
a.select:nth-of-type(3){
	display: block;
	width: 100%;
	margin: 0.5em auto;
}
p.btn {
    margin-top: 2em;
}
div.top_recruit {
    padding: 3em 0em;
}
div.top_recruit div.select_left,
div.top_recruit div.select_right{
	float: none;
	width: 100%;
	margin:0.5em auto;
}
div.top_recruit div.select_right a.recruit_select + a.recruit_select{
	margin-top: 0.5em;
}
div.top_gallery div.photo_box{
	text-align:center; 
}
div.top_gallery div.photo_box img:nth-of-type(1), 
div.top_gallery div.photo_box img:nth-of-type(3),
div.top_gallery div.photo_box img:nth-of-type(5), 
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(9), 
div.top_gallery div.photo_box img:nth-of-type(11),
div.top_gallery div.photo_box img:nth-of-type(13), 
div.top_gallery div.photo_box img:nth-of-type(15),
div.top_gallery div.photo_box img:nth-of-type(16){
	width: 48%;
	display: inline-block;
	margin: 0.3em 1%;
	max-width: 302px;
}
div.top_gallery div.photo_box img.pc{
	display:none;
}
div.top_gallery {
    padding: 4.5em 0 3em 0;
}
div.photo_box:hover{
	 transform: translateX(0);
}
div.photo_box .btn_box{
	display:none;
}
div.photo_box p.btn{
	position:relative;
}
a.recruit_select:hover::before {
    transform: scale(1, 1);
}

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

div.common div.sub_inner{
	height: auto;
	max-height: auto;
	width: 100%;
	margin: auto;
}
div.common img{
	display:block;
}
div.common_ttl_box{
	top: auto;
	bottom: 0;
	font-size: 2em;
	width: auto;
	background-image: repeating-linear-gradient(45deg, rgba(235,244,250,0.8) 0, rgba(235,244,250,0.8) 4px, #FFF 4px, #FFF 8px), repeating-linear-gradient(-45deg, rgba(235,244,250,0.8) 0, rgba(235,244,250,0.8) 4px, #FFF 4px, #FFF 8px);
	writing-mode: horizontal-tb;
}
.section_ttl{
	font-size: 1.7em;
}
p.marker{
	text-align:center;
}


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

div.temp02 img.left,
div.temp02 div.right{
	float: none;
	width: 100%;
	margin: auto;
	display:block;
}
div.temp02 div.right{
    padding-bottom: 3em;
}
#town p.btn{
	display: block;
	width: 100%;
}
#town p.btn{
	margin-top: 2em;
}
#town p.btn + p.btn{
	margin-top: 1em auto 2em auto;
}
#town p.btn a {
    width: 100%;
}
div#farm p.btn {
    margin: 2em auto 4em auto;
}
div#farm p.btn a{
	padding: 0;
}
ul.small_slide li{
	float:left;
	max-width: 200px;
}
ul.small_slide li img{
	width:100%;
}
table.data{
	width: 100%;
	margin: auto;
}
table.data th{
	width: 25.5%;
}
div#farm .section_ttl{
	text-align: center;
}
div#company iframe{
	height:400px;
}
div#farm p.btn a{
	padding: 0.9em 0.7em;
	max-width: 307px;
	width: 100%;
}
.defo.rice_txt span.shikibetsu_namber br.pc{
   display: none;
}
dl.table.cow_number {
	width:100%;
}
dl.table.cow_number dt {
	width: 8em;
	height: auto;
}
dl.table.cow_number dd {
	padding: 1.5em;
	height: auto;
}
#media {
	margin-top: 3em;
}
/********** recruit ***********/

#message div.left,
#message img.right{
    width: 100%;
    margin: auto;
}
#message img.right{
	display:none;
}
#message div.left + img.right{
	display:block;
}
#message .section_ttl{
	text-align: center;
}
p.marker{
	font-size: 1.2em;
}
#voice img.left,
#voice img.left:nth-of-type(2),
#voice img.left:nth-of-type(3){
	width: 86%;
	margin: 1.5em auto;
	display: block;
}
div.inquiry_btn_box a{
	display: block;
	width: 100%;
	margin: 1em auto;
}
#message p.marker:nth-of-type(1) span,
#message p.marker:nth-of-type(2){
	padding:0;
}
#voice img.back_img{
	top: 19.5%;
	left: -0.2em;
	width: 100%;
}
div.top_recruit img.back_img{
	left: 0;
	width: 100%;
}

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

section#gallery p.nomal {
    text-align: center;
}
section#gallery ul.photo li{
	float: left;
	width: 48%;
	margin: 0.3em 1%;
	max-width: none;
}
section#gallery ul.photo li a{
	max-width: 328px;
	display: block;
	margin: auto;
}

/********* contact **********/

section#contact .bg_check_small {
    padding-bottom: 9em;
}
#formtop{
	padding-top: 104px;
	margin-top:-104px;
}
section#contact p.nomal br{
	display:none;
}
section#contact form table td{
	padding: 0.8em 0;
}
section#contact h4{
	text-align:left;
}
form a.back, form a.post{
	display: block;
	width: 100%;
	margin: auto;
}
form a.post{
	margin-top:1em;
}
section#contact img.back_img{
	width: 100%;
	left: 0;
	top: 10%;
}

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

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