@charset "utf-8";
/* CSS Document */


/*============================
ClearFix
============================*/
.clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

.header__top--mark { float: inherit; }
.md_container { width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

/*============================
#topPanelArea
============================*/
#topPanelArea { margin-top: -130px; width: 100%; height: 620px; background: url(/img/government/community/bg_mainPanel.png) no-repeat center; display: flex; background-size: cover; align-items: center; }
#topPanelArea .data { width: 100%; }
#topPanelArea .data .subTitle { text-align: center; font-weight: bold; letter-spacing: 0.1em; color: #fff; font-size: 1.25em; }
#topPanelArea .data .mainTitle { margin-top: 0; text-align: center; }
#topPanelArea .data .mainTitle span  { display: inline-block; padding: 30px 0; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }
#topPanelArea .data .mainTitle img { margin: 0 auto; }

/*============================
#leadArea
============================*/
#leadArea { line-height: 1.75; font-size: 1.125em; }
#leadArea .md_container { border-bottom: solid 1px #ddd; padding: 100px 0; text-align: center; }

/*============================
#aboutArea
============================*/
#aboutArea {}
#aboutArea .md_container { padding: 100px 0 0; }
#aboutArea .title { font-size: 2em; text-align: center; font-weight: 500; }
#aboutArea .text { margin-top: 20px; line-height: 2; font-size: 1.125em; text-align: center; }
#aboutArea .image { margin-top: 60px; text-align: center; }
#aboutArea .image img { margin: 0 auto; }
#aboutArea .subTitle { margin-top: 60px; text-align: center; position: relative; overflow: hidden; }
#aboutArea .subTitle span { display: inline-block; margin: 0 auto; padding: 0 20px; background: #fff; font-size: 1.5em; position: relative; z-index: 1; font-weight: 500; }
#aboutArea .subTitle span::before { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 1px; border-bottom: dotted 1px #ddd; width: 500px; z-index: 0; }
#aboutArea .subTitle span::after { content: ""; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 1px; border-bottom: dotted 1px #ddd; width: 500px; z-index: 0; }
#aboutArea .tokuten {}
#aboutArea .tokuten ul { margin: 40px 120px 0; }
#aboutArea .tokuten ul li { float: left; width: 33.3333%; text-align: center; }
#aboutArea .tokuten ul li .icon { text-align: center; }
#aboutArea .tokuten ul li .icon img { margin: 0 auto; }
#aboutArea .tokuten ul li .data {}
#aboutArea .tokuten ul li .data .iconTitle { margin-top: 30px; font-size: 1.125em; font-weight: bold; }
#aboutArea .tokuten ul li .data .iconText { margin-top: 10px; line-height: 1.5; }

/*============================
#signupArea
============================*/
#signupArea { margin-top: 100px; }
#signupArea .md_container { border-top: solid 1px #ddd; padding: 100px 0 0; }
#signupArea .title { font-size: 2em;font-weight: 500; text-align: center; }
#signupArea .text { margin-top: 20px; line-height: 2; font-size: 1.125em; text-align: center; }
#signupArea .link { margin-top: 60px; text-align: center; }
#signupArea .link a { text-decoration: underline; font-size: 0.9125em; position: relative; }
#signupArea .link a::after { display: inline-block; content: ""; background: url(/img/common/bg_blank_link.png) 0 0 no-repeat; margin-left: 5px; width: 10px; height: 8px; }
#signupArea .button { margin-top: 20px; text-align: center; }
#signupArea .button a { display: inline-block; border: solid 2px #222; padding: 12px 140px; margin: 0 auto; letter-spacing: 0.2em; font-weight: 700; }
#signupArea .subTitle { margin: 40px 120px 0; font-size: 1.25em; font-weight: 700; letter-spacing: 0.05em; }
#signupArea .newsList { margin: 20px 120px 0; }
#signupArea .newsList ul {}
#signupArea .newsList ul li:first-child { border-top: solid 1px #ddd; }
#signupArea .newsList ul li { border-bottom: solid 1px #ddd; }
#signupArea .newsList ul li a { display: flex; width: 100%; align-items: baseline; padding: 20px 0; }
#signupArea .newsList ul li a .date { font-weight: 700; width: 100px; font-size: 1.0125em; }
#signupArea .newsList ul li a .copy { flex: 1; line-height: 1.5; font-size: 1.0125em; }
#signupArea .newsList ul li a:hover .copy { text-decoration: underline; }

/*============================
#jichitaiArea
============================*/
#jichitaiArea { margin-top: 100px; padding-bottom: 100px; }
#jichitaiArea .title { text-align: center; position: relative; overflow: hidden; }
#jichitaiArea .title span { display: inline-block; margin: 0 auto; padding: 0 20px; background: #fff; font-size: 1.5em; position: relative; z-index: 1; font-weight: 500; }
#jichitaiArea .title span::before { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 1px; border-bottom: dotted 1px #ddd; width: 500px; z-index: 0; }
#jichitaiArea .title span::after { content: ""; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 1px; border-bottom: dotted 1px #ddd; width: 500px; z-index: 0; }
#jichitaiArea .logo { margin-top: 30px; border: solid 1px #ddd; background: #eee; padding: 140px 20px; color: #777; text-align: center; }
#jichitaiArea .logo ul {}
#jichitaiArea .logo ul li {}
#jichitaiArea .logo ul li a {}
#jichitaiArea .logo ul li a img {}

@media only screen and (max-width: 767px){
	
.md_container { width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
	
/*============================
#topPanelArea
============================*/
#topPanelArea { margin-top: -75px; height: 300px; }
#topPanelArea .data {}
#topPanelArea .data .subTitle { font-size: 1.125em; }
#topPanelArea .data .mainTitle { margin-top: 0; }
#topPanelArea .data .mainTitle span  { padding: 20px 0; width: 80%; min-width: 300px; max-width: 400px; }
#topPanelArea .data .mainTitle img { width: 100%; height: auto; }

/*============================
#leadArea
============================*/
#leadArea {}
#leadArea .md_container { padding: 40px 20px; text-align: left; line-height: 1.75; font-size: 0.875em; }

/*============================
#aboutArea
============================*/
#aboutArea {}
#aboutArea .md_container { padding: 40px 20px 0; }
#aboutArea .title { font-size: 1.5em; }
#aboutArea .text { margin-top: 15px; font-size: 1em; text-align: left; line-height: 1.75; }
#aboutArea .image { margin-top: 15px; }
#aboutArea .image img { width: 300px; height: auto; }
#aboutArea .subTitle { margin-top: 20px; }
#aboutArea .subTitle span { padding: 0 10px; font-size: 1.25em; }
#aboutArea .subTitle span::before {}
#aboutArea .subTitle span::after {}
#aboutArea .tokuten {}
#aboutArea .tokuten ul { margin: 0; }
#aboutArea .tokuten ul li { margin-top: 20px; float: inherit; width: 100%; display: flex; justify-content: flex-start; align-items: center; }
#aboutArea .tokuten ul li .icon { text-align: center; width: 100px; }
#aboutArea .tokuten ul li .icon img { width: 100%; height: auto; }
#aboutArea .tokuten ul li .data { padding-left: 15px; flex: 1; }
#aboutArea .tokuten ul li .data .iconTitle { margin-top: 0; font-size: 1em; text-align: left; }
#aboutArea .tokuten ul li .data .iconText { margin-top: 5px; text-align: left; font-size: 0.9125em; }

/*============================
#signupArea
============================*/
#signupArea { margin-top: 40px; }
#signupArea .md_container { padding: 40px 20px 0; }
#signupArea .title { font-size: 1.25em; }
#signupArea .text { margin-top: 15px; font-size: 1em; text-align: left; line-height: 1.75; }
#signupArea .link { margin-top: 20px; }
#signupArea .link a { font-size: 0.9125em; }
#signupArea .link a::after {}
#signupArea .button { margin-top: 15px; }
#signupArea .button a { display: block; padding: 12px 0; }
#signupArea .subTitle { margin: 30px 0 0; font-size: 1.125em; }
#signupArea .newsList { margin: 10px 0 0; }
#signupArea .newsList ul {}
#signupArea .newsList ul li:first-child {}
#signupArea .newsList ul li {}
#signupArea .newsList ul li a { padding: 15px 0; }
#signupArea .newsList ul li a .date { width: 88px; font-size: 0.9125em; }
#signupArea .newsList ul li a .copy { font-size: 0.9125em; }
#signupArea .newsList ul li a:hover .copy {}

/*============================
#jichitaiArea
============================*/
#jichitaiArea { margin-top: 40px; padding-bottom: 40px; }
#jichitaiArea .title {}
#jichitaiArea .title span { padding: 0 10px; font-size: 1.25em; }
#jichitaiArea .title span::before { }
#jichitaiArea .title span::after {}
#jichitaiArea .logo { margin-top: 20px; padding: 120px 20px; }
#jichitaiArea .logo ul {}
#jichitaiArea .logo ul li {}
#jichitaiArea .logo ul li a {}
#jichitaiArea .logo ul li a img {}
	
}