@charset 'utf-8';
/* 個別CSS */

/* フォント設定 */
html { font-family:'Zen Kaku Gothic New', sans-serif; }

/* 汎用 */
div.w { padding:0 1.75em; }

/* ヘッダ */
header { padding:.5em 1em; width:100%; position:fixed; z-index:50; top:0; left:0; }
header h1 { text-align:center; }
header h1 img { margin:auto; }

/* ナビ */
nav ul { display:flex; justify-content:space-around; align-items:flex-start; padding:.75em 0 0 0; width:100%; }
nav ul li { font-weight:600; text-align:center; width:33%; }
nav ul li a { display:block; width:100%; text-align:center; }

/* イントロ */
div.intro { height:55vh; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url("../img/intro_sp.png"); position:relative; z-index:1; }
div.intro div.table { height:100%; }
div.intro div.table p img { display:inline-block; position:absolute; z-index:2; max-height:45vh; height:auto; max-width:auto; width:auto; bottom:0; left:50%; transform:translate(-50%,0); }

/* main */
main { margin:80px 0 0 0; }

/* ページ汎用 */
div.content { padding:2em 0 15vh 0; }
h1.p_mtit { font-size:200%; font-weight:600; text-align:center; margin:0 0 1.5em 0; position:relative; z-index:1; }
h1.p_mtit::before { content:''; position:absolute; z-index:1; display:inline-block; height:3px; width:2em; top:2em; left:50%; transform:translate(-50%,0); }
p.sns { margin:1em 0 0 0; }
p.sns img { height:40px; width:auto; }
div.details p { text-align:center; margin:1.5em 0 0 0; }
div.details p a { display:inline-block; margin:auto; padding:.75em 2.25em; border-radius:.5em; }

/* プロフィール */
div.p_name { margin:2em 0 0 0; }
div.p_name h2 { margin:.5em 0 0 0; font-size:120%; font-weight:600; }
div.p_name p.p_txt { margin:2.5em 0 0 0; font-size:105%; }

/* 市政報告 */
ul.act_list { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; }
ul.act_list li { width:50%; padding:0 .5em; margin:0 0 .5em 0; text-align:center; }
ul.act_list li p.a_tit { font-size:105%; font-weight:600; text-align:left; }
ul.act_list li p.a_tit::before { content:''; background-image:url("../img/view.svg"); display:inline-block; height:15px; width:15px; background-size:contain; vertical-align:baseline; margin:0 .5em 0 0; }
ul.act_list li p.a_samne img { height:auto; width:100%; object-fit:cover; }
ul.act_list li a:link, ul.act_list li a:visited { opacity:1; }
ul.act_list li a:active, ul.act_list li a:hover { opacity:0.5; }

/* お問い合わせ */
div.form { padding:0 1em; }
div.form h3 { text-align:center; margin:0 0 .75em 0; font-weight:600; font-size:120%; }
div.form dl { margin:2.5em 0 0 0; }
div.form dl dt, div.form dl dd { line-height:2; }
div.form dl dd { margin:0 0 .75em 0; }
div.form dl dd input, div.form dl dd textarea { padding:.25em .5em; width:100%; }
p.form_btn { margin:1.25em 0 0 0; text-align:center; }
p.form_btn input { height:60px; width:60px; border-radius:50%; }

/* フッタ */
footer { padding:1em; width:100%; }
footer p.copy { font-size:.9em; text-align:center; }

#pagenation{
	text-align: center;
}
#pagenation #pagenation-list{
	display: inline-block;
}
#pagenation:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#pagenation #pagenation-list li{
	float: left;
	background: none;
	list-style: none;
	padding: 0;
	margin: 0 7px 5px 0;
}
#pagenation #pagenation-list li:last-child{
	margin-left: 0;
}
#pagenation #pagenation-list a,#pagenation #pagenation-list span{
	background: none;
	display: block;
	margin: 0;
	padding: 6px 11px;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}
#pagenation #pagenation-list .current{
	background: #FCC800;
	color: #FFFFFF;
}
#pagenation #pagenation-list .omit{
	padding: 6px 2px;
	color: #777777;
}
#pagenation #pagenation-list li a{
	background: #5390D9;
	color: #FFFFFF;
	text-decoration: none;
}
#pagenation #pagenation-list a:hover{
	background: #FCC800;
	color: #FFFFFF;
	text-decoration: none;
}


@media screen and (min-width: 769px) {
/* PC用レイアウト */

/* 汎用 */
div.w { padding:auto; margin:auto; max-width:1024px; width:80%; }

/* ヘッダ */
header { padding:.25em 0; }
div.head_box { display:flex; justify-content:space-between; align-items:baseline; width:1024px; margin:auto; }
div.h_contemt {  }
div.h_contemt:last-child { width:calc( 100% - 335px ); }

/* ナビ */
nav ul { display:flex; justify-content:center; align-items:flex-start; padding:0; width:auto; }
nav ul li { width:auto; font-size:.9em; }
nav ul li a { padding:0 1.5em; }

/* イントロ */
div.intro { height:50vh;  background-image:url("../img/intro_pc.png"); }
div.intro div.table p img { max-height:auto; height:40vh; }

/* main */
main { margin:60px 0 0 0; }

/* ページ汎用 */
div.content { padding:5em 0 15vh 0; }

/* 市政報告 */
ul.act_list li { width:25%; margin:0 0 1em 0; }

/* お問い合わせ */
div.form { padding:0 10vw; }

/* フッタ */
footer p.copy { font-size:.8em; }

}