.mv-slider {
	margin-bottom: 0 !important;
}
.mv-slider .slick-dots {
	bottom: 1.6vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 1rem;
}
@media screen and (max-width: 767px) {
	.mv-slider .slick-dots {
		gap: 1.4rem;
		bottom: 3rem;
	}
}
.mv-slider .slick-dots li {
	width: 1rem;
	height: 1rem;
	margin: 0;
	opacity: 0.8;
}
@media screen and (max-width: 767px) {
	.mv-slider .slick-dots li {
		width: 1.3rem;
		height: 1.3rem;
		min-width: 1.3rem;
		min-height: 1.3rem;
	}
}
.mv-slider .slick-dots li button {
	display: block;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
	.mv-slider .slick-dots li button {
		background-color: #e3e3e4;
	}
}
.mv-slider .slick-dots li button::before {
	content: none;
}
.mv-slider .slick-dots li.slick-active {
	opacity: 1;
}

.sec01 {
	padding-top: 11.5rem;
	padding-bottom: 11.5rem;
	background-image: url(../images/bg_sec01.png);
	background-repeat: no-repeat;
	background-position: top 4.2rem center;
}
@media screen and (max-width: 767px) {
	.sec01 {
		background-image: url(../images/bg_sec01_sp.png);
		background-size: 100%;
		background-position: top 5.4rem left;
		padding-top: 12.7rem;
		padding-bottom: 19.9rem;
	}
}
.sec01__title {
	width: 49.4rem;
	margin: auto auto auto;
}
@media screen and (max-width: 767px) {
	.sec01__title {
		width: 47.2rem;
	}
}
.sec01__text {
	margin-top: 6rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.7777777778;
}
@media screen and (max-width: 767px) {
	.sec01__text {
		margin-top: 5rem;
		font-size: 2.2rem;
		line-height: 1.8181818182;
		letter-spacing: -0.06em;
	}
}

.sec02 {
	background: linear-gradient(142deg, rgb(255, 243, 63) 7%, rgb(218, 226, 74) 23%, rgb(6, 180, 234) 50%, rgb(234, 91, 131) 67%);
}
.sec02 .bg {
	padding-top: 7.3rem;
	background-image: url(../images/bg_sec02.png), url(../images/bg_btm.png);
	background-repeat: no-repeat, repeat-x;
	background-position: top 3.5rem center, bottom center;
}
@media screen and (max-width: 767px) {
	.sec02 .bg {
		background-image: url(../images/bg_sec02_sp.png), url(../images/bg_btm.png);
		background-position: top 5rem center, bottom center;
		background-repeat: no-repeat, repeat-x;
		background-size: 100%, auto;
		padding-top: 5.7rem;
	}
}
.sec02__title {
	width: 74.8rem;
	margin: auto auto auto;
}
@media screen and (max-width: 767px) {
	.sec02__title {
		width: 56.6rem;
	}
}
.sec02__image {
	width: 64.7rem;
	margin: 1.6rem auto 3rem;
}
@media screen and (max-width: 767px) {
	.sec02__image {
		width: 64.2rem;
		margin-top: 0;
		margin-bottom: 5.6rem;
	}
}
.sec02__tbl {
	margin-top: 5.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2rem;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (max-width: 767px) {
	.sec02__tbl {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-top: 7rem;
		gap: 0;
	}
}
.sec02__tbl .box {
	width: 44.5rem;
}
@media screen and (max-width: 767px) {
	.sec02__tbl .box {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.sec02__tbl .box img {
		position: relative;
		z-index: 1;
	}
}
@media screen and (max-width: 767px) {
	.sec02__tbl .box + .box {
		position: relative;
		padding-top: 5.6rem;
		background-color: #ffffff;
	}
	.sec02__tbl .box + .box::before {
		content: "";
		width: 100%;
		height: 10rem;
		background-color: #ffffff;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
.sec02__tbl .box + .box .box-top .link {
	left: 9.5rem;
}
@media screen and (max-width: 767px) {
	.sec02__tbl .box + .box .box-top .link {
		left: 14.2rem;
	}
}
.sec02__tbl .box-top {
	position: relative;
}
.sec02__tbl .box-top .link {
	position: absolute;
	bottom: 0.4rem;
	left: 9.1rem;
}
@media screen and (max-width: 767px) {
	.sec02__tbl .box-top .link {
		left: 13.7rem;
		bottom: 0.6rem;
	}
}
.sec02__tbl .box-top .link a {
	display: block;
}
.sec02__tbl .box-top .link img {
	width: 3.2rem;
	display: block;
}
@media screen and (max-width: 767px) {
	.sec02__tbl .box-top .link img {
		width: 4.8rem;
	}
}
.sec02__notice {
	width: 88rem;
	max-width: 100%;
	margin: 2.8rem auto 5.5rem;
}
@media screen and (max-width: 767px) {
	.sec02__notice {
		width: 66.7rem;
		margin-top: 4.4rem;
	}
}
.sec02__notice img {
	width: 100%;
}

.opt-btn {
	width: 48.8rem;
	margin: auto auto auto;
}
@media screen and (max-width: 767px) {
	.opt-btn {
		width: 53.6rem;
	}
}
.opt-btn__inn {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100vh;
	border-bottom: 0.5rem solid rgba(102, 102, 102, 0.5);
}

.bnr {
	padding-top: 8rem;
	padding-bottom: 4rem;
}
@media screen and (max-width: 767px) {
	.bnr {
		padding-top: 10.4rem;
	}
}
.bnr__image {
	width: 87.7rem;
	max-width: 100%;
	margin: auto auto auto;
}
@media screen and (max-width: 767px) {
	.bnr__image {
		width: 62.3rem;
	}
}
.bnr__image-inn {
	display: block;
}
/*# sourceMappingURL=top.css.map */