@charset "UTF-8";

main
{
	min-height: calc(100vh - var(--headerH) - var(--footerH));
	background: var(--Cblue0);
}


/* ================================================================================
search
================================================================================ */
@media print, screen
{

#search h2
{
	font-size: var(--fzv32);
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
}

#search .boxes
{
	display: flex;	justify-content: center;
	gap: calc(40 * var(--u));

	/* background: var(--Cblue0); */
	/* padding: calc(40 * var(--v)) 0; */
}
#search .button a
{
	display: flex;	justify-content: space-between;	align-items: center;
	width: calc(485 * var(--u));	aspect-ratio: 485/200;

	padding: 0 calc(20 * var(--u));

	background: white;
	border: 2px solid var(--Cblue2);
	border-radius: calc(20 * var(--u));
}
#search .button picture{	width: calc(150 * var(--u));	aspect-ratio: 1;	}
#search .button p
{
	font-size: var(--fzu22);
	font-weight: 500;
	text-align: center;
}
#search .button i
{
	color: var(--Cblue2);
	font-size: var(--fzu24);
	text-align: center;
}

}
@media screen and (max-width: 767px)
{

}


/* ================================================================================
pressReleaseFavorite
================================================================================ */
@media print, screen
{

#pressReleaseFavorite > .inner > h2
{
	font-size: var(--fzv32);
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
}

#pressReleaseFavorite .scrollArea
{
	max-height: calc(600 * var(--v));
	margin: 0 auto;
	padding: calc(40 * var(--v)) calc(40 * var(--u));

	border: 1px solid var(--Cgray2);

	overflow: hidden scroll;
}

}
@media screen and (min-width: 768px)
{

#pressReleaseNew .scrollArea{	padding: var(--pageP);	}

}
@media screen and (max-width: 767px)
{

}



/* ================================================================================
pressReleaseNew
================================================================================ */
@media print, screen
{

#pressReleaseNew > .inner > h2
{
	font-size: var(--fzv32);
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
}

#pressReleaseNew .scrollArea
{
	max-height: calc(600 * var(--v));
	margin: 0 auto;
	padding: calc(40 * var(--v)) calc(40 * var(--u));

	border: 1px solid var(--Cgray2);

	overflow: hidden scroll;
}

#pressReleaseNew .button
{
	width: fit-content;
	margin: 0 auto;
}

}
@media screen and (min-width: 768px)
{

#pressReleaseNew .scrollArea{	padding: var(--pageP);	}

}
@media screen and (max-width: 767px)
{

/* #pressReleaseNew .button{	width: calc(320 * var(--v));	} */

}













/* ================================================================================
login - no login user -
================================================================================ */
@media print, screen
{

#login{	padding: 0;	}
#login > .inner
{
	max-width: 100%;
	padding: 0;
}

#login .boxes{	display: flex;	flex-wrap: wrap;	}
#login .boxes > .box:nth-child(1){	width: 600px;	}
#login .boxes > .box:nth-child(2){	width: calc(100% - 600px);	}


#login .boxes > .box:nth-child(1)
{
	position: relative;
	display: flex;	justify-content: center;	align-items: center;
	padding: 0 0 80px;
}

#login .loginArea
{
	position: relative;
	width: calc(300 * var(--v));
}
#login .logo
{
	display: flex;	flex-direction: column;	justify-content: center;	align-items: center;
	height: 100%;
	gap: calc(15 * var(--v));
}
#login .logo p
{
	color: var(--Cblue2);
	font-size: var(--fzv16);
	font-weight: 600;
}
#login .logo svg
{
	--color: var(--Cgray0);
	width: calc(160 * var(--v));	aspect-ratio: 593/80;
}

#login .swpm-username-label,
#login .swpm-password-label
{	margin: 0 0 calc(10 * var(--v));	}
#login .swpm-username-label label,
#login .swpm-password-label label
{
	font-size: var(--fzv12);
	font-weight: 500;
}
#login .swpm-username-input,
#login .swpm-password-input
{	margin: 0 0 calc(15 * var(--v));	}

#login .swpm-username-input input,
#login .swpm-password-input input
{	width: 100%;	}

#login .swpm-forgot-pass-link
{
	margin: 0 0 calc(30 * var(--v));
	font-size: var(--fzv12);
}
#login .swpm-forgot-pass-link a{	color: var(--Cblue1);	}

#login .swpm-login-submit{	margin: 0 0 calc(20 * var(--v));	}
#login .swpm-login-submit input{	width: 100%;	}


#login .foot
{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	padding: 0 0 calc(20 * var(--v));
}
#login .navArea
{
	display: flex;	justify-content: center;	align-items: center;
	gap: calc(10 * var(--v));
}
#login .navArea .item p{	font-size: var(--fzv14);	}
#login .navArea > hr
{
	width: 1px;	height: 14px;
	background: var(--Cgray0);
}
#login .copy
{
	font-size: var(--fzv14);
	text-align: center;
}



#login .swiper
{
	position: relative;
	width: 100%;	height: max(100vh, 600px);
}
#login .swiper .swiper-slide a
{
	display: block;
	width: 100%;	height: 100%;
}
#login .swiper .swiper-slide a.nolink{	pointer-events: none;	}
#login .swiper .swiper-slide picture
{
	display: block;
	width: 100%;	height: 100%;
}

#login .swiper .controller
{
	z-index: 10;
	position: absolute;
	top: 0;	left: 0;
	width: 100%;	height: 100%;
	pointer-events: none;
}
#login .swiper .controller.hide{	display: none;	}

#login .swiper .controller .prev,
#login .swiper .controller .next,
#login .swiper .controller .pagination
{	pointer-events: all;	}
#login .swiper .controller .prev,
#login .swiper .controller .next
{
	--size: calc(80 * var(--u));
	position: absolute;
	top: calc((100% - var(--size)) / 2);

	display: flex;	justify-content: center;	align-items: center;
	width: var(--size);	aspect-ratio: 1;

	background-color: var(--Cwhite0);
	backdrop-filter:var(--backdrop0);
	-webkit-backdrop-filter: var(--backdrop0);
	box-shadow: var(--shadow0);

	border-radius: 50%;
	overflow: hidden;	
}
#login .swiper .controller .prev{	left: var(--pageP);	}
#login .swiper .controller .next{	right: var(--pageP);	}
#login .swiper .controller .prev p,
#login .swiper .controller .next p
{
	color: var(--Cblue1);
	font-size: var(--fzu45);
	font-weight: 700;
}

#login .swiper .controller .pagination
{
	--size: calc(12 * var(--u));
	position: absolute;
	bottom: 0;	left: 0;

	display: flex;	justify-content: center;	align-items: center;
	gap: calc(20 * var(--u));
	width: 100%;
	padding: calc(10 * var(--u)) 0;

	background-color: var(--Cwhite0);
	backdrop-filter:var(--backdrop0);
	-webkit-backdrop-filter: var(--backdrop0);
	box-shadow: var(--shadow0);
}
#login .swiper .controller .pagination span
{
	display: block;
	width: var(--size);	height: var(--size);
	margin: 0;
}
#login .swiper .controller .pagination [class*="active"]
{
	background: var(--Cblue1);
}

}
@media screen and (min-width: 768px)
{

#login .swpm-forgot-pass-link a:hover{	text-decoration: underline;	}

}
@media screen and (max-width: 767px)
{

#login .boxes{	flex-direction: column;	}
#login .boxes > .box:nth-child(1){	width: 100%;	}
#login .boxes > .box:nth-child(2){	width: 100%;	}

#login .boxes > .box:nth-child(1){	padding: calc(100 * var(--v)) var(--pageP) calc(180 * var(--v));	}
#login .loginArea{	width: calc(400 * var(--v));	}

#login .swiper{	height: auto;	aspect-ratio: 1;	}

}







/* ======================================== end ======================================== */