@charset "utf-8";


/*
■ 全体
■ セクション
■ パンくず調整
*/



/* ■ 全体 ==================================================================================== */

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

	.CampaignTop_ {
	padding: 2.4rem 1.6rem 1.6rem;
	}

	.CampaignTop_MdsH1 {
	font-size: 2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.CampaignTop_ {
	max-width: 118rem;
	margin: 0 auto;
	padding: 3rem 3rem 8rem;
	}

	.CampaignTop_MdsH1 {
	font-size: 3rem;
	}

}



/* ■ セクション ==================================================================================== */

/*
レイアウト
一覧
カルーセル
*/


/* レイアウト --------------------------------------------------- */

.CampaignTop_Section {
border-top: 1px solid var(--base-middle);
}

.CampaignTop_Section_Mds {
line-height: 1;
}

.CampaignTop_Section_List {
position: relative;
}

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

	.CampaignTop_Section {
	margin-top: 6rem;
	padding-top: 1.6rem;
	}

	.CampaignTop_Section:first-of-type {
	margin-top: 3rem;
	}

	.CampaignTop_Section .swiper {
	padding-right: 1.6rem;
	}

	.CampaignTop_Section_Mds {
	font-size: 1.75rem;
	line-height: 1.4;
	}

	.CampaignTop_Section_List {
	margin-top: 1.6rem;
	margin-right: -1.6rem;
	}

}

@media print, screen and (min-width: 768px) {

	.CampaignTop_Section {
	margin-top: 8rem;
	padding-top: 2rem;
	}

	.CampaignTop_Section:first-of-type {
	margin-top: 5rem;
	}

	.CampaignTop_Section_Mds {
	padding-left: 0.1rem;
	font-size: 2.6rem;
	transform: translateY(0.4rem);
	}

	.CampaignTop_Section_List {
	margin-top: 3rem;
	}

}


/* 一覧 --------------------------------------------------- */

.CampaignTop_Section_Photo img {
border: 1px solid var(--base-middle);
}

.CampaignTop_Section_Lead1 {
font-weight: 500;
letter-spacing: 0.075em;
font-feature-settings: "palt";
}

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

	.CampaignTop_Section_Photo img {
	border-radius: 8px;
	}

	.CampaignTop_Section_Lead1 {
	margin-top: 0.6rem;
	font-size: 1.2rem;
	line-height: 1.6;
	}

}

@media print, screen and (min-width: 768px) {

	.CampaignTop_Section_Photo img {
	border-radius: 10px;
	}

	.CampaignTop_Section_Lead1 {
	margin-top: 0.8rem;
	font-size: 1.4rem;
	line-height: 1.6;
	}

}


/* カルーセル --------------------------------------------------- */

.CampaignTop_Section_List .swiper {
display: none;
}

.CampaignTop_Section_List .swiper.swiper-initialized {
display: block;
}

/* ページネーション	 */
.CampaignTop_Section_List .swiper-pagination {
display: flex;
justify-content: center;
}

.CampaignTop_Section_List .swiper-pagination-bullet {
display: block;
border-radius: 100vh;
background-color: var(--base-middle);
opacity: 1;
cursor: pointer;
}

.CampaignTop_Section_List .swiper-pagination-bullet-active {
background-color: var(--primary);;
}

/* 左右ボタン */
.CampaignTop_Section_List .swiper-button-prev,
.CampaignTop_Section_List .swiper-button-next {
background-repeat: no-repeat;
background-size: cover;
}

.CampaignTop_Section_List .swiper-button-prev {
background-image: url(/images_rev2/common/icon/Icon_Arrows_Prev.png);
}

.CampaignTop_Section_List .swiper-button-next {
background-image: url(/images_rev2/common/icon/Icon_Arrows_Next.png);
}

.CampaignTop_Section_List .swiper-navigation-icon {
display: none;
}

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

	/* ページネーション	 */
	.CampaignTop_Section_List .swiper-pagination {
	bottom: -2rem !important;
	}

	.CampaignTop_Section_List .swiper-pagination-bullet {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 0.5rem;
	}

	/* 左右ボタン */
	.CampaignTop_Section_List .swiper-button-prev,
	.CampaignTop_Section_List .swiper-button-next {
	display: none;
	}

}

@media print, screen and (min-width: 768px) {

	/* ページネーション	 */
	.CampaignTop_Section_List .swiper-pagination {
	bottom: -2.8rem !important;
	}

	.CampaignTop_Section_List .swiper-pagination-bullet {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 0.5rem;
	}

	/* 左右ボタン */
	.CampaignTop_Section_List .swiper-button-prev,
	.CampaignTop_Section_List .swiper-button-next {
	width: 4.5rem;
	height: 4.5rem;
	}

	.CampaignTop_Section_List .swiper-button-prev {
	top: -3.8rem !important;
	right: 6rem !important;
	left: auto !important;
	}

	.CampaignTop_Section_List .swiper-button-next {
	top: -3.8rem !important;
	right: 0.5rem !important;
	}

}



/* ■ パンくず調整 ==================================================================================== */

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


}

@media print, screen and (min-width: 768px) {

	.BreadCrumb_Wrap {
	margin-top: 6rem;
	margin-bottom: 4rem;
	}

}