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

.plane {
	color: #000000;
}
.indent {
  text-indent: -2em;
  padding-left: 2em;
}
/*about*/
.about__main {
	display: flex;
}
.about__main-text {
	width: 40%;
	padding: 5%;
	text-align: left;
}
.about__about-text {
	margin: 3rem 0;
}
.about__main-img {
	width: 50%;
	position: relative;
  	overflow: hidden;
	margin: 0 auto ;
}
.about__main-img img {
  	object-fit: cover;
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	top: 0;
  	left: 0;
	margin: 0 auto;
  	filter: drop-shadow(0px 0px rgba(0,0,0,0));
  	outline: none;
  	border: none;
}
.about__philosophy-goal {
	background-color: #1d4f34;
	padding: 10rem 0;
}
.about__philosophy, .about__goal {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.about__philosophy {
	display: flex;
	justify-content: space-between;
	padding: 0 0 10rem 0;
	border-bottom: 1px solid #003919;
}
.about__philosophy-img {
	width: 45%;
	position: relative;
  	overflow: hidden;
	border-radius: 20px;
}
.about__philosophy-img img {
  	object-fit: cover;
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	top: 0;
  	left: 0;
	margin: 0 auto;
}
.about__philosophy-text {
	width: 50%;
	text-align: left;
}
.about__goal {
	text-align: center;
	padding: 7rem 0 0 0;
}
.tbl-r02 {
	border-collapse:collapse;
	text-align: left;
	border-top: 1px solid #003919;
	margin: 5rem 0 0 0;
}
.tbl-r02 tr {
	border-bottom: 1px solid #003919;
}
.tbl-r02 th {
  color: #fff;
  padding: 10px;
}
.color0 {
	color: #416b54;
}
.tbl-r02 td {
  padding: 3rem 10px;
}
.tbl-r02 .tbl-r02-1 {
	width: 45%;
}
.about-slide ul li, .about-slide ul li img{
	width: 400px;
	margin: 0;
	padding: 0;
}
.outline {
	width: 90%;
	max-width: 1000px;
	margin: 10rem auto;
}
.outline img {
	border-radius: 20px;
	width: 90%;
	margin: 5rem 0;
}

.td-top {
	border-top: 1px solid #e1e1e1 ;
}
.tbl-outline {
	text-align: left;
	width: 100%;
	border-spacing: 20px 0px;
}
.tbl-outline td{
	vertical-align: top;
	border-bottom: 1px solid #e1e1e1 ;
	padding: 2rem 0 ;
}
.tbl-outline-1 {
	width: 25%;
	margin: 0;
	padding: 0;
}
.tbl-outline-2 {
	width: 70%;
	margin: 0;
	padding: 0;
}

/*business*/
.business-copy {
	margin: 7rem auto 0 auto;
}
.business-copy p, .recruit-copy p {
	width: 90%;
	max-width: 730px;
	text-align: left;
	margin: 3rem auto 0 auto;
	padding: 0;
}

.business-rice-grain {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10rem 0;
	display: flex;
	justify-content: space-between;
}
.rice-box {
	flex-direction: row-reverse;
	border-bottom: 1px solid #e1e1e1 ;
}
.business-rice-grain__text {
	width: 55%;
	text-align: left;
}
.rice-grain__text {
	margin: 2rem 0 0 0;
}
.business-rice-grain__img {
	position: relative;
  	overflow: hidden;
	width: 40%;
	max-width: 500px;
	height: 500px;
	border-radius: 20px;
}
.business-rice-grain__img img {
	object-fit: cover;
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	top: 0;
  	left: 0;
	margin: 0 auto;
}

/*recruit*/
.recruit-copy {
	padding: 7rem 0;
	background-color: #b49824;
}
.recruit__text {
	font-weight: bold;
	text-align: left;
	padding: 5rem 0 2rem 20px;
	margin: 0;
	border-bottom: none;
}
.recruit__tantou {
	text-align: left;
	margin: 3rem 0 3rem 20px;
}

/*privacy*/
.privacy__box {
	text-align: left;
	width: 90%;
	max-width: 1000px;
	margin: 7rem auto 10rem auto;
}
.privacy__lead {
	margin: 0 0 3rem 0;
}
.privacy__midashi {
	font-size: 2.0rem;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
	margin: 2rem 0;
	padding: 1rem 0;
}
.number{
	list-style-type: decimal;
	padding: 0 0 0 2rem;
}
.number_pad-2 {
	padding: 0 0 0 4rem;
}
.number_pad-3 {
	padding: 0 0 0 6rem;
}

@media screen and (max-width: 1000px) {
.tbl-r02 {
	text-align: center;
    width: 100%;
}
.tbl-r02 th,
.tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 90%;
	padding: 2rem 5%;
}
.tbl-r02 .tbl-r02-1 {
	width: 100%;
	padding: 0 0 2rem 0;
}
.tbl-r02 .text-s {
	text-align: left;
}
}

@media screen and (max-width: 768px) {
/*about*/
.about__main {
	display: block;
}
.about__main-text {
	width: 90%;
	padding: 5rem 5% 5% 5% ;
}
.about__about-text {
	margin: 3rem 0;
}
.about__main-img {
	width: 100%;
	height: 300px;
}
.about__philosophy-goal {
	padding: 7rem 0;
}
.about__philosophy {
	display: block;
	padding: 0 0 7rem 0;
}
.about__philosophy-img {
	width: 90%;
	height: 250px;
	position: relative;
  	overflow: hidden;
	border-radius: 20px;
	margin: 0 auto;
}
.about__philosophy-text {
	width: 100%;
	margin: 5rem 0 0 0;
} 

.about-slide ul li, .about-slide ul li img{
	width: 300px;
	margin: 0;
	padding: 0;
}

.outline {
	margin: 5rem auto;
}
.outline img {
	margin: 3rem 0;
}

/*business*/
.business-rice-grain {
	padding: 7rem 0;
	display: block;
}
.business-rice-grain__text {
	width: 100%;
}
.rice-grain__text {
	margin: 2rem 0 5rem 0;
}
.business-rice-grain__img {
	position: relative;
  	overflow: hidden;
	width: 100%;
	height: 300px;
}

	
}


.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

.fadeDown{
animation-name: fadeDownAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(50px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-50px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 4-1 ふわっ（左から）*/

.fadeLeft{
animation-name: fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/* 4-1 ふわっ（右から） */

.fadeRight{
animation-name: fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}
	
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.flipRightTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}