@charset "utf-8";


/* base
1rem = 1em = 10px
------------------------------------------------------------ */
body,
html {
	height: 100%;
	background-color: #f4f4f4;
}
/* html.scrollfix,
html.scrollfix body {
	overflow: hidden;
} */
body,
form * {
	background: #f4f4f4;
	color: #333;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-feature-settings: "palt" 1;
	line-break: strict;
	/* letter-spacing: 0.046875rem; */
	font-weight: 500;
	font-style: normal;
}
h2,
h3,
em {
	font-weight: 700 !important;
}
h4 {
	font-weight: 700 !important;
}
p {
	text-align: justify;
	text-justify: inter-character;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}
img {
	font-size: 0;
	line-height: 0;
}
.italic {
	font-style: italic;
}
.red {
	color: #e50012 !important;
}
.blue {
	color: #005bab !important;
}
.content hr.h2 {
	border: 0;
	height: 0.2rem;
	width: 6rem;
}
.content hr.h3 {
	border: 0;
	height: 0.2rem;
	width: 3rem;
}
.content hr.separate {
	border: 0;
	height: 0.1rem;
	width: 4.5rem;
}
hr.red {
	background-color: #e50012;
}
hr.black {
	background-color: #333;
}
::selection {
	background: #e50012;
	color: #fff;
}
@media (min-width: 768px) {
i.break:after {
	content: "\A";
	white-space: pre;
}
i.break-bak:after {
	content: "";
}
.pcShow {
	display: block;
}
.spShow {
	display: none;
}
}
@media (max-width: 767px) {
html {
	font-size: 48%;
}
i.break:after {
	content: "";
}
i.break-bak:after {
	content: "\A";
	white-space: pre;
}
.pcShow {
	display: none;
}
.spShow {
	display: block;
}
}


/* a-underlineAnimation (multiple lines)
------------------------------------------------------------ */
a.underlineAnimationMultiple {
	text-decoration: none;
}
a.underlineAnimationMultiple span {
	background-image: linear-gradient(90deg, #e50012, #e50012);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 0.2rem;
	transition: background-size 0.1875s;
	padding-bottom: 0.2rem;
}
a.underlineAnimationMultiple span.hamburgerNavMain {
	background-image: linear-gradient(90deg, #fff, #fff);
}


/* touchEvent settings
------------------------------------------------------------ */
a.underlineAnimationMultiple.link-hover:hover span {
	background-size: 100% 0.2rem;
}
nav.hamburgerNav div.wrap ul li a.link-hover:hover {
	color: #fff;
}
nav.hamburgerNav div.wrap ul.sns li a.link-hover:hover {
	opacity: 0.75;
}
.content div a.link-hover:hover {
	border: 3px #005bab solid;
	background-color: #005bab;
	color: #fff;
}
.content ul.newsTopics li a.link-hover:hover span,
.content ul.eventContents li a.link-hover:hover span,
.content ul.exhibitor li a.link-hover:hover span,
.content ul.relatedEntryExhibitor li a.link-hover:hover span,
.content ul.relatedEntryEvent li a.link-hover:hover span {
	color: #e50012;
}


/* lazysizes
------------------------------------------------------------ */
.lazyload {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
}


/* header / mvTop
------------------------------------------------------------ */
header.mvTop {
	position: relative;
	width: 100%;
	height: 100svh;
	background-color: #fff;
}
header.mvTop h1.logosymbol img {
	position: absolute;
	z-index: 2;
}
header.mvTop p.date img {
	position: absolute;
	z-index: 4;
}
header.mvTop p.titleJa img {
	position: absolute;
	z-index: 6;
}
header.mvTop p.titleEn img {
	position: absolute;
	z-index: 8;
}
header.mvTop h1.logosymbolSecond {
	position: fixed;
	z-index: 11;
	display: none;
}
header.mvTop h1.logosymbolSecond.scroll {
	display: block;
}
@media (min-width: 768px) {
header.mvTop h1.logosymbol img {
	top: 6.6svh;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 78svh;
}
header.mvTop p.date img {
	bottom: 6svh;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 4.8svh;
}
header.mvTop p.titleJa img {
	top: 6.6svh;
	right: 3.6vw;
	width: auto;
	height: 48svh;
}
header.mvTop p.titleEn img {
	bottom: 33svh;
	left: 3.6vw;
	width: auto;
	height: 48svh;
}
header.mvTop h1.logosymbolSecond {
	top: 3.9svh;
	right: 3vw;
}
header.mvTop h1.logosymbolSecond img {
	width: auto;
	height: 42svh;
}
}
@media (max-width: 767px) {
header.mvTop h1.logosymbol img {
	bottom: 9.75svh;
	left: 50%;
	transform: translateX(-51%);
	width: 66vw;
	height: auto;
}
header.mvTop p.date img {
	bottom: 3.9svh;
	left: 6vw;
	width: 24vw;
	height: auto;
}
header.mvTop p.titleJa img {
	top: 3.9svh;
	right: 6vw;
	width: 2.25svh;
	height: auto;
}
header.mvTop p.titleEn img {
	top: 13.5svh;
	left: 6vw;
	width: 36vw;
	height: auto;
}
header.mvTop h1.logosymbolSecond {
	top: 3.9svh;
	right: 6vw;
}
header.mvTop h1.logosymbolSecond img {
	width: auto;
	height: 27svh;
}
}


/* header / 2nd
------------------------------------------------------------ */
header.second h1.logosymbolSecond {
	position: fixed;
	z-index: 11;
}
@media (min-width: 768px) {
header.second {
	height: 12rem;
}
header.second h1.logosymbolSecond {
	top: 3.9svh;
	right: 3vw;
}
header.second h1.logosymbolSecond img {
	width: auto;
	height: 42svh;
}
}
@media (max-width: 767px) {
header.second {
	height: 27rem;
}
header.second h1.logosymbolSecond {
	top: 3.9svh;
	right: 6vw;
}
header.second h1.logosymbolSecond img {
	width: auto;
	height: 27svh;
}
}


/* header / hamburger
------------------------------------------------------------ */
header div.hamburger {
	position: fixed;
	z-index: 31;
}
header div.hamburger a.menu-trigger,
header div.hamburger a.menu-trigger span {
	display: inline-block;
	transition: all 0.09375s;
	box-sizing: border-box;
}
header div.hamburger a.menu-trigger {
	position: relative;
}
header div.hamburger a.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 3px;
	background-color: #333;
}
header div.hamburger a.menu-trigger span:nth-of-type(1) {
	top: 0;
}
header div.hamburger a.menu-trigger span:nth-of-type(2) {
	top: 50%;
	transform: translateY(-50%);
}
header div.hamburger a.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
header div.hamburger a.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
header div.hamburger a.menu-trigger.active span {
	background-color: #fff;
}
@media (min-width: 768px) {
header div.hamburger {
	top: 3.9svh;
	left: 3vw;
}
header div.hamburger a.menu-trigger {
	width: 4.8vw;
	height: 3.3vw;
}
header div.hamburger a.menu-trigger.active span:nth-of-type(1) {
	transform: translateY(1.575vw) rotate(-45deg);
}
header div.hamburger a.menu-trigger.active span:nth-of-type(3) {
	transform: translateY(-1.575vw) rotate(45deg);
}
}
@media (max-width: 767px) {
header div.hamburger {
	top: 3.9svh;
	left: 6vw;
}
header div.hamburger a.menu-trigger {
	width: 12vw;
	height: 8.25vw;
}
header div.hamburger a.menu-trigger.active span:nth-of-type(1) {
	transform: translateY(3.8vw) rotate(-45deg);
}
header div.hamburger a.menu-trigger.active span:nth-of-type(3) {
	transform: translateY(-3.8vw) rotate(45deg);
}
}


/* footer
------------------------------------------------------------ */
section.footGmap {
	width: 100%;
	height: 45rem;
}
section.footGmap iframe {
	width: 100%;
	height: 45rem;
}
footer {
	background-color: #e50012;
	color: #fff;
}
@media (min-width: 768px) {
footer {
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
}
footer div.wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row-reverse;
	width: 56vw;
	margin-left: auto;
	margin-right: auto;
}
footer p.logotype img {
	width: 27rem;
	height: auto;
	padding-top: 0.6rem;
}
footer ul.sns li {
	margin-right: 1.8rem;
}
}
@media (max-width: 767px) {
footer {
	padding-top: 6rem;
	padding-bottom: 6rem;
}
footer div.wrap {
	padding-left: 3rem;
	padding-right: 3rem;
}
footer div.wrap > div:last-child {
	margin-top: 4.5rem;
}
footer p.logotype img {
	width: 27rem;
	height: auto;
}
}


/* hamburgerNavigation
------------------------------------------------------------ */
nav.hamburgerNav {
	display: none;
	background: #e50012;
	height: 100%;
	width: 100%;
	z-index: 20;
	position: fixed;
	top: 0;
	left 0;
	overflow: auto;
}
nav.hamburgerNav h1.logosymbolSecond {
	position: fixed;
	z-index: 21;
}
nav.hamburgerNav div.wrap ul li a {
	text-decoration: none;
	color: #fff;
	transition: all 0.1875s;
}
nav.hamburgerNav div.wrap ul.sns {
	display: flex;
}
nav.hamburgerNav div.wrap ul.sns li:last-child {
	margin-right: 0;
}
nav.hamburgerNav div.wrap ul.sns li {
	margin-right: 3rem;
}
@media (min-width: 768px) {
nav.hamburgerNav div.wrap {
	margin-top: 18rem;
	margin-bottom: 7.5rem;
	margin-left: 3.6vw;
}
nav.hamburgerNav h1.logosymbolSecond {
	top: 3.9svh;
	right: 3vw;
}
nav.hamburgerNav h1.logosymbolSecond img {
	width: auto;
	height: 42svh;
}
}
@media (max-width: 767px) {
nav.hamburgerNav div.wrap {
	margin-top: 33rem;
	margin-bottom: 6rem;
	margin-left: 7.5vw;
}
nav.hamburgerNav h1.logosymbolSecond {
	top: 3.9svh;
	right: 6vw;
}
nav.hamburgerNav h1.logosymbolSecond img {
	width: auto;
	height: 27svh;
}
}


/* mv(sub)
------------------------------------------------------------ */
section.mv {
	position: relative;
	width: 100%;
}
section.mv div.bg {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #005bab;
}
section.mv.left div.bg {
	bottom: 0;
}
section.mv.right div.bg {
	top: 0;
}
section.mv div.photo {
	position: absolute;
	background-color: #e50012;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
@media (min-width: 768px) {
section.mv {
	height: 43.5vw;
}
section.mv div.bg {
	height: 39vw;
}
section.mv div.photo {
	width: 78vw;
	height: 39vw;
}
section.mv.left div.photo {
	top: 0;
	left: 0;
}
section.mv.right div.photo {
	bottom: 0;
	right: 0;
}
section.mv div.photo.num01 {
	background-image: url("/common/images/image-sub-01pc.webp");
}
section.mv div.photo.num02 {
	background-image: url("/common/images/image-sub-02pc.webp");
}
section.mv div.photo.num03 {
	background-image: url("/common/images/image-sub-03pc.webp");
}
section.mv div.photo.num04 {
	background-image: url("/common/images/image-sub-04pc.webp");
}
}
@media (max-width: 767px) {
section.mv {
	height: 102vw;
}
section.mv div.bg {
	height: 94vw;
}
section.mv div.photo {
	width: 94vw;
	height: 94vw;
}
section.mv.left div.photo {
	top: 0;
	left: 0;
}
section.mv.right div.photo {
	bottom: 0;
	right: 0;
}
section.mv div.photo.num01 {
	background-image: url("/common/images/image-sub-01sp.webp");
}
section.mv div.photo.num02 {
	background-image: url("/common/images/image-sub-02sp.webp");
}
section.mv div.photo.num03 {
	background-image: url("/common/images/image-sub-03sp.webp");
}
section.mv div.photo.num04 {
	background-image: url("/common/images/image-sub-04sp.webp");
}
}


/* content
------------------------------------------------------------ */
.content h2.en {
	letter-spacing: 0.375rem !important;
}
.content p img {
	width: 100%;
	height: auto;
}
.content ul.newsTopics {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content ul.newsTopics li a {
	display: block;
	text-decoration: none;
	transition: all 0.1875s;
}
.content ul.newsTopics li p.date {
	color: #999;
	letter-spacing: 0.09375rem !important;
}
.content ul.eventContents > li a {
	display: block;
	text-decoration: none;
	transition: all 0.1875s;
}
.content ul.eventContents > li ul.tag {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.content ul.eventContents > li ul.tag > li {
	border: 1px #999 solid;
	padding-left: 0.9rem;
	padding-right: 0.9rem;
	padding-top: 0.5rem;
	padding-bottom: 0.6rem;
	margin-right: 0.9rem;
	margin-bottom: 0.7rem;
	color: #999;
}
.content ul.eventContents > li ul.tag > li:last-child {
	margin-right: 0;
}
.content ul.exhibitor {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content ul.exhibitor > li a {
	display: block;
	text-decoration: none;
	transition: all 0.1875s;
}
.content ul.exhibitor > li ul.tag {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.content ul.exhibitor > li ul.tag > li {
	border: 1px #999 solid;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	padding-top: 0.4rem;
	padding-bottom: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	color: #999;
}
.content ul.exhibitor > li ul.tag > li:last-child {
	margin-right: 0;
}
.content ul.relatedEntryExhibitor,
.content ul.relatedEntryEvent {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.content ul.titleTag {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.content ul.titleTag li {
	border: 1px #999 solid;
	padding-left: 0.9rem;
	padding-right: 0.9rem;
	padding-top: 0.4rem;
	padding-bottom: 0.6rem;
	margin-right: 0.9rem;
	margin-bottom: 0.7rem;
	color: #999;
}
.content ul.titleTag li:last-child {
	margin-right: 0;
}
.content p iframe.gm {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}
.content div.gmap,
.content div.gmap iframe {
	aspect-ratio: 3 / 2;
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
.content {
	width: 56vw;
	padding-top: 9rem;
	padding-bottom: 10.5rem;
	margin-left: auto;
	margin-right: auto;
}
.content ul.newsTopics li {
	width: calc((100% - 6rem) / 3);
	margin-bottom: 3rem;
}
.content ul.newsTopics::after {
	content: "";
	display: block;
	width: calc((100% - 6rem) / 3);
	height: 0;
	margin: 0 !important;
}
.content ul.newsTopics.pcLastNone li:last-child {
	display: none;
}
.content ul.eventContents {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content ul.eventContents > li {
	width: calc((100% - 6rem) / 2);
	margin-bottom: 4.5rem;
}
.content ul.exhibitor > li {
	width: calc((100% - 6rem) / 3);
	margin-bottom: 3rem;
}
.content ul.exhibitor::after {
	content: "";
	display: block;
	width: calc((100% - 6rem) / 3);
	height: 0;
	margin: 0 !important;
}
.content ul.exhibitorPhoto {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content ul.exhibitorPhoto li {
	width: calc((100% - 3rem) / 2);
}
.content ul.relatedEntryExhibitor,
.content ul.relatedEntryEvent {
	justify-content: flex-start;
}
.content ul.relatedEntryExhibitor li {
	width: calc((100% - 9rem) / 4);
	margin-right: 3rem;
	margin-bottom: 3rem;
}
.content ul.relatedEntryExhibitor li:nth-child(4n) {
	margin-right: 0 !important;
}
.content ul.relatedEntryEvent li {
	width: calc((100% - 6rem) / 3);
	margin-right: 3rem;
	margin-bottom: 3rem;
}
.content ul.relatedEntryEvent li:nth-child(3n) {
	margin-right: 0 !important;
}
.content dl.outline div {
	display: flex;
	align-items: flex-start;
}
.content dl.outline div dt {
	width: 6.3rem;
}
.content dl.detail div {
	display: flex;
	align-items: flex-start;
}
.content dl.detail div dt {
	width: 15rem;
}
.content p.profileImg {
	width: 30%;
}
.content p.exhibitorImg {
	width: 60%;
}
.content ul.access {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content ul.access li {
	width: calc((100% - 6rem) / 2);
}
}
@media (max-width: 767px) {
.content {
	padding-top: 6rem;
	padding-bottom: 7.5rem;
	padding-left: 6vw;
	padding-right: 6vw;
}
.content ul.newsTopics li {
	width: calc((100% - 3rem) / 2);
	margin-bottom: 3rem;
}
.content ul.eventContents > li {
	margin-bottom: 3rem;
}
.content ul.eventContents > li:last-child {
	margin-bottom: 0;
}
.content ul.exhibitor > li {
	width: calc((100% - 3rem) / 2);
	margin-bottom: 3rem;
}
.content ul.exhibitorPhoto li {
	margin-bottom: 3rem;
}
.content ul.exhibitorPhoto li:last-child {
	margin-bottom: 0;
}
.content ul.relatedEntryExhibitor,
.content ul.relatedEntryEvent {
	justify-content: space-between;
}
.content ul.relatedEntryExhibitor li,
.content ul.relatedEntryEvent li {
	width: calc((100% - 3rem) / 2);
	margin-bottom: 3rem;
}
.content p.profileImg {
	width: 45%;
}
.content ul.access li {
	margin-bottom: 3rem;
}
.content ul.access li:last-child {
	margin-bottom: 0;
}
}


/* button
------------------------------------------------------------ */
.content div.btn {
	width: 100%;
}
.content div.btn span {
	letter-spacing: 0.375rem !important;
}
.content div.btn a {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding-left: 1.8rem;
	padding-top: 1.5rem;
	padding-bottom: 1.8rem;
	border: 3px #e50012 solid;
	border-radius: 6px;
	color: #e50012;
	transition: all 0.1875s;
}
.content div.btn a i {
	margin-left: 1.5rem;
}
.content div.btn.dimm div {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding-left: 1.8rem;
	padding-top: 1.5rem;
	padding-bottom: 1.8rem;
	border: 3px #333 solid;
	color: #333;
	transition: all 0.1875s;
}
.content div.btn.dimm div i {
	margin-left: 1.5rem;
}