@charset "UTF-8";

/* ---------------------------------------------------
	pageKv
---------------------------------------------------- */
.pageKv {
	margin-bottom: 90px;
	position: relative;
}


.pageKv .logo {
	width: 33.966%;
	position: absolute;
	top: 4.85vw;
	left: 4.85vw;
	z-index: 2;
}

.pageKv__title {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
}

.pageKv__logo {
	display: none;
}

.pageKv__nav {
	height: 100%;
	position: absolute;
	top: 0;
}

.pageKv__nav--list {
	height: 100%;
	position: relative;
}

.pageKv__nav--item {
	width: 2.36364vw;
	position: absolute;
}

.pageKv__nav--item a {
	display: block;
}

.pageKv__nav--item a svg {
	width: 100%;
	transition: all 0.5s ease 0s;
}

.pageKv__nav--item a svg .cls-1 {
	fill: #393939;
}

.pageKv__nav--item a svg .cls-1,
.pageKv__nav--item a svg .cls-2,
.pageKv__nav--item a svg .cls-3 {
	stroke-width: 0px;
}

.pageKv__nav--item a svg .cls-2 {
	fill: #e97341;
}

.pageKv__nav--item a svg .cls-3 {
	fill: #fff;
}

.pageKv__nav--item a:hover {
	opacity: 1;
}

.pageKv__nav--item a:hover svg {
	transform: scale(1.2);
}

.pageKv__nav--item a:hover svg .cls-2 {
	fill: #0280e7;
}

@media screen and (max-width: 768px) {
	.pageKv {
		margin-bottom: 13.33333vw;
	}

	.pageKv__title {
		top: 25.75285vw;
		transform: translateY(0);
	}

	.pageKv__logo {
		width: 33.95%;
		display: block;
		position: absolute;
		top: 4vw;
		left: 4vw;
		z-index: 10;
	}

	.pageKv__logo svg {
		width: 100%;
		height: auto;
	}

	.pageKv__nav {
		width: 100%;
		height: auto;
		top: 78.36731vw;
	}

	.pageKv__nav--item {
		width: 7.46667vw;
	}

	.kyushu .pageKv__nav--item {
		width: 6.2vw;
	}
}

/*
	沖縄
------------------------------ */
.okinawa .pageKv__title {
	width: 24.22248%;
	left: 12.77521vw;
}

.okinawa .pageKv__nav {
	background: url(../../okinawa/img/map.svg) center center no-repeat;
	background-size: 100% auto;
	width: 41.77933%;
	right: 12.03303vw;
}

.okinawa .pageKv__nav--item.marker01 {
	bottom: 27vw;
	left: 15.7vw;
}

.okinawa .pageKv__nav--item.marker02 {
	bottom: 15vw;
	left: 11vw;
}

.okinawa .pageKv__nav--item.marker03 {
	bottom: 11.5vw;
	left: 6.75vw;
}

.okinawa .pageKv__nav--item.marker04 {
	bottom: 10.5vw;
	left: 10vw;
}

@media screen and (max-width: 768px) {
	.okinawa .pageKv__title {
		width: 71.05248%;
		left: 50%;
		transform: translateX(-50%);
	}

	.okinawa .pageKv__nav {
		background-size: auto 100%;
		width: 100%;
		height: 84.57813vw;
		right: 0;
	}

	.okinawa .pageKv__nav--item.marker01 {
		bottom: 38.5vw;
		left: 39vw;
	}

	.okinawa .pageKv__nav--item.marker02 {
		bottom: 12vw;
		left: 27vw;
	}

	.okinawa .pageKv__nav--item.marker03 {
		bottom: 5vw;
		left: 18.25vw;
	}

	.okinawa .pageKv__nav--item.marker04 {
		bottom: 3vw;
		left: 25vw;
	}

	.okinawa .pageKv__nav--item.marker04 svg {
		vertical-align: bottom;
	}
}

/*
	北海道
------------------------------ */
.hokkaido .pageKv__title {
	width: 22.24467%;
	left: 11.45525vw;
}

.hokkaido .pageKv__nav {
	background: url(../../hokkaido/img/map.svg) center center no-repeat;
	background-size: 100% auto;
	width: 45%;
	right: 3vw;
	margin-top: 3vw;
}

.hokkaido .pageKv__nav--item.marker01 {
	bottom: 37.5vw;
	right: 16.5vw;
}

.hokkaido .pageKv__nav--item.marker02 {
	bottom: 39.6vw;
	right: 17.5vw;
}

.hokkaido .pageKv__nav--item.marker03 {
	bottom: 41.2vw;
	right: 21.5vw;
}

.hokkaido .pageKv__nav--item.marker04 {
	bottom: 36vw;
	right: 12.5vw;
}

.hokkaido .pageKv__nav--item.marker05 {
	bottom: 38.2vw;
	right: 13.5vw;
}

.hokkaido .pageKv__nav--item.marker06 {
	bottom: 32.3vw;
	right: 17.7vw;
}

@media screen and (max-width: 768px) {
	.hokkaido .pageKv__title {
		width: 65.25091%;
		left: 50%;
		transform: translateX(-50%);
	}

	.hokkaido .pageKv__nav {
		background: url(../../hokkaido/img/map_sp.svg) center center no-repeat;
		background-size: auto 100%;
		width: 100%;
		height: 109vw;
		right: 0;
		margin-top: 0;
	}

	.hokkaido .pageKv__nav--item.marker01 {
		bottom: 77.5vw;
		right: 40.5vw;
	}

	.hokkaido .pageKv__nav--item.marker02 {
		bottom: 84vw;
		right: 43.5vw;
	}

	.hokkaido .pageKv__nav--item.marker03 {
		bottom: 87.5vw;
		right: 51vw;
	}

	.hokkaido .pageKv__nav--item.marker04 {
		bottom: 76.2vw;
		right: 30vw;
	}

	.hokkaido .pageKv__nav--item.marker05 {
		bottom: 82vw;
		right: 32.7vw;
	}

	.hokkaido .pageKv__nav--item.marker06 {
		bottom: 64vw;
		right: 43vw;
	}
}

/*
	東京
------------------------------ */
.tokyo .pageKv__title {
	width: 23.49076%;
	left: 11.70544vw;
}

.tokyo .pageKv__nav {
	background: url(../../tokyo/img/map.svg) center center no-repeat;
	background-size: 100% auto;
	width: 50.13804%;
	right: 6.30447vw;
	margin-top: 3vw;
}

.tokyo .pageKv__nav--item.marker01 {
	top: 16vw;
	right: 7.5vw;
}

.tokyo .pageKv__nav--item.marker02 {
	top: 20vw;
	right: 12.7vw;
}

.tokyo .pageKv__nav--item.marker03 {
	top: 20.5vw;
	right: 10.2vw;
}

@media screen and (max-width: 768px) {
	.tokyo .pageKv__title {
		width: 68.906%;
		left: 50%;
		transform: translateX(-50%);
	}

	.tokyo .pageKv__nav {
		background: url(../../tokyo/img/map_sp.svg) left center no-repeat;
		background-size: 100% auto;
		width: 100%;
		height: 110.43085vw;
		right: 0;
		margin-top: 0;
	}

	.tokyo .pageKv__nav--item.marker01 {
		top: 22.5vw;
		right: 19.5vw;
	}

	.tokyo .pageKv__nav--item.marker02 {
		top: 34.2vw;
		right: 32.5vw;
	}

	.tokyo .pageKv__nav--item.marker03 {
		top: 35.7vw;
		right: 24.5vw;
	}

	.tokyo .pageKv__nav--item.marker04 {
		top: 19vw;
		right: 13vw;
	}

	.tokyo .pageKv__nav--item.marker05 {
		top: 26vw;
		right: 9vw;
	}

	.tokyo .pageKv__nav--item.marker06 {
		top: 30vw;
		right: 17vw;
	}

	.tokyo .pageKv__nav--item.marker07 {
		top: 32vw;
		right: 26vw;
	}

	.tokyo .pageKv__nav--item.marker08 {
		top: 23vw;
		right: 20.5vw;
	}

	.tokyo .pageKv__nav--item.marker09 {
		top: 20vw;
		right: 46vw;
	}
}

/*
	松山
------------------------------ */
.matsuyama .pageKv__title {
	width: 31.136%;
	left: 7.5vw;
}

.matsuyama .pageKv__nav {
	background: url(../../matsuyama/img/map.svg) center center no-repeat;
	background-size: 100% auto;
	width: 42.0205%;
	right: 13.32586vw;
	margin-top: 2.5vw;
}

.matsuyama .pageKv__nav--item.marker01 {
	bottom: 33vw;
	right: 18.5vw;
}

.matsuyama .pageKv__nav--item.marker02 {
	bottom: 31vw;
	right: 21.5vw;
}

@media screen and (max-width: 768px) {
	.matsuyama .pageKv__title {
		width: 90.5%;
		left: 50%;
		transform: translateX(-50%);
	}

	.matsuyama .pageKv__nav {
		background-size: 95.56672% auto;
		width: 100%;
		height: 100vw;
		right: 0;
		margin-top: 2.0;
	}

	.matsuyama .pageKv__nav--item.marker01 {
		bottom: 60vw;
		right: 43vw;
	}

	.matsuyama .pageKv__nav--item.marker02 {
		bottom: 53vw;
		right: 50.8vw;
	}
}

/*
	関西
------------------------------ */
.kansai .pageKv__title {
	width: 24.17552%;
	left: 12.65906vw;
}

.kansai .pageKv__nav {
	background: url(../../kansai/img/map.svg) center center no-repeat;
	background-size: 100% auto;
	width: 42.0205%;
	right: 6.30447vw;
	margin-top: 2vw;
}

.kansai .pageKv__nav--item.marker01 {
	bottom: 23.6vw;
	right: 19.2vw;
}

.kansai .pageKv__nav--item.marker02 {
	top: 21vw;
	right: 17.3vw;
}

.kansai .pageKv__nav--item.marker03 {
	top: 22.3vw;
	right: 24vw;
}

.kansai .pageKv__nav--item.marker04 {
	top: 21.3vw;
	right: 21.3vw;
}

.kansai .pageKv__nav--item.marker05 {
	top: 19vw;
	right: 22vw;
}

.kansai .pageKv__nav--item.marker06 {
	top: 17.7vw;
	right: 24.8vw;
}

.kansai .pageKv__nav--item.marker07 {
	top: 20.75vw;
	right: 23.5vw;
}

.kansai .pageKv__nav--item.marker08 {
	top: 23.75vw;
	right: 27.5vw;
}

.kansai .pageKv__nav--item.marker09 {
	top: 23vw;
	right: 22.5vw;
}

@media screen and (max-width: 768px) {
	.kansai .pageKv__title {
		width: 70.91485%;
		left: 50%;
		transform: translateX(-50%);
	}

	.kansai .pageKv__nav {
		background-size: auto 100%;
		width: 100%;
		height: 92.86205vw;
		right: 0;
		margin-top: 0;
	}

	.kansai .pageKv__nav--item.marker01 {
		bottom: 35vw;
		right: 43.2vw;
	}

	.kansai .pageKv__nav--item.marker02 {
		right: 40vw;
		top: 30vw;
	}

	.kansai .pageKv__nav--item.marker03 {
		right: 57vw;
		top: 34vw;
	}

	.kansai .pageKv__nav--item.marker04 {
		right: 48vw;
		top: 31.5vw;
	}

	.kansai .pageKv__nav--item.marker05 {
		top: 25.5vw;
		right: 51vw;
	}

	.kansai .pageKv__nav--item.marker06 {
		top: 22vw;
		right: 59.5vw;
	}
}

/*
	広島
------------------------------ */
.hiroshima .pageKv__title {
	width: 23.21555%;
	left: 13.3924vw;
}

.hiroshima .pageKv__nav {
	background: url(../../hiroshima/img/map.svg) center center no-repeat;
	background-size: 100% auto;
	width: 34.27289%;
	right: 13.89239vw;
	margin-top: 4vw;
}

.hiroshima .pageKv__nav--item.marker01 {
	bottom: 24.6vw;
	right: 17.3vw;
}

.hiroshima .pageKv__nav--item.marker02 {
	bottom: 20.4vw;
	right: 16.4vw;
}

.hiroshima .pageKv__nav--item.marker03 {
	bottom: 26vw;
	right: 7.5vw;
}

@media screen and (max-width: 768px) {
	.hiroshima .pageKv__title {
		width: 68.09896%;
		left: 50%;
		transform: translateX(-50%);
	}

	.hiroshima .pageKv__nav {
		background-size: 92% auto;
		width: 100%;
		height: 92.86205vw;
		right: 0;
		margin-top: 0;
	}

	.hiroshima .pageKv__nav--item.marker01 {
		bottom: 37vw;
		right: 50vw;
	}

	.hiroshima .pageKv__nav--item.marker02 {
		bottom: 26.5vw;
		right: 47vw;
	}

	.hiroshima .pageKv__nav--item.marker03 {
		bottom: 40vw;
		right: 23.5vw;
	}
}

/*
	九州
------------------------------ */
.kyushu .pageKv__title {
	width: 19.17862%;
	left: 15.18342vw;
}

.kyushu .pageKv__nav {
	background: url(../../kyushu/img/map.svg) center center no-repeat;
	background-size: 100% auto;
	width: 50.63829%;
	right: 4.88255vw;
	margin-top: 2vw;
}

.kyushu .pageKv__nav--item.marker01 {
	top: 17.5vw;
	right: 27.2vw;
}

.kyushu .pageKv__nav--item.marker02 {
	top: 17vw;
	right: 24.7vw;
}

.kyushu .pageKv__nav--item.marker03 {
	top: 19.5vw;
	right: 25.75vw;
}

.kyushu .pageKv__nav--item.marker04 {
	top: 21.28vw;
	right: 32.8vw;
}

.kyushu .pageKv__nav--item.marker05 {
	top: 26.2vw;
	right: 31.3vw;
}

.kyushu .pageKv__nav--item.marker06 {
	top: 20vw;
	right: 18.3vw;
}

.kyushu .pageKv__nav--item.marker07 {
	top: 28.5vw;
	right: 24.3vw;
}

.kyushu .pageKv__nav--item.marker08 {
	top: 31.4vw;
	right: 25.3vw;
}

.kyushu .pageKv__nav--item.marker09 {
	top: 39vw;
	right: 28.2vw;
}

@media screen and (max-width: 768px) {
	.kyushu .pageKv__title {
		width: 56.25728%;
		left: 50%;
		transform: translateX(-50%);
	}

	.kyushu .pageKv__nav {
		background: url(../../kyushu/img/map_sp.svg) center center no-repeat;
		background-size: auto 100%;
		width: 100%;
		height: 101.43427vw;
		right: 0;
		margin-top: 0;
	}

	.kyushu .pageKv__nav--item.marker01 {
		top: 28vw;
		right: 46.5vw;
	}

	.kyushu .pageKv__nav--item.marker02 {
		top: 26.5vw;
		right: 40vw;
	}

	.kyushu .pageKv__nav--item.marker03 {
		top: 33.2vw;
		right: 42.5vw;
	}

	.kyushu .pageKv__nav--item.marker04 {
		top: 35.8vw;
		right: 57vw;
	}

	.kyushu .pageKv__nav--item.marker05 {
		top: 45.2vw;
		right: 55.2vw;
	}

	.kyushu .pageKv__nav--item.marker06 {
		top: 34vw;
		right: 28.2vw;
	}

	.kyushu .pageKv__nav--item.marker07 {
		top: 51.5vw;
		right: 40vw;
	}

	.kyushu .pageKv__nav--item.marker08 {
		top: 58vw;
		right: 43vw;
	}

	.kyushu .pageKv__nav--item.marker09 {
		top: 73vw;
		right: 50vw;
	}
}

/* ---------------------------------------------------
	pageFooter
---------------------------------------------------- */
.pageFooter__nav {
	display: flex;
	position: relative;
}

.pageFooter__nav--item {
	width: 20%;
	height: 36.36364vw;
}

.pageFooter__nav--item a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.pageFooter__nav--item.okinawa a {
	background: url(../img/footerNav01.webp);
	background-size: cover;
}

.pageFooter__nav--item.kyushu a {
	background: url(../img/footerNav02.webp);
	background-size: cover;
}

.pageFooter__nav--item.kansai a {
	background: url(../img/footerNav03.webp);
	background-size: cover;
}

.pageFooter__nav--item.hiroshima a {
	background: url(../img/footerNavHiroshima.webp);
	background-size: cover;
}

.pageFooter__nav--item.tokyo a {
	background: url(../img/footerNav04.webp);
	background-size: cover;
}

.pageFooter__nav--item.hokkaido a {
	background: url(../img/footerNav05.webp);
	background-size: cover;
}

.pageFooter__nav--item.fuji a {
	background: url(../img/footerNavFuji.webp) center top no-repeat;
	background-size: cover;
}

.pageFooter__nav--item.matsuyama a {
	background: url(../img/footerNavMatsuyama.webp) center top no-repeat;
	background-size: cover;
}

.pageFooter__nav--item a::before {
	background: rgba(var(--blk), 0.5);
	width: 100%;
	height: 100%;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	transition: all 0.5s ease 0s;
	content: "";
}

.pageFooter__nav--item a:hover {
	opacity: 1;
}

.pageFooter__nav--item a:hover::before {
	opacity: 0;
}

.pageFooter__nav--item a figure {
	height: 2.61062vw;
	position: relative;
	z-index: 3;
}

.pageFooter__nav--item.tokyo a figure {
	height: 5.77521vw;
}

.pageFooter__nav--item a figure img {
	width: auto;
	height: 100%;
	vertical-align: middle;
}


@media screen and (max-width: 768px) {
	.pageFooter__nav--item a figure {
		height: 3.2vw;
		padding: 0 1vw;
	}

	.pageFooter__nav--item.tokyo a figure {
		height: 7.2vw;
		transform: translateY(4vw);
	}
}

/* ---------------------------------------------------
	ccList
---------------------------------------------------- */
.ccList__item {
	margin-bottom: 6em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.ccList .ccList__item:nth-child(even) {
	flex-direction: row-reverse;
}

.ccList__item .video {
	margin: 2.5em auto 0;
	padding: 0 50px;
	max-width: 740px;
	width: 100%;
}

.ccList__item .video .youtube {
	border: solid 1px #258d67;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ccList__item .video .youtube__title {
	background: url(../../lp_common/img/icon5.svg) center top no-repeat;
	background-size: 1.96426vw auto;
	padding-top: 2.2vw;
	width: calc(100% - 76.06973%);
	color: #258d67;
	font-size: 24px;
	text-align: center;
}

.ccList__item .video .youtube .movie {
	max-width: 480px;
	width: 76.06973%;
	;
}

.ccList__item .video .youtube .movie iframe {
	vertical-align: bottom;
}

@media screen and (max-width: 768px) {
	.ccList__item {
		margin-bottom: 4em;
		padding: 0 4.8vw;
		display: block;
	}

	.ccList__item .video {
		margin: 1em auto 0;
		padding: 0;
	}

	.ccList__item .video .youtube {
		padding-top: 1em;
		flex-direction: column;
	}

	.ccList__item .video .youtube__title {
		background: url(../../lp_common/img/icon5.svg) center top no-repeat;
		background-size: 5.76184vw auto;
		width: 100%;
		padding: 6.2vw 0 2.4vw;
		line-height: 1;
		font-size: 4.8vw;
	}

	.ccList__item .video .youtube .movie {
		max-width: 100%;
		width: 100%;
	}

	.ccList__item .video .youtube .movie iframe {
		vertical-align: bottom;
	}
}

/*
	ccList__item--image
------------------------------ */
.ccList__item--image {
	width: 59.09091%;
}

@media screen and (max-width: 768px) {
	.ccList__item--image {
		margin-bottom: 1rem;
		width: 100%;
	}
}

/*
	courseSlide
------------------------------ */
.courseSlide {
	width: 59.09091%;
	line-height: 0;
	position: relative;
}

.courseSlide.renewal::before {
	background: #ccc;
	background: url(../img/icon_renewal.svg) center no-repeat;
	background-size: cover;
	width: 12.25159vw;
	height: 12.25159vw;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: "";
}

.courseSlide__image .movie {
	width: 100%;
	aspect-ratio: 717 / 442;
}

.courseSlide__image .movie iframe {
	width: 100%;
	height: 100%;
}

.courseSlide .slick-dots {
	bottom: -24px;
}

.courseSlide .slick-dots li {
	margin: 0 0.5em;
	width: auto;
	height: auto;
}

.courseSlide .slick-dots li button {
	background: rgba(var(--blk), 0.25);
	width: 12px;
	height: 12px;
	border-radius: 12px;
}

.courseSlide .slick-dots li.slick-active button {
	background: rgb(var(--btnColor));
}

@media screen and (max-width: 768px) {
	.courseSlide {
		padding-bottom: 6.4vw;
		width: 100%;
	}

	.courseSlide.renewal::before {
		background: #ccc;
		background: url(../img/icon_renewal.svg) center no-repeat;
		background-size: cover;
		width: 35vw;
		height: 35vw;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		content: "";
	}

	.courseSlide .slick-dots {
		bottom: -0.8vw;
	}

	.courseSlide .slick-dots li button {
		background: rgba(var(--blk), 0.25);
		width: 3.2vw;
		height: 3.2vw;
		border-radius: 3.2vw;
	}
}

/*
	ccList__item--detail
------------------------------ */
.ccList__item--detail {
	width: calc(100% - 59.09091% - 4.31785vw);
}

.ccList .ccList__item:nth-child(even) .ccList__item--detail {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.ccList__item--detail .title,
.ccList__item--detail .contents {
	width: 80%;
}

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

	.ccList__item--detail,
	.ccList__item--detail .title,
	.ccList__item--detail .contents {
		width: 100%;
	}

	.ccList .ccList__item:nth-child(even) .ccList__item--detail {
		display: block;
	}
}

/*
	title
------------------------------ */
.ccList__item--detail .title {
	margin-bottom: 1rem;
	line-height: 1.5;
	color: #1977b3;
	font-size: 2.27273vw;
	position: relative;
}

.ccList__item--detail .title small {
	font-size: 1.27273vw;
	display: block;
}

@media screen and (max-width: 768px) {
	.ccList__item--detail .title {
		font-size: 6.66667vw;
	}

	.ccList__item--detail .title small {
		font-size: 3.73333vw;
	}
}

/*
	contents
------------------------------ */
.ccList__item--detail .contents {
	font-size: 1.27273vw;
}

.ccList__item--detail .contents .text,
.ccList__item--detail .contents .access {
	margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
	.ccList__item--detail .contents {
		font-size: 3.73333vw;
	}
}

/* access */
.access__item {
	line-height: 1.5;
	display: flex;
}

.access__item:not(:last-of-type) {
	margin-bottom: 0.25em;
}

.access__item::before {
	margin-right: 0.5em;
	min-width: 1.96426vw;
	min-height: 1.96426vw;
	content: "";
}

.access__item.icon1::before {
	background: url(../../lp_common/img/icon1.svg) center top no-repeat;
	background-size: 100% auto;
}

.access__item.icon2::before {
	background: url(../../lp_common/img/icon2.svg) center top no-repeat;
	background-size: 100% auto;
}

.access__item.icon3::before {
	background: url(../../lp_common/img/icon3.svg) center top no-repeat;
	background-size: 100% auto;
}

.access__item.icon4::before {
	background: url(../../lp_common/img/icon4.svg) center top no-repeat;
	background-size: 100% auto;
}

@media screen and (max-width: 768px) {
	.access__item::before {
		min-width: 5.76184vw;
		width: 5.76184vw;
		min-height: 5.76184vw;
		height: 5.76184vw;
	}
}

/*
	number
------------------------------ */
.ccList__item .title::before {
	width: 4.61605vw;
	height: 4.61605vw;
	position: absolute;
	top: -4vw;
	left: -2.5vw;
	content: "";
}

.ccList .ccList__item:nth-child(1) .title::before {
	background: url(../../lp_common/img/number01.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(2) .title::before {
	background: url(../../lp_common/img/number02.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(3) .title::before {
	background: url(../../lp_common/img/number03.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(4) .title::before {
	background: url(../../lp_common/img/number04.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(5) .title::before {
	background: url(../../lp_common/img/number05.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(6) .title::before {
	background: url(../../lp_common/img/number06.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(7) .title::before {
	background: url(../../lp_common/img/number07.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(8) .title::before {
	background: url(../../lp_common/img/number08.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(9) .title::before {
	background: url(../../lp_common/img/number09.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(10) .title::before {
	background: url(../../lp_common/img/number10.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(11) .title::before {
	background: url(../../lp_common/img/number11.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(12) .title::before {
	background: url(../../lp_common/img/number12.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(13) .title::before {
	background: url(../../lp_common/img/number13.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(14) .title::before {
	background: url(../../lp_common/img/number14.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(15) .title::before {
	background: url(../../lp_common/img/number15.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(16) .title::before {
	background: url(../../lp_common/img/number16.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(17) .title::before {
	background: url(../../lp_common/img/number17.svg) no-repeat;
	background-size: cover;
}

.ccList .ccList__item:nth-child(18) .title::before {
	background: url(../../lp_common/img/number18.svg) no-repeat;
	background-size: cover;
}


@media screen and (min-width: 1800px) {
	.okinawa .ccList .ccList__item.staff {
		padding-top: 1.5em;
	}

	.kyushu .ccList .ccList__item.staff {
		padding-top: 3em;
	}

	.hiroshima .ccList .ccList__item.staff {
		padding-top: 1.5em;
	}
}


.ccList .ccList__item.staff .title::after {
	background: url(../img/icon_night.svg) center no-repeat;
	background-size: cover;
	width: 12.70171vw;
	height: 5.84892vw;
	position: absolute;
	top: -5.2vw;
	right: -4.5vw;
	content: "";
}

@media screen and (max-width: 768px) {
	.ccList__item .title::before {
		display: none;
	}

	.ccList .ccList__item {
		position: relative;
	}

	.ccList .ccList__item::before {
		width: 13.5404vw;
		height: 13.5404vw;
		position: absolute;
		top: -4vw;
		left: 0.8vw;
		z-index: 10;
		content: "";
	}

	.ccList .ccList__item:nth-child(1)::before {
		background: url(../../lp_common/img/number01.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(2)::before {
		background: url(../../lp_common/img/number02.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(3)::before {
		background: url(../../lp_common/img/number03.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(4)::before {
		background: url(../../lp_common/img/number04.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(5)::before {
		background: url(../../lp_common/img/number05.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(6)::before {
		background: url(../../lp_common/img/number06.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(7)::before {
		background: url(../../lp_common/img/number07.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(8)::before {
		background: url(../../lp_common/img/number08.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(9)::before {
		background: url(../../lp_common/img/number09.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(10)::before {
		background: url(../../lp_common/img/number10.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(11)::before {
		background: url(../../lp_common/img/number11.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(12)::before {
		background: url(../../lp_common/img/number12.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(13)::before {
		background: url(../../lp_common/img/number13.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(14)::before {
		background: url(../../lp_common/img/number14.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(15)::before {
		background: url(../../lp_common/img/number15.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(16)::before {
		background: url(../../lp_common/img/number16.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(17)::before {
		background: url(../../lp_common/img/number17.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item:nth-child(18)::before {
		background: url(../../lp_common/img/number18.svg) no-repeat;
		background-size: cover;
	}

	.ccList .ccList__item.staff .title::after {
		display: none;
	}

	.ccList .ccList__item.staff::after {
		background: url(../img/icon_night.svg) center no-repeat;
		background-size: cover;
		/* width: 27.5vw;
		height: 16.5vw; */
		width: calc(12.70171vw * 2.5);
		height: calc(5.84892vw * 2.5);
		position: absolute;
		top: -4vw;
		right: 0.8vw;
		content: "";
	}
}

/* ---------------------------------------------------
	link
---------------------------------------------------- */
.ccList .link,
.linkList {
	display: flex;
}

.ccList .linkBtn a {
	background: none;
	height: 4.54545vw;
	color: rgb(var(--wht));
	font-size: 1.45455vw;
	border-color: rgb(var(--blk));
}

@media screen and (max-width: 768px) {
	.linkList {
		display: block;
	}

	.ccList .linkBtn a,
	.linkList .linkBtn a {
		height: 13.33333vw;
		font-size: 4vw;
	}
}

/*
	.ccList .link
------------------------------ */
.ccList .link {
	justify-content: space-between;
}

.ccList .link .linkBtn {
	width: 14vw;
}

.ccList .linkBtn a svg {
	width: 1.09091vw;
	fill: none;
	stroke: rgb(var(--wht));
	stroke-miterlimit: 10;
	stroke-width: .85px;
}

.ccList .linkBtn:first-child a {
	background: rgb(var(--btnColor));
	border: solid 1px rgb(var(--btnColor));
}

.ccList .linkBtn:first-child a:hover {
	background: rgb(var(--wht));
	color: rgb(var(--btnColor));
}

.ccList .linkBtn:first-child a:hover svg {
	stroke: rgb(var(--btnColor));
}

.ccList .linkBtn:last-child a {
	background: #e97341;
	border: solid 1px #e97341;
}

.ccList .linkBtn:last-child a:hover {
	background: rgb(var(--wht));
	color: #e97341;
}

.ccList .linkBtn:last-child a:hover svg {
	stroke: #e97341;
}

@media screen and (max-width: 768px) {
	.ccList .link .linkBtn {
		width: 48%;
	}

	.ccList .link .linkBtn:not(:last-of-type) {
		margin-bottom: 1em;
	}
}

/*
	linkList
------------------------------ */
.linkList {
	margin-bottom: 4em;
	justify-content: center;
	padding: 5.09091vw 50px;
}

.linkList .linkBtn {
	margin: 0 1em;
	width: 36.75852%;
}

.linkList .linkBtn a {
	background: rgb(var(--btnColor));
	height: 4.54545vw;
	font-size: 1.54545vw;
	border-radius: 4.54545vw;
}

.linkList .linkBtn a:hover {
	background: rgb(var(--wht));
	color: rgb(var(--btnColor));
}

.linkList .linkBtn a svg {
	width: 1.09091vw;
	fill: none;
	stroke: rgb(var(--wht));
	stroke-miterlimit: 10;
	stroke-width: .85px;
}

.linkList .linkBtn a:hover svg {
	stroke: rgb(var(--btnColor));
}

@media screen and (max-width: 768px) {
	.linkList {
		margin-bottom: 4em;
		padding: 0 4.8vw;
		justify-content: center;
	}

	.linkList .linkBtn {
		margin: 0;
		width: 100%;
	}

	.linkList .linkBtn:not(:last-of-type) {
		margin-bottom: 1em;
	}

	.linkList .linkBtn a {
		height: 13.33333vw;
		font-size: 4vw;
		border-radius: 13.33333vw;
	}

	.linkList .linkBtn a svg {
		width: 3.2vw;
	}
}