#svg-ani-sp01,
#svg-ani-sp02,
#svg-ani-sp03 {
	display: none;
}

.mainVisual {
	position: relative;
	z-index: 10001;
}

.concept {
	position: relative;
	padding: 96px 0;
	background: #e7f0f4;
	overflow: hidden;
	z-index: 10000;
}

#svg-ani-pc01 {
	position: absolute;
	top: 0;
	left: -268px;
	width: 100%;
	height: 100%;
	aspect-ratio: 2160 / 1017;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}

#svg-ani-pc01 path,
#svg-ani-pc02 path,
#svg-ani-pc03 path,
#svg-ani-sp01 path,
#svg-ani-sp02 path,
#svg-ani-sp03 path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	stroke: #1851A0;
	stroke-width: 4;
	fill: none;
	animation: none;
}

@keyframes drawLine {
	to {
		stroke-dashoffset: 0;
	}
}

.skyBg {
	position: relative;
	overflow: hidden;
}

.jigu {
	background-image: unset;
}

#svg-ani-pc02 {
	position: absolute;
	top: -200px;
	left: 250px;
	width: 120%;
	height: 120%;
	aspect-ratio: 1440 / 930;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}

.recruitHistory {
	position: relative;
	overflow: hidden;
background: #e7f0f4;
}

#svg-ani-pc03 {
	position: absolute;
	top: -130px;
	right: 110px;
	width: 110%;
	height: 110%;
	aspect-ratio: 1440 / 898;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}


@media screen and (max-width: 767px) {

	#svg-ani-pc01,
	#svg-ani-pc02,
	#svg-ani-pc03 {
		display: none;
	}

	#svg-ani-sp01 {
		display: inline;
		position: absolute;
        top: -50px;
        left: calc(50% - 172px);
		height: 120%;
		z-index: 0;
		pointer-events: none;
	}

	#svg-ani-sp02 {
        display: inline;
        position: absolute;
        top: -160px;
        left: 115px;
        width: 110%;
        height: 110%;
        aspect-ratio: 804 / 2010;
        object-fit: cover;
        z-index: 1;
        pointer-events: none;
	}
		#svg-ani-sp03 {
		display: inline;
		position: absolute;
		left: 35px;
		top: -100px;
		object-fit: cover;
		z-index: 1;
		pointer-events: none;
	}
}