.fixed-btn {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
	width: 12%;
	max-width: 180px;
	transition: opacity 0.3s, visibility 0.3s, bottom 0.3s;
	z-index: 10;
}
@media screen and (max-width: 1024px) {
	.fixed-btn {
		width: 10%;
	}
}
@media screen and (max-width: 600px) {
	.fixed-btn {
		width: 90%;
		max-width: 100%;
	}
}
.fixed-btn.active {
	position: fixed;
	opacity: 1;
	visibility: visible;
	top: auto;
	right: 5%;
	bottom: 3%;
	translate: 0;
}
@media screen and (max-width: 1024px) {
	.fixed-btn.active {
		right: 3%;
		bottom: 5%;
	}
}
.fixed-btn.hide {
	opacity: 0;
	visibility: hidden;
}

section {
	position: relative;
	width: 100%;
}
section.kv_area {
	width: 100%;
	aspect-ratio: 1500/800;
	min-height: 800px;
	z-index: 11;
}
@media screen and (max-width: 1024px) {
	section.kv_area {
		min-height: 0;
		aspect-ratio: 1024/700;
	}
}
@media screen and (max-width: 600px) {
	section.kv_area {
		aspect-ratio: auto;
		background-image: linear-gradient(to left, rgb(0, 111, 182) 0%, rgb(0, 172, 178) 100%);
	}
}
section.kv_area > .inner {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 470px;
}
@media screen and (max-width: 1024px) {
	section.kv_area > .inner {
		grid-template-columns: 1fr 300px;
	}
}
@media screen and (max-width: 600px) {
	section.kv_area > .inner {
		grid-template-columns: 1fr;
	}
}
section.kv_area > .inner .kv_bg {
	background: url(../media/images/2027/top/kv.jpg) center top/cover no-repeat;
}
@media screen and (max-width: 1024px) {
	section.kv_area > .inner .kv_bg {
		background: url(../media/images/2027/top/kv_tab.jpg) center top/cover no-repeat;
	}
}
@media screen and (max-width: 600px) {
	section.kv_area > .inner .kv_bg {
		background: url(../media/images/2027/top/kv_sp.jpg) center top/cover no-repeat;
		aspect-ratio: 750/600;
	}
}
section.kv_area > .inner .kv_info {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	flex-direction: column;
	background-image: linear-gradient(to left, rgb(0, 111, 182) 0%, rgb(0, 172, 178) 100%);
}
@media screen and (max-width: 1024px) {
	section.kv_area > .inner .kv_info {
		gap: 20px;
	}
}
@media screen and (max-width: 600px) {
	section.kv_area > .inner .kv_info {
		padding: 30px 0;
	}
}
section.kv_area > .inner .kv_info h1 {
	width: 90%;
	max-width: 386px;
}
section.kv_area > .inner .kv_info .btn {
	width: 90%;
	max-width: 380px;
}
section.kv_area .kv_news {
	width: 90%;
	padding: 20px 60px 20px 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #00496b;
	border-radius: 0 50px 0 0;
}
@media screen and (max-width: 1024px) {
	section.kv_area .kv_news {
		padding: 15px 3%;
	}
}
@media screen and (max-width: 600px) {
	section.kv_area .kv_news {
		position: static;
		width: 95%;
		padding: 10px 4%;
	}
}
section.kv_area .kv_news > .inner {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 600px) {
	section.kv_area .kv_news > .inner {
		display: block;
	}
}
section.kv_area .kv_news > .inner p.ttl {
	margin-right: 35px;
	flex-shrink: 0;
	font-size: 60px;
	letter-spacing: 0.04em;
	font-weight: 900;
	font-style: italic;
	color: #62a9c7;
	-webkit-text-stroke: 1px #62a9c7;
	line-height: 1;
}
@media screen and (max-width: 1024px) {
	section.kv_area .kv_news > .inner p.ttl {
		margin-right: 25px;
		font-size: 35px;
	}
}
@media screen and (max-width: 600px) {
	section.kv_area .kv_news > .inner p.ttl {
		margin: 0;
		font-size: 25px;
	}
}
section.kv_area .kv_news > .inner dl {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 10px;
	min-width: 0;
}
@media screen and (max-width: 600px) {
	section.kv_area .kv_news > .inner dl {
		margin-top: 10px;
		width: 100%;
	}
}
section.kv_area .kv_news > .inner dl dt {
	width: 100px;
	font-size: var(--fz_md);
	line-height: 1.4;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}
@media screen and (max-width: 1024px) {
	section.kv_area .kv_news > .inner dl dt {
		width: 90px;
	}
	section.kv_area .kv_news > .inner dl dt:nth-child(n+3) {
		display: none;
	}
}
section.kv_area .kv_news > .inner dl dd.tag {
	width: 80px;
	flex-shrink: 0;
	padding: 3px 0 4px;
	border-radius: 5px;
	color: #fff;
	font-size: var(--fz_sm);
	align-self: flex-start;
	line-height: 1;
	font-weight: 500;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	section.kv_area .kv_news > .inner dl dd.tag:nth-child(n+4) {
		display: none;
	}
}
/*
section.kv_area .kv_news > .inner dl dd.tag.cat01 {
background: #58bfb6;
}
section.kv_area .kv_news > .inner dl dd.tag.cat02 {
background: #ee0000;
}
section.kv_area .kv_news > .inner dl dd.tag.cat03 {
background: #ff7800;
}
section.kv_area .kv_news > .inner dl dd.tag.cat04 {
background: #66a880;
}
section.kv_area .kv_news > .inner dl dd.tag.cat05 {
background: #3084a0;
}
section.kv_area .kv_news > .inner dl dd.tag.cat06 {
background: #9778a5;
}
section.kv_area .kv_news > .inner dl dd.tag.cat07 {
background: #a26d7e;
}
section.kv_area .kv_news > .inner dl dd.tag.cat08 {
background: #aaa02f;
}
*/

section.kv_area .kv_news > .inner dl dd.tag.updates {
	background: #58bfb6;
}
section.kv_area .kv_news > .inner dl dd.tag.notice {
	background: #ee0000;
}
section.kv_area .kv_news > .inner dl dd.tag.startups {
	background: #ff7800;
}
section.kv_area .kv_news > .inner dl dd.tag.seminar {
	background: #66a880;
}
section.kv_area .kv_news > .inner dl dd.tag.exhibition {
	background: #3084a0;
}
section.kv_area .kv_news > .inner dl dd.tag.project {
	background: #9778a5;
}
section.kv_area .kv_news > .inner dl dd.tag.feature {
	background: #a26d7e;
}
section.kv_area .kv_news > .inner dl dd.tag.related {
	background: #aaa02f;
}

section.kv_area .kv_news > .inner dl dd.txt {
	width: calc(100% - 100px - 80px);
	padding-left: 10px;
	font-size: var(--fz_sm);
	color: #fff;
	line-height: 1.6;
	//white-space: nowrap;
	//overflow: hidden;
	//text-overflow: ellipsis;
}
@media screen and (max-width: 1024px) {
	section.kv_area .kv_news > .inner dl dd.txt {
		padding: 0;
		width: 100%;
	}
	section.kv_area .kv_news > .inner dl dd.txt:nth-child(n+4) {
		display: none;
	}
}
section.kv_area .kv_news > .inner dl dd.txt a {
	position: relative;
}
@media (hover) {
	section.kv_area .kv_news > .inner dl dd.txt a:hover:after {
		right: auto;
		left: 0;
		width: 100%;
	}
}
section.kv_area .kv_news > .inner dl dd.txt a:after {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	right: 0;
	bottom: -4px;
	background: #fff;
	transition: all 0.3s;
}
section.kv_area .news_link {
	display: block;
	margin: auto 0 0 auto;
	white-space: nowrap;
	text-decoration: underline;
	font-size: var(--fz_sm);
	color: #fff;
	text-align: right;
	min-width: 80px;
}
@media screen and (max-width: 600px) {
	section.kv_area .news_link {
		margin: 5px 0 3px;
	}
}
section.about_area {
	padding: 60px 5% 150px;
	background: url(../media/images/2027/top/about_bg.jpg) center/cover no-repeat;
}
@media screen and (max-width: 1024px) {
	section.about_area {
		padding: 40px 5% 90px;
	}
}
section.about_area > .inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
section.about_area > .inner .bnr {
	margin-bottom: 65px;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	section.about_area > .inner .bnr {
		margin-bottom: 35px;
	}
}
section.about_area > .inner .bnr img {
	width: 100%;
	max-width: 857px;
}
section.about_area > .inner .about_col2 {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 1024px) {
	section.about_area > .inner .about_col2 {
		display: block;
	}
}
section.about_area > .inner .about_col2 .about_jp {
	width: 55.45%;
	padding: 30px 35px;
	background: url(../media/images/2027/top/about_bg_jp_1.svg) left top 10px/170px no-repeat, url(../media/images/2027/top/about_bg_jp_2.svg) right top 10px/170px no-repeat #fff;
	border-radius: 10px;
	box-shadow: 9.899px 9.899px 42.57px 0.43px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 1024px) {
	section.about_area > .inner .about_col2 .about_jp {
		width: 100%;
		margin-bottom: 40px;
		padding: 20px 5%;
	}
}
@media screen and (max-width: 600px) {
	section.about_area > .inner .about_col2 .about_jp {
		background-size: 40%;
	}
}
section.about_area > .inner .about_col2 .about_jp h2 {
	margin-bottom: 25px;
	font-size: 36px;
	font-weight: 900;
	letter-spacing: 0.02em;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	section.about_area > .inner .about_col2 .about_jp h2 {
		font-size: clamp(1.5rem, 1.211rem + 1.23vw, 2rem);
		margin-bottom: 15px;
	}
}
section.about_area > .inner .about_col2 .about_jp p.txt {
	font-size: var(--fz_md);
	line-height: 1.6875;
}
section.about_area > .inner .about_col2 .about_jp ul.link {
	margin-top: 25px;
	width: 100%;
	display: flex;
	gap: 10px;
	text-align: center;
}
@media screen and (max-width: 600px) {
	section.about_area > .inner .about_col2 .about_jp ul.link {
		margin-top: 15px;
		flex-direction: column;
		gap: 20px;
	}
}
section.about_area > .inner .about_col2 .about_jp ul.link li {
	width: 100%;
}
section.about_area > .inner .about_col2 .about_jp ul.link li p.ttl {
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: 800;
	color: rgba(0, 0, 0, 0.2);
	letter-spacing: -0.04em;
}
@media screen and (max-width: 1024px) {
	section.about_area > .inner .about_col2 .about_jp ul.link li p.ttl {
		font-size: clamp(1.125rem, 0.981rem + 0.62vw, 1.375rem);
	}
}
section.about_area > .inner .about_col2 .about_jp ul.link li .btn_rd {
	font-weight: 400;
}
section.about_area > .inner .about_col2 .movie {
	width: 39.5%;
}
@media screen and (max-width: 1024px) {
	section.about_area > .inner .about_col2 .movie {
		width: 100%;
	}
}
section.about_area > .inner .about_col2 .movie p.ttl {
	text-align: center;
}
section.about_area > .inner .about_col2 .movie p.ttl span {
	display: inline-block;
	background-image: linear-gradient(to left, rgb(0, 111, 182) 0%, rgb(0, 172, 178) 100%);
	padding: 12px 50px;
	border-radius: 30px 30px 0 0;
	line-height: 1;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}
@media screen and (max-width: 1024px) {
	section.about_area > .inner .about_col2 .movie p.ttl span {
		padding: 10px 40px;
		font-size: clamp(0.875rem, 0.803rem + 0.31vw, 1rem);
	}
}
section.about_area > .inner .about_col2 .movie iframe {
	width: 100%;
	aspect-ratio: 16/9;
}
section.about_area > .inner .about_col2 .movie p.txt {
	margin-top: 10px;
	padding: 0 30px;
	font-size: var(--fz_md);
	line-height: 1.6875;
}
section.about_area > .inner .bnr_area {
	margin-top: 60px;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 15px 25px;
}
@media screen and (max-width: 1024px) {
	section.about_area > .inner .bnr_area {
		margin-top: 35px;
	}
}
@media screen and (max-width: 600px) {
	section.about_area > .inner .bnr_area {
		flex-direction: column;
	}
}
section.about_area > .inner .bnr_area a {
	max-width: 350px;
	width: 100%;
	display: block;
}
section.slide_bnr_area {
	height: clamp(9.375rem, 7.93rem + 6.16vw, 11.875rem);
	background: url(../media/images/2027/top/bnr_bg.jpg) center/cover;
	padding: 0 5%;
}
section.slide_bnr_area > .inner {
	position: relative;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 1024px) {
	section.slide_bnr_area > .inner {
		position: static;
	}
}
section.slide_bnr_area > .inner .slide_arrow {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 2;
	cursor: pointer;
}
section.slide_bnr_area > .inner .slide_arrow.bnr_prev {
	left: 0;
}
@media screen and (max-width: 1024px) {
	section.slide_bnr_area > .inner .slide_arrow.bnr_prev {
		left: 1%;
	}
}
section.slide_bnr_area > .inner .slide_arrow.bnr_next {
	right: 0;
}
@media screen and (max-width: 1024px) {
	section.slide_bnr_area > .inner .slide_arrow.bnr_next {
		right: 1%;
	}
}
section.slide_bnr_area > .inner .bnr_slide {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
}
section.slide_bnr_area > .inner .bnr_slide .swiper-wrapper {
	height: auto;
}
section.slide_bnr_area > .inner .bnr_slide .swiper-slide a {
	display: block;
	transition: opacity 0.3s;
}
@media (hover) {
	section.slide_bnr_area > .inner .bnr_slide .swiper-slide a:hover {
		opacity: 0.7;
	}
}
section.slide_bnr_area > .inner .bnr_slide .swiper-slide a img {
	box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.16);
}
section.explanation_area {
	padding: 85px 5% 145px;
	background: url(../media/images/2027/top/about_bg.jpg) center/cover no-repeat;
}
@media screen and (max-width: 1024px) {
	section.explanation_area {
		padding: 45px 5% 110px;
	}
}
section.explanation_area > .inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 600px) {
	section.explanation_area > .inner {
		flex-direction: column;
	}
}
section.explanation_area > .inner > div {
	padding: 40px 40px 20px;
	border-radius: 10px;
	box-shadow: 9.899px 9.899px 42.57px 0.43px rgba(0, 0, 0, 0.15);
	display: flex;
	flex-direction: column;
}
@media screen and (max-width: 1024px) {
	section.explanation_area > .inner > div {
		padding: 25px 4% 20px;
	}
}
@media screen and (max-width: 600px) {
	section.explanation_area > .inner > div {
		width: 100%;
	}
}
section.explanation_area > .inner > div h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.04em;
}
@media screen and (max-width: 1024px) {
	section.explanation_area > .inner > div h2 {
		margin-bottom: 10px;
		font-size: clamp(1.125rem, 0.981rem + 0.62vw, 1.375rem);
	}
}
section.explanation_area > .inner > div p.txt {
	margin-bottom: 15px;
	font-size: var(--fz_md);
	line-height: 1.6875;
}
@media screen and (max-width: 1024px) {
	section.explanation_area > .inner > div p.txt {
		margin-bottom: 10px;
	}
}
section.explanation_area > .inner > div .btn_area {
	margin-top: auto;
	display: flex;
	justify-content: center;
}
section.explanation_area > .inner > div .btn_area:has(.btn_wrap) {
	gap: 20px;
}
@media screen and (max-width: 600px) {
	section.explanation_area > .inner > div .btn_area:has(.btn_wrap) {
		gap: 10px;
	}
}
section.explanation_area > .inner > div .btn_area:has(.btn_wrap) .btn_rd {
	max-width: 100%;
}
@media screen and (max-width: 600px) {
	section.explanation_area > .inner > div .btn_area:has(.btn_wrap) .btn_rd:after {
		right: 5px;
	}
}
section.explanation_area > .inner > div .btn_area .btn_wrap {
	text-align: center;
	width: 100%;
}
section.explanation_area > .inner > div .btn_area .btn_wrap p.ttl {
	margin-bottom: 5px;
	font-size: 30px;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.2);
	letter-spacing: 0.02em;
}
@media screen and (max-width: 1024px) {
	section.explanation_area > .inner > div .btn_area .btn_wrap p.ttl {
		font-size: clamp(1.25rem, 0.961rem + 1.23vw, 1.75rem);
	}
}
section.explanation_area > .inner > div .btn_area .btn_rd {
	max-width: 235px;
	font-weight: 500;
}
section.explanation_area > .inner > div.seminar {
	background: #84ccfa;
}
@media screen and (min-width: 600px) {
	section.explanation_area > .inner > div.seminar {
		width: 57%;
	}
}
@media screen and (max-width: 600px) {
	section.explanation_area > .inner > div.seminar {
		margin-bottom: 30px;
	}
}
section.explanation_area > .inner > div.exhibitors {
	background: #9cdfde;
}
@media screen and (min-width: 600px) {
	section.explanation_area > .inner > div.exhibitors {
		width: 39%;
	}
}
section.exhibition_area {
	margin-top: -60px;
	padding: 155px 5% 180px;
	border-radius: 80px 80px 0 0;
	background: url(../media/images/2027/top/exhibition_bg.png) top center/100% no-repeat #9cdfde;
}
@media screen and (max-width: 1024px) {
	section.exhibition_area {
		padding: 90px 5% 130px;
	}
}
@media screen and (max-width: 600px) {
	section.exhibition_area {
		border-radius: 60px 60px 0 0;
		background-size: 220%;
	}
}
section.exhibition_area > .inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
section.exhibition_area > .inner h2 {
	margin-bottom: 30px;
	font-size: 110px;
	letter-spacing: -0.02em;
	line-height: 1;
	color: #0a1b1b;
	font-weight: 900;
	text-align: center;
	mix-blend-mode: color-dodge;
}
@media screen and (max-width: 1024px) {
	section.exhibition_area > .inner h2 {
		margin-bottom: 15px;
		font-size: clamp(2.5rem, 0.333rem + 9.24vw, 6.25rem);
		white-space: nowrap;
	}
}
section.exhibition_area > .inner h3 {
	margin-bottom: 40px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
	section.exhibition_area > .inner h3 {
		font-size: clamp(1.25rem, 1.033rem + 0.92vw, 1.625rem);
		margin-bottom: 25px;
	}
}
section.exhibition_area > .inner ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 3.5%;
	row-gap: 40px;
}
@media screen and (max-width: 1024px) {
	section.exhibition_area > .inner ul {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 600px) {
	section.exhibition_area > .inner ul {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 25px;
	}
}
section.exhibition_area > .inner ul li {
	background: #fff;
	padding-bottom: 20px;
	border-radius: 10px;
	overflow: auto;
	display: grid;
	grid-row: span 3;
	grid-template-rows: subgrid;
	row-gap: 20px;
	column-gap: 0;
}
@media screen and (max-width: 600px) {
	section.exhibition_area > .inner ul li {
		row-gap: 10px;
	}
}
section.exhibition_area > .inner ul li h4 {
	padding: 25px 4%;
	width: 100%;
	background: #1d1d1d;
	border-radius: 0 0 45px 45px;
	font-size: var(--fz_xl);
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
@media screen and (max-width: 1024px) {
	section.exhibition_area > .inner ul li h4 {
		padding: clamp(0.938rem, 0.757rem + 0.77vw, 1.25rem) 4%;
		border-radius: 0 0 30px 30px;
	}
}
section.exhibition_area > .inner ul li p.txt {
	font-size: var(--fz_md);
	line-height: 1.6875;
	padding: 0 40px;
}
@media screen and (max-width: 1024px) {
	section.exhibition_area > .inner ul li p.txt {
		padding: 0 5%;
	}
}
section.exhibition_area > .inner ul li a.btn_rd {
	height: 47px;
	max-width: 220px;
	margin: auto auto 0;
	font-weight: 400;
}
section.news_area {
	margin-top: -70px;
	padding: 90px 5% 150px;
	border-radius: 80px 80px 0 0;
	background: linear-gradient(to bottom, #fff 150px, transparent 300px), url(../media/images/2027/top/news_bg.png) center bottom/100% no-repeat #fff;
}
@media screen and (max-width: 1024px) {
	section.news_area {
		margin-top: -45px;
		border-radius: 60px 60px 0 0;
		padding: 45px 5% 80px;
	}
}
@media screen and (max-width: 600px) {
	section.news_area {
		background-size: 250%;
	}
}
section.news_area > .inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
section.news_area > .inner h2 {
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.04em;
}
@media screen and (max-width: 1024px) {
	section.news_area > .inner h2 {
		margin-bottom: 20px;
		font-size: clamp(1.25rem, 1.033rem + 0.92vw, 1.625rem);
	}
}
section.news_area > .inner ul.article {
	background: #fff;
	border-radius: 0 0 10px 10px;
}
section.news_area > .inner ul.article li {
	border-top: 1px solid #ebebeb;
}
section.news_area > .inner ul.article li.hidden {
	display: none;
}
section.news_area > .inner ul.article li a {
	position: relative;
	padding: 20px 50px 20px 30px;
	display: flex;
	transition: all 0.3s;
}
@media screen and (max-width: 600px) {
	section.news_area > .inner ul.article li a {
		display: block;
		padding: 10px 30px 10px 5%;
	}
}
@media (hover) {
	section.news_area > .inner ul.article li a:hover {
		opacity: 0.7;
	}
	section.news_area > .inner ul.article li a:hover:after {
		right: 10px;
	}
}
section.news_area > .inner ul.article li a:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%);
	display: block;
	width: 10px;
	aspect-ratio: 5/7;
	background: #000;
	clip-path: polygon(0px 14%, 14% 0px, 100% 50%, 14% 100%, 0px 86%, 60% 50%, 0px 14%);
	transition: all 0.3s;
}
@media screen and (max-width: 600px) {
	section.news_area > .inner ul.article li a:after {
		right: 10px;
		width: 8px;
	}
}
section.news_area > .inner ul.article li a span {
	display: inline-block;
	font-size: var(--fz_md);
	line-height: 1.6875;
}
section.news_area > .inner ul.article li a span.date {
	width: 125px;
	flex-shrink: 0;
	font-weight: bold;
}
@media screen and (max-width: 600px) {
	section.news_area > .inner ul.article li a span.date {
		width: 100%;
		margin-bottom: 5px;
	}
}
section.news_area > .inner ul.article li a span.tag {
	width: 110px;
	flex-shrink: 0;
	padding: 5px 0 6px;
	border-radius: 5px;
	color: #fff;
	font-size: var(--fz_md);
	align-self: flex-start;
	line-height: 1;
	font-weight: 500;
	text-align: center;
}
@media screen and (max-width: 600px) {
	section.news_area > .inner ul.article li a span.tag {
		margin-bottom: 10px;
	}
}

/*
section.news_area > .inner ul.article li a span.tag.cat01 {
background: #58bfb6;
}
section.news_area > .inner ul.article li a span.tag.cat02 {
background: #ee0000;
}
section.news_area > .inner ul.article li a span.tag.cat03 {
background: #ff7800;
}
section.news_area > .inner ul.article li a span.tag.cat04 {
background: #66a880;
}
section.news_area > .inner ul.article li a span.tag.cat05 {
background: #3084a0;
}
section.news_area > .inner ul.article li a span.tag.cat06 {
background: #9778a5;
}
section.news_area > .inner ul.article li a span.tag.cat07 {
background: #a26d7e;
}
section.news_area > .inner ul.article li a span.tag.cat08 {
background: #aaa02f;
}
*/

section.news_area > .inner ul.article li a span.tag.updates {
	background: #58bfb6;
}
section.news_area > .inner ul.article li a span.tag.notice {
	background: #ee0000;
}
section.news_area > .inner ul.article li a span.tag.startups {
	background: #ff7800;
}
section.news_area > .inner ul.article li a span.tag.seminar {
	background: #66a880;
}
section.news_area > .inner ul.article li a span.tag.exhibition {
	background: #3084a0;
}
section.news_area > .inner ul.article li a span.tag.project {
	background: #9778a5;
}
section.news_area > .inner ul.article li a span.tag.feature {
	background: #a26d7e;
}
section.news_area > .inner ul.article li a span.tag.related {
	background: #aaa02f;
}

section.news_area > .inner ul.article li a span.ttl {
	padding-left: 20px;
}
@media screen and (max-width: 600px) {
	section.news_area > .inner ul.article li a span.ttl {
		padding: 0;
		display: block;
	}
}
section.news_area > .inner button.btn_more {
	position: relative;
	margin: 40px auto 0;
	width: 220px;
	height: 50px;
	background: #000;
	border: 1px solid #000;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: var(--fz_md);
	font-weight: bold;
	transition: all 0.3s;
}
@media (hover) {
	section.news_area > .inner button.btn_more:hover {
		background: #fff;
		color: #000;
	}
	section.news_area > .inner button.btn_more:hover:after {
		background: #000;
	}
}
@media screen and (max-width: 1024px) {
	section.news_area > .inner button.btn_more {
		margin-top: 25px;
	}
}
section.news_area > .inner button.btn_more:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%) rotate(90deg);
	display: block;
	width: 10px;
	aspect-ratio: 10/15;
	background: #fff;
	transition: all 0.3s;
	clip-path: polygon(0px 14%, 14% 0px, 100% 50%, 14% 100%, 0px 86%, 60% 50%, 0px 14%);
}

section.news_area > .inner button.btn_more.is_open:after {
	transform: translate(0, -50%) rotate(90deg) scale(-1);
}

section.application_area {
	margin-top: -80px;
	padding: 110px 5% 110px;
	background: #fff;
	width: 100%;
	border-radius: 80px 80px 0 0;
}
section.application_area > .inner {
	width: 100%;
	max-width: 996px;
	margin: 0 auto;
}
section.application_area > .inner h2 {
	font-weight: bold;
	letter-spacing: 0.04em;
	margin-bottom: 70px;
	font-size: 36px;
	text-align: center;
	position: relative;
}
section.application_area > .inner h2:after {
	content: "";
	display: block;
	width: 52px;
	height: 8px;
	background: #1d1d1d;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
}
section.application_area > .inner h2:before {
	content: "";
	display: block;
	width: 18px;
	height: 8px;
	background: #8fd3d6;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
	z-index: 10;
}
section.application_area > .inner h2 + .txt {
	width: 100%;
	max-width: 612px;
	margin: 0 auto 24px;
	line-height: 1.6875;
	font-size: var(--fz_md);
}
section.application_area .application {
	background: linear-gradient(to top, rgb(26, 145, 179) 0%, rgb(22, 154, 155) 64%, rgb(18, 162, 130) 100%);
	color: #fff;
	border-radius: 10px;
	padding: 50px 44px 40px;
	margin: 30px 0 60px;
}
section.application_area .application h3 {
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 40px;
}
section.application_area .application .caption {
	text-align: center;
	font-size: var(--fz_sm);
	line-height: 1.66;
}
section.application_area .application_step {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1px;
	margin: 0 0 40px;
}
section.application_area .application_step li {
	background: rgba(255, 255, 255, 0.8);
	flex: auto;
	padding: 18px 0 21px;
	position: relative;
}
section.application_area .application_step li:before {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	transform: rotate(-45deg);
	border-right: solid 2px #9cdfde;
	border-bottom: solid 2px #9cdfde;
	content: "";
	top: 60px;
	right: -5px;
	z-index: 10;
	background: #005659;
}
section.application_area .application_step li:after {
	position: absolute;
	content: "";
	display: block;
	height: 12px;
	width: 100%;
	background: #005659;
	top: 59px;
}
section.application_area .application_step li h4 {
	text-align: center;
	color: #005659;
	font-size: var(--fz_sm);
	margin: 0 0 33px;
	line-height: 1;
}
section.application_area .application_step li h4 .no {
	font-size: 30px;
	vertical-align: sub;
	margin: 0 0 0 3px;
}
section.application_area .application_step li .txt {
	font-size: var(--fz_lg);
	line-height: 1.66;
	color: #000;
}
section.application_area .application_step li .txt .br_pc {
	display: block;
}
section.application_area .application_step li .txt .br_sp {
	display: none;
}
section.application_area .application_step li:last-child:before {
	content: none;
}
section.application_area .application_step li:last-child:after {
	width: calc(100% - 20px);
}
section.application_area .application_step li:first-child:after {
	left: 20px;
	width: calc(100% - 20px);
}
section.application_area .application_step li:first-child .txt {
	padding: 0 0 0 40px;
}
section.application_area .application_step li:nth-child(2) .txt {
	padding: 0 0 0 27px;
}
section.application_area .application_step li:nth-child(3) .txt {
	padding: 0 0 0 32px;
}
section.application_area .application_step li:nth-child(4) .txt {
	padding: 0 0 0 29px;
}
section.application_area .application_step li:nth-child(5) .txt {
	padding: 0 0 0 30px;
}
section.application_area .application_form {
	display: flex;
	justify-content: space-between;
	gap: 3.6%;
	align-items: flex-start;
}
section.application_area .application_form > li {
	background: #fff;
	flex: 1;
	width: 100%;
	padding: 0 8px;
	border-radius: 0 0 10px 10px;
	border-top: 2px solid #00c1a3;
	text-align: center;
	-webkit-box-shadow: 9.899px 9.899px 42.57px 0.43px rgba(0, 0, 0, 0.08);
	box-shadow: 9.899px 9.899px 42.57px 0.43px rgba(0, 0, 0, 0.08);
}
section.application_area .application_form > li h3 {
	background-image: linear-gradient(to left, rgb(0, 111, 182) 0%, rgb(0, 172, 178) 100%);
	color: #fff;
	border-radius: 0 0 24px 24px;
	font-size: var(--fz_md);
	padding: 14px 0;
	width: 100%;
	max-width: 300px;
	margin: -2px auto 40px;
}
section.application_area .application_form > li h3 span {
	font-size: var(--fz_sm);
}
section.application_area .application_form > li:nth-child(2) h3 {
	max-width: 383px;
}
section.application_area .application_form img {
	width: 100%;
	max-width: 350px;
	margin: 0 auto 30px;
}
section.application_area .application_form .btn_rd {
	max-width: 260px;
	margin: 0 auto 36px;
	font-weight: normal;
}
section.application_area .application_form .btn_rd.download:before {
	content: "";
	display: block;
	width: 24px;
	height: 26px;
	background: url(../media/images/2027/top/icon_download_01.png) no-repeat center/contain;
	position: absolute;
	left: 50px;
}
section.application_area .application_form .btn_rd.download:after {
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	background: url(../media/images/2027/top/icon_download_02.png) no-repeat center/contain;
	clip-path: none;
}
section.application_area .application_form .btn_rd.download:hover:after {
	background-image: url(../media/images/2027/top/icon_download_02_red.png);
}
@media screen and (max-width: 1024px) {
	section.application_area {
		padding-top: 50px;
		padding-bottom: 40px;
		border-radius: 60px 60px 0 0;
		margin-top: -40px;
	}
	section.application_area .application_step li .txt {
		padding: 0 0 0 8px !important;
		font-size: var(--fz_md);
	}
	section.application_area .application_step li .txt br.sp {
		display: none;
	}
	section.application_area .application_step li:first-child:after {
		left: 8px;
		width: calc(100% - 8px);
	}
	section.application_area .application_step li:last-child:after {
		width: calc(100% - 8px);
	}
	section.application_area .application {
		padding: 50px 12px 40px;
	}
	section.application_area .application_form > li h3 {
		font-size: var(--fz_sm);
	}
}
@media screen and (max-width: 600px) {
	section.application_area > .inner h2 {
		margin-bottom: 50px;
		font-size: clamp(1.5rem, 1.211rem + 1.23vw, 2rem);
	}
	section.application_area > .inner h2:before, section.application_area > .inner h2:after {
		bottom: -24px;
	}
	section.application_area .application {
		padding: 36px 24px;
		margin: 0 0 43px;
	}
	section.application_area .application h3 {
		font-size: 20px;
		margin: 0 0 36px;
	}
	section.application_area .application .caption {
		text-align: left;
		padding: 0 0 0 1em;
		text-indent: -1em;
	}
	section.application_area + .bnr_area {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	section.application_area .application_step {
		flex-direction: column;
		gap: 1px;
		margin: 0 0 24px;
	}
	section.application_area .application_step li {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 37px;
		padding: 20px 5px;
	}
	section.application_area .application_step li h4 {
		margin: 0;
		font-size: var(--fz_md);
	}
	section.application_area .application_step li:after {
		height: 100%;
		width: 12px !important;
		top: 0;
		left: 73px !important;
	}
	section.application_area .application_step li:before {
		left: 74px;
		top: unset;
		bottom: -6px;
		transform: rotate(45deg);
	}
	section.application_area .application_step li:last-child {
		border: 0;
	}
	section.application_area .application_step li .txt {
		padding: 0 !important;
		font-size: var(--fz_lg);
	}
	section.application_area .application_step li .txt .br_pc {
		display: none;
	}
	section.application_area .application_step li .txt .br_sp {
		display: block;
	}
	section.application_area .application_form {
		flex-direction: column;
		gap: 32px;
	}
	section.application_area .application_form .btn_rd {
		max-width: unset;
	}
	section.application_area .application_form .btn_rd.download:before {
		left: 70px;
	}
	section.application_area .application_form > li {
		padding: 0 24px;
	}
	section.application_area .application_form > li h3 {
		font-size: var(--fz_md);
	}
}
section.bnr_area {
	padding: 100px 5% 160px;
	background: url(../media/images/2027/top/about_bg.jpg) center/cover;
}
@media screen and (max-width: 1024px) {
	section.bnr_area {
		padding: 50px 5% 90px;
	}
}
section.bnr_area > .inner {
	width: 100%;
	max-width: 1100px;
	margin-inline: auto;
}
section.bnr_area > .inner ul.bnr {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px 2%;
}
section.bnr_area > .inner ul.bnr li {
	width: 32%;
	max-width: 350px;
}
@media screen and (max-width: 768px) {
	section.bnr_area > .inner ul.bnr li {
		width: 100%;
	}
}
section.mailmag_area {
	padding: 110px 5%;
}
section.mailmag_area > .inner h2 {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.04em;
}
section.mailmag_area > .inner p {
	text-align: center;
	line-height: 1.6875;
	font-size: var(--fz_md);
}
section.mailmag_area .btn_rd {
	max-width: 220px;
	margin: 32px auto 0;
	font-weight: normal;
}
@media screen and (max-width: 1024px) {
	section.mailmag_area {
		padding: 60px 5%;
	}
	section.mailmag_area > .inner h2 {
		margin-bottom: 20px;
		font-size: clamp(1.25rem, 1.033rem + 0.92vw, 1.625rem);
	}
}/*# sourceMappingURL=layout.css.map */