@charset "UTF-8";
/*----------------------------------------

	- content
		- article
			- cntheader
			- list
	- footer

-----------------------------------------*/

/*----------------------------------------
	cntheader
-----------------------------------------*/
#cntheader {
	height: 150px;
	background-color: #ecf1f4;
}

#cntheader h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: inherit;
	max-width: 1100px;
	width: 92vw;
	margin: 0 auto;
}

#cntheader h1 span {
	display: block;
}

@media screen and (min-width: 769px) and (max-width: 1124px) {
	#cntheader h1 {
		width: 873px;
	}
}

@media screen and (max-width: 768px) {
	#cntheader {
		height: 90px;
	}

	#cntheader h1 {
		width: auto;
	}
}

/*----------------------------------------
	list
-----------------------------------------*/
#list {
	max-width: 1100px;
	width: 92vw;
	margin: 0 auto;
}

#list h1 {
	margin-top: 72px;
	padding-bottom: 15px;
	border-bottom: 3px solid #23ac38;
}

/* dropdown */
.dropdown {
	position: relative;
	width: 230px;
	margin-top: 50px;
	border: 1px solid #e2e2e2;
	border-radius: 0;
	background-color: #fff;
	box-sizing: border-box;
}

.dropdown::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	width: 7px;
	height: 7px;
	margin-top: -6px;
	border: 0px;
	border-top: solid 2px #23ac38;
	border-right: solid 2px #23ac38;
	transform: rotate(135deg);
	pointer-events: none;
}

.dropdown:after {
	content: '';
	position: absolute;
	top: 0;
	right: 42px;
	bottom: 0;
	width: 1px;
	border-left: 1px solid #e2e2e2;
}

.dropdown select {
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	text-overflow: ellipsis;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.dropdown select::-ms-expand {
	display: none;
}

.dropdown select {
	width: 100%;
	padding: 12px 42px 12px 15px;
}

/* リスト本体 */
#list ul {
	margin-top: 51px;
	border-top: 1px solid #e2e2e2;
}

#list ul li {
	padding: 21px 0 23px;
	border-bottom: 1px solid #e2e2e2;
	line-height: 1.3;
}


@media screen and (min-width: 769px) and (max-width: 1124px) {
	#list {
		width: 873px;
	}
}

@media screen and (max-width: 768px) {
	#list {
		width: 85.3vw;
	}

	#list h1 {
		margin-top: 34px;
		padding-bottom: 5px;
		border-bottom: 2px solid #23ac38;
	}

	.dropdown {
		width: 230px;
		margin-top: 30px;
	}

	#list ul {
		margin-top: 51px;
		border-top: none;
	}

	#list ul li {
		padding: 11px 0 8px;
		line-height: 1.66;
	}
}


/*----------------------------------------
	footer
-----------------------------------------*/
footer {
	margin-top: 80px;
}

@media screen and (max-width: 768px) {
	footer {
		margin-top: 73px;
	}
}