@charset 'utf-8';

/* ABOUT
------------------------------------------------ */
	#about{  }
	#about .ffood__banner:before{ background: url(../../img/about/about.jpg)no-repeat center center; background-size: cover;  }
	.about{ max-width: 1240px; margin: 0 auto; padding: 0 20px; }
	/* LINE center for each section */
		.line--center{ position: relative; padding: 143px 0 75px; }
		.line--center:before{ position: absolute; content: ''; background: #434343; width: 1px; height: 68px; top: 0; left: 50%; transform: translateX(-50%); }
	/* ABOUT TITLE */
		.about--title{ margin-bottom: 65px; text-align: center; line-height: 1; }
		.about--title-jp{ margin-bottom: 14px; font-size: 2.6rem; font-weight: bold; }
		.about--title-r{ margin-bottom: 14px; font-size: 2.6rem; font-weight: bold; color: #EF804E;}
		.about--title-en{ color: #EF804E; font-size: 1.4rem; }

/* ABOUT CONTENT 
------------------------------------------------ */
	.about__content{ position: relative; margin-bottom: 75px; }
	.about__content__block{ max-width: 1000px; margin: 0 auto 50px; }
	.about__content__block dl{ width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 68px 0; }
	.about__content__block dl dt{ width: 25.7%; min-height: 222px; display: inline-flex; align-items: center; font-size: 2.6rem; }
	.about__content__block dl dd{ position: relative; width: calc(100% - 25.7%); display: inline-flex; flex-wrap: wrap; padding: 26px 0 45px 11.6%; font-size: 1.6rem; }
	.about__content__block dl dd:before{ position: absolute; content: ''; width: 1px; height: 100%; background: #EF804E; border: 1px; border-radius: 0.5px; left: 0; top: 0; }
	.about__content__block dl dd .color{ color: #EF804E; }
	/* NUMBER */
		.content__num{  }
		.content__num ol{  }
		.content__num ol li{ position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 18px; padding-left: 70px; font-size: 1.8rem; }
		.content__num ol li .num{ position: absolute; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; left: 0; top: -6px; border: 1px solid #64964E; border-radius: 15px; color: #64964E; font-size: 1.4rem; line-height: 1; }
	.about__content2{ position: relative; margin-bottom: 75px; }
	.about__content2__block{ max-width: 1000px; margin: 0 auto 50px; }
	.about__content2__block dl{ width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 68px 0; }
	.about__content2__block dl dt{ width: 25.7%; min-height: 222px; display: inline-flex; align-items: center; font-size: 2.6rem; }
	.about__content2__block dl dd{ position: relative; width: calc(100% - 25.7%); display: inline-flex; flex-wrap: wrap; padding: 26px 0 45px 11.6%; font-size: 1.6rem; }
	.about__content2__block dl dd:before{ position: absolute; content: ''; width: 1px; height: 100%; background: #EF804E; border: 1px; border-radius: 0.5px; left: 0; top: 0; }
	.about__content2__block dl dd .color{ color: #EF804E; }
	/* NUMBER */
		.content2__num{  }
		.content2__num ol{  }
		.content2__num ol li{ position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 18px; padding-left: 70px; font-size: 1.8rem; }
		.content2__num ol li .num{ position: absolute; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; left: 0; top: -6px; border: 1px solid #64964E; border-radius: 15px; color: #64964E; font-size: 1.4rem; line-height: 1; }
		

/* ABOUT MESSAGE 
------------------------------------------------ */
	.about__message{ max-width: 1000px; margin: 0 auto; }
	/* MESSAGE CONTENT */
	.about__message__cont{ width: 100%; display: flex; flex-wrap: wrap; }
	.about__message__cont--img{ width: 26%; display: flex; align-items: center; }
	.about__message__cont--img img{ object-fit: contain; }
	.about__message__cont--desc{ width: calc(100% - 26%); margin-top: 25px; padding-left: 11.6%; }
	.about__message__cont--desc-p,.about__philo__cont--desc-p{ font-size: 1.6rem; line-height: 1.87; }
	/* PHILOSOPHY */
	.about__philo{ width: 100%; }
	.philo__block{ max-width: 1040px; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0 20px; }
	.about__philo__cont{ padding: 80px 0; background: rgba(239, 158, 78, 0.1); border: 1px; border-radius: 10px; }
	.about__philo__cont--img{ width: 28.8%; display: flex; align-items: center; justify-content: center;  }
	.about__philo__cont--img img{ max-height: 256px; object-fit: contain; }
	.about__philo__cont--desc{ width: 71.2%; padding-left: 11.6%; }

/* ABOUT COLUMN
------------------------------------------------ */
	.about__member{  }
	.member__list{ max-width: 1000px; width: 100%; display: block; margin: 0 auto; }
	.list__member{ display: block; }
	.list__member li { font-size: 1.8rem; padding-left: 200px; position: relative; }
	.list__member li:not(:last-child) { margin-bottom: 30px; }
	.list__member li .profile { position: absolute; left: 0; top: 0; width: 180px; height: auto; }
	.list__member li .break:not(:last-child) { margin-bottom: 15px; }
	.list__member li .break.head { color: #64964E; margin-bottom: 8px; }
	.list__member li .break.tags { font-size: 1.4rem; }

@media screen and (max-width: 768px){

/* ABOUT
------------------------------------------------ */
	.about{ width: 100%; padding: 0 35px; }
	/* LINE center for each section */
		.line--center{ padding: 75px 0 50px; }
		.line--center:before{ height: 34px; }
	/* ABOUT TITLE */
		.about--title{ margin-bottom: 35px; }
		.about--title-jp{ margin-bottom: 7.5px; font-size: 1.8rem; }
		.about--title-r{ margin-bottom: 7.5px; font-size: 1.8rem; }
		.about--title-en{ font-size: 1.4rem; }

/* ABOUT CONTENT 
------------------------------------------------ */
	.about__content{ margin: 33px 0 0; }
	.about__content:nth-child(2){ margin: 0; }
	.about__content__block{ width: 100%; margin: 0; }
	.about__content__block dl{ flex-direction: column; margin-bottom: 95px; padding: 0; }
	.about__content__block dl dt{ width: 100%; min-height: 1px; justify-content: center; padding-bottom: 22px; font-weight: bold; font-size: 1.7rem; line-height: 1; }
	.about__content__block dl dd{ width: 100%; padding: 30px 0 0 ; font-size: 1.3rem; }
	.about__content__block dl dd:before{ width: 100%; height: 1px; }
	/* NUMBER */
		.about__content__block dl:last-child{ margin-bottom: 50px; }
		.content__num ol li{ margin-bottom: 14px; padding-left: 47px; font-size: 1.2rem; }
		.content__num ol li .num{ top: 0; font-size: 1.4rem; line-height: 1; }
	.about__content2{ margin: 33px 0 0; }
	.about__content2:nth-child(2){ margin: 0; }
	.about__content2__block{ width: 100%; margin: 0; }
	.about__content2__block dl{ flex-direction: column; margin-bottom: 95px; padding: 0; }
	.about__content2__block dl dt{ width: 100%; min-height: 1px; justify-content: center; padding-bottom: 22px; font-weight: bold; font-size: 1.7rem; line-height: 1; }
	.about__content2__block dl dd{ width: 100%; padding: 30px 0 0 ; font-size: 1.3rem; }
	.about__content2__block dl dd:before{ width: 100%; height: 1px; }
	/* NUMBER */
		.about__content2__block dl:last-child{ margin-bottom: 50px; }
		.content2__num ol li{ margin-bottom: 14px; padding-left: 47px; font-size: 1.2rem; }
		.content2__num ol li .num{ top: 0; font-size: 1.4rem; line-height: 1; }
		

/* ABOUT MESSAGE 
------------------------------------------------ */
	.about__message{ width: 100%; }
	/* MESSAGE CONTENT */
	.about__message__cont{ width: 100%; display: block; }
	.about__message__cont--img{ position: relative; width: calc(100% + 70px); left: -35px; }
	.about__message__cont--img img{ max-width: 100%; width: 100%; }
	.about__message__cont--desc{ width: 100%; margin-top: 25px; padding-left: 0%; }
	.about__message__cont--desc-p,.about__philo__cont--desc-p{ font-size: 1.3rem; }
	/* PHILOSOPHY */
	.philo__block{ width: 100%; display: grid; }
	.about__philo__cont{ padding: 40px 0; }
	.about__philo__cont--img{ width: 100%; }
	.about__philo__cont--img img{ max-height: 256px; }
	.about__philo__cont--desc{ grid-area: 1; width: 100%; margin-bottom: 55px; padding-left: 0%; }

/* ABOUT COLUMN
------------------------------------------------ */
	.member__list{  }
	.list__member{ display: block; }
	.list__member li{ font-size: 1.2rem; padding: 0; }
	.list__member li:not(:last-child) { margin-bottom: 25px; }
	.list__member li .profile { position: relative; left: 0; top: 0; width: 100%; height: auto; margin-bottom: 10px; }
	.list__member li .break:not(:last-child) { margin-bottom: 10px; }
	.list__member li .break.head { color: #64964E; margin-bottom: 5px; /*padding-left: 175px; position: absolute; top: 0; right: 0; width: 100%; min-height: 160px; display: flex; flex-direction: column; justify-content: center;*/ }
	.list__member li .break.tags { font-size: 1rem; }

}