@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;}
/*ヘッダーページタイトル*/
.headtitle_text { max-width: 500px; width: 100%; height: 100%; margin: 45px auto 0; }
.headtitle_text img { width: 500px; height: auto;}

.top_text_container { margin-bottom: 25px; text-align: justify;}
.top_img_container img { width: 100%; height: auto; }
/*内容*/
#soudan { margin-top: 50px;}
h3 { font-family: 'Noto Serif JP', serif; font-size: 26px; font-weight: 500; border: solid 1px #222; text-align: center; padding: 5px 0 8px; }
.soudan_text_container { font-family: 'Noto Serif JP', serif; font-size: 22px; font-weight: 500; text-align: center; margin: 10px 0 20px;}
.soudan_list { max-width: 900px; margin: 0 auto 35px;}
/*ご利用案内*/
.annai_text_container { font-family: 'Noto Serif JP', serif; font-size: 20px; font-weight: 500; text-align: center; margin: 10px 0 20px;}
.annai_area { display: flex; max-width: 1000px; width: 100%; margin: 0 auto;}
.annai_img {}
.annai_list { margin-left: 30px;}
.annai_list dl { display: flex; flex-wrap: wrap;}
.annai_list dt { width: 14%; font-weight: 500; border-left: solid 8px #6bc8f2; padding-left: 8px; margin-bottom: 10px; }
.annai_list dd { width: 85%; padding-left: 3%; }
.annai_bottom_container { max-width: 900px; width: 100%;  margin: 25px auto 80px; padding: 5px 0 8px; background: #dbdcdc; text-align: center; font-weight: 500;}



@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%;}
	/*ヘッダーページタイトル*/
	picture { width: 100%;}
	.headtitle_text { display: flex; max-width: none; width: 100%; margin: 0; padding: 0 30px 25px 0; text-align: right; vertical-align: bottom; justify-content: flex-end; align-items:flex-end;}
	.headtitle_text img { width: 70%; height: auto;}
	
	
	.top_text_container { margin-bottom: 15px;}
	/*内容*/
	h3 { font-size: 20px;}
	.soudan_text_container { font-size: 21px;  }
	.soudan_text_container span { display: inline-block; line-height: 180%;}
	.soudan_list { text-indent: -16px; margin: 0 0 35px 16px; line-height: 140%; }
	.soudan_list li { margin-bottom: 5px;}
	/*ご利用案内*/
	.annai_text_container { text-align: left; font-size: 18px;}
	.annai_area { flex-wrap: wrap; }
	.annai_img { max-width: 100%; margin: 0 auto 0;}
	.annai_img img { width: 100%; height: auto;}
	.annai_list { margin: 0;}
	.annai_area  { }
	.annai_area dl { display: block; margin: 25px 0;}
	.annai_list dt { width: 100%; border-left: solid 8px #6bc8f2; background: url("../img/line.png") no-repeat left center; padding: 0; margin: 0;}
	.annai_list dt span { background: #fff; padding: 2px 8px 0 10px;}
	.annai_list dd { width: 100%; padding-left: 18px; margin: 5px 0 12px; }
	
	.annai_bottom_container {  margin: 0 auto 50px;}
	.annai_bottom_container span { display: inline-block; }
}