@charset "utf-8";

:root {
	--themeColorBlue:rgba(0, 156, 224, 1);/*#009ce0*/
	--themeColorBlueAlp:rgba(0, 156, 224, 0.975);/*#009ce0*/
	--themeColorGreen:rgba(139, 189, 75, 1);/*#8bbd4b*/
	--themeColorOrange:rgba(239, 154, 36 ,1);/*#ef9a24*/
	--themeColorRed:rgba(219, 72, 99, 1);/*#db4863*/
	--themeColorLightblue:rgba(217, 240, 250, 1);/*#d9f0fa*/
}
.rotate-2deg{transform: rotate(-2deg);}
.rotate-3deg{transform: rotate(-3deg);}
.ktknCmn{
	font-size:inherit;
	letter-spacing:-2px;
}
.grecaptcha-badge{
	/*display:none !important;*/
	opacity:0 !important;
	visibility:hidden !important;
}

.navBox .globalNavigation .gnInner .innerRight > ul > li.linkCancel a{
	pointer-events:none;
	cursor: not-allowed;
	opacity:0.5;
}
/* ///////////////////////////////////////////////////// */

/*html,body{height:100%;}*/
body{
	font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
	font-size:100%;
	line-height:1;
	letter-spacing:0;

	display:flex;
	flex-direction:column;
	height:100dvh;
}
.noScrl{
	overflow:hidden;
	overscroll-behavior: none;
}

/* ============================================ */
.bldFnt{font-weight:bold!important;}
.nmlFnt{font-weight:normal!important;}

/* ============================================ */
.btmBtnBox{
	opacity:0;
	visibility:hidden;
	transition:all 0.2s ease-in-out;
}
.btmBtnBox.show{
	opacity:1;
	visibility:visible;
}

/* ============================================ */
.footWrap{
	flex-grow:1;
}
.footWrap .footInner{
	position:sticky;
	top:100%;
}

/* ============================================ */
.videoModal{
	width:100%;
	height:100vh;
	height:100dvh;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	background-color:rgba(0,0,0, .85);

	transition:all 0.2s ease-out;
	opacity:0;
	visibility:hidden;
}
.videoModal.act{
	opacity:1;
	visibility:visible;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	.spHide{display:none !important;}
	
	/* ============================================ */
	body{
		background-image: url(../../images/front/common/bodyBg.png);
		background-size:4% auto;
	}
	/* ============================================ */
	.headBox .headInner .logoBox{
		display:block;
		width:100px;
		position:absolute;
		top:1.5%;
		left:3%;
	}
	.headBox .headInner .linkBox a{
		display:none;
	}
	/* ============================================ */
	.menuBox{
		display:flex;
		align-items:center;
		width:8.5em;
		position:fixed;
		z-index:100;
		top:1.5%;
		right:0;
		cursor:pointer;
		/*background:#fcc;*/
	}
	/* ============================================ */
	.menuBox .humbugerMenu{
		display:flex;
		align-items:center;
		width:auto;
		opacity:1;
		transition:all 0.3s ease-in-out;
	}
	.menuBox .humbugerMenu span{
		position:relative;
		width:35px;
		height:1px;
		background-color:rgba(0, 0, 0, 0);

		transition:all 0.2s ease-in-out;
	}
	.menuBox .humbugerMenu span::before,
	.menuBox .humbugerMenu span::after{
		position:absolute;
		display:block;
		content:"";
		width:100%;
		height:1px;
		background-color:#000;

		transform:rotate(0);
		transition:all 0.2s ease-in-out;
	}
	.menuBox .humbugerMenu span::before{
		top:-4px;
	}
	.menuBox .humbugerMenu span::after{
	 	bottom:-4px;
	}
	/* ============================================ */
	.menuBox p{
		color:#333;
		font-size:1.5rem;
		position:relative;
		top:-1.5px;
		margin-left:6px;
	}
	/* ------------------------------------ */
	.menuBox.act .humbugerMenu span::before,
	.menuBox.act .humbugerMenu span::after{
		background-color:#fff;
	}
	.menuBox.act .humbugerMenu span::before{
		transform:rotate(25deg);
		top:0px;
	}
	.menuBox.act .humbugerMenu span::after{
		transform:rotate(-25deg);
		bottom:0px;
	}
	.menuBox.act p{
		color:#fff;
	}

	/* ============================================ */
	.navBox{
		width:100%;
		height:100dvh;
		background-color:var(--themeColorBlueAlp);
		position:fixed;
		top:0;
		left:0;
		z-index:20;
		background-image:url(../../images/front/common/navBg.png);
		background-size:4% auto;

		transition:all 0.3s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.navBox.show{
		opacity:1;
		visibility:visible;
	}
	/* ------------------------------------ */
	.navBox .globalNavigation{
		position:relative;
		height:100%;

		transition:all 0.3s ease-in-out;
		top:15px;
		opacity:0;
		visibility:hidden;
	}
	.navBox.show .globalNavigation{
		top:0;
		opacity:1;
		visibility:visible;
	}
	/* ------------------------------------ */
	.navBox .globalNavigation .gnInner{
		height:100%;
		padding:4% 2% 7% 2%;
	}
	/* ------------------------------------ */
	.navBox .globalNavigation .gnInner .innerLeft{
		width:100%;
		/*height:18vh;*/
		height:fit-content;
		padding:0 3% 3% 3%;
		border-bottom:0.5px solid #fff;
	}
	.navBox .globalNavigation .gnInner .innerRight{
		height:82vh;
		padding:0 0 10% 0;
		overflow-y: auto;
	}
	/* ============================================ */
	.navBox .globalNavigation .gnInner .innerLeft .logoBox{
		width:55%;
	}
	.navBox .globalNavigation .gnInner .innerLeft .btnBox{
		display:flex;
		align-items:center;
		justify-content:center;
		margin-top:3%;
	}
	.navBox .globalNavigation .gnInner .innerLeft .btnBox a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:48%;
		min-height:1.8em;
		color:#fff;
		font-size:4vw;
		font-weight:500;
		position:relative;
		border-radius:7px;
		box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.5);

		transition:all 0.2s ease-in-out;
		transform: scale(1);
		opacity:1;
	}
	.navBox .globalNavigation .gnInner .innerLeft a::before{
		content:"\e315";
		font-family:"Material Symbols Outlined";
		font-size:clamp(1.3rem, 1.8vw, 1.6rem);
		display:block;
		position:absolute;
		right:-0.05em;
		top:50%;
		transform:translateY(-46%);
		font-variation-settings:'wght' 300;
	}
	.navBox .globalNavigation .gnInner .innerLeft a.registrationBtn{
		background-color:var(--themeColorGreen);
		margin-right:4%;
	}
	.navBox .globalNavigation .gnInner .innerLeft a.loginBtn{
		background-color:var(--themeColorOrange);
		letter-spacing: -1.5px;
	}
	/* ============================================ */
	.navBox .globalNavigation .gnInner .innerRight .mainNav{
		padding:6% 3% 0 3%;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li{
		width:100%;
		margin-top:6%;
		padding-right:1em;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li:first-child{
		margin-top:0;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li a{
		display:block;
		padding-left:1.3em;
		color:#fff;
		font-size:4.5vw;
		line-height:1.2;
		position:relative;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li a::before{
		content:"\eaaa";
		font-family:"Material Symbols Outlined";
		font-size:5.5vw;
		position:absolute;
		top:-8%;
		left:0;
	  font-variation-settings:'FILL' 1;
	}
	/*.navBox .globalNavigation .gnInner .innerRight .mainNav > li a:hover{
		transform:scale(1.07);
		opacity:0.8;
	}*/
	/* ============================================ */
	.navBox .globalNavigation .gnInner .innerRight .subNav{
		display:flex;
		flex-wrap:wrap;
		margin-top:8%;
		padding:0 3% 0 3%;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li{
		width:40%;
		margin-top:5%;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li:nth-child(even){
		width:60%;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li:nth-child(-n+2){
		margin-top:0;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li a{
		display:block;
		padding-left:1.2em;
		color:#fff;
		font-size:4vw;
		position:relative;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li a::before{
		content:"\e5c8";
		font-family:"Material Symbols Outlined";
		font-size:4.5vw;
		position:absolute;
		top:0;
		left:0;
	  font-variation-settings:'wght' 500;
	}
	/* ------------------------------------ */
	.navBox .globalNavigation .gnInner .innerRight .concurrentEventsBox{
		width:80%;
		margin:7% auto 0;
	}
	/*.navBox .globalNavigation .gnInner .innerRight .concurrentEventsBox p{
		display:flex;
		align-items:center;
		justify-content:center;
		width:80%;
		height:8vh;
		margin:0 auto 0;
		background-color:#aaa;
		color:#fff;
	}*/

	/* ============================================ */
	.recommendBox{
		width:94%;
		padding:5% 5% 7% 5%;
		background-color:#fff;
		border-radius:20px;
	}
	.navBox .globalNavigation .gnInner .innerRight .recommendBox{
		margin:7% auto 0;
	}
	.formZone.complete .recommendBox{
		margin:10% auto 0;
		border:2px solid var(--themeColorBlue);
		box-shadow:0px 0px 15px 2px var(--themeColorBlueAlp);
	}
	/* ------------------------------------ */
	.recommendBox .ttlBox{
		display:flex;
		justify-content:center;
	}
	.recommendBox .ttlBox *{
		color:var(--themeColorBlue);
	}
	.recommendBox .ttlBox .ttlTxt{
		font-size:5vw;
	}
	.navBox .globalNavigation .gnInner .innerRight .recommendBox .ttlBox .ttlTxt{
		font-size:5vw;
	}
	.formZone.complete .recommendBox .ttlBox .ttlTxt{
		font-size:4.5vw;
	}
	.recommendBox .ttlBox span{
		position:relative;
	}
	.navBox .globalNavigation .gnInner .innerRight .recommendBox .ttlBox span{
		font-size:7vw;
		top:-0.7vw;
	}
	.formZone.complete .recommendBox .ttlBox span{
		font-size:6.5vw;
		top:-0.8vw;
	}

	/* ------------------------------------ */
	.recommendBox .itemBox{}
	.recommendBox .itemBox .items{
		display:block;
		width:100%;
		margin-top:6%
	}
	.recommendBox .itemBox .items .imgBox{
		display:flex;
		align-items:center;
		justify-content:center;

		width:100%;
		height:40vw;
		border:1px solid #f2f2f2;
		/*background-color:#fafafa;*/
	}
	.recommendBox .itemBox .items .imgBox img{
		display:block;
		width:auto;
		max-width:80%;
		height:auto;
		max-height:80%;
	}
	.recommendBox .itemBox .items .tagsBox{
		display:flex;
		margin-top:2%;
	}
	.recommendBox .itemBox .items .tagsBox li{
		margin-left:3%;
		padding:0.5% 1% 1.0% 1%;
		border:1px solid var(--themeColorBlue);
	}
	.recommendBox .itemBox .items .tagsBox li:first-child{
		margin-left:0;
	}
	.recommendBox .itemBox .items .tagsBox li p{
		font-size:3.0vw;
		color:var(--themeColorBlue);
		letter-spacing:-1px;
	}
	.recommendBox .itemBox .items .campanyName{
		margin-top:2%;
		font-size:4vw;
		font-weight:500;
		line-height:1.2;
		color:#333;
	}

	/* ///////////////////////////////////////////////////// */
	.newsBox{
		display:flex;
		flex-direction:column;
		justify-content:center;
		width:95%;
		margin:3% auto 0;
		position:relative;
		z-index:3;
	}
	.mypage .newsBox{
		margin:8% auto 0;
	}
	/* ============================================ */
	.newsBox .ttlBox{
		display:flex;
		align-items:center;
	}
	.newsBox .ttlBox h2{
		width:100%;
		color:#fff;
		font-style:italic;
		line-height:1.1;
		font-weight:900;
		font-size:6vw;
		color:#aaaaaa;
		letter-spacing:-0.5px;
		position:relative;
	}
	.newsBox .ttlBox h2::before{
		content:"";
		display:block;
		width:45%;
		height:2px;
		background-color:#aaaaaa;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:0;
	}
	/* ============================================ */
	.newsBox .itemBox{
		width:97%;
		margin:0 auto 0;
	}
	.newsBox .itemBox .items{
		display:flex;
		width:100%;
		margin-top:6%;
		padding-bottom:3%;
		border-bottom:1px solid #aaaaaa;
	}
	.newsBox .itemBox .items > p{
		line-height:1.3;
	}
	.newsBox .itemBox .items .dataTxt{
		width:23%;
		font-size:3.4vw;
	}
	.newsBox .itemBox .items .bdyTxt{
		width:77%;
		padding-left:1em;
		font-size:3.5vw;
	}
	/*	.newsBox .itemBox .items .bdyTxt{
		font-size:clamp(1.0rem, 1.3vw, 1.3rem);
	}
	.newsBox .itemBox .items .bdyTxt{
		margin-top:10px;
		line-height:1.3;
	}*/

	/* ///////////////////////////////////////////////////// */
	.contentsWrap{
		padding-bottom:10%;
	}
	.contentsWrap .block{
		width:95%;
		margin:0 auto 0;
		padding-top:8%;
		position:relative;
	}
	.contentsWrap .block h2.blockTtl{
		font-style:italic;
		font-weight:900;
		font-size:7.2vw;
		position:relative;
		left:0;
	}
	.contentsWrap .block .blockLeadTxt{
		font-size:3.8vw;
		line-height:1.4;
		margin-top:6%;
	}
		.contentsWrap .block .blockTtlBox{
		display:flex;
		justify-content:space-between;
		align-items:end;
	}
	/* ============================================ */
	.contentsWrap .block .blockContainer{
		/*display:flex;*/
		padding-inline:5%;
		padding-block:8%;
	}

	/* ============================================ */
	.contentsWrap .block .blockContainer.blockframe{
		position:relative;
	}
	.contentsWrap .block .blockContainer.blockframe::before,
	.contentsWrap .block .blockContainer.blockframe::after,
	.contentsWrap .block .blockContainer.blockframe .blockInner::before,
	.contentsWrap .block .blockContainer.blockframe .blockInner::after{
		box-sizing:border-box;
	}
	/* ============================================ */
	.contentsWrap .block .blockContainer.blockframe.type01::before,
	.contentsWrap .block .blockContainer.blockframe.type01::after{
		content:"";
		display:block;
		width:30px;
		height:100%;
		border-top:6px solid var(--themeColorGreen);
		border-bottom:6px solid var(--themeColorGreen);
		position:absolute;
		top:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type01::before{
		border-left:6px solid var(--themeColorGreen);
		left:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type01::after{
		border-right:6px solid var(--themeColorGreen);
		right:0;
	}
	/* ------------------------------------ */
	.contentsWrap .block .blockContainer.blockframe.type01 h2.blockTtl{
		color:var(--themeColorGreen);
	}

	/* ============================================ */
	.contentsWrap .block .blockContainer.blockframe.type02::before,
	.contentsWrap .block .blockContainer.blockframe.type02::after{
		content:"";
		display:block;
		width:100%;
		height:30px;
		border-left:6px solid var(--themeColorOrange);
		border-right:6px solid var(--themeColorOrange);
		position:absolute;
		left:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type02::before{
		border-top:6px solid var(--themeColorOrange);
		top:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type02::after{
		border-bottom:6px solid var(--themeColorOrange);
		bottom:0;
	}
	/* ------------------------------------ */
	.contentsWrap .block .blockContainer.blockframe.type02 h2.blockTtl{
		color:var(--themeColorOrange);
	}
	/* ============================================ */
	.contentsWrap .block .blockContainer.blockframe.type03::before,
	.contentsWrap .block .blockContainer.blockframe.type03::after,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::before,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::after{
		content:"";
		display:block;
		width:30px;
		height:30px;
		position:absolute;
	}
	.contentsWrap .block .blockContainer.blockframe.type03::before,
	.contentsWrap .block .blockContainer.blockframe.type03::after{
		border-top:6px solid var(--themeColorRed);
		top:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::before,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::after{
		border-bottom:6px solid var(--themeColorRed);
		bottom:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type03::before,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::before{
		border-left:6px solid var(--themeColorRed);
		left:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type03::after,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::after{
		border-right:6px solid var(--themeColorRed);
		right:0;
	}
	/* ------------------------------------ */
	.contentsWrap .block .blockContainer.blockframe.type03 h2.blockTtl{
		color:var(--themeColorRed);
	}

	/* ///////////////////////////////////////////////////// */
	.btmBtnBox{
		display:flex;
		justify-content:space-between;
		width:100%;
		padding:2%;
		position:sticky;
		left:0;
		bottom:0;
		z-index:5;
		/*background-color:rgba(255, 255, 255, 0.8);*/
	}

	.btmBtnBox .spBtnBox{
		display:flex;
		justify-content:space-between;
		width:87%;
	}
	.btmBtnBox .spBtnBox > a{
		display:flex;
		align-items:center;
		justify-content:center;
		color:#fff;
		font-size:4vw;
		font-weight:600;
		border-radius:8px;
		position:relative;
	}
	.btmBtnBox .spBtnBox > a::before{
		content:"\e315";
		font-family:"Material Symbols Outlined";
		font-size:5vw;
		display:block;
		position:absolute;
		right:-0.1em;
		top:50%;
		transform:translateY(-46%);
		font-variation-settings:'wght' 300;
	}
	.btmBtnBox .spBtnBox > a.registrationBtn{
		width:42%;
		background-color:var(--themeColorGreen);
	}
	.btmBtnBox .spBtnBox > a.loginBtn{
		width:54%;
		background-color:var(--themeColorOrange);
		letter-spacing: -1.5px;
		margin-left:4%;
	}

	.btmBtnBox .rttBox{
		width:10%;
		opacity:0.8;
		cursor:pointer;
		transition:all 0.2s ease-in-out;
		transform:scale(1);
	}
	.btmBtnBox .rttBox:hover{
		transform:scale(1.2);
	}

	/* ///////////////////////////////////////////////////// */
	.footWrap{
		flex-grow:1;
		margin-top:-5.5vw;
	}
	.footWrap .footInner{
		width:100%;
		padding:7% 3%;
		background-color:var(--themeColorLightblue);
	}
	.footWrap .footInner .leftBox{
		display:flex;
		align-items:center;
		width:100%;
	}
	.footWrap .footInner .leftBox .logoBox{
		width:15%;
		max-width:90px;
		min-width:70px;
	}
	.footWrap .footInner .leftBox .txtBox{
		padding-left:1.0em;
	}
	.footWrap .footInner .leftBox .txtBox > p{
		line-height:1.2;
	}
	.footWrap .footInner .leftBox .txtBox .executiveOffice{
		font-size:3.2vw;
		font-weight:500;
	}
	.footWrap .footInner .leftBox .txtBox .officeAddress{
		margin-top:1.5%;
		font-size:3.0vw;
	}
	.footWrap .footInner .leftBox .txtBox .officeContactInfo{
		margin-top:1.5%;
		font-size:3.0vw;
	}
	.footWrap .footInner .leftBox .txtBox .officeBusinessHours{
		margin-top:1.5%;
		font-size:2.8vw;
	}
	/* ============================================ */
	.footWrap .footInner .rightBox{
		margin-top:3%;
		text-align:right;
	}
	.footWrap .footInner .rightBox p{
		font-size:2.5vw;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.underlayerPage .pageTtlBox{
		display:flex;
		width:96%;
		margin:12% auto 0;
		padding:5% 4%;
		border-radius:3.5vw;
		background-color:var(--themeColorBlue);
	}
	.underlayerPage .pageTtlBox .logoBox{
		width:15%;
	}
	.underlayerPage .pageTtlBox .txtBox{
		display:flex;
		flex-direction:column;
		justify-content:center;
		width:85%;
		/*flex-grow:1;
		flex-shrink:1; 
		flex-basis:0;*/
		padding-left:3%;
	}
	.underlayerPage .pageTtlBox .txtBox h1{
		font-style:italic;
		font-weight:900;
		font-size:6.5vw;
		position:relative;
		top:-1.0vw;
		color:#fff;
	}
	.underlayerPage .pageTtlBox .txtBox .pageDescTxt{
		/*margin-top:25px;*/
		padding-top:4%;
		padding-left:1%;
		color:#fff;
		font-size:3.2vw;
		line-height:1.2;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.underlayerPage.mypage .pageTtlBox{
		flex-wrap:wrap;
		padding-bottom:0;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav{
		display:flex;
		width:100%;
		border-top:1px solid rgba(255,255,255,0.5);
		margin-top:4%;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li{
		display:flex;
		width:calc(100% / 3);
		padding-bottom:3%;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		padding:3% 0 3% 0;
		margin:2% 1% 0 1%;
		font-size:3.5vw;
		color:#006d9c;
		/*background:#aaa;*/
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li a span{
		display:inline-block;
		padding-left:0;
		font-size:5vw;
		font-variation-settings:'wght' 300;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li.current a{
		color:#fff;
		pointer-events:none;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li a:hover{
		transform:scale(1.1);
		color:#fff;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.videoModal .videoModal_inner{
		width:80%;
		height:auto;
		background-color:rgba(0,0,0,1);
		box-shadow:0px 0px 20px rgba(0,0,0,.5);
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:9002;
	}
	.videoModal .videoModal_inner .videoBox{
		position:relative;
		padding-top:56.25%;
	}
	.videoModal .videoModal_inner .videoBox iframe{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		right:0;
	}

	.videoModal .modalBtnBox{
		width:80%;
		height:auto;
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:9001;
	}
	.videoModal .modalBtnBox .modalClsBtnBox{
		position:relative;
		padding-top:56.25%;
		display:flex;
		justify-content:flex-end;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn{
		width:40px;
		height:40px;
		position:absolute;
		top:-40px;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::before,
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::after{
		content:"";
		display:block;
		width:100%;
		height:3px;
		position:absolute;
		top:50%;
		transform:translateX(-50%);
		background-color:#ffffff;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::before{
		transform:rotate(45deg);
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::after{
		transform:rotate(-45deg);
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (min-width:768px){
	.pcHide{display:none !important;}

	body{
		background-image: url(../../images/front/common/bodyBg.png);
	}

	a.alpHov{
		opacity:1;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	a.alpHov:hover{
		opacity:0.5;
	}

	/* ///////////////////////////////////////////////////// */
	.headBox{
		width:98.5%;
		padding:10px 25px;
		position:fixed;
		top:10px;
		left:50%;
		transform:translateX(-50%);
		z-index:10;
		/*background:#faa;*/
	}
	.headBox .headInner{
		display:flex;
		align-items:center;
	}
	/* ============================================ */
	.headBox .headInner .logoBox{
		display:block;
		width:100px;
	}
	/* ============================================ */
	.headBox .headInner .linkBox{
		display:flex;
		align-items:center;
		justify-content:end;
		width:calc(100% - 100px);
	}
	/* ============================================ */
	.headBox .headInner .linkBox a{
		display:flex;
		padding:10px 25px;
		font-size:clamp(1.0rem, 1.2vw, 1.2rem);
		font-weight:500;
		color:#fff;
		border-radius:7px;
		position:relative;

		transition:all 0.2s ease-in-out;
		transform:scale(1);
	}
	.headBox .headInner .linkBox a:hover{
		transform:scale(1.1);
	}
	.headBox .headInner .linkBox a.registrationBtn{
		background-color:var(--themeColorGreen);
		margin-right:15px;
	}
	.headBox .headInner .linkBox a.loginBtn{
		margin-right:9.5em;
		background-color:var(--themeColorOrange);
		letter-spacing:-1px;
	}
	.headBox .headInner .linkBox a::before{
		content:"\e315";
		font-family:"Material Symbols Outlined";
		font-size:clamp(1.1rem, 1.3vw, 1.3rem);
		display:block;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
	}

	/* ============================================ */
	.headWrap .concurrentEventsBox{
		width:75px;
		position:fixed;
		top:120px;
		left:0;
		z-index:5;
		box-shadow:0px 0px 8px rgba(0, 0, 0, .2);
	}

	/* ============================================ */
	.menuBox{
		display:flex;
		align-items:center;
		margin-left:15px;
		width:10em;
		position:fixed;
		z-index:100;
		top:24px;
		right:0.5em;
		cursor:pointer;
		
	}
	/* ============================================ */
	.menuBox .humbugerMenu{
		display:flex;
		align-items:center;
		width:auto;
		opacity:1;
		transition:all 0.3s ease-in-out;
	}
	.menuBox .humbugerMenu span{
		position:relative;
		width:40px;
		height:1px;
		background-color:rgba(0, 0, 0, 0);

		transition:all 0.2s ease-in-out;
	}
	.menuBox .humbugerMenu span::before,
	.menuBox .humbugerMenu span::after{
		position:absolute;
		display:block;
		content:"";
		width:100%;
		height:1px;
		background-color:#000;

		transform:rotate(0);
		transition:all 0.2s ease-in-out;
	}
	.menuBox .humbugerMenu span::before{
		top:-4px;
	}
	.menuBox .humbugerMenu span::after{
	 	bottom:-4px;
	}
	/* ============================================ */
	.menuBox p{
		color:#333;
		font-size:clamp(1.5rem, 2vw, 2rem);
		position:relative;
		top:-2.5px;
		margin-left:10px;
	}
	/* ------------------------------------ */
	.menuBox.act .humbugerMenu span::before,
	.menuBox.act .humbugerMenu span::after{
		background-color:#fff;
	}
	.menuBox.act .humbugerMenu span::before{
		transform:rotate(25deg);
		top:0px;
	}
	.menuBox.act .humbugerMenu span::after{
		transform:rotate(-25deg);
		bottom:0px;
	}
	.menuBox.act p{
		color:#fff;
	}

	/* ============================================ */
	.navBox{
		width:100%;
		height:100dvh;
		background-color:var(--themeColorBlueAlp);
		position:fixed;
		top:0;
		left:0;
		z-index:20;
		background-image:url(../../images/front/common/navBg.png);

		transition:all 0.3s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.navBox.show{
		opacity:1;
		visibility:visible;
	}
	/* ------------------------------------ */
	.navBox .globalNavigation{
		position:relative;
		height:100%;

		transition:all 0.3s ease-in-out;
		top:15px;
		opacity:0;
		visibility:hidden;
	}
	.navBox.show .globalNavigation{
		top:0;
		opacity:1;
		visibility:visible;
	}
	/* ------------------------------------ */
	.navBox .globalNavigation .gnInner{
		display:flex;
		height:100%;
		padding:70px 50px;
	}
	/* ------------------------------------ */
	.navBox .globalNavigation .gnInner .innerLeft{
		width:25%;
		min-width:180px;
		max-width:250px;
		height:100%;
		padding:20px 50px 20px 0;
		border-right:1px solid #fff;
	}
	.navBox .globalNavigation .gnInner .innerRight{
		/*width:calc(100% - 250px);*/
		height:100%;
		padding:20px 0 20px 50px;
		overflow-y: auto;
	}
	/* ============================================ */
	.navBox .globalNavigation .gnInner .innerLeft .logoBox{}
	.navBox .globalNavigation .gnInner .innerLeft a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		min-height:4em;
		color:#fff;
		font-size:clamp(1.2rem, 1.7vw, 1.7rem);
		font-weight:500;
		position:relative;
		border-radius:10px;
		box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.5);

		transition:all 0.2s ease-in-out;
		transform: scale(1);
		opacity:1;
	}
	.navBox .globalNavigation .gnInner .innerLeft a::before{
		content:"\e315";
		font-family:"Material Symbols Outlined";
		font-size:clamp(1.3rem, 1.8vw, 1.6rem);
		display:block;
		position:absolute;
		right:-0.1em;
		top:50%;
		transform:translateY(-50%);
	}
	.navBox .globalNavigation .gnInner .innerLeft a:hover{
		transform: scale(1.07);
		opacity:0.8;
	}
	.navBox .globalNavigation .gnInner .innerLeft a.registrationBtn{
		background-color:var(--themeColorGreen);
	}
	.navBox .globalNavigation .gnInner .innerLeft a.loginBtn{
		background-color:var(--themeColorOrange);
		letter-spacing: -1px;
	}
	.navBox .globalNavigation .gnInner .innerLeft a:nth-child(1){
		margin-top:50px;
	}
	.navBox .globalNavigation .gnInner .innerLeft a:nth-child(2){
		margin-top:20px;
	}
	/* ============================================ */
	.navBox .globalNavigation .gnInner .innerRight .mainNav{
		display:flex;
		flex-wrap:wrap;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li{
		width:30%;
		margin-top:35px;
		padding-right:1em;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li:nth-child(-n+3){
		margin-top:0;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li:nth-child(3n){
		width:40%;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li a{
		display:block;
		padding-left:1.1em;
		color:#fff;
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		line-height:1.2;
		position:relative;

		transition:all 0.2s ease-in-out;
		transform-origin:left center;
		transform: scale(1);
		opacity:1;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li a::before{
		content:"\eaaa";
		font-family:"Material Symbols Outlined";
		position:absolute;
		top:1px;
		left:0;
	  font-variation-settings:'FILL' 1;
	}
	.navBox .globalNavigation .gnInner .innerRight .mainNav > li a:hover{
		transform:scale(1.07);
		opacity:0.8;
	}
	/* ============================================ */
	.navBox .globalNavigation .gnInner .innerRight .subNav{
		display:flex;
		flex-wrap:wrap;
		margin-top:40px;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li{
		/*width:25%;*/
		width:fit-content;
		margin-right:10%;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li:last-child{
		margin-right:0;
	}
	
	.navBox .globalNavigation .gnInner .innerRight .subNav li a{
		display:block;
		padding-left:1.1em;
		color:#fff;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
		position:relative;

		transition:all 0.2s ease-in-out;
		transform-origin:left center;
		transform: scale(1);
		opacity:1;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li a::before{
		content:"\e5c8";
		font-family:"Material Symbols Outlined";
		position:absolute;
		top:1px;
		left:0;
	  font-variation-settings:'wght' 500;
	}
	.navBox .globalNavigation .gnInner .innerRight .subNav li a:hover{
		transform:scale(1.07);
		opacity:0.8;
	}
	
	/* ============================================ */
	.recommendBox{
		margin:50px auto 0;
		padding:40px 30px;
		background-color:#fff;
		border-radius:30px;
	}
	.navBox .globalNavigation .gnInner .innerRight .recommendBox{
		width:90%;
		max-width:900px;
	}
	.formZone.complete .recommendBox{
		width:80%;
		border:2px solid var(--themeColorBlue);
		box-shadow:0px 0px 15px 2px var(--themeColorBlueAlp);
	}

	/* ------------------------------------ */
	.recommendBox .ttlBox{
		display:flex;
		justify-content:center;
	}
	.recommendBox .ttlBox *{
		color:var(--themeColorBlue);
	}
	.recommendBox .ttlBox span{
		font-size:clamp(2rem, 2.5vw, 2.5rem);
		position:relative;
		top:0px;
	}
	.recommendBox .ttlBox .ttlTxt{
		font-size:clamp(1.8rem, 2.4vw, 2.4rem);
	}
	/* ------------------------------------ */
	.recommendBox .itemBox{
		display:grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap:40px;
		justify-content:center;
		margin-top:20px;
	}
	.recommendBox .itemBox .items{
		display:block;
		width:100%;
		/*background:#fcc;
		margin-left:5%;*/
	}
	/*.recommendBox .itemBox .items:first-child{
		margin-left:0;
	}*/
	.recommendBox .itemBox .items .imgBox{
		display:flex;
		align-items:center;
		justify-content:center;

		width:100%;
		height:180px;
		border:1px solid #f2f2f2;
		/*background-color:#fafafa;*/
	}
	.recommendBox .itemBox .items .imgBox img{
		display:block;
		width:auto;
		max-width:80%;
		height:auto;
		max-height:80%;
	}
	.recommendBox .itemBox .items .tagsBox{
		display:flex;
		margin-top:5px;
	}
	.recommendBox .itemBox .items .tagsBox li{
		margin-left:10px;
		padding:3px 3px 4px 3px;
		border:1px solid var(--themeColorBlue);
	}
	.recommendBox .itemBox .items .tagsBox li:first-child{
		margin-left:0;
	}
	.recommendBox .itemBox .items .tagsBox li p{
		font-size:clamp(0.4rem, 0.9vw, 0.9rem);
		letter-spacing: -1px;
		color:var(--themeColorBlue);
	}
	.recommendBox .itemBox .items .campanyName{
		margin-top:5px;
		font-size:clamp(1rem, 1.3vw, 1.3rem);
		font-weight:500;
		line-height:1.2;
		color:#333;
	}
	@media screen and (max-width:1107px){
		.recommendBox .itemBox .items .tagsBox li p{
			font-size:clamp(0.8rem, 1.3vw, 1.3rem);
		}
		.recommendBox .itemBox .items .campanyName{
			font-size:clamp(1.2rem, 1.5vw, 1.5rem);
		}
	}

	/* ///////////////////////////////////////////////////// */
	.newsBox{
		display:flex;
		align-items:stretch;
		justify-content:center;
		width:80%;
		margin:-3.6vw auto 0;
		position:relative;
		z-index:3;
	}
	.mypage .newsBox{
		margin:50px auto 0;
	}
	/* ============================================ */
	.newsBox .ttlBox{
		display:flex;
		align-items:center;
		justify-content:center;
		width:250px;
		padding:20px 0;
		background-color:#aaaaaa;
	}
	.newsBox .ttlBox h2{
		color:#fff;
		font-style:italic;
		line-height:1.1;
		font-weight:900;
		font-size:clamp(2.3rem, 2.5vw, 2.5rem);
	}
	/* ============================================ */
	.newsBox .itemBox{
		display:flex;
		width:calc(100% - 250px);
	}
	.newsBox .itemBox .items{
		display:flex;
		flex-direction:column;
		width:calc(100% / 3);
		padding:20px;
		border-right:1px solid #aaaaaa;
	}
	.newsBox .itemBox .items .dataTxt,
	.newsBox .itemBox .items .bdyTxt{
		font-size:clamp(1.0rem, 1.3vw, 1.3rem);
	}
	.newsBox .itemBox .items .bdyTxt{
		margin-top:10px;
		line-height:1.3;
	}

	/* ///////////////////////////////////////////////////// */
	.contentsWrap{
		/*display:flex;
		flex-direction:column;
		height:100dvh;*/
		padding-bottom:100px;
	}
	.contentsWrap .block{
		width:90%;
		margin:0 auto 0;
		padding-top:80px;
		position:relative;
	}
	.contentsWrap .block h2.blockTtl{
		font-style:italic;
		font-weight:900;
		font-size:clamp(3.0rem, 4.2vw, 4.2rem);
		position:relative;
		left:-10px;
	}
	.contentsWrap .block .blockLeadTxt{
		font-size:clamp(1.1rem, 1.5vw, 1.5rem);
		line-height:1.4;
		margin-top:50px;
	}
	.contentsWrap .block .blockTtlBox{
		display:flex;
		justify-content:space-between;
		align-items:end;
	}
	/* ============================================ */
	.contentsWrap .block .blockContainer{
		/*display:flex;*/
		padding-inline:50px;
		padding-block:50px 80px;
	}
	.contentsWrap .block .blockContainer .blockInner{}
	/* ============================================ */
	.contentsWrap .block .blockContainer.blockframe{
		position:relative;
		padding-inline:70px;
	}
	.contentsWrap .block .blockContainer.blockframe::before,
	.contentsWrap .block .blockContainer.blockframe::after,
	.contentsWrap .block .blockContainer.blockframe .blockInner::before,
	.contentsWrap .block .blockContainer.blockframe .blockInner::after{
		box-sizing:border-box;
	}
	/* ============================================ */
	.contentsWrap .block .blockContainer.blockframe.type01::before,
	.contentsWrap .block .blockContainer.blockframe.type01::after{
		content:"";
		display:block;
		width:50px;
		height:100%;
		border-top:12px solid var(--themeColorGreen);
		border-bottom:12px solid var(--themeColorGreen);
		position:absolute;
		top:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type01::before{
		border-left:12px solid var(--themeColorGreen);
		left:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type01::after{
		border-right:12px solid var(--themeColorGreen);
		right:0;
	}
	/* ------------------------------------ */
	.contentsWrap .block .blockContainer.blockframe.type01 h2.blockTtl{
		color:var(--themeColorGreen);
	}

	/* ============================================ */
	.contentsWrap .block .blockContainer.blockframe.type02::before,
	.contentsWrap .block .blockContainer.blockframe.type02::after{
		content:"";
		display:block;
		width:100%;
		height:50px;
		border-left:12px solid var(--themeColorOrange);
		border-right:12px solid var(--themeColorOrange);
		position:absolute;
		left:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type02::before{
		border-top:12px solid var(--themeColorOrange);
		top:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type02::after{
		border-bottom:12px solid var(--themeColorOrange);
		bottom:0;
	}
	/* ------------------------------------ */
	.contentsWrap .block .blockContainer.blockframe.type02 h2.blockTtl{
		color:var(--themeColorOrange);
	}
	/* ============================================ */
	.contentsWrap .block .blockContainer.blockframe.type03::before,
	.contentsWrap .block .blockContainer.blockframe.type03::after,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::before,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::after{
		content:"";
		display:block;
		width:80px;
		height:80px;
		position:absolute;
	}
	.contentsWrap .block .blockContainer.blockframe.type03::before,
	.contentsWrap .block .blockContainer.blockframe.type03::after{
		border-top:12px solid var(--themeColorRed);
		top:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::before,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::after{
		border-bottom:12px solid var(--themeColorRed);
		bottom:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type03::before,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::before{
		border-left:12px solid var(--themeColorRed);
		left:0;
	}
	.contentsWrap .block .blockContainer.blockframe.type03::after,
	.contentsWrap .block .blockContainer.blockframe.type03 .blockInner::after{
		border-right:12px solid var(--themeColorRed);
		right:0;
	}
	/* ------------------------------------ */
	.contentsWrap .block .blockContainer.blockframe.type03 h2.blockTtl{
		color:var(--themeColorRed);
	}
	/* ///////////////////////////////////////////////////// */
	.btmBtnBox{
		display:flex;
		justify-content:end;
		width:98%;
		position:sticky;
		left:1%;
		bottom:15px;
		z-index:5;
	}
	.rttBox{
		width:80px;
		opacity:0.8;
		cursor:pointer;
		transition:all 0.2s ease-in-out;
		transform:scale(1);
	}
	.rttBox:hover{
		transform:scale(1.2);
	}

	/* ///////////////////////////////////////////////////// */
	.footWrap{
		flex-grow:1;
		margin-top:-30px;
	}
	.footWrap .footInner{
		width:100%;
		padding:50px 80px;
		display:flex;
		justify-content:space-between;
		background-color:var(--themeColorLightblue);
		position:sticky;
		top:100%;
	}
	.footWrap .footInner .leftBox{
		display:flex;
		align-items:center;
		width:60%;
	}
	.footWrap .footInner .leftBox .logoBox{
		width:20%;
		max-width:110px;
		min-width:90px;
	}
	.footWrap .footInner .leftBox .txtBox{
		padding-left:1.5em;
	}
	.footWrap .footInner .leftBox .txtBox > p{
		line-height:1.3;
	}
	.footWrap .footInner .leftBox .txtBox .executiveOffice{
		font-size:clamp(1.0rem, 1.4vw, 1.4rem);
		font-weight:500;
	}
	.footWrap .footInner .leftBox .txtBox .officeAddress{
		margin-top:5px;
		font-size:clamp(0.6rem, 1.1vw, 1.1rem);
	}
	.footWrap .footInner .leftBox .txtBox .officeContactInfo{
		margin-top:3px;
		font-size:clamp(0.6rem, 1.1vw, 1.1rem);
	}
	.footWrap .footInner .leftBox .txtBox .officeBusinessHours{
		margin-top:3px;
		font-size:clamp(0.5rem, 1.0vw, 1.0rem);
	}
	/* ============================================ */
	.footWrap .footInner .rightBox{
		display:flex;
		align-items:end;
	}
	.footWrap .footInner .rightBox p{
		font-size:clamp(0.6rem, 1.1vw, 1.1rem);
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.underlayerPage .pageTtlBox{
		display:flex;
		width:90%;
		margin:70px auto 0;
		padding:45px 50px;
		border-radius:30px;
		background-color:var(--themeColorBlue);
	}
	.underlayerPage .pageTtlBox .logoBox{
		width:12.5%;
		max-width:150px;
		min-width:100px;
	}
	.underlayerPage .pageTtlBox .txtBox{
		display:flex;
		flex-direction:column;
		justify-content:center;
		/*flex-grow:1;
		flex-shrink:1; 
		flex-basis:0;*/
		padding-left:30px;
	}
	.underlayerPage .pageTtlBox .txtBox h1{
		font-style:italic;
		font-weight:900;
		font-size:clamp(3.0rem, 4.2vw, 4.2rem);
		position:relative;
		top:-15px;
		color:#fff;
	}
	.underlayerPage .pageTtlBox .txtBox .pageDescTxt{
		/*margin-top:25px;*/
		padding-top:2.5%;
		padding-left:7px;
		color:#fff;
		font-size:clamp(0.8rem, 1.2vw, 1.2rem);
		line-height:1.3;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.underlayerPage.mypage .pageTtlBox{
		flex-wrap:wrap;
		padding-bottom:15px;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav{
		display:flex;
		width:100%;
		border-top:1px solid rgba(255,255,255,0.5);
		margin-top:20px;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li{
		width:calc(100% / 3);
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li a{
		display:flex;
		justify-content:center;
		align-items:center;
		padding:20px 0 10px 0;
		margin:0 15px;
		font-size:clamp(1.2rem, 1.6vw, 1.6rem);
		color:#006d9c;

		transition:all 0.2s ease-in-out;
		transform:scale(1);
		/*background:#fcc;*/
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li a span{
		display:inline-block;
		padding-left:10px;
		font-size:clamp(1.6rem, 2.0vw, 2.0rem);
		font-variation-settings:'wght' 300;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li.current a{
		color:#fff;
		pointer-events:none;
	}
	.underlayerPage.mypage .pageTtlBox .mypageNav li a:hover{
		transform:scale(1.1);
		color:#fff;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.videoModal .videoModal_inner{
		width:65%;
		height:auto;
		background-color:rgba(0,0,0,1);
		box-shadow:0px 0px 20px rgba(0,0,0,.5);
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:9002;
	}
	.videoModal .videoModal_inner .videoBox{
		position:relative;
		padding-top:56.25%;
	}
	.videoModal .videoModal_inner .videoBox iframe{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		right:0;
	}

	.videoModal .modalBtnBox{
		width:65%;
		height:auto;
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:9001;
	}
	.videoModal .modalBtnBox .modalClsBtnBox{
		position:relative;
		padding-top:56.25%;
		display:flex;
		justify-content:flex-end;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn{
		width:40px;
		height:40px;
		position:absolute;
		top:-40px;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::before,
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::after{
		content:"";
		display:block;
		width:100%;
		height:3px;
		position:absolute;
		top:50%;
		transform:translateX(-50%);
		background-color:#ffffff;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::before{
		transform:rotate(45deg);
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::after{
		transform:rotate(-45deg);
	}
}