@charset "UTF-8";

.index::before {
    width: 100%;
    max-width: 607px;
    min-width: 250px;
    top: -237px;
    left: -54px;
}
@media screen and (max-width: 900px) {
	.index::before {
    left: -41px;
    width: 30%;
    max-width: 550px;
    min-width: 250px;
    top: -150px;
}
}
@media screen and (min-width: 901px) and (max-width: 1276px) {
.index::before {
    width: clamp(49%, calc(53% - 4% * ((100vw - 901px) / 375px)), 53%);
    max-width: 575px;
    min-width: 250px;
    top: clamp(-246px, calc(-189px - 57px * ((100vw - 901px) / 375px)), -189px);
    left: clamp(-53px, calc(-50px - 3px * ((100vw - 901px) / 375px)), -50px);
}
}
@media screen and (min-width: 1000px) and (max-width: 1100px) {
.index::before {
    width: clamp(49%, calc(53% - 4% * ((100vw - 901px) / 375px)), 53%);
    max-width: 575px;
    min-width: 250px;
    top: clamp(-246px, calc(-189px - 57px * ((100vw - 901px) / 375px)), -189px);
    left: -60px;
}
}