.sub-visual-inner {height: 480px;background: url(../img/common/img-sub-visual.png)no-repeat center center;position: relative;background-size: cover;}
.sub-visual-inner:before {content: "";position: absolute;background: linear-gradient(109.5deg, #071336 0%, #0B1F4A 100%),
radial-gradient(40% 60% at 20% 80%, rgba(23, 81, 200, 0.18) 0%, rgba(23, 81, 200, 0) 50%),
radial-gradient(70% 80% at 75% 50%, rgba(23, 81, 200, 0.35) 0%, rgba(23, 81, 200, 0) 60%);opacity: 0.6;mix-blend-mode: Multiply;width: 100%;height: 100%;top: 0;left: 0;}
.sub-visual-inner:after {content: "";position: absolute;background: url(../img/common/bg-hero-subvi.png)no-repeat center center;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;z-index: 0;}

.sub-visual-inner .sub-box {max-width: 1480px;width: 100%;margin: 0 auto;padding: 40px 20px 0;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;z-index: 1;align-items: center;}
.sub-visual-inner .sub-box h2 {font-weight: 700;font-size: 48px;line-height: 120%;letter-spacing: -0.02em;vertical-align: middle;color: #ffffff;padding: 0 0 20px;}
.sub-visual-inner .sub-box .txt-sub {font-weight: 500;font-size: 20px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle; color: rgba(255, 255, 255, 0.5)}

@media (max-width: 768px) {
	.sub-visual-inner .sub-box h2 {font-size: 40px;}
	
}