@charset "UTF-8";
/*------------------------------------------------
	Base
------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@supports (scroll-behavior: smooth) {
  html {
    scroll-behavior: smooth;
  }
}

html {
  background: none;
  background-size: auto;
  -webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 767px) {
  html {
    background: none;
    background-size: auto;
  }
}

body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.875;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans CJK JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  word-break: break-word;
  word-wrap: anywhere;
  background: #000;
  background-size: auto;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  body {
    background: #000;
    background-size: auto;
  }
}

html[lang="en"] body, .en,
html.translated-ltr body {
  font-family: Arial, Helvetica, Roboto, sans-serif;
}

main {
  font-size: 100%;
  line-height: 1.875;
}

@media only screen and (max-width: 767px) {
  main {
    font-size: 100%;
    line-height: 1.875;
  }
}

/*------------------------------------------------
	Reset
------------------------------------------------*/
body, div,
p, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
table, th, td, caption,
blockquote, pre, code,
form, fieldset, legend,
input, button, select, optgroup, textarea {
  margin: 0;
  padding: 0;
}

main, header, footer, hgroup,
section, article, aside, nav,
address, figure, details {
  display: block;
  margin: 0;
  padding: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

img {
  border: none;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset {
  border: 0;
}

ul {
  list-style: none;
}

abbr, acronym, dfn[title] {
  border: 0;
  font-variant: normal;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
          text-decoration-color: rgba(255, 255, 255, 0.5);
  text-underline-offset: 3px;
  cursor: help;
}

button, input {
  overflow: visible;
}

button, input[type="button"] {
  border-radius: 0;
}

button, select {
  text-transform: none;
}

textarea,
input.text,
[type="text"],
[type="search"],
[type="number"],
[type="email"],
[type="image"] {
  -webkit-appearance: none;
  border-radius: 0;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/*------------------------------------------------
	Font
------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500;
}

table {
  font-size: 100%;
}

th, caption {
  font-weight: 500;
  text-align: left;
}

address, caption,
i, u, em, time, cite, code, dfn, var {
  font-style: normal;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

sup {
  font-size: smaller;
  vertical-align: super;
}

sub {
  font-size: smaller;
  vertical-align: sub;
}

input, button, select, optgroup, textarea {
  font-size: 100%;
  font-style: normal;
  font-family: inherit;
  font-weight: 500;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  font-size: 100%;
  line-height: 1.5;
}

/*------------------------------------------------
	Focus
------------------------------------------------*/
a:focus, button:focus, input:focus, select:focus, textarea:focus, area:focus, [tabindex]:focus {
  outline: 1px solid #467626 !important;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

/*------------------------------------------------
	other
------------------------------------------------*/
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: visible;
  height: 0;
  margin: 1.875em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #b9b9b9;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/*------------------------------------------------
	Link
------------------------------------------------*/
a:link {
  color: #fff;
}

a:visited {
  color: #fff;
}

a:hover, a:focus {
  color: #ff9;
}

a:active {
  color: #ff9;
}

a[href] {
  text-decoration: underline;
}

a, button, input, select, textarea, .btn {
  -webkit-transition-property: color, background-color, border-color, opacity, -webkit-box-shadow, -webkit-transform;
  transition-property: color, background-color, border-color, opacity, -webkit-box-shadow, -webkit-transform;
  -o-transition-property: color, background-color, border-color, box-shadow, opacity, transform;
  transition-property: color, background-color, border-color, box-shadow, opacity, transform;
  transition-property: color, background-color, border-color, box-shadow, opacity, transform, -webkit-box-shadow, -webkit-transform;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

img {
  -webkit-transition-property: border-color, opacity, -webkit-transform;
  transition-property: border-color, opacity, -webkit-transform;
  -o-transition-property: border-color, opacity, transform;
  transition-property: border-color, opacity, transform;
  transition-property: border-color, opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

a[href]:hover img, a[href]:active img, a[href]:focus img, button:hover img, button:active img, button:focus img {
  opacity: 0.75;
}

h2 a:hover {
  text-decoration: none;
  color: #000;
}

h2 a[href]:hover {
  text-decoration: underline;
}

/*------------------------------------------------
	Icon Link
------------------------------------------------*/
a[href$="pdf"]:after, a[href$="doc"]:after, a[href$="docx"]:after, a[href$="xls"]:after, a[href$="xlsx"]:after, a[href$="ppt"]:after, a[href$="pptx"]:after, a[href$="zip"]:after, a[href$="jtd"]:after, a[target="_blank"]:after {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
  background: none no-repeat center;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-left: 0.3333333333em;
  margin-right: 0.3333333333em;
}

a[href$="pdf"]:after {
  background-image: url(/img/icon/icon_pdf.png) !important;
}

a[href$="doc"]:after, a[href$="docx"]:after {
  background-image: url(/img/icon/msword.png) !important;
}

a[href$="xls"]:after, a[href$="xlsx"]:after {
  background-image: url(/img/icon/excel.png) !important;
}

a[href$="ppt"]:after, a[href$="pptx"]:after {
  background-image: url(/img/icon/powerpoint.png) !important;
}

a[href$="zip"]:after {
  background-image: url(/img/icon/zip.png) !important;
}

a[target="_blank"]:after {
  background-image: url("/img/icon/external.png");
}

html.js a.js-modal:after {
  display: none;
}

a.no:after, a.noicon:after, a.icon:after, a.image:after, a.has-img:after {
  content: none !important;
}

.nav a {
  word-break: break-all;
}

.nav.banner a:after, .nav.image a:after, .nav.icon a:after {
  content: none !important;
}

/*------------------------------------------------
	スクリーンリーダー用 (テキストの読み上げ専用)
------------------------------------------------*/
.reader {
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

/*------------------------------------------------
	PC、タブレット、スマートフォン表示切替用
------------------------------------------------*/
.mini, .sp, .tablet, .design, .spdesign, .not-pc, .not-wide, .not-full, br.mini, br.sp, br.tablet, br.design, br.spdesign, br.not-pc, br.not-wide, br.not-full, span.mini, span.sp, span.tablet, span.design, span.spdesign, span.not-pc, span.not-wide, span.not-full {
  display: none !important;
}

.not-mini, .not-sp, .not-tablet, .not-design, .not-spdesign, .pc, .wide, .full {
  display: block !important;
}

br.not-mini, br.not-sp, br.not-tablet, br.not-design, br.not-spdesign, br.pc, br.wide, br.full {
  display: inline-block !important;
}

span.not-mini, span.not-sp, span.not-tablet, span.not-design, span.not-spdesign, span.pc, span.wide, span.full {
  display: inline !important;
}

@media (max-width: 479px) {
  .not-mini, br.not-mini, span.not-mini {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .not-sp, br.not-sp, span.not-sp {
    display: none !important;
  }
}

@media (max-width: 979px) {
  .not-tablet, br.not-tablet, span.not-tablet {
    display: none !important;
  }
}

@media (max-width: 1223px) {
  .not-design, br.not-design, span.not-design {
    display: none !important;
  }
}

@media (max-width: 413px) {
  .not-spdesign, br.not-spdesign, span.not-spdesign {
    display: none !important;
  }
}

@media (max-width: 979px) {
  .pc, br.pc, span.pc {
    display: none !important;
  }
}

@media (max-width: 1419px) {
  .wide, br.wide, span.wide {
    display: none !important;
  }
}

@media (max-width: 1979px) {
  .full, br.full, span.full {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .mini {
    display: block !important;
  }
  br.mini {
    display: inline-block !important;
  }
  span.mini {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .sp {
    display: block !important;
  }
  br.sp {
    display: inline-block !important;
  }
  span.sp {
    display: inline !important;
  }
}

@media (max-width: 979px) {
  .tablet {
    display: block !important;
  }
  br.tablet {
    display: inline-block !important;
  }
  span.tablet {
    display: inline !important;
  }
}

@media (max-width: 1223px) {
  .design {
    display: block !important;
  }
  br.design {
    display: inline-block !important;
  }
  span.design {
    display: inline !important;
  }
}

@media (max-width: 413px) {
  .spdesign {
    display: block !important;
  }
  br.spdesign {
    display: inline-block !important;
  }
  span.spdesign {
    display: inline !important;
  }
}

@media (max-width: 979px) {
  .not-pc {
    display: block !important;
  }
  br.not-pc {
    display: inline-block !important;
  }
  span.not-pc {
    display: inline !important;
  }
}

@media (max-width: 1419px) {
  .not-wide {
    display: block !important;
  }
  br.not-wide {
    display: inline-block !important;
  }
  span.not-wide {
    display: inline !important;
  }
}

@media (max-width: 1979px) {
  .not-full {
    display: block !important;
  }
  br.not-full {
    display: inline-block !important;
  }
  span.not-full {
    display: inline !important;
  }
}

/*------------------------------------------------
	見出し
------------------------------------------------*/
main h1, main h2, main h3, main h4, main h5, main h6 {
  margin: 1.6em auto 1em;
  color: #fff;
  font-weight: bold;
  font-size: 112.5%;
  line-height: 1.5;
  -webkit-transition-property: color, background-color, border-color,
 opacity, -webkit-box-shadow, -webkit-transform;
  transition-property: color, background-color, border-color,
 opacity, -webkit-box-shadow, -webkit-transform;
  -o-transition-property: color, background-color, border-color,
 box-shadow, opacity, transform;
  transition-property: color, background-color, border-color,
 box-shadow, opacity, transform;
  transition-property: color, background-color, border-color,
 box-shadow, opacity, transform, -webkit-box-shadow, -webkit-transform;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

@media only screen and (max-width: 767px) {
  main h1, main h2, main h3, main h4, main h5, main h6 {
    font-size: 112.5%;
    line-height: 1.5;
  }
}

main h1 a, main h2 a, main h3 a, main h4 a, main h5 a, main h6 a {
  color: inherit;
}

main h1, main .h1 {
  margin: 0 auto 0.688em;
  padding: 1.25em 1em;
  border-top: 3px solid #467626;
  border-bottom: 3px solid #467626;
  background: #FBFCF6;
  color: #467626;
  font-size: 200%;
  line-height: 1.125;
}

@media only screen and (max-width: 767px) {
  main h1, main .h1 {
    margin-bottom: 0.792em;
    font-size: 150%;
    line-height: 1.25;
  }
}

main h2, main .h2 {
  margin-top: 1.45em;
  margin-bottom: 0.563em;
  margin-right: -0.5em;
  margin-left: -0.5em;
  padding: 0.6em 1.1em;
  background: #ECF2D9;
  border-left: 10px solid #467626;
  font-size: 125%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  main h2, main .h2 {
    margin-bottom: 1em;
    font-size: 125%;
    line-height: 1.5;
  }
}

main h3, main .h3 {
  margin-top: 1.55em;
  margin-bottom: 0.563em;
  margin-right: -0.5em;
  margin-left: -0.5em;
  padding: 0.6em 1.6em;
  border-bottom: 3px solid #b9b9b9;
  color: #467626;
  font-size: 125%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  main h3, main .h3 {
    font-size: 112.5%;
    line-height: 1.5;
  }
}

main h4 {
  margin-top: 1.778em;
  margin-bottom: 0.563em;
  margin-right: -0.5em;
  margin-left: -0.5em;
  padding: 0.445em 1.223em;
  border-left: 10px solid #DBD35C;
  font-size: 112.5%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  main h4 {
    font-size: 112.5%;
    line-height: 1.5;
  }
}

main h5 {
  margin-top: 2em;
  margin-bottom: 0.563em;
  margin-right: -0.5em;
  margin-left: -0.5em;
  padding: 0.5em 2em;
  color: #467626;
  border-bottom: 2px dotted #b9b9b9;
  font-size: 100%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  main h5 {
    font-size: 100%;
    line-height: 1.5;
  }
}

main h6 {
  font-size: 100%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  main h6 {
    font-size: 100%;
    line-height: 1.5;
  }
}

.container {
  position: relative;
  width: 1248px;
  margin: 0 auto;
  padding: 0 12px;
}

@media (max-width: 979px) {
  .container {
    width: 98%;
  }
}

@media only screen and (max-width: 767px) {
  .container {
    width: auto;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media only screen and (max-width: 479px) {
  .container {
    width: auto;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

.wrap span, .wrap small, .wrap a {
  display: inline-block;
  white-space: nowrap;
}

.wrap wbr + a, .wrap a:first-child {
  display: inline;
}

.wrap wbr {
  display: inline-block;
}

a.wrap wbr + span, a.wrap span:first-child,
a.wrap wbr + small, a.wrap small:first-child {
  display: inline;
}

.en {
  font-family: Arial, Helvetica, Roboto, sans-serif;
}

.serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝", "Hiragino Serif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/*------------------------------------------------
	Main elements
------------------------------------------------*/
main p, main ul, main ol, main dl, main figure {
  margin-bottom: 0.813em;
}

main p:last-child, main ul:last-child, main ol:last-child, main dl:last-child, main figure:last-child {
  margin-bottom: 0 !important;
}

main pre, main blockquote {
  margin: 1.875em 0;
}

main em {
  font-weight: bold;
  color: #fe0;
}

#header {
  position: relative;
  background: #000;
  background-size: auto;
}

@media only screen and (max-width: 767px) {
  #header {
    padding-bottom: 1px;
    background: #000;
    background-size: auto;
  }
}

#header .container {
  padding-top: 130px;
}

@media (max-width: 979px) {
  #header .container {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #header .container {
    padding-top: 74px;
  }
}

#header .header-nav {
  padding-top: 0;
}

@media (max-width: 979px) {
  #header .header-nav {
    padding: 24px 12px 16px;
  }
}

@media only screen and (max-width: 767px) {
  #header .header-nav {
    padding: 12px 8px 4px !important;
  }
}

#header .label {
  color: #fff;
  font-size: 100%;
  font-weight: normal;
}

#header .footer {
  display: none;
}

#header-title-top {
  display: none;
}

#header-title {
  position: absolute;
  left: 0;
  top: 20px;
  padding-left: 12px;
}

@media (max-width: 979px) {
  #header-title {
    top: 20px;
  }
  #header-title img.logo {
    display: none;
  }
  #header-title img.sp-logo {
    display: block;
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  #header-title {
    top: 12px;
  }
  #header-title img.sp-logo {
    width: 70%;
    height: auto;
  }
}

#header-title a {
  text-decoration: none;
}

#header-title .sp-logo {
  display: none;
}

#sp-header {
  display: none;
}

@media (max-width: 979px) {
  #sp-header {
    display: block;
    position: absolute;
    border-radius: none;
    top: 0;
    right: 0;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #sp-header {
    right: 15px;
  }
}

#sp-header a {
  height: 100%;
  border-radius: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #467626;
}

@media (max-width: 979px) {
  #sp-header a {
    width: 130px;
  }
}

@media only screen and (max-width: 767px) {
  #sp-header a {
    width: 74px;
  }
}

@media (max-width: 979px) {
  #sp-header img {
    width: 35%;
    height: 30%;
  }
}

@media only screen and (max-width: 767px) {
  #sp-header img {
    width: 55%;
    height: 40%;
  }
}

@media (max-width: 979px) {
  #header-menu {
    display: none;
    position: absolute;
    background: #F6F3EF;
    z-index: 999;
    padding: 0.75em;
    left: 0;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    width: 100%;
  }
}

#header-nav {
  clear: both;
  position: relative;
  z-index: 1;
  text-align: left;
}

#header-nav:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

@media (max-width: 979px) {
  #header-nav {
    display: block;
    top: 0;
    margin-top: 0;
  }
}

#header-nav a {
  position: relative;
  display: block;
}

#header-nav a span {
  display: block;
  display: none;
}

#header-nav .container {
  display: table;
  table-layout: fixed;
  height: 142px;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media (max-width: 979px) {
  #header-nav .container {
    padding: 0 !important;
  }
}

@supports (display: flex) {
  #header-nav .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
  @media (max-width: 979px) {
    #header-nav .container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
  }
}

#header-nav .menu {
  display: table-cell;
  width: 12.5%;
  vertical-align: middle;
  padding-left: 8px;
}

#header-nav .menu:first-child {
  padding-left: 0;
}

@media (max-width: 979px) {
  #header-nav .menu:first-child {
    padding-left: 4px;
  }
}

@supports (display: flex) {
  #header-nav .menu {
    display: block;
    height: auto;
  }
}

@media (max-width: 979px) {
  #header-nav .menu {
    width: 25%;
    margin-bottom: 8px;
    padding: 0 4px;
  }
}

#header-nav .menu > span.notranslate {
  display: block;
  height: 100%;
}

@media (max-width: 979px) {
  #header-nav .menu > a {
    pointer-events: none;
  }
}

#header-nav .menu > a,
#header-nav .menu > span.notranslate > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  padding: 10px;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #467626;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background-color 0.35s ease-out, color 0.35s ease-out;
  -o-transition: background-color 0.35s ease-out, color 0.35s ease-out;
  transition: background-color 0.35s ease-out, color 0.35s ease-out;
}

@supports (display: flex) {
  #header-nav .menu > a,
  #header-nav .menu > span.notranslate > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}

#header-nav .menu > a img,
#header-nav .menu > span.notranslate > a img {
  margin: 0.5em 0;
  margin-right: 10px;
}

@media (max-width: 979px) {
  #header-nav .menu > a img,
  #header-nav .menu > span.notranslate > a img {
    display: none;
  }
}

#header-nav .menu > a span,
#header-nav .menu > span.notranslate > a span {
  font-size: 100%;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

@media (max-width: 979px) {
  #header-nav .menu > a span,
  #header-nav .menu > span.notranslate > a span {
    font-size: 115%;
    line-height: 1.6;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  #header-nav .menu > a span,
  #header-nav .menu > span.notranslate > a span {
    font-size: 85%;
    line-height: 1.4;
  }
}

@media (max-width: 979px) {
  #header-nav .menu > a,
  #header-nav .menu > span.notranslate > a {
    background: #467626;
    color: #fff;
    font-size: 2vw;
    height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  #header-nav .menu > a,
  #header-nav .menu > span.notranslate > a {
    padding: 16px 2% 15px 5%;
    font-size: 4vw;
    height: 70px;
  }
  @supports (display: flex) {
    #header-nav .menu > a,
    #header-nav .menu > span.notranslate > a {
      min-height: 50px;
      padding: 10px 3% 9px 6%;
    }
  }
}

#header-nav .menu > a:hover, #header-nav .menu > a:focus,
#header-nav .menu > span.notranslate > a:hover,
#header-nav .menu > span.notranslate > a:focus {
  opacity: 0.8;
}

#header-nav .menu.bosai-anzen a, #header-nav .menu.syobo a {
  background: #A15C12;
}

#header-nav .sub-nav {
  display: none;
  overflow: hidden;
  position: absolute;
  top: auto;
  left: -9999px;
  z-index: 100;
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding: 14px 3px 1em;
  text-align: left;
  background: #f2f6e4;
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
  color: #467626;
  opacity: 0.95;
}

#header-nav .sub-nav * {
  margin: 0;
  padding: 0;
}

#header-nav .sub-nav:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.25%;
  top: -24px;
  margin-left: -26px;
  border: 16px solid transparent;
  border-width: 0 16px 24px;
  border-bottom-color: #f2f6e4;
}

#header-nav .sub-nav h2 {
  display: none;
}

@media (max-width: 979px) {
  #header-nav .sub-nav h2 {
    display: block;
  }
  #header-nav .sub-nav h2 a {
    color: #fff;
    background: #467626;
    padding: 12px 16px;
    margin: 8px 16px;
  }
}

#header-nav .sub-nav .description {
  display: none;
}

#header-nav .sub-nav ul.nav {
  position: relative;
  z-index: 3;
  font-size: 100%;
  line-height: 1.25;
  letter-spacing: -0.4em;
}

#header-nav .sub-nav ul.nav li {
  display: inline-table;
  width: 33.3333333333%;
  padding: 0 2.15%;
  vertical-align: top;
  letter-spacing: 0;
}

@media (max-width: 979px) {
  #header-nav .sub-nav ul.nav li {
    width: 50%;
  }
}

#header-nav .sub-nav ul.nav li a {
  font-size: 112.5%;
  font-weight: bold;
  color: #4c4c4c;
  text-decoration: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: table-cell;
  height: auto;
  height: 2.5em;
  margin: 0;
  padding: 0.25em 12px 0.25em 2.4em;
  text-align: left;
  vertical-align: middle;
  background: #f2f6e4;
}

@media (max-width: 979px) {
  #header-nav .sub-nav ul.nav li a {
    font-size: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #header-nav .sub-nav ul.nav li a {
    font-size: 90%;
  }
}

#header-nav .sub-nav ul.nav li a:hover, #header-nav .sub-nav ul.nav li a:focus {
  background: #f2f6e4;
}

#header-nav .sub-nav ul.nav li a:after {
  content: none;
}

#header-nav .sub-nav ul.nav li a:before {
  content: "\003E";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-left: -2em;
  margin-right: 0.5em;
  border: 0;
  border-radius: 4px;
  text-align: center;
  text-indent: 0;
  vertical-align: middle;
  font-size: 75%;
  line-height: 1.5;
  font-weight: bold;
  color: #467626;
}

#header-nav .sub-nav ul.nav li a:hover:before, #header-nav .sub-nav ul.nav li a:focus:before {
  background: #f2f6e4;
}

#header-nav .sub-nav ul.nav li a:hover {
  background: #467626;
  color: #fff;
}

#header-nav .syobo > a {
  pointer-events: all;
}

#header-nav .bosai-anzen .sub-nav header h2 a,
#header-nav .syobo .sub-nav header h2 a {
  background: #A15C12;
}

#header-nav .bosai-anzen .sub-nav ul.nav li a:hover,
#header-nav .syobo .sub-nav ul.nav li a:hover {
  background: #A15C12;
  color: #fff;
}

#header-nav .bosai-anzen .sub-nav ul.nav li a:before,
#header-nav .syobo .sub-nav ul.nav li a:before {
  color: #A15C12;
}

#header-nav .menu:nth-child(1) .sub-nav:before {
  left: 7.5%;
}

#header-nav .menu:nth-child(2) .sub-nav:before {
  left: 20%;
}

#header-nav .menu:nth-child(3) .sub-nav:before {
  left: 32.5%;
}

#header-nav .menu:nth-child(4) .sub-nav:before {
  left: 45%;
}

#header-nav .menu:nth-child(5) .sub-nav:before {
  left: 57.5%;
}

#header-nav .menu:nth-child(6) .sub-nav:before {
  left: 70%;
}

#header-nav .menu:nth-child(7) .sub-nav:before {
  left: 82.5%;
}

#header-nav .menu:nth-child(8) .sub-nav:before {
  left: 95%;
}

@media (max-width: 979px) {
  #header-nav .menu:nth-child(1) .sub-nav:before {
    left: 14%;
  }
  #header-nav .menu:nth-child(2) .sub-nav:before {
    left: 39%;
  }
  #header-nav .menu:nth-child(3) .sub-nav:before {
    left: 64%;
  }
  #header-nav .menu:nth-child(4) .sub-nav:before {
    left: 89%;
  }
  #header-nav .menu:nth-child(5) .sub-nav:before {
    left: 14%;
  }
  #header-nav .menu:nth-child(6) .sub-nav:before {
    left: 39%;
  }
  #header-nav .menu:nth-child(7) .sub-nav:before {
    left: 64%;
  }
  #header-nav .menu:nth-child(8) .sub-nav:before {
    left: 89%;
  }
}

@media only screen and (max-width: 767px) {
  #header-nav .menu:nth-child(1) .sub-nav:before {
    left: 15.5%;
  }
  #header-nav .menu:nth-child(2) .sub-nav:before {
    left: 40.5%;
  }
  #header-nav .menu:nth-child(3) .sub-nav:before {
    left: 65.5%;
  }
  #header-nav .menu:nth-child(4) .sub-nav:before {
    left: 90.5%;
  }
  #header-nav .menu:nth-child(5) .sub-nav:before {
    left: 15.5%;
  }
  #header-nav .menu:nth-child(6) .sub-nav:before {
    left: 40.5%;
  }
  #header-nav .menu:nth-child(7) .sub-nav:before {
    left: 65.5%;
  }
  #header-nav .menu:nth-child(8) .sub-nav:before {
    left: 90.5%;
  }
}

#header-nav .menu.hover .sub-nav {
  overflow: visible;
  display: block;
  left: 0;
  z-index: 200;
  height: auto;
  border: none;
  background: #f2f6e4;
  -webkit-animation: header-subnav-enter 0.35s ease-out forwards;
          animation: header-subnav-enter 0.35s ease-out forwards;
}

#header-nav .menu.leave .sub-nav {
  display: block;
  -webkit-animation: header-subnav-leave 0.25s ease-out forwards;
          animation: header-subnav-leave 0.25s ease-out forwards;
}

#header-sidenav-sp {
  display: none;
}

@media (max-width: 979px) {
  #header-sidenav-sp {
    display: block;
    position: relative;
    top: -64px;
  }
}

@media only screen and (max-width: 767px) {
  #header-sidenav-sp {
    top: -116px;
  }
}

#header-sidenav-sp #sidenav-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header-sidenav-sp #sidenav-list .sidenav {
  width: 25%;
  margin-left: 1em;
}

@media (max-width: 979px) {
  #header-sidenav-sp #sidenav-list .sidenav {
    margin-left: 0.5em;
  }
}

@media only screen and (max-width: 767px) {
  #header-sidenav-sp #sidenav-list .sidenav {
    margin-left: 0.25em;
  }
}

#header-sidenav-sp #sidenav-list .sidenav:first-child {
  margin-left: 0;
}

#header-sidenav-sp #sidenav-list .sidenav .sidenav-inner {
  border-radius: 10px;
  margin: 16px 0 0;
  background: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

#header-sidenav-sp #sidenav-list .sidenav .sidenav-inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin: 1em 0;
}

@media only screen and (max-width: 767px) {
  #header-sidenav-sp #sidenav-list .sidenav .sidenav-inner a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

#header-sidenav-sp #sidenav-list .sidenav .sidenav-inner a img {
  width: 32px;
  height: auto;
  margin-right: 4px;
}

@media only screen and (max-width: 767px) {
  #header-sidenav-sp #sidenav-list .sidenav .sidenav-inner a img {
    width: 24px;
    margin-right: 0;
  }
}

#header-sidenav-sp #sidenav-list .sidenav .sidenav-inner a span {
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  #header-sidenav-sp #sidenav-list .sidenav .sidenav-inner a span {
    font-size: 0.75em;
    margin-top: 4px;
  }
}

#header-sidenav-sp #sidenav-list .sidenav-sightseeing .sidenav-inner {
  border: solid 2px #467626;
}

#header-sidenav-sp #sidenav-list .sidenav-settlement .sidenav-inner {
  border: solid 2px #84541F;
}

#header-sidenav-sp #sidenav-list .sidenav-childcare .sidenav-inner {
  border: solid 2px #7A465D;
}

#header-sidenav-sp #sidenav-list .sidenav-tax .sidenav-inner {
  border: solid 2px #A28F18;
}

@-webkit-keyframes header-subnav-enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes header-subnav-enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes header-subnav-leave {
  0% {
    overflow: visible;
    opacity: 1;
    height: auto;
    left: 0;
  }
  99.9% {
    overflow: visible;
    opacity: 0;
    height: auto;
    left: 0;
  }
  100% {
    overflow: hidden;
    opacity: 0;
    height: 0;
    left: -9999px;
  }
}

@keyframes header-subnav-leave {
  0% {
    overflow: visible;
    opacity: 1;
    height: auto;
    left: 0;
  }
  99.9% {
    overflow: visible;
    opacity: 0;
    height: auto;
    left: 0;
  }
  100% {
    overflow: hidden;
    opacity: 0;
    height: 0;
    left: -9999px;
  }
}

*::-ms-backdrop, html[lang="ja"] #header-nav .menu > a span {
  position: relative;
  top: 0.15em;
}

#header-app {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 979px) {
  #header-app {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1.5em;
    top: 96px;
  }
}

@media only screen and (max-width: 767px) {
  #header-app {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    top: 116px;
  }
}

#header-app .group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: right;
  clear: right;
  margin-top: 1.5em;
  height: 1.75em;
  padding-right: 12px;
}

#header-app .group > * {
  float: left;
}

#header-app .app {
  display: inline-block;
  vertical-align: top;
}

#header-app .app a {
  text-decoration: none;
}

#header-app .form {
  display: inline-block;
  vertical-align: top;
}

#header-app .form .label {
  padding: 0;
  margin-right: 8px;
}

#header-app .fontsize {
  padding-right: 28px;
}

@media (max-width: 979px) {
  #header-app .fontsize {
    display: none;
  }
}

#header-app .fontsize button {
  border-color: #467626;
  background: #467626;
  color: #fff;
  padding: 0 17px;
  border-radius: unset;
}

#header-app .color {
  padding-right: 28px;
}

@media (max-width: 979px) {
  #header-app .color {
    display: none;
  }
}

#header-app .color .css-switch {
  border-radius: 0;
  padding: 0px 5px;
}

#header-app .color .btn-white {
  border-color: #fff;
  background: #000;
  color: #fff;
}

#header-app .color .btn-black {
  border-color: #fff;
  background: #fff;
  color: #000;
}

#header-app .color .btn-yellow {
  border-color: #000;
  background: #fff633;
  color: #000;
}

#header-app .color .btn-blue {
  border-color: #fff;
  background: #00e;
  color: #fff;
}

#header-app .language {
  height: 28px;
}

#header-app .search {
  margin-bottom: 1.5em;
}

#header-app .search .label span {
  display: none;
}

#header-app .search .input {
  line-height: 1.5;
  background: #000;
  border: 1px solid #b9b9b9;
  height: 30px;
}

@media (max-width: 979px) {
  #header-app .search .input {
    height: 30px;
  }
}

#header-app .search button {
  border: none;
  background: #467626;
  color: #000;
  padding: 0 22px;
}

#spfooter-group {
  display: none;
}

@media (max-width: 979px) {
  #spfooter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 14px;
    margin-bottom: 14px;
  }
  #spfooter-group .box {
    border: 1px solid #b9b9b9;
    background: #000;
    margin-bottom: 0.75em;
  }
  #spfooter-group .box h2 {
    background: #467626;
    color: #000;
    font-weight: bold;
    padding: 0.5em 0;
    text-align: center;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .box h2 {
    font-size: 0.75em;
  }
}

@media (max-width: 979px) {
  #spfooter-group .box a {
    text-decoration: none;
  }
  #spfooter-group .sns-sp {
    width: 30%;
    margin-right: 6px;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .sns-sp {
    width: 35%;
    margin-right: 4px;
  }
}

@media (max-width: 979px) {
  #spfooter-group .sns-sp .sns-inner-sp {
    text-align: center;
    padding: 0.5em;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .sns-sp .sns-inner-sp {
    padding: 0.25em;
  }
}

@media (max-width: 979px) {
  #spfooter-group .sns-sp .sns-inner-sp img {
    width: 40px;
    height: auto;
    margin: 8px;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .sns-sp .sns-inner-sp img {
    width: 32px;
    margin: 0;
  }
}

@media (max-width: 979px) {
  #spfooter-group .tel-sp {
    width: 70%;
    margin-left: 6px;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .tel-sp {
    width: 65%;
    margin-left: 4px;
  }
}

@media (max-width: 979px) {
  #spfooter-group .tel-sp .tel-inner-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0.75em;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .tel-sp .tel-inner-sp {
    margin: 0.25em 0.5em;
  }
}

@media (max-width: 979px) {
  #spfooter-group .tel-sp .tel-inner-sp span {
    font-weight: bold;
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .tel-sp .tel-inner-sp span {
    font-size: 1em;
  }
}

@media (max-width: 979px) {
  #spfooter-group .main-btn {
    margin: 0;
    margin-left: 10px;
  }
  #spfooter-group .main-btn .more {
    color: #fff;
    background: #000;
    font-weight: bold;
    font-size: 75%;
    line-height: 1.5;
    padding: 6px 3em 6px 2em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vartical-align: middle;
    letter-spacing: 0.03em;
    cursor: pointer;
    text-decoration: none;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .main-btn .more {
    font-size: 62.5%;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .main-btn .more {
    padding: 6px 1em 6px 2em;
  }
}

@media (max-width: 979px) {
  #spfooter-group .main-btn:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    position: absolute;
    vartical-align: middle;
    background-size: contain;
    margin-right: 2em;
    margin-left: 1em;
    color: #fff;
  }
}

@media only screen and (max-width: 979px) and (max-width: 767px) {
  #spfooter-group .main-btn:before {
    margin-left: 0.75em;
  }
}

@media only screen and (max-width: 767px) {
  #spfooter-group {
    width: 100%;
  }
}

#header-sidenav {
  position: fixed;
  right: 0;
  top: 190px;
  z-index: 999;
}

@media (max-width: 979px) {
  #header-sidenav {
    display: none;
  }
}

#header-sidenav #sidenav-list {
  list-style: none;
}

#header-sidenav #sidenav-list .sidenav {
  position: relative;
}

#header-sidenav #sidenav-list .sidenav .sidenav-inner {
  position: absolute;
  right: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin: 10px 0;
  background: #000;
  width: 50px;
  height: 90px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#header-sidenav #sidenav-list .sidenav .sidenav-inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

#header-sidenav #sidenav-list .sidenav .sidenav-inner a img {
  margin-left: 4px;
}

#header-sidenav #sidenav-list .sidenav .sidenav-inner span {
  display: none;
}

#header-sidenav #sidenav-list .sidenav:hover .sidenav-inner {
  width: 150px;
}

#header-sidenav #sidenav-list .sidenav:hover a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin: 0;
}

#header-sidenav #sidenav-list .sidenav:hover a img {
  margin-bottom: 8px;
}

#header-sidenav #sidenav-list .sidenav:hover span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 87.5%;
  line-height: 1.3;
}

@media only screen and (max-width: 767px) {
  #header-sidenav #sidenav-list .sidenav:hover span {
    font-size: 87.5%;
  }
}

#header-sidenav #sidenav-list .sidenav:hover span small {
  font-weight: normal;
  font-size: 0.5em;
}

#header-sidenav #sidenav-list .sidenav-town .sidenav-inner {
  border: solid 6px #145C6B;
  border-right: none;
  top: 0;
}

#header-sidenav #sidenav-list .sidenav-sightseeing .sidenav-inner {
  border: solid 6px #467626;
  border-right: none;
  top: 100px;
}

#header-sidenav #sidenav-list .sidenav-settlement .sidenav-inner {
  border: solid 6px #84541F;
  border-right: none;
  top: 200px;
}

#header-sidenav #sidenav-list .sidenav-childcare .sidenav-inner {
  border: solid 6px #7A465D;
  border-right: none;
  top: 300px;
}

#header-sidenav #sidenav-list .sidenav-tax .sidenav-inner {
  border: solid 6px #A28F18;
  border-right: none;
  top: 400px;
}

#footer {
  background: #467626;
}

#footer address {
  color: #fff;
  line-height: 1.6;
}

#footer address p {
  margin-top: 1.063em;
  font-size: 137.5%;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  #footer address p {
    font-size: 100%;
  }
}

@media (max-width: 979px) {
  #footer address p {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  #footer address p {
    text-align: left;
  }
}

#footer address .logo {
  margin-top: 1.5em;
}

@media (max-width: 979px) {
  #footer address .logo {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  #footer address .logo img {
    width: 65%;
    height: auto;
  }
}

#footer .footer-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 979px) {
  #footer .footer-box {
    display: block;
  }
}

#footer .footer-box .towndata {
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  #footer .footer-box .towndata {
    margin-left: -1.125em;
  }
}

#footer .towndata {
  background: #ECF2D9;
  border-radius: 30px;
  padding: 1.75em 2.125em 1em;
  margin: 1.5em 0 0;
}

@media (max-width: 979px) {
  #footer .towndata {
    padding: 1.75em 2.625em 1em;
  }
}

@media only screen and (max-width: 767px) {
  #footer .towndata {
    border-radius: 0;
    padding: 1.75em 0 1em 0;
    margin: 1.5em 0;
    margin-right: -1.125em;
  }
}

#footer .towndata h2 {
  text-align: center;
  font-weight: bold;
  font-size: 137.5%;
  color: #192313;
  margin: 0.455em 0 0.91em;
}

@media only screen and (max-width: 767px) {
  #footer .towndata h2 {
    font-size: 112.5%;
  }
}

@media (max-width: 979px) {
  #footer .towndata h2 {
    margin-top: 0.182em;
  }
}

@media only screen and (max-width: 767px) {
  #footer .towndata h2 {
    margin-bottom: 1.091em;
  }
}

@media (max-width: 979px) {
  #footer .towndata .towndata-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  #footer .towndata .towndata-main {
    display: block;
    width: 260px;
    margin: 0 auto;
  }
}

#footer .towndata .population,
#footer .towndata .household {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1.25em;
}

#footer .towndata .population img,
#footer .towndata .household img {
  margin-right: 1.25em;
}

#footer .towndata .population .towndata-large,
#footer .towndata .household .towndata-large {
  color: #192313;
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}

@media only screen and (max-width: 767px) {
  #footer .towndata .population .towndata-large,
  #footer .towndata .household .towndata-large {
    font-size: 87.5%;
  }
}

#footer .towndata .population .towndata-small,
#footer .towndata .household .towndata-small {
  font-size: 87.5%;
}

@media only screen and (max-width: 767px) {
  #footer .towndata .population .towndata-small,
  #footer .towndata .household .towndata-small {
    font-size: 75%;
  }
}

#footer .towndata .population .towndata-small p,
#footer .towndata .household .towndata-small p {
  color: #000;
  display: inline;
  margin-right: 1em;
}

#footer .towndata .current {
  color: #000;
  margin: 0;
  text-align: right;
  font-size: 87.5%;
}

@media only screen and (max-width: 767px) {
  #footer .towndata .current {
    font-size: 75%;
  }
}

@media only screen and (max-width: 767px) {
  #footer .towndata .current {
    width: 230px;
    margin: 0 auto;
  }
}

#footer .copyright {
  color: #fff;
  margin: 1.688em 0 2.188em;
}

@media (max-width: 979px) {
  #footer .copyright {
    text-align: center;
  }
}

#footer-nav {
  background: #467626;
  color: #fff;
  text-align: center;
}

@media (max-width: 979px) {
  #footer-nav {
    padding: 0.5em 0;
  }
}

@media only screen and (max-width: 767px) {
  #footer-nav {
    text-align: left;
  }
}

#footer-nav .nav {
  border-bottom: solid 1px #fff;
  text-align: left;
}

#footer-nav .nav li {
  display: inline-block;
}

@media (max-width: 979px) {
  #footer-nav .nav li {
    width: 49%;
  }
}

@media only screen and (max-width: 767px) {
  #footer-nav .nav li {
    font-size: 90%;
  }
}

@media only screen and (max-width: 767px) {
  #footer-nav .nav .nav-l {
    width: 55%;
  }
  #footer-nav .nav .nav-r {
    width: 42%;
  }
}

#footer-nav .nav a {
  padding: 1.25em 1.875em;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 979px) {
  #footer-nav .nav a {
    padding: 0.5em 10px 0.5em 60px;
  }
}

@media only screen and (max-width: 767px) {
  #footer-nav .nav a {
    padding: 0.5em 10px;
  }
}

#footer-nav .nav a:before {
  font-family: FontAwesome;
  content: "\f0da";
  padding-right: 0.5em;
}

#footer-nav .nav a:hover {
  background: none;
  background: rgba(255, 255, 255, 0.3);
}

.pagetop {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  bottom: 0;
  z-index: 980;
  width: 100%;
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.65s;
  -o-transition: all 0.65s;
  transition: all 0.65s;
}

.pagetop.showscroll {
  opacity: 1;
  -webkit-transition: all 0.65s;
  -o-transition: all 0.65s;
  transition: all 0.65s;
}

.pagetop a {
  opacity: 1;
  display: block;
  position: absolute;
  right: 110px;
  bottom: 30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #192313;
  color: #000;
}

.pagetop a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  margin-top: -5px;
  margin-left: -7px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pagetop a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.pagetop a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media (max-width: 979px) {
  .pagetop {
    display: none;
  }
}

.breadcrumb {
  background: #000;
  margin: 1.5em 0;
  padding: 0.75em 0;
}

@media only screen and (max-width: 767px) {
  .breadcrumb {
    overflow-x: scroll;
    word-break: keep-all;
    white-space: nowrap;
    margin: 1em 0;
  }
}

.breadcrumb li + li:before {
  content: "\003E";
  padding: 0 5px;
  color: #707070;
}

.breadcrumb .container h2 {
  display: none;
}

.breadcrumb .container .breadcrumb-items {
  padding: 0 2em;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .breadcrumb .container .breadcrumb-items {
    padding: 0 1em;
  }
}

.breadcrumb .container .breadcrumb-items .breadcrumb-item a {
  text-decoration: none;
  color: #fff;
}

.side {
  padding-bottom: 0;
  margin-bottom: 1.5em;
  background: #000;
}

@media (max-width: 979px) {
  .side {
    margin-bottom: 2.5em;
  }
}

@media only screen and (max-width: 767px) {
  .side {
    margin-bottom: 2em;
  }
}

.side h2 {
  margin-bottom: 0;
  border-left: 10px solid #DBD35C;
  background: #467626;
  color: #000;
  font-size: 125%;
  line-height: 1.4;
  padding: 0.8em 1.1em;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .side h2 {
    font-size: 125%;
  }
}

@media only screen and (max-width: 767px) {
  .side h2 {
    padding: 0.6em 1.1em;
  }
}

.side h2 a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.side ul.nav {
  overflow: auto;
  max-height: 30em;
  margin: 0;
  background: #000;
}

@media only screen and (max-width: 767px) {
  .side ul.nav {
    max-height: 240px;
  }
}

.side ul.nav li {
  list-style: none;
}

.side ul.nav li + li,
.side ul.nav li li {
  border-top: 1px dotted #b9b9b9;
}

.side ul.nav a {
  color: #fff;
  text-decoration: none;
  padding: 0.563em 0;
  padding-left: 0.875em;
  display: block;
}

.side ul.nav a:before {
  font-family: FontAwesome;
  content: "\f0da";
  margin-right: 0.75em;
  color: #DBD35C;
}

.side ul.nav .active a {
  background: #ECF2D9;
  color: #0066CC;
}

.side ul.nav ul {
  padding-left: 0;
}

.side ul.nav ul a {
  padding-left: 2em;
}

#side-category .nav > li > a:before {
  content: "\f105";
  font-size: 20px;
}

#side-pageinfo dl {
  padding: 1.625em 2.313em;
}

@media (max-width: 979px) {
  #side-pageinfo dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
  }
}

@media only screen and (max-width: 767px) {
  #side-pageinfo dl {
    display: block;
    width: 300px;
    padding: 1em 2.313em;
  }
}

#side-pageinfo dt {
  font-weight: normal;
}

#side-pageinfo dt:after {
  content: ":";
}

#side-pageinfo dl dt {
  float: left;
  clear: left;
  min-width: 5.5em;
  margin-right: 0.5em;
}

@media (max-width: 979px) {
  #side-pageinfo dl dt {
    min-width: auto;
    margin-left: 2em;
  }
  #side-pageinfo dl dt:first-child {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  #side-pageinfo dl dt {
    min-width: 5.5em;
    margin-left: 0;
  }
}

#emergency {
  padding: 0;
  border: 2px solid #A15C12;
  text-align: left;
  background: #000;
  display: none;
  width: 100%;
  margin: 1.5em 0;
}

@media (max-width: 979px) {
  #emergency {
    display: table;
  }
}

@media only screen and (max-width: 767px) {
  #emergency {
    display: block;
  }
}

#emergency .em-title {
  border: 0;
  background: #A15C12;
  text-align: center;
  width: 20%;
  height: 100%;
  display: table-cell;
  padding: 1.5em;
  vertical-align: middle;
}

@media (max-width: 979px) {
  #emergency .em-title {
    padding: 0.5em;
  }
}

#emergency .em-title h2 {
  color: #fff;
  border: 0;
  background: #A15C12;
  margin: 0;
  padding: 0;
  font-size: 125%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  #emergency .em-title h2 {
    font-size: 125%;
  }
}

@media only screen and (max-width: 767px) {
  #emergency .em-title h2 {
    float: left;
    padding: 0.4em;
  }
}

#emergency .em-title h2:before {
  content: "";
  background-image: url(/up/images/gojome/top/icon_emergency@2x.png);
  display: inline-block;
  position: relative;
  width: 1.375em;
  height: 1.25em;
  vertical-align: middle;
  background-size: contain;
  margin: 0 8px 4px 0;
}

#emergency .em-title p.main-btn {
  padding-top: 0.75em;
}

@media only screen and (max-width: 767px) {
  #emergency .em-title .main-btn {
    float: right;
    padding: 0.4em;
  }
}

#emergency .group {
  padding: 1.25em 1.5em;
}

@media (max-width: 979px) {
  #emergency .group {
    padding: 1em 1em 1em 1.25em;
  }
}

#emergency .group ul {
  margin: 0;
  padding: 0;
}

#emergency .group ul li {
  padding: 0.375em 0;
}

#emergency .group ul li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  #emergency .group ul li a {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    margin-bottom: 0.5em;
  }
}

#emergency .group ul li a .date {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 0.75em;
  color: #fff;
  font-weight: bold;
  float: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

#emergency .group ul li a .ctgr {
  display: none;
}

#emergency .group ul li a .title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-decoration: underline;
  float: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

#emergency:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

#h-emergency {
  padding: 0;
  border: 2px solid #A15C12;
  text-align: left;
  background: #fff;
  display: block;
  margin: 1em 0 0;
  position: absolute;
  z-index: 999;
  top: 174px;
  left: 27px;
  width: 380px;
}

@media (max-width: 979px) {
  #h-emergency {
    display: none;
  }
}

#h-emergency .em-title {
  border: 0;
  background: #A15C12;
  text-align: center;
  width: 20%;
  height: 100%;
  display: table-cell;
  padding: 0.5em;
  vertical-align: middle;
}

#h-emergency .em-title h2 {
  color: #fff;
  border: 0;
  background: #A15C12;
  margin: 0;
  padding: 0;
  font-size: 112.5%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  #h-emergency .em-title h2 {
    font-size: 112.5%;
  }
}

#h-emergency .em-title h2:before {
  content: "";
  background-image: url(/up/images/gojome/top/icon_emergency@2x.png);
  display: inline-block;
  position: relative;
  width: 1.375em;
  height: 1.25em;
  vertical-align: middle;
  background-size: contain;
  margin: 0 8px 4px 0;
}

#h-emergency .group {
  padding: 0.5em 1.5em;
}

#h-emergency .group ul {
  margin: 0;
  padding: 0;
}

#h-emergency .group ul li {
  padding: 0.375em 0;
}

#h-emergency .group ul li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 90%;
}

#h-emergency .group ul li a .date {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 0.75em;
  color: #fff;
  font-weight: bold;
  float: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

#h-emergency .group ul li a .ctgr {
  display: none;
}

#h-emergency .group ul li a .title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-decoration: underline;
  float: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

#h-emergency:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

#news-group {
  background: #000;
  border: 1px solid #b9b9b9;
  height: 775px;
}

#news-group h2 {
  display: none;
}

#news-group .nav-tabs li {
  border-bottom: 1px solid #b9b9b9;
  border-left: 1px solid #b9b9b9;
  width: calc(100%/5);
  margin: 0;
  height: 65px;
}

@media (max-width: 979px) {
  #news-group .nav-tabs li {
    width: calc(100%/4);
  }
}

@media only screen and (max-width: 767px) {
  #news-group .nav-tabs li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#news-group .nav-tabs li:first-child {
  border-left: none;
}

#news-group .nav-tabs li .nav-link {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  padding: 1.125em 0.938em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #news-group .nav-tabs li .nav-link {
    padding: 0.375em 0.25em;
    font-size: 90%;
    width: calc(100%/0);
  }
  #news-group .nav-tabs li .nav-link span {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  #news-group .nav-tabs li .nav-link span {
    display: block;
  }
}

#news-group .nav-tabs .news-sns {
  width: 10%;
  border-left: none;
}

@media (max-width: 979px) {
  #news-group .nav-tabs .news-sns {
    display: none;
  }
}

#news-group .nav-tabs .news-sns a {
  margin: 0;
  padding: 0.938em 0.75em;
}

#news-group .nav-tabs .news-fb {
  border-left: 1px solid #b9b9b9;
}

#news-group .nav-tabs .active {
  margin-top: -10px;
  border-top: 10px solid #467626;
  height: auto;
}

@media only screen and (max-width: 767px) {
  #news-group .nav-tabs .active {
    background: #000;
  }
}

#news-group .nav-tabs .active a {
  background: #ECF2D9;
  color: #000;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #news-group .nav-tabs .active a {
    padding: 8px 0;
  }
}

#news-group .tab-content #tab-news,
#news-group .tab-content #tab-important-topics,
#news-group .tab-content #tab-corona,
#news-group .tab-content #tab-topics,
#news-group .tab-content #tab-emergency,
#news-group .tab-content #tab-facebook,
#news-group .tab-content #tab-twitter,
#news-group .tab-content #tab-instagram {
  padding: 1.75em;
}

@media (max-width: 979px) {
  #news-group .tab-content #tab-news,
  #news-group .tab-content #tab-important-topics,
  #news-group .tab-content #tab-corona,
  #news-group .tab-content #tab-topics,
  #news-group .tab-content #tab-emergency,
  #news-group .tab-content #tab-facebook,
  #news-group .tab-content #tab-twitter,
  #news-group .tab-content #tab-instagram {
    padding: 1.25em;
  }
}

#news-group .tab-content #news,
#news-group .tab-content #important-topics,
#news-group .tab-content #corona,
#news-group .tab-content #topics,
#news-group .tab-content #facebook,
#news-group .tab-content #twitter,
#news-group .tab-content #instagram {
  margin: 0;
}

#news-group .tab-content #news h3,
#news-group .tab-content #important-topics h3,
#news-group .tab-content #corona h3,
#news-group .tab-content #topics h3,
#news-group .tab-content #facebook h3,
#news-group .tab-content #twitter h3,
#news-group .tab-content #instagram h3 {
  display: none;
}

#news-group .tab-content #news ul,
#news-group .tab-content #important-topics ul,
#news-group .tab-content #corona ul,
#news-group .tab-content #topics ul,
#news-group .tab-content #facebook ul,
#news-group .tab-content #twitter ul,
#news-group .tab-content #instagram ul {
  margin: 0;
  height: 610px;
  overflow-y: scroll;
}

#news-group .tab-content #news ul li,
#news-group .tab-content #important-topics ul li,
#news-group .tab-content #corona ul li,
#news-group .tab-content #topics ul li,
#news-group .tab-content #facebook ul li,
#news-group .tab-content #twitter ul li,
#news-group .tab-content #instagram ul li {
  margin-top: 0.625em;
  border-bottom: 1px solid #b9b9b9;
  min-height: 70px;
}

#news-group .tab-content #news ul li a,
#news-group .tab-content #important-topics ul li a,
#news-group .tab-content #corona ul li a,
#news-group .tab-content #topics ul li a,
#news-group .tab-content #facebook ul li a,
#news-group .tab-content #twitter ul li a,
#news-group .tab-content #instagram ul li a {
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  #news-group .tab-content #news ul li a,
  #news-group .tab-content #important-topics ul li a,
  #news-group .tab-content #corona ul li a,
  #news-group .tab-content #topics ul li a,
  #news-group .tab-content #facebook ul li a,
  #news-group .tab-content #twitter ul li a,
  #news-group .tab-content #instagram ul li a {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
  }
}

#news-group .tab-content #news ul li .ctgr,
#news-group .tab-content #important-topics ul li .ctgr,
#news-group .tab-content #corona ul li .ctgr,
#news-group .tab-content #topics ul li .ctgr,
#news-group .tab-content #facebook ul li .ctgr,
#news-group .tab-content #twitter ul li .ctgr,
#news-group .tab-content #instagram ul li .ctgr {
  float: left;
  background: #467626;
  color: #000;
  margin-right: 1em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-align: center;
  width: 15%;
  height: 1.75em;
  border-radius: 6px;
}

@media only screen and (max-width: 767px) {
  #news-group .tab-content #news ul li .ctgr,
  #news-group .tab-content #important-topics ul li .ctgr,
  #news-group .tab-content #corona ul li .ctgr,
  #news-group .tab-content #topics ul li .ctgr,
  #news-group .tab-content #facebook ul li .ctgr,
  #news-group .tab-content #twitter ul li .ctgr,
  #news-group .tab-content #instagram ul li .ctgr {
    width: 30%;
  }
}

#news-group .tab-content #news ul li .date,
#news-group .tab-content #important-topics ul li .date,
#news-group .tab-content #corona ul li .date,
#news-group .tab-content #topics ul li .date,
#news-group .tab-content #facebook ul li .date,
#news-group .tab-content #twitter ul li .date,
#news-group .tab-content #instagram ul li .date {
  float: left;
  color: #fff;
  margin-right: 1em;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 15%;
}

@media (max-width: 979px) {
  #news-group .tab-content #news ul li .date,
  #news-group .tab-content #important-topics ul li .date,
  #news-group .tab-content #corona ul li .date,
  #news-group .tab-content #topics ul li .date,
  #news-group .tab-content #facebook ul li .date,
  #news-group .tab-content #twitter ul li .date,
  #news-group .tab-content #instagram ul li .date {
    margin-right: 0.5em;
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  #news-group .tab-content #news ul li .date,
  #news-group .tab-content #important-topics ul li .date,
  #news-group .tab-content #corona ul li .date,
  #news-group .tab-content #topics ul li .date,
  #news-group .tab-content #facebook ul li .date,
  #news-group .tab-content #twitter ul li .date,
  #news-group .tab-content #instagram ul li .date {
    width: 45%;
  }
}

#news-group .tab-content #news ul li .title,
#news-group .tab-content #important-topics ul li .title,
#news-group .tab-content #corona ul li .title,
#news-group .tab-content #topics ul li .title,
#news-group .tab-content #facebook ul li .title,
#news-group .tab-content #twitter ul li .title,
#news-group .tab-content #instagram ul li .title {
  color: #fff;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: block;
  overflow: hidden;
  width: 70%;
  margin-bottom: 0.625em;
}

@media (max-width: 979px) {
  #news-group .tab-content #news ul li .title,
  #news-group .tab-content #important-topics ul li .title,
  #news-group .tab-content #corona ul li .title,
  #news-group .tab-content #topics ul li .title,
  #news-group .tab-content #facebook ul li .title,
  #news-group .tab-content #twitter ul li .title,
  #news-group .tab-content #instagram ul li .title {
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  #news-group .tab-content #news ul li .title,
  #news-group .tab-content #important-topics ul li .title,
  #news-group .tab-content #corona ul li .title,
  #news-group .tab-content #topics ul li .title,
  #news-group .tab-content #facebook ul li .title,
  #news-group .tab-content #twitter ul li .title,
  #news-group .tab-content #instagram ul li .title {
    width: 100%;
    margin-top: 0.5em;
  }
}

#news-group .tab-content #news .sns-inner,
#news-group .tab-content #important-topics .sns-inner,
#news-group .tab-content #corona .sns-inner,
#news-group .tab-content #topics .sns-inner,
#news-group .tab-content #facebook .sns-inner,
#news-group .tab-content #twitter .sns-inner,
#news-group .tab-content #instagram .sns-inner {
  text-align: center;
}

#news-group .tab-content #news footer,
#news-group .tab-content #important-topics footer,
#news-group .tab-content #corona footer,
#news-group .tab-content #topics footer,
#news-group .tab-content #facebook footer,
#news-group .tab-content #twitter footer,
#news-group .tab-content #instagram footer {
  margin-top: 1em;
}

#news-group .tab-content #news footer p,
#news-group .tab-content #important-topics footer p,
#news-group .tab-content #corona footer p,
#news-group .tab-content #topics footer p,
#news-group .tab-content #facebook footer p,
#news-group .tab-content #twitter footer p,
#news-group .tab-content #instagram footer p {
  text-align: right;
}

#news-group .tab-content #twitter .sns-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.News #main section.news,
body.Topics #main section.news {
  background: #000;
  padding: 2em;
  margin-bottom: 5em;
}

body.News #main section.news ul.with-category,
body.Topics #main section.news ul.with-category {
  margin: 0;
}

body.News #main section.news ul.with-category li a,
body.Topics #main section.news ul.with-category li a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.News #main section.news ul.with-category li a:after,
body.Topics #main section.news ul.with-category li a:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  body.News #main section.news ul.with-category li a,
  body.Topics #main section.news ul.with-category li a {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    margin-bottom: 0.5em;
  }
}

body.News #main section.news ul.with-category li a span.image img,
body.Topics #main section.news ul.with-category li a span.image img {
  display: none;
}

body.News #main section.news ul.with-category li .ctgr,
body.Topics #main section.news ul.with-category li .ctgr {
  float: left;
  background: #467626;
  color: #000;
  margin-right: 1em;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  text-align: center;
  width: 15%;
  height: 1.75em;
  border-radius: 6px;
}

@media only screen and (max-width: 767px) {
  body.News #main section.news ul.with-category li .ctgr,
  body.Topics #main section.news ul.with-category li .ctgr {
    width: 30%;
  }
}

body.News #main section.news ul.with-category li .date,
body.Topics #main section.news ul.with-category li .date {
  float: left;
  color: #fff;
  margin-right: 1em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 15%;
}

@media (max-width: 979px) {
  body.News #main section.news ul.with-category li .date,
  body.Topics #main section.news ul.with-category li .date {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  body.News #main section.news ul.with-category li .date,
  body.Topics #main section.news ul.with-category li .date {
    width: 45%;
  }
}

body.News #main section.news ul.with-category li .title,
body.Topics #main section.news ul.with-category li .title {
  color: #fff;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: block;
  overflow: hidden;
  width: 70%;
  margin-bottom: 0.625em;
}

@media (max-width: 979px) {
  body.News #main section.news ul.with-category li .title,
  body.Topics #main section.news ul.with-category li .title {
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  body.News #main section.news ul.with-category li .title,
  body.Topics #main section.news ul.with-category li .title {
    width: 100%;
    margin-top: 0.5em;
  }
}

body.News #main section.news .pagination-group,
body.Topics #main section.news .pagination-group {
  text-align: center;
}

body.News #main section.news .pagination-group ul.pagination,
body.Topics #main section.news .pagination-group ul.pagination {
  margin-bottom: 0;
}

body.News #main section.news .pagination-group ul.pagination li a,
body.Topics #main section.news .pagination-group ul.pagination li a {
  color: #467626;
}

body.News #main section.news .pagination-group ul.pagination .active a,
body.Topics #main section.news .pagination-group ul.pagination .active a {
  background-color: #467626;
  border-color: #467626;
  color: #fff;
}

main ul.with-category .bosai-anzen .ctgr {
  color: #000;
  background: #A15C12;
}

main ul.with-category li .ctgr.bosai-anzen {
  color: #000;
  background: #A15C12;
}

main ul.with-category .syobo .ctgr {
  color: #000;
  background: #A15C12;
}

main ul.with-category li .ctgr.syobo {
  color: #000;
  background: #A15C12;
}

main ul.with-category .kurashi .ctgr {
  color: #000;
  background: #467626;
}

main ul.with-category li .ctgr.kurashi {
  color: #000;
  background: #467626;
}

main ul.with-category .kenkouiryoufukusi .ctgr {
  color: #000;
  background: #467626;
}

main ul.with-category li .ctgr.kenkouiryoufukusi {
  color: #000;
  background: #467626;
}

main ul.with-category .kyouikubunkasisetu .ctgr {
  color: #000;
  background: #467626;
}

main ul.with-category li .ctgr.kyouikubunkasisetu {
  color: #000;
  background: #467626;
}

main ul.with-category .kankosangyo .ctgr {
  color: #000;
  background: #467626;
}

main ul.with-category li .ctgr.kankosangyo {
  color: #000;
  background: #467626;
}

main ul.with-category .izyuu .ctgr {
  color: #000;
  background: #467626;
}

main ul.with-category li .ctgr.izyuu {
  color: #000;
  background: #467626;
}

main ul.with-category .town .ctgr {
  color: #000;
  background: #467626;
}

main ul.with-category li .ctgr.town {
  color: #000;
  background: #467626;
}

/* 新着情報ページ */
body.News .side ul.nav,
body.Events .side ul.nav {
  overflow: visible;
  max-height: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: visible;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .slick-list {
    overflow: hidden;
  }
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 0;
  padding: 0;
}

.slick-current a:after {
  content: attr(title);
  display: block;
  margin-top: 12px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

#header .slick-dots {
  bottom: 20px;
  list-style: none;
  display: block;
  width: 100%;
  padding: 0;
  position: absolute;
  top: 136px;
  right: 0;
  margin: 5px 50px 5px 0;
  text-align: right;
  z-index: 999;
}

@media (max-width: 979px) {
  #header .slick-dots {
    margin: -5px 14px 5px 0;
  }
}

@media only screen and (max-width: 767px) {
  #header .slick-dots {
    margin: -20px 14px 5px 0;
    top: 150px;
  }
}

@media (max-width: 979px) {
  #header .slick-dots li {
    display: block;
  }
}

#header .slick-controls {
  z-index: 999;
}

#header .slick-controls button.slick-stop, #header .slick-controls button.slick-play {
  background: none;
  position: absolute;
  top: 136px;
  right: 0;
  z-index: 999;
}

@media (max-width: 979px) {
  #header .slick-controls button.slick-stop, #header .slick-controls button.slick-play {
    top: 88px;
  }
}

@media only screen and (max-width: 767px) {
  #header .slick-controls button.slick-stop, #header .slick-controls button.slick-play {
    top: 86px;
  }
}

#main .slick-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.25em 0 2em;
  z-index: 999;
}

#main .slick-controls .slick-arrow {
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  #main .slick-controls .slick-arrow {
    z-index: 1;
  }
}

#main .slick-controls .slick-dots {
  bottom: 20px;
  list-style: none;
  display: block;
  padding: 7px 0;
  margin: 5px 0;
  margin-left: -100px;
  z-index: 999;
}

@media (max-width: 979px) {
  #main .slick-controls .slick-dots {
    margin-left: 0;
  }
}

#main .slick-controls button.slick-stop, #main .slick-controls button.slick-play {
  background: none;
  z-index: 999;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  padding: 0;
}

.slick-dots li button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  width: 20px;
  height: 20px;
  line-height: 1;
  font-size: 75%;
  padding: 0;
  border: 2px solid #b9b9b9;
  border-radius: 15px;
  background: #000;
  color: #467626;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-transition: opacity 0.12s ease-out;
  -o-transition: opacity 0.12s ease-out;
  transition: opacity 0.12s ease-out;
}

@media (max-width: 767px) {
  .slick-dots li button {
    width: 20px;
    height: 20px;
  }
}

.slick-dots li button:hover, .slick-dots li button:focus {
  opacity: 0.75;
}

.slick-dots li.slick-active button {
  border-color: #467626;
  background: #467626;
  color: #000;
}

#icatch .slick-arrow {
  display: none;
  z-index: -1;
  display: block;
  background: none;
  position: absolute;
  top: 20%;
}

@media (max-width: 979px) {
  #icatch .slick-arrow {
    top: 12%;
  }
}

@media only screen and (max-width: 767px) {
  #icatch .slick-arrow {
    top: 40%;
  }
}

@media (max-width: 979px) {
  #icatch .slick-prev {
    left: -50px;
  }
}

@media (max-width: 979px) {
  #icatch .slick-next {
    left: -50px;
  }
}

@media only screen and (max-width: 767px) {
  #pickup-group .pickup-slider {
    display: -ms-grid;
    display: grid;
  }
  #pickup-group .pickup-slider .slick-controls {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  #pickup-group .pickup-slider .slick-list {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}

#pickup-group .slick-arrow {
  display: none;
}

@media (max-width: 979px) {
  #pickup-group .slick-arrow {
    display: block;
    background: none;
    position: absolute;
    top: 12%;
  }
}

@media only screen and (max-width: 767px) {
  #pickup-group .slick-arrow {
    top: 21%;
  }
}

@media (max-width: 979px) {
  #pickup-group .slick-prev {
    left: -14px;
  }
}

@media (max-width: 979px) {
  #pickup-group .slick-next {
    right: -14px;
  }
}

@media only screen and (max-width: 767px) {
  #video-group .video-slider {
    display: -ms-grid;
    display: grid;
  }
  #video-group .video-slider .slick-controls {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  #video-group .video-slider .slick-list {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}

#video-group .slick-arrow {
  display: none;
}

@media (max-width: 979px) {
  #video-group .slick-arrow {
    display: block;
    background: none;
    position: absolute;
    top: 18%;
  }
}

@media only screen and (max-width: 767px) {
  #video-group .slick-arrow {
    top: 21%;
  }
}

@media (max-width: 979px) {
  #video-group .slick-prev {
    left: -14px;
  }
}

@media (max-width: 979px) {
  #video-group .slick-next {
    right: -14px;
  }
}

nav.options,
#nav-address {
  border: 1px solid #b9b9b9;
  background: #000;
  margin: 2.5em 0 0;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  nav.options,
  #nav-address {
    margin: 2em 0 0;
    padding: 0 15px;
  }
}

nav.options:after,
#nav-address:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

nav.options h2,
#nav-address h2 {
  background: #ECF2D9;
  font-weight: bold;
  border-bottom: 1px solid #b9b9b9;
  margin: 0;
  padding: 0.445em 1.778em;
  font-size: 112.5%;
  line-height: 1.6;
  color: #000;
  border-left: unset;
}

@media only screen and (max-width: 767px) {
  nav.options h2,
  #nav-address h2 {
    font-size: 112.5%;
  }
}

@media only screen and (max-width: 767px) {
  nav.options h2,
  #nav-address h2 {
    margin: 0 -15px 0;
    padding: 0.445em 1.334em;
  }
}

nav.options ul, nav.options ol, nav.options figure, nav.options address,
#nav-address ul,
#nav-address ol,
#nav-address figure,
#nav-address address {
  margin-bottom: 1em;
}

nav.options ul, nav.options ol,
#nav-address ul,
#nav-address ol {
  padding-left: 20px;
}

nav.option-files:after,
nav.option-links:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

@media only screen and (max-width: 767px) {
  nav.option-files .files-inner,
  nav.option-links .files-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
}

nav.option-files ul,
nav.option-links ul {
  margin: 0;
  padding: 1.375em 2em 1.375em 3.75em;
}

@media only screen and (max-width: 767px) {
  nav.option-files ul,
  nav.option-links ul {
    padding: 0.75em;
    padding-left: 2.25em;
  }
}

nav.option-files ul li,
nav.option-links ul li {
  padding: 0.625em 0;
  list-style: disc;
}

@media only screen and (max-width: 767px) {
  nav.option-files ul li,
  nav.option-links ul li {
    padding: 0.25em;
  }
}

nav.option-files aside,
nav.option-links aside {
  float: right;
  width: 18em;
  margin: 1.5em;
  padding: 0;
  text-align: center;
  background: #eee;
}

@media only screen and (max-width: 767px) {
  nav.option-files aside,
  nav.option-links aside {
    float: none;
    width: auto;
  }
}

nav.option-files aside a,
nav.option-links aside a {
  display: block;
  padding: 5px 0;
  color: #0066CC;
}

nav.option-files aside a img,
nav.option-links aside a img {
  margin: 5px;
}

nav.option-files aside a span,
nav.option-links aside a span {
  display: block;
}

@media only screen and (max-width: 767px) {
  nav.option-files aside a span,
  nav.option-links aside a span {
    font-size: 100%;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  nav.option-files aside a span,
  nav.option-links aside a span {
    font-size: 62.5%;
  }
}

nav.option-files .filesize:before {
  content: " : ";
}

nav.option-contents ul {
  margin: 0;
  padding: 1.375em 2em;
}

@media only screen and (max-width: 767px) {
  nav.option-contents ul {
    padding: 0.75em;
  }
}

nav.option-contents ul li {
  padding: 0.625em 0;
}

@media only screen and (max-width: 767px) {
  nav.option-contents ul li {
    padding: 0.5em 0;
    display: -ms-grid;
    display: grid;
  }
}

nav.option-contents ul li .cat {
  overflow: hidden;
  display: inline-block;
  width: 7.8em;
  margin: 0;
  margin-right: 1.5em;
  padding: 0 0.4em;
  border-radius: 4px;
  background: #eee;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  nav.option-contents ul li .cat {
    margin-bottom: 4px;
  }
}

nav.option-contents li .cat.bosai-anzen {
  color: #000;
  background: #A15C12;
}

nav.option-contents li .cat.syobo {
  color: #000;
  background: #A15C12;
}

nav.option-contents li .cat.kurashi {
  color: #000;
  background: #467626;
}

nav.option-contents li .cat.kenkouiryoufukusi {
  color: #000;
  background: #467626;
}

nav.option-contents li .cat.kyouikubunkasisetu {
  color: #000;
  background: #467626;
}

nav.option-contents li .cat.kankosangyo {
  color: #000;
  background: #467626;
}

nav.option-contents li .cat.izyuu {
  color: #000;
  background: #467626;
}

nav.option-contents li .cat.town {
  color: #000;
  background: #467626;
}

nav.option-maps figure {
  margin-bottom: 1.5em;
}

@media only screen and (max-width: 767px) {
  nav.option-maps figure {
    margin-bottom: 1em;
  }
}

nav.option-maps figcaption {
  display: block;
  margin: 1.5em;
  padding-left: 0.6em;
  border-left: 0.4em solid #467626;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  nav.option-maps figcaption {
    margin: 1em 0;
  }
}

nav.option-maps .map iframe {
  max-width: 100%;
  margin: 0 2em 0.75em;
}

@media only screen and (max-width: 767px) {
  nav.option-maps .map iframe {
    width: 100%;
    max-height: 220px;
    margin: 0 0 0.5em;
  }
}

nav.option-maps small {
  margin: 0 2.286em;
}

@media only screen and (max-width: 767px) {
  nav.option-maps small {
    margin: 0.572em 0 1.143em;
  }
}

nav.option-maps small a {
  color: #fff;
}

#nav-address {
  margin: 3.125em 0 5em;
}

@media (max-width: 979px) {
  #nav-address {
    margin: 2.5em 0;
  }
}

@media only screen and (max-width: 767px) {
  #nav-address {
    margin: 2em 0;
  }
}

#nav-address h2 {
  background: #467626;
  color: #fff;
  border-color: 1px solid #467626;
}

@media only screen and (max-width: 767px) {
  #nav-address h2 {
    margin-bottom: 0;
    padding: 0.445em 1.334em;
  }
}

#nav-address address {
  float: left;
  padding: 1.5em 2em;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #nav-address address {
    padding: 1em 0.563em;
  }
}

#nav-address address .tel + .tel2:before,
#nav-address address .tel + .ext:before,
#nav-address address .tel + .fax:before {
  content: " / ";
  margin: 0 0.33em;
}

#nav-address address .zip {
  margin-right: 0.33em;
}

article #nav-address {
  margin: 2em -10px;
}

body.Category #body {
  margin-bottom: 3.5em;
}

@media (max-width: 979px) {
  body.Category #body {
    margin-bottom: 0;
  }
}

body.Category #body .col {
  padding-right: 12px;
  padding-left: 12px;
}

body.Category #main h1 {
  text-align: center;
  margin: 0 0.407em 0.75em;
}

@media only screen and (max-width: 767px) {
  body.Category #main h1 {
    margin: 0 0 0.667em;
    padding: 0.75em;
    border-top: 2px solid #467626;
    border-bottom: 2px solid #467626;
  }
}

body.Category #main h2 {
  margin: 1.2em 0;
  margin-right: -1.6em;
  margin-left: -1.6em;
}

@media only screen and (max-width: 767px) {
  body.Category #main h2 {
    margin: 0.8em 0 0.9em;
    margin-right: -1.2em;
    margin-left: -1.2em;
  }
}

body.Category #main h2 a {
  text-decoration: none;
  color: #000;
}

body.Category #main .contents, body.Category #main .sub-category {
  background: #000;
  padding: 0 2em;
  margin-bottom: 1.5em;
}

@media only screen and (max-width: 767px) {
  body.Category #main .contents, body.Category #main .sub-category {
    padding: 0 1.5em;
  }
}

body.Category #main .contents .description, body.Category #main .sub-category .description {
  padding: 0 0 0.813em;
}

body.Category #main .contents ul, body.Category #main .contents .with-category, body.Category #main .sub-category ul, body.Category #main .sub-category .with-category {
  padding: 0 0 1.063em;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  body.Category #main .contents ul, body.Category #main .contents .with-category, body.Category #main .sub-category ul, body.Category #main .sub-category .with-category {
    padding: 0 0 0.563em;
  }
}

body.Category #main .contents ul li, body.Category #main .contents .with-category li, body.Category #main .sub-category ul li, body.Category #main .sub-category .with-category li {
  padding-bottom: 0.625em;
}

@media only screen and (max-width: 767px) {
  body.Category #main .contents ul li, body.Category #main .contents .with-category li, body.Category #main .sub-category ul li, body.Category #main .sub-category .with-category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1em;
  }
}

body.Category #main .contents ul li:before, body.Category #main .contents .with-category li:before, body.Category #main .sub-category ul li:before, body.Category #main .sub-category .with-category li:before {
  content: "";
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.75em;
  background-image: url(/up/images/gojome/icon_file@2x.png);
  width: 2em;
  height: 2em;
}

body.Category #main .contents ul li a, body.Category #main .contents .with-category li a, body.Category #main .sub-category ul li a, body.Category #main .sub-category .with-category li a {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  body.Category #main .contents ul li a, body.Category #main .contents .with-category li a, body.Category #main .sub-category ul li a, body.Category #main .sub-category .with-category li a {
    width: 85%;
  }
}

body.Category #main .contents ul li a time, body.Category #main .contents ul li a .ctgr, body.Category #main .contents .with-category li a time, body.Category #main .contents .with-category li a .ctgr, body.Category #main .sub-category ul li a time, body.Category #main .sub-category ul li a .ctgr, body.Category #main .sub-category .with-category li a time, body.Category #main .sub-category .with-category li a .ctgr {
  display: none;
}

body.Category #main .contents .cats li:before, body.Category #main .sub-category .cats li:before {
  background-image: url(/up/images/gojome/icon_category@2x.png);
}

body.Category #main .contents {
  padding-top: 1.5em;
}

@media only screen and (max-width: 767px) {
  body.Category #main .contents {
    padding-top: 1.125em;
    margin-bottom: 1em;
  }
}

@media only screen and (max-width: 767px) {
  body.Category #main .sub-category {
    margin-bottom: 1em;
  }
}

.Home #header .container {
  padding-top: 0px;
}

@media (max-width: 979px) {
  .Home #header .container {
    padding-top: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .Home #header .container {
    padding-top: 74px;
  }
}

@media (max-width: 979px) {
  .Home #header .header-nav {
    padding: 24px 12px 16px;
    position: absolute;
    top: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .Home #header .header-nav {
    top: 74px;
  }
}

.Home #header-title-top {
  display: block;
  position: absolute;
  top: 80px;
  left: 20px;
  z-index: 1;
}

@media (max-width: 979px) {
  .Home #header-title-top {
    top: 20px;
    left: 12px;
  }
  .Home #header-title-top img.logo {
    display: none;
  }
  .Home #header-title-top img.sp-logo {
    display: block;
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .Home #header-title-top {
    top: 12px;
  }
  .Home #header-title-top img.sp-logo {
    width: 70%;
    height: auto;
  }
}

.Home #header-title-top a {
  text-decoration: none;
}

.Home #header-title-top .sp-logo {
  display: none;
}

.Home #header-title {
  display: none;
}

@media (max-width: 979px) {
  .Home #sp-header {
    z-index: 9999;
  }
}

.Home #header-menu {
  display: block;
}

@media (max-width: 979px) {
  .Home #header-menu {
    display: none;
  }
}

.Home #header-app {
  position: fixed;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: #000;
  z-index: 1000;
}

@media (max-width: 979px) {
  .Home #header-app {
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 1;
    background: #F6F3EF;
  }
}

.Home #header-app .group {
  margin: 1em 0;
  padding: 0;
}

@media (max-width: 979px) {
  .Home #header-app .group {
    margin: 1.5em 0 0;
    height: 1.75em;
  }
}

.Home #header-app .form {
  padding-right: 1.5em;
}

@media (max-width: 979px) {
  .Home #header-app .form {
    padding-right: 0.75em;
  }
}

.Home #header-app .form .label {
  padding: 0;
  margin-right: 8px;
}

@media (max-width: 979px) {
  .Home #header-app .fontsize {
    display: none;
  }
}

@media (max-width: 979px) {
  .Home #header-app .color {
    display: none;
  }
}

.Home #header-app .search .label span {
  display: none;
}

.Home .header-app {
  opacity: 0;
  -webkit-transition: all 0.65s;
  -o-transition: all 0.65s;
  transition: all 0.65s;
}

.Home .header-app.showapp {
  opacity: 1;
  -webkit-transition: all 0.65s;
  -o-transition: all 0.65s;
  transition: all 0.65s;
}

.Home #spfooter-group {
  display: none;
}

@media (max-width: 979px) {
  .Home #spfooter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .Home #spfooter-group .main-btn .more {
    border: none;
  }
  .Home #spfooter-group .main-btn:after {
    display: none;
  }
}

.Home #current-img-name {
  display: block;
  position: absolute;
  top: 80px;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  padding: 0.5em 0.625em 0.5em 1.5em;
  border-radius: 0 0 0 20px;
  z-index: 1;
}

@media (max-width: 979px) {
  .Home #current-img-name {
    top: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .Home #current-img-name {
    top: 16px;
    max-width: 230px;
    line-height: 0.5;
    text-align: left;
    padding: 0.5em 0.625em 0.5em 1.25em;
  }
}

.Home #current-img-name a {
  color: #fff;
  font-weight: bold;
  text-align: right;
  font-size: 112.5%;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .Home #current-img-name a {
    font-size: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .Home #current-img-name a {
    font-size: 85%;
  }
}

.Home #icatch {
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 0;
  margin: 0;
  text-align: center;
  width: auto;
  height: auto;
  -o-object-fit: full;
     object-fit: full;
  -o-object-position: center;
     object-position: center;
}

@media (max-width: 979px) {
  .Home #icatch {
    margin-top: 234px;
  }
}

@media only screen and (max-width: 767px) {
  .Home #icatch {
    margin-top: 172px;
  }
}

.Home #icatch .image a img {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 979px) {
  .Home #icatch .image a img {
    width: 100%;
    height: 70vh;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media only screen and (max-width: 767px) {
  .Home #icatch .image a img {
    width: 100%;
    height: 50vh;
  }
}

.Home #icatch .image a::after {
  display: none;
}

.Home #header-sidenav {
  position: absolute;
  z-index: 2;
}

.Home #header-sidenav #sidenav-list .sidenav .sidenav-inner {
  width: 150px;
  height: 90px;
}

.Home #header-sidenav #sidenav-list .sidenav .sidenav-inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.Home #header-sidenav #sidenav-list .sidenav .sidenav-inner a img {
  margin-bottom: 4px;
}

.Home #header-sidenav #sidenav-list .sidenav .sidenav-inner span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 87.5%;
  line-height: 1.3;
}

@media only screen and (max-width: 767px) {
  .Home #header-sidenav #sidenav-list .sidenav .sidenav-inner span {
    font-size: 87.5%;
  }
}

.Home #header-sidenav #sidenav-list .sidenav .sidenav-inner span small {
  font-weight: normal;
  font-size: 0.5em;
}

.Home #header-sidenav #sidenav-list .sidenav:hover .sidenav-inner {
  width: 170px;
}

.Home #header-sidenav #sidenav-list .sidenav:hover .sidenav-inner a {
  margin: 0;
}

.Home .container #header-nav {
  margin-top: 1.5em;
}

@media (max-width: 979px) {
  .Home .container #header-nav {
    margin-top: 0;
  }
}

@media (max-width: 979px) {
  .Home .container #header-nav .container {
    height: auto;
  }
}

.Home .container #header-nav .menu > a,
.Home .container #header-nav .menu > span.notranslate > a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 142px;
}

.Home .container #header-nav .menu > a img,
.Home .container #header-nav .menu > span.notranslate > a img {
  margin: 0.5em 0;
}

.Home .container #header-nav .menu > a span,
.Home .container #header-nav .menu > span.notranslate > a span {
  text-align: center;
  height: 70px;
}

@media (max-width: 979px) {
  .Home .container #header-nav .menu > a,
  .Home .container #header-nav .menu > span.notranslate > a {
    height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .Home .container #header-nav .menu > a,
  .Home .container #header-nav .menu > span.notranslate > a {
    height: 70px;
  }
}

.Home .container #header-nav .sub-nav {
  z-index: 999;
}

.Home .container #header-nav .sub-nav ul.nav {
  z-index: 999;
}

.Home main {
  padding: 0;
  background: #000;
}

.Home main .col {
  padding-right: 12px;
  padding-left: 12px;
}

.Home section {
  margin: 1.5em 0 0 0;
}

.Home section h2 {
  margin: 1.2em 0 0 0;
  padding: 0.4em 12px;
  font-weight: bold;
  background: #467626;
  color: #000;
  text-align: center;
  border: 0;
  font-size: 125%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .Home section h2 {
    font-size: 112.5%;
  }
}

.Home section .if-emergency h2 {
  background: #A15C12;
}

.Home .box {
  background: #000;
}

.Home #contact-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .Home #contact-group {
    display: none;
  }
}

.Home #contact-group .main-search,
.Home #contact-group .main-tel {
  width: 48.5%;
  text-align: center;
  border: 1px solid #b9b9b9;
}

.Home #contact-group .main-search h2,
.Home #contact-group .main-tel h2 {
  margin-top: 0;
  color: white;
}

.Home #contact-group .main-search .search-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 75%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: auto;
  margin-left: auto;
}

.Home #contact-group .main-search .search-inner .search {
  padding: 2em 1.5em;
  background: #000;
}

.Home #contact-group .main-search .search-inner .search label {
  display: none;
}

.Home #contact-group .main-search .search-inner .search input,
.Home #contact-group .main-search .search-inner .search button {
  height: 2.5em;
  border: solid 1px #b9b9b9;
}

.Home #contact-group .main-search .search-inner .search input {
  width: 18em;
  background: #000;
}

@media (max-width: 979px) {
  .Home #contact-group .main-search .search-inner .search input {
    width: 13.875em;
  }
}

.Home #contact-group .main-search .search-inner .search button {
  width: 6em;
  background: #467626;
  color: #fff;
  border: 0;
  font-weight: bold;
}

@media (max-width: 979px) {
  .Home #contact-group .main-search .search-inner .search button {
    width: 4em;
  }
}

.Home #contact-group .main-tel .tel-inner {
  padding: 1em;
}

.Home #contact-group .main-tel .tel-inner span {
  font-weight: bold;
  font-size: 2.375em;
}

@media (max-width: 979px) {
  .Home .side-group {
    display: -ms-grid;
    display: grid;
  }
}

.Home .side-group .box-row {
  background: #000;
  margin: 1.5em 0 0 0;
  max-height: 120px;
  border: 1px solid #b9b9b9;
}

@media (max-width: 979px) {
  .Home .side-group .box-row {
    max-height: 110px;
    margin: 1.5em 0 0 0;
    width: 46.5vw;
    margin-right: 0.625em;
  }
}

@media only screen and (max-width: 767px) {
  .Home .side-group .box-row {
    margin-right: 0;
    max-height: none;
    width: 34vw;
  }
}

.Home .side-group .box-row a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .Home .side-group .box-row a {
    display: -ms-grid;
    display: grid;
  }
}

.Home .side-group .box-row a h2 {
  background: #000;
  color: #467626;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 50%;
  height: 100%;
  margin: 0;
  font-size: 112.5%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .Home .side-group .box-row a h2 {
    font-size: 100%;
  }
}

@media (max-width: 979px) {
  .Home .side-group .box-row a h2 {
    width: 63%;
  }
}

@media only screen and (max-width: 767px) {
  .Home .side-group .box-row a h2 {
    width: 100%;
    padding: 1em;
  }
}

.Home .side-group .box-row a img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 49.5%;
}

@media (max-width: 979px) {
  .Home .side-group .box-row a img {
    width: 37%;
  }
}

@media only screen and (max-width: 767px) {
  .Home .side-group .box-row a img {
    width: 100%;
  }
}

@media (max-width: 979px) {
  .Home .side-group .mayorsroom {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .Home .side-group .gikai {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.Home .side-group .if-emergency {
  border: 1px solid #b9b9b9;
}

@media (max-width: 979px) {
  .Home .side-group .if-emergency {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    width: 46.5vw;
    margin-right: 0.625em;
  }
}

@media only screen and (max-width: 767px) {
  .Home .side-group .if-emergency {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    width: 100%;
  }
}

.Home .side-group .if-emergency h2 {
  margin: 0;
  color: #fff;
}

.Home .side-group .if-emergency ul {
  padding: 1em;
  padding-left: 1.5em;
  list-style: none;
  margin-bottom: 0;
}

.Home .side-group .if-emergency ul li:before {
  font-family: FontAwesome;
  content: "\f0da";
  color: #DBD35C;
  display: inline-block;
  margin-right: 0.5em;
  width: 0.5em;
  height: 0.75em;
  top: 1px;
  position: relative;
}

.Home .side-group .if-emergency ul a {
  color: #fff;
}

.Home .side-group .koho {
  border: 1px solid #b9b9b9;
  margin-top: 1.5em;
}

@media (max-width: 979px) {
  .Home .side-group .koho {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    margin-top: 0;
    width: 46.5vw;
    margin-left: 0.625em;
  }
}

@media only screen and (max-width: 767px) {
  .Home .side-group .koho {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    margin-top: 1.5em;
    margin-left: 0.75em;
    width: 56vw;
  }
}

.Home .side-group .koho h2 {
  margin: 0;
  color: #fff;
}

.Home .side-group .koho .koho-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 1.5em 15px;
}

@media only screen and (max-width: 767px) {
  .Home .side-group .koho .koho-inner {
    padding: 10px 0.5em 15px;
  }
}

.Home .side-group .koho .koho-inner img {
  max-width: 200px;
  margin: 5px 0 10px;
}

@media only screen and (max-width: 767px) {
  .Home .side-group .koho .koho-inner img {
    width: 146px;
  }
}

.Home .side-group .koho .koho-inner a {
  text-decoration: underline;
  color: #fff;
}

.Home .side-group .koho .koho-inner a:after {
  display: none;
}

.Home .side-group .koho .koho-inner p {
  margin-top: 0.5em;
}

.Home .side-group .koho .koho-inner p a {
  text-decoration: none;
  color: #fff;
}

.Home .main-btn {
  margin: 0;
}

.Home .main-btn .more {
  color: #fff;
  background: #000;
  border: solid 1px #b9b9b9;
  border-radius: 4em;
  font-weight: bold;
  font-size: 87.5%;
  line-height: 1.5;
  padding: 6px 3em 6px 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  text-align: center;
  vartical-align: middle;
  letter-spacing: 0.03em;
  cursor: pointer;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .Home .main-btn .more {
    font-size: 70%;
  }
}

.Home .main-btn:after {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  position: absolute;
  vartical-align: middle;
  background-size: contain;
  margin: 0.188em 0;
  margin-right: -1.5em;
  margin-left: -1.5em;
  color: #fff;
}

.Home #bunner-camera-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 979px) {
  .Home #bunner-camera-group {
    display: block;
  }
}

.Home #bunner-camera-group .col #bunner-group {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.875em;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

@media only screen and (max-width: 767px) {
  .Home #bunner-camera-group .col #bunner-group {
    margin-top: 1.5em;
  }
}

.Home #bunner-camera-group .col #bunner-group a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 6px 0 0.5em;
  border: 1px solid #b9b9b9;
  text-align: left;
  vertical-align: top;
  background: #000;
  color: #fff;
  line-height: 1.125;
  width: 48%;
  min-height: 100px;
  text-decoration: none;
  margin-bottom: 12px;
}

@media (max-width: 979px) {
  .Home #bunner-camera-group .col #bunner-group a {
    width: 32%;
  }
}

@media only screen and (max-width: 767px) {
  .Home #bunner-camera-group .col #bunner-group a {
    min-height: auto;
    width: 48.5%;
  }
}

.Home #bunner-camera-group .col #bunner-group a img {
  width: 60px;
  margin: 0.5em;
}

@media only screen and (max-width: 767px) {
  .Home #bunner-camera-group .col #bunner-group a img {
    width: 40px;
    margin-left: 0;
  }
}

.Home #bunner-camera-group .col #bunner-group a p {
  margin: 0;
}

@media (max-width: 979px) {
  .Home #bunner-camera-group .col #bunner-group a p span {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .Home #bunner-camera-group .col #bunner-group a p {
    font-size: 80%;
  }
}

.Home #bunner-camera-group .col #bunner-group a:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.Home #bunner-camera-group .col #livecamera-group {
  background: #000;
  border: 1px solid #b9b9b9;
  border-radius: 1em;
  margin-top: 1.875em;
  min-height: 548px;
}

@media (max-width: 979px) {
  .Home #bunner-camera-group .col #livecamera-group {
    min-height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .Home #bunner-camera-group .col #livecamera-group {
    margin-top: 1.5em;
  }
}

.Home #bunner-camera-group .col #livecamera-group h2 {
  background: #000;
  color: #fff;
  margin: 1em 0 0.8em;
  padding: 0;
  font-size: 150%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .Home #bunner-camera-group .col #livecamera-group h2 {
    font-size: 125%;
  }
}

.Home #bunner-camera-group .col #livecamera-group h2 a {
  text-decoration: none;
  color: #fff;
}

.Home #bunner-camera-group .col #livecamera-group #livecamera {
  text-align: center;
}

.Home #bunner-camera-group .col #livecamera-group #livecamera iframe {
  height: 470px;
  width: 90%;
}

@media (max-width: 979px) {
  .Home #bunner-camera-group .col #livecamera-group #livecamera iframe {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .Home #bunner-camera-group .col #livecamera-group #livecamera iframe {
    height: 78vw;
  }
}

.Home #bunner-camera-group .col #livecamera-group #livecamera img {
  background: #b9b9b9;
  margin: 0 auto;
}

.Home #bunner-camera-group .col #livecamera-group .livecamera-footer #livecamera-btn button {
  border: 1px solid #b9b9b9;
  border-radius: 0.3em;
  margin-right: 0.25em;
  padding: 0 0.5em;
  background: #000;
}

.Home #bunner-camera-group .col #livecamera-group .livecamera-footer p.main-btn {
  position: absolute;
  bottom: 1.5em;
  right: 30px;
}

.Home #pickup-group {
  background: #000;
  padding-bottom: 1.875em;
  margin-top: 2em;
}

@media only screen and (max-width: 767px) {
  .Home #pickup-group {
    padding-bottom: 1.5em;
    margin-top: 1.5em;
  }
}

.Home #pickup-group .pickup-inner {
  padding-top: 1.875em;
  margin-right: auto;
  margin-left: auto;
  width: auto;
}

@media (max-width: 979px) {
  .Home #pickup-group .pickup-inner {
    width: auto;
  }
}

.Home #pickup-group .pickup-inner h2 {
  color: #fff;
  background: #000;
  margin: 0;
  padding: 0;
  font-size: 150%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .Home #pickup-group .pickup-inner h2 {
    font-size: 125%;
  }
}

.Home #pickup-group .pickup-inner .slider-area {
  overflow: hidden;
}

.Home #pickup-group .pickup-inner .slider-area .pickup-slider {
  margin: 2em auto 0;
  width: 410px;
}

@media only screen and (max-width: 767px) {
  .Home #pickup-group .pickup-inner .slider-area .pickup-slider {
    width: 95%;
  }
}

.Home #pickup-group .pickup-inner .slider-area .pickup-slider .image a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  font-size: 125%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .Home #pickup-group .pickup-inner .slider-area .pickup-slider .image a {
    font-size: 100%;
  }
}

.Home #pickup-group .pickup-inner .slider-area .pickup-slider .image a:after {
  display: none;
}

.Home #pickup-group .pickup-inner .slider-area .pickup-slider .image p {
  margin-top: 1.25em;
}

.Home #pickup-group .pickup-inner .slider-area .pickup-slider .image img {
  margin: 0 auto;
  width: 385px;
  height: 202px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 979px) {
  .Home #pickup-group .pickup-inner .slider-area .pickup-slider .image img {
    width: 95%;
  }
}

.Home #video-group {
  background: #F2F6EF;
  margin-top: 0;
  padding-bottom: 1.875em;
}

@media only screen and (max-width: 767px) {
  .Home #video-group {
    padding-bottom: 1.5em;
  }
}

.Home #video-group .video-inner {
  padding-top: 3em;
  margin-right: auto;
  margin-left: auto;
  width: auto;
}

@media (max-width: 979px) {
  .Home #video-group .video-inner {
    width: auto;
  }
}

.Home #video-group .video-inner h2 {
  color: #000;
  background: #F2F6EF;
  margin: 0;
  padding: 0;
  font-size: 150%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .Home #video-group .video-inner h2 {
    font-size: 125%;
  }
}

.Home #video-group .video-inner p.video-text {
  text-align: center;
  padding-top: 0.625em;
  margin-bottom: 1em;
}

.Home #video-group .video-inner p.video-text a {
  color: #fff;
}

.Home #video-group .video-inner p.main-btn {
  text-align: center;
  margin: 2em 0 1em;
}

@media only screen and (max-width: 767px) {
  .Home #video-group .video-inner p.main-btn {
    margin-top: 0;
  }
}

.Home #video-group .video-inner .slider-area {
  overflow: hidden;
}

.Home #video-group .video-inner .slider-area .video-slider {
  margin: 2em auto 0;
  width: 612px;
}

@media only screen and (max-width: 767px) {
  .Home #video-group .video-inner .slider-area .video-slider {
    width: 95%;
  }
}

.Home #video-group .video-inner .slider-area .video-slider .image a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  font-size: 125%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .Home #video-group .video-inner .slider-area .video-slider .image a {
    font-size: 100%;
  }
}

.Home #video-group .video-inner .slider-area .video-slider .image a:after {
  display: none;
}

.Home #video-group .video-inner .slider-area .video-slider .image p {
  margin-top: 1.25em;
}

.Home #video-group .video-inner .slider-area .video-slider .image img {
  margin: 0 auto;
  width: 588px;
  height: 330px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 979px) {
  .Home #video-group .video-inner .slider-area .video-slider .image img {
    width: 95%;
    height: auto;
  }
}

.Home #instagram-group {
  padding-top: 5em;
  padding-bottom: 5.875em;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group {
    padding: 1.5em;
  }
}

.Home #instagram-group .instagram-inner {
  padding: 1.875em 0 0;
  background: #000;
  border: 1px solid #b9b9b9;
}

.Home #instagram-group .instagram-inner h2 {
  color: #fff;
  background: #000;
  margin: 0;
  padding: 0;
  font-size: 150%;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group .instagram-inner h2 {
    font-size: 125%;
  }
}

.Home #instagram-group .instagram-inner p {
  text-align: center;
  margin: 0.75em 0;
}

.Home #instagram-group .instagram-inner p.main-btn {
  margin: 0;
}

.Home #instagram-group .instagram-inner .instagram-pic {
  text-align: center;
  margin: 2em 2.75em 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 584px;
}

@media (max-width: 979px) {
  .Home #instagram-group .instagram-inner .instagram-pic {
    margin: 2em 5.75em 2.5em;
    height: 544px;
  }
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group .instagram-inner .instagram-pic {
    margin: 1.5em 0;
    height: 80vw;
  }
}

.Home #instagram-group .instagram-inner .instagram-pic a.has-img:after {
  display: none;
}

.Home #instagram-group .instagram-inner .instagram-pic img {
  width: 260px;
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group .instagram-inner .instagram-pic img {
    width: 34vw;
    height: 34vw;
  }
}

.Home #instagram-group .instagram-inner .instagram-pic img:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.Home #instagram-group .instagram-inner .instagram-pic .instagram:nth-child(n+9) {
  display: none;
}

@media (max-width: 979px) {
  .Home #instagram-group .instagram-inner .instagram-pic .instagram:nth-child(n+5) {
    display: none;
  }
}

.Home #instagram-group .instagram-inner .instagram-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2em;
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group .instagram-inner .instagram-link {
    display: block;
  }
}

.Home #instagram-group .instagram-inner .instagram-link .instagram-more {
  margin: 0 0 0 44px;
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group .instagram-inner .instagram-link .instagram-more {
    margin: 0 0 1.5em 0;
  }
}

.Home #instagram-group .instagram-inner .instagram-link .instagram-more a {
  color: #fff;
  font-weight: bold;
}

.Home #instagram-group .instagram-inner .instagram-link .instagram-sns {
  position: absolute;
  right: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group .instagram-inner .instagram-link .instagram-sns {
    position: static;
    right: 0;
  }
}

.Home #instagram-group .instagram-inner .instagram-link .instagram-sns p {
  margin: 0;
  margin-right: 1.25em;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group .instagram-inner .instagram-link .instagram-sns p {
    width: 50%;
  }
}

.Home #instagram-group .instagram-inner .instagram-link .instagram-sns .instagram-snsicon {
  width: 232px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.Home #instagram-group .instagram-inner .instagram-link .instagram-sns .instagram-snsicon a {
  text-decoration: none;
}

.Home #instagram-group .instagram-inner .instagram-link .instagram-sns .instagram-snsicon a img {
  width: 52px;
  height: 52px;
}

@media only screen and (max-width: 767px) {
  .Home #instagram-group .instagram-inner .instagram-link .instagram-sns .instagram-snsicon a img {
    width: 32px;
    height: 32px;
  }
}

.Home #instagram-group .instagram-inner .instagram-link .instagram-sns .instagram-snsicon a:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.Home #ad-banner-group {
  background: #000;
  margin-top: 0;
  padding: 1.875em 0;
}

@media only screen and (max-width: 767px) {
  .Home #ad-banner-group {
    padding: 1em 0;
  }
}

.Home #ad-banner-group .ad-banner-inner h2 {
  color: #fff;
  background: #000;
  font-size: 125%;
  line-height: 1.5;
  text-align: left;
  padding: 0.4em 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .Home #ad-banner-group .ad-banner-inner h2 {
    font-size: 125%;
  }
}

.Home #ad-banner-group .ad-banner-inner h2 a {
  text-decoration: underline;
}

.Home #ad-banner-group .ad-banner-inner .ad-banner {
  border-top: 1px solid #b9b9b9;
  padding: 0.6em 0;
}

.Home #ad-banner-group .ad-banner-inner .ad-banner a {
  text-decoration: none;
}

.Home #ad-banner-group .ad-banner-inner .ad-banner a:after {
  display: none;
}

.Home #ad-banner-group .ad-banner-inner .ad-banner a img {
  margin-right: 1.5em;
}

@media only screen and (max-width: 767px) {
  .Home #ad-banner-group .ad-banner-inner .ad-banner a img {
    width: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
  }
}

#container.free .col {
  padding-right: 12px;
  padding-left: 12px;
}

#container.free #main h1 {
  margin-bottom: 0.75em;
}

@media only screen and (max-width: 767px) {
  #container.free #main h1 {
    margin: 0 0 0.667em;
    margin-right: -0.667em;
    margin-left: -0.667em;
    padding: 0.75em;
    border-top: 2px solid #467626;
    border-bottom: 2px solid #467626;
    text-align: center;
  }
}

#container.free #main article {
  background: #000;
  border: 10px solid #E3E2D3;
  padding: 2em;
}

@media only screen and (max-width: 767px) {
  #container.free #main article {
    border: none;
    margin-right: -0.75em;
    margin-left: -0.75em;
    padding: 1.5em;
  }
}

#container.free #main article h2:first-child {
  margin-top: 0;
}

#container.free #main article h2 {
  color: #000;
}

#container.free #main article ul {
  list-style: disc;
}

#container.free #main article li {
  margin-left: 2em;
}

#container.free #main article figure.images ul {
  list-style: none;
  padding: 0;
}

#container.free #main article figure.images li {
  display: inline-block;
  margin: 0;
}

#container.free #main article figure.image {
  text-align: center;
}

#container.free #main article figure.image.right {
  text-align: right;
}

#container.free #main article figure.image.left {
  text-align: left;
}

#container.free #main article figure.image.full img {
  width: 100%;
  height: auto;
}

#container.free #main article figure.right {
  float: right;
  margin: 0 0 1em 30px;
}

#container.free #main article figure.left {
  float: left;
  margin: 0 30px 1em 0;
}

#container.free #main article table {
  margin: 1.5em 0;
  border: 1px solid #999;
  background: none;
}

#container.free #main article table caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #aaaaaa;
  text-align: left;
}

#container.free #main article table thead {
  background: #e6e6e6;
}

#container.free #main article table th {
  padding: 0.5em 0.75em;
  border: 1px solid #999;
  background: #f0f0f0;
  font-weight: bold;
}

#container.free #main article table td {
  padding: 0.5em 0.75em;
  border: 1px solid #999;
}

#container.free #main article table[border="0"] {
  border: none;
}

#container.free #main article table[border="0"] th {
  border: none;
}

#container.free #main article table[border="0"] td {
  border: none;
}

#container.free #main article .table-responsive {
  margin: 1.5em 0;
}

#container.free #main article .table-responsive table {
  margin: 0;
}

#container.free #main article img {
  max-width: 800px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  #container.free #main article img {
    max-width: 320px;
    height: auto;
  }
}

.Sitemap #main section.sitemap {
  background: #000;
  padding: 1.5em;
  margin-bottom: 5em;
}

.Sitemap #main section.sitemap ul {
  margin: 0;
}

.Sitemap #main section.sitemap li {
  margin-bottom: 0.25em;
}

.Sitemap #main section.sitemap li:before {
  font-family: FontAwesome;
  content: "\f0da";
  font-size: 20px;
  margin-right: 0.75em;
  color: #DBD35C;
}

.Sitemap #main section.sitemap li ul {
  margin-left: 1.5em;
}

body.Events #main aside#nav-calendar {
  background: #000;
  margin-bottom: 1.5em;
  padding: 0 10px 2em;
}

body.Events #main aside#nav-calendar .calendar-header {
  text-align: center;
  margin: 2em 0;
}

body.Events #main aside#nav-calendar .calendar-group table.calendar {
  width: 95%;
  margin: 0 auto;
}

body.Events #main aside#nav-calendar .calendar-group table.calendar > * > * > * {
  border: 1px solid #b9b9b9;
  text-align: center;
  padding: 8px 0;
}

body.Events #main aside#nav-calendar .calendar-group table.calendar thead .Sun {
  color: #d52323;
}

body.Events #main aside#nav-calendar .calendar-group table.calendar thead .Sat {
  color: #06c;
}

body.Events #main aside#nav-calendar .calendar-group table.calendar tbody .has-content {
  background: #f6f9ec;
}

body.Events #main nav.events {
  margin-bottom: 5em;
}

body.Events #main nav.events section {
  background: #000;
  padding: 0 2em 1.5em;
  margin-bottom: 1.5em;
}

body.Events #main nav.events section h2 {
  margin: 0 -32px;
}

body.Events #main nav.events section ul.with-category {
  margin: 1.5em 0 0;
}

body.Events #main nav.events section ul.with-category li a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  body.Events #main nav.events section ul.with-category li a {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    margin-bottom: 0.5em;
  }
}

body.Events #main nav.events section ul.with-category li .ctgr {
  float: left;
  background: #467626;
  color: #000;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  text-align: center;
  height: 1.75em;
  border-radius: 6px;
  width: 7em;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

body.Events #main nav.events section ul.with-category li .date {
  float: left;
  color: #fff;
  margin: 0 0.66em 0 0.33em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

body.Events #main nav.events section ul.with-category li .date time {
  min-width: 3.5em;
  display: inline-block;
}

body.Events #main nav.events section ul.with-category li .title {
  color: #fff;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: block;
  overflow: hidden;
  margin-bottom: 0.625em;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media only screen and (max-width: 767px) {
  body.Events #main nav.events section ul.with-category li .title {
    width: 100%;
    margin-top: 0.5em;
  }
}