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

body {
    font-size: 16px;
	font-family: 'Noto Serif JP', sans-serif,"游明朝体", YuGothic, "游ゴシック", "Yu Gothic";
	font-weight: 400;
	height:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color:#37322C;
}
img {
	border:none; vertical-align:middle;
}
.v_top {
	vertical-align:top;
}
.v_middle {
	vertical-align:middle;
}
em {
	font-style:normal;
}
a {
	color:#37322C;
	text-decoration: none;
}
a i {
	margin-left: 5px;
	margin-right: 5px;
}
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,p {
	margin-top: 0;
	margin-bottom: 0;
	font-size:1em;
}
/************************ float **********************************************/
.c-both {
	clear:both;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.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;
}
/******* end float **********/
/******* flex box ***********/
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
}
.flex_re {
	flex-flow: row-reverse;
}
.flex_s {
	justify-content: flex-start;
}
.flex img {
    object-fit: cover;
    object-position: top;
}
.height {
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: stretch;
}
/****** end flex box ********/
.inner {
	width:96%; max-width:1724px;
	margin-left:auto; margin-right:auto;
}
.sub_inner {
	width: 96%; 
	max-width:1420px;
	margin-left:auto; margin-right:auto;
}
.middle_inner {
	width: 96%; 
	max-width:1200px;
	margin-left:auto; margin-right:auto;
}
.lower_inner {
	width: 86%; max-width:575px;
	margin-left:auto; margin-right:auto;
}
.half {
	width:50%;
}
.heading {
	width: 100%;
}
.sp {
	display:none;
}
.pc {
	display:block;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
/*************** end class ***************************************************************/
main {
	width:100%;
	overflow:hidden;
}
.ls02{letter-spacing: 0.025em}
.ls05{letter-spacing: 0.05em}
.ls07{letter-spacing: 0.075em}
.ls10{letter-spacing: 0.1em}
.ls15{letter-spacing: 0.15em}
.ls20{letter-spacing: 0.2em}
.ls25{letter-spacing: 0.25em}
/**********************************  color     *****************************************/
.bg_pink{
	background-color:#F0E8E5;
}
.bg_dark_pink{
	background-color:#E3D6CF;
}
.bg_brown{
	background-color:#64544D;
}
.kogecha{
	color:#5F5952;
}
.white{	color:#FFF;}

/**********************************  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;}
.fs60{font-size: 3.75em;}
.fs64{font-size: 4em;}
.fs76{font-size: 4.75em;}

.eng{font-family: 'Sorts Mill Goudy','游明朝','Yu Mincho','ヒラギノ明朝 Pro', 'Hiragino Mincho Pro',serif;}
.italic{font-style:italic;}

.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;	
}
.full{	width:100%;}

/**********************************  header  *****************************************/
header#header {
	position: fixed;right: 0;width: 18.15em;z-index: 1000;height: 6.25em;
	top:0;border-left: 1px solid #f0e8e5;border-bottom: 1px solid #f0e8e5;box-sizing: border-box;
}
header#header ul li:first-of-type {
	margin-bottom: 0.8em;
}
header#header ul li a i {
	margin-right: 0.2em;vertical-align: sub;
}
header#header ul li a span.ygt {
	display: block;font-style: normal;line-height: 2em;
}
div#google_translate_element {
	margin:2.5em auto 0 2.5em;
}
div.logo_box{
	color:#5F5952;
	margin: 2em auto 3.5em auto;
}
div.logo_box a{
	max-width: 285px;
}
div.logo_box div.logo_txt{
	margin-left: 1em;
}
div.logo_box .logo_txt span.fs32{
	letter-spacing: 0.15em;
	font-size:1.8em;color: #5F5952;
}
div.logo_box .logo_txt span.fs14{
	letter-spacing: 0.05em;
	position:relative;color: #5F5952;
}
div.logo_box .logo_txt span.fs14:before{
	content: "";
	position: absolute;
	left: 0;
	border-bottom: solid 1px #CFBDAD;
	width: 1.935em;
	top: 26%;
}
div.logo_box .logo_txt span.fs14:after{
	content: "";
	position: absolute;
	right: 0;
	border-bottom: solid 1px#CFBDAD;
	width: 1.935em;
	top: 26%;
}

/*******************************footer**************************************************************/
footer .bg_brown{
	padding:3.85em 0 2.8em 0;
}
footer h2.ttl{
	margin: 0 0 1.3em 0;
	width: 50%;
	padding:0;
	letter-spacing: 0.1em;
	line-height:1.5;
}
footer .bg_brown h2.ttl::before {
    border-bottom: solid 2.84em #FBF9F7;
    top: -3.3em;
}
footer .bg_brown h2.ttl:after{
	top: -3.3em;
	border-bottom: solid 1.4em #5F5952;
}
footer .bg_brown h2.ttl span{
	font-style: italic;
	font-size: 0.4375em;
	letter-spacing: 0.05em;
}
footer address{
	font-style:normal;
	letter-spacing: 0.2em;
	line-height:1.8;
}
footer div.line_box{
	position:relative;
}
footer div.line_box:before{
	content: "";
	position: absolute;
	left: 0;
	border-bottom: solid 1px #E6DCD4;
	width: 100%;
	top: 40%;
}
footer ul{
	margin: 2.3em auto 0 auto;
}
footer ul li{
	margin: 0 1em;
}
footer ul li a{
	letter-spacing: 0.1em;
}
p.copy{
	padding: 1.5em 0 1.8em 0;
	letter-spacing: 0.2em;
}

/*********************************************top********************************************************/
/*************** slide ******************/
section#slide{
	background: linear-gradient(transparent 21%,#E3D6CF 21%);
	padding-bottom: 4.5em;
}
.swiper-container {
	margin: 0 auto;
	position:relative;
	margin-top: 1.5em;
}
.swiper-slide {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.swiper-wrapper {
	margin: 0 auto;
}
.sp-swiper-slide {
	display: none;
}
section.main_top .swiper-slide {
	width: 100%;
	/*height: 100vh;*/
	min-height: auto;
	object-fit: cover;
}
section#slide div.slide_txt{
	z-index: 10;
    height: 72.7%;
    top: 0;
    bottom: 18%;
    right: 0;
    margin: auto;
    padding: 0 14em 0 3.5em;
}
section#slide div.slide_txt div.slide_txt_inner{
	position: relative;
	height: 100%;
	width: 100%;
}
section#slide div.slide_txt p{
	position: absolute;
	left: 35%;
	top: 8%;
	bottom: 0;
	margin: auto;
	height: 14em;
	letter-spacing: 0.4em;
	color:#5F5952;
	line-height: 1.7;
}

/********* top_about ***********/
h2.ttl{
	letter-spacing: 0.05em;
	position:relative;
	margin-top: 1.9em;
	line-height:1;
}
h2.ttl:before{
	content: '';
	top: -3em;
	border-bottom: solid 2.27em #5F5952;
	width: 1px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	z-index: 1000;
}
h2.ttl span.line{
	font-size: 0.45em;
	font-style: normal;
	font-weight: 500;
}
h2.ttl span.line:before{
	content: '';
	top: 0;
	border-bottom: solid 1px #5F5952;
	width: 16px;
	left: auto;
	right: -1.5em;
	margin: auto;
	position: absolute;
	z-index: 1000;
	bottom: 40%;
	margin: auto;
	height: 1px;
}
h2.ttl span.line:after{
	content: '';
	top: 0;
	border-bottom: solid 1px #5F5952;
	width: 16px;
	left: -1.5em;
	right: auto;
	margin: auto;
	position: absolute;
	z-index: 1000;
	bottom: 40%;
	margin: auto;
	height: 1px;
}
.bg_brown h2.ttl span.line:before,
.bg_brown h2.ttl span.line:after{
	border-bottom: solid 1px #FFF;
}
p.normal{
	line-height: 2.2;
	margin: 2.5em auto 4em auto;
	letter-spacing: 0.1em;
}
p.btn a{
	max-width: 230px;
	width: 80%;
	display: block;
	margin: auto;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #5F5952;
	padding: 0.5em 0 1em 0;
}
p.btn a.white{
	border-bottom: 1px solid #FFF;
}
section#infinite_slide {
    padding: 3em 0 1.5em 0;
	background: linear-gradient(transparent 38%, #64544D 36%);
}
section#infinite_slide ul li {
    width: 330px;
    margin-right: 1.3em;
}
section#infinite_slide ul li img{
	width:100%;
}
span.arrow{
	position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    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: 2.5em;
	width: 26px;
	height: 1px;
	background:#5F5952;
}
span.arrow:after{
	left: 3.5em;
	width: 9px;
	height: 10px;
	border-top: 1px solid #5F5952;
	/*border-right: 1px solid	#f0e8e5;*/
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bg_dark_pink span.arrow:after{
	/*border-right: 1px solid #e3d6cf;*/
}
.bg_brown span.arrow::before {
    background:#f0e8e5;
}
.bg_brown span.arrow::after {
	left: 3.4em;
	width: 10px;
	border-top: 1px solid #f0e8e5;
	/*border-right: 1px solid	#64544d;*/
}

/******** top_recruit ********/
section#top_recruit{
	padding: 5.5em 0;
}
section#top_recruit div.slide_txt{
	z-index: 10;
	height: 80.6%;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 0 4.5em 0 15em;
}
section#top_recruit div.slide_txt div.slide_txt_inner{
	position: relative;
    height: 100%;
    width: 100%;
}
section#top_recruit div.slide_txt div.slide_txt_inner p{
	position: absolute;
	right: 35%;
	top: 0%;
	bottom: 8%;
	margin: auto;
	height: 14em;
	letter-spacing: 0.4em;
	color:#5F5952;
	line-height: 1.7;
}

/******* top_gallery *********/
section#top_gallery{
	padding: 5em 0 6.5em 0;
}
section#top_gallery h2.ttl{
	margin:0;
}
section#top_gallery h2.ttl span.i_block{
	letter-spacing:-0.1em;
}
section#top_gallery ul{
	margin: 1.5em auto 2em auto;
}
section#top_gallery ul li {
    width: 24%;
	max-width: 340px;
	margin: 0 1.333% 1.3% 0;
}
section#top_gallery ul li:nth-child(4n) {
    margin-right: 0;
}

/*********** top_movie *************/
section#top_movie{
	padding:4.8em 0 6em 0;
}
section#top_movie h2.ttl{
	margin-top: 0;
}
section#top_movie img{
	max-width: 700px;
	width: 49.3%;
	margin:2em 1.4% 3.5em 0;
}
section#top_movie img + img{
	margin-right:0;
}

/*********** top_movie *************/
section#top_contact{
	padding-bottom:8em;
}
section#top_contact h2.ttl{
	margin-top: 2.2em;
}
.bg_brown + section#top_contact h2.ttl:before,
.bg_brown + section#top_contact h2.ttl:after{
	top:-3.3em;
}
section#top_contact p.fs21{
	letter-spacing: 0.1em;
	margin-top: 2em;
	margin-bottom: 0.6em;
}
section#top_contact span.address{
	margin-bottom: 2em;
	letter-spacing: 0.1em;
}
section#top_contact p.sub_btn{
	background-color:#FBF9F7;
    font-size: 1em;
    max-width: 500px;
    width: 36%;
	vertical-align: top;
	margin: 1em 1.35em 3em 1.35em;
}
section#top_contact p.sub_btn a{
	height: 90px;
	line-height: 90px;
	letter-spacing: 0.1em;
}
section#top_contact p.sub_btn a i{
	font-size: 1.35em;
	color: #C9A96F;
	margin-right: 0.5em;
}
section#top_contact p.sub_btn + p.sub_btn a{
	letter-spacing:0;
}
section#top_contact p.sub_btn + p.sub_btn a i{
	font-size: 1.45em;
}
section#top_contact p.sub_btn + p.sub_btn a i.fa-chevron-right{
	color: #37322C;
	font-size: 1em;
	height: 1em;
	width: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0.3em;
}
.bg_brown h2.ttl::before{
	border-bottom: solid 2.27em #FBF9F7;
}
.bg_brown h2.ttl::after{
	content: '';
	top: -3em;
	border-bottom: solid 1.1em #5F5952;
	width: 1px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	z-index: 1000;
}
.bg_brown + section h2.ttl::before{
	border-bottom: solid 2.27em #5F5952;
}
.bg_brown + section h2.ttl::after{
	content: '';
	top: -3em;
	border-bottom: solid 1.1em #FBF9F7;
	width: 1px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	z-index: 1000;
}

/************ gallery ************/
h2.common_ttl{
	color: #5F5952;
	margin-bottom: 2.8em;
}
h2.common_ttl span.fs21{
	letter-spacing: 0.35em;
	text-indent: 0.35em;
	margin-bottom: 0.6em;
}
h2.common_ttl span.fs24{
}
h2.common_ttl span.fs24:after{
	content: '';
	border-bottom: solid 3.75em #5F5952;
	width: 1px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	z-index: 1000;
	bottom: -4em;
}
div#select{
	padding: 4em 0 5em 0;
	margin: 10.5em 0 0 0;
}
div#select div.select{
	max-width: 580px;
	width: 48.3%;
	margin-right: 3.4%;
}
div#select div.select + div.select{
	margin-right: 0;
}
div#select div.select a{
	letter-spacing: 0.25em;
	color:#5F5952;
	margin: 0.5em auto;
}
div#select div.select a:active{
	transition:2s;
}
div#select div.select a i{
	color: #37322C;
}
div#select div.select + div.select a{
    letter-spacing: 0.5em;
}
section#gallery #photo{
	padding:3em 0 7em 0;
	margin-top: -3em;
}
section#gallery #photo ul {
	list-style-type:none; padding:0;margin-top: 1.5em;
}
section#gallery #photo ul li {
    width: 23.95%;
	max-width: 340px;
	margin: 0 1.4% 1.1em 0;
}
section#gallery #photo ul li:nth-child(4n){
	margin-right:0;
}
section#gallery #photo ul li a img {
	width:100%; 
}
section#gallery #movie{
	padding-top: 3em;margin-top: -3em;
}
section#gallery #movie .bg_dark_pink{
	padding-top: 4.5em;
}
section#gallery #movie h2.ttl{
	margin:0 auto 1.2em auto;
}
section#gallery #movie ul{
	margin: 0;
	padding-bottom: 6em;
}
section#gallery #movie ul li{
	max-width: 460px;
	width: 32.4%;
	margin: 0 1.4% 1.3em auto;
}
section#gallery #movie ul li:nth-child(3n){
	margin-right: 0;
}

/***************** about ********************/
.container01{
	background: linear-gradient(transparent 7.5%,#E3D6CF 7.5%);
}
.container01 p.fs26{
	letter-spacing: 0.35em;
	margin: 2.5em auto;
}
p.limited{
	max-width: 820px;
	margin: 1.7em auto;
	font-weight: 300;
	letter-spacing: 0.01em;
	line-height: 2.2;
}
section#about section#infinite_slide,
section#recruit section#infinite_slide{
	padding: 2em 0 1.5em 0;
}
div#town{
	padding: 8em 0 5em 0;
	background: linear-gradient(transparent 78.3%, #64544D 36%);
}
div#town h2.ttl{
	margin-bottom: 0.7em;
}
div#town div.town_img{
	max-width: 400px;
	width: 33.4%;
	vertical-align:middle;
}
div#town div.town_img p{
	color:#654717;
	letter-spacing: 0.4em;
	top: auto;
	bottom: 38%;
	left: auto;
	right: 30%;
}
div#town div.town_img p span{
	font-size: 0.692em;
    letter-spacing: 0.1em;
    margin-top: 0.2em;
}
div#town div.town_txt{
	max-width: 760px;
	width: 63.3%;
	margin-left: 3.3%;
	vertical-align:middle;
}
div#town img.town_img{
	max-width: 581px;
    width: 48.4%;
	margin:3.5em 3.2% 0 auto;
}
div#town img.town_img + img.town_img{
	margin-right:0;
}
div#farm .left_box,div#farm .right_box {
	width:48%;
}
div#farm .right_box p.limited:first-of-type{
	margin-block-start: 0;
}
.left_box {
  cursor: pointer;
  position: relative;
  inline-size: min(580px,100%);
}
.left_box .ceo_img {
  height: auto;
  position: absolute;
  inline-size: 100%;
}
.left_box .ceo_on_img {
  opacity: 0;
  transition: opacity .5s;
  position: relative;
}
.left_box:hover .ceo_on_img {
  opacity: 1;
}
div#profile{
	padding-bottom: 7em;
}
div#profile h2.ttl{
	margin-top: 2.2em;
}
div#profile h2.ttl:before{
    border-bottom: solid 2.27em #5F5952;
	top:-3.3em;
}
div#profile h2.ttl:after {
    content: '';
    top: -3.3em;
    border-bottom: solid 1.1em 
    #FBF9F7;
    width: 1px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 1000;
}
div#profile h2.ttl span.i_block{
	letter-spacing:0.2em;
}
div#profile table{
	max-width: 480px;
	width: 40%;
	margin:3em 0 3.5em 8%;
}
div#profile table + table{
	margin:3em 8% 3.5em 0;
	margin: 3em auto 3.5em 4%;
	float:left;
}
div#profile table th,
div#profile table td{
	text-align:left;
	letter-spacing: 0.15em;
	line-height: 1.8;
	padding: 0.2em 0;
	vertical-align: top;
}
div#profile table th{
	color:#793026;
	width: 7em;
}
div#profile table td a{
	color:#37322C;
}
div#history{
	padding: 5em 0 6em 0;
}
div#history h2.ttl{
	margin-top: 0;
}
div#history h2.ttl span.line:before,
div#history h2.ttl span.line:after{
	display:none;
}
div#history table{
	max-width: 820px;
    width: 100%;
    margin:2.5em auto auto auto;
	border-collapse: collapse;
	margin-top: 2.5em;
}
div#history table th,
div#history table td{
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.1em;
	line-height: 1.8;
	padding: 1.2em 0.5em;
	font-weight: 300;
	font-size:1em;
}
div#history table th{
	width: 30%;
}
div#history table tr + tr th,
div#history table tr + tr td{
	border-top:1px solid #968E85;
}
div#history a.h_link {
	font-weight: bold;
	color: #793026;
}
section#about section#top_contact {
    padding-bottom: 5em;
}
section#about section#top_contact iframe{
	display:none;
}
section#about section#top_contact h2.ttl::before{
	top:-3.3em;
}

/************* recruit ****************/
section#recruit .container01 p.fs26 {
    line-height: 2;
	margin: 2.5em auto;
}
section#recruit .container01 p.limited{
	margin: 2em auto;
}
div#message{
    padding: 8em 0 3em 0;
}
div#message h2.ttl{
	margin-bottom: 1.5em;
}
div.message_box{
    margin-bottom: 2.5em;
}
div.message_txt,
div.message_box img{
	max-width: 580px;
	width: 49%;
}
div#message h3{
	letter-spacing: 0.35em;
}
/** flow **/
div#flow{
	padding:5em 0 6.5em 0;
}
div#flow h2.ttl{
	margin:0 auto 1.2em auto;
}
div#flow table {
    max-width: 820px;
    width: 100%;
    margin:3em auto auto auto;
    border-collapse: collapse;
}
div#flow table th, div#flow table td {
    text-align: left;
    vertical-align: top;
    letter-spacing: 0.1em;
    line-height: 1.8;
    padding: 1.2em 0;
    font-weight: 300;
    font-size: 1em;
	border-bottom: 1px solid #968E85;
}
div#flow table th {
    width:14.5%;
}
div#flow table td span.eng{
	margin-left: 2em;
}
/** requirements **/
div#requirements div#tab {
    width: 85%;
    margin: 2em auto;
}

div#requirements div#tab i {
    padding-top: 0.25em;
}

div#requirements div#tab p,
div#requirements div#tab a {
    width: 26%;
    padding: 0.8em 1em;
    display: block;
    text-align: center;
    font-size: 1.3em;
	float: none;
}

div#requirements div#tab p {
    color: #793026;
    border: 1px solid #968E85;
}

div#requirements div#tab a {
    border: 1px solid #E3D6CF;
}

div#requirements table {
    max-width: 480px;
    width: 40%;
    margin: 3em 0 3.5em 8%;
	border-collapse: collapse;
}
div#requirements table + table {
    margin: 3em 8% 3.5em 0;	
	margin: 3em auto 3.5em 4%;
}
div#requirements table th {
    color:#793026;
    width: 6.5em;
}
div#requirements table th, div#requirements table td {
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1.8;
    padding: 0.8em 0;
    vertical-align: top;
	border-bottom: 1px solid #968E85;
}
div#requirements table td span {
    letter-spacing: 0.05em;
}
/** recruit top_contact **/
section#recruit section#top_contact{
	background-color:#F0E8D9;
	padding: 5em 0 1em 0;
	margin:2.5em auto 8em auto;
}
section#recruit section#top_contact h2,
section#recruit section#top_contact p.sub_btn a{
	color: #793026;
}
section#recruit section#top_contact h2{
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	position:relative;
}
section#recruit section#top_contact h2:before {
    content: '';
    top: -4.8em;
    border-bottom: solid 3.47em #793026;
    width: 1px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 1000;
}

/***********************  contact  ***************************/
section#contact div#form_top{
	padding-top: 2.6em;
	margin-top: -2.6em;
}
section#contact form table {
	width:95%; 
	margin:0 auto 2.5em auto;
	max-width:651px;
}
section#contact form table th,
section#contact form table td{
	margin: 0.75em 0;
	display: inline-block;
	font-weight: 400;
}
section#contact form table th {
	width:30%;
	padding:0; 
	text-align:right;
	font-size: 0.935em;
	letter-spacing: 0.1em;
}
section#contact form table td {
	width: 64%;
	padding-left: 4.2%;
}
section#contact form table td input {
	width: 100%;
	padding: 0.45em;
	font-size: 0.875em;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	border-bottom: 1px solid #EBE9E8;
	border-right: 1px solid #EBE9E8;
	border-radius:0;
}
section#contact form table td textarea {
	padding: 1%;
	height: 80px;
	font-size: 0.875em;
	width: 100%;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	border-bottom: 1px solid #EBE9E8;
	border-right: 1px solid #EBE9E8;
	border-radius:0;
}
section#contact form input[type=submit] {
	-webkit-appearance: none;
	font-size: 1.2em;
	background-color:#793027;
	border: none;
	cursor: pointer;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", yumincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Sawarabi Mincho", "MS P明朝", "MS PMincho", serif;
	display: block;
	width: 80%;
	max-width: 470px;
	padding: 1.07em 0;
	margin: auto;
	letter-spacing: 0.1em;
	color:#FFF;
	border-radius: 0;
}
form a.back {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	width: 40%;
	margin-bottom: 31px;
	font-size: 1.1em;
	background-color:#CCC;
	border: none;
	cursor: pointer;
	color:rgba(51,51,51,0.9);
	letter-spacing: 3px;
	text-indent: 3px;
	padding: 0.5em 0;
	max-width: 450px;
}
form a.post {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	width: 40%;
	margin-bottom: 31px;
	font-size: 1.1em;
	background-color:#793027;
	border: none;
	cursor: pointer;
	color:#FFF;
	letter-spacing: 3px;
	text-indent: 3px;
	padding: 0.5em 0;
	max-width: 450px;
}
span.h {
	background-color:#793027;
	color:#FFF;
	font-size:0.7em; 
	font-weight:600;
	display:inline-block;
	padding: 0.4em 0.65em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	vertical-align: text-top;
}
span.n {
	background-color:#C9A96E;
	color:#FFF; 
	font-size:0.7em; 
	font-weight:600;
	display:inline-block;
	padding: 0.4em 0.65em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	vertical-align: text-top;
}
span.memo{
	font-weight: 300;
    font-size: 0.875em;
    line-height: 2.5;
}
p.form_txt {
	font-weight: 300;
	line-height: 2.5;
	margin: 0 auto 3em auto;
}
div.form_bg{
	background-color:#FBF9F7;
	position: relative;
	padding: 6em 0 4em 0;
	margin:0 auto 5.5em auto;
}
section.complete div.form_bg{
	padding-bottom: 10em;
}
div.form_bg:before{
	content: '';
	top: -1.8em;
	border-bottom: solid 3.8em #254E2B;
	width: 1px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	z-index: 1000;
}
p.complete_txt{
	max-width: 700px;
	width: 96%;
	margin: auto;
	line-height: 2;
	text-align:center;
}
section.complete h3{
	margin-bottom: 2em;
	max-width: 700px;
	width: 96%;
}


/*******************************************ipad********************************************************/
@media (min-width: 1079px) and (max-width: 1370px) {
section#top_recruit div.slide_txt div.slide_txt_inner p,
section#slide div.slide_txt p{
	height: 12em;
	letter-spacing: 0.2em;
	font-size: 1.5em;
}
section#slide div.slide_txt{
	padding: 0 10em 0 3.5em;
}
section#top_recruit div.slide_txt{
	padding: 0 3.5em 0 10em;
}

}
@media (min-width: 768px) and (max-width: 1079px) {
	
body{
	font-size:12px;
}
header#header {
	width: 32%;
	height: 8em;}
div#google_translate_element {
	margin-top: 2.5em;
	margin-left: 2em;
}
div.logo_box a img{
	width: 3.7em;
}

/****** top *******/
section#slide div.slide_txt{
	height: 79.7%;
	padding: 0 10em 0 3.5em;
}
section#slide div.slide_txt p{
	height: 12.5em;
	letter-spacing: 0.2em;
}
section#infinite_slide ul li{
	width: 220px;
}
section#top_recruit div.slide_txt{
	height: 95.7%;
	padding: 0 3.5em 0 10em;
}
section#top_recruit div.slide_txt div.slide_txt_inner p {
    bottom: -9%;
    height: 13em;
    letter-spacing: 0.2em;
}
section#top_contact p.sub_btn{
	width: 45%;
}

/****** about *******/
div#profile table{
	width: 44%;
	margin: 3em 0 3.5em 5%;
}
div#profile table + table{
	margin: 3em auto 3.5em 2%;
}
div#requirements div#tab p, div#requirements div#tab a {
	font-size:1.1em;
}
/******** contact *******/
section#contact div#form_top {
    padding-top: 2em;
    margin-top: -2em;
}


}