body{
	font-family:source-han-sans-japanese,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
	line-height: 1.7;
	font-weight: 200;
	font-style: normal;
	color:#555;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
	background-image:url(../img/bg01.jpg);
	background-size:100%;
	background-repeat: repeat-y;
	background-color:#f5f4f1;
	background-position:center center;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@font-face {font-family: "MetaPlusMedium-Caps";
  src: url("../font/9ac0bc0f426ffa3d5af79e37a41e7fc6.eot"); /* IE9*/
  src: url("../font/9ac0bc0f426ffa3d5af79e37a41e7fc6.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../font/9ac0bc0f426ffa3d5af79e37a41e7fc6.woff2") format("woff2"), /* chrome、firefox */
  url("../font/9ac0bc0f426ffa3d5af79e37a41e7fc6.woff") format("woff"), /* chrome、firefox */
  url("../font/9ac0bc0f426ffa3d5af79e37a41e7fc6.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../font/9ac0bc0f426ffa3d5af79e37a41e7fc6.svg#MetaPlusMedium-Caps") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "MetaPlusMedium-CapsItalic";
  src: url("../font/cd7f84ae16ea000155efdf47c612294e.eot"); /* IE9*/
  src: url("../font/cd7f84ae16ea000155efdf47c612294e.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../font/cd7f84ae16ea000155efdf47c612294e.woff2") format("woff2"), /* chrome、firefox */
  url("../font/cd7f84ae16ea000155efdf47c612294e.woff") format("woff"), /* chrome、firefox */
  url("../font/cd7f84ae16ea000155efdf47c612294e.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../font/cd7f84ae16ea000155efdf47c612294e.svg#MetaPlusMedium-CapsItalic") format("svg"); /* iOS 4.1- */
}




a {
  transition: .3s;
}
a span {
  display: inline-block;
}
a:hover span {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: .6s;
}
a:hover span:nth-of-type(1) {
  -webkit-transition-delay: .02s;
  transition-delay: .02s;
}
a:hover span:nth-of-type(2) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s;
}
a:hover span:nth-of-type(3) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s;
}
a:hover span:nth-of-type(4) {
  -webkit-transition-delay: .08s;
  transition-delay: .08s;
}
a:hover span:nth-of-type(5) {
  -webkit-transition-delay: .10s;
  transition-delay: .10s;
}
a:hover span:nth-of-type(6) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
}
a:hover span:nth-of-type(7) {
  -webkit-transition-delay: .14s;
  transition-delay: .14s;
}
a:hover span:nth-of-type(8) {
  -webkit-transition-delay: .16s;
  transition-delay: .16s;
}
a:hover span:nth-of-type(9) {
  -webkit-transition-delay: .18s;
  transition-delay: .18s;
}
a:hover span:nth-of-type(11) {
  -webkit-transition-delay: .20s;
  transition-delay: .20s;
}
a:hover span:nth-of-type(12) {
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
}
a:hover span:nth-of-type(13) {
  -webkit-transition-delay: .24s;
  transition-delay: .24s;
}

a.logo{
	display:block;
	float:left;
	width:190px;
	margin:19px 0 0 20px;
}
a.logo img{
	position: relative;
	width:100%;
}

a.logo::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,3) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,3) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
a.logo:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

/*ハンバーガーナビ*/
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 96px;
  background-color: #fff;
	z-index:300;
}
.global-nav {
  position: fixed;
  right: 0; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #eee;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
  opacity: 0;
}
.hamburger {
  position: absolute;
  right: 20px;
  top: 25px;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: center;
  padding: 0 14px;
}
.global-nav__item a {
  display: block;
  padding: 20px 0 10px 50px;
  text-decoration: none;
	font-size:12px;
	color: #777;
	text-align:left;
}
.global-nav__item a:hover {
	background-color: #eee;
}
.hamburger__line {
  position: absolute;
  left: 11px;
  width: 30px;
  height: 2px;
  background-color: #000;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 22px;
}
.hamburger__line--3 {
  top: 30px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
	right: 0;
	transform: none;
	opacity: 1;
}
.nav-open .black-bg {
  opacity: .36;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}


.w90{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	text-align:left;

}
.w90c{
	width:90%;
	min-width:1000px;
	margin:0 auto;
	text-align:center;
}


#main_wrapper{
	position:relative;
	background-image:url(../img/bg01.jpg);
	background-size:100%;
	background-repeat: repeat-y;
	background-color:#f5f4f1;
	background-position:center center;
	padding:82px 0 180px;
	margin:80px 0 0 0;
	z-index:0;
	overflow:hidden;
}
/* 「RightToLeft」 */
@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(1000px);/* X軸方向に700px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}
#main_photo{
	position: relative;
	/*background-image:url(../img/main.jpg);
	background-size:cover;
	background-position:center 10%;
	background-repeat: no-repeat;*/
	background-color:#fff;
	width:90%;
	margin: 0 5%;
	height: 74vh;
	overflow:hidden;
	animation-duration: 1.2s;/* アニメーション時間 */
	animation-name: RightToLeft;/* アニメーション名 */
	animation-timing-function:ease-out;
	/*animation-iteration-count: infinite; アニメーションの繰り返し（無限）*/
}


/* 「LefttToRight」 */
@keyframes LefttToRight {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(-1000px);/* X軸方向に700px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

#head_copy{
	position: absolute;
	left: 0;
	right: 0;
	bottom:50px;
	margin: auto;
	background-color:#fff;
	opacity: 0.97;
	width:70%;
	height: 26%;
	text-align:center;
	z-index:10;
	overflow:hidden;
	animation-duration: 1.2s;/* アニメーション時間 */
	animation-name: LefttToRight;/* アニメーション名 */
	animation-timing-function:ease-out;
	/*animation-iteration-count: infinite; アニメーションの繰り返し（無限）*/
}

#head_copy_txt01{
	font-family:"MetaPlusMedium-CapsItalic" !important;
	font-size:25px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing:5px;
	width:100%;
	padding:55px 0 23px 0;
}
#head_copy_txt02{
	font-size:14px;
	letter-spacing:2px;
}
#top_content01{
	position:relative;
	background-image:url(../img/concept_bg.png);
	background-repeat: no-repeat;
	background-position: center center;	
	max-height:654px;
	width:100%;
	padding: 0 5% 170px;
	overflow:hidden;
}

#concept_text_box{
	width:50%;
	float:left;
	padding-top:75px;
	opacity: 0;
}

/* アニメーション */
#concept_text_box.delighter {
      transition: all .6s ease-out;
}
  
/* スタート時のスタイル */
#concept_text_box.delighter.started {
	transform: translate(-100%, 0);
	opacity: 0;
}
  
/* エンド時のスタイル */
#concept_text_box.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
#concept_mark{
	padding:120px 0 0 8%;
	width:32%;
}
/* アニメーション */
#concept_mark.delighter {
      transition: all .6s ease-out;
	opacity: 0;
}
  
/* スタート時のスタイル */
#concept_mark.delighter.started {
	transform: translate(-100%, 0);
	opacity: 0;
}
  
/* エンド時のスタイル */
#concept_mark.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}

#concept_komidashi{
	margin:0 0 40px;
}
.komidashi_e{
	font-family:"MetaPlusMedium-Caps" !important;
	font-size:24px;
	font-style:normal;
	letter-spacing:2px;
}
.komidashi_j{
	font-size:13px;
	margin-left:10px;
	letter-spacing:1px;
}
#concept_copy{
	font-family: ryo-display-plusn, serif;
	font-size:25.28px;
	margin:0 0 40px;
	letter-spacing:1px;
	line-height:2.0;
	white-space: nowrap;
}
#concept_text{
	font-size:15px;
	line-height:2.0;
}


#top_content02{
	position:relative;
	padding:55px 0 100px;
	margin:0;
}
.business01{
	float:left;
	width:30%;
	margin:0 1.66%;
	min-height:500px;
	background-image:url(../img/business_bg.jpg);
	background-size:cover;
	background-position:top center;
	color:#fff;
	opacity: 0;
}
/* アニメーション */
.business01.delighter {
      transition: all .6s ease-out .4s;
}
  
/* スタート時のスタイル */
.business01.delighter.started {
	transform: translate(-50%, 0);
	opacity: 0;
}
  
/* エンド時のスタイル */
.business01.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
.business02{
	float:left;
	width:30%;
	margin:0 1.66%;
	min-height:500px;
	background-image:url(../img/business_bg.jpg);
	background-size:cover;
	background-position:top center;
	color:#fff;
	opacity: 0;
}
/* アニメーション */
.business02.delighter {
      transition: all .6s ease-out .2s;
}
  
/* スタート時のスタイル */
.business02.delighter.started {
	transform: translate(-50%, 0);
	opacity: 0;
}
  
/* エンド時のスタイル */
.business02.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
.business03{
	float:left;
	width:30%;
	margin:0 1.66%;
	min-height:500px;
	background-image:url(../img/business_bg.jpg);
	background-size:cover;
	background-position:top center;
	color:#fff;
	opacity: 0;
}
/* アニメーション */
.business03.delighter {
      transition: all .6s ease-out;
}
  
/* スタート時のスタイル */
.business03.delighter.started {
	transform: translate(-50%, 0);
	opacity: 0;
}
  
/* エンド時のスタイル */
.business03.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
.business_midashi_e{
	width:100%;
	padding:90px 0 55px 0;
	text-align:center;
	font-family:"MetaPlusMedium-CapsItalic" !important;
	font-size:22px;
	font-style:normal;
	line-height:1.33;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing:5px;
}
.business_midashi_j{
	font-family: source-han-sans-japanese, sans-serif;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	padding:0 0 25px 0;
}
.business_txt{
	font-size:14px;
	line-height:2.2;
	text-align:left;
	width:80%;
	margin:0 10%;
	letter-spacing:1px;
}
a.readmore{
	display:block;
	float:right;
	background-color:#fff;
 	background: rgba(255,255,255,0.1);
	font-size:12px;
	padding:0 10px;
	margin:40px 0 30px;
	color:#fff;
	text-decoration:none;
}
a.readmore:hover{
	background-color:#fff;
 	background: rgba(255,255,255,0.2);
}
#top_content03{
	background-color:#fff;
	width:100%;
	padding: 78px 5% 70px;
	overflow:hidden;
}
#recruit_komidashi{
	float:left;
	margin:0 0 36px;
	width:100%;
	text-align:center;
}
#recruit_txt{
	width:100%;
	font-family: ryo-display-plusn, serif;
	text-align:center;
	font-size:25.28px;
	margin:0 0 40px;
}
img.recruit_photo1{
	float:left;
	width:33.33%;
	padding-bottom:46px;
	opacity: 0;
}
/* アニメーション */
.recruit_photo1.delighter {
      transition: all .6s ease-out .4s;
}
  
/* スタート時のスタイル */
.recruit_photo1.delighter.started {
	transform: translate(-50%, 0);
	opacity: 0;
}
  
/* エンド時のスタイル */
.recruit_photo1.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
img.recruit_photo2{
	float:left;
	width:33.33%;
	padding-bottom:46px;
	opacity: 0;
}
/* アニメーション */
.recruit_photo2.delighter {
      transition: all .6s ease-out .2s;
}
  
/* スタート時のスタイル */
.recruit_photo2.delighter.started {
	transform: translate(-50%, 0);
	opacity: 0;
}
  
/* エンド時のスタイル */
.recruit_photo2.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
img.recruit_photo3{
	float:left;
	width:33.33%;
	padding-bottom:46px;
	opacity: 0;
}
/* アニメーション */
.recruit_photo3.delighter {
      transition: all .6s ease-out;
}
  
/* スタート時のスタイル */
.recruit_photo3.delighter.started {
	transform: translate(-50%, 0);
	opacity: 0;
}
  
/* エンド時のスタイル */
.recruit_photo3.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}

a.recruit_btn{
	position: relative; 
	display:block;
	clear:both;
	width:25%;
	background-color:#5e420c;
	color: #fff !important;
	text-decoration:none;
	font-size:14px;
	text-align:center;
	padding:17px 0;
	margin:0 auto;
	letter-spacing:1px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
a.recruit_btn:hover{
opacity: 0.5;
}
#top_content04{
	background-color:#fff;
	width:100%;
	margin:55px 0 0 0;
	padding: 78px 5% 70px;
	overflow:hidden;
}
#info_komidashi{
	float:left;
	margin:0 0 50px;
	width:100%;
	text-align:center;
}
#info_box{
	width:96%;
	margin:0 2%;
	height:300px;
}
#info_box li{
	float:left;
	width:32%;
	padding:4px 3% 0 0;
	margin:0;
	list-style:none;
	border-right:1px solid #ddd;
}
#info_box li:nth-child(2){
	float:left;
	width:35%;
	padding:4px 3% 0;
	margin:0;
	list-style:none;
	border-right:1px solid #ddd;
}
#info_box li:last-child{
	float:left;
	width:32%;
	padding:4px 0 0 3%;
	margin:0;
	list-style:none;
	border:none;
}
.info_date{
	font-size:15px;
	margin-bottom:35px;
}
.info_txt{
	font-size:14px;
	letter-spacing:1px;
	line-height:2.0;
}
.info_readbtn a{
	display:block;
	float:right;
	background-color:#f5f2ed;
	font-size:12px;
	padding:0 10px;
	margin:40px 0 30px;
	color:#5e420c;
	text-decoration:none;
}
.info_readbtn a:hover{
	background-color:#f5e7e4;
}

#footer{
	float:left;
	clear:both;
	background-color:#e7e0d3;
	text-align:center;
	width:100%;
	height:240px;
	padding:80px 0;
	margin-top:100px;
	border-top:1px solid #f5f4f1;
}
#footer_mark{
	float:left;
	width:76px;
}
#copyright{
	float:right;
	width:50%;
	text-align:right;
	color:#ada89e;
	font-size:12px;
	margin:35px 0 0 0;
}
#footer_txt{
	float:left;
}
#footer_txt li{
	float:left;
	font-size:12.5px;
	padding:32px 0 0 20px;
	list-style:none;
}
#footer_txt li a{
	text-decoration:none;
	color:#383838;
}



/*______________________________________PC用CSS_______________________________________________*/
@media screen and (min-width: 767px) {/*ウィンドウ幅が767px以上の場合に適用*/
.pc_content{
	display:block;
}
.sp_content{
	display:none;
}



}




/*______________________________________スマホ用CSS_______________________________________________*/
@media print, screen and (max-width: 767px) {/*ウィンドウ幅が最大767pxまでの場合に適用*/
	.pc_content{
display:none;
	}
	.sp_content{
display:block;
	}
/*ハンバーガーナビ*/
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 70px;
  background-color: #fff;
	z-index:300;
}
.global-nav {
  position: fixed;
  right: 0; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #eee;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
  opacity: 0;
}
.hamburger {
  position: absolute;
  right: 20px;
  top: 11px;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: center;
  padding: 0 14px;
}
.global-nav__item a {
  display: block;
  padding: 20px 0 0 35px;
  text-decoration: none;
	font-size:14px;
	color: #777;
	text-align:left;
}
.global-nav__item a:hover {
	background-color: #eee;
}
.hamburger__line {
  position: absolute;
  left: 11px;
  width: 30px;
  height: 2px;
  background-color: #000;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 22px;
}
.hamburger__line--3 {
  top: 30px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
a.logo{
	display:block;
	float:left;
	width:160px;
	margin:11px 0 0 20px;
}
.w90{
	width:90%;
	min-width:360px;
	margin:0 auto;
	text-align:left;
}
.w90c{
	width:90%;
	min-width:360px;
	margin:0 auto;
	text-align:center;
}
#main_wrapper{
	position:relative;
	background-image:url(../img/bg01.jpg);
	background-size:100%;
	background-repeat: repeat-y;
	background-color:#f5f4f1;
	background-position:center center;
	padding:30px 0 30px;
	margin:80px 0 0 0;
	z-index:0;
	overflow:hidden;
}
#main_photo{
	position: relative;
	background:none;
	width:90%;
	margin: 0 5%;
	height: 55vh;
	overflow:hidden;
	animation-duration: 1.2s;/* アニメーション時間 */
	animation-name: RightToLeft;/* アニメーション名 */
	animation-timing-function:ease-out;
	/*animation-iteration-count: infinite; アニメーションの繰り返し（無限）*/
}
#head_copy{
	position: absolute;
	left: 0;
	right: 0;
	bottom:50px;
	margin: auto;
	background-color:#fff;
	opacity: 0.97;
	width:80%;
	height: auto;
	text-align:center;
	z-index:10;
	overflow:hidden;
	animation-duration: 1.2s;/* アニメーション時間 */
	animation-name: LefttToRight;/* アニメーション名 */
	animation-timing-function:ease-out;
}
#top_content01{
	position:relative;
	background-image:url(../img/concept_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	width:100%;
	padding: 0 5% 30px;
	overflow:hidden;
}
#head_copy_txt01{
	font-family:"MetaPlusMedium-CapsItalic" !important;
	font-size:16px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing:4px;
	width:90%;
	margin:0 5%;
	padding:30px 0 10px 0;
	line-height:1.6;
}
#head_copy_txt02{
	font-size:12px;
	line-height:1.6;
	letter-spacing:2px;
	width:90%;
	margin:0 5%;
	padding:0 0 20px 0;
}
#concept_text_box{
	width:100%;
	float:left;
	padding-top:20px;
	opacity: 0;
}
#concept_komidashi{
	margin:0 0 40px;
}
.komidashi_e{
	font-family:"MetaPlusMedium-Caps" !important;
	font-size:24px;
	font-style:normal;
	letter-spacing:2px;
}
.komidashi_j{
	font-size:13px;
	margin-left:10px;
	letter-spacing:1px;
}
#concept_copy{
	font-size:20px;
	margin:0 0 20px;
	letter-spacing:1px;
	line-height:1.6;
	white-space: pre-wrap;
}
#concept_text{
	font-size:15px;
	line-height:2.0;
}

#concept_mark{
	position:absolute;
	top:-110px;
	right:10px;
	width:32%;
}
#top_content02{
	position:relative;
	margin:0;
	width:100%;
	padding: 50px 5% 30px;
}
.business01{
	float:left;
	width:100%;
	margin:0 0 10px;
	background-image:url(../img/business_bg.jpg);
	background-size:cover;
	background-position:top center;
	color:#fff;
}
/* アニメーション */
.business01.delighter {
      transition: all .6s ease-out .4s;
}
  
/* スタート時のスタイル */
.business01.delighter.started {
	transform: translate(0, 0); 
	opacity: 1;
}
  
/* エンド時のスタイル */
.business01.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
.business02{
	float:left;
	width:100%;
	margin:0 0 10px;
	min-height:500px;
	background-image:url(../img/business_bg.jpg);
	background-size:cover;
	background-position:top center;
	color:#fff;
}
/* アニメーション */
.business02.delighter {
      transition: all .6s ease-out .2s;
}
  
/* スタート時のスタイル */
.business02.delighter.started {
	transform: translate(0, 0); 
	opacity: 1;
}
  
/* エンド時のスタイル */
.business02.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
.business03{
	float:left;
	width:100%;
	margin:0;
	min-height:500px;
	background-image:url(../img/business_bg.jpg);
	background-size:cover;
	background-position:top center;
	color:#fff;
}
/* アニメーション */
.business03.delighter {
      transition: all .6s ease-out;
}
  
/* スタート時のスタイル */
.business03.delighter.started {
	transform: translate(0, 0); 
	opacity: 1;
}
  
/* エンド時のスタイル */
.business03.delighter.started.ended {
	transform: translate(0, 0); 
	opacity: 1;
}
.business_midashi_e{
	width:100%;
	padding:90px 0 55px 0;
	text-align:center;
	font-family:"MetaPlusMedium-CapsItalic" !important;
	font-size:22px;
	font-style:normal;
	line-height:1.33;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing:5px;
}
.business_midashi_j{
	font-family: source-han-sans-japanese, sans-serif;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	padding:0 0 25px 0;
}
.business_txt{
	font-size:14px;
	line-height:2.2;
	text-align:left;
	width:80%;
	margin:0 10%;
	letter-spacing:1px;
}
a.readmore{
	display:block;
	float:right;
	background-color:#fff;
 	background: rgba(255,255,255,0.1);
	font-size:12px;
	padding:0 10px;
	margin:40px 0 30px;
	color:#fff;
	text-decoration:none;
}
a.readmore:hover{
	background-color:#fff;
 	background: rgba(255,255,255,0.2);
}
#top_content03{
	background-color:#fff;
	width:100%;
	padding: 35px 5% 70px;
	overflow:hidden;
}
#recruit_komidashi{
	margin:0 0 40px;
	text-align:left;
}
#recruit_txt{
	font-family: ryo-display-plusn, serif;
	width:100%;
	text-align:left;
	font-size:20px;
	margin:0 0 40px;
}
img.recruit_photo1_sp{
	float:left;
	width:95%;
	padding-bottom:46px;
}
a.recruit_btn{
	position: relative; 
	display:block;
	clear:both;
	width:80%;
	background-color:#5e420c;
	color: #fff !important;
	text-decoration:none;
	font-size:14px;
	text-align:center;
	padding:17px 0;
	margin:0 auto;
	letter-spacing:1px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
a.recruit_btn:hover{
opacity: 0.5;
}
#top_content04{
	background-color:#fff;
	width:100%;
	margin:55px 0 0 0;
	padding: 30px 5% 70px;
	overflow:hidden;
}
#info_komidashi{
	margin:0 0 20px;
	text-align:left;
}
#info_box{
	width:96%;
	margin:0 2%;
}
#info_box li{
	float:left;
	width:100%;
	padding:4px 3% 0 0;
	margin:0;
	list-style:none;
	border-right:none;
	border-bottom:1px solid #ddd;
}
#info_box li:nth-child(2){
	float:left;
	width:100%;
	padding:4px 3% 0 0;
	margin:0;
	list-style:none;
	border-right:none;
	border-bottom:1px solid #ddd;
}
#info_box li:last-child{
	float:left;
	width:100%;
	padding:4px 3% 0 0;
	margin:0;
	list-style:none;
	border-right:none;
	border-bottom:1px solid #ddd;
}
.info_date{
	font-size:15px;
	margin-bottom:15px;
}
.info_txt{
	font-size:14px;
	letter-spacing:1px;
	line-height:2.0;
}
.info_readbtn a{
	display:block;
	float:right;
	background-color:#f5f2ed;
	font-size:13px;
	padding:0 10px;
	margin:20px 0 30px;
	color:#5e420c;
	text-decoration:none;
}
.info_readbtn a:hover{
	background-color:#f5e7e4;
}
#footer{
	float:left;
	clear:both;
	background-color:#e7e0d3;
	text-align:center;
	width:100%;
	height:240px;
	padding:40px 0;
	margin-top:50px;
	border-top:1px solid #f5f4f1;
}
#footer_mark{
	float:left;
	width:20%;
	margin:0 40%;
}
#copyright{
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	color:#ada89e;
	font-size:12px;
	margin:35px 0 0 0;
}
#footer_txt{
	float:left;
}
#footer_txt li{
	float:left;
	font-size:12.2px;
	padding:32px 0 0 20px;
	list-style:none;
}
#footer_txt li a{
	text-decoration:none;
	color:#383838;
}

}