@charset "UTF-8";
/*
modal
------------------------------------------------*/
.modal-overlay {
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.95);
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index: 999;
}
.modal-wrap {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	overflow:auto;
	display:none;
	z-index:1000;
}
.modal-open{
	cursor: pointer;
}
.closeBtn{
	width: 36px;
	height: 36px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	right: 30px;
	cursor: pointer;
}
.closeBtn::before ,
.closeBtn::after{
	content: '';
	width: 44px;
	height: 8px;
	background: #000;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.closeBtn::after{
	transform: translate(-50%,-50%) rotate(-45deg);
}
@media screen and (max-width: 812px){
	.closeBtn{
		right: 0;
	}
	.closeBtn::before ,
	.closeBtn::after{
		content: '';
		width: 32px;
		height: 6px;
	}
}


/*
award_modal
------------------------------------------------*/
.award__modal{
	display: none;
	width:720px;
	margin: 60px auto;
	padding: 60px 30px 0;
	position:relative;
	z-index: 1000;
}
.award__modalArea{
	padding: 60px 60px 50px;
	background: url("../images/bg_wrapper.png") repeat center center;
	border-radius: 15px;
}
.award__modalPic{
	margin: 0 0 20px;
	border: 10px solid #fff;
	filter: drop-shadow(0 0 10px rgba(0,0,0,.1));
	position: relative;
}
.award__modalPic::before {
	content: "";
	width: 100px;
	height: 118px;
	background: url("../images/ico_award.png") no-repeat center center /cover;
	position: absolute;
	top: -30px;
	left: -30px;
	z-index: 10;
}
.award__modalTit{
	margin: 30px auto 20px;
	font-size: 2.6rem;
	font-weight: var(--bold);
	text-align: center;
	color: #1f2e5a;
	line-height: 1.2;
}
.award__modalName{
	max-width: 300px;
	margin: 0 auto;
	padding: 15px 30px;
	font-size: 2.0rem;
	font-weight: var(--bold);
	text-align: center;
	background-color: rgba(255,255,255,0.7);
	border-radius: 10px;
}
.award__modalName span{
	font-size: 1.5rem;
}
.award__modalTxt{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 2px dotted #1f2e5a;
}
@media screen and (max-width:812px){
	.award__modal{
		width:calc(100% - 40px);
		max-width: 500px;
		margin: 20px auto;
		padding: 45px 0 0;
	}
	.award__modalArea{
		padding: 20px;
	}
	.award__modalPic{
		margin: 0 0 15px;
		border: 8px solid #fff;
	}
	.award__modalPic::before {
		width: 65px;
		height: 78px;
		top: -20px;
		left: -20px;
	}
	.award__modalTit{
		margin: 20px auto;
		font-size: 2.0rem;
	}
	.award__modalName{
		max-width: 300px;
		padding: 12px;
		font-size: 1.8rem;
		border-radius: 5px;
	}
	.award__modalName span{
		font-size: 1.4rem;
	}
	.award__modalTxt{
		margin-top: 22px;
		padding-top: 20px;
	}
}


/*
app_modal
------------------------------------------------*/
.app_modal {
	display: none;
	width:1000px;
	margin: 60px auto;
	padding: 60px 30px 0;
	position:relative;
}
@media screen and (max-width: 812px){
	.app_modal {
		width:calc(100% - 40px);
		margin: 20px auto;
		padding: 45px 0 0;
	}
}