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

/* -----------------------------------------------------------------------------
	タイトル
--------------------------------------------------------------------------------*/
.title_recipes {margin-bottom:1rem; clear:both; position:relative; padding:0rem 0 0rem;}

.title_recipes .title-in{width: 100%; height: 20%;overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;
 font-size:4rem; font-weight:700; color:#fff;}
 
 .title_recipes .title-inFCS{width: 100%; height: 20%;overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;
 font-size:4rem; font-weight:700; color:#fff; text-shadow: 1px 1px 13px rgba(15, 15, 15, 0.55);}

@media (max-width: 767px) {
	.title_recipes {padding:5.7rem 0 0rem;}
	.title_recipes .title-in{width: 100%; height: 20%;overflow: auto; position: absolute; top: 4rem; left: 0; bottom: 0; right: 0; margin: auto;
     font-size:3rem;	}
	.title_recipes .title-inFCS{width: 100%; height: 20%;overflow: auto; position: absolute; top: 4rem; left: 0; bottom: 0; right: 0; margin: auto;
     font-size:3rem;	}
	}
	
.recruit_h2 {margin-bottom:2rem;}
.recruit_h2 h2{text-align:center; font-size:1.6rem; }

@media (max-width: 359px) {
.recruit_h2 h2{text-align:center; font-size:1.4rem; }
.title_recipes .title-inFCS{width: 100%; height: 20%;overflow: auto; position: absolute; top: 4rem; left: 0; bottom: 0; right: 0; margin: auto;
     font-size:2rem;	}	
}

/* -----------------------------------------------------------------------------
	説明 
--------------------------------------------------------------------------------*/

.recruit{ margin-bottom:2rem;}

.recruit h3{ font-size:1.8rem; line-height:1.5;}

.recruit .title { font-weight:600; line-height:1.2;}

.font_red{color:#d71622;}

@media (max-width: 640px) {}
	.recruit .ol_flush {
  list-style: none;
  padding-left: 0;
  /*display: table;*/
  border-collapse:collapse;
}

.recruit .ol_flush li:after {
  content: "";
  display: block;
  margin-bottom: 1rem;
  margin-left:1rem;
}
 
.recruit .ol_flush li {
  display: table-row;
  counter-increment: table-ol;
  border-bottom:#666 1px dotted; 
}
.recruit .ol_flush li:before {
  content: counter(table-ol) ".";
  display: table-cell;
  padding-right: 0.4rem;
  padding-top: 1.2rem;
}

.recruit .ol_67{border-bottom:#666 1px dotted; padding-top: 1.2rem; padding-bottom: 1rem;}

.recruit_guide {font-size:1.4rem; margin-top:1rem; margin-bottom:3rem; border:#ccc 1px solid; padding:.5rem 1rem 0; text-align:center;background:rgba(255,255,255,0.8);}
.recruit_guide h3 {font-size:1.8rem;}
.recruit_guide h3 span {font-size:1.6rem;}
.recruit_guide .address {font-size:1.6rem;}



/* -----------------------------------------------------------------------------
リンクボタン 
--------------------------------------------------------------------------------*/

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	height: 54px;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.button_1 {
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	font-size:14px;
	margin:1rem;
	width: 200px;
}
.button_1:hover {
	background-color: #fff;
	border-color: #333;
	color: #333;
	text-decoration:none;
}

.button_2 {
	background-color: #669933;
	border: 2px solid #669933;
	color: #fff;
	font-size:14px;
	margin:1rem;
	width: 300px;
}
.button_2:hover {
	background-color: #fff;
	border-color: #669933;
	color: #669933;
	text-decoration:none;
}

@media (max-width: 359px) {
.button_2 {
	background-color: #669933;
	border: 2px solid #669933;
	color: #fff;
	font-size:12px;
	margin:1rem;
	width: 200px;
}
}

/* -----------------------------------------------------------------------------
	my-gallery マイギャラリー 
--------------------------------------------------------------------------------*/

.my-gallery {margin:0 auto;}
.my-gallery img {width:220px; height:auto; margin:1rem .5rem;}
.my-gallery figure {width: 25%; float:left; text-align:center; margin-bottom:1.5rem;}
.my-gallery figcaption{font-size:1.4rem;}

@media screen and (max-width : 1024px) {
	.my-gallery img {width:220px; height:auto;}
	
	}

@media screen and (max-width : 800px) {
	.my-gallery img {width:80%; height:auto;}
	.my-gallery figure {width: 50%; float:left;}
	
	}
	
.mb3 {margin-bottom:3rem;}