@charset "UTF-8";

/* 議会トップ表示用スタイル */

/* ------------------------共通タグの基本定義------------------------ */
.no_disp{ display: none; }
#baseall.gikai div.wrap{ padding: 0; }
#baseall.gikai div.wrap_inner_nosub{
	width: 100%; padding: 80px 0; margin: 0;
}

.g_arrow{ position: relative; }
.g_arrow:before{
	content:""; position: absolute; top: 6px; right: 10px; 
	width: 16px; height: 16px; background-image: url('/images/icon_garrow.png');
	background-repeat: no-repeat; background-size: cover; 
}

.ichiran{ text-align: center; }
.link_btn{ margin: 0 auto; }
.more_btn{ width: 240px; margin: 0 auto; }
.more_btn .btn_wrap{ padding: 10px 0; }
.more_btn a{ 
	display: block; width: 100%; padding: 10px; text-align: center; 
	background: #fff; color: #002060; border: 1px solid #002060; text-decoration: none; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}
.more_btn a:hover{ background: #002060; color: #fff; }
.more_btn a .arrow1:before{ 
	top: 6px; right: 0; 
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
.more_btn a:hover .arrow1:before{ border-color: #fff; }

/* ------------------------ トップ画像エリア ------------------------ */
.mv_gikai_bg {
	position: relative; width: 100%; height: 300px; margin: 0; 
	background-image: url("/images/gikai_top.jpg");
	background-size: cover;
	background-position: center;

}
.mv_gikai_bg img{ width: 100%; height: 300px; object-fit:cover; }

.h1_gikai_bg {
	position: absolute; top: 0; left: calc((100% - 1200px) / 2);
	width: 300px; height: 100%; margin: 0; 	padding: 20px;
	height: 100%;
	background: rgb(0,32,96,0.7);
	color: #fff;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	box-sizing: border-box;
}
.h1_gikai_inner {
	text-align: center;
}
h1.h1_gikai {
	position:relative;
	display: block;
	margin: 0 0 20px;
	padding: 0 0 16px;
	width: 100%;
	color: #fff;
	font-size: 200%;
	font- weight: 600;
	line-height: 1.3;
	letter-spacing: 3px; 
}
h1.h1_gikai:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
	margin: 0 auto;
	width: 100px;
	height: 4px;
	background: #FFD503;
}
.h1_gikai_inner .small_title {
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 100%;
	font- weight: 600;
	line-height: 1.3;
}
@media only screen and (min-width: 1800px) {
	.mv_gikai_bg { background-position: center top; height: 340px; }
}
@media only screen and (max-width: 1300px) {
	.h1_gikai_bg { left: 20px; }
	div.pankuzu{ width: calc(100% - 40px); padding: 10px 20px; }

}


/* ------------------------ 緊急情報エリア ------------------------ */
#kinkyu{ padding: 0 0 80px; }
#kinkyu .kinkyu_wrap{ 
	width: 1200px; max-width: 100%; padding: 0; margin: 0 auto; text-align: left;
	background: #fff; border: 2px solid #CF3721; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}
#kinkyu h2.title{ 
	width: calc(100% - 40px); padding: 10px 20px; text-align: left;
	font-size: 125%; color: #fff; background: #CF3721; 
}

.kinkyu_box{ width: calc(100% - 40px); padding: 20px 20px 10px; }
.kinkyu_box p{ margin: 0 0 1em; }

/* パーツ内のスタイル */
#kinkyu p, #kinkyu li{ margin-top: 0; margin-bottom: 0.7em; line-height: 1.5; }
#kinkyu div.h2bg{ margin: 10px 0 20px; background-image: none; }
#kinkyu div.h2bg h2{ display: block; padding: 0; font-size: 100%; color: #202020; text-align: left;  }
#kinkyu div.h3bg{ margin: 10px 0 20px; background-image: none; border: 0; }
#kinkyu div.h3bg h3{ display: block; padding: 0; font-size: 100%; color: #202020; text-align: left;  }
#kinkyu div.h3bg h3:before, #kinkyu div.h3bg h3:after{ content: none; }
#kinkyu div.h4bg h4{ display: block; padding: 0; font-size: 100%; color: #202020; text-align: left;  }
#kinkyu div.h4bg h4:before, #kinkyu div.h4bg h4:after{ content: none; }

@media only screen and (max-width: 1300px){
	#kinkyu .kinkyu_wrap{ width: calc(100% - 100px); margin: 0 auto; }
}




/* ------------------------ 注目情報ボタン ------------------------ */
.tyumoku_area{ padding: 0 0 60px ; }
.tyumoku_area ul li{ background-image: none; }
.tyumoku{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	width: 1220px; max-width: 100%; margin: 0 auto; list-style: none; 
}
.tyumoku .item{ 
	width: calc(33.3% - 20px); margin: 0 10px 20px; padding: 0; 
	background-image: none;
}
.tyumoku .item a{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	width: calc(100% - 40px); min-height: 70px; padding: 5px 20px; line-height: 1.4; 
	background-image: linear-gradient(0deg, #116879 55%, #1995AD);
	border:1px solid #116879; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
	color: #fff; text-decoration: none; 
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
.tyumoku .item a:hover{ 
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset; 
	opacity: 0.9; 
}
.tyumoku .item .title{ width: calc(100% - 80px); padding-left: 30px; }
.tyumoku .item img{ width: 50px; height: auto; }

@media only screen and (max-width: 1300px) {
	.tyumoku{ width: 100%; }
	.tyumoku_area{ padding: 0 40px 60px; }
	.tyumoku .item a{ font-size: 100%; }
	.tyumoku .item img{ width: 40px; }
	.tyumoku .item .title{ width: calc(100% - 60px); padding-left: 20px; }
}


/* ------------------------ ニュースエリア ------------------------ */
.news_area{ 
	width: 100%; padding: 100px 0; 
	background-image: linear-gradient(90deg, rgba(229,242,255, .7) 30%, rgba(234,246,247.7)); 
}
.news_area ul li{ background-image: none; }
.news_wrap{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	width: 1200px; max-width: 100%; margin: 0 auto; 
}
.news_box{ width: calc(100% - 260px); margin: 0 80px 0 0; }
.sns_box{ width: 180px; }

.news_box h2.title{ 
	position: relative; 
	padding: 10px 0; line-height: 1.0; font-size: 160%; color: #002060; 
}
.news_box h2.title:before{
	content:""; position: absolute; top: 50%; left: 160px; 
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
	width: calc(100% - 160px); height: 0.4px; background: #002060; 

}

.news_box ul{ margin: 30px 0 40px; }
.news_box li{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	padding: 20px; margin: 0;
	border-bottom: 1px dashed #999; text-align: left; background-image: unset;
}
.news_box li a{
	position: relative; width: calc(100% - 160px); padding: 0;
	color: #202020; text-decoration: none; 
}
.news_box li span{ display: block; line-height: 1.5; padding: 0; margin: 0; }
.news_box li span.date{ width: 160px; color: #002060; }
.news_box li span.title{ display: block; width: calc(100% - 40px); padding: 0 40px 0 0; }

.sns_box .item{ width: 100%; min-width: unset; max-width: unset; min-height: unset; margin: 0 0 10px; }
.sns_box .item a{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	width: calc(100% - 26px); height: calc(100% - 26px); padding: 10px; text-align: center; 
}
.sns_box .item img{ width: 50px; height: auto; margin: 0 0 10px; }
.sns_box .item .title{ display: block; line-height: 1.3; text-align: center; }

@media only screen and (max-width: 1300px) {
	.news_wrap{ width: calc(100% - 100px); padding: 0; }
	.news_box{ width: calc(100% - 220px); margin: 0 40px 0 0;}
	.news_box li{ display: block; padding: 15px; }
	.news_box li span.date{ margin: 0 0 5px; }
	.sns_box .item img{ width: 40px; }
}
@media only screen and (max-width: 1150px) {
	.news_wrap{ display: block; }
	.news_box{ width: 100%; margin: 0 0 60px; }
	.sns_box{ width: 100%; }
	.sns_list{ 
		display:-webkit-box; display:-ms-flexbox; display:flex;
		justify-content: center; 
		width: 100%; 
	}
	.sns_box .item{ 
		-webkit-box-flex: 1; flex: 1;
		margin: 0 10px; max-width: 180px; 
	}

}


/* ------------------------ メニューエリア ------------------------ */
.menu_area{ 
	width: 1220px; max-width: 100%; margin: 0 auto;
}
.menu_area ul li{ background-image: none; }
.menu_wrap{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	width: 100%; padding: 100px 0 80px; 
}
.menu_box{ 
	width: calc(33.3% - 24px); margin: 0 10px 20px; min-height: 330px;
	border: 2px solid #002060; background: #fff; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}
.menu_box .title{ background: #002060; }
.menu_box .title h2{ font-size: 115%; }
.menu_box .title a{ display: block; color: #fff; text-decoration: none; text-align: center; }
.menu_box ul{ margin: 0; padding: 20px 20px 30px; }
.menu_box li.item{ width: 100%; padding: 10px 0; margin: 0; border-bottom: 1px dashed #bbb; }
.menu_box li.item a{ 
	display: block; width: calc(100% - 25px); padding: 0 0 0 25px; 
	line-height: 1.4; text-decoration: none; 
}
.menu_box .g_arrow:before{ left: 0; right: auto; top: 5px; }
.menu_box .arrow1:before{ top: 12px; width: 8px; height: 8px; border-color: #fff; }

@media only screen and (max-width: 1300px) {
	.menu_area{ width: calc(100% - 80px); padding: 0; }
}
@media only screen and (max-width: 1150px) {
	.menu_box{ width: calc(50% - 24px); }
}



/* ------------------------ お問い合わせエリア ------------------------ */
.contact_area{ 
	width: 1200px; max-width: 100%; margin: 0 auto; padding: 0; 
}
.contact_box{ 
	border: 2px solid #002060; background: #f7f7f7; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}
.contact_area .contact-title{ 
	margin: 0; 
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; 
}
.contact_area .contact-title h2{ font-size: 115%; }
.contact_area .cont{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	padding: 30px; 
}
.contact_area .adr_area{ width: calc(100% - 260px); margin: 0 40px 0 0; }
.contact_area .tanto{ font-size: 110%; font-weight: 600; }
.contact_area p{ margin: 0 0 20px; }
.contact_area .btn_wrap{ 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.contact_area .btn_wrap img{ margin: 0 20px 0 0; }
.contact_area .link_btn{ width: 220px; max-width: unset; }

@media only screen and (max-width: 1300px) {
	.contact_area{ width: calc(100% - 100px); }
}