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

.slick01 {
	line-height:0;
	font-size:0;
}

body{font-size:13pt;}
h1{font-weight:initial; color:initial; font-size:initial; white-space:initial;}/*reset*/
@media screen and (max-width: 1078px) {
	.h1{width:100%; padding:2em 2em;}
	h1{font-size:150%; text-align:center; line-height:1.5em;white-space: pre-wrap; word-break: keep-all;}
}
h1.gakka{ color:#fff; letter-spacing: 0.3em; font-weight: 400; font-size: 220%;}
.h1_inner_food{text-align: center; padding: 1.5em 2.0em; background:#6fba2c; margin-top:-30px;}

p.main_img{display:block;margin:0 auto 2em; }
div.sp_img{ display:none;}
@media screen and (max-width: 519px) {
	p.main_img{display:none;}
	div.sp_img{display:block; flex-direction: column; gap:10px; align-items: center; margin:2.0em auto;}
	div.sp_img p{width:75%; margin:0 auto;}
}

.lead_txt{ text-align:center; width: 60%; margin:0 auto;}
.lead_txt_top{ text-align:center; width: 70%; margin:0 auto; font-size:120%;}

@media screen and (max-width: 519px) {
	.lead_txt{ text-align:left; width:90%; }
	.lead_txt_top{ text-align:left; width:90%; font-size:110%; }
}


h2{	font-size:initial; box-shadow:initial; background:initial;} /*reset*/
h3{	font-weight:initial;color:initial;font-size:initial;border-bottom: initial;padding:initial;margin-bottom:initial;position:initial;margin:initial;}/*reset*/
h3::after {	content:initial;background-color:initial;width:initial;height:initial;position:initial;bottom:initial;left:initial;z-index:initial;}/*reset*/
h5{
	position: initial;
	padding: initial;
	font-weight:initial; color:initial; margin:initial; font-size:initial;line-height:initial;
}
h5:after {
	content: initial;
	display: initial;
	height: initial;
	background: initial;
}
	
.inline_center{text-align: center; justify-content: center;}

h2.chouri{
font-size:initial; box-shadow:initial; background:initial;
border:1px solid #f29a76;
padding:0.5em 2em;
margin:1em 0px;
font-size:150%;
font-weight:500;
color: #f29a76;
box-shadow: 5px 5px 0px #f29a76;
display: inline-block;
letter-spacing: 1em;

}

h2.science{
	font-size:initial; box-shadow:initial; background:initial;
border:1px solid #ee869a;
padding:0.5em 2em;
margin:1em 0px;
	font-size:150%;
font-weight:500;
color: #ee869a;
box-shadow: 5px 5px 0px #ee869a;
display: inline-block;
letter-spacing: 0.5em;
}

h2.plan{
font-size:initial; box-shadow:initial; background:initial;
border:1px solid #64c0ab;
padding:0.5em 2em;
margin:1em 0px;
font-size:150%;
font-weight:500;
color: #64c0ab;
box-shadow: 5px 5px 0px #64c0ab;
display: inline-block;
letter-spacing: 0.5em;
}



h3.food_stripe{
	font-weight:initial;color:initial;font-size:initial;border-bottom: initial;padding:initial;margin-bottom:initial;position:initial;margin:initial;
	display: inline-block;
	font-size:180%;
	letter-spacing: 0.2em;
	font-weight:400;
	text-align:center;
	padding:0.7em 3em;
	margin:1.5em auto 1.0em;
	white-space: pre-wrap;
	word-break: keep-all;
	background: repeating-linear-gradient(
    -45deg,
    #fff,
    #fff 3px,
    #c1db81 3px,
    #c1db81 6px 
  );
}

h3.food_stripe::after{	content:initial;background-color:initial;width:initial;height:initial;position:initial;bottom:initial;left:initial;z-index:initial;}/*reset*/

@media screen and (max-width: 519px) {
	.scroll table{width:100%;}
	.scroll{overflow: auto;	white-space: nowrap;}
	.scroll table th,td{white-space: nowrap;}
	.scroll::-webkit-scrollbar{	height: 5px;}
	.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
	.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
}

h4{	border-left:initial;border-bottom: initial;	margin:initial;}/*reset*/

.h4_inner{text-align: center;}

h4{
	display: inline-block;
	font-size:150%;
	letter-spacing:0.3em;
	font-weight:300;
	text-align:center;
	padding:0.7em 3em;
	margin:1.5em auto;
	background:#e58011;
	color:#fff;
}


.h5_inner{text-align: center;margin:0em auto; }
h5.cook{color: #f29a76; font-weight: 500; display: inline-block; text-align: center; letter-spacing: 0.1em; font-size: 140%; white-space: pre-wrap; word-break: keep-all;}
h5.cook::after{content: initial;display: initial;height: initial;background: initial;}
h5.science{ color: #ee869a; font-weight: 500; display: inline-block; text-align: center; letter-spacing: 0.1em; font-size: 140%; white-space: pre-wrap; word-break: keep-all;}
h5.science::after{content: initial;	display: initial;height: initial;background: initial;}
h5.plan{ color: #64c0ab; font-weight: 500; display: inline-block; text-align: center; letter-spacing: 0.1em; font-size: 140%; white-space: pre-wrap; word-break: keep-all;}
h5.plan::after{content: initial;	display: initial;height: initial;background: initial;}

h5.intern{
	position: initial;
	padding: initial;
	font-weight:initial; color:initial; margin:initial; font-size:initial;line-height:initial;
	color: #6fb92c; font-weight: 500; display: inline-block; text-align: center; letter-spacing: 0.1em; font-size: 140%; white-space: pre-wrap; word-break: keep-all;
}
h5.intern:after {
	content: initial;
	display: initial;
	height: initial;
	background: initial;
}


@media screen and (max-width: 1078px) {
	h1.gakka{ font-size:180%;}
	.h1_inner_kanri{text-align: center; padding: 0.5em 1em; background:#f08300;}
	h2.chouri { padding: 0.5em 1em; letter-spacing:0.1em; font-size: 140%;}
	h3.food_stripe{
	font-size:140%;
	letter-spacing: 0.1em;
	padding:0.5em 3em;
	margin:1.5em auto 2.0em;
	line-height:1.8em;
	}
	h4{
	font-size:120%;
	letter-spacing:0.1em;
	}
}


@media screen and (max-width: 519px) {
	h1.gakka{ font-size:150%;}
	.h1_inner_food{text-align: center; padding: 0.5em 1em; background:#6fba2c;}
	h2.chouri { padding: 0.5em 1em; letter-spacing:0.1em; font-size: 130%;}
	h3.food_stripe{

		font-size:110%;
		letter-spacing: 0.1em;
		padding:0.7em 1em;
		margin:1.5em auto;
		line-height:1.5em;
		width:100%;
	}
	h4{
		font-size:120%;
		letter-spacing:0.1em;
		width:90%;
		margin:1em auto;
	}
	h5{ font-size: 120%; }
	h5.cook{ font-size: 120%; }
	h5.science{ font-size: 120%; }
	h5.plan{ font-size: 120%;}
	h2{	letter-spacing: 0em; display:block;}
	h2.chouri { letter-spacing: 0em; display:block;}
	h2.science{	letter-spacing: 0em; display:block;}
	h2.plan{letter-spacing: 0em; display:block;}
}

/* image Over */
p.zoom{overflow:hidden;}
p.zoom img{transition:0.5s all;}
p.zoom img:hover{transform:scale(1.1,1.1);transition:0.5s all;opacity: 0.7;}

/* Photo */
.photo_wrapper{ margin: 2em 0; justify-content: center; flex-wrap:wrap; align-items: center; gap:30px;align-items: baseline;}
.photo_wrapper p.img{width:320px; border-radius: 4px;}
.photo_wrapper p.img2{width:240px; border-radius: 4px;}

/*table*/

table{border-collapse: collapse; border-spacing: 0; table-layout: fixed;}


.sub{background: rgb(223,238,250);
background: linear-gradient(90deg, rgba(223,238,250,1) 0%, rgba(220,200,225,1) 100%);}



/*Paage Menu*/
.mokuji{justify-content: center; gap:20px; flex-wrap:wrap; margin: 2em auto; width:60%;}
.mokuji li a{padding:1em 1.0em; display: block; background: #6fba2c; color: #fff; text-decoration: none; font-size:90%; width:20em; border-radius: 8px; height:4em;}
.mokuji li a::before{font-family: "Font Awesome 6 Free"; font: var(--fa-font-solid); content: "\f0da"; color:#fff; font-size:120%; letter-spacing:0.5em; font-weight:900;}
.mokuji li a:hover{background: #9ddf61;}

@media screen and (max-width: 519px) {
	.mokuji{ gap:10px; flex-direction: column; align-items: center;width:90%;} 
}


.point{margin: 1em auto; color: #fff; justify-content: center; gap:30px;}
.parts_inner{ width:22%;}
.point_parts{background: #52b5b1; padding: 1.5em; border-radius: 12px;box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.35); max-height:12em;}
.point_num{ font-weight:300; font-size:100%;}
.point_txt{font-size:130%; font-weight:500; line-height: 1.6em; margin:0.5em 0;}
.point_txt2{color:#333; font-size: 90%; margin:0.8em 0; text-align: justify; letter-spacing: 0;}

.margin1{margin-top:40px;}
.margin2{margin-top:20px;}

@media screen and (max-width: 1078px) {
	.point_txt{font-size:110%; font-weight:500; line-height: 1.4em; margin:0.5em 0;}
}

@media screen and (max-width: 519px) {
	.point{margin: 1em auto; color: #fff; flex-direction: column; align-items: center;gap:20x;}
	.parts_inner{ width:55%;}
}

.manabi{ width:60%; margin: 0 auto 2em;}
.pizza{ width:80%; margin: 4em auto 2em;}

@media screen and (max-width: 519px) {
	.manabi{ width:90%; margin: 0 auto 2em;}
	.pizza{ width:100%; margin: 2em auto 2em;}
}

p.recommended{width:30%; margin:2em auto 0em;}
p.recommended_txt{width:70%; margin:1em auto; text-align:center;}

@media screen and (max-width: 1078px) {
.recommended_txt{text-align:left; }
}

@media screen and (max-width: 519px) {
p.recommended{width:80%; margin:3em auto 2em;}
p.recommended_txt{width:90%; margin:1em auto; text-align:left; font-size:90%;}
}

.video_inner{text-align:center;}
.video_css{width: 100%; max-width: 360px; border:1px solid #ccc;}

.interview{justify-content: center; gap:0;}
.interview_txt{text-align: center; margin:0 auto 2em; white-space: pre-wrap; word-break: keep-all;}
.interview p.img{width:150px; text-align: center;}
.interview p.img cap{margin-bottom:0.5em;}
.interview p.img span{font-size:90%;}
.interview_arrow { width:65%; margin: 1em auto 0;}
p.interview_arrow_sp{ display:none;}
.interview_btn_wrapper{width:50%; margin:1em auto; flex-wrap:wrap; align-items: center; justify-content: center; gap:20px;}
.interview_btn{width:120px;}
.interview_btn a:hover{transform:scale(1.1,1.1);transition:0.5s all;opacity: 0.7;}

@media screen and (max-width: 1078px) {
	.interview_arrow { width:80%;}
}

@media screen and (max-width: 519px) {
.interview{justify-content: center; gap:10px; flex-wrap: wrap;}
.interview p.img{width:28%; text-align: center;font-size:80%; line-height:1.3em;}
.interview p.img cap{margin-bottom:0.5em;}
.interview_arrow { display: none;}
.interview_btn_wrapper{width:100%; gap:10px; }
.interview_btn{width:22%;}
.video_css{width: 100%; max-width:400px; border:1px solid #ccc;}
p.interview_arrow_sp{ display:block; margin:1em auto; width:50%;}
}

/*--------------------------------*/

/*.license_box{
	border: 2px solid #bad27f;
	border-radius: 5px;
	position: relative;
	width:67%; margin: 2em auto;
}
.license_box2{
	border: 2px solid #bad27f;
	border-radius: 5px;
	position: relative;
	width:45%; margin: 2em auto 1em;
}
.license_box_ttl{
text-align: center;
position: absolute;
right: 0;
left: 0;
top: -1em;
}
.license_box span{
	padding: 0 0.5em;
	background: #FFF;
	color: #333;
	justify-content: center; gap:10px;
}
.license_box2 span{
	padding: 0 0.5em;
	background: #FFF;
	color: #333;
	justify-content: center; gap:10px;
}

.license_box .inner{
	padding: 1.2em .5em .5em;
	justify-content: center; gap:50px; align-items: center;
}

.license_box2 .inner{
	padding: 1.2em .5em .5em;
	justify-content: center; gap:10px; flex-direction: column; align-items: center;
}

.license_box .inner p.license{ width:40%;}
.license_box2 .inner p.license{ width:80%;}
.license_box3{ width:80%; margin:0 auto;justify-content: center; gap:10px; align-items: center;}

@media screen and (max-width: 1078px) {
.license_box{width:57%; margin: 2em auto;}
.license_box .inner{justify-content: center; flex-direction: column; gap:10px; align-items: center;}
.license_box .inner p.license{ width:75%;}

.license_box3{ width:80%; flex-direction: column; margin:0em auto;}
.license_box2{ flex-direction: column;}
.license_box2 .inner p.license{ width:75%;}
.license_box2{width:75%; margin: 2em auto;}
.license_box2 span{ }
}

@media screen and (max-width: 519px) {
	.license_box{width:95%;}
	.license_box .inner p{ width:80%;}
	.license_box .inner{flex-direction: column;}
	.license_box2{width:100%;margin: 1em auto;}
	.license_box2 .inner p{ width:80%;}
	.license_box3{width:95%; flex-direction: column; margin:2em auto;}
	.license_box_ttl{font-size:90%;}
}*/

.trabel_old{justify-content: flex-end;}
@media screen and (max-width: 519px) {
	.trabel_old{justify-content: center;}
}

.labo_wrapper{display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap;}
.labo_parts{width:30%;}

@media screen and (max-width: 519px) {
	.labo_wrapper{display:flex; flex-direction: column; align-items: center; gap:20px;}
	.labo_parts{width:80%;}
}

.professor_btn{width:40%; margin:2em auto;}

@media screen and (max-width: 1078px) {
	.professor_btn{width:50%;}
}


@media screen and (max-width: 519px) {
	.professor_btn{width:75%;}
}

h6 {
    position: relative;
    padding: 0.5em 0.5em 0.5em 0.5em ;
	margin: 1em 0;
    border-bottom: 2px solid #307c03;
    font-size: 110%;
	font-weight:400;
	color: #307c03;
}

h6:before,
h6:after {
    position: absolute;
    top: 100%;
    left: 30px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}

h6:before {
    margin-left: -12px;
    border-color: transparent;
    border-top-color: #307c03;
    border-width: 12px;
}

h6:after {
    margin-left: -8px;
    border-color: transparent;
    border-top-color: white;
    border-width: 8px;
}

.description{
	cursor: pointer;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#showtext{display:none;}
#showtext:checked ~  .description{
	display:block;
}

#showtext2{display:none;}
#showtext2:checked ~  .description{
	display:block;
}

#showtext3{display:none;}
#showtext3:checked ~  .description{
	display:block;
}

#showtext4{display:none;}
#showtext4:checked ~  .description{
	display:block;
}

#showtext5{display:none;}
#showtext5:checked ~  .description{
	display:block;
}

#showtext6{display:none;}
#showtext6:checked ~  .description{
	display:block;
}

#showtext7{display:none;}
#showtext7:checked ~  .description{
	display:block;
}

#showtext8{display:none;}
#showtext8:checked ~  .description{
	display:block;
}

#showtext9{display:none;}
#showtext9:checked ~  .description{
	display:block;
}

#showtext10{display:none;}
#showtext10:checked ~  .description{
	display:block;
}

#showtext11{display:none;}
#showtext11:checked ~  .description{
	display:block;
}

#showtext12{display:none;}
#showtext12:checked ~  .description{
	display:block;
}

#showtext13{display:none;}
#showtext13:checked ~  .description{
	display:block;
}

h6.intern {
    position: relative;
    padding: 0.5em 0.5em 0.5em 0.5em ;
	margin: 1em 0;
    border-bottom: 2px solid #6fba2c;
    font-size: 120%;
	font-weight:400;
	color: #6fba2c;
}

h6.intern:before,
h6.intern:after {
    position: absolute;
    top: 100%;
    left: 30px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}

h6.intern:before {
    margin-left: -12px;
    border-color: transparent;
    border-top-color: #6fba2c;
    border-width: 12px;
}

h6.intern:after {
    margin-left: -8px;
    border-color: transparent;
    border-top-color: #fff;
    border-width: 8px;
}


.intern_parts{
	background-color:#fff;
	padding:1.5em;
	position:relative;
	border: 2px solid #6fba2c;
	width: 100%;
	border-radius: 12px;
	margin:2em 0;
}
.intern_parts .box-title {
	background-color:#fff;
	font-size: 1.2em;
	font-weight:500;
	color: #6fba2c;
	padding: 0 5px;
	line-height: 1;
	position:absolute;
	top: -0.7em;
	left: 20px;
}

.intern_wrapper{ justify-content: center; gap:20px;}
.intern_part_wrapper{width:35%;}
.intern_img{width:40%;}
.intern_sub{color:#6fba2c; font-size: 100%;}
.intern_txt{font-size:95%; letter-spacing: 0; width:60%;}
.spacer{margin:10px;}

.watch_movie_btn a{font-size:80%; text-decoration: none; color:#fff; background:#6fba2c; border-radius:20px; padding:0.3em 1em;}

@media screen and (max-width: 519px) {
	.intern_wrapper{ flex-direction: column; gap:20px; align-items: center;}
	.intern_part_wrapper{width:80%;}
	.intern_img{width:50%;}
	.intern_txt{font-size:95%; letter-spacing: 0; width:100%;}
	.spacer{display:none;}
}

.emp_graph{width:80%; margin:1em auto 0.5em;}
ul.emp_btn{display:flex; justify-content: flex-end;margin-right:10%;}
ul.emp_btn li a::after{font-family: "Font Awesome 6 Free"; font: var(--fa-font-solid); content: "\f138"; color:#6fba2c; font-size:120%; letter-spacing:0.5em; font-weight:900;}
ul.emp_btn li a{color: #333; text-decoration: none; line-height:1.8em; }

.field{
	background-color:#fff;
	padding:1.5em;
	position:relative;
	border: 2px solid #6fba2c;
	width: 90%;
	border-radius: 12px;
	margin:3em auto;
	display: flex;
	justify-content: flex-start;
	gap:50px;
}
.field .box-title {
	background-color:#fff;
	font-size: 1.4em;
	font-weight:500;
	color: #6fba2c;
	padding: 0 1em;
	line-height: 1;
	position:absolute;
	top: -0.7em;
	left: 2em;
}

.field .box-title span{font-size:80%; font-weight: 300; letter-spacing: 0;}
.field_ttl span{font-size:80%; font-weight: 300; letter-spacing: 0;}

.field_parts{width:30%;}
.field_ttl{color:#6fba2c;font-size: 120%;}
.field_ttl_sub{color:#6fba2c; font-size: 90%;}
.field_img{margin:0.5em 0 0.5em;}
.field_txt{text-align: justify; word-break: break-all;}

.field_parts2{width:60%;}
.field_ttl2{color:#6fba2c;font-size: 120%;}
.field_ttl_sub{color:#6fba2c; font-size: 90%;}
.field_parts2_wrapper{display: flex; gap:20px;}
.field_img2{margin:0;}
.field_txt{text-align: justify; word-break: break-all;}



@media screen and (max-width: 959px) {
	.emp_graph{width:100%;}
	ul.emp_btn{display:flex; justify-content: center;margin:0 auto;}
	.field{width:90%; flex-direction: column; align-items: center; gap:30px;}
	.field .box-title {font-size: 1.2em;padding: 0 0.5em;left: 1em;}
	.field_parts{width:90%;}
	.field_ttl{font-size: 110%;}
	.field_ttl_sub{font-size: 80%;}
	.field_txt{font-size:90%;}
	.field_parts2{width:90%;}
	.field_ttl2{font-size: 110%;}
	.field_parts2_wrapper{display: flex; flex-direction: column; gap:10px;}
	.field .box-title span{display:none;}
	.field_ttl span{display:none;}
}