@charset "utf-8";

/* reset common
-------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
table {
	font-size:100%;
	line-height:1.5;
	border-collapse:collapse;
	border-spacing:0;
}
th {
	font-weight:normal;
	text-align:left;
}
img {
	border:0;
	vertical-align:bottom;
}
area{
  border:none;
  outline:none;
}
ul li {
	list-style:none;
}
ol {
	padding-left:18px;
	padding-left:24px;
}
input, textarea {
	vertical-align:middle;
}
address, em {
	font-style:normal;
}

/* common
-------------------------------------------------------------------*/
.display_pc {
	display:block;
}
.display_pc.in {
	display:inline;
}
.display_sp,
.display_sp.in {
	display:none;
}
@media screen and (max-width:768px) {
	.display_pc,
	.display_pc.in {
		display:none;
	}
	.display_sp {
		display:block;
	}
	.display_sp.in {
		display:inline;
	}
	#main .txt_indent {
		padding-left:1em;
		text-indent:-1em;
	}
}
#food_education #main_body,
#food_education #main_body table{
	box-sizing: border-box;
	font-size: 90%;
	width: 100%;
}
#food_education #main_body .sitewrap{
	width: 1200px;
	margin:0 auto;
}
#food_education  img{
	max-width: 100%;
	height: auto;
}
#food_education #main_a {
    padding-left: 0;
    padding-right: 0;
}
#food_education h2{
	margin:0;
	padding:0;
	background: none;
	border-left:none;
	border: none;
}
#food_education h3{
	border-top:none;
	border-bottom:none;
	background:none;
	margin:0;
	padding:0;
	font-size: unset;
	clear: unset;
}
#food_education #main_body h4 {
	border-top:none;
	border-bottom:none;
	background:none;
	margin:0;
	padding:0;
}
#food_education #main_body h4:before{
	display: none;
}
#food_education #main_body h5 {
	border-top:none;
	border-bottom:none;
	background:none;
	margin:0;
	padding:0;
}
#food_education #main_body h5:before{
	display: none;
}
#food_education #main_body h6 {
	border-top:none;
	border-bottom:none;
	background:none;
	margin:0;
	padding:0;
}
#food_education p{
	border-top:none;
	border-bottom:none;
	background:none;
	margin:0;
	padding:0;
}
#food_education hr.cf {
  display: none;
}
#food_education .circle-num{
	font-size: 76%;
	border: 1px solid;
	border-radius: 50%;
	display: inline-block;
	margin: 0 0.25em 0.2em 0;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}
@media screen and (max-width: 1240px){
	#food_education #main_body .sitewrap{
		max-width: 1240px;
		width: auto;
		margin:0 auto;
		margin-inline: 20px;
	}
}
@media screen and (max-width: 768px){
	#food_education #main_body .sitewrap{
		margin-inline: 0;
		width:100%;
		padding:0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
}
#food_education .link_btn a,
#food_education .link_btn button{
	display:flex;
	width: fit-content;
	min-width: 222px;
	border: solid 2px #007f34;
	color: #282828;
	background: #ffffff;
	font-size: 153%;
	font-weight: 600;
	padding: 0.45em 1em;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index: 0;
	text-decoration:none;
	border-radius: 3em;
	transition: background 0.3s , color 0.3s;
	margin-inline: auto;
}
#food_education .link_btn a::before,
#food_education .link_btn a::after,
#food_education .link_btn button::before,
#food_education .link_btn button::after{
	content: "";
	position: absolute;
	margin: auto;
	transition: background 0.3s , border-color 0.3s;
}
#food_education .link_btn a::before,
#food_education .link_btn button::before{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #007f34;
	inset: 0 4% 0 auto;
}
#food_education .link_btn a::after,
#food_education .link_btn button::after {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #fff;
  inset: 0 6.5% 0 auto;
}

#food_education .link_btn.orange a,
#food_education .link_btn.orange button {
  color: #fff;
  background: #ed6d0f;
  border: solid 2px #ed6d0f;
}

#food_education .link_btn.orange a::before,
#food_education .link_btn.orange button::before {
  background: #ffffff;
}

#food_education .link_btn.orange a::after,
#food_education .link_btn.orange button::after {
  border-color: transparent transparent transparent #ed6d0f;
}

#food_education .link_btn.under a::after,
#food_education .link_btn.under button::after {
  inset: 0 6.75% 0 auto;
  border-width: 12px 7px 0 7px;
  border-color: #007f34 transparent transparent transparent;
}

#food_education .link_btn.under.orange a::after,
#food_education .link_btn.under.orange button::after {
  border-width: 12px 7px 0 7px;
  border-color: #ed6d0f transparent transparent transparent;
}

@media (any-hover: hover) {
  #food_education .link_btn a:hover,
  #food_education .link_btn button:hover {
    background: #007f34;
    color: #fff;
  }

  #food_education .link_btn a:hover::before,
  #food_education .link_btn button:hover::before {
    background: #ffffff;
  }

  #food_education .link_btn a:hover::after,
  #food_education .link_btn button:hover::after {
    border-color: transparent transparent transparent #007f34;
  }

  #food_education .link_btn.orange a:hover,
  #food_education .link_btn.orange button:hover {
    color: #ed6d0f;
    background: #ffffff;
  }

  #food_education .link_btn.orange a:hover::before,
  #food_education .link_btn.orange button:hover::before {
    background: #ed6d0f;
  }

  #food_education .link_btn.orange a:hover::after,
  #food_education .link_btn.orange button:hover::after {
    border-color: transparent transparent transparent #ffffff;
  }

  #food_education .link_btn.under a:hover::after,
  #food_education .link_btn.under button:hover::after {
    border-color: #ffffff transparent transparent transparent;
  }

  #food_education .link_btn.under.orange a:hover::after,
  #food_education .link_btn.under.orange button:hover::after {
    border-color: #ffffff transparent transparent transparent;
  }
}

@media screen and (max-width:768px) {
  #food_education .link_btn a,
  #food_education .link_btn button {
    min-width: 160px;
    font-size: 130%;
    padding: 0.45em 2em;
  }

  #food_education .link_btn a::before,
  #food_education .link_btn button::before {
    width: 24px;
    height: 24px;
    inset: 0 3% 0 auto;
  }

  #food_education .link_btn a::after,
  #food_education .link_btn button::after {
    border-width: 7px 0 7px 12px;
    inset: 0 5% 0 auto;
  }

  #food_education .link_btn.under a::after,
  #food_education .link_btn.under button::after {
    inset: 0 5.5% 0 auto;
  }
}

#food_education .search_btn{
	position: fixed;
	margin: auto;
	z-index: 100;
	inset: auto 0.5em 5em auto;
}
#food_education .search_btn a{
	display: block;
	transition: transform 0.3s;
}
@media (any-hover: hover){
	#food_education .search_btn a:hover{
		transform: translateY(5px);
	}
}
#food_education .search_btn .batu{
	position: absolute;
	z-index: 0;
	margin: auto;
	width: fit-content;
	height: fit-content;
	inset: 0;
}
#food_education .search_btn .batu {
	width: 34px;
	height: 34px;
	position: absolute;
	inset: 0 0 auto auto;
	cursor: pointer;
	filter: drop-shadow(0px 0px 2px rgb(255 255 255));
}

#food_education .search_btn .batu span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	background-color: #4c9d35;
	transform-origin: center;
}
#food_education .search_btn .batu span:nth-of-type(1) {
	transform: translate(-50%, -50%) rotate(45deg);
}
#food_education .search_btn .batu span:nth-of-type(2) {
	transform: translate(-50%, -50%) rotate(-45deg);
}
#food_education .search_btn.airfy_box.close{
	opacity:0;visibility:hidden;
}
@media screen and (max-width:767px){
	#food_education .search_btn{
		inset: auto 1% 10em auto;
		max-width: 110px;
	}
	#food_education .search_btn .batu{
		width: 22px;
		height: 22px;
	}
	#food_education .search_btn.airfy_box.close{
		opacity:0;visibility:hidden;
	}
}

#food_education .page_nav ul{
	text-align:center;
	margin-bottom: 3em;
}
#food_education .page_nav li{
	display:inline-block;
	margin: 0 0.75em;
	text-align:center;
	vertical-align:middle;
}
#food_education .page_nav li a{
	color: #282828;
	font-size:139%;
	font-weight:bold;
	text-decoration:none;
}
#food_education .page_nav li.active a{
	color:#007f34;
}
#food_education .page_nav li a:hover{
	opacity: 0.75;
}
#food_education .page_nav li.prev_btn a,
#food_education .page_nav li.next_btn a{
	display:block;
	color:#fff;
	background-color:#007f34;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	position: relative;
}
#food_education .page_nav li.prev_btn a::before{
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: 0;
	content:"";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 10px 7px 0;
	border-color: transparent #fff transparent transparent;
}
#food_education .page_nav li.next_btn a::after{
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: 0;
	content:"";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #fff;
}
#food_education .page_nav li.dots{
	margin: 0;
	font-size: 150%;
	vertical-align: baseline;
}
@media screen and (max-width:768px){
	#food_education .page_nav li.prev_btn a,
	#food_education .page_nav li.next_btn a{
		width: 36px;
		height: 36px;
	}
}

/* PDF・WMPリンク */

.pdf_download,
.wmplayer_download {
	margin: 2em auto 2em;
	display: flex;
	justify-content: center;
	gap: 0.5em 2%;
	max-width: 800px;
	font-weight: 500;
	padding: 2em 1em;
}
div[class^="detail_"] a[href$=".pdf"]::before, div[class^="detail_"] a[href$=".PDF"]::before, div[class^="file_"] a[href$=".pdf"]::before, div[class^="file_"] a[href$=".PDF"]::before{
	display: none !important;
}
@media screen and (max-width:768px){
	.pdf_download,
	.wmplayer_download {
		flex-direction: column;
		padding: 1em 1em;
		margin: 0 auto 2em;
	}
} 


/* TOP
-------------------------------------------------------------------*/
#food_education.top_page .mv_wrap{
	position:relative;
	z-index: 0;
	width:100%;
	background: url(../img/top/bg_mv.png) no-repeat center center;
	background-size: cover;
	padding-block: 2em;
	overflow: hidden;
	clip-path: ellipse(120% 100% at 50% 0%);
}
#food_education.top_page .mv_wrap .mv_ttl{
	text-align: center;
	position:relative;
	z-index: 10;
	width: fit-content;
	margin: auto;
	background-color: transparent !important;
}
#food_education.top_page .mv_wrap .mv_item{
	position: absolute;
	z-index: 1;
	margin: auto;
	background-color: transparent !important;
}
#food_education.top_page .mv_wrap .mv_item *{
	background-color: transparent !important;
}
#food_education.top_page .mv_wrap .mv_item.item01{
	inset: -2% auto auto calc(50% - 680px);
}
#food_education.top_page .mv_wrap .mv_item.item02{
	inset: 2% auto auto calc(50% + 400px);
}
#food_education.top_page .mv_wrap .mv_item.item03{
	inset: 50% auto auto calc(50% - 830px);
}
#food_education.top_page .mv_wrap .mv_item.item04{
	inset: 52% auto auto calc(50% + 300px);
}
@media screen and (max-width: 1680px){
	#food_education.top_page .mv_wrap{
		padding-block: 3em;
	}
	#food_education.top_page .mv_wrap .mv_ttl{
		width: 40%;
		margin: auto;
	}
	#food_education.top_page .mv_wrap .mv_item.item01{	
		inset: -2% auto auto 3%;	
		width: 24%;
	}
	#food_education.top_page .mv_wrap .mv_item.item02{
		inset: 0% 1% auto auto;
		width: 27%;
	}
	#food_education.top_page .mv_wrap .mv_item.item03{
		inset: auto auto 3% 1%;
		width: 27%;
	}
	#food_education.top_page .mv_wrap .mv_item.item04{
		inset: auto 4% 2% auto;
		width: 25%;
	}
}
@media screen and (max-width: 768px){
	#food_education.top_page .mv_wrap{
	background-size: cover;
		padding-block: 6em;
	}
	#food_education.top_page .mv_wrap .mv_ttl{
		width: 74%;
		margin: auto;
	}
	#food_education.top_page .mv_wrap .mv_item.item01{	
		inset: -2% auto auto 3%;	
		width: 46%;
	}
	#food_education.top_page .mv_wrap .mv_item.item02{
		inset: 2% -3% auto auto;
		width: 44%;
	}
	#food_education.top_page .mv_wrap .mv_item.item03{
		inset: auto auto 3% -6%;
		width: 48%;
	}
	#food_education.top_page .mv_wrap .mv_item.item04{
		inset: auto -6% 0% auto;
		width: 40%;
	}
}



#food_education.top_page .img_mascot{
	position: absolute;
	z-index: 1;
	margin: auto;
}
#food_education.top_page p{
	font-size: 125%;
	margin: 0;
	line-height: 1.8;
}
#food_education.top_page .lead_txt{
	padding-block: 7em;
	position: relative;
	z-index: 0;
	text-align: center;
	font-weight: 500;
}
#food_education.top_page .lead_txt p{
	max-width: 960px;
	margin-inline: auto;
}
#food_education.top_page .lead_txt .img_mascot{
	inset: 50% calc(50% - 620px) auto auto;
}
#food_education.top_page .lead_txt .img_mascot p{
	padding-top: 0.25em;
	font-size: 80%;
	line-height: 1.4;
	font-weight: 600;
}
@media screen and (max-width: 1300px){
	#food_education.top_page .lead_txt{
		padding-block: 7em 0;
	}
	#food_education.top_page .lead_txt .img_mascot{
		inset: unset;
		position: relative;
		margin-inline: auto 0;
		width: 30%;
	}
}
@media screen and (max-width:767px) {
	#food_education.top_page .lead_txt{
		padding-block: 3em 0;
		text-align: left;
	}
	#food_education.top_page .lead_txt .img_mascot{
		width: 48%;
		display: block;
		text-align: center;
	}
	#food_education.top_page .lead_txt .img_mascot img{
		width: 100px;
		margin-inline: auto;
		display: inline-block;
	}
}
#food_education.top_page .about_wrap{
	background: #f7f4e8;
	padding-block: 4em 5em;
	position:relative;
	z-index: 0;
}
#food_education.top_page .about_wrap::before{
	position:absolute;
	z-index: -1;
	margin: auto;
	display: block;
	content: "";
	inset: 1% auto auto 0;
	max-width: 604px;
	width: 40%;
	min-width: 500px;
	height: 100%;
	background: url(../img/top/bg_about01.png) no-repeat center center;
	background-size: contain;
} 
#food_education.top_page .about_wrap::after{
	position:absolute;
	z-index: -1;
	margin: auto;
	display: block;
	content: "";
	inset: 2% 0 auto auto;
	width: 45%;
	max-width: 714px;
	min-width: 550px;
	height: 100%;
	background: url(../img/top/bg_about02.png) no-repeat center center;
	background-size: contain;
} 
#food_education.top_page .about_wrap .about_inner{
	background: #fff;
	border-radius: 50%;
	aspect-ratio: 1/1;
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 900px;
	margin: auto;
	text-align: center;
}
#food_education.top_page #main_body .about_wrap .about_ttl{
	font-size: 278%;
	font-weight: 600;
	margin-bottom: 0.75em;
}
#food_education.top_page #main_body .about_wrap .about_ttl span{
	color: #007f34;
}
#food_education.top_page .about_wrap .about_text{
	margin-bottom: 3em;
	font-weight: 500;
}
#food_education.top_page .about_wrap .sticker_img{
	margin-bottom: 1em;
}
#food_education.top_page .about_wrap .sticker_text{
	margin-bottom: 2em;
}
#food_education.top_page .about_wrap .sticker_text span{
	position: relative;
	z-index: 0;
	display: inline-block;
	padding-left: 2.5em;
}
#food_education.top_page .about_wrap .sticker_text span::before,
#food_education.top_page .about_wrap .sticker_text span::after{
	content: "";
	position: absolute;
	margin: auto;
	transition: background 0.3s , border-color 0.3s;
}
#food_education.top_page .about_wrap .sticker_text span::before{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #845c4b;
	inset: 0 auto 0 0;
}
#food_education.top_page .about_wrap .sticker_text span::after {
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 12px 7px;
	border-color: transparent transparent #845c4b transparent;
	inset: 0 auto 0 0.55em;
}
#food_education.top_page .about_wrap .img_mascot{
	inset: auto auto 8% -3%;
}
@media screen and (max-width:768px){
	#food_education.top_page .about_wrap{
		padding-block: 3em 6em;
	}
	#food_education.top_page .about_wrap::before,
	#food_education.top_page .about_wrap::after{
		display: none;
	} 
	#food_education.top_page .about_wrap .about_inner{
		border-radius: 2em;
		aspect-ratio: unset;
		padding: 2.5em 1.5em;
	}
	#food_education.top_page #main_body .about_wrap .about_ttl{
		font-size: 220%;
		margin-bottom: 0.5em;
	}
	#food_education.top_page .about_wrap .about_text{
		margin-bottom: 1em;
		text-align: left;
	}
	#food_education.top_page .about_wrap .sticker_img{
		width: 70%;
		margin: 0 auto 0.5em;
	}
	#food_education.top_page .about_wrap .sticker_text{
		margin-bottom: 2em;
	}
	#food_education.top_page .about_wrap .sticker_text span{
		padding-left: 1.75em;
	}
	#food_education.top_page .about_wrap .sticker_text span::before{
		width: 20px;
		height: 20px;
	}
	#food_education.top_page .about_wrap .sticker_text span::after {
		border-width: 0 6px 10px 6px;
		inset: 0 auto 0 0.35em;
	}
	#food_education.top_page .about_wrap .img_mascot{
		inset: auto auto -4em -0.5em;
		width: 80px;
	}
} 
#food_education.top_page .other_wrap{
	background: linear-gradient(  to bottom,  #f6f3e7 0%,  #f7f4e8 30%,  #67af34 30%,  #67af34 100%);
	padding-bottom: 5em;
}
#food_education.top_page .other_wrap .col_area{
	display: flex;
	gap: 1em 6%;
	margin-bottom: 4em;
}
#food_education.top_page .other_wrap .col_area .col_item{
	width: 47%;
	text-align: center;
}
#food_education.top_page #main_body .other_wrap .col_area .col_item .col_ttl{
	font-size: 188%;
	font-weight: 600;
	color: #007f34;
	margin-bottom: 0.5em;
}
#food_education.top_page .other_wrap .col_area .col_item .col_text{
	margin-bottom: -1em;
	min-height: 2lh;
	position: relative;
	z-index: 1;
}
#food_education.top_page .other_wrap .col_area .col_item .link_btn{
	margin-top: -2em;
	text-align: center;
}

#food_education.top_page .recruit_area{
	position: relative;
	z-index: 0;
}
#food_education.top_page .recruit_area .recruit_inner{
	background: #fff;  
	border-radius: 2em;
	border: 4px solid #007f34;
	display: flex;
	padding: 3em;
	gap: 1em 2%;
	justify-content: center;
}
#food_education.top_page .recruit_area .text_area{
	width: 60%;
	text-align: center;
}
#food_education.top_page .recruit_area .text_area .recruit_add{
	font-size: 170%;
	font-weight: 600;
	text-align: center;
}
#food_education.top_page .recruit_area .text_area .recruit_add{
	font-size: 170%;
	font-weight: 600;
	width: fit-content;
	margin: 0 auto;
	color: #e41515;
	margin-top: 1em;
}
#food_education.top_page .recruit_area .text_area .recruit_add span{
	position: relative;
	z-index: 0;
	display: block;
	padding-inline: 2.25em;
}
#food_education.top_page .recruit_area .text_area .recruit_add span::before,
#food_education.top_page .recruit_area .text_area .recruit_add span::after{
    display: block;
    position: absolute;
    z-index: 1;
    content: "";
    width: 29px;
    height: 25px;
    background-image:url(../img/top/img_about04.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin:auto;
    inset: 2px auto 0 20px;
}
#food_education.top_page .recruit_area .text_area .recruit_add span:after{
	inset: 2px 20px 0 auto;
	transform: scaleX(-1);
}
#food_education.top_page #main_body .recruit_area .text_area .recruit_ttl{
	font-size: 320%;
	font-weight: 600;
	margin-bottom: 0.75em;
	word-break: auto-phrase;
}
#food_education.top_page #main_body .recruit_area .text_area .recruit_ttl span{
	color: #007f34;
}
#food_education.top_page .recruit_area .text_area .recruit_text{
	margin-bottom: 2em;
}
#food_education.top_page .recruit_area .img_area{
	width: 30%;
}
#food_education.top_page .recruit_area .img_mascot{
	inset: -1% auto auto -4%;
}
@media screen and (max-width:1340px){
	#food_education.top_page .recruit_area .img_mascot{
		inset: -4% auto auto 0%;
	}
}
@media screen and (max-width: 768px){
	#food_education.top_page .other_wrap{
		background:#f6f3e7;
		padding-bottom: 0;
	}
	#food_education.top_page .other_wrap .col_area{
		gap: 4em;
		margin-bottom: 4em;
		flex-direction: column;
	}
	#food_education.top_page .other_wrap .col_area .col_item{
		width: 100%;
	}
	#food_education.top_page #main_body .other_wrap .col_area .col_item .col_ttl{
		font-size: 200%;
		margin-bottom: 0.25em;
	}
	#food_education.top_page .other_wrap .col_area .col_item .col_text{
		min-height: auto;
		margin-bottom: .5em;
	}
	#food_education.top_page .other_wrap .col_area .col_item .link_btn{
		margin-top: -2em;
		text-align: center;
	}
	#food_education.top_page .recruit_area{
		background: #67af34;
		margin-inline: -10px;
		padding: 3em 10px;
	}
	#food_education.top_page .recruit_area .recruit_inner{
		background: #fff;
		border-radius: 1.5em;
		border: 2px solid #007f34;
		padding: 0em 1.5em 3em;
		gap: 1em 2%;
		flex-direction: column;
	}
	#food_education.top_page .recruit_area .text_area{
		width: 100%;
		text-align: center;
	}
	#food_education.top_page .recruit_area .text_area .recruit_add{
		font-size: 150%;
		font-weight: 600;
		text-align: center;
	}
	#food_education.top_page .recruit_area .text_area .recruit_add{
		font-size: 170%;
	}
	#food_education.top_page .recruit_area .text_area .recruit_add span{
		padding-inline: 2.75em;
	}
	#food_education.top_page #main_body .recruit_area .text_area .recruit_ttl{
		font-size: 220%;
		margin-bottom: 0.75em;
		word-break: auto-phrase;
		line-height: 1.4;
	}
	#food_education.top_page .recruit_area .text_area .recruit_text{
		margin-bottom: 0;
	}
	#food_education.top_page .recruit_area .img_area{
		width: 40%;
		margin: 0 auto 1em;
	}
	#food_education.top_page .recruit_area .img_mascot{
		inset: -4% auto auto 1%;
		width: 100px;
	}
}
#food_education.top_page .detail_wrap{
	padding-block: 4em 1em;
}
#food_education.top_page #main_body .detail_wrap .detail_ttl{
	font-size: 278%;
	font-weight: 600;
	margin-bottom: 0.75em;
	text-align: center;
}
#food_education.top_page #main_body .detail_wrap .detail_ttl span{
	color: #007f34;
}
#food_education.top_page .detail_wrap .detail_text{
	margin-bottom: 2em;
	text-align: center;
}
#food_education.top_page .detail_wrap .sticker_area{
	text-align: center;
	margin-bottom: 4em;
}
#food_education.top_page .detail_wrap .sticker_area .sticker_img{
	margin-bottom: 1.5em;
}
#food_education.top_page .detail_wrap .sticker_area .sticker_text{
	font-weight: 500;
}
#food_education.top_page .detail_wrap .sticker_area .sticker_add{
	font-size: 112%;
}
#food_education.top_page .detail_wrap .subject_area{
	border: 4px solid #ed6d0f;
	border-radius: 1.5em;
	overflow: hidden;
	margin-bottom: 6em;
}
#food_education.top_page #main_body .detail_wrap .subject_area .subject_ttl{
	background: #ed6d0f;
	color: #fff;
	font-weight: 600;
	font-size: 188%;
	text-align: center;
	padding: 0.5em 1em 0.75em;
}
#food_education.top_page .detail_wrap .subject_area .text{
	font-size: 160%;
	padding: 1em;
	max-width: 1000px;
	margin: auto;
	line-height: 1.6;
}
#food_education.top_page .attempt_area{
	border: 4px solid #67af34;
	border-radius: 1.5em;
	padding: 4em 1.5em;
	margin-bottom: 5em;
	position: relative;
	z-index: 0;
}
#food_education.top_page .attempt_inner{
	max-width: 1000px;
	margin: auto;
}
#food_education.top_page #main_body .attempt_area .attempt_ttl{
	text-align: center;
	font-size: 278%;
	font-weight: 600;
	margin-bottom: 1em;
}
#food_education.top_page .attempt_area .class_item:not(:last-child){
	border-bottom: 4px dashed #f5d5bd;
	padding-bottom: 3em;
	margin-bottom: 4em;
}
#food_education.top_page #main_body .attempt_area .ttl_area{
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 1em;
	margin-bottom: 2em;
}
#food_education.top_page #main_body .attempt_area .class_item .class_ttl{
	font-size: 160%;
	font-weight: 600;
	color: #007f34;
}
#food_education.top_page #main_body .attempt_area .class_item .class_ttl em{
	font-size: 90%;
}
#food_education.top_page #main_body .attempt_area .class_item .class_ttl span{
	font-size: 70%;
	font-weight: 400;
}
#food_education.top_page .attempt_area .class_item .ttl_area img{
	display: inline-block;
	margin-top: -1.5em;
}
#food_education.top_page .attempt_area .class_item .img{
	text-align: center;
}
#food_education.top_page .attempt_area .class_item.class01 {
		background: transparent;
}
#food_education.top_page .attempt_area .class_item.class01 .img{
	margin-top: -6em;
	position: relative;
	z-index: 0;

}
#food_education.top_page .attempt_area .class_item.class01 *{
	background-color: transparent !important;
}
#food_education.top_page .attempt_area .class_item.class02 img{
	background-color: #ffffff !important;
}
#food_education.top_page .attempt_area .class_item .menu_list{
	display: flex;
	flex-wrap: wrap;
	gap: 4em 6%;
}
#food_education.top_page .attempt_area .class_item .menu_list li{
	width: calc( (88% - 6px) / 3);
	border: 1px solid #67af34;
	border-radius: 30px;
	position: relative;
	z-index: 0;
	text-align: center;
	background: #eefce4;
	line-height: 1.4;
}
#food_education.top_page .attempt_area .class_item .menu_list li .menu_num{
	font-size: 139%;
	font-weight: 600;
	color: #fff;
	background: #007f34;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 1;
	margin:  auto;
	inset: -1em 0 auto;
}
#food_education.top_page #main_body .attempt_area .class_item .menu_list li .menu_ttl{
	font-size: 125%;
	font-weight: 500;
	color: #007f34;
	padding: 1.5em 1.5em 1em;
	min-height: 3lh;
	background: #ffffff;
	border-radius: 30px 30px 0 0;
}
#food_education.top_page #main_body .attempt_area .class_item .menu_list li .menu_ttl span{
	display: inline-block;
	margin-inline: auto;
	text-align: left;
}
#food_education.top_page .attempt_area .class_item .menu_list li .menu_text{
	padding: 1em 1.35em;
	text-align: left;
	margin-bottom: 0;
	border-top: 1px solid #67af34;
	line-height: 1.4;
}
#food_education.top_page .attempt_area .class_item .menu_list li .menu_text em{
	font-size: 80%;
	display: block;
	font-weight: 600;
	margin-bottom: 0.25em;
}
#food_education.top_page .attempt_area .class_item .menu_list li .menu_text span{
	padding-right: 0.5em;
}
#food_education.top_page .attempt_area .class_item .class_att{
	margin-bottom: 0;
}
#food_education.top_page .attempt_area .class_item .att_list li{
	font-size:125%;
}
#food_education.top_page .attempt_area .img_mascot{
	inset: -1.5% -5% auto auto;
}
@media screen and (max-width: 1340px){
	#food_education.top_page .attempt_area .img_mascot{
		inset: -2.5% -1% auto auto;
		width: 140px;
	}
}
@media screen and (max-width: 768px){
	#food_education.top_page .detail_wrap{
		padding-block: 3em 1em;
	}
	#food_education.top_page #main_body .detail_wrap .detail_ttl{
		font-size: 220%;
	}
	#food_education.top_page .detail_wrap .detail_text{
		margin-bottom: 1em;
		text-align: left;
	}
	#food_education.top_page .detail_wrap .sticker_area{
		text-align: center;
		margin-bottom: 2em;
	}
	#food_education.top_page .detail_wrap .sticker_area .sticker_img{
		width: 60%;
		margin: 0 auto 1em;
	}
	#food_education.top_page .detail_wrap .subject_area{
		border: 2px solid #ed6d0f;
		border-radius: 1em;
		margin-bottom: 5em;
	}
	#food_education.top_page #main_body .detail_wrap .subject_area .subject_ttl{
		font-size: 160%;
		padding: 0.25em 1em 0.5em;
	}
	#food_education.top_page .detail_wrap .subject_area .text{
		font-size: 125%;
	}
	#food_education.top_page .attempt_area{
		border: 2px solid #67af34;
		border-radius: 1em;
		padding: 3em 1em;
		margin-bottom: 3em;
	}
	#food_education.top_page #main_body .attempt_area .attempt_ttl{
		font-size: 200%;
	}
	#food_education.top_page .attempt_area .class_item:not(:last-child){
		border-bottom: 3px dashed #f5d5bd;
		padding-bottom: 2em;
		margin-bottom: 3em;
	}
	#food_education.top_page #main_body .attempt_area .ttl_area{
		margin-bottom: 1em;
	}
	#food_education.top_page #main_body .attempt_area .class_item .class_ttl{
		font-size: 150%;
	}
	#food_education.top_page .attempt_area .class_item .ttl_area img{
		margin-top: 0em;
		max-width: 60px;
	}
	#food_education.top_page .attempt_area .class_item.class01 .img{
		margin-top: -2em;
	}
	#food_education.top_page .attempt_area .class_item.class04 .ttl_area img{
		max-width: 42px;
	}
	
	#food_education.top_page .attempt_area .class_item .menu_list{
		gap: 2em 4%;
	}
	#food_education.top_page .attempt_area .class_item .menu_list li{
		width: 100%;
		border-radius: 10px;
	}
	#food_education.top_page .attempt_area .class_item .menu_list li .menu_num{
		font-size: 140%;
		width: 30px;
		height: 30px;
		inset: -0.75em auto auto 1em;
	}
	#food_education.top_page #main_body .attempt_area .class_item .menu_list li .menu_ttl{
		font-size: 135%;
		padding: 1.25em 1em 1em;
		border-radius: 10px 10px 0 0;
		min-height: unset;
	}
	#food_education.top_page .attempt_area .class_item .menu_list li .menu_text{
		padding: 1em 1em;
	}
	#food_education.top_page .attempt_area .class_item .menu_list li .menu_text span{
		font-size: 94%;
	}
	#food_education.top_page .attempt_area .class_item .att_list li{
		font-size:125%;
	}
	#food_education.top_page .attempt_area .img_mascot{
		inset: -4em -10px auto auto;
		width: 100px;
	}	
}
#food_education .download_area{
	display: flex;
	justify-content: center;
	gap: 4em;
	align-items: center;
}
#food_education .download_area a.download_text{
	text-decoration: none;
	color: unset;
	font-size: 125%;
	display: inline-block;
}
#food_education .download_area a.download_text span{
	position: relative;
	display: inline-block;
	z-index: 0;
	margin-left: 1em;
	border-bottom: 1px solid;
}
#food_education .download_area a.download_text span::before{
	content: "";
	position: absolute;
	margin: auto;
	transition: background 0.3s , border-color 0.3s;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #282828;
	inset: 0 auto 0 -1em;
}
@media (any-hover: hover){
	#food_education .download_area a.download_text:hover span{
		border-bottom: 1px solid transparent;
	}
}

@media screen and (max-width:768px){
	#food_education .download_area{
		gap: 2em;
		padding-inline: 2em;
		margin-bottom: 4em;
	}
	#food_education .download_area	.img{
		width: 40%;
	}
	#food_education .download_area a.download_text{
		font-size: 125%;
		width: calc(60% - 2em);
	}
	#food_education .download_area a.download_text span{
		margin-left: 0;
		display: block;
	}
} 
/* 下層共通
-------------------------------------------------------------------*/
#food_education.pages #main_body{
	background: #f7f4e8;
}
#food_education.pages .mv_wrap{
	background: #ec6d0f;
	position:relative;
	z-index: 0;
	width:100%;
	overflow: hidden;
	clip-path: ellipse(120% 100% at 50% 0%);
	min-height: 300px;
	margin-bottom: 8em;
}
#food_education.pages .mv_wrap .mv_item{
	position: absolute;
	z-index: 0;
	margin: auto;
}
#food_education.pages .mv_wrap .mv_ttl{
	font-size: 334%;
	font-weight: 600;
	color: #fff;
	text-align: center;
	z-index: 10;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#food_education.pages .mv_wrap .mv_item.item01{
	inset: -3em auto auto 0;
	max-width: 45%;
}
#food_education.pages .mv_wrap .mv_item.item02{
	inset: auto 0 0 auto;
     max-width: 45%;
}
#food_education.pages #main_body .pages_h2{
	font-size: 278%;
	font-weight: 600;
	text-align: center;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	position: relative;
	z-index: 0;
}
#food_education.pages #main_body .pages_h2::after{
	content: "";
	display: block;
	height: 10px;
	width: 80px;
	position: absolute;
	z-index: 0;
	inset: auto 0 0;
	margin: auto;
	background-image: url(../img/common/img_h2.png);
	background-size: contain;
	background-repeat: no-repeat;
}
@media screen and (max-width:768px){
	#food_education.pages .mv_wrap{
		clip-path: ellipse(140% 100% at 50% 0%);
		min-height: 180px;
		margin-bottom: 3em;
	}
	#food_education.pages .mv_wrap .mv_ttl{
		font-size: 210%;
	}
	#food_education.pages .mv_wrap .mv_item.item01{
		inset: 0 auto auto 0;
		max-width: 100%;
		transform: translateX(-55%);
	}
	#food_education.pages .mv_wrap .mv_item.item02{
		inset: 0 auto auto 0;
		max-width: 100%;
		transform: translateX(55%);
	}
	#food_education.pages #main_body .pages_h2{
		font-size: 190%;
		padding-bottom: 0.75em;
	}
}
#food_education.pages .connect_wrap{
	padding-block: 6em 8em;
	background: #efeadd;
}
#food_education.pages .connect_wrap .connect_inner{
	max-width: 1000px;
	background: #fff;
	border: 2px solid #007f34;
	border-radius: 1.5em;
	padding: 2em;
	margin-inline: auto;
}
#food_education.pages #main_body .connect_wrap .connect_ttl{
	font-size: 209%;
	font-weight: 600;
	text-align: center;
	color: #007f34;
	padding-bottom: 0.5em;
	margin-bottom: 0.75em;
	border-bottom: 4px dotted;
}
#food_education.pages .connect_wrap .connect_list{
	padding: 1em 2em;
}
#food_education.pages .connect_wrap .connect_list .connect_item{
	font-size: 125%;
}
#food_education.pages .connect_wrap .connect_list .connect_item a{
	display: block;
	text-decoration: none;
	margin-bottom: 0.5em;
	position: relative;
	display: inline-block;
	z-index: 0;
	margin-left: 1em;
	border-bottom: 1px solid;
	color: unset;
}
#food_education.pages .connect_wrap .connect_list .connect_item a::before{
	content: "";
	position: absolute;
	margin: auto;
	transition: background 0.3s , border-color 0.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #282828;
	inset: 0.35em auto auto -1em;
}
@media (any-hover: hover){
	#food_education.pages .connect_wrap .connect_list .connect_item a:hover{
		border-bottom: 1px solid transparent;
	}
}
@media screen and (max-width:768px){
	#food_education.pages .connect_wrap{
		padding-block: 2em 3em;
	}
	#food_education.pages .connect_wrap .connect_inner{
		padding: 1.5em 1em;
		margin-inline: auto;
	}
	#food_education.pages #main_body .connect_wrap .connect_ttl{
		font-size: 190%;
	}
	#food_education.pages .connect_wrap .connect_list{
		padding: 1em 0;
	}
	#food_education.pages .connect_wrap .connect_list .connect_item{
		font-size: 112%;
	}
	#food_education.pages .connect_wrap .connect_list .connect_item a::before{
		border-width: 6px 0 6px 10px;
	}
}
#food_education.pages .contact_wrap{
	background: #efeadd;
	position: relative;
	z-index: 0;
}
#food_education.pages .contact_wrap .contact_cont{
	background: #4FA331;
	border-radius: 4em 4em 0 0;
}
#food_education.pages .contact_wrap .contact_inner{
	padding-block: 5em 4em;
	max-width: 1100px;
	margin: auto;
	text-align: center;
}
#food_education.pages #main_body .contact_wrap .contact_ttl{
	font-size: 209%;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
	padding-bottom: 0.5em;
	margin-bottom: 0.75em;
	border-bottom: 4px dotted;
}
#food_education.pages .contact_wrap .contact_lead{
	font-size: 167%;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	margin-bottom: 1em;
}
#food_education.pages .contact_wrap .contact_lead span + span{
	display: inline-block;
	margin-left: 0.5em;
}
#food_education.pages .contact_wrap .contact_list{
	background: #fff;
	border-radius: 1.5em;
	padding: 1.5em 0;
	display: flex;
	justify-content: center;
}
#food_education.pages .contact_wrap .contact_list .contact_item{
	width: 29%;
	padding: 1em 0.5em 0;
}
#food_education.pages .contact_wrap .contact_list .contact_item + .contact_item{
	border-left: 4px dotted #4FA331;
}
#food_education.pages .contact_wrap .contact_list .contact_item .contact_text{
	font-size: 167%;
	font-weight: 500;
	margin-bottom: 0.25em;
}
#food_education.pages .contact_wrap .contact_list .contact_item .contact_text span{
	font-size: 76%;
}
#food_education.pages .contact_wrap .contact_list .contact_item .contact_num{
	font-size: 209%;
	font-weight: 600;
	margin-bottom: 0em;
	color: #ed7116;
}
#food_education.pages .contact_wrap .contact_list .contact_item .contact_mail{
	font-size: 125%;
	font-weight: 600;
	margin-block: 0.5em;
	line-height: 2lh;
}
#food_education.pages .contact_wrap .img_mascot{
	position: absolute;
	z-index: 0;
	margin: auto;
	inset: -4em auto auto 10%;
}
@media screen and (max-width: 1500px){
	#food_education.pages .contact_wrap .img_mascot{
		inset: -4em auto auto 2%;
	}
}
@media screen and (max-width: 768px){
	#food_education.pages .contact_wrap .contact_cont{
		border-radius: 2em 2em 0 0;
	}
	#food_education.pages .contact_wrap .contact_inner{
		padding-block: 3.5em 3em;
	}
	#food_education.pages #main_body .contact_wrap .contact_ttl{
		font-size: 190%;
	}
	#food_education.pages .contact_wrap .contact_lead{
		font-size: 125%;
		margin-bottom: 1em;
	}
	#food_education.pages .contact_wrap .contact_list{
		border-radius: 1em;
		padding: 1em 1.5em 0.5em;
		flex-direction: column;
	}
	#food_education.pages .contact_wrap .contact_list .contact_item{
		width: 100%;
		padding: 1em 0 1em;
		
	}
	#food_education.pages .contact_wrap .contact_list .contact_item + .contact_item{
		border-left: none;
		border-top: 4px dotted #67af34;
	}
	#food_education.pages .contact_wrap .contact_list .contact_item .contact_text{
		font-size: 150%;
	}
	#food_education.pages .contact_wrap .contact_list .contact_item .contact_num,
	#food_education.pages .contact_wrap .contact_list .contact_item .contact_num a{
		font-size: 2.5rem;
		font-weight: 600;
		margin-bottom: 0em;
		display: inline-block;
		color: #ed7116;
		text-decoration: none;
		-webkit-text-size-adjust: 100%;
	}
	#food_education.pages .contact_wrap .contact_list .contact_item .contact_mail{
		line-height: unset;
	}
	#food_education.pages .contact_wrap .img_mascot{
		width: 80px;
		inset: -2em auto auto 2%;
	}
}

/* health
-------------------------------------------------------------------*/
#food_education.health_page .assign_wrap{
	margin-bottom: 8em;
}
#food_education.health_page .assign_wrap .assign_list{
	display: flex;
	flex-wrap: wrap;
	gap: 3em 4%;
}
#food_education.health_page .assign_wrap .assign_list .assign_item{
	width: 48%;
	border-radius: 1.5em;
	border: 2px solid #007e34;
	box-sizing: border-box;
	display: flex;
	overflow: hidden;
	background: #fff;
}
#food_education.health_page .assign_wrap .assign_list .assign_item .img_area{
	width: 140px;
	background: #b7dec7;
	text-align: center;
	padding: 1em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
}
#food_education.health_page .assign_wrap .assign_list .assign_item .img_area .assign_icon{
	margin-inline: auto;
}
#food_education.health_page #main_body .assign_wrap .assign_list .assign_item .img_area .assign_ttl{
	font-size: 139%;
	font-weight: 500;
	line-height: 1.4;
	color: #007f34;
	min-height: 1.25lh;
	margin-bottom: 0.5em;
}
#food_education.health_page .assign_wrap .assign_list .assign_item .text_area{
	width: calc(100% - 140px);
	padding: 1.5em 1.25em;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
#food_education.health_page .assign_wrap .assign_list .assign_item .text_area .assign_text{
	margin: 0;
	font-size: 112%;
	text-indent: 1em;
	line-height: 1.6;
}
#food_education.health_page .assign_wrap .assign_list .assign_item .text_area a{
	display: block;
	font-weight: 500;
	text-decoration: none;
	margin-block: 0.5em;
	position: relative;
	display: inline-block;
	z-index: 0;
	margin-left: 1em;
	border-bottom: 1px solid;
	color: unset;
}
#food_education.health_page .assign_wrap .assign_list .assign_item .text_area a::before{
	content: "";
	position: absolute;
	margin: auto;
	transition: background 0.3s , border-color 0.3s;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #282828;
	inset: 0 auto 0 -1em;
}
@media (any-hover: hover){
	#food_education.health_page .assign_wrap .assign_list .assign_item .text_area a:hover{
		border-bottom: 1px solid transparent;
	}
}
@media screen and (max-width:767px) {
	#food_education.health_page .assign_wrap{
		margin-bottom: 4em;
	}
	#food_education.health_page .assign_wrap .assign_list{
		gap: 1em 4%;
		flex-direction: column;
		margin-bottom: 1em;
	}
	#food_education.health_page .assign_wrap .assign_list .assign_item{
		width: 100%;
	}
	#food_education.health_page .assign_wrap .assign_list .assign_item .img_area{
		width: 25%;
		padding: 1em 0.5em;
	}
	#food_education.health_page #main_body .assign_wrap .assign_list .assign_item .img_area .assign_ttl{
		font-size: 125%;
		min-height: 1.25lh;
	}
	#food_education.health_page .assign_wrap .assign_list .assign_item .img_area .assign_icon{
		width: 50px;
	}
	#food_education.health_page .assign_wrap .assign_list .assign_item .text_area{
		width: 75%;
		padding: 1em;
	}
	#food_education.health_page .assign_wrap .assign_list .assign_item .text_area .assign_text{
		font-size: 112%;
		line-height: 1.4;
	}
}
#food_education.health_page .take_wrap{
	margin-bottom: 6em;
}
#food_education.health_page .take_wrap .table_caption{
  margin-bottom: 3em;
  font-weight: 500;
  text-align: center;
  font-size: 125%;
}
#food_education.health_page .take_wrap .table_area .food-table {
  width: 100%;
  border-collapse: collapse;
  border-collapse: separate;
  margin: 2rem 0;
  font-size: 0.95rem;
  line-height: 1.5;
  border-style: none;
}
#food_education.health_page .take_wrap .table_area .food-table th {
  background-color: #007f34;
  color: #fff;
  font-weight: 500;
  font-size: 120%;
  text-align: center;
  padding: 1em .5em;
  min-width: 5.35em;
  border: 1px solid #d6e6cf;
  box-sizing: border-box;
}
#food_education.health_page .take_wrap .table_area .food-table th.non{
	opacity: 0;
	border: none;
}
#food_education.health_page .take_wrap .table_area .food-table th[scope="rowgroup"],
#food_education.health_page .take_wrap .table_area .food-table th[scope="row"] {
  background-color: #e7f3de;
  color: #282828;
  font-size: 124%;
}
#food_education.health_page .take_wrap .table_area .food-table th[scope="rowgroup"]{
	text-align: center;
	max-width: 180px;
  padding: 1.5em 0.25em;
}
#food_education.health_page .take_wrap .table_area .food-table th[scope="rowgroup"] span{
	display: block;
	margin-bottom: 0.25em;
}
#food_education.health_page .take_wrap .table_area .food-table th[scope="row"] {
	text-align: left;
	max-width: 260px;
  padding: 1em 0.5em;
}
#food_education.health_page .take_wrap .table_area .food-table td {
  text-align: center;
  padding: 0.5em;
  border: 1px solid #e0eee0;
}
#food_education.health_page .take_wrap .table_area .food-table td {
  font-size: 1.1em;
  background: #fff;
}
#food_education.health_page .take_wrap .table_area .food-table td:has(span.star) {
  background-color: #fffdf2;
}
#food_education.health_page .take_wrap .table_area .round01{
	border-radius: 1.5em 0 0 0 ;
}
#food_education.health_page .take_wrap .table_area .round02{
	border-radius: 0 1.5em 0 0 ;
}
#food_education.health_page .take_wrap .table_area .round03{
	border-radius: 1.5em 0 0 0 !important;
}
#food_education.health_page .take_wrap .table_area .round04{
	border-radius: 0 0 0 1.5em;
}
#food_education.health_page .take_wrap .table_area .round05{
	border-radius: 0 0 1.5em 0;
}
@media screen and (max-width:767px){
	#food_education.health_page .take_wrap .table_caption{
	  margin-bottom: 1em;
	}
	#food_education.health_page .take_wrap .table_area {
	    overflow-x: auto;
	    overflow-y: hidden;
	    -webkit-overflow-scrolling: touch;
	}
	#food_education.health_page .take_wrap .table_area .food-table{
	    min-width: 900px;
	    border-collapse: separate;
	    border-spacing: 0;
	}
	#food_education.health_page .take_wrap .table_area .food-table th[scope="rowgroup"] {
	    position: sticky;
	    left: 0;
	    background-color: #e7f3de;
	    border-right: 1px solid #d6e6cf;
	}
	#food_education.health_page .take_wrap .table_area .food-table th[scope="row"] {position: sticky;left: 75px;/* border: 1px solid; */min-width: 6.25em;}
	#food_education.health_page .take_wrap .table_area .food-table thead th.non:nth-child(1) {
	    position: sticky;
	    left: 0;
	    z-index: 100;
	    background-color: #f7f4e8;
	    opacity: 1;
	    border-right: 1px solid #f7f4e8;
	}
	#food_education.health_page .take_wrap .table_area .food-table thead th.non:nth-child(2) {
	    position: sticky;
	    left: 75px;
	    z-index: 100;
	    background-color: #f7f4e8;
	    border: 1px solid #f7f4e8;
	    opacity: 1;
	}
	#food_education.health_page .take_wrap .table_area .round01,
	#food_education.health_page .take_wrap .table_area .round03 {
	    /* border-top-left-radius: 0; */
	}
}









/* recruit
-------------------------------------------------------------------*/
#food_education.recruit_page .place_wrap{
	padding-bottom: 6em;
}
#food_education.recruit_page .place_wrap .place_att{
	font-size: 170%;
	font-weight: 600;
	width: fit-content;
	margin: 0 auto;
	color: #e41515;
	margin-top: 1em;
}
#food_education.recruit_page .place_wrap .place_att span{
	position: relative;
	z-index: 0;
	display: block;
	padding-inline: 2.25em;
}
#food_education.recruit_page .place_wrap .place_att span::before,
#food_education.recruit_page .place_wrap .place_att span::after{
    display: block;
    position: absolute;
    z-index: 1;
    content: "";
    width: 29px;
    height: 25px;
    background-image:url(../img/top/img_about04.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin:auto;
    inset: 2px auto 0 20px;
}
#food_education.recruit_page .place_wrap .place_att span:after{
	inset: 2px 20px 0 auto;
	transform: scaleX(-1);
}
#food_education.recruit_page .place_wrap .target_area{
	border: 4px solid #007d33;
	border-radius: 1.5em;
	overflow: hidden;
	margin-bottom: 6em;
	background: #fff;
}
#food_education.recruit_page .place_wrap .target_area .target_ttl{
	background: #007f34;
	color: #fff;
	font-weight: 600;
	font-size: 188%;
	text-align: center;
	padding: 0.5em 1em 0.75em;
}
#food_education.recruit_page .place_wrap .target_area .target_list{
	display: flex;
	justify-content: center;
	max-width: 1000px;
	margin: 2em auto;
}
#food_education.recruit_page .place_wrap .target_area .target_list li{
	width: 20%;
	text-align: center;
}
#food_education.recruit_page .place_wrap .target_area .target_list li .img{
	margin-bottom: 1em;
}
#food_education.recruit_page .place_wrap .target_area .target_list li .target_text{
	font-size: 125%;
}
#food_education.recruit_page .place_wrap .merit_list{
	display: flex;
	flex-wrap: wrap;
	gap: 4em 4%;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item{
	width: 48%;
	background: #fff;
	border-radius: 2em;
	padding: 2em 3em 2.5em;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item:first-child{
	width: 100%;
	display: flex;
	gap: 1em 4%;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .text_area{
	width: 50%;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area{
	display: flex;
	align-items: flex-end;
	gap: 16px;
	margin-bottom: 2em;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .icon{
	width: 64px;
	margin-bottom: 0.5em;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text{
	width: calc(100% - 80px);
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text .merit_ttl_sub{
	font-size: 112%;
	font-weight: 600;
	color: #147f35;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text .merit_ttl_sub span{
	font-size: 225%;
	padding-inline: 0.25em;
	position: relative;
	z-index: 0;

}
#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text .merit_ttl_sub span::after{
    display: block;
    position: absolute;
    z-index: 1;
    content: "";
    width: 16px;
    height: 16px;
    background-image:url(../img/recruit/icon_merit04.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin:auto;
    inset: -10px 3px auto auto;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text .merit_ttl{
    font-size: 188%;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .item_text{
	font-size: 125%;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area{
	display: flex;
	width: 46%;
	gap: 4%;
	text-align: center;
	align-items: center;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area01{
	width: 48%;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area01 .img{
	margin-bottom: 0.25em;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area01 .area_text{
	font-weight: 500;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area02{
	display: flex;
	flex-wrap: wrap;
	gap: 1em 2%;
	width: 48%;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area02 .area_item{
	width: 42%;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area02 .area_item img{
	margin-bottom: 0.25em;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area02 .area_item p{
	font-weight: 500;
}
#food_education.recruit_page .place_wrap .merit_list .merit_item .img_mascot{
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: -6em 0 auto auto;
}

@media screen and (max-width: 1100px){
	#food_education.recruit_page .place_wrap .merit_list .merit_item{
		padding: 2em 1.5em 2.5em;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .img_mascot{
		width: 190px;
		inset: -6em -2em auto auto;
	}	
}
@media screen and (max-width: 768px){
	#food_education.recruit_page .place_wrap{
		padding-bottom: 3em;
	}
	#food_education.recruit_page .place_wrap .place_att{
		font-size: 150%;
	}
	#food_education.recruit_page .place_wrap .place_att span{
		padding-inline: 3em;
	}
	#food_education.recruit_page .place_wrap .target_area{
		border: 2px solid #007d33;
		margin-bottom: 3em;
	}
	#food_education.recruit_page .place_wrap .target_area .target_ttl{
		font-size: 160%;
	}
	#food_education.recruit_page .place_wrap .target_area .target_list{
		margin:1.5em;
		flex-wrap: wrap;
		gap: 0.5em 5%;
	}
	#food_education.recruit_page .place_wrap .target_area .target_list li{
		width: 30%;
	}
	#food_education.recruit_page .place_wrap .target_area .target_list li .img{
		margin-bottom: 0.5em;
	}
	#food_education.recruit_page .place_wrap .target_area .target_list li .target_text{
		font-size: 100%;
	}
	#food_education.recruit_page .place_wrap .merit_list{
		gap: 2em;
		flex-direction: column;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item{
		width: 100%;
		border-radius: 1.5em;
		padding: 3em 1.5em 2em;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item:first-child{
		gap: 1em;
		flex-direction: column;	
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item:nth-child(2){
		margin-top: 4.5em;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .text_area{
		width: 100%;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area{
		gap: 15px;
		margin-bottom: 1em;
		align-items: center;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .icon{
		width: 40px;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text{
		width: calc(100% - 55px);
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text .merit_ttl_sub span{
		font-size: 200%;
		line-height: 0;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text .merit_ttl_sub span::after{
	    width: 10px;
	    height: 10px;
	    inset: -8px 0px auto auto;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .ttl_area .ttl_text .merit_ttl{
	    font-size: 150%;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .item_text{
		font-size: 125%;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area{
		width: 100%;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area01{
		width: 48%;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area02{
		gap: 1em 4%;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .img_area .area02 .area_item{
		width: 48%;
	}
	#food_education.recruit_page .place_wrap .merit_list .merit_item .img_mascot{
		width: 160px;
		inset: -6em 0 auto auto;
	}	
}
#food_education.recruit_page .flow_wrap {
	background: #fff;
	padding-block: 6em;
}
#food_education.recruit_page .flow_wrap .flow_list {
	max-width: 850px;
	margin-inline: auto;
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item {
	padding-bottom: 3em;
	display: flex;
	gap: 5%;
	position: relative;
	z-index: 0;
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item:not(:last-child)::before {
	content: "";
	position: absolute;
	z-index: -10;
	margin: auto;
	inset: 2em auto auto 34px;
	width: 10px;
	height: 100%;
	background-image: radial-gradient(#007f34 2px, transparent 2px);
	background-size: 16px 16px;
	background-repeat: repeat-y;
	background-position: center top;
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item .img_area {
	width: 78px;
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item .img_area img{
	background: #fff;
	padding-block: 0.5em;
}

#food_education.recruit_page .flow_wrap .flow_list .flow_item .text_area {
	width: calc(95% - 78px);
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item .text_area .flow_lead {
	font-size: 167%;
	margin-bottom: 0.5em;
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item .text_area .text_box {
	background: #f2efe3;
	border-radius: 1em;
	padding: 1.5em 2em;
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item .text_area .text_box .flow_text {
	font-size: 112%;
	margin-bottom: 0.25em;
	font-weight: 500;
	line-height: 1.6;
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item .text_area .text_box .flow_text a {
	color: #135f93;
}
#food_education.recruit_page .flow_wrap .flow_list .flow_item .img_add{
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: 0em 2% auto auto;
}
@media screen and (max-width:767px) {
	#food_education.recruit_page .flow_wrap {
		padding-block: 3em;
	}
	#food_education.recruit_page .flow_wrap .flow_list .flow_item {
		padding-bottom: 3em;
		gap: 4%;
	}
	#food_education.recruit_page .flow_wrap .flow_list .flow_item:not(:last-child)::before {
		inset: 2em auto auto 26px;
	}
	#food_education.recruit_page .flow_wrap .flow_list .flow_item .img_area {
		width: 60px;
	}
	#food_education.recruit_page .flow_wrap .flow_list .flow_item .text_area {
		width: calc(96% - 60px);
	}
	#food_education.recruit_page .flow_wrap .flow_list .flow_item .text_area .flow_lead {
		font-size: 150%;
		margin-bottom: 0.5em;
	}
	#food_education.recruit_page .flow_wrap .flow_list .flow_item .text_area .text_box {
		padding: 1em 1.5em;
	}
	#food_education.recruit_page .flow_wrap .flow_list .flow_item .img_add{
		width: 90px;
		inset: auto 2% -1.25em auto;
	}
}
.modal-content {
	width: 80%;
	max-width: 1000px;
	margin: 0px;
	padding: 10px 20px;
	background: none;
	position: fixed;
	display: none;
	z-index:1020;
}
#modal-overlay { 
	z-index: 1000;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.66);
}
#food_education.recruit_page .flow_wrap .modal-content .close_btn {
	position: absolute;
	top: -10%;
	right: 0px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	line-height: 1;
	display: block;
	cursor: pointer;
}
#food_education.recruit_page .flow_wrap .modal-multi {
	font-size: 112%;
	font-weight: 500;
	text-decoration: underline;
	transition: background 0.3s;
	display: inline-block;
	color: #135f93;
	cursor: pointer;
}
#food_education.recruit_page .flow_wrap .modal-multi:hover {
	text-decoration: none;
}
#food_education.recruit_page .flow_wrap .modal-content {
	display: block;
	padding: 3em 1em;
	background: #fff;
	border-radius: 20px;
}
#food_education.recruit_page .flow_wrap .modal-content .close_btn {
	position: absolute;
	z-index: 20;
	top: -25px;
	right: -15px;
	color: #282828;
	background: #0000009e;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1;
	display: block;
	cursor: pointer;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
#food_education.recruit_page .flow_wrap .modal-content .close_btn span:nth-of-type(1) {
	position: absolute;
	top: 28.5px;
	right: 16.5px;
	width: 25px;
	height: 3px;
	background-color: #ffffff;
	transform: rotate(45deg);
}
#food_education.recruit_page .flow_wrap .modal-content .close_btn span:nth-of-type(2) {
	position: absolute;
	top: 17.5px;
	right: 28.5px;
	width: 3px;
	height: 25px;
	background-color: #ffffff;
	transform: rotate(45deg);
}
#food_education.recruit_page .flow_wrap .modal-content .close_btn:hover {
	opacity: 0.7;
}
#food_education.recruit_page .flow_wrap .modal-contarea {
	height: 80vh;
	overflow-y: auto;
	padding: 0.5em 3em;
	overscroll-behavior: contain;
}
#food_education.recruit_page .flow_wrap .modal-contarea::-webkit-scrollbar {
	transform: translateX(20px);
	height: 6px;
	width: 6px;
}
#food_education.recruit_page .flow_wrap .modal-contarea::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #ffffff;
}
#food_education.recruit_page .flow_wrap .modal-contarea::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #868686;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_subtitle{
	font-size: 230%;
	text-align: center;
	margin-bottom: 1em;
	font-weight: 600;
}
#food_education.recruit_page .flow_wrap .modal-contarea .col_area{
	display: flex;
	gap: 4%;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: 1em;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_title{
	font-size: 200%;
	font-weight: 600;
	color: #ed6d0f;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_lead{
	font-size: 116%;
	font-weight: 500;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table{
	width: 100%;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table{
	border: none;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th,
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table td{
	border: none;
	background: transparent;
	padding: 1em;
	word-break: auto-phrase;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_hokenjo,
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_city,
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_info{
	text-align: center;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_hokenjo span,
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_city span,
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_info span{
	font-size: 167%;
	text-align: center;
	display: block;
	font-weight: 500;
	background: #ed6d0f;
	text-align: center;
	border-radius: 3em;
	padding: 0.15em 1em 0.25em;
	color: #ffffff;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_city span,
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_info span{
	background: #805447;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table tbody tr{
	border-bottom: 1px solid;
	box-sizing: border-box;
	width: 100%;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .hokenjo_name{
	font-size: 139%;
	font-weight: 600;
	width: 20%;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .sp_label{
	display: none;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .city_list{
	font-size: 124%;
	font-weight: 500;
	width: 28%;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail{
	font-size: 124%;
	font-weight: 500;
	width: 52%;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .detail_box{
	display: flex;
	justify-content: space-between;
	gap: 1em 4%;
	align-items: center;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .detail_box::before,
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .detail_box::after{	
	content: none;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail p{
	margin-bottom: 0.25em;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .info01{
	width: 50%;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .info02{
	width: 46%;
}
#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .info02 p{
	font-size: 105%;
}
#food_education.recruit_page .flow_wrap .modal-contarea .table_att{
	text-align: right;
	font-size: 112%;
	font-weight: 500;
}
@media screen and (max-width:767px) {
	.modal-content {
		width: 86%;
		padding: 1em;
	}
	#food_education.recruit_page .flow_wrap .modal-content .close_btn {
		position: absolute;
		top: -10%;
		right: 0px;
		font-size: 20px;
		line-height: 1;
		display: block;
		cursor: pointer;
	}
	#food_education.recruit_page .flow_wrap .modal-content {
		padding: 2em 0.5em;
		border-radius: 1em;
		margin-block: 2em;
	}
	#food_education.recruit_page .flow_wrap .modal-content .close_btn {
	        top: -10px;
        right: -10px;
        width: 40px;
        height: 40px;
        background: #000000db
	}
	#food_education.recruit_page .flow_wrap .modal-content .close_btn span:nth-of-type(1) {
        top: 19.5px;
        right: 7.5px
	}
	#food_education.recruit_page .flow_wrap .modal-content .close_btn span:nth-of-type(2) {
        top: 9.5px;
        right: 18.5px
	}
	#food_education.recruit_page .flow_wrap .modal-contarea {
		padding: 0.5em 0.5em;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_subtitle{
		font-size: 170%;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .col_area{
		gap: 0.5em;
		align-items: center;
		margin-bottom: 1em;
		flex-direction: column;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_title{
		font-size: 160%;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_lead{
		font-size: 116%;
		font-weight: 500;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table{
		width: 100%;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .table_head{
		display: none;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th,
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table td{
		border: none;
		background: transparent;
		padding: 0.5em;
		word-break: auto-phrase;
		display: block;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_hokenjo,
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_city,
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_info{
		text-align: center;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_hokenjo span,
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_city span,
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_info span{
		font-size: 167%;
		text-align: center;
		display: block;
		font-weight: 500;
		background: #ed6d0f;
		text-align: center;
		border-radius: 3em;
		padding: 0.15em 1em 0.25em;
		color: #ffffff;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_city span,
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table th.head_info span{
		background: #805447;
	}

	
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table tbody tr{
		border-bottom: 1px solid;
		box-sizing: border-box;
		width: 100%;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .hokenjo_name{
		font-size: 160%;
		width: 100%;
		padding: 0.75em 0.5em 0.25em;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .city_list{
		font-size: 124%;
		width: 100%;
		padding-top: 0;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .sp_label{
		display: block;
		font-weight: 600;
		color: #007f34;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail{
		font-size: 124%;
		width: 100%;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .detail_box{
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .info01{
	width: 100%;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .info02{
		width: 100%;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail p{
		margin-bottom: 0.25em;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .modal_table .info_detail .info02 p{
		font-size: 105%;
	}
	#food_education.recruit_page .flow_wrap .modal-contarea .table_att{
		text-align: left;
	}
}



#food_education.recruit_page .style_wrap {
	padding-block: 6em;
}
#food_education.recruit_page .style_wrap .style_area {
	border: 4px solid #67af34;
	border-radius: 1.5em;
	padding: 4em 1.5em 1em;
	margin:  0 auto 5em;
	background: #fff;
	position: relative;
	z-index: 0;
	max-width: 1000px;
}
#food_education.recruit_page .style_wrap .style_area .style_item {
	margin: 0 auto 2em;
	max-width: 850px;
}
#food_education.recruit_page .style_wrap .style_area .style_item .style_lead {
	font-size: 167%;
	border-bottom: 4px dotted #b8dec7;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
#food_education.recruit_page .style_wrap .style_area .style_item .style_leadsub{
	font-size: 139%;
	font-weight: 500;
	margin-bottom: 0.5em;
}
#food_education.recruit_page .style_wrap .style_area .style_item a.style_doc{
	text-decoration: none;
	color: unset;
	font-size: 125%;
	display: inline-block;
	margin-bottom: 1em;
}
#food_education.recruit_page .style_wrap .style_area .style_item a.style_doc span{
	position: relative;
	display: inline-block;
	z-index: 0;
	margin-left: 1em;
	border-bottom: 1px solid;
}
#food_education.recruit_page .style_wrap .style_area .style_item a.style_doc span::before{
	content: "";
	position: absolute;
	margin: auto;
	transition: background 0.3s , border-color 0.3s;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #282828;
	inset: 0.5em auto auto -1em;
}
@media (any-hover: hover){
	#food_education.recruit_page .style_wrap .style_area .style_item a.style_doc:hover span{
		border-bottom: 1px solid transparent;
	}
}
@media screen and (max-width:767px){
	#food_education.recruit_page .style_wrap {
		padding-block: 3em 1em;
	}
	#food_education.recruit_page .style_wrap .style_area {
		border: 2px solid #67af34;
		padding: 2em 1.5em 1em;
		margin:  0 auto 2em;
	}
	#food_education.recruit_page .style_wrap .style_area .style_item {
		margin: 0 auto 1em;
	}
	#food_education.recruit_page .style_wrap .style_area .style_item .style_lead {
		font-size: 150%;
	}
	#food_education.recruit_page .style_wrap .style_area .style_item .style_leadsub{
		font-size: 130%;
	}
	#food_education.recruit_page .style_wrap .style_area .style_item a.style_doc{
		font-size: 125%;
	}
	#food_education.recruit_page .style_wrap .style_area .style_item a.style_doc span::before{
		border-width: 6px 0 6px 10px;
	}
}
#food_education.recruit_page .before_wrap {
	background: #efeadd;
	padding-block: 6em 0;
}
#food_education.recruit_page .before_wrap .pages_h2 span {
	font-size: 75%;
	color: #30964f;
}
#food_education.recruit_page .before_wrap .before_lead {
	font-size: 125%;
	text-align: center;
	font-weight: 500;
	margin-bottom: 2em;
}
#food_education.recruit_page .before_wrap .before_list {
	display: flex;
	justify-content: center;
	gap: 4%;
	max-width: 870px;
	margin: auto;
}
#food_education.recruit_page .before_wrap .before_list .before_item {
	width: 48%;
	max-width: 400px;
	background: #fff;
	border-radius: 50%;
	aspect-ratio: 1/1;
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	gap: 1em 4%;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
}
#food_education.recruit_page .before_wrap .before_list .before_item .text_area .before_text{
	font-size: 125%;
	font-weight: 500;
	position: relative;
	z-index: 0;
	margin-bottom: 1.5em;
}
#food_education.recruit_page .before_wrap .before_list .before_item .text_area .before_text::after{
	position: absolute;
	z-index: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	inset: auto auto -1.25em calc(50% - 8px);
	border-width: 16px 10px 0 10px;
	border-color: #282828 transparent transparent transparent;
}
#food_education.recruit_page .before_wrap .before_list .before_item .text_area .after_text {
	font-size: 167%;
	font-weight: 500;
	color: #ec6d0f;
	min-height: 2lh;
	display: flex;
	justify-content: center;
	align-items: center;
}
#food_education.pages.recruit_page .connect_wrap{
	padding-top: 1em;
}
@media screen and (max-width:767px){
	#food_education.recruit_page .before_wrap {
		padding-block: 3em 1em;
	}
	#food_education.recruit_page .before_wrap .before_list {
		gap: 1em;
		flex-direction: column;
	}
	#food_education.recruit_page .before_wrap .before_list .before_item {
		width: 100%;
		border-radius: 1.5em;
		aspect-ratio: unset;
		padding: 2em 1em;
		box-sizing: border-box;
		flex-direction: row;
	}
	#food_education.recruit_page .before_wrap .before_list .before_item .img_area{
		width: 48%;
	}
	#food_education.recruit_page .before_wrap .before_list .before_item .text_area{
		width: 48%;
	}
	#food_education.recruit_page .before_wrap .before_list .before_item .text_area .before_text{
		font-size: 116%;
		margin-bottom: 1.5em;
	}
	#food_education.recruit_page .before_wrap .before_list .before_item .text_area .before_text::after{
		inset: auto auto -1.25em calc(50% - 8px);
		border-width: 12px 8px 0 8px;
	}
	#food_education.recruit_page .before_wrap .before_list .before_item .text_area .after_text {
		font-size: 120%;
		min-height: auto;
	}
}

/* search
-------------------------------------------------------------------*/
#food_education.search_page .lead_text{
	font-size: 125%;
	text-align: center;
	margin-bottom: 4em;
	font-weight: 500;
}
#food_education.search_page .news_wrap {
	border: 4px solid #ed6d0f;
	border-radius: 1.5em;
	overflow: hidden;
	margin-bottom: 6em;
	background: #fff;
	font-weight: 500;
}

#food_education.search_page .news_wrap h2 {
	background: #ed6d0f;
	color: #fff;
	font-weight: 600;
	font-size: 188%;
	text-align: center;
	padding: 0.5em 1em 0.75em;
}
#food_education.search_page .news_wrap .text_area {
	font-size: 125%;
	padding: 1em 1em 0;
	max-width: 1000px;
	margin: auto;
}
#food_education.search_page .news_wrap .text_area .news_item {
	display: flex;
	gap: 2%;
	justify-content: space-between;
	margin-bottom: 1em;
}
#food_education.search_page .news_wrap .text_area .news_item .news_time {
	width: 18%;
}
#food_education.search_page .news_wrap .text_area .news_item .news_title {
	width: 55%;
}
#food_education.search_page .news_wrap .text_area .news_item .news_deta {
	width: 28%;
}
#food_education.search_page .news_wrap .text_area .news_item .news_deta01{
	margin-bottom: 0.25em;
}
#food_education.search_page .city_wrap {
	background: #efeadd;
	padding-block: 4em 2em;
}
#food_education.search_page .city_wrap .city_list {
	display: flex;
	gap: 2em 6%;
	flex-wrap: wrap;
	max-width: 1100px;
	margin: auto;
}
#food_education.search_page .city_wrap .city_list .city_item{
	width: 47%;
}
#food_education.search_page .city_wrap .city_list .city_item a {
	display: block;
	max-width: unset;
	width: 100%;
	box-sizing: border-box;
	font-size: 167%;
	text-align: center;
	padding-block: 0.25em;
}
#food_education.search_page .city_wrap .city_list .city_item a::after{
	inset: 0 5.75% 0 auto;
}
#food_education.search_page .city_wrap .city_list .city_item a .city_sub {
	display: block;
	font-size: 80%;
}
#food_education.search_page .form_wrap {
	border: 4px solid #007e34;
	border-radius: 1.5em;
	overflow: hidden;
	margin-bottom: 6em;
	background: #fff;
	font-weight: 500;
	padding: 3em 3em 2em;
}
#food_education.search_page .form_wrap #admin_form .form_h2 {
	font-size: 180%;
	font-weight: 600;
	padding-bottom: 0.5em;
	margin-bottom: 0.75em;
	border-bottom: 4px dotted;
	border-color: #b7dec7;
}
#food_education.search_page .form_wrap #admin_form .form_h2.form_free{
	border: none;
}
#food_education.search_page .form_wrap #admin_form .form_h3{
	font-size: 125%;
	font-weight: 600;
	margin-bottom: 0.75em;
}
#food_education.search_page .form_wrap #admin_form .g_box {
	margin-bottom: 4em;
	
}
#food_education.search_page .form_wrap #admin_form .g_box input[type="text"]{
	border: 1px solid #dddddd;
	border-right: none;
	border-radius: 3em 0 0 3em;
	font-size: 139%;
	padding: 0.3em;
	box-sizing: border-box;
	width: 50%;
}

#food_education.search_page .form_wrap #admin_form .g_box .btn {
	font-size: 139%;
	font-weight: 600;
	color: #fff;
	background: #007f34;
	border: none;
	padding: 0.25em 0.25em 0.25em;
	border-radius: 3em;
	box-sizing: border-box;
	transform: translateX(-20px) translateY(4px);
}
#food_education.search_page .form_wrap #admin_form .g_box .btn span{
	padding-inline: 1em;
	line-height: 1.8;
}
@media (any-hover: hover) {
	#food_education.search_page .form_wrap #admin_form .g_box .btn:hover{
		color: #007f34;
		background: #007f344d;
	}
}
#food_education.search_page .form_wrap #admin_form .g_box .area_list_wrap .area_list_item{
	display: flex;
	gap: 1em 2%;
	margin-bottom: 3em;
}
#food_education.search_page .form_wrap #admin_form .g_box .area_list_wrap .area_list_item .area_toggle.pl50{
	width: 18%;
}
#food_education.search_page .form_wrap #admin_form .g_box .area_list_wrap .area_list_item .area_toggle:not(.pl50){
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	gap: 1.25em 0.75em;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_list{
	display: flex;
	flex-wrap: wrap;
	gap: 1.25em 0.75em;
	margin-bottom: 2em;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_item{
	background: #dddddd;
	border-radius: 3em;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_item:has( input[type="checkbox"]:checked){
	background: #007f34;
	color: #fff;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_item label{
	padding: 0.35em 1em 0.35em 0.5em;
	font-size: 125%;
	display: inline-block;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_item input[type="checkbox"] {
	padding: 0.5em;
	font-size: 200%;
	appearance: none;
	-webkit-appearance: none;
	width: 25px;
	height: 25px;
	background-color: #fff;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	border-radius: 50%;
	padding: 0.2em;
	margin-left: 0.25em;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_item input[type="checkbox"]:checked {
  position: relative;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_item input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 4px;
  width: 6px;
  height: 11px;
  border: solid #007f34;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_item label img{
	margin: 0 0.15em 0.15em 0;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_att{
	gap: 0.5em 1em;
	align-items: center;
}
#food_education.search_page .form_wrap #admin_form .g_box .sch_att p{
	font-weight: 500;
}
@media screen and (max-width:767px){
	#food_education.search_page .lead_text{
		margin-bottom: 2em;
	}
	#food_education.search_page .news_wrap {
		border: 2px solid #ed6d0f;
		border-radius: 1em;
		margin-bottom: 2em;
	}
	#food_education.search_page .news_wrap h2 {
		font-size: 160%;
		padding: 0.25em 1em 0.5em;
	}
	#food_education.search_page .news_wrap .text_area {
		font-size: 125%;
		padding: 1em 1em 0;
		max-width: 1000px;
		margin: auto;
	}
	#food_education.search_page .news_wrap .text_area .news_item {
		gap: 0.5em;
		flex-wrap: wrap;
	}
	#food_education.search_page .news_wrap .text_area .news_item .news_time {
		width: 100%;
	}
	#food_education.search_page .news_wrap .text_area .news_item .news_title {
		width: 100%;
		font-size: 110%;
	}
	#food_education.search_page .news_wrap .text_area .news_item .news_deta {
		width: 100%;
	}
	#food_education.search_page .news_wrap .text_area .news_item .news_deta01{
		margin-bottom: 0.25em;
	}
	#food_education.search_page .city_wrap {
		padding-block: 3em 2em;
	}
	#food_education.search_page .city_wrap .city_list {
		gap: 1em 6%;
		flex-wrap: wrap;
	}
	#food_education.search_page .city_wrap .city_list .city_item{
		width: 100%;
	}
	#food_education.search_page .city_wrap .city_list .city_item a {
		max-width: 360px;
		width: 100%;
		font-size: 150%;
		padding-block: 0.5em;
	}
	#food_education.search_page .city_wrap .city_list .city_item a .city_sub{
		display: inline-block;
	}
	#food_education.search_page .city_wrap .city_list .city_item a::after{
		inset: 0 4.5% 0 auto;
	}
	#food_education.search_page .form_wrap {
		border: 2px solid #007e34;
		border-radius: 1em;
		margin-bottom: 3em;
		padding: 1.5em 1em 2em;
	}
	#food_education.search_page .form_wrap #admin_form .form_h2 {
		font-size: 160%;
	}
	#food_education.search_page .form_wrap #admin_form .form_h2.form_free{
		border: none;
		padding-bottom: 0;
	}
	#food_education.search_page .form_wrap #admin_form .form_h3{
		margin-bottom: 0.75em;
	}
	#food_education.search_page .form_wrap #admin_form .g_box {
		margin-bottom: 3em;
		
	}
	#food_education.search_page .form_wrap #admin_form .g_box input[type="text"]{
		border: 1px solid #dddddd;
		border-radius: 3em;
		font-size: 139%;
		width: 100%;
		margin-bottom: 0.5em;
	}
	
	#food_education.search_page .form_wrap #admin_form .g_box .btn {
		font-size: 139%;
		padding: 0.25em 0.25em 0.25em;
		margin: auto;
		transform: unset;
		display: block;
	}
	#food_education.search_page .form_wrap #admin_form .g_box .area_list_wrap .area_list_item{
		gap: 1em 2%;
		flex-direction: column;
		
	}
	#food_education.search_page .form_wrap #admin_form .g_box .area_list_wrap .area_list_item .area_toggle.pl50{
		width: 100%;
		padding-bottom: 1em;
		border-bottom: 1px solid #ddd;
	}
	#food_education.search_page .form_wrap #admin_form .g_box .area_list_wrap .area_list_item .area_toggle:not(.pl50){
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 1.25em 0.75em;
	}
	#food_education.search_page .form_wrap #admin_form .g_box .sch_list{
		gap: 1.25em 0.75em;
		margin-bottom: 2em;
	}
	#food_education.search_page .form_wrap #admin_form .g_box .sch_item label{
		padding: 0.35em 1em 0.35em 0.5em;
		font-size: 120%;
	}
	#food_education.search_page .form_wrap #admin_form .g_box .sch_item input[type="checkbox"] {
		width: 20px;
		height: 20px;
	}
	#food_education.search_page .form_wrap #admin_form .g_box .sch_item input[type="checkbox"]:checked::after {
	  left: 6px;
	  top: 3px;
	  width: 4px;
	  height: 8px;
	}
	#food_education.search_page .form_wrap #admin_form .g_box .sch_item label img{
		width: 20px;
		height: 20px;
	}
}

/* result
-------------------------------------------------------------------*/
#food_education.search_result #main_body{
	background: #fff;
}
#food_education.search_result .sect01{
	padding-bottom: 4em;
}
#food_education.search_page .search_result_txt{
	font-size: 139%;
	font-weight: 500;
	margin-bottom: 1em;
}
#food_education.search_page .result_item{
	margin-bottom: 2em;
	border: 2px solid #007f34;
	border-radius: 1.5em;
	padding: 2.5em 3em;
	display: flex;
	gap: 1em 4%;
}
#food_education.search_page .result_item .shop_img{
	width: 31%;
	aspect-ratio: 330 / 218;
	overflow: hidden;
	border-radius: 1.5em;
	height: fit-content;
	border: 1px solid #b7b7b7;
}
#food_education.search_page .result_item .shop_img img{
	width: 100%;
	object-fit: cover;
	transition: transform 0.3s;  
}
#food_education.search_page .result_item .box.fix{
	width: 65%;
}
#food_education.search_page .result_item .box.fix .shop_name{
	font-size: 190%;
	font-weight: 600;
	margin-bottom: 0.5em;
	text-align: left;
}
#food_education.search_page .result_item .box.fix .feat{
	margin-bottom: 1em;
	text-align: left;
}
#food_education.search_page .result_item .box.fix .feat span{
	font-weight: 500;
	color: #007f34;
	border-radius: 3em;
	padding: 0.15em 0.5em 0.15em;
	border: 1px solid;
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
}
#food_education.search_page .result_item .box.fix .shop_address,
#food_education.search_page .result_item .box.fix .shop_open,
#food_education.search_page .result_item .box.fix .shop_type{
	display: flex;
	font-size: 125%;
	font-weight: 500;
	gap: 0;
	margin-bottom: 0.25em;
}
#food_education.search_page .result_item .box.fix img{
	min-width: 25px;
	display: inline-block;
	margin-right: 0.5em;
}
#food_education.search_page .result_item .box.fix span.spacer{
	padding-left: 0.5em;
}
#food_education.search_page .result_item .box.fix .link_btn a{
	margin: 0.5em 0 0 auto;
	font-size: 112%;
	padding: 0.7em 1em;
}
#food_education.search_page .search_result_box:not(:has(*)){
	text-align: center;
	margin-bottom: 2em;
	font-size: 125%;
	font-weight: 500;
}
#food_education.search_page .back_link{
	text-align: center;
}
#food_education.search_page .back_link a{
	display: block;
	font-size: 125%;
	text-decoration: none;
	margin-bottom: 0.5em;
	position: relative;
	display: inline-block;
	z-index: 0;
	margin-left: 1em;
	border-bottom: 1px solid;
	color: unset;
	font-weight: 500;
}
#food_education.search_page .back_link a::before{
	content: "";
	position: absolute;
	margin: auto;
	transition: background 0.3s , border-color 0.3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #282828;
	inset: 0.5em auto auto -0.8em;
}
@media (any-hover: hover){
	#food_education.search_page .back_link a:hover{
		border-bottom: 1px solid transparent;
	}
}
@media screen and (max-width:767px){
	#food_education.search_result .sect01{
		padding-bottom: 3em;
	}
	#food_education.search_page .search_result_txt{
		font-size: 139%;
		margin-bottom: 0.5em;
	}
	#food_education.search_page .result_item{
		margin-bottom: 1.5em;
		border-radius: 1em;
		padding: 1.5em 1.5em;
		flex-direction: column;
	}
	#food_education.search_page .result_item .shop_img{
		margin: auto;
		width: 90%;
		border-radius: 1em;
	}
	#food_education.search_page .result_item .box.fix{
		width: 100%;
	}
	#food_education.search_page .result_item .box.fix .shop_name{
		font-size: 155%;
	}
	#food_education.search_page .result_item .box.fix .feat{
		margin-bottom: 0.5em;
	}
	#food_education.search_page .result_item .box.fix .shop_address,
	#food_education.search_page .result_item .box.fix .shop_open,
	#food_education.search_page .result_item .box.fix .shop_type{
		font-size: 120%;
	}
	#food_education.search_page .result_item .box.fix .link_btn a{
		margin: 1em auto 0;
		padding: 0.7em 1em;
	}
}
/* detail
-------------------------------------------------------------------*/
#food_education.search_detail .detail_wrap {
	padding-block: 0 4em;
}
#food_education.search_detail .detail_wrap .pages_h2 .spacer{
	padding-left: 0.5em;
}
#food_education.search_detail .detail_wrap .img_area{
	position: relative;
	z-index: 0;
	max-width: 800px;
	margin: 6em auto 3em;
}
#food_education.search_detail .detail_wrap .shop_img {
	aspect-ratio: 800 / 530;
	overflow: hidden;
	border-radius: 1.5em;
	height: fit-content;
	border: 1px solid #b7b7b7;
}
#food_education.search_detail .detail_wrap .shop_img img{
	width: 100%;
	object-fit: cover;
	transition: transform 0.3s;  
}
#food_education.search_detail .detail_wrap .star_wrap{
	position: absolute;
	z-index: 0;
	margin: auto;
	inset: -2em auto auto -1em;
	display: flex;
	gap: 0.5em;
}
#food_education.search_detail .detail_wrap .star_wrap .star {
	display: inline-block;
	width: 95px;
	height: 95px;
	box-sizing: border-box;
	padding: 1em 0.75em 0.75em;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
}
#food_education.search_detail .detail_wrap .star_wrap .star.gold{ 
	border: 1px solid #9a6c02;
}
#food_education.search_detail .detail_wrap .star_wrap .star.silver {
	border: 1px solid #847f7e;
}
#food_education.search_detail .detail_wrap .star_wrap .star.bronze {
	border: 1px solid #b05721;
}
#food_education.search_detail .detail_wrap .star_wrap .star.normal {
	border: 1px solid #ed6d0f;
	padding: 1em 1.35em 1.25em;
}
#food_education.search_detail .detail_wrap .appeal {
	max-width: 800px;
	width: fit-content;
	margin: 0 auto 3em;
	font-size: 125%;
	font-weight: 500;
}
#food_education.search_detail .detail_wrap .info_area {
	font-size: 125%;
	font-weight: 500;
	max-width: 1000px;
	margin: 0 auto 2em;
	border: 2px solid #007f34;
	border-radius: 1.5em;
	padding: 2.5em 3em;
	background: #fff;
	box-sizing: border-box;
}
#food_education.search_detail .detail_wrap .info_lead{
	position: relative;
	z-index: 10;
	font-size: 139%;
	padding-left: 1em;
	margin-bottom: 0.875em;
	letter-spacing: 0.02em;
}
#food_education.search_detail .detail_wrap .info_lead::before {
	position: absolute;
	z-index: 10;
	display: inline-block;
	content: "";
	width: 15px;
	height: 2px;
	background: #017f35;
	top: 0.725em;
	left: 0;
}
#food_education.search_detail .detail_wrap .shop_info {
  width: 100%;
  border-collapse: collapse;
	border: none;
	margin-bottom: 3em;
}
#food_education.search_detail .detail_wrap .shop_info tr{
  border-bottom: 4px dotted #bce0cb;
  display: block;
}
#food_education.search_detail .detail_wrap .shop_info th,
#food_education.search_detail .detail_wrap .shop_info td {
	padding: 1em 0;
	border: none;
	text-align: left;
	vertical-align: baseline;
	background: none;
	font-size: 112%;
	font-weight: 500;
}
#food_education.search_detail .detail_wrap .shop_info th {
  width: 10em;
}
#food_education.search_detail .detail_wrap .shop_info td {
  width: auto;
}
#food_education.search_detail .detail_wrap .shop_info th img {
  vertical-align: middle;
  margin-right: 0.75em;
  margin-bottom: 0.25em;
}
#food_education.search_detail .detail_wrap .shop_info th .back_link{
	font-size: 90%;
}
#food_education.search_detail .detail_wrap .shop_info .spacer{
	padding-left: 0.5em;
}
#food_education.search_detail .detail_wrap .shop_info .address {
	margin-right: 1em;
}
#food_education.search_detail .detail_wrap .shop_info .address_btn{
	display: inline-block;
}
#food_education.search_detail .detail_wrap .shop_info .address_btn a{
	min-width: 180px;
	font-size: 80%;
	padding: 0.45em 3em 0.45em 1.5em;
	box-sizing: border-box;
	margin-block: 0.5em 0;
}
#food_education.search_detail .detail_wrap .shop_info .address_btn a::before{
	width: 24px;
	height: 24px;
}
#food_education.search_detail .detail_wrap .shop_info .address_btn a::after {
  border-width: 5px 0 5px 8px;
  inset: 0 7.5% 0 auto;
}



#food_education.search_detail .detail_wrap .shop_info #detail_map:hover{
	opacity: 0.8;
}
#food_education.search_detail .detail_wrap .feat_wrap .feat span{
	font-size: 84%;
	font-weight: 500;
	color: #007f34;
	border-radius: 3em;
	padding: 0.15em 0.75em 0.15em;
	border: 1px solid ;
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
}
#food_education.search_detail .detail_wrap .feat02_wrap span{
		font-size: 84%;
		font-weight: 500;
		color: #E6252E;
		border-radius: 3em;
		padding: 0.15em 0.75em 0.15em;
		border: 1px solid ;
		display: inline-block;
}

#food_education.search_detail .detail_wrap .back_link a {
	font-size: 100%;
}
@media screen and (max-width:767px){
	#food_education.search_detail .detail_wrap {
		padding-block: 0 1em;
	}
	#food_education.search_detail .detail_wrap .img_area{
		margin: 4em auto 2em;
	}
	#food_education.search_detail .detail_wrap .shop_img {
		border-radius: 1em;
	}
	#food_education.search_detail .detail_wrap .star_wrap{
		position: absolute;
		z-index: 0;
		margin: auto;
		inset: -1em auto auto -5px;
		display: flex;
		gap: 0.25em;
	}
	#food_education.search_detail .detail_wrap .star_wrap .star {
		width: 50px;
		height: 50px;
		padding: 0.5em 0.25em 0.25em;
	}
	#food_education.search_detail .detail_wrap .star_wrap .star.normal {
		padding: 1em 0.65em 1.25em;
	}
	#food_education.search_detail .detail_wrap .appeal {
		margin: 0 auto 2em;
	}
	#food_education.search_detail .detail_wrap .info_area {
		border-radius: 1em;
		padding: 1.5em 1.5em;
	}
	#food_education.search_detail .detail_wrap .info_lead{
		margin-bottom: 0.5em;
	}
	#food_education.search_detail .detail_wrap .shop_info {
	  width: 100%;
	  border-collapse: collapse;
		border: none;
		margin-bottom: 3em;
	}
	#food_education.search_detail .detail_wrap .shop_info th,
	#food_education.search_detail .detail_wrap .shop_info td {
		display: block;
	}
	#food_education.search_detail .detail_wrap .shop_info th {
		padding: 1em 0 0.25em;
		width: 100%;
	}
	#food_education.search_detail .detail_wrap .shop_info td {
		padding: 0em 0 1em;
		width: auto;
	}
	#food_education.search_detail .detail_wrap .shop_info th img {
		margin-bottom: 0.25em;
	  margin-right: 0.5em;
	}
	#food_education.search_detail .detail_wrap .shop_info th .back_link{
		font-size: 90%;
		display: inline-block;
		text-align: right;
		margin-left: 2em;
	}
	#food_education.search_detail .detail_wrap .shop_info .address {
		margin-right: 1em;
	}
	#food_education.search_detail .detail_wrap .feat_wrap .feat span{
		font-size: 84%;
		font-weight: 500;
		color: #007f34;
		border-radius: 3em;
		padding: 0.15em 0.75em 0.25em;
		display: inline-block;
		margin: 0 0.5em 0.5em 0;
	}
	#food_education.search_detail .detail_wrap .feat02_wrap span{
			font-size: 84%;
			font-weight: 500;
			color: #ee2934;
			border-radius: 3em;
			padding: 0.15em 0.75em 0.25em;
			display: inline-block;
	}
	#food_education.search_detail .detail_wrap .back_link a {
		font-size: 100%;
	}
}
/* color
-------------------------------------------------------------------*/
.color_change .link_btn a{
    background-color: #000000!important;
}
.color_change #food_education .search_btn .batu span {
	background-color: #ffffff !important;
}

