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

body {
	font-size:14px;
}
main{
	padding-top: 114px;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
.left {
	float: none;
}
.right {
	float: none;
}
.flex {
	display: block;
}
.pr,
.pa {
	position: static;
}
.half {
	width: 100%;
}
/********** header *******************/
header#header {
    position: fixed;right: 0;width: 100%;height: auto;z-index: 1001;background-color:#F0E8E5;border:none;
}
div.logo_box{
	
	text-align: left;
	margin: 1em 0 0.5em 0.8em;
}
div.logo_box img{
	width: 13%;
}
div#google_translate_element{
	position: static;
	margin: 0em 0 1em 0.8em;
	text-align: left;
}
.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar{
	background-color:#64544D;
	height:2px;
}
.zdo_drawer_menu .zdo_drawer_menu_text{
	color:#64544D;
	position: relative;
	z-index: 9999;
}
.zdo_drawer_menu .zdo_drawer_button {
    width: auto;top: 0px;right: 4%;
	height: 4.5em;
	bottom: 0;
	margin: auto;
	z-index:9999;

}
.zdo_drawer_menu .zdo_drawer_bar {
    height: 1px;
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
    width: 35px;
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1 {
    transform: rotate(45deg);
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3 {
    transform: rotate(-45deg);
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
    margin-left: -1em;position: relative;z-index: 1000;
}


/************************************footer****************************/
footer .bg_brown{
	padding: 2.85em 0 2.8em 0;
}
footer h2.ttl{
	font-size: 1.5em;
	width: 62%;
}
footer#footer ul li {
	margin-top: 0.5em;
}
footer#footer ul li a {
	font-size: 0.938em;
}
/****************************top**********************************/

/********************************slide**********************************/
section#slide{
	position:relative;
}
section#slide div.slide_txt{
	padding: 2em 0.5em;
	width: 5em;
	position: absolute;
	bottom: 0;
	right:1em;
	height: 16em;
}
section#slide div.slide_txt div.slide_txt_inner{
	position: static;
}
section#slide div.slide_txt p{
	letter-spacing: 0.2em;
	line-height: 1.8;
	position: static;
	font-size:1.4em;
}
h2.ttl span.line{
	position:relative;
}
h2.ttl span.line::before{
	right: -2.5em;
}
h2.ttl span.line::after{
	left:-2.5em;
}
p.normal{
	text-align:left;
}
p.normal br{
	display:none;
}
section#infinite_slide ul li{
	width: 200px;
	float: left;
}
section#top_recruit div.pr{
	position:relative;
}
section#top_recruit div.slide_txt{
	padding: 2em 0.5em;
	width: 5em;
	position: absolute;
	bottom: 0;
	left: 1em;
	background-color:#E3D6CF;
	top: 4em;
	height: 16.5em;
}
section#top_recruit div.slide_txt div.slide_txt_inner{
	position: static;
}
section#top_recruit div.slide_txt div.slide_txt_inner p{
	letter-spacing: 0.2em;
	line-height: 1.8;
	position: static;
	font-size:1.4em;
}
section#top_gallery ul li{
	float:left;
}
section#top_movie img{
	display: block;
	width: 100%;
	padding: 1em 0 0 0;
	margin: auto;
}
section#top_movie img + img{
    padding-bottom: 3em;
}
section#top_contact p.sub_btn{
	display: block;
	width: 100%;
	margin: 1em auto;
}
section#top_contact p.sub_btn a{
	height: 60px;
	line-height: 60px;
}
span.arrow::after,
.bg_brown span.arrow::after{
	left: 3.5em;
	width: 8px;
}

/************* gallery ****************/
h2.common_ttl span.fs24{
	position:relative;
}
div#select div.select,
div#select div.select + div.select{
	display: block;
	width: 100%;
	margin: 0 auto 2em auto;
}
section#gallery #photo{
	padding: 11em 0 7em 0;
	margin-top: -11em;
}
section#gallery #photo ul li{
	float:left;
	width: 49%;
	margin:0 2% 0.6em 0;
}
section#gallery #photo ul li:nth-child(2n){
	margin-right: 0;
}
section#gallery #movie {
    padding-top: 11em;
    margin-top: -11em;
}
section#gallery #movie ul li,section#gallery #movie ul li:nth-child(3n){
	width: 100%;
	margin: 0 auto 0.6em auto;
}

/********** about ************/
div#town{
	background: linear-gradient(transparent 68%, #64544D 36%);
}
div#town div.town_img{
	display: block;
	width: 65%;
	margin: auto;
	position: relative;
}
div#town div.town_img p{
	right: 22%;
	position: absolute;
}
div#town div.town_txt{
	display: block;
	width: 100%;
	margin: auto;
}
div#town img.town_img,
div#town img.town_img + img.town_img{
	width: 100%;
	margin: auto auto 2em auto;
	display:block;
}
div#profile table{
	width: 100%;
	margin:3em auto 0 auto;
}
div#profile table + table {
    margin: 0 auto 3.5em auto;
}
div#history table th {
    width: 32%;
	padding-left:0;
}
div#history table th span{
	text-indent: -0.7em;
	display: block;
}
div#farm .left_box,div#farm .right_box {
	width: 100%;
}
.left_box .ceo_img {
	inline-size: 96%;
}
div#farm .right_box p.limited:first-of-type {
	margin-block-start: 1em;
}
/******** recruit *********/
div.message_txt, div.message_box img{
	width: 100%;
	margin: auto;
	display:block;
}
div#message h3{
	text-align:center;
	text-indent: 0.35em;
}
div#flow table th {	
    width: 24.5%;
}
div#requirements div#tab {
    width: 100%;
    margin-top: 4em;
	display: block;
}
div#requirements div#tab p,
div#requirements div#tab a {
    width: 83%;
    margin: 0.5em auto 0 auto;
    font-size: 1.3em;
}
div#requirements div#tab i {
    float: right;
}
div#requirements table,
div#requirements table + table{
	width: 100%;
	margin: auto;
}
section#recruit section#top_contact{
	margin: 6em auto;
	width: 100%;
}
section#recruit section#top_contact h2{
	letter-spacing: 0.2em;
	font-size:1.45em;
}
section#recruit section#top_contact div.contact_btn{
	width: 96%;
}
p.limited br.sp_none{
	display:none;
}

/*************** contact_ ******************/
section#contact div#form_top{
	padding-top: 8.6em;
	margin-top: -8.6em;
}
p.form_txt{
	text-align:left;
	width: 95%;
}
p.form_txt br{
	display:none;
}
div.form_bg{
	padding: 4em 0;
	margin: 2.5em auto 5.5em auto;
}
section#contact form table th,
section#contact form table td{
	display: block;
	width: 100%;
	text-align: left;
	padding: 0;
}
section#contact form table th{
	border-bottom: 1px solid #E1E6E1;
	padding-bottom: 0.5em;
}
form a.post,
form a.back{
	padding: 0.2em 0;
}
p.complete_txt{
	text-align:left;
}
p.complete_txt br{
	display:none;
}


/*********************************IE*************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body#staff div.wh_bg.pa h2.ymc,
	body#recruit div.wh_bg.pa h2.ymc,
	body#gallery div.wh_bg.pa h2.ymc,
	body#contact div.wh_bg.pa h2.ymc,
	body#mail_form div.wh_bg.pa h2.ymc {
	margin-top: 1em;
}
}