@charset "Shift-JIS";

#headline {
	background-color: #358ac3;
	background-image: none;
}

p.text span {
	font-weight: 700;
}

@media screen and (min-width : 960px) {

	body:not(.top) #contents {
		padding: 20px 0 80px 0;
	}

	body:not(.top) #contents::before,
	body:not(.top) #contents::after {
		display: none;
	}

	#headline {
		height: 80px;
	}


	#headline h2 .title {
		font-size: 1.222rem;
		padding: 0;
	}

	#headline h2 .title::after {
		display: none;
	}


	p.text {
		font-size: 1rem;
		line-height: 1.9;
		text-align: justify;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* intro
	*
	* ----------------------------------------------------------------------------------------- */

	#intro {
		margin: 0 auto 20px auto;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* area-list
	*
	* ----------------------------------------------------------------------------------------- */

	.note {
		font-size: 0.889rem;
		line-height: 1.9;
		text-align: justify;
		margin: 0 auto 10px auto;
	}

	.area-list {
		display: flex;
		flex-wrap: wrap;
	}

	.area-list li {
		border: 1px solid #005c78;
		box-sizing: border-box;
		border-right: none;
		border-bottom: none;
		width: calc(100% / 5);
	}

	.area-list li:nth-child(5n),
	.area-list li:last-child {
		border-right: 1px solid #005c78;
	}

	.area-list li:nth-last-child(-n+5) {
		border-bottom: 1px solid #005c78;
	}

	.area-list li p {
		color: #005c78;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 0.889rem;
		line-height: 1.9;
		text-align: center;
		padding: 0.1em 0;
	}


}

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


	body:not(.top) #contents {
		padding: 8vw 0 12.82vw 0;
	}

	body:not(.top) #contents::before,
	body:not(.top) #contents::after {
		display: none;
	}

	#headline {
		height: auto !important;
		padding: 1rem 0;
	}


	#headline h2 .title {
		font-size: 1.222rem;
		padding: 0;
	}

	#headline h2 .title::after {
		display: none;
	}


	p.text {
		font-size: 0.889rem;
		line-height: 1.9;
		text-align: justify;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* intro
	*
	* ----------------------------------------------------------------------------------------- */

	#intro {
		margin: 0 auto 20px auto;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* area-list
	*
	* ----------------------------------------------------------------------------------------- */

	.note {
		font-size: 0.778rem;
		line-height: 1.9;
		text-align: justify;
		margin: 0 auto 10px auto;
	}

	.area-list {
		display: flex;
		flex-wrap: wrap;
	}

	.area-list li {
		border: 1px solid #005c78;
		box-sizing: border-box;
		border-right: none;
		border-bottom: none;
		width: calc(100% / 3);
	}

	.area-list li:nth-child(3n),
	.area-list li:last-child {
		border-right: 1px solid #005c78;
	}

	.area-list li:nth-last-child(-n+4) {
		border-bottom: 1px solid #005c78;
	}

	.area-list li p {
		color: #005c78;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 0.722rem;
		line-height: 1.9;
		text-align: center;
		padding: 0.1em 0;
	}



}