@charset "UTF-8";
/* sec01 mv */
.sec01 {
	margin-bottom: 24px;
}
.sec01 .inner {
	max-width: 1920px;
	padding: 0 75px;
}
.sec01 .row img {
	width: 100%;
}
.sec01 .row {
	gap: 24px;
}
.sec01 .row p {
	font-size: 10px;
	text-align: center;
}
.sec01 .col {
	width: 50%;
}
.sec01 .item02 {
	transform: translate(-1%, 0%);
}
.sec01 .item02 img {
	transform: scale(1.1);
}
.sec01 .item03 {
	transform: translate(1.7%, 3.3%);
}
.sec01 .item03 img {
	transform: scale(1.07);
}
.sec01 .item03 p {
	margin-top: 0.8%;
}
.sec01 .item04 {
	transform: translate(-0.3%, -3%);
}
.sec01 .item04 img {
	transform: scale(1.11);
}
.sec01 .item05 {
	transform: translate(0.7%, -4.8%);
}
.sec01 .item05 img {
	transform: scale(1.1);
}
.sec01 .item03 p {
	margin-top: 1%;
}
.sec01 .col02 {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.sec01 .col02 a {
	width: calc(50% - 12px);
}
.sec01 .col03 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.sec01 .row ~ .row {
	margin-top: 24px;
}
.sec01 .col03 a {
	width: calc(25% - 18px);
}
@media screen and (max-width: 1440px) {
	.sec01 .inner {
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media screen and (max-width: 1024px) {
	.sec01 .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.sec01 .row {
		gap: 16px;
	}
	.sec01 .col02 {
		gap: 16px;
	}
	.sec01 .col02 a {
		width: calc(50% - 8px);
	}
	.sec01 .col03 {
		gap: 16px;
	}
	.sec01 .row ~ .row {
		margin-top: 16px;
	}
	.sec01 .col03 a {
		width: calc(25% - 12px);
	}
}
@media screen and (max-width: 480px) {
	.sec01 .row {
		flex-direction: column;
	}
	.sec01 .row p {
		font-size: 2vw;
		margin-top: 1%;
	}
	.sec01 .col {
		width: 100%;
	}
	.sec01 .col03 a {
		width: calc(50% - 8px);
	}
}