@charset "UTF-8";

/* --------------------------------------------------
共通
-------------------------------------------------- */
.wrap { margin: 30px 0 60px; }

.filter-box { margin-bottom: 20px; padding: 20px; background: #e0f0ff; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.filter-box .d-flex { display: flex; gap: 10px; flex-wrap: wrap; }
.filter-box .d-flex.gap-s { column-gap: 16px; }
.filter-box .d-flex.gap-m { column-gap: 30px; }
.filter-box .field-name { display: inline-block; font-size: 1.6rem; font-weight: bold; padding-bottom: 5px; }
.filter-box select { min-width: 180px; padding: 4px 8px; }
.filter-box .reset input { padding: 5px; }

.graph { width: 100%; height: 500px; background: #ccc; }

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

/* --------------------------------------------------
	ダウンロード
-------------------------------------------------- */
#download .d-flex { margin-bottom: 20px; gap: 8px; }
#download .btn-download input { margin-left: 10px; padding: 5px; background: #bdbdbd; border: solid 1px #7b7b7b; border-radius: 4px; }
@media screen and (max-width: 767px) {
	
}

/* --------------------------------------------------
	アンケート
-------------------------------------------------- */
#questionnaire .contact-item { padding: 16px 5px; border-bottom: solid 1px #ccc; }
#questionnaire .contact-item> p { margin-bottom: 5px; font-weight: bold; }
#questionnaire textarea { width: 500px; max-width: 100%; height: 200px; }
#questionnaire p.note { font-size: 1.4rem; font-weight: normal; }
#questionnaire .btn-submit { margin-top: 20px; display: flex; justify-content: center; }
#questionnaire .btn-submit button { padding: 15px 50px; background: #2b69a3; color: #fff; font-size: 1.6rem; }

/* --------------------------------------------------
	ダウンロード
-------------------------------------------------- */
main table{border-collapse: collapse;}
main th{padding:3px;background:#E0F0FF;}
main td{padding:3px;}
main ul {padding-left: 30px;}