@charset "UTF-8";
body div#wrap article section div.center {
  /*ボランディア*/ }
  body div#wrap article section div.center div.btn-chikinews {
    box-sizing: border-box;
    margin: 0px 0px 30px; }
    body div#wrap article section div.center div.btn-chikinews a {
      border: 1px solid #ccc;
      border-radius: 15px;
      background: #fff;
      font-size: 0.8em;
      text-align: center;
      padding: 10px 3em;
      margin: 0 10px 0 auto;
      width: 40%;
      display: block; }
    @media screen and (max-width: 479px) {
      body div#wrap article section div.center div.btn-chikinews a {
        margin: 0 auto;
        padding: 10px;
        width: 80%; } }
  body div#wrap article section div.center ul.menu {
    width: 100%;
    margin: 0px 0 20px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none; }
    body div#wrap article section div.center ul.menu li {
      float: left;
      width: 48%;
      height: 220px;
      margin: 0 1% 30px;
      padding: 0px;
      background-repeat: no-repeat;
      background-size: cover;
      vertical-align: top; }
      @media screen and (max-width: 479px) {
        body div#wrap article section div.center ul.menu li {
          width: 98%;
          height: auto;
          margin-bottom: 15px; } }
      body div#wrap article section div.center ul.menu li a {
        display: block;
        text-decoration: none; }
        body div#wrap article section div.center ul.menu li a p {
          font-weight: 600;
          text-align: center;
          padding: 25% 0 0;
          font-size: 1.2em;
          color: #FFF;
          margin: 0px;
          text-shadow: 1px 1px 3px #000; }
          @media screen and (max-width: 479px) {
            body div#wrap article section div.center ul.menu li a p {
              padding: 20% 0; } }
    body div#wrap article section div.center ul.menu li.menu1 {
      background-image: url("../img/center/photo_1.jpg"); }
    body div#wrap article section div.center ul.menu li.menu2 {
      background-image: url("../img/center/photo_2.jpg"); }
    body div#wrap article section div.center ul.menu li.menu3 {
      background-image: url("../img/center/photo_3.jpg"); }
    body div#wrap article section div.center ul.menu li.menu4 {
      background-image: url("../img/center/photo_4.jpg"); }
    body div#wrap article section div.center ul.menu li.menu5 {
      background-image: url("../img/center/photo_5.jpg"); }
    body div#wrap article section div.center ul.menu li.menu6 {
      background-image: url("../img/center/photo_6.jpg"); }
    body div#wrap article section div.center ul.menu li.menu7 {
      background-image: url("../img/center/photo_7.jpg"); }
    body div#wrap article section div.center ul.menu li.menu8 {
      background-image: url("../img/center/photo_8.jpg"); }
    body div#wrap article section div.center ul.menu li.menu99 {
      background-color: #999; }
      body div#wrap article section div.center ul.menu li.menu99 p {
        padding: 20% 0 0; }
    body div#wrap article section div.center ul.menu li:hover {
      filter: alpha(opacity=85);
      -moz-opacity: 0.85;
      opacity: 0.85;
      transform: 0.3s; }
  body div#wrap article section div.center ol.volunteer li {
    margin-bottom: 3em; }
    body div#wrap article section div.center ol.volunteer li span {
      font-size: 0.9em;
      line-height: 1.4em; }
    body div#wrap article section div.center ol.volunteer li span.caution {
      color: #ff0000; }
  body div#wrap article section div.center ul.volunteer li {
    margin-bottom: 0.4em; }
    body div#wrap article section div.center ul.volunteer li span {
      font-size: 0.9em;
      line-height: 1.4em; }
    body div#wrap article section div.center ul.volunteer li span.caution {
      color: #ff0000; }
  body div#wrap article section div.center ul.caution {
    font-size: 0.85em; }
    body div#wrap article section div.center ul.caution li {
      list-style: none;
      margin: 0 0 0.5em 0em;
      padding: 0px;
      text-indent: -1.2em; }
    body div#wrap article section div.center ul.caution li::before {
      content: "※"; }
  body div#wrap article section div.center div.dropdown {
    display: none; }
  body div#wrap article section div.center input[type="checkbox"] {
    display: none; }
  body div#wrap article section div.center label[for="menu1"],
  body div#wrap article section div.center label[for="menu2"],
  body div#wrap article section div.center label[for="menu3"],
  body div#wrap article section div.center label[for="menu4"] {
    display: block;
    color: #00458d;
    text-decoration: underline;
    cursor: pointer; }
  body div#wrap article section div.center #menu1:checked + .dropdown,
  body div#wrap article section div.center #menu2:checked + .dropdown,
  body div#wrap article section div.center #menu3:checked + .dropdown,
  body div#wrap article section div.center #menu4:checked + .dropdown {
    display: block;
    background-color: #efefef;
    border: 1px solid #ccc;
    font-size: 0.9em;
    padding: 10px 5% 15px; }