@charset "utf-8";
:root {
	--blue-color: #1452A5;
	--blue2-color: #015DB2;
	--blue3-color: #a5d8e5;
	--blue4-color: #f2f9fb;
	--blue5-color: #dbeff5
}

body { font-family: "Noto Sans JP", sans-serif; font-size: 16px; line-height: 1.5; font-weight: normal; color: #222; min-width: 1100px;background: #fff;}
/* ページトップボタン */
#page-top { position: fixed; right: 20px; }
#page-top a { display: block; width: 79px; height: 85px; background: url("../img/top_arrow.png")top no-repeat;}
.hyoji { display: none;}
/*アンカータグ用*/
.con_inner { padding-top: 30px; margin-top: -30px; overflow: hidden;}
* { box-sizing: border-box;}
* img { vertical-align: bottom;}
* a { transition: opacity 0.3s;}
* a:hover { opacity: 0.6;}
/*　header　*/
header a { transition: opacity 0.5s; }
header a:hover { opacity: 0.5;}
	.logo { margin: 15px 0 0px 0px; }

	/*　PCメニュー　*/
.pc_menu {}
.pc_on { display: none; }
.header_menu_area { display: flex; width: 1100px; margin: 10px auto 10px auto; padding: 0;}
nav { margin-left: auto; }
.sub_menu ul { display: flex; justify-content: flex-end; font-size: 12px; }
.sub_menu li a { text-decoration: none; color: var(--blue-color); margin: 0 0 0 10px;}
.sub_menu li img { vertical-align: top; margin: 2px 0 0 2px; line-height: 0;}
.main_menu ul { display: flex; align-items: center; font-size: 14px; line-height: 16px; font-weight: 500; text-align: center; }
.main_menu li:not(:first-child) {margin-left: 10px;}
.main_menu li a { display: inline-block; vertical-align: middle; width: 105px; height: 82px; margin-top: 10px; padding-top: 50px; text-decoration: none; color: var(--blue-color); }

.main_menu li:nth-child(1) a { background: url("../img/icon_shisetsu.png")no-repeat; background-size: 50px 40px; background-position: top center; }
.main_menu li:nth-child(2) a { background: url("../img/icon_hannyu.png")no-repeat; background-size: 50px 40px; background-position: top center; }
.main_menu li:nth-child(3) a { width: 110px; background: url("../img/icon_kanshi.png")no-repeat; background-size: 50px 40px; background-position: top center }
.main_menu li:nth-child(4) a { background: url("../img/icon_kanri.png")no-repeat; background-size: 50px 40px; background-position: top center; }
.main_menu li:nth-child(5) a { background: url("../img/icon_gomi.png")no-repeat; background-size: 50px 40px; background-position: top center; }
.main_menu li:nth-child(6) a { background: url("../img/icon_kengaku.png")no-repeat; background-size: 50px 40px; background-position: top center; width: 70px; }
.main_menu li:nth-child(3) a img { margin: 0 0 0 3px; height: auto;}
.main_menu li:nth-child(4) a img { margin: 0 0 0 3px; height: auto;}
	/*　モバイルメニュー　*/
.mobile_menu { display: none;}




/* main_menu-3:環境監視情報  main_menu-last:施設見学  sub_menu-2:プライバシーポリシー  非表示　*/
/*.main_menu li:nth-child(3) { display: none;}*/
/*.main_menu li:last-child { display: none;}*/
/*.foot_menu li:nth-child(3) { display: none;}*/
/*.foot_menu li:last-child { display: none;}*/
.sub_menu li:nth-child(2) { display: none;}
.foot_sub_menu li:nth-child(2) { display: none;}




/*　main共通　*/
.base_area { min-width: 1100px; width: 100%; }
.area_box { max-width: 1100px; margin: 0 auto; }
.title_w { max-width: 1100px; height: 100px; border-radius: 15px; margin: 0 auto; font-size: 32px; color: var(--blue2-color); text-align: center; padding-top: 15px; background: #fff url("../img/oshirase_line.png") no-repeat center 70px}
.title_b { width: 1100px; height: 100px; border-radius: 15px; margin: 0 auto; font-size: 32px; color: var(--blue2-color); text-align: center; padding-top: 15px; background: #dbeff5 url("../img/oshirase_line.png") no-repeat center 70px}
.blue_btn_area { min-width: 1100px; width: 100%; text-align: center; margin: 40px 0;}
.blue_btn { display: inline-block; margin: 0 auto 0 auto; font-size: 18px; text-align: center; }
.blue_btn a { display: block; min-width: 300px; height: 60px; padding: 15px 60px 0; color: #fff; text-decoration: none; background-color: var(--blue2-color); background-image: url("../img/btn_arrow2.png"); background-repeat:  no-repeat; background-position: right 20px center; border-radius: 30px; }
#main_title { display: flex; align-items: center; justify-content: center; min-width: 1100px; width: 100%; height: 140px; text-align: center; background: var(--blue3-color);}
h1 { color: #fff; font-size: 40px; letter-spacing: 5px; }
.m_on { display: none;}

/*　お知らせ トップページ　*/
#top_oshirase { background: var(--blue3-color); padding: 40px 0 0 0; overflow: hidden;}
/*　おしらせ 共通　*/
.oshirase_area { width: 980px; background: var(--blue4-color); margin: 40px auto 0 auto; border-radius: 15px; padding: 40px 0;}
.oshirase_list { display: flex; width: 720px; margin: 10px auto 0 auto; border-bottom: solid 1px #0082a0; padding-bottom: 10px; }
.oshirase_list:first-child { margin-top: 0;}
.day { font-size: 12px; line-height: 28px; margin-right: 30px; }
.oshirase_title { width: 500px; color: var(--blue2-color); margin-left: 30px;}
.oshirase_title a { display: block; text-decoration: none; color: var(--blue2-color) }
/*　お知らせ　*/
.category_list_area { display: flex; flex-wrap: wrap; max-width: 980px; margin: 80px auto 40px auto; background: var(--blue4-color); padding: 25px 0 25px 30px;  }
.cate_title {}
.cate_list { display: flex; flex-wrap: wrap; }
.cate_list li { margin-left: 10px;}
/*　カテゴリーカラー　*/
.category_coloer_a { width: 106px; height: 28px; font-size: 12px; color: #fff; text-align: center; line-height: 28px; border-radius: 5px; background: #ffa300; }
.category_coloer_b { width: 106px; height: 28px; font-size: 12px; color: #fff; text-align: center; line-height: 28px; border-radius: 5px; background: #428dc6; }
.category_coloer_c { width: 106px; height: 28px; font-size: 12px; color: #fff; text-align: center; line-height: 28px; border-radius: 5px; background: #00adba; }
.category_coloer_d { width: 106px; height: 28px; font-size: 12px; color: #fff; text-align: center; line-height: 28px; border-radius: 5px; background: #8ca3aa; }
/*　ページ選択　*/
.page_area { display: flex; justify-content: center; max-width: 980px; margin: 90px auto; }
.page_prev { margin-top: 7px;}
.page { display: flex; margin: 0 20px;}
.page li { margin: 0 5px;}
.page_off a { display: block; width: 45px; height: 45px; background: url("../info/img/pate_bk_off.png") no-repeat; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; padding-top: 8px;}
.page_on { display: block; width: 45px; height: 45px; background: url("../info/img/pate_bk_on.png") no-repeat; font-size: 18px; color: var(--blue2-color); font-weight: bold; text-decoration: none; text-align: center; padding-top: 8px;}
.page_next { margin-top: 7px;}

/*　footer　*/
.foot_menu_area { width: 100%; min-width: 1100px; padding: 20px 0; background-color: #a5d8e5;  }
.foot_menu { display: flex; justify-content: center;}
.foot_menu img { margin: 0 0 4px 2px; height: auto;}
.foot_sub_menu { display: flex; justify-content: center; font-size: 14px; margin-top: 10px;}
.foot_menu a { color: var(--blue2-color); text-decoration: none; margin-right: 35px;}
.foot_menu li:last-child a { margin-right: 0;}
.foot_sub_menu a { color: var(--blue2-color); text-decoration: none; margin-right: 30px}
.foot_sub_menu li:last-child a { margin-right: 0;}
.copy{ min-width: 1100px; width: 100%; background: #015db2; color: #fff; font-size: 12px; text-align: center; padding: 5px 0;}

@media screen and (max-width: 768px) {
	body { min-width: 320px;}
	.logo { margin: 0px 0 0px 16px; width: 208px; }
	.logo img { width: 100%; height: auto;}
	/* ページトップボタン */
	#page-top a { width: 45px; height: 48px; background-size: 45px 48px;}
	* a { transition: opacity 0.5s ;}
	* a:hover { opacity: 1;}
	
	/*　header　*/
		/*　PCメニュー　*/
	.pc_menu { display: none;}
	.pc_on { display: block; }
	.header_menu_area { width: 100%;}
		/*　モバイルメニュー　*/
	.mobile_menu { }
	
	/*　main共通　*/
	.base_area { min-width: auto; width: 100%;}	
	.area_box { padding: 0 20px; }
	.title_w { width: 100%; height: 80px; font-size: 20px; padding-top: 25px; background-position: center 60px; }
	.title_b { width: 100%; height: 80px; font-size: 20px; padding-top: 25px; background-position: center 60px; }
	.blue_btn_area { min-width: auto; width: 100%; text-align: center; margin: 20px 0;}
	.blue_btn { display: inline-block; margin: 0 auto 0 auto; font-size: 14px; text-align: center; }
	.blue_btn a { display: block; min-width: 260px; height: 40px; padding: 9px 45px 0; color: #fff; text-decoration: none; background-position: right 15px center; background-size: 20px 20px; border-radius: 30px; }
	#main_title { display: flex; align-items: center; justify-content: center; min-width: auto; width: 100%; height: 100px; text-align: center; background: var(--blue3-color);}
	h1 { color: #fff;  font-size: 26px; letter-spacing: 3px; font-weight: 500;}
	
	/*　お知らせ トップページ　*/
	#top_oshirase { padding: 40px 10px 20px;}
	/*　おしらせ 共通　*/
	.oshirase_area { width: 100%; border-radius: 0;}
	.oshirase_list { flex-wrap: wrap; width: 90%; }
	.day {}
	.oshirase_title { width: 100%; margin: 5px 0 0 0; }
	/*　お知らせ　*/
	.category_list_area { display: flex; flex-wrap: wrap; max-width: auto; width: 100%; margin: 40px auto 20px auto; background: var(--blue4-color); padding: 25px 0 25px 30px;  }
	.cate_title { width: 100%; padding-left: 3px;}
	.cate_list { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; margin: 10px 0 0 0;}
	.cate_list li { margin: 5px;}
	/*　ページ選択　*/
	.page_area { max-width: auto; margin: 40px auto 60px; }
	.page_prev { margin-top: 2px;}
	.page { display: flex; margin: 0 7px;}
	.page li { margin: 0 3px;}
	.page_off a { display: block; width: 34px; height: 34px; background: url("../info/img/pate_bk_off.png") no-repeat; background-size: cover; font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; padding-top: 6px;}
	.page_on { display: block; width: 34px; height: 34px; background: url("../info/img/pate_bk_on.png") no-repeat; background-size: cover; font-size: 14px; color: var(--blue2-color); font-weight: bold; text-decoration: none; text-align: center; padding-top: 6px;}
	.page_next { margin-top: 2px;}
	
	
	
	
	/*　footer　*/
	.foot_menu_area {min-width: auto; padding: 5px 0;}
	.foot_menu { display: none;}
	.foot_sub_menu { display: none;}
	.copy { min-width: auto; font-size: 11px;}
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 600px) {
.pc { display: none !important; }
.sp { display: block !important; }
}