* {
	padding: 0;
	margin: 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	word-wrap: inherit;
	border: none;
}

*,
::after,
::before {
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
	line-height: 1;
	letter-spacing: 0;
	word-break: break-word;
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	text-align: left;
	color: #000;
}

main {
	cursor: auto;
}

a {
	text-decoration: none;
	color: inherit;
}

a object {
	pointer-events: none;
}

svg {
	overflow: hidden;
}

img, svg, video, canvas {
	height: auto;
}

img, svg, video, canvas, audio, iframe, embed, object {
	display: block;
}

ul, ol {
	list-style-type: none;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

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

address, em {
	font-style: normal;
}

button,
input,
optgroup,
select,
textarea {
	font-size: 16px;
}

input {
	border-radius: 0;
}

button {
	cursor: pointer;
}

textarea {
	resize: vertical;
}

select::-ms-expand {
	display: none;
}

button,
select {
	text-transform: none;
}

input,
button,
select,
textarea {
	background-color: transparent;
	appearance: none;
}

[disabled] {
	cursor: default;
}

[hidden] {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	*,
	::before,
	::after {
		animation-delay: -1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		transition-delay: 0s !important;
		transition-duration: 1ms !important;
	}
}
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *:focus {
	outline: none;
}

.red {
    color: #ed1c24;
}

.white {
    color: #fff;
}

.red-close {
    color: #ed1c24;
    font-size: 28px;
}

div#headerw {
	top: 0;
}

#footer {
	margin-top: 0;
}

#footer {
	font-size: 14px;
}

#footer .footerBottom .copyRight {
	font-size: 10px;
}

#footer .footerOtherLink,
#footer .footerTitle {
	line-height: 1.8;
}

#footer .footerTitle a{
	font-weight: 500;
	text-decoration: none;
	color: #2e3036;
	display: flex;
	justify-content: center;
}

#footer .footerTitle a img{
	margin-left: 10px;
	width: 9px;
	height: auto;
}
@media (max-width: 768.98px) {
	#footer .footerTitle a{
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
		color: #2e3036;
		display: flex;
		justify-content: center;
	}

	#footer .footerTitle a img{
		margin-left: 10px;
		width: 9px;
		height: auto;
	}
}
.menuitem #topUtility01 > li > a,
.menuitem #topUtility01 > li > span {
	border: none;
}

.menuitem #topUtility01 > li {
	border-bottom: 3px solid;
	transition: color 280ms ease-in-out;
}
.menuitem #topUtility01 > li:hover {
	border-bottom: 3px solid;
}
.menuitem #topUtility01 > li > a:hover:before,
.menuitem #topUtility01 > li.current span:before {
	display: none;
}

#footer {
	margin-top: 0;
}

#headerw,
#headerw div {
	box-sizing: content-box;
	max-width: 980px;
}

.inner {
	max-width: 980px;
}

.inMenuBtn .downloadBtn a,
.inMenuBtn .contactBtn a {
	display: block;
	margin-top: 4px;
	padding: 14px 30px;
	text-align: center;
	line-height: 1.2;
	border-radius: 4px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.inMenuBtn {
	display: flex;
}
@media (min-width: 769px) {
	.inMenuBtn .contactBtn {
		margin-left: 20px;
	}
}

#headerw .title {
	display: flex;
}
#headerw .title .header-h1 {
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
}

.btn-box {
	display: flex;
}
.btn-box > .downloadBtn,
.btn-box > .contactBtn {
	width: 40px;
	height: 30px;
	border-radius: 4px;
}
.btn-box > .downloadBtn a,
.btn-box > .contactBtn a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 1079.98px) {
	.btn-box > .downloadBtn a .food-icon,
	.btn-box > .contactBtn a .food-icon {
		width: 50%;
		height: auto;
	}
}

#headerw {
	display: flex;
	align-items: center;
}
#headerw .btn-box {
	margin-left: auto;
	margin-right: 15px;
}
#headerw .btn-box .contactBtn {
	margin-left: 10px;
}

#headnav,
#headlink,
#headSearch,
.pankuz,
.menuitem {
	display: block;
}
@media (max-width: 1079.98px) {
	#headnav,
	#headlink,
	#headSearch,
	.pankuz,
	.menuitem {
		display: none !important;
	}
}

#footer {
	font-size: 14px;
}

#footer .footerBottom .copyRight {
	font-size: 10px;
}

#footer .footerBottom .footerOtherLink{
	width: auto;
}

#footer .footerOtherLink,
#footer .footerTitle {
	line-height: 1.8;
}

.img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center center;
}

.header {
	width: 100%;
	margin: 0 auto;
}

.content {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}
.content:first-child {
	margin-top: 100px;
}
.content:nth-child(n+2) {
	margin-top: 30px;
}
@media (max-width: 768.98px) {
	.content:first-child {
		margin-top: 70px;
	}
	.content:nth-child(n+2) {
		margin-top: 30px;
	}
}
@media (min-width: 768.98px) {
	.sp {
		display: none !important;
	}
}

.kv {
	position: relative;
}
.kv--image {
	position: relative;
	width: 100%;
}
.kv--image::before {
	display: block;
	padding-top: 40%;
	content: "";
}
@media (max-width: 768.98px) {
	.kv--image::before {
		display: block;
		padding-top: 118%;
		content: "";
	}
}
.kv--wrapper {
	position: absolute;
	top: 11%;
	left: 42.5%;
	width: 100%;
	max-width: 55%;
	transform: translateX(-50%);
	display: grid;
	display: -ms-grid;
	-ms-grid-rows: auto auto;
	-ms-grid-columns: 1fr 1fr;
	grid-template:
	"header header" auto
	"title title" auto
	"date date" auto;
	padding: 0;
	color: #000;
	font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (max-width: 768.98px) {
	.kv--wrapper {
		max-width: 86%;
		flex-direction: column;
		top: 18%;
		left: 48.5%;
		display: grid;
		display: -ms-grid;
		-ms-grid-rows: auto auto;
		-ms-grid-columns: auto 1fr;
		grid-template: 
		"header header" auto 
		"title title" auto 
		"date date" auto;
	}
}
.kv--tag {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	position: relative;
	width: 100%;
	max-width: 21%;
	margin-left: auto;
	grid-area: tag;
}
.kv--tag::before {
	display: block;
	padding-top: 100%;
	content: "";
}
@media (max-width: 768.98px) {
	.kv--tag {
		max-width: 19vw;
		margin: 0 auto;
	}
}
.kv--header {
	-ms-grid-row: 1;		/*上下の位置*/
	-ms-grid-column: 1;		/*左端からの開始位置*/
	-ms-grid-column-span: 2;		/*何列結合させるか*/
	/* text-align: center; */
	grid-area: header;
}
.kv--header .h_sub{
	color: #0d3387;
	font-size: 1.8vw;
	letter-spacing: 0.1em;
}
.kv--header-text {
	margin-top: -1%;
	color: #0d3387;
	font-size: 4.0vw;
	/*font-weight: bold;*/
	line-height: 1.5em;
	letter-spacing: 0.2em;
}
.kv--header-text .online{
	margin-right: 2%;
	margin-left: -1%;
	font-size: 5.4vw;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-style: italic;
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
	background: -webkit-linear-gradient(-60deg, #f8c400, #fbb600, #db6b00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.kv--header-text .seminar{
	font-size: 3.4vw;
}
.kv--header-text .year{
	color: #f7cd83;
	font-size: 5.0vw;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
@media (max-width: 768.98px) {
	.kv--header .h_sub{
		font-size: 4.0vw;
	}
	.kv--header-text {
		margin-top: 1%;
		font-size: 9.0vw;
	}
	.kv--header-text .online{
		font-size: 12.8vw;
		letter-spacing: 0em;
	}
	.kv--header-text .seminar{
		font-size: 7.8vw;
		letter-spacing: 0.2em;
	}
	.kv--header-text .year{
		font-size: 12vw;
		line-height: 1.0em;
		display: block;
		text-align: right;
		margin-right: 5%;
	}
}
.kv--title {
	margin-top: 5%;
	-ms-grid-row: 2;		/*上下の位置*/
	-ms-grid-column: 1;		/*左端からの開始位置*/
	-ms-grid-column-span: 2;		/*何列結合させるか*/
	width: 100%;
	/*display: flex;*/
	/*justify-content: center;*/
	grid-area: title;
}
@media (max-width: 768.98px) {
	.kv--title {
		margin-top: 10%;
		margin-left: 2%;
	}
}
.kv--title-text {
	padding-left: 3.6%;
	font-size: 1.7vw;
	color: #0d3387;
	letter-spacing: 0.4rem;
	/*font-weight: bold;*/
	line-height: 1.8em;
	border-left: 1px solid #ec6c00;
}
	.kv--title-text .number{
		margin: 0 2%;
		font-size: 3.4vw;
		font-weight: bold;
		font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		border-bottom: 4px solid;
		border-image: linear-gradient(to right, #f8c400 0%, #db6b00 100%);
		border-image-slice: 1;
	}
		.kv--title-text .number .unit{
			margin-left: 1%;
			font-size: 2.4vw;
		}
@media (max-width: 768.98px) {
	.kv--title-text {
		font-size: 3.4vw;
		letter-spacing: 0.24em;
	}
	.kv--title-text .number{
		font-size: 7vw;
		font-weight: bold;
	}
	.kv--title-text .number .unit{
		font-size: 0.7em;
	}
}
.kv--title-text .large {
	font-size: 1.6em;
}
@media (max-width: 768.98px) {
	.kv--title-text .large {
		font-size: 6.4vw;
	}
}


.kv--date {
	margin-top: 6.5%;
	margin-left: 4%;
	-ms-grid-row: 3;		/*上下の位置*/
	-ms-grid-column: 1;		/*左端からの開始位置*/
	-ms-grid-column-span: 2;		/*何列結合させるか*/
	width: 100%;
	/*display: flex;*/
	/*justify-content: center;*/
	grid-area: date;
	font-size: 3.0vw;
	letter-spacing: -0.05em;
	color: #fff;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
	.kv--date .date{
		font-size: 4.8vw;
	}
	.kv--date .week{
		margin-left: 0.2em;
		letter-spacing: 0.1rem;
		font-size: 2.0vw;
	}
	.kv--date .hyphen{
		font-size: 4.8vw;
	}
@media (max-width: 768.98px) {
	.kv--date{
		margin-top: 9.8%;
		margin-left: 0;
		font-size: 6vw;
	}
	.kv--date .date{
		font-size: 9vw;
	}
	.kv--date .week{
		margin-left: 0.2em;
		font-size: 3.6vw;
		letter-spacing: 0rem;
	}
	.kv--date .hyphen{
		font-size: 12.0vw;
		letter-spacing: -0.1em;
	}
}


.kv--inner {
	-ms-grid-row: 3;		/*上下の位置*/
	-ms-grid-column: 1;		/*左端からの開始位置*/
	-ms-grid-column-span: 2;		/*何列結合させるか*/
	width: 100%;
	grid-area: inner;
	margin-top: 3%;
}
@media (max-width: 768.98px) {
	.kv--tag {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.kv--header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.kv--title {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.kv--inner {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	    margin-bottom: 2%;
	}
}
.kv--item {
	position: relative;
	font-size: 1.12vw;
	line-height: 1.9411764706;
	display: flex;
}
@media (max-width: 768.98px) {
	.kv--item {
		font-size: 3vw;
	}
}
.kv--icon {
	position: relative;
	width: 100%;
	max-width: 17px;
	display: block;
	margin-right: 0.5em;
}
.kv--icon::before {
	display: block;
	padding-top: 100%;
	content: "";
}
@media (max-width: 768.98px) {
	.kv--icon {
		max-width: 1.2em;
	}
}
.kv--note {
	margin-top: 1vw;
	font-size: 0.95vw;
}
@media (max-width: 768.98px) {
	.kv--note {
		font-size: 1vw;
	}
}

/*IE11用のスタイル*/
@media all and (min-width: 769px) and (-ms-high-contrast: none) {
	/*IE・PC版用のスタイル*/
	.kv--title{
		margin-top: 28px;
	}
	.kv--inner{
		margin-top: 20px;
	}
}
@media all and (max-width: 768.98px) and (-ms-high-contrast: none) {
	/*IE・SP版用のスタイル*/
}

.mv{
	width: 100%;
	height: 730px;
	background: url("../image/mv/bg_mv.png") no-repeat center,linear-gradient(0deg, rgba(195,217,167,1) 0%, rgba(160,201,107,1) 70%, rgba(160,201,107,1) 100%) ;
	position: relative;
}
.news{
	width: 100%;
    background: #ec731d;
    text-align: center;
    padding: 20px 0;
    color: #fff;
    font-size: 20px;
}
.news .txt span {
    font-weight: bold;
    margin-right: 15px;
}
.news a {
    color: #fff;
    text-decoration: underline;
}


.faq_list {
	letter-spacing: 0.01em;
	color: #4763A8;
	background-color: #F5F8FF;
	padding: 25px;
}
.faq_list:not(:first-of-type) {
	margin-top: 25px;
}
@media (max-width: 768.98px) {
	.news{
	width: 100%;
	background: #ec731d;
	text-align: center;
	padding: 10px;
	color:#fff;
	font-size: 16px;
	}
	.news .txt span {
	    font-weight: bold;
	    margin-right: 5px;
	    display: block;
	}
	.news a {
	    color: #fff;
	    text-decoration: underline;
	}
	.faq_list {
		padding: 20px;
	}
	.mv{
		width: 100%;
		height: 645px;
		background: url("../image/mv/sp_bg_mv.png") no-repeat center/cover,linear-gradient(0deg, rgba(195,217,167,1) 0%, rgba(160,201,107,1) 70%, rgba(160,201,107,1) 100%) ;
	}
}
.faq_list--q {
	line-height: 1.815;
	margin-bottom: 50px;
	position: relative;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	align-items: center;
}
.faq_list--q::after {
	left: 0;
	bottom: -24px;
	width: 81px;
	height: 1px;
	content: "";
	position: absolute;
	background-color: #4763A8;
}
@media (max-width: 768.98px) {
	.faq_list--q::after {
		bottom: -19px;
	}
}
@media (max-width: 768.98px) {
	.faq_list--q {
		line-height: 1.5;
		margin-bottom: 40px;
	}
}
.faq_list--q_icon {
	font-size: 32.65px;
	color: #A2B1D3;
	margin-right: 10px;
}
.faq_list--a {
	font-size: 16px;
	line-height: 2.041875;
}

.faq--inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}
.faq--content {
	margin-top: 60px;
}
@media (max-width: 768.98px) {
	.faq--content {
		margin-top: 30px;
	}
}

/*header
---------------------------*/
.header-btn {
	width: auto;
	margin-left: 30px;
	display: flex;
	align-items: flex-end;
}
@media (max-width: 768.98px) {
	.header-btn {
		margin-left: 0;
		max-width: inherit;
		align-items: center;
		background: #00a6bf;
	}
}
.header-btn--list {
	margin-left: 0px;
	display: inline-flex;
}
@media (max-width: 768.98px) {
	ul.header-btn--list li.header-btn--item{
		/*margin-left: 10px;
		margin-right: 10px;*/
	}
}
.header-btn--item {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}
.header-btn--item > a{
	font-size: 13px;
	font-weight: bold;
	padding: 16px 0;
	background: #00a6bf;
	width: 185px;
	box-sizing: border-box;
}
.header-btn--item > a span{
	font-size: 15px;
}
.header-btn--item > a.btn_app{
	padding: 19px 0;
	background: #609937;
	height: 61px;
	box-sizing: border-box;
}
.header-btn--item > a.btn_app img{
	width: 18px;
	height: auto;
	display: inline-block;
	margin: 0 6px 0 0;
	vertical-align: middle;
}
.header-btn--item > a.btn_app:hover{
	opacity: 0.5;
}
.header-btn--item > a.btn_login{
	background: #3d6123;
	width: 185px;
	padding: 2px 30px;
	text-align: center;
	height: 61px;
	box-sizing: border-box;
}
.header-btn--item > a.btn_login span{
	font-size: 18px !important;
}
.header-btn--item > a.btn_login span.small_btnTxt{
	font-size: 12px !important;
}
.header-btn--item > a.btn_login img{
	width: 18px;
	height: auto;
	display: inline-block;
	margin: 0 6px 0 0;
	vertical-align: middle;
}
/*開催までお待ちください*/
.btn_position{
	position: relative;
}
.header-btn--item > .form-end{
	display: block;
	width: 185px;
	height: 61px;
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 52;
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 61px;
}
.header-btn--item > .btn_wait{
	display: block;
	width: 185px;
	height: 61px;
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 52;
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 61px;
}

.header-btn--link {
	display: flex;
	padding: 10px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
	width: 100%;
	line-height: 1.5;
}
.header-btn--link:link, .header-btn--link:visited {
	color: #fff;
	text-decoration: none;
}

.header-btn--link > .bold {
	font-weight: bold;
}
.header-btn--link > .small {
	font-size: 0.8em;
}

.header-list {
	margin-left: auto;
	display: flex;
	align-items: center;
}
@media (max-width: 768.98px) {
	.header-list {
		display: none;
	}
}
.header-list--list {
	display: flex;
	margin-left: -25px;
}
.header-list--item {
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 25px;
}
.header-list--link:link, .header-list--link:visited {
	color: #000;
	text-decoration: none;
}

.header {
	display: flex;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(255,255,255,0.8);
	z-index: 100;
}
.header--inner {
	display: flex;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	justify-content: space-between;
}
@media (max-width: 768.98px) {
	.header {
		height: 60px;
	}
	.header--inner {
		padding: 0px 0px 0px 0px;
		justify-content: space-between;
		align-items: center;
	}
}
.header--wrapper {
	display: flex;
}
@media (max-width: 768.98px) {
	.header--wrapper {
		width: auto;
		white-space: nowrap;
	}
}

.logo {
	width: 100%;
	max-width: 320px;
	margin-left: 2%;
}
@media (max-width: 768.98px) {
	.logo {
		/*width: auto;*/
		/*max-width: 100%;*/
	}
}
.logo--link {
	display: flex;
	font-weight: bold;
	font-size: 12px;
	padding: 9px 0;
}
.logo--img {
	position: relative;
	width: 100%;
	max-width: 130px;
	flex-shrink: 0;
}
.logo--img::before {
	display: block;
	padding-top: 43.8461538462%;
	content: "";
}
@media (max-width: 768.98px) {
	.logo--img {
		max-width: 80px;
	}
.logo--link {
	display: flex;
	font-weight: bold;
	font-size: 8px;
	padding: 5px 0;
}
}
.logo--inner:not(_) {
	margin-left: 16px;
	display: flex;
	align-items: center;
	text-decoration: none;
}
@media (max-width: 768.98px) {
	.logo--inner:not(_) {
		margin: 0 10px;
		font-size: 10px;
		/*max-width: inherit;*/
	}
}
.logo--text {
	color: #fff;
	font-size: 100%;
	line-height: 1.4em;
	font-weight: bold;
}

.introduction {
	padding: 40px 0;
}
@media (max-width: 768.98px) {
	.introduction {
		padding: 1px 0;
	}
}
.introduction--inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}
.introduction--inner:nth-child(n+2) {
	margin-top: 120px;
}
@media (max-width: 768.98px) {
	.introduction--inner:nth-child(n+2) {
		margin-top: 60px;
	}
}

.request-btn {
	width: 93%;
	max-width: 856px;
	margin: 20px auto;
}
@media (max-width: 768.98px) {
	.request-btn {
		margin-top: 10px;
	}
}
.request-btn--list {
	display: flex;
	justify-content: center;
	margin-top: -15px;
	margin-left: -35px;
}
@media (max-width: 768.98px) {
	.request-btn--list {
		flex-direction: column;
	}
}
.request-btn--item {
	width: 100%;
	height: 80px;
	padding-top: 15px;
	padding-left: 35px;
}
.request-btn--item9 {
	width: 44%;
	height: 80px;
	padding-top: 15px;
	padding-left: 35px;
}
@media (max-width: 768.98px) {
	.request-btn--item9 {
		width: 100%;
		height: 80px;
		padding-top: 15px;
		padding-left: 35px;
	}
}
.request-btn--link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 18px;
	border-radius: 4px;
	/*max-width: 290px;*/
}
.request-btn--link:link, .request-btn--link:visited {
	color: #fff;
	text-decoration: none;
}
@media (max-width: 768.98px) {
	.request-btn--link {
		max-width: 100%;
	}
}
.request-btn--link .large {
	font-size: 1.2em;
	font-weight: bold;
	margin-right: 20px;
}
.request-btn--icon {
	display: block;
	position: relative;
	margin-right: 0.5em;
}
.request-btn--icon.lunch {
	width: 100%;
	max-width: 26px;
}
.request-btn--icon.lunch::before {
	display: block;
	padding-top: 138.4615384615%;
	content: "";
}
.request-btn--icon.truck {
	width: 100%;
	max-width: 45px;
}
.request-btn--icon.truck::before {
	display: block;
	padding-top: 68.8888888889%;
	content: "";
}
.request-btn--icon.hospital {
	width: 100%;
	max-width: 26px;
}
.request-btn--icon.hospital::before {
	display: block;
	padding-top: 119.2307692308%;
	content: "";
}

.request-host {
	padding: 25px 10px;
	border: 1px solid #ECF1FF;
	width: 100%;
	max-width: 945px;
	margin-top: 45px;
	margin-bottom: 65px;
}
.request-host--list {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -15px;
	margin-left: -15px;
}
.request-host--list:nth-child(n+2) {
	margin-top: 0;
}
@media (max-width: 768.98px) {
	.request-host--list {
		align-items: stretch;
		flex-direction: column;
	}
}
.request-host--item {
	font-size: 16px;
	line-height: 1.3125;
	padding-top: 15px;
	padding-left: 15px;
	color: #4763A8;
}
@media (max-width: 768.98px) {
	.request-host--item {
		font-size: 13px;
	}
}
.request-host--item .bold {
	font-weight: bold;
}

.request {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 20px;
}

@media (max-width: 768.98px) {
	.request {
	padding-top: 40px;
	}
}
.request--inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}

.seminar--wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
	margin-left: -22px;
}
.seminar--inner {
	padding-top: 42px;
	padding-left: 25px;
	width: 100%;
	max-width: 33%;
}

@media (max-width: 768.98px) {
	.seminar--inner {
		max-width: 100%;
	}
}

.logo--link:link, .logo--link:visited {
	color: #000;
	text-decoration: none;
}
.logo--img {
	position: relative;
	width: 100%;
	max-width: 97px;
	flex-shrink: 0;
}
.logo--img::before {
	display: block;
	padding-top: 43.8461538462%;
	content: "";
}
@media (max-width: 768.98px) {
	.logo--img {
		max-width: 67px;
	}
}
.logo--inner:not(_) {
	margin-left: 16px;
	display: flex;
	align-items: center;
	text-decoration: none;
}
@media (max-width: 768.98px) {
	.logo--inner:not(_) {
		font-size: 14px;
		max-width: inherit;
	}
}
.logo--text {
	color: #000;
}

.preparation {
	margin-top: 45px;
	font-size: 18px;
	line-height: 1.5555555556;
	text-align: center;
}
@media (max-width: 768.98px) {
	.preparation {
		font-size: 16px;
	}
}

.card_lv1 {
	padding: 30px 25px;
	background: #fff;
	border-radius: 8px;
	margin-top: 50px;
}
.card_lv1--container {
	display: flex;
}
@media (max-width: 768.98px) {
	.card_lv1--container {
		flex-direction: column;
	}
}
.card_lv1--head {
	display: flex;
	align-items: flex-start;
	color: #4763A8;
}
.card_lv1--date {
	display: flex;
	align-items: center;
}
.card_lv1--day {
	display: block;
	font-size: 50px;
}
.card_lv1--inner {
	display: flex;
	flex-direction: column;
	margin-left: 0.5em;
}
.card_lv1--week {
	display: block;
	line-height: 1.3333333333;
}
.card_lv1--time {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5555555556;
}
.card_lv1--body {
	position: relative;
	color: #4763A8;
	padding: 5px 0;
	margin-left: 90px;
}
@media (max-width: 768.98px) {
	.card_lv1--body {
		margin-left: 0;
		margin-top: 30px;
	}
}
.card_lv1--body::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: -48px;
	width: 8px;
	height: 100%;
	border-left: 2px solid #ECF1FF;
	border-right: 2px solid #ECF1FF;
}
@media (max-width: 768.98px) {
	.card_lv1--body::before {
		border: none;
		border-top: 2px solid #ECF1FF;
		border-bottom: 2px solid #ECF1FF;
		top: -20px;
		left: 0;
		width: 100%;
		height: 8px;
	}
}
.card_lv1--title {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3636363636;
}
.card_lv1--text {
	display: flex;
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.75;
}
@media (max-width: 768.98px) {
	.card_lv1--text {
		font-size: 14px;
	}
}
.card_lv1--text > .border {
	white-space: nowrap;
	padding-right: 0.5em;
	margin-right: 0.5em;
	border-right: 2px solid #ddd;
}
.card_lv1--list {
	display: flex;
	margin-left: -10px;
	margin-top: 15px;
	flex-wrap: wrap;
}
.card_lv1--item {
	padding-top: 10px;
	padding-left: 10px;
	font-size: 16px;
}
.card_lv1--item > span {
	display: block;
	padding: 10px;
	border: 2px solid #ECF1FF;
}
.card_lv1--foot {
	margin-top: 20px;
}
.card_lv1--btn {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-top: -15px;
}
.card_lv1--btn-item {
	width: 100%;
	max-width: 33.3333333333%;
	padding-left: 15px;
	padding-top: 15px;
}
@media (max-width: 768.98px) {
	.card_lv1--btn-item {
		max-width: 100%;
	}
}
.card_lv1--btn-link {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	padding: 15px 0;
	color: #fff;
	border-radius: 8px;
}
.card_lv1--btn-link:link, .card_lv1--btn-link:visited {
	color: #fff;
	text-decoration: none;
}
.card_lv1--btn-link .large {
	display: block;
	font-weight: bold;
	font-size: 20px;
	margin-right: 0.5em;
}

.card_lv2 {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 30px 25px;
	background: #fff;
	border-radius: 8px;
	position: relative;
}
.card_lv2--head {
	display: flex;
	align-items: flex-start;
	color: #4763A8;
	margin-top: 10px;
}
.card_lv2--container {
	display: flex;
	flex-direction: column;
}
.card_lv2--date {
	display: flex;
	align-items: center;
}
.card_lv2--day {
	display: block;
	font-size: 50px;
}
.card_lv2--day.date_all{
	font-size: 38px;
	white-space: nowrap;
}
.card_lv2--inner {
	display: flex;
	flex-direction: column;
	margin-left: 0.5em;
}
.card_lv2--week {
	display: block;
	line-height: 1.3333333333;
}
.card_lv2--adjust {
	display: block;
	font-weight: bold;
	color: #ff0000;
	line-height: 1.3333333333;
	padding-top: 32px;
}
.card_lv2--time {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5555555556;
}
.card_lv2--body {
	position: relative;
	color: #4763A8;
	padding: 5px 0;
	margin-top: 32px;
}
.card_lv2--body::before {
	position: absolute;
	display: block;
	content: "";
	top: -30px;
	left: 0;
	width: 100%;
	height: 8px;
	border-top: 2px solid #ECF1FF;
	border-bottom: 2px solid #ECF1FF;
}
.card_lv2--title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
}
.card_lv2--text {
	display: flex;
	font-size: 14px;
	margin-top: 20px;
	line-height: 1.75;
}
.card_lv3--text {
	display: flex;
	font-size: 14px;
	margin-top: 20px;
	line-height: 1.75;
}
@media (max-width: 768.98px) {
	.card_lv2--text {
		font-size: 14px;
	}
}


.re_air:before{
	margin-right: 10px;
	content: '';
	display: inline-table;
	width: 48px;
	height: 48px;
	background-image: url("../image/icon_re-air.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.instructor_data{
		display: inline-block;
	}
	.instructor_data .card_lv2--text{
		width: 158px;
		float: left;
	}
	.instructor_data>div{
		margin-right: 14px;
		display: inline-block;
		width: 80px;
		float: left;
	}
	.instructor_data>div>img{
		width: 100%;
		margin-top: 20px;
	}
}
@media (max-width: 768px) {
	.instructor_data>div{
		margin: 0 auto;
		width: 40%;
	}
	.instructor_data>div img{
		width: 100%;
		height: auto;
	}
}

.card_lv2--text > .border {
	white-space: nowrap;
	padding-right: 0.5em;
	margin-right: 0.5em;
	border-right: 2px solid #ddd;
}
.card_lv3--text > .border {
	white-space: nowrap;
	padding-right: 0.5em;
	margin-right: 0.5em;
	border-right: 2px solid #ddd;
}
.card_lv2--list {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
	margin-left: -10px;
	/* margin-top: 25px; */
}
.card_lv2--item {
	padding-top: 10px;
	padding-left: 10px;
	font-size: 16px;
}
.card_lv2--item > span {
	display: block;
	padding: 6px;
	/* border: 2px solid #ECF1FF; */
	background: #4763A8;
	color:#fff;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 12px;
}
.card_lv2--item > span.purple{
	display: block;
	padding: 6px;
	/* border: 2px solid #ECF1FF; */
	background: #b075c9;
	color:#fff;
	font-size: 12px;
}
.card_lv2--item > span.deeppurple{
	display: block;
	padding: 6px;
	/* border: 2px solid #ECF1FF; */
	background: #2e3e7f;
	color:#fff;
	font-size: 12px;
}
.card_lv2--item > span.brown{
	display: block;
	padding: 6px;
	/* border: 2px solid #ECF1FF; */
	background: #a9874b;
	color:#fff;
	font-size: 12px;
}
.card_lv2--item > span.month12{
	display: block;
	padding: 6px;
	/* border: 2px solid #ECF1FF; */
	background: #007da8;
	color:#fff;
	font-size: 12px;
}
.card_lv2--foot {
	margin-top: 20px;
}
.card_lv2--btn {
	display: flex;
	margin-top: -15px;
	margin-left: -15px;
}
.card_lv2--btn-item {
	width: 100%;
	max-width: 3333.3333333333%;
	padding-top: 15px;
	padding-left: 15px;
}
.card_lv2--btn-link {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	padding: 15px 0;
	color: #fff;
	border-radius: 8px;
}
.card_lv2--btn-link:link, .card_lv2--btn-link:visited {
	color: #fff;
	text-decoration: none;
}
.card_lv2--btn-link .large {
	display: block;
	font-weight: bold;
	font-size: 20px;
	margin-right: 0.5em;
}

.section-month {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #4763A8;
	padding: 5px 0;
	font-size: 26px;
	font-weight: bold;
	color: #D9E3FF;
	/* margin-top: 25px; */
}
.section-month9 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #b075c9;
	padding: 5px 0;
	font-size: 26px;
	font-weight: bold;
	color: #f2eaf5;
	/* margin-top: 25px; */
}
.section-month10 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #2e3e7f;
	padding: 5px 0;
	font-size: 26px;
	font-weight: bold;
	color: #ebedf7;
	/* margin-top: 25px; */
}
.section-month11 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #a9874b;
	padding: 5px 0;
	font-size: 26px;
	font-weight: bold;
	color: #f5f0e6;
	/* margin-top: 25px; */
}
.section-month12 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #007da8;
	padding: 5px 0;
	font-size: 26px;
	font-weight: bold;
	color: #cfdee2;
	/* margin-top: 25px; */
}
@media (max-width: 768.98px) {
	.section-month,
	.section-month9 {
		margin-top: 30px;
	}
}
.section-month--icon {
	position: relative;
	display: block;
	width: 100%;
	max-width: 29px;
	margin-right: 0.5em;
}
.section-month--icon::before {
	display: block;
	padding-top: 100%;
	content: "";
}


.text{
	margin:0 auto;
	font-size: 16px;
	margin-top:30px;
	text-align: center;
	color: #4763A8;
}
.text .small{
	font-size: 14px;
	color: #5a5a5a;
}
@media (max-width: 768.98px) {
	.text{
		width: 100%;
		margin:0 auto;
		font-size: 13px;
		margin-top:15px;

	}
	.text .small{
		font-size: 12px;
		color: #5a5a5a;
	}
}
.overflow {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}

.bg--green {
	background: #80B648;
}
.bg--green:hover {
	opacity: 1;
	background: #58911D;
}
.bg--purple {
	background: #B075C9;
}
.bg--lavender {
	background: #f2eaf5;
}
.bg--palepurple {
	background: #ebedf7;
}
.bg--brown {
	background: #a9874b;
}
.bg--brown:hover {
	opacity: 1;
	background: #6d501c;
}
.bg--lightbrown {
	background: #f5f0e6;
}
.bg--month12 {
	background: #007da8;
}
.bg--month12:hover {
	opacity: 1;
	background: #1d5d73;
}
.bg--lightmonth12 {
	background: #cfdee2;
}



.bg--purple:hover {
	opacity: 1;
	background: #9847BA;
}
.bg--deeppurple {
	background: #5667ab;
}
.bg--deeppurple:hover {
	opacity: 1;
	background: #2e3e7f;
}


.bg--orange {
	background: #E8803F;
}
.bg--orange:hover {
	opacity: 1;
	background: #D65C0F;
}
.bg--blue {
	background: #4763A8;
}
.bg--blue:hover {
	opacity: 1;
}
.bg--sky {
	background: #ECF1FF;
}
.bg--shadow {
	box-shadow: 0 6px 0 #ddd;
}

.last-section {
	padding: 80px 0;
}
@media (max-width: 768.98px) {
	.last-section {
		padding: 30px 0;
	}
}

.block {
	display: block;
}

@media (min-width: 769px) {
	.-pc-none {
		display: none !important;
	}
}


.-sp-none {
	display: block;
}
@media (max-width: 768.98px) {
	.-sp-none {
		display: none !important;
	}
}

.-sp-none-inline {
	display: inline-block;
}
@media (max-width: 768.98px) {
	.-sp-none-inline {
		display: none !important;
	}
}

/*食品ITフェア2023
---------------------------*/
@media (max-width: 768.98px) {
	a:hover{
		opacity: 1.0 !important;
	}
}
/*ハンバーガーメニュー*/
.hamburger{
	display: none !important;
}
@media (max-width: 768.98px) {
	.hamburger{
		display: block !important;
		width: 40px !important;
		height: 40px !important;
		top: 10px !important;
    left: calc(100% - 50px) !important;
		background: #609937;
		padding: 11px 8px !important;
	}
	.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before{
		height: 4px !important;
		background-color: #fff !important;
	}
	.hamburger__icon:before{
		top: -9px !important;
	}
	.hamburger__icon:after{
		top: 9px !important;
	}
	.hamburger.active .hamburger__icon {
    background-color: transparent !important;
	}
	.hamburger.active .hamburger__icon:after{
		top: 7px !important;
	}
	.hamburger.active .hamburger__icon:before{
		top: -7px !important;
	}
	.fat-nav{
		background: rgba(255,255,255,0.9) !important;
	}
	.fat-nav li{
		font-size: 1.6em !important;
	}

	.header-btn--item {
		/*max-width: 50%;*/
		width: auto;
		padding-left: 0;
	}
	.header-btn--item > a{
		font-size: 10px;
		font-weight: bold;
		padding: 6px 10px;
		box-sizing: border-box;
		width: auto;
	}
	.header-btn--item > a span{
		font-size: 16px;
	}
	.header-btn--item .pc{
			display: none !important;
		}
	.header-btn--item > a.btn_login{
		background: #ebae00;
		width: auto;
		}	
	.header-btn--link {
		font-size: 10px;
		padding: 5px 2px;
		height: 100%;
	}
	
	.header-btn--item > a.btn_app{
		padding: 10px 0;
    background: #609937;
    box-sizing: border-box;
    width: 250px;
    border-radius: 25px;
    height: auto;
    margin: 0 auto;
	}
	.header-btn--item > a.btn_app img{
		width: 18px;
		height: auto;
		display: inline-block;
		margin: 0 6px 0 0;
		vertical-align: middle;
	}
	.header-btn--item > a.btn_login{
		background: #3d6123;
		width: 250px;
		padding: 2px 30px;
		text-align: center;
		height: auto;
		box-sizing: border-box;
    margin: 0 auto;
		border-radius: 30px;
	}
	.header-btn--item > a.btn_login span{
		font-size: 16px !important;
	}
	.header-btn--item > a.btn_login span.small_btnTxt{
		font-size: 12px !important;
	}
	.header-btn--item > a.btn_login img{
		width: 18px;
		height: auto;
		display: inline-block;
		margin: 0 6px 0 0;
		vertical-align: middle;
	}
	/*開催までお待ちください*/
	.btn_position{
		position: relative;
		width: 270px;
    margin: 0 auto;
	}
	.header-btn--item > .form-end{
		display: block;
		width: 250px;
		height: 44px;
		background: rgba(0,0,0,0.7);
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 52;
		font-size: 16px;
		color: #fff;
		text-align: center;
		line-height: 46px;
		border-radius: 30px;
	}
	.header-btn--item > .btn_wait{
		display: block;
		width: 250px;
		height: auto;
		background: rgba(0,0,0,0.7);
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 52;
		font-size: 16px;
		color: #fff;
		text-align: center;
		line-height: 52px;
		border-radius: 30px;
	}
	
}
/*メインビジュアル*/
.mv_area{
	width: 544px;
	height: inherit;
	margin: 0 auto 0;
	position: relative;
}
.mv_ttl{
	position: absolute;
	top: 192px;
	left: 72px;
}
.mv_free{
	position: absolute;
	top: 181px;
	left: 355px;
}
.mv_days{
	position: absolute;
	bottom: 175px;
	left: 0px;
}
.mv_free img{
	width: 138px;
}
.mv_ttl img{
	width: 383px;
}
.mv_days img{
	width: 544px;
}
.mv_free,
.mv_ttl,
.mv_days{
	opacity: 0;
}

@media (max-width: 768.98px) {
	.mv_area{
		width: 100%;
		height: inherit;
		margin: 0 auto 0;
		position: relative;
	}
	.mv_ttl{
		position: absolute;
		top: 31%;
		left: 17%;
	}
	.mv_free{
		position: absolute;
		top: 28%;
		left: 62%;
	}
	.mv_days{
		position: absolute;
		bottom: 32%;
		left: 4vw;
	}
	.mv_free img{
		width: 26vw;
		height: auto;
	}
	.mv_ttl img{
		width: 65vw;
		height: auto;
	}
	.mv_days img{
		width: 90vw;
		height: auto;
	}
}

/*アニメーションスタートの遅延時間*/
.mv_ttl{
animation-delay: 0.4s;
}
.mv_days{
animation-delay: 0.6s;
}
.mv_free{
animation-delay: 0.8s;
}
.catch_bg,.catch_txt{
animation-delay: 1.0s;
}
/*アニメーション*/
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
animation-timing-function: ease-out;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: scale(1.1) translateY(60px);
  }

  to {
    opacity: 1;
	transform: scale(1.0) translateY(0);
  }
}
.catchUp {
animation-name:catchUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
animation-timing-function: ease-out;
opacity: 0;
}
@keyframes catchUpAnime{
  from {
	opacity: 0;
	transform: translateY(60px);
  }

  to {
	opacity: 1;
	transform: translateY(0);
  }
}
.fadeDown {
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
animation-timing-function: ease-out;
opacity: 0;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: scale(1.1) translateY(-100px);
  }

  to {
    opacity: 1;
	transform: scale(1.0) translateY(0);
  }
}
.fadeDown2 {
animation-name:fadeDownAnime2;
animation-duration:0.5s;
animation-fill-mode:forwards;
animation-timing-function: ease-out;
opacity: 0;
}
@keyframes fadeDownAnime2{
  from {
    opacity: 0;
	transform: scale(1.1) translateY(-50px);
  }

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

/*共通背景色*/
.bg_green2{ background: #dfebd7; }

.bg_area{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	min-height: 100%;
	display: block;
	background: #70a34b url("../image/bg_seminar.png") no-repeat center top 60px;
	background-size:auto;
	z-index: -1;
}
@media (max-width: 768.98px) {
	.bg_area{
		background: #70a34b url("../image/sp_bg_seminar.png") no-repeat center top;
		background-size: contain;
	}
}
/* h2 */
.h2_area{
	color: #609937;
	text-align: center;
}
.h2_area span{
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 20px;
	letter-spacing: 1.5px;
	display: block;
}
.h2_area h2{
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1;
	padding-bottom: 40px;
}
.h2_area .h2_line{
	width: 128px;
	height: 2px;
	background: #afcc9b;
	margin: 0 auto;
}
@media (max-width: 768.98px) {
	.h2_area h2{
		font-size: 22px;
	}
}
/* h2 ここまで*/

/* catch */
.catch{
	width: 100%;
	height: 106px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.catch_bg{
	width: 100%;
	height: 100%;
	background: #609937;
	mix-blend-mode: multiply;
}
.catch_txt{
	width: 98%;
	text-align: center;
	/*position: absolute;
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%);*/
	margin: -93px auto 0;
}
.catch_txt .up_txt{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1.5px;
	line-height: normal;
}
.catch_txt .up_txt span{
	color: #fff;
	font-family:  'Montserrat', sans-serif;
	font-size: 38px;
	font-weight: 500;
	margin: 0 4px;
}
.catch_txt .un_txt{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1.5px;
}
@media (max-width: 768.98px) {
	.catch{
		width: 100%;
		height: 28vw;
	}
	.catch_txt{
		width: 82%;
		bottom: 3vw;
	}
	.catch_txt .up_txt{
		font-size: 18px;
	}
	.catch_txt .up_txt span{
		font-size: 22px;
	}
	.catch_txt .un_txt{
		font-size: 15px;
	}
}
/* catch ここまで*/

/* TOPICS */
.topics{
	background: #fff;
	color: #000;
	padding: 15px 0;
}
.topics_box{
	display: flex;
	align-items: center;
}
.topics .ttl{
	font-family: "Montserrat";
	font-size: 19px;
	letter-spacing: 1.2px;
	padding-right: 25px;
	width: 130px;
	color: #609937;
	font-weight: 500;
	box-sizing: border-box;
}
.topics .ttl img{
	width: 15px;
	height: auto;
	display: inline-block;
	margin-left: 10px;
	vertical-align: baseline;
}

.topics ul{
	padding-left: 25px;
	width: calc(100% - 155px);
	border-left: 1px solid #609937;
}
.topics ul li{
	font-size: 15px;
	margin-top: 3px;
}
.topics ul li a{
	color: #000;
}
.topics ul li a:hover{
	opacity: 0.6;
}

@media (max-width: 768.98px) {
	.topics{
		background: #fff;
		color: #000;
		padding: 35px 0;
	}
	.topics_box{
		display: block;
	}
	.topics .ttl{
		font-family: "Montserrat";
		font-size: 19px;
		letter-spacing: 1.2px;
		border-right: none;
		width: 100%;
	}
	.topics ul{
		padding-left: 0;
		width: 100%;
		border-left: 0;
	}
	.topics ul li{
		font-size: 15px;
		margin-top: 3px;
		line-height: 160%;
	}
	.topics ul li a{
		color: #000;
	}
}
/* TOPICS ここまで*/

/* カテゴリー選択 */
.keyword_list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 800px;
	margin: 0 auto;
}
.keyword_list li a{
	display: block;
	padding: 0 14px;
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	color: #609937;
	text-align: center;
	min-width: 90px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	margin: 0 4px 14px;
	text-decoration: none;
	box-shadow: 0 5px 0 #4e8831;
}

@media print, screen and (min-width: 769px) {
	.keyword_list li a.active,
	.keyword_list li a:hover
	{
		color: #fff;
		background: #3d6123;
		box-shadow: 0 0 0 #4e8831;
	}
}
.rows.invisible{
	visibility: hidden;
	opacity: 0;
	transform: translate(0, 30px);
}
.rows.visible{
	visibility: visible !important;
	opacity: 1 !important;
	transition: 0.7s !important;
	transform: translate(0, 0) !important;
}
.rows > li.none {
	visibility: hidden;
	opacity: 0;
	width: 0px !important;
	height: 0;
	margin: 0;
	display: none !important;
}
@media (max-width: 768.98px) {
	.keyword_list{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
	}
	.keyword_list li a{
		display: block;
		padding: 0 12px;
		background: #fff;
		font-size: 12px;
		font-weight: bold;
		color: #609937;
		text-align: center;
		min-width: 72px;
		height: 40px;
		line-height: 40px;
		border-radius: 25px;
		margin: 0 4px 10px;
		text-decoration: none;
		box-shadow: 0 5px 0 #4e8831;
		box-sizing: border-box;
	}
	.keyword_list li a.active
	{
		color: #fff;
		background: #3d6123;
		box-shadow: 0 0 0 #4e8831;
	}
}

/* カテゴリー選択 ここまで*/

/* セミナー一覧 */
.nomal_seminar{
	padding: 78px 0 80px;
	position: relative;
}
.intro_text2{
	margin: 60px 0;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 1.8em;
	text-align: center;
}
@media (max-width: 768.98px) {
	.intro_text2{
		margin: 30px 0;
		font-size: 16px;
	}
}
/*セミナー幅調整用スタイル*/
.rows{
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
}
.rows > li{
	width: 31.3%;
	margin: 0 1% 2%;
}

@media (max-width: 768.98px) {
	.rows{
		margin-top: 30px;
		display: inline-block;
		width: 100%;
	}
	.rows > li{
		margin-top: 40px;
		width: 100%;
	}
	.rows > li:first-child{
		margin: 0;
	}
	.rows > li:nth-child(n+2){
		margin-left: 0;
	}
}

/*セミナーリスト*/
.seminar_box > div{
	background: #fff;
	display: flex;
	flex-direction: column;
	width: 100%;
	/*height: 100%;*/
	position: relative;
	text-decoration: none;
	border-radius: 20px;
}
.seminar_box a:hover{
}

.seminar_box .data_head{
	display: flex;
	color: #fff;
	margin: 0 auto;
}
.seminar_box .data_head > span{
	padding: 2px 4px;
	font-size: 14px;
	color: #fff;
	background: #242847;
	font-family: "Montserrat";
	height: 24px;
	box-sizing: border-box;
	display: inline-block;
}
.seminar_box .data_head > .name_tag{
	padding: 4px 10px;
	font-size: 11px;
	display: inline-block;
	color: #fff;
	background: #a0c96b;
	height: 24px;
	box-sizing: border-box;
	display: inline-block;
}
.seminar_box .data_head > .online_tag{
	background: #8ea2a3;
}
.seminar_box .data_head .time_min{
	font-family: "Montserrat";
	font-size: 12px;
	color: #242847;
	display: flex;
	align-items: center;
	margin-left: 10px;
}
.seminar_box .data_head .time_min img{
	width: 14px;
	height: auto;
	margin-right: 4px;
}

.seminar_box_inner{
	padding: 1.0vw;
}

.seminar_box .title{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	color: #609937;
	padding: 0 0 16px;
	border-bottom: 1px solid #e6e6e6;
}
.seminar_box .title.online_c{
	color: #4b6969;
	border-bottom: 1px solid #d2dada;
}
.seminar_box .title span{
	font-size: 12px;
	line-height: 1.0em;
}
.about_text span{
	color: #EC6C00;
}
.po_cat{
	line-height: 1.0em;
}
.po_cat span{
	font-size: 11px;
	color: #fff;
	padding: 2px 8px;
	background: #2b3c64;
	border-radius: 4px;
	margin-right: 10px;
}

/*セミナークローズ用スタイル*/
.seminar_box > a.closed_link{
	pointer-events: none;
}
.seminar_box > a.closed_link:hover{
	background: #fff;
}

@media (max-width: 768.98px) {
.seminar_box_inner{
	padding: 18px 20px;
}
}
@media (max-width: 768.98px) {
	.title_days{
		font-size: 18px;
	}
	.title_days span{
		font-size: 18px;
		font-weight: bold
	}
	.title_days::before{
		width: 20px;
		height: 20px;
		vertical-align: bottom;
	}
	.seminar_box > a{
		padding: 60px 30px 30px;
	}
}

ul.speaker_list{
	color: #000;
}

ul.speaker_list > li{
	padding: 20px 0;
	border-bottom: 1px solid #F3EAC7;
	display: flex;
	justify-content: space-between;
}
ul.speaker_list > li:last-child{
	border-bottom: none;
}

ul.speaker_list > li .name{
	font-size: 15px;
	line-height: 1.2em;
	flex: 1;
}
ul.speaker_list > li .name .position{
	margin-bottom: 12px;
	font-size: 12px;
	display: block;
}

ul.speaker_list > li .photo{
	width: 92px;
	margin-right: 10px;
}
ul.speaker_list > li .photo img{
	margin: 0 auto 4px 0;
}
ul.speaker_list > li .photo p{
	font-size: 11px;
	color: #777;
	text-align: center;
}

@media (max-width: 768.98px) {
	ul.speaker_list > li .photo p{
		display: none;
	}
}

.recommend{
	color: #000;
	padding: 20px 0 16px;
	border-top: 1px solid #e6e6e6;
	font-size: 14px;
}
.recommend.online_c{
	border-top: 1px solid #d2dada;
}
.btn_open{
	display: block;
	width: 100%;
	padding: 2px 0;
	text-align: center;
	font-family: mr-eaves-modern,sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 0;
	color: #fff;
	letter-spacing: 1px;
	background: #609937;
	position: relative;
	border-radius: 14px;
}
.btn_open:before{
	content: "MORE";
	font-family: mr-eaves-modern,sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	color: #fff;
}
.close:before{
	content: "CLOSE";
	font-family: mr-eaves-modern,sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	color: #fff;
}
.btn_open.close{
	background: #ebbe00;
}
.btn_icon{
	position: absolute;
	top: 50%;
	right: 1.0vw;
	transform: translateY(-50%);
	display: block;
	width: 19px;
	height: 19px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.btn_icon:before,
.btn_icon:after{
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 19px;
	height: 1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.btn_icon:before{
	width: 1px;
	height: 19px;
}
.btn_open.close .btn_icon:before{
	content: normal;
}
.btn_online{
	background: #8ea2a3;
}
.btn_open:hover{
	cursor: pointer;
	opacity: 0.8;
}
.seminar_box .btn_no-arc{
	margin: auto auto 0;
	padding: 8px 40px;
	font-size: 14px;
	color: #000;
	text-align: center;
}

.hands_on{
	display: flex;
	margin-top: 10px;
	background: #eff5eb;
	border-radius: 10px;
	padding: 8px 8px;
}
.hands_on .hands_on_txt{
	margin: 0 auto;
}
.hands_on .hands_on_txt .hands_on_ttl{
	font-size: 16px;
	font-weight: bold;
	color: #609937;
	line-height: 1em;
	margin-bottom: 4px;
}
.hands_on .hands_on_txt .hands_on_ttl img{
	width: 27px;
	height: auto;
	margin-right: 10px;
	padding-top: 4px;	
	display: inline-block;
	vertical-align: text-bottom;
}
.hands_on .hands_on_txt .hands_on_stxt{
	font-size: 14px;
	color: #609937;
	line-height: 1em;
	font-weight: normal;
}

.seminar_list{
	margin-bottom: 60px;
}
.seminar_box .about_text{
	font-size: 15px;
	line-height: 1.8em;
	color: #000;
}
@media (max-width: 768.98px) {
	.btn_icon{
		right: 4.0vw;
	}
}
/* セミナー一覧 ここまで*/

/* 開催概要 */
.sponsorinfo_area{
	padding: 60px 0;
	background: #fff;
}
.sponsorinfo{
	display: flex;
	align-items: center;
}
.sponsorinfo .h2_box{
	color: #609937;
	text-align: center;
	margin-right: 100px;
}
.sponsorinfo .h2_box span{
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 20px;
	letter-spacing: 1.5px;
	display: block;
}
.sponsorinfo .h2_box .sponsorinfo_h2{
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1;
	padding-bottom: 40px;
}
.sponsorinfo .h2_box .h2_line{
	width: 128px;
	height: 2px;
	background: #afcc9b;
	margin: 0 auto;
}
.sponsorinfo .h2_box img{
	margin: 40px 0 0 10px;
}
.fair_about{
	width: calc(100% - 260px);
}
.fair_about >dl{
	padding: 20px 0;
	border-bottom: 1px solid #dfebd7;
	display: flex;
	line-height: 1.6;
}
.fair_about >dl:first-child{
	border-top: 1px solid #dfebd7; 
}
.fair_about >dl dt{
	font-size: 16px;
	font-weight: bold;
	width: 86px;
}
.fair_about >dl dd{
	font-size: 16px;
}
@media (max-width: 768.98px) {
	.sponsorinfo{
		display: block;
	}
	.sponsorinfo .h2_box{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto 45px;
	}
	.sponsorinfo .h2_box .sponsorinfo_h2{
		font-size: 22px;
	}
	.sponsorinfo .h2_box .h2_line{
		width: 60px;
	}
	.sponsorinfo .h2_box img{
		margin: 0 0 0 40px;
	}
	.fair_about{
		width: 100%;
	}
	.fair_about >dl{
		padding: 14px 0;
		display: block;
	}
}

/* 開催概要 ここまで*/

/* 申込みボックス */
h2.c_h2{
	margin-bottom: 60px;
	font-size: 28px;
	font-weight: bold;
	color: #408C94;
	text-align: center;
	line-height: 1.5;
	padding-bottom: 48px;
	position: relative;
}
h2.c_h2:before {
	content: "";
	display: block;
	width: 112px;
	height: 1px;
	background: #9FC5C9;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.entry_box_inner{
	width: 100%;
	background: #fff;
	border-radius: 20px;
	padding: 68px 100px;
}

.entry_box{
	padding: 135px 0;
	min-height: 360px;
	text-align: center;
	background: url("../image/bg_entry.png") no-repeat center top -320px/auto ,linear-gradient(0deg, rgba(195,217,167,1) 0%, rgba(160,201,107,1) 70%, rgba(160,201,107,1) 100%) ;
	box-sizing: border-box;
}
.entry_box .inner_box .top_text{
	font-weight: normal;
	font-size: 16px;
	color: #000;
	margin-top: 50px;
}
.entry_box .inner_box .top_text span {
	font-size: 16px;
	border: 1px solid #999999;
	display: block;
	width: 272px;
	margin: 15px auto;
	padding: 2px 0;
}
.entry_box .inner_box .top_text_red{
	font-weight: normal;
	font-size: 16px;
}
.entry_box .inner_box .btn_row{
	display: flex;
	justify-content: center;
}
/*.entry_box .inner_box .btn_row li:last-child{
	position: relative
}*/
.entry_box .inner_box .btn_row li{
	position: relative
}
.entry_box .inner_box .btn_row .login_wait{
	display: block;
	width: 380px;
	height: 70px;
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 2;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 70px;
	border-radius: 10px;
}
.entry_box .inner_box .btn_row .form-end{
	display: block;
	width: 380px;
	height: 70px;
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 2;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 70px;
	border-radius: 10px;
}
.entry_box .inner_box a.btn_entry,
.entry_box .inner_box a.btn_login{
	margin: 30px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 380px;
	height: 70px;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	box-shadow: 0 6px 0px 0 rgb(70 70 70 / 25%);
	border-radius: 10px;
}
.entry_box .inner_box a.btn_entry{
	background: #3d6123;
}
.entry_box .inner_box a.btn_login{
	background: #609937;
}
.entry_box .inner_box a.btn_login span{
	font-size: 14px;
	display: contents;
}
.entry_box .inner_box a.btn_entry:after,
.entry_box .inner_box a.btn_login:after{
	content: "";
	display: inline-block;
	width: 31px;
	height: 31px;
	margin: -3px 0 0 24px;
	background-size: contain;
	vertical-align: middle;
}
.entry_box .inner_box a.btn_entry:after{
	background: url("../img/icon_entry.svg") no-repeat;
}
.entry_box .inner_box a.btn_login:after{
	background: url("../img/icon_login.svg") no-repeat;
}
@media print, screen and (min-width: 769px) {
	.entry_box .inner_box a.btn_entry:hover,
	.entry_box .inner_box a.btn_login:hover{
		opacity: 0.6;
	}
}
.entry_box .inner_box .bottom_text{
	font-size: 16px;
}
.entry_box .inner_box .bottom_text a{
	color: #fff;
}

@media (max-width: 768.98px) {
	.entry_box{
		padding: 100px 0;
		background: url("../image/bg_entry.png") no-repeat center top -100px/cover ,linear-gradient(0deg, rgba(195,217,167,1) 0%, rgba(160,201,107,1) 70%, rgba(160,201,107,1) 100%) ;
	}
	.entry_box_inner{
		padding: 20px 20px 10px;
	}
	.entry_box .inner_box .top_text{
		font-weight: normal;
		font-size: 16px;
		color: #000;
		text-align: left;
	}
	.entry_box .inner_box .top_text span {
		font-size: 16px;
		border: 1px solid #999999;
		display: block;
		width: 100%;
		margin: 15px auto;
		padding: 2px 0;
		text-align: center;
	}
	.entry_box .inner_box .btn_row{
		display: block;
	}
	.entry_box .inner_box .btn_row li:last-child{
		position: relative
	}
	.entry_box .inner_box .btn_row .login_wait{
		display: block;
		width: 100%;
		max-width: 380px;
		height: 70px;
		background: rgba(0,0,0,0.7);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		font-size: 15px;
		color: #fff;
		text-align: center;
		line-height: 70px;
		border-radius: 10px;
	}
	.entry_box .inner_box .btn_row .form-end{
		display: block;
		width: 100%;
		max-width: 380px;
		height: 70px;
		background: rgba(0,0,0,0.7);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		font-size: 15px;
		color: #fff;
		text-align: center;
		line-height: 70px;
		border-radius: 10px;
}
	.entry_box .inner_box a.btn_entry,
	.entry_box .inner_box a.btn_login{
		margin: 30px auto;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 380px;
		height: 70px;
		font-size: 22px;
		line-height: 1.2em;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		background: #a87f24;
		box-shadow: 0 6px 0px 0 rgb(70 70 70 / 25%);
		border-radius: 10px;
	}
	.entry_box .inner_box a.btn_entry{
		background: #3d6123;
	}
	.entry_box .inner_box a.btn_login{
		background: #609937;
	}
}
/* 申込みボックス ここまで */

/* これまでの食品ITフェア */
.intro_text{
	margin: 60px 0;
	font-size: 16px;
	text-align: left;
	line-height: 1.8em;
	text-align: center;
}
.so_far{
	padding: 120px 0 0;
}
.so_far_list{
	display: flex;
	justify-content: space-between;
}
.so_far_list > li{
	position: relative;
}
.so_far_list > li a{
	text-decoration: none;
	padding:48px 20px 20px;
	background: #fff;
	border-radius: 20px;
	display: block;
}
.so_far_list > li a .year{
	font-family: "Montserrat";
	text-align: center;
	font-size: 30px;
	color: #408C94;
	letter-spacing: 5px;
	line-height: 3.0rem;
	position: absolute;
	top: -10px;
	left: 0;
	z-index: 2;
	display: inline-block;
	width: 100%;
}
.so_far_list > li a .year img{
	display: inline-block;
	width: 8px;
	height: auto;
	vertical-align: middle;
	margin: 0 0 7px 5px;
}
.so_far_list > li a:hover{
	background: #FFF1CF;
}
.so_far_list > li a .so_far_box .so_far_ttl{
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
}
.fair_photo{
	width: 100%;
	text-align: center;
	background: #000;
	margin: 100px 0 0;
}
.fair_photo img{
	margin: 0 auto;
}

@media (max-width: 768.98px) {
	.so_far{
		padding: 100px 0 0;
	}
	.so_far_list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.so_far_list > li{
		position: relative;
		width: 48%;
		margin-bottom: 8%;
	}
	.so_far_list > li a .so_far_box .so_far_ttl{
		font-size: 13px;
		font-weight: bold;
	}
	.so_far_list .so_far_box img{
		width: 100%;
	}
	.fair_photo{
		width: 100%;
		text-align: center;
		background: #000;
		margin: 30px 0 0;
	}
	.fair_photo img{
		margin: 0 auto;
	}
}
/* これまでの食品ITフェア ここまで */

/* 事例セミナー */
.solution_case{
	padding: 80px 0 100px;
	background: #fff;
}
	.solution_case .case_cat_list{
		margin: 0 auto;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
		.solution_case .case_cat_list li{
			margin: 20px 20px 0 0;
			color: #408C94;
			font-size: 20px;
			font-weight: bold;
			width: 220px;
			height: 55px;
			background: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 1px solid #408C94;
			border-radius: 50px;
			box-sizing: border-box;
			letter-spacing: 5px;
		}
		.solution_case .case_cat_list li:nth-child(4n){
			margin-right: 0;
		}
		.solution_case .case_cat_list li:nth-child(-n+4){
			margin-top: 0;
		}
@media (max-width: 768.98px) {
	.solution_case{
		padding: 40px 0;
	}
		.solution_case .case_cat_list{
			width: 100%;
		}
		.solution_case .case_cat_list li{
			margin: 20px 2% 0 !important;
			color: #4763a8;
			font-size: 16px;
			font-weight: bold;
			width: 46%;
			height: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 1px solid #4763a8;
			border-radius: 50px;
			box-sizing: border-box;
		}
		.solution_case .case_cat_list li:nth-child(-n+2){
			margin-top: 0 !important;
		}
}
/* 事例セミナー ここまで */

/* 資料ダウンロード */
.document_other{
	padding: 80px 0 100px;
	background: #fff;
}
	.document_other .document_list{
		margin: 60px auto 0;
		width: 950px;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
		.document_other .document_list a{
			margin: 37px 37px 0 0;
			color: #000;
			text-decoration: none;
		}
		.document_other .document_list a:hover li{
			opacity: 0.6;
			background: #fff1cf;
		}
		.document_list a:nth-child(-n+3){
			margin-top: 0;
		}
		.document_list a:nth-child(3n){
			margin-right: 0;
		}
			.document_other .document_list li{
				width: 292px;
				height: 100%;
				background: #ecf3f4;
				border: 1px solid #eee;
				box-sizing: border-box;
				position: relative;
			}
				.document_other .document_list li .visual{
					width: 292px;
					height: 170px;
					background: #f4f4f4;
				}
					.document_other .document_list li .doc_category{
						padding: 2px 14px;
						min-width: 88px;
						display: inline-block;
						text-align: center;
						font-size: 12px;
						font-weight: bold;
						color: #fff;
						background: #408c94;
						border-radius: 20px;
						position: absolute;
						top: 12px;
						right: 12px;
					}

				.document_other .document_list li .data_box{
					padding: 24px 18px;
					box-sizing: border-box;
				}
					.document_other .document_list li .data_box .title{
						padding-bottom: 20px;
						min-height: 94px;
						font-size: 14px;
						font-weight: bold;
						background-image: linear-gradient(to right, #9FC5C9, #9FC5C9 1px, transparent 1px, transparent 4px);
						background-size: 5px 1px;
						background-position: bottom;
						background-repeat: repeat-x;
					}
					.document_other .document_list li .data_box .btn_detail,
					.document_other .document_list li .data_box .btn_dl{
						margin: 20px auto 0;
						padding: 0 20px;
						width: 200px;
						height: 30px;
						display: flex;
						justify-content: center;
						align-items: center;
						color: #fff;
						background: #A87F24;
						box-sizing: border-box;
						position: relative;
					}
					.document_other .document_list li .data_box .btn_detail:after{
						content: "";
						display: inline-block;
						width: 8px;
						height: 13px;
						background: url(../img/icon_white_arrow_right.svg) no-repeat;
						background-size: contain;
						position: absolute;
						right: 10px;
						top: 25%;
					}
					.document_other .document_list li .data_box .btn_dl:after{
						content: "";
						display: inline-block;
						width: 20px;
						height: 15px;
						background: url(../img/icon_download.svg) no-repeat;
						background-size: contain;
						position: absolute;
						right: 10px;
						top: 25%;
					}
@media (max-width: 768.98px) {
	.document_other{
		padding: 40px 0;
	}
		.document_other .document_list{
			width: 100%;
		}
			.document_other .document_list a{
				margin: 20px 0 0 0;
				width: 100%;
			}
			.document_other .document_list a:first-child{
				margin-top: 0;
			}
			.document_other .document_list a:nth-child(-n+3){
				margin-top: 20px;
			}
				.document_other .document_list li{
					width: 100%;
					min-height: 160px;
					display: flex;
				}
					.document_other .document_list li .data_box .title{
						min-height: 0;
						background: none;
					}
					.document_other .document_list li .visual{
						width: 50%;
						height: auto;
						overflow: hidden;
					}
						.document_other .document_list li .visual img{
							height: 100%;
							object-fit: cover;
						}
					.document_other .document_list li .data_box{
						padding: 44px 20px 20px;
						width: 50%;
					}
						.document_other .document_list li .data_box .btn_detail,
						.document_other .document_list li .data_box .btn_dl{
							width: 80%;
							display: none;
						}
					.document_other .document_list li .doc_category{
						display: inline-table;
						position: absolute;
						top: 12px;
						left: calc(50% + 12px);
						right: 0;
					}
}
/* 資料ダウンロード ここまで */


/*共通インナーボックス*/
.inner_box{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}

.inner_box_l{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 15px;
}

/*食品ITフェア2022
---------------------------*/
#f_itfair2021{}

/*共通背景色*/
.bg_yellow{ background: #fdf6d5; }
.bg_gray{ background: #f5f5f5; }
.bg_green{ background: #408C94; }

.section-title {
	margin-bottom: 60px;
	font-size: 28px;
	font-weight: bold;
	color: #408C94;
	text-align: left;
	line-height: 1.5;
	padding-bottom: 48px;
	position: relative;
}
.section-title:before {
	content: "";
	display: block;
	width: 112px;
	height: 1px;
	background: #9FC5C9;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media (max-width: 768.98px) {
	h2.section-title{
		margin-bottom: 60px;
		font-size: 28px;
		font-weight: bold;
		color: #408C94;
		text-align: center;
		line-height: 1.5;
		padding-bottom: 48px;
		position: relative;
	}
	h2.section-title:before {
		content: "";
		display: block;
		width: 112px;
		height: 1px;
		background: #9FC5C9;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.intro_text{
		margin-bottom: 30px;
		font-size: 13px;
	}
}


/*食品関連企業様向け特別セミナー*/
.special_seminar_ttl{ 
	padding: 9px 0;
	width: 100%;
	background: #fff;
}
.special_seminar_ttl_inner{
	border: 1px dashed #C5DCDF;
	border-left: none;
	border-right: none;
	padding: 44px 0 37px;
}
.special_seminar_ttl_box{
	display: flex;
	justify-content: center;
}
.special_seminar_ttl_box > div:first-child{
	margin-right: 50px;
}
.special_seminar_ttl_txt{
	/*width: 370px;*/
	width: 500px;
}
.special_seminar_ttl_txt > .ttl_en{
	font-size: 13px;
	color: #408C94;
	margin-bottom: 10px;
}
.special_seminar_ttl_txt > .ttl{
	font-size: 23px;
	font-weight: bold;
	color: #408C94;
	margin-bottom: 6px;
}
.special_seminar_ttl_txt > .txt{
	font-size: 16px;
}
.special_seminar_ttl_txt > .txt02{
	font-size: 20px;
	line-height: 2.5em;
}
.special_seminar_ttl_txt > .txt02 span{
	font-weight: bold;
    text-decoration: underline;
    font-size: 24px;
    letter-spacing: 0.3rem;
    color: #a98227;
}
.btn_seminar_day{
	margin: 0 auto 77px;
	display: flex;
	width: 798px;
	justify-content: space-between;
}
.btn_seminar_day li a{
	padding-top: 8px;
	background: #fff;
	border-radius: 6px;
	font-size: 24px;
	font-weight: bold;
	color: #408C94;
	display: flex;
	text-decoration: none;
	width: 250px;
	height: 50px;
	justify-content: center;
	align-items: center;
	position: relative;
	box-shadow: 0 6px #317981;
}
.btn_seminar_day li a::after{
	content: "";
	margin-top: -4px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #408C94;
	border-right: 2px solid #408C94;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 20px;
}
.btn_seminar_day li a span{
	margin-left: 6px;
	font-size: 16px;
}
.btn_seminar_day li a:hover{
	background: #FFF1CF;
	opacity: 1;
}

@media (max-width: 768.98px) {
	.special_seminar_ttl_txt{
		width: auto;
	}
	.special_seminar_ttl_box > div:first-child {
		max-width: 185px;
		width: 100%;
		margin-right: 5%;
	}
	.btn_seminar_day{
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
	}
	.btn_seminar_day li{
		width: 32%;
	}
	.btn_seminar_day li a{
		padding: 0 12px 0 4px;
		width: 100%;
		font-size: 16px;
	}
	.btn_seminar_day li a span{
		font-size: 16px;
	}
	.btn_seminar_day li a::after{
		width: 8px;
		height: 8px;
		right: 6px;
	}
	.special_seminar_ttl_txt > .txt02{
		font-size: 16px;
		line-height: 1.6em;
	}
	.special_seminar_ttl_txt > .txt02 span{
		font-weight: bold;
		text-decoration: underline;
		font-size: 20px;
		letter-spacing: 0.3rem;
		color: #a98227;
	}

}


.section_label{
	font-size: 16px;
	letter-spacing: 0.2em;
	font-family: "Helvetica Neue",Arial,sans-serif;
	color: #9D562A;
	-ms-writing-mode: tb-rl;		/*IE*/
	writing-mode: vertical-rl;
	position: absolute;
	top: 40px;
	left: 40px;
}
.section_label::after{
	content: '';
	margin-top: 20px;
	display: inline-block;
	width: 1px;
	height: 40px;
	background-color: #9D562A;
}

@media (max-width: 768.98px) {
	.section_label{
		display: none;
	}
}
.link_position{
	margin-top: -20px;
	padding-top: 20px;
}

.title_days{
	margin-bottom: 40px;
	padding: 10px 40px 5px;
	background: #006773;
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;
	color: #fff;
	width: 100%;
	border-radius: 40px;
	text-align: center;
}
.title_days::before{
	content: "";
	display: inline-block;
	margin-right: 6px;
	width: 22px;
	height: 22px;
	background: url("../img/icon_time.svg") no-repeat;
	background-size: contain;
	vertical-align: baseline;
}
.title_days span{
	margin-left: 6px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	vertical-align: bottom;
}

/*食品関連企業様向け特別セミナー ここまで*/



/* 特別協賛・協力 開催概要*/

/* 特別協賛・協力 開催概要 ここまで */