@charset "UTF-8";

/* ------------------------------------------------------- */
/* --- base style ---------------------------------------- */
/* ------------------------------------------------------- */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}


html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
html,body{
	font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	font-size: .9375rem;
	font-weight: 500;
	line-height:1.8;
	color:#333;
	margin: 0 !important;
	padding: 0;
	background: #f7f9fb;
}
@media screen and (max-width: 768px) {
	html,body{ line-height:1.6;}
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

img{max-width:100%;height:auto;vertical-align:top;}
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {content:"";display:table;}
.cf:after,
.clearfix:after {clear:both;}
.cf,
.clearfix {zoom:1;}

a{color:#05a;text-decoration:none;}
a:active,
a:focus,
a:visited{text-decoration:none;}
label{ cursor:pointer; }
@media screen and (min-width: 768px) {
	a:hover{text-decoration:underline; color:#06f;}
}

#pagetop{position:absolute;top:0;}
.lazy > *{
	opacity:0;
	transform: translateY(100px);
	-webkit-transition: transform 1.8s, opacity 2.5s;
	   -moz-transition: transform 1.8s, opacity 2.5s;
	     -o-transition: transform 1.8s, opacity 2.5s;
	        transition: transform 1.8s, opacity 2.5s;
}
#loader-bg { display:block; position:fixed; width:100%; height:100%; top:0px; left:0px; bottom:100%; background:#eee; z-index:1001;}
#loader{top:50%; left:50%; margin-top:-30px; margin-left:-30px; font-size:6px; position:absolute; text-indent:-9999em; border-top:1px solid rgba(0,85,170,.3); border-right:1px solid rgba(0,85,170,.1); border-bottom:1px solid rgba(0,85,170,.3); border-left:1px solid rgba(0,85,170,1); -webkit-animation:load .8s infinite linear; animation:load .8s infinite linear;}
#loader,
#loader:after{border-radius:50%;width:60px;height:60px !important}
@-webkit-keyframes load {
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load {
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}


#contents:target { padding-top: 180px; margin-top: -180px;}
@media screen and (max-width: 768px) {
	#contents:target { padding-top: 150px; margin-top: -150px;}
}
@media screen and (max-width: 600px) {
	#contents:target { padding-top: 70px; margin-top: -70px;}
}

/* ------------------------------------------------------- */
/* --- template style ------------------------------------ */
/* ------------------------------------------------------- */

header{ position:fixed;z-index:100;top:0;left:0;right:0; padding:0 5%; transition:1s; font-weight:400; text-shadow:0 0 0; background:#fff;}
/*.header{ max-width:950px; margin:auto;}*/
header h1 {float:left; padding:0; margin:auto; width:321px;}
header h1 a{ padding:14px 0 18px; display:block; opacity:1; transition:.4s;}
header h1 a:hover{ opacity:.7;}
header h1 img{ display:block;}
header h2{ float:right; margin-top:20px; letter-spacing:.01em; font-size:1.125em;}
header h2 a{ display:inline-block; color:#fff; line-height:42px; background:#198; padding:0 14px; transition:.4s; min-width:170px; text-align:center;}
header h2 a:first-child{ background:#e80; }
header h2 a:hover { color:#fff; text-decoration:none; background:#0cb;}
header h2 a:first-child:hover { background:#fa0;}
header h2 a:after{ display:inline-block; content:""; width:7px; height:8px; margin-left:.5em; background:url(images/common/pt.png); background-repeat:no-repeat; background-size:contain; vertical-align:middle;}
header nav label,
header nav input{display:none;}
header nav{ background:rgba(0,85,170,.95); overflow:hidden; width:111.2%; margin:0 -5.6%; }
header nav:before,
header nav:after { content:""; display:table; clear:both;}
header nav { zoom:1;}
header ul {margin:auto; text-align:center; letter-spacing:-.4em; display:table; width:90%;}
header li {display:table-cell; vertical-align:bottom; letter-spacing:.01em; padding:0; position:relative; padding:0 2em; min-width:3em; transition:.6s;}
header li.sp{ display:none;}
header li > a{ padding:17px 2px; display:block; text-align:center; text-decoration:none; line-height:1.4; position:relative; color:#fff; transition:.6s;}
header li > a:hover{ color:#fff;}
header li > a b,
header li > a i{ display:block; text-align:center;}
header li > a b{ font-size:1.0625em; position:relative;}
header li > a i{ font-size:.875em; font-style:normal; font-weight:100; margin-top:2px;}
header.scroll li > a b{ font-size:.875em;}
header.scroll li > a i{ display:none;}
header li > a:before,
header li > a:after {content:"";display:table;}
header li > a:after {clear:both;}
header li > a {zoom:1; transition:.4s;}
header li > a b:after {content:""; position:absolute; background:rgba(0,0,0,.7); background-size:cover; bottom:0; left:0; width:0; display:block; height:6px; transition:.6s;}
header li > a:before{content:"";display:block;width:3px;height:3px;box-shadow:0 0 0 0 rgba(0,85,170,0);opacity:.8;border-radius:50%;position:absolute;left:50%;top:50%;transition:0;}
@media screen and (min-width: 769px) {
	header li:hover{background:#48b;}
	header li a:hover{text-decoration:none;}
	header li:hover > a b:after {width:100%;}
	header li:hover > a:before{box-shadow:0 0 0 80px rgba(0,85,170,1);border-radius:50%;opacity:0;transition:1.1s;}
}
header li ul{display:none;opacity:0;transition:.5s;}
header .pagetop{position:fixed; bottom:-80px; right:2%; opacity:0; transition:.5s .5s;}
header.scroll .pagetop{bottom:15px;opacity:1;}
header .pagetop span { display:block; border-radius:50%; padding:6px; text-indent:-999em; font-size:0; background:rgba(0,85,170,.9); width:45px; height:45px; margin:auto;}
header .pagetop span:before{ content:""; display:block; border-top:2px solid #fff; border-left:2px solid #fff; transform:rotate(45deg); width:20px; height:20px; margin:10px auto 3px;}
header .pagetop:after{ content:"Page Top"; display:block; font-size:.75em;}
header .pagetop:hover,
header .pagetop:focus,
header .pagetop:active,
header .pagetop:visited{text-decoration:none;}
header .pagetop:hover{opacity:.5;}

@media screen and (min-width: 769px) {
	header li.page-item-18{display:none;}
	header li ul{position:absolute;left:0;top:60px;padding:20px;background:#fff!important;box-shadow:none;min-width:16em;text-align:left;box-shadow:0 0 0 1px #036!important;}
	header li ul:before{content:"\f0d8";font-family:FontAwesome;position:absolute;left:0;right:0;top:-20px;height:20px;color:#fff;font-size:2em;line-height:30px;text-shadow:0 -2px 0 #036;padding-left:1em;}
	header li:hover ul{display:block;opacity:1;}
	header li li{display:block;text-align:center;}
	header li li a{display:block;text-align:center;font-weight:400;}
	header li li:before {display:none;}
	header .pagetop:hover:before{background:rgba(250,200,60,.9);}
}
@media screen and (max-width: 1130px) {
	header li { padding:0 1.5em;}
}
@media screen and (max-width: 1050px) {
	header li { padding:0 1em;}
}
@media screen and (max-width: 960px) and (min-width: 768px) {
	header li br {display:none;}
}
@media screen and (max-width: 860px) {
	header li { padding:0;}
}
@media screen and (max-width: 768px) {
	header { padding:0 1%;}
	header h1{ margin-top:auto; width:240px;}
	header h2 { margin-top:12px;}
	header nav{ width:102%; margin:0 -1%; padding:5px 2%; }
	header ul{ padding-top:50px;display:none;opacity:0;background:rgba(255,255,255,0);box-shadow:0 2000px 0 2000px rgba(0,40,80,.4);transition:.8s;}
	header.scroll ul{ padding-top:5px;}
	header li,
	header li a{display:block; text-align:center;}
	header li {border-top:1px solid #fff;}
	header.scroll li,
	header li {padding:0;}
	header li:first-child {border-top:none;}
	header li:before {display:none;}
	header li a{ padding:18px 60px;}
	header li > a:after { content:"\f105"; font-family:FontAwesome; display:inline-block; margin-left:1em; position:absolute; right:5px; left:auto; top:50%; margin-top:-.5em;}
	header li > a i{ font-size:.5em; margin-top:1px; line-height:1;}

	header .navOpen{display:block}
	header label{ float:right;}
	header input.navOpen:checked,
	header input.navOpen:checked ~ .navOpen{display:none}
	header input.navOpen:checked ~ .navClose{display:block}
	header input.navOpen,
	header input.navClose{-moz-appearance:none;-webkit-appearance:none;opacity:0;border:0;width:0;height:0;margin:0}
	header label.navOpen:after,
	header label.navClose:after{font-size:.75em; display:block; text-align:center; font-weight:bold; word-break:keep-all; line-height:1; color:#fff; position:absolute; bottom:-8px; left:-12px;}
	header label.navOpen:after  {content:"メニュー"; }
	header label.navClose:after {content:"閉じる"; letter-spacing:.2em; margin-left:.4em;}
	header label.navClose:before{content:""; display:block; position:fixed; top:50px; bottom:0; left:0; right:0;}
	header label.navOpen,
	header label.navClose{ background-size:contain; border-radius:0; margin:6px 0 10px; height:26px; position:relative; }
	header .navOpen .menuWrap{ box-shadow:-1000px 1000px 0 1000px rgba(0,0,0,0); transition:box-shadow .4s;}
	header .navOpen:checked ~ .menuWrap{ display:block; opacity:1; right:0; border:1px solid #eee; box-shadow:-1000px 1000px 0 1000px rgba(0,0,0,.5); width:26.5em;}

	header label i + i {margin-top:6px;}
	header label i { background:rgba(255,255,255,.9); width:24px; height:2px; display:block; margin:auto; transition:.3s; overflow:hidden;}
	header label i:nth-child(1),
	header label i:nth-child(2),
	header label i:nth-child(3) { display:block; transform: rotate(0) translate(0); transition:.4s;}
	header label:hover i:nth-child(1),
	header label.navClose i:nth-child(1){ transform: rotate(45deg) translate(6px,6px); }
	header label:hover i:nth-child(2),
	header label.navClose i:nth-child(2) { display:none; }
	header label:hover i:nth-child(3),
	header label.navClose i:nth-child(3) { transform: rotate(-45deg) translate(0px,0px); }
	header .menuWrap label.navClose { width:auto; height:30px; margin:auto; position:relative; display:block; padding:5px; background:#333;}
	header .menuWrap label.navClose:before { display:none;}
	header .menuWrap label i { background:#fff; width:20px; box-shadow:none;}

	header ul{ right:-300px; transition:right .4s;}
	header .navOpen:checked ~ ul{ display:block;opacity:1; background:rgba(0,85,170,.95); position:fixed; right:0; top:118px; border:1px solid #eee; padding:10px; width:auto;}
}
@media screen and (max-width: 700px) {
	header h2 a{ min-width:100px;}
}
@media screen and (max-width: 600px) {
	header h1 a{ padding:8px 0;}
	header h2 { display: none;}
	header nav { width:auto; margin:0; padding:4px 2%; background:none;}
	header label.navOpen:after,
	header label.navClose:after{ color:#05a; }
	header label i { background:rgba(0,85,170,.9); }
	header .navOpen:checked ~ ul{ top:50px; padding:10px 2px 2px;}
	header li.sp{ display:block;}
	header li.sp a{ background:#e80;}
	header li.sp:last-child a{ background:#198;}
}
@media screen and (max-width: 400px) {
	header .navOpen:checked ~ ul{ width:100%;}
	header li,
	header li a { text-align:left;}
	header li a{ padding:4.4%;}
}

footer{padding:0 5% 20px;position:relative; background:#05a; text-align:center; color:#fff;}
footer .footer:before,
footer .footer:after {content:"";display:table;}
footer .footer:after {clear:both;}
footer .footer { zoom:1; max-width:1000px; margin:auto; padding:4% 0 8%; background:url(images/common/footer_bg.png) no-repeat center bottom; background-size:990px auto;}
footer a{ color:#fff; transition:.4s;}
footer h1{ float:left; text-align:left; margin-bottom:2em;}
footer ul{ float:right; clear:right; text-align:left; max-width:38.6em; letter-spacing:-.4em; margin-bottom:2em;}
footer li{ display:inline-block; vertical-align:top; letter-spacing:0; text-align:left; font-size:1.125em; margin-left:3em; min-width:9.2em;}
footer li:nth-child(3n){ min-width:6em;}
footer li a:hover{ color:#6cf;}
footer li a:before{ display:inline-block; content:""; width:14px; height:14px; margin-right:.2em; background:url(images/common/pt02.png); background-size:contain; vertical-align:middle;}
footer p { float:right; clear:right;}
footer p a{ display:inline-block; color:#fff; line-height:42px; background:#198; padding:0 10px; min-width:140px; transition:.4s;}
footer p a:first-child{ background:#e80; }
footer p a:hover { color:#fff; text-decoration:none; background:#0cb;}
footer p a:first-child:hover { background:#fa0;}
footer p a:after{ display:inline-block; content:""; width:7px; height:8px; margin-left:.2em; background:url(images/common/pt.png); background-size:contain; background-repeat:no-repeat; vertical-align:middle;}
footer small{ display:block; text-align:center; padding:20px 0 0; box-shadow:0 50px 0 50px #6ad, -390px 50px 0 50px #6ad, 390px 50px 0 50px #6ad; font-size:.8em; letter-spacing:.04em; background:#6ad;}
footer .footContact .text p br{display:none;}
/*@media screen and (min-width: 768px) {
	.page-id-2 footer .footer,
	.page-id-47 footer .footer,
	.page-id-49 footer .footer { background-image:url(images/common/_footer_bg.png);}
}*/
@media screen and (max-width: 1080px) {
	footer .footer { background-size:contain;}
}
@media screen and (max-width: 600px) {
	footer{padding:0 2% 20px;}
	footer .footer{ padding:10% 0 20%;}
	footer h1 { margin:0 1em 2em;}
	footer h1,
	footer ul,
	footer p { display:block; float:inherit;}
	footer li{ margin:10px 1em;}
	footer li,
	footer li:nth-child(3n) { min-width:9.2em;}
	footer small{box-shadow:0 50px 0 50px #6ad;}
}
@media screen and (max-width: 370px) {
	footer li{ margin:10px .5em;}
}
@media screen and (max-width: 350px) {
	footer .footer{ font-size:.95em;}
}



/* ------------------------------------------------------- */
/* --- common style -------------------------------------- */
/* ------------------------------------------------------- */
.headBlock{ padding:0 5%; text-align:left; font-weight:bold; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANklEQVQoU2PcdvrJfwYGBgYjdTEQhQEYCSp48ekX2ARcgJFkBeduvgIbBnMThgkEFaC7haAbALNlJKEqYPh6AAAAAElFTkSuQmCC) repeat center; background-size:4px auto;}
.headBlock .inner{ padding:5% 0; background:url(images/page/main_bg.png) no-repeat right bottom; background-size:480px auto; margin:auto; max-width:1000px;}
.headBlock h1{font-size:2.125em; color:#222; font-weight:bold;}
.headBlock p {font-size:1.125em; color:#05a; font-weight:bold; line-height:1;}
.headBlock p:first-letter { text-transform:capitalize;}
.headBlock h2{font-size:3em;}
.headBlock h3{font-size:1.5em;}
main{ position:relative; margin-top:130px;}
article{text-align:center; letter-spacing:-.4em;}
article > *{letter-spacing:.01em;}
section{letter-spacing:.01em;}
@media (max-width: 1000px) {
	.headBlock .inner{ background-size:360px auto;}
}
@media (max-width: 768px) {
	.headBlock{ padding:0 3%;}
	.headBlock .inner{padding:8% 0 12%;}
	.headBlock h1{font-size:1.5em;}
	.headBlock p {font-size:.9em;}
	main{ margin-top:115px;}
}
@media (max-width: 600px) {
	.headBlock .inner{padding:8% 0 20%; background-size:240px auto;}
	main{ margin-top:50px;}
}
@media (max-width: 360px) {
	.headBlock .inner{padding:8% 0 22%; }
}
@media (max-width: 330px) {
	.headBlock .inner{padding:8% 0 23%; }
	.headBlock p {font-size:.85em;}
}

.breadcrumbs{max-width:1000px;max-width:calc(1000px + 10%);margin:0 auto 30px;padding:20px 5%;text-align:left;font-size:.9em;background:#77a3cc;box-shadow:400px 0 0 #77a3cc,-400px 0 0 #77a3cc;}
.breadcrumbs li{display:inline-block; color:#fff;}
.breadcrumbs li a{color:#fff;}
.breadcrumbs li:before{content:"\f105";font-family:FontAwesome;display:inline-block;margin:0 8px;}
.breadcrumbs li:first-child:before{display:none;}
@media (max-width: 768px) {
	.breadcrumbs{font-size:.8em; padding:10px 5%;}
}

.contents{max-width:950px;max-width:calc(950px + 10%);margin:auto;text-align:left;padding:50px 5% 80px; word-break:break-word;}
.contents.newsPage{max-width:705px; width:70%; padding:0; margin-left:3%; margin-right:1.7%; margin-top:30px; margin-bottom:100px; display:inline-block; vertical-align:top;}
.sidebar{max-width:225px; width:22.3%; margin-bottom:100px; padding:0; margin-right:3%; display:inline-block; text-align:left; vertical-align:top;}
.vertical-nav{ margin-bottom:30px; }
.vertical-nav h4{font-size:1.2em;font-weight:bold; margin-top:30px; margin-bottom:10px; padding:10px; background:#05a; color:#fff; }
.vertical-nav ul{ margin-bottom:20px;}
.vertical-nav li{ line-height:2.4; border-bottom:2px solid #05a; }
.vertical-nav li a{ color:#333; display:block; padding:10px; }
.vertical-nav li a:after{ color:#05a; display:block; content:"▲"; transform:rotate(90deg); font-size:.8em; float:right; margin-top:5px;}
.vertical-nav .linkBtn{ background:#05a;font-size:1.125em;color:#fff;transition:.4s;display:block;padding:15px 5px;margin:20px 0 0;border-radius:3px;text-align:center;transition:.4s;text-decoration:none;position:relative;line-height:1.6;}
.vertical-nav .linkBtn:after{ position:absolute;right:10px;top:50%;margin-top:-.8em;content:"\f105";font-family:FontAwesome;}
.vertical-nav .linkBtn:hover { background:#06f;}
.btn-search {font-family:FontAwesome;}
@media (max-width: 768px) {
	.contents.newsPage,
	.sidebar{max-width:600px;width:90%;margin:0 auto 100px;display:block;}
	.contents{ margin-top:-70px; padding-top:70px;}
}

.categoryList{ max-width: 950px; max-width: calc(950px + 10%); margin: auto; text-align:left; padding:2% 5%;}
.categoryList h2{ line-height:inherit; line-height:1.4; font-size:1.5em; font-weight:bold; border-bottom:2px solid #05a; color:#222; padding:0 0 5px; margin-bottom:25px;}
.categoryList p {margin-bottom:1.2em;}
.categoryList div {margin-bottom:1.2em;}
.categoryList div div {display:inline; margin:0;}
.categoryList a{ display:inline-block; padding:5px 16px 5px 6px; min-width:176px; background:#16a; color:#fff; font-weight:bold; margin:0 10px 10px 0; text-align:center; position:relative; transition:.4s; line-height:35px;}
.categoryList a           { background:#15a;}
.categoryList a.feature   { background:#d28;}
.categoryList a.gasroad   { background:#286;}
.categoryList a.report    { background:#b52;}
.categoryList a.activities{ background:#a6c;}
.categoryList a.planning  { background:#2ab;}
.categoryList a.system    { background:#eb5;}
.categoryList a.safe_and_secure { background:#e7c;}

.categoryList a.activity_intro{ background:#16a;}
.categoryList a.meeting       { background:#2a6;}
.categoryList a.autumn        { background:#b42;}
.categoryList a.spring        { background:#d22;}
.categoryList a.supportfile   { background:#2aa;}
.categoryList a.officer_news  { background:#eb6;}

.categoryList a.contract      { background:#15a;}
.categoryList a.enrichment    { background:#d28;}
.categoryList a.life_support  { background:#286;}
.categoryList a.enhancement   { background:#b52;}
.categoryList a.organization  { background:#d22;}
.categoryList a.industrial    { background:#2ab;}
.categoryList a.correspondence{ background:#eb6;}
.categoryList a.expansion     { background:#e7c;}
.categoryList a.promotion     { background:#a6c;}

.categoryList a.supportfile,
.categoryList a.enrichment,
.categoryList a.enhancement,
.categoryList a.correspondence { letter-spacing:-.04em; font-size:.95em;}

.categoryList a:after{ display:block; content:""; width:7px; height:8px; margin-top:-4px; position:absolute; right:6px; top:50%; background:url(images/common/pt.png); background-size:contain; background-repeat:no-repeat;}
@media (min-width: 768px) {
	.categoryList a:hover { text-decoration:none;}
	.categoryList a:hover           { background:#48b;}
	.categoryList a.feature:hover   { background:#e5b;}
	.categoryList a.gasroad:hover   { background:#5b9;}
	.categoryList a.report:hover    { background:#e85;}
	.categoryList a.activities:hover{ background:#d9f;}
	.categoryList a.planning:hover  { background:#5de;}
	.categoryList a.system:hover    { background:#ed8;}
	.categoryList a.safe_and_secure:hover { background:#ead;}

	.categoryList a.activity_intro:hover{ background:#49d;}
	.categoryList a.meeting:hover       { background:#5d9;}
	.categoryList a.autumn:hover        { background:#e75;}
	.categoryList a.spring:hover        { background:#f55;}
	.categoryList a.supportfile:hover   { background:#5dd;}
	.categoryList a.officer_news:hover  { background:#fe9;}

	.categoryList a.contract:hover      { background:#48b;}
	.categoryList a.enrichment:hover    { background:#e5b;}
	.categoryList a.life_support:hover  { background:#5b9;}
	.categoryList a.enhancement:hover   { background:#e85;}
	.categoryList a.organization:hover  { background:#f55;}
	.categoryList a.industrial:hover    { background:#5de;}
	.categoryList a.correspondence:hover{ background:#ed8;}
	.categoryList a.expansion:hover     { background:#ead;}
	.categoryList a.promotion:hover     { background:#d9f;}
}
@media (max-width: 768px) {
	.categoryList h2{font-size:1.4em; }
	.categoryList a{ min-width:160px; }
}
@media (max-width: 590px) {
	.categoryList div{ display:table; table-layout:fixed; width:100%; max-width:500px;}
	.categoryList div div{ display:table-row; font-size:.9em;}
	.categoryList a{ display:table-cell; min-width: 80px; margin:0; padding:1px; line-height:1.5; vertical-align:middle; border:1px solid #f7f9fb; height:6em;}
	.categoryList a:after{ display:none;}
}
@media (max-width: 420px) {
	.categoryList a{ height:7.5em;}
}


.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6{margin-bottom:10px;line-height:inherit;line-height:1.4;}
.contents p{margin-bottom:1.2em;}
.contents h1{color:#222;font-size:2.25em; font-weight:bold; margin-bottom:50px; text-align:center; line-height:1.4;}
.contents h1:after{border-bottom:2px solid #05a; content:""; display:block; margin:20px auto 0; max-width:300px;}
.contents h2{ font-size:1.5em; font-weight:bold; border-bottom:2px solid #05a; color:#222; padding:0 0 5px; margin-bottom:25px;}
.contents h2 img{ margin:-5px 10px 0 8px; float:left;}
.contents h2 span{ font-size:.8em; display:inline-block; }
.contents h3{font-size:1.5em;font-weight:bold;color:#05a;}
.contents h4{font-size:1.375em;font-weight:bold;color:#05a;}
.contents h5{font-size:1.25em;font-weight:bold;background:#eb2;color:#fff;padding:2px 15px;border-radius:5px;text-align:center;}
.contents h6{font-size:1.24em;font-weight:bold;color:#05a;}
.contents small{font-size:.88em;opacity:.8;color:inherit;font-weight:inherit;display:inline-block;line-height:1.5;}
.contents strong,
.contents b{font-weight:bold;}
.contents hr{border-top:4px solid #cde; margin-left:0; margin-right:0;}
.contents blockquote,
.contents q{padding:3%; margin: 21px 0; border:1px dotted #999; color:#888;}
.contents blockquote p:last-child,
.contents blockquote ul:last-child,
.contents blockquote ol:last-child { margin-bottom: 0;}

.contents li {margin:8px 0 0; padding-bottom:8px; padding-left:35px; position:relative; }
.contents li:before{ color:#fff; font-size:1.125em; position:absolute; background:#05a; text-align:center; height:30px; line-height:30px; width:30px; border-radius:50%; left:0; top:-2px;}
.contents ul li:before{content:"\f00c";font-family:FontAwesome;}
.contents ol{counter-reset:number;}
.contents ol li:before{counter-increment:number;content:counter(number);font-weight:bold;}
.contents li a *{ display:inline-block; text-indent:0;}
.contents li a:hover *{ text-decoration:underline;}

.pager { margin-top:80px; padding-top:30px;}
.pager li { margin:8px 0; text-indent:0; padding-left:0;}
.pager li:before { display:none;}
.pager li a{ border-radius:5px; background:#444; color:#fff; padding:10px; width:49%; letter-spacing:.05em; font-weight:bold; transition:.4s;}
.pager li a:hover{ background:#06f;}

.contents table{width:100%; border-top:1px solid #ddd; margin-top:10px; margin-bottom:10px;}
.contents th {background-color:#acd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; color:#fff; font-weight:bold; padding:20px;}
.contents td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; padding:15px;}
.contents th:last-child,
.contents td:last-child {border-right:none;}
.contents table.table-fixed {table-layout: fixed;}

.contents .textL{text-align:left;}
.contents .textR{text-align:right;}
.contents .textC{text-align:center;}

.contents .imgL{float:left; margin-right:6%; margin-bottom:2%;}
.contents .imgR{float:right; margin-left:6%; margin-bottom:2%;}
@media (max-width: 768px) {
	.contents .imgL,
	.contents .imgR{float:inherit; margin:0 auto 2%;}
	.contents .imgL.spW50{float:left; margin-right:6%; margin-bottom:4%; max-width:50%; text-align:center;}
	.contents .imgR.spW50{float:right; margin-left:6%; margin-bottom:4%; max-width:50%; text-align:center;}
	.contents .textLsp{text-align:left;}
	.contents .textRsp{text-align:right;}
	.contents .textCsp{text-align:center;}
}

.contents .textLink:before{content:"\f105"; font-family:FontAwesome; display:inline-block; margin-right:.4em;}
.contents .linkBtn,
.contents .linkBtn2{font-size:1em;color:#fff;transition:.4s;display:inline-block;min-width:40%;padding:10px 30px 10px 20px;margin:0 15px 10px 0;border-radius:3px;text-align:center; text-decoration:none;position:relative;}
.textR .linkBtn,
.textR .linkBtn2{margin:0 0 10px 15px;}
.contents .linkBtn:after,
.contents .linkBtn2:after{ position:absolute; right:10px; top:50%; margin-top:-5px; content:""; height:10px; width:10px; background:url(images/page/ico_dl.png); background-size:contain;}
.contents .linkBtn  {background:#05a;}
.contents .linkBtn2{background:#e54;}
.linkBtn.pc,
.linkBtn2.pc{display:inline-block;}
.linkBtn.sp,
.linkBtn2.sp{display:none;}

.contents .linkBtn3{background:#e3eff7; color:#05a; transition:.4s; display:inline-block; padding:2px 5px; margin:0; border-radius:3px; text-align:center; text-decoration:none;}
.contents .linkBtn3:after{ margin-left:5px; content:""; height:12px; display:inline-block; width:14px; background:url(images/page/ico_link.png); background-size:contain;}
@media (min-width: 769px) {
	.contents .linkBtn:hover  {background:#06f;}
	.contents .linkBtn2:hover{background:#f74;}
	.contents .linkBtn3:hover{background:#cde;}
}
@media (max-width: 768px) {
	.contents h1{font-size:2em;}
	.contents h1:after{max-width:240px;}
	.contents h2{font-size:1.4em;}
	.contents h3{font-size:1.25em;}
	.contents h4{font-size:1.1875em;}
	.contents h5{font-size:1.125em;}
	.contents h6{font-size:1.0625em;}
	.contents th,
	.contents td {padding:10px;}
	.contents .linkBtn,
	.contents .linkBtn2{min-width:60%;padding:10px 30px 10px 20px;margin:0 auto 10px;}
	.linkBtn.pc,
	.linkBtn2.pc{display:none;}
	.linkBtn.sp,
	.linkBtn2.sp{display:inline-block; margin:10px auto;}
	.pager { margin-top:60px;}
}
@media (max-width: 600px) {
	.contents h2 img { margin:-5px 6px 0 4px;}
	.contents tr,
	.contents th,
	.contents td {display:block;border-right:none;}
	.contents .linkBtn,
	.contents .linkBtn2{min-width:80%;padding:10px 6% 10px 4%;}
}
@media (max-width: 450px) {
	.contents .linkBtn,
	.contents .linkBtn2{width:90%;}
}
@media (max-width: 380px) {
	.contents .linkBtn,
	.contents .linkBtn2{width:100%;}
}
@media (max-width: 350px) {
	.contents .linkBtn,
	.contents .linkBtn2{font-size:.93em; letter-spacing:-.05em; padding:10px 5% 10px 3%;}
	.contents .linkBtn:after,
	.contents .linkBtn2:after{ right:7px; }
}


.contents .box2col,
.contents .box3col,
.contents .box4col,
.contents .box5col{letter-spacing:-.4em; list-style:none;padding:0;}
.contents .box2col > li,
.contents .box3col > li,
.contents .box4col > li,
.contents .box5col > li{letter-spacing:.01em; display:inline-block; padding:0; background:none;margin:0 0 30px;text-indent:0; vertical-align:top;}
.contents .box2col > li:before,
.contents .box3col > li:before,
.contents .box4col > li:before,
.contents .box5col > li:before{display:none;}

.contents .box2col > li{width:48%; margin-left:4%;}
.contents .box2col > li:nth-child(2n-1){margin-left:0;}

.contents .box3col > li{width:32%; margin-left:2%;}
.contents .box3col > li:nth-child(3n-2){margin-left:0;}

.contents .box4col > li{width:22%; margin-left:4%;}
.contents .box4col > li:nth-child(4n-3){margin-left:0;}

.contents .box5col > li{width:19.98%;padding:1px;margin-left:0;margin-bottom:0;}

.contents .inlineList li{display:inline-block;margin:0;color:#666;}
.contents .inlineList li a{display:inline-block;margin:0 1em .5em 0;color:#666;}
.contents .inlineList li ul{display:inline-block;}

@media (max-width: 767px) {
	.contents .box2col,
	.contents .box3col,
	.contents .box4col,
	.contents .box5col{margin-left:auto;margin-right:auto;}
	.contents .box2col{max-width:500px;}
	.contents .box3col{max-width:330px;}
	.contents .box4col{max-width:500px;}
	.contents .box5col{max-width:600px;}

	.contents .box2col > li,
	.contents .box3col > li{width:auto; margin:0 auto 5px;}
	.contents .box2col > li:nth-child(2n-1),
	.contents .box3col > li:nth-child(3n-2){margin-left:auto;}

	.contents .box4col > li{width:49%; margin-left:2%;}
	.contents .box4col > li:nth-child(2n-1){margin-left:0;}

	.contents .box5col > li{width:33.33%;}
}


.bottomBlock {margin:140px auto 60px;max-width:1000px;width:90%;}
.bottomBlock a{text-decoration:none;}
.bottomBlock .bottomLink{letter-spacing:-.4em;font-weight:bold;}
.bottomBlock .bottomLink li{letter-spacing:0;width:48%;display:inline-block;margin:0 0 4% 4%;min-width:16em;}
.bottomBlock .bottomLink li:first-child{margin-left:0;}
.bottomBlock .bottomLink a {display:block;font-size:1.5em;padding:20px 10px;background:#05a; color:#fff; transition:.5s;position:relative;border-radius:3px;}
.bottomBlock .bottomLink a:after{position:absolute;right:10px;top:50%;margin-top:-.8em;content:"\f105";font-family:FontAwesome;}
.bottomBlock .contactBox{padding:35px 3%;border-radius:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQYV2NkQAJn7r77zwjjgzgmykKMYAEYB8RmROaABAAFmA+b51Gj6QAAAABJRU5ErkJggg==);}
.bottomBlock .contactBox{letter-spacing:-.4em;font-weight:bold;}
.bottomBlock .contactBox li{letter-spacing:0;width:33.33%;display:inline-block;min-width:16em;}
.bottomBlock .contactBox li:first-child{width:auto;display:block;}
.bottomBlock .contactBox h1{font-size:3em;color:#369;text-align:center;}
.bottomBlock .contactBox h1:before{content:"\f2c6";font-family:FontAwesome;margin-right:15px;}
.bottomBlock .contactBox p {font-size:1.125em;margin-bottom:15px;}
.bottomBlock .contactBox a {display:block;font-size:1.25em;margin:5px 14px;padding:10px;background:#069;color:#fff; transition:.5s;border-radius:3px;position:relative;}
.bottomBlock .contactBox a:after{position:absolute;right:10px;top:50%;margin-top:-.8em;content:"\f105";font-family:FontAwesome;}
@media (min-width: 769px) {
	.bottomBlock .bottomLink a:hover {background:#fff;box-shadow:0 0 0 1px #05a,0 0 0 2px #05a inset;color:#05a;}
	.bottomBlock .contactBox a:hover {background:#05a;}
}
@media (max-width: 768px) {
	.bottomBlock .contactBox h1{font-size:2em;}
	.bottomBlock .contactBox p {font-size:1.125em;}
	.bottomBlock .bottomLink a {font-size:1.25em;padding:15px 10px;}
	.bottomBlock .bottomLink li,
	.bottomBlock .bottomLink li:first-child{margin:0 1% 4%;}
}


/* ------------------------------------------------------- */
/* --- unique style -------------------------------------- */
/* ------------------------------------------------------- */
section{padding:8% 3%;}
.mainBlock:before,
.mainBlock:after{ content:""; display:table;}
.mainBlock:after{clear:both;}
.mainBlock{zoom:1;}
.mainBlock { padding:0; /*height:calc(100vh - 130px);*/ position:relative; margin-bottom:30px;}
.mainBlock { background-image:url(images/top/main01.jpg); background-size:cover; background-position:center;}
/*.mainBlock h1 { position:absolute; left:5%; right:5%; top:50%; margin:-60px auto 0; text-align:left; z-index:99;}*/
.mainBlock h1 { display: none!important;}
.mainBlock h2 { display: none!important;}
/*
.mainBlock .flexslider,
.mainBlock .slides,
.mainBlock .slides li{ height:100%; width:100%; position:absolute; top:0; left:0; right:0; bottom:0;}
.mainBlock .slides li{ background-image:url(images/top/main01.jpg); background-size:cover; background-position:center;}
*/
.mainBlock .slides li img{ width:100%;}
.mainBlock .flex-control-nav{ position:absolute; bottom:-50px; left:10%; right:10%; z-index:2; max-width:80%; text-align:center;}
.mainBlock .flex-control-nav li{ display:inline-block; margin:0 8px; text-indent:-999em;}
.mainBlock .flex-control-nav li a{ display:block; width:18px; height:32px; background:url(images/top/ico_gas.png) no-repeat; background-size:contain; opacity:.4; transition:.4s;}
.mainBlock .flex-control-nav li a.flex-active{ opacity:1;}

@media screen and (max-width: 768px) {
	section{padding:10% 3%;}
	.mainBlock { /*height:360px;*/ margin-bottom:50px;}
}
@media screen and (max-width: 600px) {
	.mainBlock { /*height:240px;*/ margin-bottom:150px;}
	.mainBlock .slides li{ overflow:hidden;}
	.mainBlock .slides li img { width:130%; margin:0 -15%; display:block; max-width:130%;}
	.mainBlock h2{ letter-spacing:.01em; font-size:1.125em; position:absolute; bottom:-120px; width:100%; text-align:center; display:block!important;}
	.mainBlock h2 a{ display:inline-block; color:#fff; line-height:42px; background:#198; padding:0 4px; transition:.4s; width:48%;}
	.mainBlock h2 a:first-child{ background:#e80; }
	.mainBlock h2 a:hover { color:#fff; text-decoration:none; background:#0cb;}
	.mainBlock h2 a:first-child:hover { background:#fa0;}
	.mainBlock h2 a:after{ display:inline-block; content:""; width:7px; height:8px; margin-left:.5em; background:url(images/common/pt.png); background-size:contain; background-repeat:no-repeat; vertical-align:middle;}
}

.menuBlock{ background:#eee url(images/top/menu_bg.jpg) repeat center center; background-size:80px auto; padding:100px 4% 100px; letter-spacing:-.4em;}
.menuBlock ul{ letter-spacing:-.4em; margin:auto; max-width:980px;}
.menuBlock li{ display:inline-block; letter-spacing:0; width:33.33%; padding:1%; vertical-align:top; text-align:left;}
.menuBlock li a{ display:block; padding:0; opacity:1; transition:.4s; color:#333;}
.menuBlock li a:hover{ opacity:.7; color:#06f;}
.menuBlock li b{ display:block; font-size:1.625em; line-height:1.8; color:#05a; margin-top:8px;}
.menuBlock li b:before{ display:inline-block; content:""; width:28px; height:32px; margin-right:.5em; background:url(images/top/menu_ico01.jpg) no-repeat; background-size:contain; vertical-align:middle;}
.menuBlock li:nth-child(2) b:before{ width:27px; height:32px; background-image:url(images/top/menu_ico02.jpg);}
.menuBlock li:nth-child(3) b:before{ width:25px; height:35px; background-image:url(images/top/menu_ico03.jpg);}
@media screen and (max-width: 1100px) {
	.menuBlock li b{ font-size:1.625em;}
}
@media screen and (max-width: 920px) {
	.menuBlock li b{ font-size:1.5em;}
}
@media screen and (max-width: 768px) {
	.menuBlock{ padding:60px 3% 80px;}
	.menuBlock{ background-size:40px auto;}
	.menuBlock li{ width:50%; padding:2%;}
}
@media screen and (max-width: 600px) {
	.menuBlock li{ display:block; width:auto; padding:2% 0; max-width:400px; margin:auto;}
}
@media screen and (max-width: 420px) {
	.menuBlock li b{ font-size:1.375em;}
}
@media screen and (max-width: 370px) {
	.menuBlock li b{ font-size:1.25em;}
}

.newsBlock{ max-width:1083.3px; margin:auto;}
.newsBlock h1 { font-size:1.25em; color:#05a; border-bottom:2px solid #05a; text-align:left; margin-bottom:20px;}
.newsBlock h1:before { content:""; display:inline-block; width:48px; height:34px; background:url(images/top/ico_news.jpg) no-repeat center center; background-size:contain; vertical-align:middle; margin-right:10px; margin-bottom:2px;}
.newsBlock p  { font-size:.9375em; float:right;}
.newsBlock p a:before { content:""; display:inline-block; width:21px; height:21px; background:url(images/top/ico_right.jpg) no-repeat center center; background-size:contain; vertical-align:middle; margin-right:6px;}
.newsList { text-align:left;}
.newsList.officerPickup { max-height:216px; overflow-y:scroll;}
.newsList li { border-bottom:1px dotted #bbb; padding:10px 0; text-indent:0;}
.newsList li:before { display:none;}
.newsList li a span{ display:inline-block; color:#444; transition:.4s;}
.newsList li a:hover span{ color:#06f; text-decoration:underline;}
.newsList li a span.date{ font-size:.935em; margin-right:1em;}
.newsList li a span.cat { display:none;}
@media screen and (max-width: 768px) {
	.newsList li a span{ display:block;}
}

.newsBox{ max-width:1083.3px; margin:auto;}
.newsBox h1 { font-size:5em; color:#fff; font-family: 'Mrs Saint Delafield', cursive;}
.newsBox ul { text-align:left; border-top:1px solid #fff; border-bottom:1px solid #fff; letter-spacing:-.4em;}
.newsBox li { border-top:1px dotted #fff; padding:10px 0; display:inline-block; width:49%; letter-spacing:.01em; vertical-align:top;}
.newsBox li:first-child,
.newsBox li:nth-child(2){ border-top:none;}
.newsBox li:nth-child(even) { margin-left:2%;}
.newsBox li a { color:#fff;}
.newsBox li a span{ display:block;}
.newsBox li a span.date{ font-size:.9em;}
.newsBox li a span.ttl { color:#fff;}
.newsBox li a span.ttl:before{ content:""; display:inline-block; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin-right:5px; margin-bottom:2px;}
.newsBox p { text-align:right; margin-top:10px;}
.newsBox p a{ color:#fff;}
.newsBox p a:before{ content:""; display:inline-block; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin-right:5px; margin-bottom:2px;}
@media screen and (max-width: 768px) {
	.newsBox li { display:block; width:auto;}
	.newsBox li:nth-child(2){ border-top:1px dotted #fff;}
	.newsBox li:nth-child(even) { margin-left:auto;}
}

.newsCard { text-align:left; letter-spacing:-.4em;}
.newsCard li { letter-spacing:0; padding:0; text-indent:0; display:inline-block; vertical-align:top; width:33.33%;}
.newsCard li:before { display:none;}
.newsCard li a { border-bottom:2px solid; margin:0 10px 10px 0; display:block;}
.newsCard li a span{ display:block; color:#444; transition:.4s; padding:10px;}
.newsCard li a:hover span{ color:#06f; text-decoration:underline;}
.newsCard li a span.ttl { font-weight:bold; background:#fff; height:3.6em; overflow:hidden; padding:0 10px; margin:10px auto 20px; box-shadow:0 -10px 0 #fff,0 10px 0 #fff; }
.newsCard li a span.txt { color:#333; font-size:.9em; height:3.6em; overflow:hidden; padding:0; margin:10px;}
.newsCard li a span.date{ font-size:.9em; font-weight:bold;}
.newsCard li a span.cat { display:none;}
@media screen and (max-width: 768px) {
	.newsCard li a span.ttl,
	.newsCard li a span.txt { height:3.2em;}
}
@media screen and (max-width: 620px) {
	.newsCard li { width:50%;}
}
@media screen and (max-width: 420px) {
	.newsCard li { width:100%;}
}

.newsCard li a           { background:#def;    border-color:#15a;}
.newsCard li a.feature   { background:#fbf2fa; border-color:#d28;}
.newsCard li a.gasroad   { background:#cfe5de; border-color:#286;}
.newsCard li a.report    { background:#f7e2d8; border-color:#b52;}
.newsCard li a.activities{ background:#f9eeff; border-color:#a6c;}
.newsCard li a.planning  { background:#ccf8fd; border-color:#2ab;}
.newsCard li a.system    { background:#fbf6ea; border-color:#eb5;}
.newsCard li a.safe_and_secure { background:#fdddf4; border-color:#e7c;}

.newsCard li a span.ttl,
.newsCard li a span.date           { color:#15a;}
.newsCard li a.feature span.ttl,
.newsCard li a.feature span.date   { color:#d28;}
.newsCard li a.gasroad span.ttl,
.newsCard li a.gasroad span.date   { color:#286;}
.newsCard li a.report span.ttl,
.newsCard li a.report span.date    { color:#b52;}
.newsCard li a.activities span.ttl,
.newsCard li a.activities span.date{ color:#a6c;}
.newsCard li a.planning span.ttl,
.newsCard li a.planning span.date  { color:#2ab;}
.newsCard li a.system span.ttl,
.newsCard li a.system span.date    { color:#eb5;}
.newsCard li a.safe_and_secure span.ttl,
.newsCard li a.safe_and_secure span.date{ color:#e7c;}

.newsCard li a.activity_intro{ background:#e3effb; border-color:#16a;}
.newsCard li a.meeting       { background:#e3fbec; border-color:#2a6;}
.newsCard li a.autumn        { background:#fbece3; border-color:#b42;}
.newsCard li a.spring        { background:#fbe3e6; border-color:#d22;}
.newsCard li a.supportfile   { background:#e3fbfa; border-color:#2aa;}
.newsCard li a.officer_news  { background:#f8faee; border-color:#eb6;}

.newsCard li a.activity_intro span.ttl,
.newsCard li a.activity_intro span.date{ color:#16a;}
.newsCard li a.meeting span.ttl,
.newsCard li a.meeting span.date       { color:#2a6;}
.newsCard li a.autumn span.ttl,
.newsCard li a.autumn span.date        { color:#b42;}
.newsCard li a.spring span.ttl,
.newsCard li a.spring span.date        { color:#d22;}
.newsCard li a.supportfile span.ttl,
.newsCard li a.supportfile span.date   { color:#2aa;}
.newsCard li a.officer_news span.ttl,
.newsCard li a.officer_news span.date  { color:#eb6;}

.newsCard li a.contract      { background:#def;    border-color:#15a;}
.newsCard li a.enrichment    { background:#fbf2fa; border-color:#d28;}
.newsCard li a.life_support  { background:#cfe5de; border-color:#286;}
.newsCard li a.enhancement   { background:#f7e2d8; border-color:#b52;}
.newsCard li a.organization  { background:#fbe3e6; border-color:#d22;}
.newsCard li a.industrial    { background:#ccf8fd; border-color:#2ab;}
.newsCard li a.correspondence{ background:#f8faee; border-color:#eb6;}
.newsCard li a.expansion     { background:#fdddf4; border-color:#e7c;}
.newsCard li a.promotion     { background:#f9eeff; border-color:#a6c;}

.newsCard li a.contract span.ttl,
.newsCard li a.contract span.date      { color:#15a;}
.newsCard li a.enrichment span.ttl,
.newsCard li a.enrichment span.date    { color:#d28;}
.newsCard li a.life_support span.ttl,
.newsCard li a.life_support span.date  { color:#286;}
.newsCard li a.enhancement span.ttl,
.newsCard li a.enhancement span.date   { color:#b52;}
.newsCard li a.organization span.ttl,
.newsCard li a.organization span.date  { color:#d22;}
.newsCard li a.industrial span.ttl,
.newsCard li a.industrial span.date    { color:#2ab;}
.newsCard li a.correspondence span.ttl,
.newsCard li a.correspondence span.date{ color:#eb6;}
.newsCard li a.expansion span.ttl,
.newsCard li a.expansion span.date     { color:#e7c;}
.newsCard li a.promotion span.ttl,
.newsCard li a.promotion span.date     { color:#a6c;}


.officerArchive { text-align:left; letter-spacing:-.4em;}
.officerArchive .inner { letter-spacing:0; padding:0; text-indent:0; display:inline-block; vertical-align:top; width:48.5%; margin-bottom:3%;}
.officerArchive .inner:nth-child(even) { margin-left:3%;}
.officerArchive .newsCard li { width:50%;}
.officerArchive02.newsCard li { width:25%;}
h3.archiveTitle,
.officerArchive h3 { color:#333;}
h3.archiveTitle:before,
.officerArchive h3:before { content:""; display:inline-block; background-repeat:no-repeat; background-size:contain; margin-right:12px; vertical-align:middle; background-image:url(images/top/ico_news.jpg); width:48px; height:34px;}
.officerArchive .inner p{ text-align:right;}
.officerArchive .inner p a{ display:inline-block; color:#fff; line-height:34px; background:#16a; padding:0 14px; transition:.4s; width:100%; max-width:176px; text-align:center; position:relative; margin-right:10px; margin-top:5px;}
.officerArchive .inner p a:hover { color:#fff; text-decoration:none; background:#48b;}
.officerArchive .inner p a:after{ display:block; content:""; width:7px; height:8px; background:url(images/common/pt.png); background-size:contain; background-repeat:no-repeat; position:absolute; right:10%; top:50%; margin-top:-4px;}


h3.archiveTitle.activity_intro:before,
.officerArchive h3.activity_intro:before{ background-image:url(images/page/ico_act.jpg); width:37px; height:35px;}
h3.archiveTitle.meeting:before,
.officerArchive h3.meeting:before       { background-image:url(images/page/ico_mtg.jpg); width:38px; height:31px;}
h3.archiveTitle.autumn:before,
.officerArchive h3.autumn:before        { background-image:url(images/page/ico_autumn.jpg); width:29px; height:28px;}
h3.archiveTitle.spring:before,
.officerArchive h3.spring:before        { background-image:url(images/page/ico_spring.jpg); width:33px; height:38px;}
h3.archiveTitle.supportfile:before,
.officerArchive h3.supportfile:before   { background-image:url(images/page/ico_file.jpg); width:27px; height:32px;}
h3.archiveTitle.officer_news:before,
.officerArchive h3.officer_news:before  { background-image:url(images/page/ico_info.jpg); width:30px; height:30px;}

h3.archiveTitle.contract:before,
h3.archiveTitle.enrichment:before,
h3.archiveTitle.life_support:before,
h3.archiveTitle.enhancement:before,
h3.archiveTitle.organization:before,
h3.archiveTitle.industrial:before,
h3.archiveTitle.correspondence:before,
h3.archiveTitle.expansion:before,
h3.archiveTitle.promotion:before { background-image:url(images/page/ico_file.jpg); width:27px; height:32px;}

@media screen and (max-width: 900px) {
	.officerArchive02.newsCard li { width:33.33%;}
}
@media screen and (max-width: 768px) {
	.officerArchive .inner { display:block; width:auto; max-width:500px; margin:0 auto 5%;}
	.officerArchive .inner:nth-child(even) { margin-left:auto;}
	.officerArchive .inner p { text-align:center; margin-bottom:10%;}
}
@media screen and (max-width: 640px) {
	.officerArchive02.newsCard li { width:50%;}
}
@media screen and (max-width: 420px) {
	.officerArchive .newsCard li,
	.officerArchive02.newsCard li { width:100%;}
}



.accessBlock { letter-spacing:-.4em; margin:auto; max-width:1083.3px;}
.accessBlock > *{ letter-spacing:.01em;}
.accessBlock h1 { font-size:1.25em; color:#05a; border-bottom:2px solid #05a; text-align:left; margin-bottom:30px;}
.accessBlock h1:before { content:""; display:inline-block; width:54px; height:31px; background:url(images/top/ico_car.jpg) no-repeat center center; background-size:contain; vertical-align:middle; margin-right:10px; margin-bottom:2px;}
.accessBlock iframe{ float:right; margin-left:5%; width:55%;}
.accessBlock h2 { font-size:1.25em; font-weight:bold; border-bottom:1px solid #bbb; text-align:left; margin-bottom:10px; overflow:hidden;}
.accessBlock p { text-align:left; overflow:hidden;}
@media screen and (max-width: 640px) {
	.accessBlock iframe { float:inherit; margin:0 auto 5%; width:100%;}
}


.bannerBlock { background:url(images/top/bana_bg.jpg) no-repeat center center; background-size:cover;}
.bannerBlock .inner{ letter-spacing:-.4em; margin:auto; max-width:950px; }
.bannerBlock h1 { font-size:1.75em; color:#fff; text-align:left; margin-bottom:10px; letter-spacing:.01em;}
.bannerBlock h1:before { content:""; display:inline-block; width:38px; height:38px; background:url(images/top/ico_fb.jpg) no-repeat center center; background-size:contain; vertical-align:middle; margin-right:10px; }
.bannerBlock iframe{ margin:.66% 3% 0 0; width:34%; display:inline-block; letter-spacing:.01em; vertical-align:top;}
.bannerBlock ul { text-align:left; overflow:hidden; width:63%; display:inline-block; vertical-align:top;}
.bannerBlock li { letter-spacing:0; display:inline-block; width:33.33%; padding:1%;}
.bannerBlock li a { opacity:1; transition:.4s;}
.bannerBlock li a:hover { opacity:.7;}
@media screen and (max-width: 768px) {
	.bannerBlock iframe{ width:47%;}
	.bannerBlock ul { width:50%;}
	.bannerBlock li { width:50%; }
}
@media screen and (max-width: 600px) {
	.bannerBlock iframe{ width:auto; display:block; margin:0 auto 10%; max-width:100%;}
	.bannerBlock ul { width:auto; display:block;}
	.bannerBlock li { width:50%; }
}


.repList { text-align:left; letter-spacing:-.4em;}
.repList li:before,
.repList li:after { content:""; display:table;}
.repList li:after { clear:both;}
.repList li { zoom:1;}
.repList li { letter-spacing:0; display:inline-block; width:33.33%; padding:2%; vertical-align:top; text-align:center;}
.repList li:before{ display:none; }
.repList li figure{ margin-bottom:5px; }
.repList p b,
b.repName{ font-size:1.2em; font-weight:500; }
@media screen and (max-width: 900px) {
	.repList li { width:50%; padding:4%;}
}
@media screen and (max-width: 540px) {
	.repList li { display:block; width:auto; padding:1% 0;}
}


.comicList { text-align:left; letter-spacing:-.4em;}
.comicList li:before,
.comicList li:after { content:""; display:table;}
.comicList li:after { clear:both;}
.comicList li { zoom:1;}
.comicList li { letter-spacing:0; display:inline-block; width:50%; padding:2%; vertical-align:top;}
.comicList li:before{ display:none; }
.comicList li figure{ float:left; width:60%; margin-right:4%;}
.contents .comicList li a { font-size:1em; min-width:100px; padding:7px 10px; margin:0 0 6px 0; overflow:hidden; vertical-align:top; line-height:1.4; text-align:left; display:block;}
@media screen and (max-width: 768px) {
	.comicList li { display:block; width:auto; padding:5% 0; max-width:450px; margin:auto;}
	.contents .comicList li a { font-size:.9em; padding:6px 12px 6px 6px;}
}
@media screen and (max-width: 480px) {
	.comicList li figure{ width:54%; margin-right:3%;}
	.contents .comicList li a { padding:5px 10px 5px 5px; width:auto;}
}
@media (max-width: 350px) {
	.contents .comicList li a { padding:5px 10px 5px 4px;}
	.contents .comicList li a:after{ right:6px;}
}


.contactBox { max-width:800px; border-radius:8px; padding:5% 4% 3%; margin:auto; text-align:center; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANklEQVQoU2PcdvrJfwYGBgYjdTEQhQEYCSp48ekX2ARcgJFkBeduvgIbBnMThgkEFaC7haAbALNlJKEqYPh6AAAAAElFTkSuQmCC) repeat; background-size:4px auto;}
.contactBox h1{ font-size:2em; font-weight:500; color:#444; margin-bottom:3%;}
.contactBox h1:after{ display:none; }
.contactBox h2{ font-size:1em; font-weight:600; color:#05a; border:none; margin-bottom:0;}
.contactBox h2 b{ font-size:2.5em; font-weight:600; color:#05a; }
.contactBox h2 i{ font-style:normal;}
.contactBox h2 i:before{ content:"\f1ac"; font-family:FontAwesome; font-size:2.5em; font-style:initial; margin-right:.1em;}
.contactBox h2 i:first-child:before{ content:"\f095"; }
.contactBox h2 span{ font-size:1rem; display:inline-block; width:2em;}
@media screen and (max-width: 800px) {
	.contactBox h2 span{ line-height:0; display:block; width:auto;}
}
@media screen and (max-width: 380px) {
	.contactBox h1{ font-size:1.7em;}
	.contactBox h2{ font-size:.78rem;}
}
@media screen and (max-width: 330px) {
	.contactBox h1{ font-size:1.6em;}
	.contactBox h2{ font-size:.7rem;}
}


.officerList { text-align:left; letter-spacing:-.4em;}
.officerList li:before,
.officerList li:after { content:""; display:table;}
.officerList li:after { clear:both;}
.officerList li { zoom:1;}
.officerList li { letter-spacing:0; display:inline-block; width:23.5%; margin:0 0 2% 2%; padding:2%; vertical-align:top; text-align:center; border:1px solid #bfd1e2; min-height:300px;}
.officerList li:nth-child(4n-3) { margin-left:0;}
.officerList li:before{ display:none; }
.officerList li figure{ margin-bottom:8px;}
.officerList li h3{ font-size:1em; color:#222; padding:0; font-weight:bold;}
.officerList li h3 b{ display:inline-block; font-weight:bold;}
.officerList li h4{ font-size:1em; color:#222; padding:0; font-weight:500;}
.officerList li h5{ font-size:.8em; background:none; color:#222; padding:0; margin:0; font-weight:500;}
.officerList li h6{ font-size:1em; color:#222; font-weight:500;}
.officerList li p { padding:0; margin:0;}
.officerList li a { width:28px; height:28px; display:block; margin:auto; background:url(images/page/ico_mail.jpg) no-repeat; background-size:contain; text-indent:-999em; transition:.4s; opacity:1;}
.officerList li a:hover { opacity:.5;}
@media screen and (max-width: 900px) {
	.officerList li { width:32%; margin:0 0 2% 2%;}
	.officerList li:nth-child(4n-3) { margin-left:2%;}
	.officerList li:nth-child(3n-2) { margin-left:0;}
}
@media screen and (max-width: 600px) {
	.officerList li { width:48%; margin:0 0 4% 4%;}
	.officerList li:nth-child(4n-3) { margin-left:4%;}
	.officerList li:nth-child(3n-2) { margin-left:4%;}
	.officerList li:nth-child(2n-1) { margin-left:0;}
}

.moreBtn{opacity:1; transition:.4s; cursor:pointer;}
.moreBtn.active{opacity:0; }


/* ------------------------------------------------------- */
/* --- contact form -------------------------------------- */
/* ------------------------------------------------------- */
/* #contact */
.wpcf7{max-width:1000px;margin:auto;font-size:1.125em;}
.wpcf7:before{ content:""; position:relative; top:-100px; display:block;}
.wpcf7 label{font-weight:normal;cursor:pointer;margin:5px auto 15px;}

.wpcf7 .must,
.wpcf7 .option{display:inline-block;vertical-align:middle;font-size:.8em;padding:1px 6px;border-radius:3px;margin-right:8px;color:#fff;}
.wpcf7 .must  {background:#e73;}
.wpcf7 .option{background:#abc;}

.wpcf7 input,
.wpcf7 button,
.wpcf7 select,
.wpcf7 textarea {
	background:#fff;
	box-shadow:none;
	border-radius:3px;
	border:2px solid #eee;
	font-size:.88em;
	padding:8px;
	margin:3px 0;
	max-width:100%;
	transition:.3s;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {width:48em;}
.wpcf7 input[type="text"].short,
.wpcf7 input[type="email"].short,
.wpcf7 input[type="tel"].short{width:10em;}

.wpcf7 label:hover input,
.wpcf7 label:hover button,
.wpcf7 label:hover select,
.wpcf7 label:hover textarea {
	background:#eee;
	border:2px solid #8be;
}
.wpcf7 label input:focus,
.wpcf7 label button:focus,
.wpcf7 label select:focus,
.wpcf7 label textarea:focus {
	background:#ffd;
	border:2px solid #05a;
	outline:none;
}
.wpcf7 label input:-webkit-autofill,
.wpcf7 label textarea:-webkit-autofill,
.wpcf7 label select:-webkit-autofill {
	background: rgb(250, 255, 189);
}
input::-webkit-input-placeholder {color:#aaa;}
input::-moz-placeholder          {color:#aaa;}
input:-moz-placeholder           {color:#aaa;}
input:-ms-input-placeholder      {color:#aaa;}
input:input-placeholder          {color:#aaa;}
input:placeholder-shown          {color:#aaa;}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
	margin: 5px 6px 0 12px;
	line-height: normal;
	transition:.3s;
}
.wpcf7 label:hover input[type="radio"],
.wpcf7 label:hover input[type="checkbox"] {
	box-shadow:0 0 0 2px #8be;
	border-radius:2px;
}
.wpcf7 input[type="button"],
.wpcf7 input[type="reset"],
.wpcf7 input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	background: #05a;
	border:none;
	border-radius:40px;
	color:#555;
	font-size:1.5em;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight:600;
	letter-spacing:.01em;
	display:block;
	padding:25px 10px;
	margin:0 10px 10px 0;
	width:100%;
	width:calc(100% - 10px);
	box-shadow:0 0 0 3px #ffc63c inset,0 0 0 4px #fff inset;
	text-shadow:0 0 0;
	transition:.4s;
	line-height:1.25;
}
@media screen and (max-width: 768px) {
	.wpcf7 input[type="button"],
	.wpcf7 input[type="reset"],
	.wpcf7 input[type="submit"] { font-size:1.25em; }
}
.wpcf7 input[type="button"]:hover,
.wpcf7 input[type="reset"]:hover,
.wpcf7 input[type="submit"]:hover{ background:#e73; box-shadow:0 0 0 3px #e73 inset,0 0 0 4px #fff inset; text-decoration:none;}
.wpcf7 input[type="submit"] + br {display:none;}
.wpcf7 input[type="submit"] ~ input[type="submit"] {margin-top:-15px;}
.wpcf7 input[type="button"]:before,
.wpcf7 input[type="reset"]:before,
.wpcf7 input[type="submit"]:before{
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	content:"";
	display:inline-block;
	height:6px;
	width:6px;
	margin-right:10px;
	transform:rotate(45deg);
	vertical-align:middle;
}
/* error */
.wpcf7 .screen-reader-response[role=alert],
.wpcf7 .wpcf7-validation-errors{
	background:rgba(255,255,255,.9);
	border:1px solid #e77;
	border-radius:5px;
	color:#c33;
	padding:15px;
	margin-bottom:30px;
	letter-spacing:0;
}
.wpcf7-response-output,
.wpcf7-mail-sent-ok{
	background:rgba(255,255,255,.9);
	border:1px solid #7e7;
	border-radius:5px;
	color:#3c3;
	padding:15px;
	margin-bottom:30px;
	letter-spacing:0;
}
.wpcf7-display-none{display:none;}
.wpcf7 .screen-reader-response ul{
	display:none;
}
.wpcf7 .wpcf7-not-valid{
	border:1px solid #e77;
	background:#edd;
}
.wpcf7 .wpcf7-not-valid-tip{
	color:#c33;
	display:block;
}
.wpcf7 span.alert{color:#c33;padding:0;display:block;}
.wpcf7 input.error {
	background:#f9f9dd;
	border:2px solid #e77;
	box-shadow:0 0 0 1px #e77;
}
.wpcf7 .errors{padding:15px;border:3px solid #e77;}

/* ------------------------------------------------------- */
/* --- custum style -------------------------------------- */
/* ------------------------------------------------------- */
.contents .ma0{margin:0;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}