@charset "utf-8";
/*タイトル*/
#headtitle_area { min-width: 1200px; width: 100%; height: 201px; background-image: url("../img/top_back.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.headtitle { font-family: 'Noto Serif JP', serif; font-size: 36px; font-weight: 500; line-height: 150%; color: #fff; background-color: rgba(0,125,198,0.8); text-align: center; padding-bottom: 2px;}


h3 { font-family: 'Noto Serif JP', serif; font-size: 26px; font-weight: 500; border: solid 1px #222; text-align: center; padding: 5px 0 8px; }

.iryou_container { margin-bottom: 30px; text-align: justify;}
.iryou_text_container { margin: 10px 0 25px; text-align: justify;}

#iryou { margin: 0 0 80px 0; }

#renkei { margin-bottom: 50px;}
.renkei { background: #f2f2f2; text-align: center; padding: 25px 0 10px;}
.renkei ul { display: inline-block; text-align: left;}
.renkei li { line-height: 140%; font-size: 18px; letter-spacing: 2px; margin-bottom: 5px;}
.renkei a { color: #222; text-decoration: none; text-align: left;}
.renkei a:hover { text-decoration: underline;}
.link_come { font-size: 12px; font-weight: 700; text-align: right; padding-right: 20px;}



@media screen and (max-width: 768px) {
	/*タイトル*/
	#headtitle_area { min-width: auto; height: auto; aspect-ratio: 27 / 16; background-image: url("../img/top_back_m.jpg");}
	.headtitle { font-size: 24px; line-height: 160%;}

	h3 { font-size: 20px;}
	h3 span { display: inline-block; }

	#iryou { margin: 0 0 50px 0; }
	
	.renkei { padding: 25px 0;}
	.renkei li { font-size: 16px; letter-spacing: normal;}




}