@charset "utf-8";
/*
* COMMON
******************************************************/
.cp__content {
	margin:auto;
}
@media print, screen and (min-width: 1140px) {
	.cp__content {
		max-width: var(--content-size);
	}
}

/*
* MV TEXT
******************************************************/
.Mainvisual__heading.as_cp {
	font-size:45px;
}
@media print, screen and (min-width: 1140px) {
	.Mainvisual__heading.as_cp {
		font-size:var(--font-size-mv);
	}
}

/*
* DESCRIPTION
******************************************************/
.cpDesc {
	margin: 60px 20px;
}
.cpDesc p {
	font-size: var(--font-size-ml);
	font-weight:var(--font-bold);
	color: var(--color-text-gray);
	text-align: center;
	line-height: 1.3;
	margin: 0 0 1em 0;
}
.cpDesc p span{
	font-size: var(--font-size-sl);
}
.cpDesc p.smallFont{
	font-size: var(--font-size-md);
	text-align: left;
}
@media print, screen and (min-width: 1140px) {
	.cpDesc {
		margin: 60px 0;
	}
	.cpDesc p {
		font-size: var(--font-size-lg);
	}
	.cpDesc p span{
		font-size: var(--font-size-xs);
	}
	.cpDesc p.smallFont{
		font-size: var(--font-size-lm);
		max-width: 920px;
        margin: auto;
	}
}

/*
* TITLE
******************************************************/
.cp__headline {
	background: var(--color-secondary);
    color: var(--color-default);
    font-size: var(--font-size-ml);
    font-weight: var(--font-bold);
    text-align: center;
    padding: 24px 12px;
	margin: 5px 0 0 0;
}
.cpListContent__heading {
	background:var(--color-border-gray);
	color: var(--color-text-gray);
    font-size: var(--font-size-ml);
    font-weight: var(--font-bold);
	text-align: center;
    padding: 24px 12px;
}
@media print, screen and (min-width: 1140px) {
	.cp__headline {
		font-size: var(--font-size-lg);
		padding: 12px;
	}
	.cpListContent__heading {
		font-size: var(--font-size-lg);
		padding: 12px;
	}
}

/*
* LIST
******************************************************/
.cpListContent {
	padding: 40px 0;
}
.cpListContent__lists__wrapper {
	margin: 0;
	padding: 20px;
}
.cpListContent__list-text {
	color: var(--color-text-gray);
    font-size: var(--font-size-sm);
	font-weight: var(--font-bold);
}
.cpListContent__list {
	margin: 20px 0 0 0;
}
.cpListContent__list:nth-child(3) {
	margin: 0;
}
@media print, screen and (min-width: 1140px) {
	.cpListContent {
		padding: 0;
	}
	.cpListContent__lists__wrapper {
		margin: 0;
		padding: 0;
	}
	.cpListContent__lists {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap:0 16px;
	}
	.cpListContent__list {
		margin: 0;
	}
	.cpListContent__list-text {
		font-size: var(--font-size-df);
	}
}

/*
* BUTTON
******************************************************/
.cpListContent__button {
	width: 320px;
	margin: 30px auto 120px;
}
.cpListContent__button .ge-button {
	width: 320px;
	margin: 0 0 20px 0;
	font-size: var(--font-size-md);
}
@media print, screen and (min-width: 1140px) {
	.cpListContent__button {
		width: 440px;
	}
	.cpListContent__button .ge-button {
		width: 440px;
		font-size: var(--font-size-ls);
	}
}

/*
* NOTICE
******************************************************/
.cpListContent__notice {
	color: #be3030;
	font-size: var(--font-size-xxs);
	text-align: left;
	margin: 20px;
	line-height: 2;
}
@media print, screen and (min-width: 1140px) {
	.cpListContent__notice {
		font-size: var(--font-size-md);
		text-align: center;
		margin: 40px 0;
	}
}


/*
* BANNER
******************************************************/
.cpListContent__banner {
	margin: 40px 0 0 0;
}
.cpListContent__banner--lists {
	margin: 20px 0 0 0;
	padding: 20px;
}
.cpListContent__banner--lists li {
	padding: 0 0 30px 0;
}
.cpListContent__banner--lists img {
	filter: drop-shadow(2px 3px 3px var(--color-text-lightgray));
}
.cpListContent__banner-img {
    padding: 40px 20px;
	margin: auto;
}
@media print, screen and (min-width: 1140px) {
	.cpListContent__banner {
        margin: 80px 0 40px 0;
	}
	.cpListContent__banner--lists {
		margin: 40px 0 0 0;
		padding: 0;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.cpListContent__banner--lists li {
		padding: 0 0 16px 0;
	}
	.cpListContent__banner-img {
		padding: 60px 0 0 0;
	}
}