@charset "utf-8";

/*----------------------------------------------
共通設定
---------------------------------------------*/
.c_trs {
	transition: .3s;
}

.c_tac {
	text-align: center;
}

.c_flexc {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.c_link:hover {
	filter: opacity(80%);
}

/*幅の設定
---------------------------------------------*/
.c_w960 {
	width: 960px;
	margin: 0 auto;
}

.c_w1280 {
	width: 1280px;
	margin: 0 auto;
}

.c_w1120 {
	width: 1120px;
	margin: 0 auto;
}

@media (max-width: 1280px) {

	.c_w960 {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}

	.c_w1280 {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}

	.c_w1120 {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 500px) {

	.c_w960 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.c_w1280 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.c_w1120 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*マージンの設定
---------------------------------------------*/
.c_mb160 {
	margin-bottom: 160px;
}

.c_mb80 {
	margin-bottom: 80px;
}

.c_mb40 {
	margin-bottom: 40px;
}

.c_mb20 {
	margin-bottom: 20px;
}

.c_mb10 {
	margin-bottom: 10px;
}

@media (max-width: 1050px) {
	.c_mb160 {
		margin-bottom: 80px;
	}

	.c_mb80 {
		margin-bottom: 40px;
	}

	.c_mb40 {
		margin-bottom: 20px;
	}

	.c_mb20 {
		margin-bottom: 10px;
	}

	.c_mb10 {
		margin-bottom: 5px;
	}
}

/*フォント
---------------------------------------------*/
.c_fw500 {
	font-weight: 500;
}

.c_fw700 {
	font-weight: 700;
}

.c_fz18 {
	font-size: 1.8rem;
}

.c_lh18 {
	line-height: 1.8;
}

.c_en {
	font-family: "Poppins", sans-serif;
}

@media (max-width: 1050px) {
	.c_fz18 {
		font-size: 1.6rem;
	}

	.c_lh18 {
		line-height: 1.5;
	}
}

/*カラー
---------------------------------------------*/
.c_cl_wh {
	color: var(--wh);
}

.c_cl_bl {
	color: var(--bl);
}

.c_cl_dbl {
	color: var(--dbl);
}

.c_cl_ye {
	color: var(--ye);
}

.c_cl_bk {
	color: var(--bk);
}

.c_bg_wh {
	background-color: var(--wh);
}

.c_bg_ye {
	background-color: var(--ye);
}

.c_bg_bl {
	background-color: var(--bl);
}

.c_bg_dbl {
	background-color: var(--dbl);
}

.c_bg_gybl {
	background-color: var(--gybl);
}

.c_bg_lbl {
	background-color: var(--lbl);
}


/*----------------------------------------------
改行設定
---------------------------------------------*/
.c_br-pc {
	display: block;
}

.c_br-tab {
	display: none;
}

.c_br-sp {
	display: none;
}

@media (max-width: 1270px) {
	.c_br-pc {
		display: none;
	}

	.c_br-tab {
		display: block;
	}

	.c_br-sp {
		display: none;
	}
}

@media (max-width: 500px) {
	.c_br-pc {
		display: none;
	}

	.c_br-tab {
		display: none;
	}

	.c_br-sp {
		display: block;
	}
}

/*----------------------------------------------
共通タイトル
---------------------------------------------*/
.c_secttl {
	font-size: 5rem;
}

@media (max-width: 1270px) {
	.c_secttl {
		font-size: 2.8rem;
	}
}

@media (max-width: 500px) {
	.c_secttl {
		font-size: 2rem;
	}
}