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

body {
	font-size:12px;
}
.sp_v {
	display: block;
}
.pc_v {
	display: none;
}
/********** header *******************/
header#header {
	background-size:260%;
}


header#header h1 {
	width:36%;
	padding: 1em 0em 0em 0.8em;
}
header#header div#trans {
	position:absolute; top:0.5em; bottom:auto; right:1em;
}

header#header nav ul#nav li a img.icon_staff {
    max-width: 43px;
    width: 1.6em;
    margin-left: 0.2em;
    margin-right: 1.2em;
}

header#header nav {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
}

header#header #spnav {
	display:block;
	font-size:3em;
	position:absolute;
	top:0.2em;
	right:0.5em;
	color:#000;
}
section.main_visual01 p {
    right: 77%;
	top: 3em;
    font-size: 1.1em;
}
section.main_visual02 p {
	left:4%;
	font-size: 1.6em;
}

header#header #spnav a {
	color:#000;
	text-shadow:1px 1px 3px #FFF;
}



header#header nav ul#nav {
	z-index:100;
	width:100%;
	margin:0 0 1px 0; padding:0;
	display:none;
}
header#header nav ul#nav {
	background-color: #fff;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-top: 2em;
}

header#header nav ul#nav li {
	display:block;
	margin:0 0 0 0;
	padding-left:0;
	font-size:0.6em;
	border:none;
	text-align:left;
}
header#header div#google_translate_element {
	position: static;
    margin-right: 1em;
    margin-top: 0em;
}
body#top header#header ul li#top a,
body#about header#header ul li#about a,
body#staff header#header ul li#staff a,
body#recruit header#header ul li#recruit a,
body#contact header#header ul li#contact a {
    border-bottom:none;
}
header#header nav ul#nav li a img  {
	display:inline-block; margin-right:1em;
	width:2em;
	
}

header#header nav ul#nav li:last-of-type {
	border-bottom: none;	
}

header#header nav ul#nav li a {
	display:block; font-size:2em;
	padding:0.6em 1em;
}

header#header section.main_visual01 img.item1,
header#header section.main_visual02 img.item1,
header#header section.main_visual03 img.item1,
header#header section.main_visual04 img.item1,
header#header section.main_visual05 img.item1 {
	display:none;
}
header#header section.main_visual01 img.item2,
header#header section.main_visual02 img.item2,
header#header section.main_visual03 img.item2,
header#header section.main_visual04 img.item2,
header#header section.main_visual05 img.item2 {
	width:100%;
	margin:0;
}
body#top section.main_visual01 {
    display: block;
    position: relative;
    padding: 0 0 12em 0;
}
div#slide .swiper-slide {
	padding:34% 0 34% 0;
}
div#slide {
    margin: 0 auto -11em auto;
    height: auto;
    position: relative;
    top: 0;
    z-index: -1;
}
div#slide div.slidesp1 {
	background-image: url("../img/header/slide_sp_01.jpg");
}
div#slide div.slidesp2 {
	background-image: url("../img/header/slide_sp_02.jpg");
}
div#slide div.slidesp3 {
	background-image: url("../img/header/slide_sp_03.jpg");
}
div#slide div.slidesp4 {
	background-image: url("../img/header/slide_sp_04.jpg");
}
div#slide div.slidesp5 {
	background-image: url("../img/header/slide_sp_05.jpg");
}
div#slide .swiper-slide {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:56% 0 56% 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
header#header section.main_visual01 img.top_cow {
    max-width: 497px;
    right: 3%;
    top: 64%;
    width: 40%;
}
/*********** 見出し *****************************/



main .catch {
	
}
/******** layout *******************/

.inner,
.middle_inner,
.lower_inner {
	width:96%; padding-left:2%; padding-right:2%;
}
.half {
    width: 100%;
}

.p_bottom {
	padding-bottom:70px;
}

a.more {
	font-size:1.2em;
	margin-top:1em;
}

section.main_visual02 div.flex,
section.main_visual03 div.flex,
section.main_visual04 div.flex,
section.main_visual05 div.flex {
    padding: 3em 0 3em 0;
}
/*************** top start ***************************/

section#top_about img.kids,
section#top_about img.sky {
	display:block;
    margin:0 auto;
    width: 80%;
	float:none;
}

section#top_about div.txt {
	margin:3em 2.5% 2em 2.5%;
    width: 95%;
    float: none;
}

section#top_about h2 em,
section#top_about h3 em,
section#about_top h2 em,
section#about_middle h3 em,
section#about_bottom h4 em{
    line-height: 2em;
    padding: 0;
    font-size: 1em;
	letter-spacing:0.05em;
}
section#top_recruit h4 em {
    line-height: 2em;
    padding: 0;
    font-size: 0.8em;
	letter-spacing:0.05em;
}
section#top_about {
    padding: 4em 0 4em 0;
	margin-top: 0em;
}
section#top_about h3 {
    margin-top: 1em;
}
section#top_recruit {
    padding-bottom: 2em;
}
section#top_recruit p.work {
    top: 3.2em;
    font-size: 1.7em;
}
section#top_recruit div.heading {
    padding-top: 5em;
    margin-bottom: 5em;
}
section#top_recruit .indent {
    text-align: left;
}
section#top_recruit h4 span {
    width: 100%;
	letter-spacing: 0.02em;

}
section#top_access h5,
section#top_contact h6,
section#about_company h5 {
    font-size: 1.5em;
}
section#top_access div.hokkaido {
    padding: 1em 1em 21em 1em;
}
section#top_access p.summer {
    margin: -3em 0 2em 0;
	text-align:left;
}
section#top_access dd {
	margin-left: 2.5em;
}
section#top_access iframe {
    width: 98%;
    height: 20em;
}
section#top_contact {
    padding-bottom: 2em;
}
section#top_contact dl {
	margin: 3em 0;
}
section#top_contact dd {
    width: 75%;
}
section#top_contact dd.tel a {
	width: 100%;
	font-size:1.4em;
}

section#top_contact dd.mail a {
	width: 100%;
	font-size:1.4em;
	letter-spacing:-0.01em;
}
section#top_contact h6 {
    margin-bottom: 0;
}
section#top_contact div.contact_img {
	height:auto;
}
main .ttl img {
    margin-right: 0.3em;
}



/******************** contents ******************************/


#main_slide ul li {
	width: 160px;
}



/***********about****************/
section#about_top img.at_img1,
section#about_top img.at_img2,
section#about_middle img.am_img1,
section#about_middle img.am_img2,
section#about_middle img.am_img3 {
    float: none;
    width: 90%;
    max-width: 470px;
    display: block;
    margin: 0 auto;
    padding-top: 2em;
}

section#about_top div.text_box,
section#about_middle div.text_box,
section#about_bottom div.text_box {
    width: 95%;
	padding:0 0 1em 0;
}
section#about_top {
    padding: 4em 0;
}

section#about_middle {
	padding: 3em 0 6em 0;
}
section#about_middle div.am_imgbox {
    margin-bottom: 0.5em;
}
section#about_bottom {
	padding: 1em 0 4em 0;
}
section#about_bottom img.ab_img {
    width: 90%;
}

section#about_company table {
    width: 98%;
    margin: 2em 1%;
	float:none;
}
section#about_company table img {
	float:none;
	width:35%;
}
section#about_company img.sum {
    width: 70%;
    max-width: 480px;
    display: block;
    margin: 0 auto;
	float:none;
	padding-bottom:5em;
}
section#about_company h5 img {
	margin-bottom: 0.4em;
}
#staff_content div.staff_bg01 {
    padding: 4em 0 2em 0;
}
#staff_content div.staff_bg02 {
    padding: 4em 0 4em 0;
}
/*
#staff_content div.staff_bg03 {
    padding: 10em 0 2em 0;
    margin-top: -4em;
}
#staff_content div.staff_bg04 {
    padding: 4em 0 4em 0;
}
*/
section#about_middle p.am_text1 {
    left: 0.6em;
}
/************** staff ********************/
section.main_visual05 p {
    font-size: 1.6em;
}
section.main_visual05 p {
    top: 1em;
    left: -3%;
    font-size: 1.6em;
}
#staff_content div.staff:nth-of-type(2n) {
    margin-left: 0;
    margin-top: 2em;
}
#staff_content div.staff {
    width: 100%;
}
#staff_content div.staff p {
    right: 0%;
}
/**************recruit********************/
section.main_visual03 p {
    top: 2em;
    left: 0%;
    font-size: 1.8em;
}
section#recruit_top h2 em {
    font-size: 0.8em;
}
section#recruit_top {
    padding: 3em 0;
}
section#recruit_farm {
    padding: 3em 0 0 0;
}
section#recruit_farm h3 {
    margin-bottom: 1em;
}
section#recruit_farm h3 em {
    font-size: 1em;
}
section#recruit_farm dd {
    font-size: 1.2em;
    padding-left: 2em;
}
section#recruit_farm img.rf_img2 {
    padding: 1em 0 0 0em;
}
section#recruit_farm div.clock2 {
    padding: 4em 0em 0em 0em;
}
section#recruit_farm img.rf_img2 {
    padding: 1em 0em 5em 0em;
}
section#recruit_requirements {
    padding-bottom: 2em;
}
section#recruit_requirements h5 {
    margin-bottom: 0em;
}
section#recruit_requirements h5 em {
    font-size: 1em;
}
section#recruit_requirements table {
    width: 98%;
    margin: 0em 1% 0em 1%;
	padding-left:0;
	float:none;
}
section#recruit_requirements p:first-child {
	margin-bottom:2em;
}
section#recruit_requirements p:last-of-type {
	margin-top:4em;
}
section#recruit_requirements h4 {
    margin-bottom: 1em;
	font-size:1.5em;
}
/************** contact *****************************/
section.main_visual04 p {
    top: 2em;
    left: 0%;
    font-size: 1.8em;
}
section#contact_form h5 em {
    font-size: 1em;
}
section#contact_form form table {
    width: 98%;
    margin: 0 1%;
}
section#contact_form form table td input {
    width: 98%;
    padding: 1%;
}
section#contact_form form table td textarea {
    width: 98%;
}
section#contact_form div.form_inner {
    width: 96%;
}
/*************** footer ******************************/

footer#footer section h6.logo {
	float:none;
	width:50%; text-align:center; margin:0 auto;
}
footer#footer nav {
	float:none;
    padding: 2.2em 0 2.2em 0; text-align:center; margin:0 auto;
}
footer#footer nav ul li {
	margin-bottom:1em;
}
footer p.copy {
	float:none; text-align:center; margin:0 auto;
}
#f_nav {
	padding: 0.25em 0 0.25em 0;
	font-size: 10px;
	margin: 2em 0 2em 0;
}
#f_nav li {
	margin: 0 0.25em;
}
#f_nav li a {
    padding: 0.25em 0.25em;	
}