@charset "utf-8";

/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
}

body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea, header, footer, nav {
	margin: 0;
	padding: 0;
	zoom: 1;
}

ul, ol {
	list-style-type: none;
}

img {
	border: none;
}

hr {
	display: none;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
}

a {
	outline: none;
}

body {
	line-height: 1.5;
	color: #6c6c6c;
	font-family : 'M PLUS Rounded 1c', 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color : #f6f6e7;

	/* ブラウザ間のフォントサイズの差をほぼなくす設定。 */
	font-size: 14px;
	* font-size: small;
	* font: x-small;
}

#container{
	width:100%;
	overflow : hidden;
}
@media only screen and (max-width: 400px) {
	#container{
		overflow : hidden;
	}
}

/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}

#wrapper {
	width : 100%;
	height : 427px;
    overflow: hidden;
    position: absolute;
	top : 0;
	left : 0;
    z-index: 1;
}
.slide  {
	width : 100%;
	height : 427px;
	background : url(../img/top_back.png) no-repeat top center;
}
#wrapHeaderTop {
	position: relative;
	width : 100%;
	height : 427px;
	overflow : hidden;
	padding-bottom : 14px;
}
@media only screen and (max-width: 640px) {
	#wrapper {
		height : 221px;
	}
	#wrapHeaderTop {
		height : 296px;
	}
	.slide  {
		width : 100%;
		height : 221px;
		background : url(../img/s_top_back.png) no-repeat top center;
	}
}
#wrapper2 {
	width : 100%;
	height : 46vw;
	max-height : 342px;
    overflow: hidden;
    position: absolute;
	top : 0;
	left : 0;
    z-index: 1;
}
.slide2  {
	width : 100%;
	height : 46vw;
	max-height : 342px;
	background-repeat : no-repeat;
	background-position : top center;
	background-size : cover;
}
#prev, #next {
    background: rgba(0, 0, 0, 0.6) no-repeat scroll 0 0;
    display: block;
    height: 450px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 9999;
}
#prev {
    left: -508px;
}
#next {
    right: -508px;
}

#wrapHeaderTop2 {
	position: relative;
	width : 100%;
	height : 46vw;
	max-height : 342px;
	overflow : hidden;
	padding-bottom : 14px;
}
#wrapHeaderTop3 {
	position: relative;
	width : 100%;
	padding : 10px;
}
.wrapHeaderSub {
	position: relative;
	width : 100%;
	overflow : hidden;
	padding-bottom : 14px;
}
#header  {
	position: relative;
	width : 100%;
	max-width : 961px;
	margin : 0 auto;
    z-index: 2;
}

.headLogo {
	position: relative;
	text-align : left;
	padding-left : 0;
}
.headLogo img {
	position: relative;
	padding-top : 30px;
	padding-left : 0;
	text-align : center;
}
@media only screen and (max-width: 976px) {
	.headLogo img {
		position: relative;
		padding-top : 10px;
		padding-left : 6px;
		text-align : center;
	}
}
.headLogo2 {
	position: relative;
	text-align : center;
}
.headLogo2 img {
	position: relative;
	padding-top : 36px;
	text-align : center;
	max-width : 285px;
}
.headLogo3 {
	position: relative;
	text-align : center;
}
.headLogo3 img {
	position: relative;
	max-width : 230px;
}
.headLogoSub {
	position: relative;
	text-align : left;
}
.headLogoSub img {
	position: relative;
	padding-top : 18px;
	padding-bottom : 78px;
	text-align : center;
	max-width : 134px;
}
.headLogo .himg02 {
	width : 50%;
	max-width : 363px;
	padding-bottom : 88px;
}
.headWord  {
	font-size : 12px;
	color : #8c786d;
	border : 1px solid #8c786d;
	position : absolute;
	top : 34px;
	left : 202px;
	padding : 2px 4px;
	z-index : 99;
}
.headWord_smp  {
	display : none;
}
.back01  {
	background : url(../img/backimg01.jpg) no-repeat top center;
}
.snsButtons  {
	display : block;
	position : absolute;
	top : 34px;
	right : 0px;
	z-index : 99;
}

/* ヘッダー包括---------------------------*/
.headWord_btn  {
	display : none;
}
.headWord_cls  {
	display : none;
}
.headMenu  {
	display : block;
	width: 100%;
	position : relative;
	text-align : center;
	z-index : 90;
	margin-top : -98px;
	padding : 20px 0;
	background : url(../img/menu_back.png) no-repeat top center;
}
.headMenu table  {
	width : 100%;
	max-width: 640px;
	margin : 0 auto;
	border-collapse : collapse;
}
.headMenu td  {
	background : url(../img/menu_bar.png) no-repeat right center;
}
.headMenu td.mtd01  {
	text-align : right;
}
.headMenu td.mtd02  {
	text-align : center;
}
.headMenu td.mtd03  {
	text-align : center;
}
.headMenu td.mtd04  {
	text-align : center;
}
.headMenu td a {
	color : #3e3e3e;
	font-size : 12px;
	text-decoration : none;
	display : inline-block;
	line-height : 14px;
}
.headMenu td img {
	width : 100%;
	max-width : 301px;
}

.headMenu_s  {
	display : none;
	width: 100%;
	position : relative;
	text-align : center;
	z-index : 90;
	margin-top : -90px;
	padding-bottom : 4px;
	background : url(../img/menu_back.png) no-repeat top center;
}
.headMenu_s table  {
	width : 100%;
	max-width: 690px;
	margin : 0 auto;
	border-collapse : collapse;
}
.headMenu_s td  {
	background : url(../img/menu_bar.png) no-repeat right center;
	padding-top : 10px;
}
.headMenu_s td.mtd01  {
	text-align : center;
}
.headMenu_s td.mtd02  {
	text-align : center;
	padding-left : 8px;
	padding-right : 8px;
}
.headMenu_s td.mtd03  {
	text-align : center;
	padding-left : 8px;
	padding-right : 8px;
}
.headMenu_s td.mtd04  {
	text-align : center;
	background-image : none !important;
	padding-left : 8px;
	padding-right : 8px;
}
.headMenu_s td a {
	color : #3e3e3e;
	font-size : 12px;
	text-decoration : none;
	display : inline-block;
	line-height : 14px;
}
.headMenu_s td img {
	width : 100%;
	max-width : 301px;
}
#wrapTopMenu {
	width: 1183px;
	position: relative;
	margin: 0 auto;
}
.headMenu td a.bdnone  {
	padding-left : 3px;
}
.snsBtnCell  {
	display : table-cell;
}
@media only screen and (max-width: 640px) {
	.headMenu  {
		display : none;
	}
	.headMenu_s  {
		display : block;
	}
	.headLogo2 img {
		position: relative;
		padding-top : 24px;
		text-align : center;
		width : 36%;
		max-width : 285px;
	}
}
@media only screen and (max-width: 420px) {
	.headLogo2 img {
		position: relative;
		padding-top : 6px;
		text-align : center;
		width : 32%;
		max-width : 200px;
	}
}

/*　ロゴ包括-----------------------------*/
#wrapHeaderTop #header .logo {
	position: absolute;
	top: 20px;
	left: 2px;
	width: 207px;
	height: 48px;
	display: block;
}

#wrapHeader #header .logo {
	position: absolute;
	top: 20px;
	left: 2px;
	width: 207px;
	height: 48px;
	display: block;
}

.top_container {
	position : absolute;
	font-size : 10px;
	color : #000000;
	padding: 0;
	top : 0px;
	right :0px;
}


/*　ナビ包括-----------------------------*/
/* グローバルナビゲーション */
.slideWrap  {
	position : relative;
}
.slick-prev {
	background : url(../img/prev.png) no-repeat left center;
	position : absolute;
	top : 40%;
	left : 1%;
	z-index : 9999;
	text-indent : -9999px;
}
.slick-next {
	background : url(../img/next.png) no-repeat right center;
	position : absolute;
	top : 40%;
	right : 1%;
	z-index : 9999;
	text-indent : -9999px;
}
.slick-arrow {
	display : none;
	width: 5vw;
	height: 67px;
	cursor : pointer;
	border-style : none;
}

/* コンテンツ包括
---------------------------------------------------------------------- */
#wrapMain {
	margin-top : 20px;
}

.top_images  {
	position : relative;
}
.top_images p  {
	position : absolute;
	top : 126px;
	left : 422px;
}
#news,#commit,#info  {
  padding-top : 64px;
  margin-top : -64px;
}

/* メインコンテンツ包括---------------------------*/
.wrapContents {
	width: 100%;
	position : relative;
}
.normalWrap  {
	width : 100%;
	max-width : 978px;
	margin : 84px auto 0 auto;
	padding : 0 5px;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.normalWrap_f  {
	width : 100%;
	max-width : 978px;
	margin : 0 auto;
	padding : 0 5px;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.normalWrap_c  {
	width : 100%;
	max-width : 978px;
	margin : 36px auto 0 auto;
	padding : 0 5px;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.normalWrap_w  {
	width : 100%;
	max-width : 978px;
	margin : 0 auto;
	padding : 0;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.nallowWrap  {
	width : 100%;
	max-width : 860px;
	margin : 0 auto;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.miniWrap  {
	width : 100%;
	max-width : 640px;
	margin : 50px auto 0 auto;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.miniWrap2  {
	width : 100%;
	max-width : 660px;
	margin : 0 auto;
	overflow : hidden;
	padding : 0 0 0 10px;
	box-sizing: border-box;
	position : relative;
}
@media only screen and (max-width: 890px) {
	.normalWrap  {
		margin : 13vw auto 0 auto;
	}
}
.top_images  {
	width: 100%;
	max-width : 1016px;
	margin : 0 auto;
	position : relative;
	z-index : 2;
}
.menu  {
	width: 100%;
	background-color : #55b474;
	padding : 12px 0;
	position : relative;
	z-index : 3;
	text-align : center;
	box-sizing: border-box;
}
.menu ul {
	width: 100%;
	max-width : 960px;
	margin : 0 auto;
	background-color : #55b474;
	text-align : center;
}
.menu li  {
	display : inline-block;
	margin : 0 4px;
	border : 2px solid #ffffff;
	border-radius : 4px;
}
.menu li a {
	display : block;
	color : #ffffff;
	font-size : 16px;
	line-height : 17px;
	padding : 12px 0 10px 0;
	width : 200px;
	text-align : center;
	font-weight : bold;
	text-decoration : none;
	background-color : #55b474;
}
.menu li a:hover {
	display : block;
	color : #ffffff;
	background-color : #8bca98;
}

.block  {

}
.contents01  {
	position : relative;
	display : inline-block;
	vertical-align : top;
	width : calc(49.5% - 13px);
	padding-bottom : 6px;
	margin-right : 13px;
}
.contents01 .hukidashi {
	position : relative;
	width : 235px;
	height : 48px;
	padding-top : 9px;
	padding-left : 10px;
	text-align : center;
	background : url(../img/huki01.png) no-repeat top center;
	color : #ffffff;
	font-size : 16px;
	font-weight : bold;
	margin : 0 auto;
	z-index : 2;
	left : -12px;
}
@media all and (-ms-high-contrast:none) {
	.contents01 .hukidashi {
		padding-top : 12px;
	}
}
.contents01 .inner {
	position : relative;
	background-color : #dfebbe;
	border-radius : 4px;
	margin-top : -34px;
	padding : 16px 0;
	height : 199px;
	box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.4);
}
.inner p {
	position : relative;
	display : inline-block;
	vertical-align : top;
}
.inner p.img {
	position : absolute;
	top : 16px;
	right : 16px;
	width : 225px;
}
.inner p.pdt {
	width : calc(94% - 225px);
	text-align : center;
}
.contents01 .inner p.pdt {
	padding-top : 48px;
}
.contents01 .inner a {
	display : inline-block;
	position : relative;
	width : 155px;
	height : 35px;
	padding-right : 16px;
	text-align : center;
	background : url(../img/btn_back01.png) no-repeat top center;
	color : #ffffff;
	font-size : 14px;
	line-height : 35px;
	text-decoration : none;
	margin : 16px 0 0 0;
}
@media all and (-ms-high-contrast:none) {
	.contents01 .inner a {
		padding-top : 2px;
		line-height : 33px;
	}
}
.contents02  {
	position : relative;
	display : inline-block;
	width : calc(49.5% - 13px);
	vertical-align : top;
	padding-bottom : 6px;
	margin-left : 13px;
}
.contents02 .hukidashi {
	position : relative;
	width : 233px;
	height : 48px;
	padding-top : 9px;
	padding-left : 12px;
	text-align : center;
	background : url(../img/huki02.png) no-repeat top center;
	color : #ffffff;
	font-size : 16px;
	font-weight : bold;
	margin : 0 auto;
	z-index : 2;
	left : -12px;
}
@media all and (-ms-high-contrast:none) {
	.contents02 .hukidashi {
		padding-top : 12px;
	}
}
.contents02 .inner {
	position : relative;
	background-color : #ebdbbe;
	border-radius : 4px;
	margin-top : -34px;
	padding : 16px 0;
	box-shadow : 1px 1px 1px 1px rgba(0,0,0,0.4);
	height : 199px;
}
.contents02 .inner p.pdt {
	padding-top : 12px;
}
.contents02 .inner a {
	display : inline-block;
	position : relative;
	width : 127px;
	height : 29px;
	padding-right : 16px;
	text-align : center;
	background : url(../img/btn_back02.png) no-repeat top center;
	color : #ffffff;
	font-size : 14px;
	line-height : 29px;
	text-decoration : none;
	margin : 8px 0 0 0;
}
@media all and (-ms-high-contrast:none) {
	.contents02 .inner a {
		padding-top : 2px;
		line-height : 27px;
	}
}
@media only screen and (max-width: 890px) {
	.contents01  {
		display : block;
		width : 100%;
		max-width : 466px;
		padding-bottom : 6px;
		margin : 0 auto;
	}
	.contents02  {
		display : block;
		width : 100%;
		max-width : 466px;
		padding-bottom : 6px;
		margin : 40px auto 0 auto;
	}
	.contents01 .hukidashi {
		left : 0;
	}
	.contents02 .hukidashi {
		left : 0;
	}
}
@media only screen and (max-width: 440px) {
	.contents01 {
		width : 300px;
	}
	.contents02 {
		width : 300px;
	}
	.contents01 .inner {
		height : auto;
	}
	.contents02 .inner {
		height : auto;
	}
	.inner p.img {
		position : relative;
		top : 0;
		right : 0;
		width : 100%;
		text-align : center;
	}
	.inner p.pdt {
		padding-top : 0 !important;
		width : 100%;
		text-align : left;
	}
	.contents01 .inner a  {
		display : block;
		margin-left : auto;
		margin-right : auto;
	}
	.contents02 .inner a  {
		display : inline-block;
		width : 118px;
		background : url(../img/btn_back02s.png) no-repeat top center;
		margin-left : 10px;
		margin-right : 0px;
	}
}

.ubline  {
	border-top : 1px solid #a1a1a2;
	border-bottom : 1px solid #a1a1a2;
}
.tableCell  {
	display : table;
}

.bgdark  {
	background-color : #55b474;
	padding : 60px 0 24px 0;
	margin : 64px 0 0 0;
}
.newsTitle  {
	background-color : #55b474;
	font-size : 16px;
	font-weight : bold;
	padding : 8px 4px;
	text-align : left;
	color : #ffffff;
}
.ss_left  {
	display : table-cell;
	text-align : left;
}
.ss_right  {
	display : table-cell;
	text-align : right;
}
.tolist  {
	display : block;
	position : absolute;
	top : 8px;
	right : 0px;
	color : #55b474;
	font-size : 13px;
	background : #ffffff url(../img/l_arrow.png) no-repeat center right;
	padding : 18px 60px;
	text-decoration : none;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #238342;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
h2.wspace01  {
	text-align : center;
	font-size : 40px;
	margin : 64px 0;
	color : #000000;
	line-height : 1.0;
	font-weight : normal;
}
.title01Wrap  {
	margin-top : 100px;
	background : url(../img/title01_back.png) repeat-x left bottom;
}
.title01Wrap h2.wspace02  {
	width : 100%;
	max-width : 988px;
	margin : 0 auto;
	text-align : left;
}
.title01Wrap h2.wspace02 img  {
	width : 100%;
	max-width : 347px;
}
.title02Wrap  {
	margin-top : 74px;
	background : url(../img/title02_back.png) repeat-x left bottom;
}
.title02Wrap h2.wspace03  {
	width : 100%;
	max-width : 988px;
	margin : 0 auto;
	text-align : center;
	background : url(../img/title02.png) no-repeat center top;
	font-size : 16px;
	color : #ffffff;
	line-height : 1.0;
	padding : 14px 0 15px 0;
}
.title03Wrap  {
	margin-top : 74px;
	background : url(../img/title03_back.png) repeat-x left bottom;
}
.title03Wrap h2.wspace04  {
	width : 100%;
	max-width : 988px;
	margin : 0 auto;
	text-align : center;
	background : url(../img/title03.png) no-repeat center top;
	font-size : 16px;
	color : #ffffff;
	line-height : 1.0;
	padding : 14px 0 15px 0;
}
.title04Wrap  {
	background : url(../img/rec_img01.png) no-repeat right top;
	min-height : 437px;
	padding-right : 60%;
	padding-left : 10px;
}
h2.wspace06  {
	color : #479f2a;
	font-size : 40px;
	line-height : 1.0;
	font-weight : normal;
	padding-top : 70px;
	padding-bottom : 13px;
	border-bottom : 1px solid #6ab05a;
}
.title04Wrap h3  {
	color : #479f2a;
	font-size : 18px;
	line-height : 1.0;
	font-weight : normal;
	padding-top : 13px;
}
.title04Wrap p  {
	color : #000000;
	font-size : 12px;
	line-height : 2.0;
	padding-top : 60px;
}
.recruitWrap  {
	border-left : 2px solid #8d8d8d;
	border-right : 2px solid #8d8d8d;
	border-top : 2px solid #8d8d8d;
	border-bottom : 1px solid #8d8d8d;
}
.recruitWrap dl {
	display : table;
	width : 100%;
	font-size : 14px;
	line-height : 1.6;
	color : #000000;
}
.recruitWrap dt {
	display : table-cell;
	width : 30%;
	border-bottom : 1px solid #8d8d8d;
	border-right : 1px solid #8d8d8d;
	text-align : center;
	background-color : #daeeba;
	vertical-align : middle;
	padding : 10px 0;
}
.recruitWrap dd {
	display : table-cell;
	width : calc(70% - 16px);
	border-bottom : 1px solid #8d8d8d;
	text-align : left;
	vertical-align : middle;
	padding : 10px 0 10px 16px;;
}
.formWrap  {

}
.formWrap h2 {
	font-size : 36px;
	font-weight : normal;
	color : #000000;
	text-align : center;
	margin : 100px 0 54px 0;
}
.leftFaci  {
	display : block;
	width : calc(100% - 240px);
	min-height : 182px;
}
.leftFaci p {
	font-size : 18px;
	color : #000000;
	line-height : 1.8;
	padding : 0 340px 0 8px;
}
.leftFaci div {
	font-size : 16px;
	color : #000000;
	line-height : 1.8;
	padding : 0 8px 0 8px;
}
.rightFaci  {
	position : absolute;
	top : 0;
	right : 10px;
	display : block;
	width : 314px;
	height : 182px;
}
.rightFaci img {
	width : 100%;
	width : 314px;
	height : 182px;
}
.rightFaci2  {
	position : absolute;
	top : 0;
	right : 10px;
	display : block;
	width : 212px;
	height : 181px;
}
.rightFaci2 img {
	width : 100%;
	width : 212px;
	height : 181px;
}
.leftArea  {
	display : inline-block;
	vertical-align : top;
	width : calc(99% - 369px);
}
.leftArea dl {
	margin-bottom : 16px;
}
.leftArea dt {
	display : inline-block;
	vertical-align : top;
	width : 122px;
	height : 37px;
	text-align : center;
	color : #ffffff;
	font-size : 16px;
	line-height : 37px;
	border-radius : 3px;
	background-color : #ae9982;
}
.leftArea dd {
	display : inline-block;
	vertical-align : top;
	width : calc(92% - 122px);
	margin : 0 5% 0 2%;
	text-align : left;
	color : #000000;
	font-size : 16px;
	line-height : 37px;
	border-bottom : 2px dotted #ae9982;
}
.leftArea .button  {
	padding-top : 8px;
	text-align : center;
}
.leftArea .button img {
	width : 94%;
	max-width : 322px;
}
.rightArea  {
	display : inline-block;
	vertical-align : top;
	width : 369px;
}
.rightArea2  {
	display : none;
}
.rightArea img {
	width : 100%;
	max-width : 369px;
}
dl.midori  {
	display : table;
	width : 100%;
	margin-bottom : 8px;
}
dl.midori dt  {
	display : table-cell;
	width : 78px;
	vertical-align : middle;
	text-align : left;
}
dl.midori dd  {
	display : table-cell;
	width : calc(100% - 78px);
	color : #000000;
	font-size : 16px;
	line-height : 28px;
	vertical-align : middle;
	text-align : left;
	padding-right : 8px;
	box-sizing : border-box;
}
dl.detail {
	margin-bottom : 16px;
	padding : 0 10px;
}
dl.detail dt {
	display : inline-block;
	vertical-align : top;
	width : 122px;
	height : 37px;
	text-align : center;
	color : #ffffff;
	font-size : 16px;
	line-height : 37px;
	border-radius : 3px;
	background-color : #ae9982;
}
dl.detail dd {
	display : inline-block;
	vertical-align : top;
	width : calc(97% - 122px);
	margin : 0 0 0 2%;
	text-align : left;
	color : #000000;
	font-size : 16px;
	line-height : 37px;
	border-bottom : 2px dotted #ae9982;
}
@media only screen and (max-width: 860px) {
	.title04Wrap  {
		padding-right : 54%;
		padding-left : 10px;
	}
	h2.wspace06  {
		padding-top : 40px;
	}
	.title04Wrap p  {
		padding-top : 30px;
	}
}
@media only screen and (max-width: 768px) {
	.areaMgr  {
		margin-top : 6vw !important;
	}
	.leftArea  {
		display : block;
		width : 96%;
		margin : 0 auto;
	}
	.rightArea2  {
		display : block;
		width : 96%;
		text-align : center;
		margin : 0 auto 30px auto;
	}
	.rightArea2 img {
		width : 100%;
		max-width : 369px;
	}
	.rightArea  {
		display : none;
	}
}
@media only screen and (max-width: 640px) {
	.title01Wrap h2.wspace02  {
		text-align : center;
	}
	.leftFaci  {
		min-height : 1px;
	}
	.leftFaci p {
		padding : 12px 8px 0 8px;
	}
	.leftFaci div {
		padding : 12px 8px 0 8px;
	}
	.rightFaci  {
		position : relative;
		top : 0;
		right : 0;
		text-align : center;
		width : 100%;
	}
	.rightFaci2  {
		position : relative;
		top : 0;
		right : 0;
		text-align : center;
		width : 100%;
	}
	.formWrap h2 {
		font-size : 32px;
		margin : 60px 0 40px 0;
	}
}
@media only screen and (max-width: 600px) {
	.title01Wrap  {
		margin-top : 14vw;
	}
	.title02Wrap  {
		margin-top : 14vw;
	}
	.title03Wrap  {
		margin-top : 14vw;
	}
	h2.wspace02 img  {
		width : 100%;
		max-width : 347px;
	}
	.title04Wrap  {
		background : url(../img/rec_img01s.png) no-repeat right top;
		min-height : 215px;
		padding-right : 10px;
		padding-left : 10px;
		width : 100%;
		box-sizing : border-box;
	}
	h2.wspace06  {
		font-size : 40px;
		padding-top : 60px;
		width : 50%;
	}
	.title04Wrap h3 {
		width : 50%;
	}
	.title04Wrap p  {
		color : #000000;
		font-size : 12px;
		line-height : 1.7;
		padding-top : 78px;
	}
}
@media only screen and (max-width: 410px) {
	.leftArea dt {
		width : 100px;
		font-size : 14px;
	}
	.leftArea dd {
		width : calc(96% - 100px);
		margin : 0 0 0 2%;
		text-align : left;
		color : #000000;
		font-size : 14px;
		line-height : 37px;
	}
	.leftFaci p {
		font-size : 14px;
	}
	.leftFaci div {
		font-size : 14px;
	}
	.rightFaci img {
		width : 300px;
		height : auto;
		margin : 0 auto;
	}
	h2.wspace01  {
		font-size : 36px;
		margin : 40px 0 32px 0;
	}
	dl.midori dt  {
		width : 72px;
	}
	dl.midori dd  {
		width : calc(100% - 72px);
		font-size : 14px;
		line-height : 24px;
	}
	dl.detail dt {
		display : block;
		width : 122px;
		height : 30px;
		text-align : center;
		color : #ffffff;
		font-size : 14px;
		line-height : 30px;
		border-radius : 3px;
		background-color : #ae9982;
	}
	dl.detail dd {
		display : block;
		width : 100%;
		color : #000000;
		margin : 8px 0;
		font-size : 14px;
		line-height : 26px;
		padding-bottom : 6px;
	}
	h2.wspace06  {
		width : 65%;
	}
	.title04Wrap h3 {
		width : 65%;
	}
	.recruitWrap dl {
		font-size : 13px;
	}
	.recruitWrap dt {
		width : 26%;
		padding : 12px 0;
	}
	.recruitWrap dd {
		width : calc(74% - 12px);
		padding : 10px 4px 10px 8px;;
	}
	.formWrap h2 {
		font-size : 24px;
		margin : 40px 0 24px 0;
	}
}
.mgb01  {
	margin-bottom : 15px;
}
.mgb02  {
	margin-bottom : 6px;
}

.listBox  {
	border : 1px solid #55b474;
	margin-bottom : 98px;
}
.listBox .dwrap {
	background : url(../img/listline.png) repeat-x left bottom;
	font-size : 0;
	line-height : 0;
}
.listBox .maparea {
	font-size : 0;
	line-height : 0;
}
.listBox .photo {
	display : inline-block;
	width : 30%;
	max-width : 307px;
	height : 231px;
	vertical-align : top;
	background-color : #55b474;
}
.listBox .photo img {
	object-fit : cover;
	width : 100%;
	max-width : 307px;
	height : 231px;
}
.listBox .photo span {
	display : block;
	width : 100%;
	max-width : 307px;
	height : 231px;
	overflow : hidden;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.listBox .detail {
	display : inline-block;
	width : 69%;
	height : 231px;
	vertical-align : top;
	box-sizing : border-box;
	padding : 24px 0 0 24px;
	padding-bottom : 12px;
	position : relative;
}
.listBox .detail .names {
	display : inline-block;
	vertical-align : top;
	width : 59%;
}
.listBox .detail .names h4 {
	display : inline-block;
	min-width : 156px;
	color : #000000;
	font-size : 18px;
	line-height : 1.4;
	text-align : center;
	margin-bottom : 8px;
	box-sizing : border-box;
}
.listBox .detail .names h4 a {
	color : #000000;
	text-decoration : none;
}
.listBox .detail .names h4 a:hover {
	color : #55b474;
}
.listBox .detail .names p {
	display : inline-block;
	min-width : 156px;
	text-align : center;
	font-size : 13px;
	color : #ffffff;
	padding : 4px 18px;
	line-height : 13px;
	background-color : #55b474;
	border-radius : 10px;
	box-sizing : border-box;
}
.listBox .detail .icons {
	position : absolute;
	top : 15px;
	right : 0px;
	display : block;
	vertical-align : top;
	text-align : right;
	width : 40%;
	min-width : 195px;
}
.listBox .detail .icons img {
	margin : 3px;
}
.listBox .detail .comm {
	display : block;
	text-align : left;
	width : 100%;
	color : #000000;
	font-size : 13px;
	line-height : 18px;
	overflow : hidden;
	height : 54px;
	margin-top : 12px;
}
.listBox .detail .addr {
	position : absolute;
	bottom : 16px;
	left : 24px;
	width : 90%;
	color : #6a6a6a;
	font-size : 12px;
	line-height : 16px;
	overflow : hidden;
	height : 16px;
}
@media only screen and (max-width: 720px) {
	.listBox .detail .icons {
		text-align : left;
		width : 100px;
		min-width : 100px;
	}
}
@media only screen and (max-width: 500px) {
	.listBox  {
		border : 1px solid #55b474;
		margin-bottom : 98px;
	}
	.listBox .dwrap {
		background : url(../img/listline.png) repeat-x left bottom;
		font-size : 0;
		line-height : 0;
	}
	.listBox .maparea {
		font-size : 0;
		line-height : 0;
	}
	.listBox .photo {
		display : block;
		width : 100%;
		max-width : 500px;
		height : 231px;
		vertical-align : top;
	}
	.listBox .photo img {
		object-fit : cover;
		width : 100%;
		max-width : 500px;
		height : 231px;
	}
	.listBox .detail {
		display : block;
		width : 100%;
		height : 231px;
		vertical-align : top;
		box-sizing : border-box;
		padding : 10px 4% 0 4%;
		padding-bottom : 12px;
		position : relative;
	}
	.listBox .detail .names {
		display : block;
		text-align : center;
		width : 100%;
	}
	.listBox .detail .names h4 {
		display : inline-block;
		min-width : 100%;
		color : #000000;
		font-size : 16px;
		line-height : 1.4;
		text-align : center;
		margin-bottom : 5px;
		box-sizing : border-box;
	}
	.listBox .detail .names p {
		display : block;
		min-width : 156px;
		text-align : center;
		font-size : 13px;
		color : #ffffff;
		padding : 4px 18px;
		line-height : 13px;
		background-color : #55b474;
		border-radius : 10px;
		box-sizing : border-box;
	}
	.listBox .detail .icons {
		position : absolute;
		top : 130px;
		right : 0px;
		display : block;
		vertical-align : top;
		text-align : right;
		width : 40%;
		min-width : 195px;
	}
	.listBox .detail .comm {
		display : block;
		text-align : left;
		width : 100%;
		color : #000000;
		font-size : 13px;
		line-height : 18px;
		overflow : hidden;
		height : 54px;
		margin-top : 12px;
	}
	.listBox .detail .addr {
		position : absolute;
		bottom : 16px;
		left : 24px;
		width : 90%;
		color : #6a6a6a;
		font-size : 12px;
		line-height : 16px;
		overflow : hidden;
		height : 16px;
	}
}
.pvtop  {
	font-size : 16px;
	line-height : 2.0;
	color : #000000;
	text-align : center;
	margin : 74px 0 90px 0;
}
.pvtop span {
	display : inline-block;
}
h2.wspace05  {
	font-size : 32px;
	line-height : 1.0;
	color : #000000;
	text-align : left;
	font-weight : normal;
	padding-bottom : 10px;
	border-bottom : 1px solid #858585;
	margin : 0 0 12px 0;
}
.pvdl  {
	font-size : 12px;
	line-height : 24px;
	color : #000000;
	margin-top : 6px;
}
.pvdl dt  {
	display : inline-block;
	vertical-align : top;
}
.pvdl dd  {
	display : inline-block;
	width : calc(100% - 22px);
	vertical-align : top;
}
@media only screen and (max-width: 860px) {
	.pvtop span {
		display : inline;
	}
}
@media only screen and (max-width: 480px) {
	.pvtop  {
		font-size : 14px;
		line-height : 1.8;
		margin : 44px 0 52px 0;
		text-align : left;
		padding : 0 8px;
	}
	.pvdl  {
		padding : 0 8px;
	}
	h2.wspace05  {
		font-size : 24px;
	}
	.slick-prev:before,
	.slick-next:before{
	    color: #000;
	}
}
@media only screen and (max-width: 380px) {
	.pvtop  {
		font-size : 14px;
		line-height : 1.8;
		margin : 36px 0 40px 0;
	}
	h2.wspace05  {
		font-size : 20px;
	}
}
.mapaddr  {
	text-align : center;
	font-size : 13px;
	line-height : 22px;
	color : #404040;
	margin : 42px 0 15px 0;
}
.mapaddr .rep0  {
	display : inline-block;
	margin-right : 48px;
}
.mapaddr .rep1  {
	display : inline-block;
}
.mapaddr .rep2  {
	display : inline-block;
	margin-right : 48px;
}
.mapaddr .rep3  {
	display : inline-block;
}
.mapbutton  {
	margin : 10px 0 20px 0;
}
.mapbutton a {
	display : table;
	width : 270px;
	text-align : center;
	color : #ffffff;
	background-color : #262626;
	font-size : 13px;
	line-height : 22px;
	text-decoration : none;
	margin : 12px auto;
}
.mapbutton a span {
	display : table-cell;
	vertical-align : middle;
	padding : 12px 8px;
	text-align : right;
	width : 70%;
}
.mapbutton a em {
	display : table-cell;
	vertical-align : middle;
	text-align : left;
	width : 30%;
}
.mapbutton a:hover {
	background-color : #555555;
}
.mapbutton2  {
	margin : 10px 0 20px 0;
}
.mapbutton2 a {
	display : table;
	width : 220px;
	text-align : center;
	color : #ffffff;
	background-color : #262626;
	font-size : 13px;
	line-height : 22px;
	text-decoration : none;
	margin : 12px auto;
}
.mapbutton2 a span {
	display : table-cell;
	vertical-align : middle;
	padding : 12px 8px;
	text-align : right;
	width : 75%;
}
.mapbutton2 a em {
	display : table-cell;
	vertical-align : middle;
	text-align : left;
	width : 25%;
}
.mapbutton2 a:hover {
	background-color : #555555;
}
@media only screen and (max-width: 641px) {
	.mapaddr  {
		margin-bottom : 0 !important;
	}
	.mapaddr .rep0  {
		display : block;
		margin-right : 0;
		text-align : center;
	}
	.mapaddr .rep1  {
		display : block;
		text-align : center;
	}
	.mapaddr .rep2  {
		display : block;
		margin-right : 0;
		text-align : center;
	}
	.mapaddr .rep3  {
		display : block;
		text-align : center;
		margin-bottom : 10px;
	}
}

/*お問い合わせ*/
#wrapFromInner  {
	width : 100%;
	max-width : 978px;
	box-sizing : border-box;
	margin : 0 auto;
	padding : 0 5px;
	position ; relative;
}
.fromInner  {
	border-left : 3px solid #8d8d8d;
	border-right : 3px solid #8d8d8d;
	border-top : 3px solid #8d8d8d;
	border-bottom : 2px solid #8d8d8d;
}
#wrapFromInner dl {
	display : table;
	width : 100%;
	font-size : 16px;
	line-height : 1.6;
}
#wrapFromInner dt {
	display : table-cell;
	width : 30%;
	border-bottom : 1px solid #8d8d8d;
	border-right : 1px solid #8d8d8d;
	text-align : center;
	background-color : #eaead4;
	vertical-align : middle;
	padding : 6px 44px;
	color : #5d4e1a;
	position : relative;
	font-weight : 300;
}
#wrapFromInner dd {
	display : table-cell;
	width : calc(70% - 16px);
	border-bottom : 1px solid #8d8d8d;
	text-align : left;
	vertical-align : middle;
	padding : 6px 0 6px 16px;
	color : #000000;
}
.hissu  {
	background : url(../img/hissu.png) no-repeat center right 6px;
}
.ninni  {
	background : url(../img/ninni.png) no-repeat center right 6px;
}
.pp-checker  {
	text-align : center;
	font-size : 16px;
	color : #a75272;
	margin : 78px 0 38px 0;
}
.pp-container  {
	width : 100%;
	max-width : 720px;
	font-size : 13px;
	color : #000000;
	line-height : 1.6;
	margin : 0 auto;
}
.pp-container a {
	color : #a75272;
}
.pp-container a:hover {
	color : #bb0000;
}
input.text1  {
	background-color : #ffffff;
	color : #000000;
	font-size : 16px;
	line-height : 1.0;
	padding : 6px;
	width : 96%;
	max-width : 320px;
	min-width : 240px;
	box-sizing : border-box;
	border-style : none;
}
input.text2  {
	background-color : #ffffff;
	color : #000000;
	font-size : 16px;
	line-height : 1.0;
	padding : 6px;
	width : 96%;
	max-width : 600px;
	min-width : 240px;
	box-sizing : border-box;
	border-style : none;
}
textarea.area1  {
	background-color : #ffffff;
	color : #000000;
	font-size : 16px;
	line-height : 1.6;
	height : 48px;
	padding : 6px;
	width : 96%;
	max-width : 600px;
	min-width : 240px;
	box-sizing : border-box;
	border-style : none;
}
textarea.area2  {
	background-color : #ffffff;
	color : #000000;
	font-size : 16px;
	line-height : 1.6;
	height : 120px;
	padding : 6px;
	width : 96%;
	max-width : 600px;
	min-width : 240px;
	box-sizing : border-box;
	border-style : none;
}
#wrapFromInner label.rdo  {
	display : inline-block;
	width : 50px;
	padding : 0 4px;
}
@media only screen and (max-width: 830px) {
	#wrapFromInner dl {
		font-size : 14px;
	}
	#wrapFromInner dt {
		padding : 6px 44px 6px 20px;
	}
}
@media only screen and (max-width: 680px) {
	#wrapFromInner dt {
		padding : 6px 44px 6px 8px;
	}
}
@media only screen and (max-width: 640px) {
	#wrapFromInner dl {
		display : block;
	}
	#wrapFromInner dt {
		display : block;
		width : 50%;
		border-style : none;
		text-align : left;
		padding : 6px 0px 6px 6px;
	}
	#wrapFromInner dd {
		display : block;
		width : 100%;
		border-bottom : 1px solid #8d8d8d;
		text-align : left;
		padding : 6px;
		box-sizing : border-box;
	}
	.pp-checker  {
		margin : 48px 0 24px 0;
	}
}
@media only screen and (max-width: 400px) {
	#wrapFromInner dt {
		width : 64%;
	}
}
.form-field:focus {
   background: #fff;
   color: #725129;
}

.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
}

.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
}

.submit-container {
   margin :24px 0 60px 0;
   text-align: center;
}

.submit-button {
	width: 260px;
	border: none;
	background: url(../img/subm_back.png) repeat-x 0 0;
	color: #ffffff;
	padding: 20px 0;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
	border-radius : 4px;
	font-size : 16px;
	line-height : 1.0;
}
.submit-button:hover  {

}

.errorText  {
	color : #ff0000;
	font-size : 13px;
}
.sendmes    {
	text-align : center;
	line-height : 1.6;
	margin-bottom : 120px;
}
.bottomBnr  {
	margin : 40px 0;
	text-align : center;
}
.bottomBnr a {
	display : inline-block;
	width : 49.5%;
	padding : 0 0px;
	text-decoration : none;
}
.bottomBnr a.item01 {
	text-align : left;
}
.bottomBnr a.item02 {
	text-align : right;
}
.bottomBnr img {
	width : 100%;
	max-width : 466px;
}
.bottomBnr a span {
	display : block;
	text-align : center;
	color : #000000;
	font-size : 13px;
	line-height : 24px;
	padding : 4px 0 12px 0;
}
@media only screen and (max-width: 700px) {
	.bottomBnr  {
		margin : 0;
	}
	.bottomBnr a {
		display : block;
		width : 96%;
		margin : 0 auto;
	}
	.bottomBnr a.item01 {
		text-align : center;
	}
	.bottomBnr a.item02 {
		text-align : center;
	}
}

/* フッター包括---------------------------*/

.footer {
	margin-top : 50px;
	padding: 36px 0 24px 0;
	background : url(../img/foot_back.png) repeat top center;
}
.footmenu {
	font-size : 14px;
	display : inline-block;
	width : calc(99% - 291px);
	vertical-align : top;
	margin-top : 0px;
}
.footmenu a  {
	color : #ffffff;
	text-decoration : none;
	display : inline-block;
	vertical-align : top;
	padding : 0 12px;
	line-height : 1.2;
	border-right : 1px solid #ffffff;
}
.fmenu02 {
	display : block;
	margin-top : 6px;
}
.footmenu a.last  {
	border-right-style : none !important;
}
.footmenu .fmenu01 a  {
	font-size : 16px;
}
.footmenu .fmenu02 a  {
	font-size : 14px;
}
.footmenu a:hover {
	color : #ddffdd;
}
.footmenu a span {
	display : inline;
}
.footlogo  {
	display : inline-block;
	width : 227px;
	vertical-align : top;
	text-align : left;
	padding-right : 64px;
}
.copyright  {
	text-align : center;
	font-size : 12px;
	color : #ffffff;
	margin : 0;
	padding : 16px 0 40px 0;
}
.wrapPageTopPc {
    height: 0;
    position: relative;
    width: 100%;
    z-index: 9999;
	display : none;
}
.wrapPageTopPc p {
    bottom: 90px;
    cursor: pointer;
    display: block;
    margin-right: auto;
    position: fixed;
    right: 6px;
}
.wrapPageTopPc p img {
    width : 81px;
}
@media only screen and (max-width: 970px) {
	.footlogo  {
		padding-right : 5vw;
	}
}
@media only screen and (max-width: 730px) {
	.footerTable {
		width : 100%;
		margin : 24px auto 40px auto;
		position : relative;
	}
	.footerTable .footmenu {
		font-size : 14px;
		margin-bottom : 20px;
		text-align : center;
		padding : 0 0 10px 0;
	}
	.footlogo  {
		display : block;
		position : relative;
		width : 100%;
		padding : 0;
		top : 0px;
		left : 0px;
		text-align : center;
		margin-bottom : 10px;
	}
	.footmenu {
		font-size : 13px;
		display : block;
		width : 100%;
		margin-top : 16px;
		text-align : center;
	}
	.fmenu02 {
		display : none;
	}
	.footmenu a  {
		font-size : 12px !important;
		display : inline-block;
		background-color : #3b9a24;
		border-radius : 3px;
		padding : 8px 6px;
		text-align : center;
		margin : 4px 2px;
		color : #ffffff;
		text-decoration : none;
		display : inline-block;
		border-right-style : none;
	}
	.footmenu a span {
		display : none;
	}
	.copyright  {
		font-size : 10px;
	}
	.wrapPageTopPc p img {
	    width : 70px;
	}
}

/* コピーライト包括---------------------------*/
#wrapCopyright {
	text-align: right;
	color: #808080;
	font-size: 85%;
}

#wrapCopyright .innerContainer {
	width: 900px;
	margin: 0 auto;
	height: 1.5em;
	padding: 5px 0;
}

.bshadow {
	box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.cshadow {
	border : 3px solid #ffffff;
	box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.servWrap00  {
	width : 960px;
	margin : 0 auto;
}
#map1 a {
	text-decoration : none;
}
#map1 a:hover {
	color : red;
}
#map1 a span  {
	display : block;
	color : #000000;
	margin-top : 4px;
	text-decoration : none;
}
.pc_banner  {
	display : block;
	position : absolute;
	top : 272px;
	left : calc(50% + 600px);
	width : 204px;
	height : 285px;
	z-index : 99;
}
.pc_banner img {
	object-fit : fill;
	width : 204px;
	height : 285px;
}
.pc_bannerTop  {
	display : block;
	position : absolute;
	top : 612px;
	left : calc(50% + 600px);
	width : 204px;
	height : 285px;
	z-index : 99;
}
.pc_bannerTop img {
	object-fit : fill;
	width : 204px;
	height : 285px;
}
.smp_banner  {
	display : none;
	width : 100%;
	background-color : rgba(0, 0, 0, 0.8);
	position : fixed;
	bottom : -80px;
	left : 0;
	text-align : center;
	height : 53px;
	font-size : 0;
	line-height : 0;
	padding : 8px 0;
	transition: all 500ms;
}
.smp_banner .closeBtn {
	display : inline-block;
	position : absolute;
	top : -10px;
	right : 4px;
}
.smp_banner .closeBtn {
	display : inline-block;
}
@media only screen and (max-width: 1600px) {
	.pc_banner  {
		left : auto;
		right : 0;
	}
	.pc_bannerTop  {
		left : auto;
		right : 0;
	}
}
@media only screen and (max-width: 1380px) {
	.pc_banner  {
		width : 124px;
		height : 280px;
		overflow : hidden;
	}
	.pc_banner img {
		object-fit : cover;
		width : 124px;
		height : 280px;
	}
	.pc_bannerTop  {
		width : 124px;
		height : 280px;
		overflow : hidden;
	}
	.pc_bannerTop img {
		object-fit : cover;
		width : 124px;
		height : 280px;
	}
}
@media only screen and (max-width: 1200px) {
	.pc_banner  {
		display : none;
	}
	.pc_bannerTop  {
		display : none;
	}
	.smp_banner  {
		display : block;
	}
}