@charset "utf-8";


/* base
1rem = 1em = 10px
------------------------------------------------------------ */
body,
html {
	height: 100%;
	background-color: #f4f4f4;
}
body,
form * {
	background: #f4f4f4;
	color: #333;
	font-family: ryo-gothic-plusn, sans-serif;
	font-feature-settings: "palt" 1;
	line-break: strict;
	letter-spacing: 0.046875rem;
	font-weight: 400;
	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: #e7336e !important;
}
.blue {
	color: #0083a1 !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: #e7336e;
}
hr.blue {
	background-color: #0083a1;
}
hr.black {
	background-color: #333;
}
::selection {
	background: #0083a1;
	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, #e7336e, #e7336e);
	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 #e7336e solid;
	background-color: #e7336e;
	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: #e7336e;
}


/* 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;
	mix-blend-mode: multiply;
}
header.mvTop p.titleJa img {
	position: absolute;
	z-index: 6;
	mix-blend-mode: multiply;
}
header.mvTop p.titleQ1En img {
	position: absolute;
	z-index: 8;
	mix-blend-mode: multiply;
}
header.mvTop p.titleQ1Ja img {
	position: absolute;
	z-index: 9;
	mix-blend-mode: multiply;
}
header.mvTop h1.logosymbolSecond {
	position: fixed;
	z-index: 19;
	display: none;
}
header.mvTop h1.logosymbolSecond.scroll {
	display: block;
	mix-blend-mode: multiply;
}
@media (min-width: 768px) {
header.mvTop h1.logosymbol img {
	top: 50%;
	left: 50%;
	transform: translate(-45%,-50%);
	width: auto;
	height: 88.5svh;
}
header.mvTop p.date img {
	bottom: 4.5svh;
	left: 5.1vw;
	width: auto;
	height: 31.35svh;
}
header.mvTop p.titleJa img {
	top: 4.5svh;
	right: 5.1vw;
	width: auto;
	height: 40.5svh;
}
header.mvTop p.titleQ1En img {
	top: 4.5svh;
	left: 5.1vw;
	width: auto;
	height: 52.8svh;
}
header.mvTop p.titleQ1Ja img {
	bottom: 4.5svh;
	right: 5.1vw;
	width: auto;
	height: 43.2svh;
}
header.mvTop h1.logosymbolSecond {
	top: 3svh;
	right: 3vw;
}
header.mvTop h1.logosymbolSecond img {
	width: auto;
	height: 30svh;
}
}
@media (max-width: 767px) {
header.mvTop h1.logosymbol img {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 93vw;
	height: auto;
}
header.mvTop p.date img {
	bottom: 5.1svh;
	left: 3.9vw;
	width: 66vw;
	height: auto;
}
header.mvTop p.titleJa img {
	top: 50%;
	transform: translateY(-141%);
	right: 3.9vw;
	width: 34.5vw;
	height: auto;
}
header.mvTop p.titleQ1En img {
	top: 4.5svh;
	left: 3.9vw;
	width: 63vw;
	height: auto;
}
header.mvTop p.titleQ1Ja img {
	top: 50%;
	transform: translateY(42%);
	right: 3.9vw;
	width: 30vw;
	height: auto;
}
header.mvTop h1.logosymbolSecond {
	top: 3svh;
	right: 3vw;
}
header.mvTop h1.logosymbolSecond img {
	width: auto;
	height: 15svh;
}
}


/* header / 2nd
------------------------------------------------------------ */
header.second h1.logosymbolSecond {
	position: fixed;
	z-index: 19;
	mix-blend-mode: multiply;
}
@media (min-width: 768px) {
header.second {
	height: 12rem;
}
header.second h1.logosymbolSecond {
	top: 3svh;
	right: 3vw;
}
header.second h1.logosymbolSecond img {
	width: auto;
	height: 30svh;
}
}
@media (max-width: 767px) {
header.second {
	height: 21rem;
}
header.second h1.logosymbolSecond {
	top: 3svh;
	right: 3vw;
}
header.second h1.logosymbolSecond img {
	width: auto;
	height: 15svh;
}
}


/* 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: #0083a1;
	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: #0083a1;
	color: #fff;
	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: 3svh;
	right: 3vw;
}
nav.hamburgerNav h1.logosymbolSecond img {
	width: auto;
	height: 30svh;
}
}
@media (max-width: 767px) {
nav.hamburgerNav div.wrap {
	margin-top: 27rem;
	margin-bottom: 6rem;
	margin-left: 7.5vw;
}
nav.hamburgerNav h1.logosymbolSecond {
	top: 3svh;
	right: 3vw;
}
nav.hamburgerNav h1.logosymbolSecond img {
	width: auto;
	height: 15svh;
}
}


/* mv(sub)
------------------------------------------------------------ */
section.mv {
	position: relative;
	width: 100%;
}
section.mv div.bg {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #e7336e;
}
section.mv.left div.bg {
	bottom: 0;
}
section.mv.right div.bg {
	top: 0;
}
section.mv div.photo {
	position: absolute;
	background-color: #0083a1;
	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 {
	font-family: helvetica-lt-pro, sans-serif;
	font-weight: 700 !important;
	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.1875rem !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.7rem;
	padding-bottom: 0.7rem;
	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: 1.2rem;
	padding-right: 1.2rem;
	padding-top: 0.6rem;
	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 dl.detail div dd {
	width: calc(100% - 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;
	font-weight: 500;
}
.content div.btn a {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding-left: 2.4rem;
	padding-top: 1.95rem;
	padding-bottom: 1.8rem;
	border: 3px #0083a1 solid;
	color: #0083a1;
	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: 2.4rem;
	padding-top: 1.95rem;
	padding-bottom: 1.8rem;
	border: 3px #333 solid;
	color: #333;
	transition: all 0.1875s;
}
.content div.btn.dimm div i {
	margin-left: 1.5rem;
}