@charset "utf-8";
body {
	background: #f5f5f5;
}
.sec, .sec img {
	width: 100%;
}
.sec img {
	max-width: 1440px;
    margin: 0 auto;
	
}
#how-to-apply ul {
	display: flex;
	column-gap: 32px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
	background: #fff;
}
#how-to-apply ul li {
	flex: calc((50% - 32px) / 2);
	position: relative;
}
#how-to-apply ul li#new-apply .on-hover, #how-to-apply ul li#new-apply .off-hover {
	position: absolute;
	top: 0;
	left: 0;
	transition: all cubic-bezier(0.38, 0.33, 0.23, 0.99) 0.4s;
	border-top-left-radius: calc((32 / 672) * 100%) calc((32 / 301) * 100%);
    border-top-right-radius: calc((32 / 672) * 100%) calc((32 / 301) * 100%);
    border-bottom-left-radius: calc((32 / 672) * 100%) calc((32 / 301) * 100%);
    border-bottom-right-radius: calc((32 / 672) * 100%) calc((32 / 301) * 100%);
}
#how-to-apply ul li#new-apply a:hover .on-hover {
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}
#how-to-apply ul li#new-apply a .off-hover {opacity: 1;}
#how-to-apply ul li#new-apply a .on-hover {opacity: 0;}
#how-to-apply ul li#new-apply a:hover .on-hover {opacity: 1;}
#function #func-popup-link {
	padding-top: 24px;
	padding-bottom: 80px;
	text-align: center;
	background: #fff;
	max-width: 1440px;
	margin: 0 auto;
}
#function #func-popup-link .link-icon-l {
	padding-left: calc(1.4em + 8px);
	text-align: left;
	color: #f3270f;
	background-size: 1.4em 1.4em;
}

@media screen and (max-width: 767px) {
#how-to-apply ul {
	display: block;
	padding: 0;
}
#how-to-apply ul li#new-apply a .hidden-only-xs.on-hover, a .hidden-only-xs.off-hover {
	display: none !important;
}
#function #func-popup-link {
	padding-bottom: 40px;
}
}