.hero-visual__inner {position: relative; height: 820px; display: flex;align-items: center;justify-content: center}
.hero-visual__title {font-size: clamp(24px, 4vw, 54px); text-align:center;position: relative;z-index: 10;max-width: 830px;margin: 0;}
.hero-visual__bg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1}
.hero-visual__bg-image {width: 100%; min-width:680px; height: 100%;object-fit: cover}
.hero-visual__grid {position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none}
.hero-visual__item {position: absolute}
.hero-visual__item--tl {top: 120px;left: 0}
.hero-visual__item--tr {top: 0;right: 260px}
.hero-visual__item--bl {bottom: 40px;left: 110px}
.hero-visual__item--br {bottom: 70px;right: 0}

.button__buttons{padding-top:40px}

@media (max-width:1429px){
	.hero-visual__inner{height: 760px}
	.hero-visual__item--tr{top: 0;right: 0}
	.hero-visual__item--bl{bottom: 0;left: 0}
	.button__buttons{padding-top:32px}
}
@media (max-width:991px){
	.hero-visual__inner{height: 700px}
	.hero-visual__item--tl{top: 95px; max-width:160px}
	.hero-visual__item--tr, .hero-visual__item--bl{max-width:120px}
	.hero-visual__item--br{max-width:200px}
	.button__buttons{padding-top:24px}
}
@media (max-width:767px){
	.hero-visual__inner{height: 630px}
	.hero-visual__item--tl, .hero-visual__item--br{max-width:125px}
	.hero-visual__item--tr, .hero-visual__item--bl{max-width:100px}
	.hero-visual__item--br{bottom:95px}
	.button__buttons{padding-top:0}
}