@charset "UTF-8";
html {
  font-size: 62.5%; }

* {
  box-sizing: border-box; }

body {
  font-family: 'Noto Sans JP', sans-serif; }

.nopost {
  text-align: center;
  margin: 3em auto; }

.fa-clock-o:before {
  top: 5px; }

.side-widget .side-title {
  background: #e8e8e8;
  padding: 5px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6; }

.side-widget a:hover {
  color: #006934; }

.link {
  text-align: center;
  margin-bottom: 3em; }
  .link .itiran {
    color: #000;
    margin: 0 1em; }
    .link .itiran:hover {
      text-decoration: underline; }
  .link img {
    padding-top: 12px;
    margin: 0 5px; }
    .link img:hover {
      opacity: 0.5; }
  .link span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    background: #000;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    padding-top: 17px;
    letter-spacing: normal; }
    .link span:hover {
      background: #666; }

.single_title {
  margin: 0 auto 2em; }
  .single_title h2 {
    font-weight: 600;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .single_title h2 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.4285714286; } }
    @media (max-width: 767px) {
      .single_title h2 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.6; } }
@media (min-width: 768px) {
  .single_image {
    display: flex;
    align-items: flex-start;
    grid-gap: 20px; } }
.single_thumbnail {
  position: relative;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .single_thumbnail {
      width: calc(50% - 10px); } }
  @media (max-width: 767px) {
    .single_thumbnail {
      width: 100%; } }
  .single_thumbnail::before {
    content: '';
    display: block;
    padding-top: 100%; }
  .single_thumbnail img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover; }
  .single_thumbnail .noimage {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #EFEFEF;
    display: grid;
    align-content: center;
    justify-items: center;
    color: #898989; }
.single .subimage {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .single .subimage {
      width: calc(50% - 10px);
      grid-gap: 20px; } }
  @media (max-width: 767px) {
    .single .subimage {
      width: 100%;
      grid-gap: 10px; } }
  .single .subimage li {
    position: relative; }
    @media (min-width: 768px) {
      .single .subimage li {
        width: calc((100% - 20px) / 2); } }
    @media (max-width: 767px) {
      .single .subimage li {
        width: calc((100% - 10px) / 2); } }
    .single .subimage li::before {
      content: '';
      display: block;
      padding-top: 100%; }
    .single .subimage li img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: 0;
      object-fit: cover; }
.single_info {
  margin: 2em auto; }
  .single_info ul li {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #000; }
    .single_info ul li:first-child {
      border-top: 1px solid #000; }
    .single_info ul li span {
      display: grid;
      align-content: center;
      text-align: center;
      background: #DCDDDD;
      padding: 10px; }
      @media (min-width: 768px) {
        .single_info ul li span {
          width: 150px; } }
      @media (max-width: 767px) {
        .single_info ul li span {
          width: 120px; } }
    .single_info ul li p {
      padding: 10px; }
      @media (min-width: 768px) {
        .single_info ul li p {
          width: calc(100% - 150px); } }
      @media (max-width: 767px) {
        .single_info ul li p {
          width: calc(100% - 120px); } }

.contact {
  padding: 2em; }
  .contact_attention {
    max-width: 700px;
    padding: 2em;
    margin: 0 auto; }
    .contact_attention p {
      text-indent: -1em;
      padding-left: 1em; }
  .contact_form {
    max-width: 700px;
    margin: 2em auto;
    border-top: 1px solid #c9caca; }
    .contact_form > li {
      border-bottom: 1px solid #c9caca; }
      @media (min-width: 768px) {
        .contact_form > li {
          display: flex; } }
    .contact_form .question {
      background: #efefef;
      padding: 1em; }
      @media (min-width: 768px) {
        .contact_form .question {
          width: 220px; } }
      .contact_form .question .req {
        width: fit-content;
        background: #e60012;
        border-radius: 5px;
        color: #fff;
        margin-left: 5px;
        padding: 3px 5px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.4285714286; }
    .contact_form .write {
      padding: 1em; }
      @media (min-width: 768px) {
        .contact_form .write {
          width: calc(100% - 220px); } }
      .contact_form .write .form-input,
      .contact_form .write textarea {
        width: 100%; }
      .contact_form .write ::placeholder {
        color: #c9caca; }
      .contact_form .write input {
        border: 1px solid #c9caca; }
  .contact .submit {
    width: 80%;
    max-width: 250px;
    margin: 2em auto; }
  .contact input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100% !important;
    background: #006934;
    color: #fff;
    text-align: center;
    padding: 15px 30px;
    border-radius: 10px;
    transition: .3s; }
    .contact input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
      background: #666;
      transition: .3s; }
  .contact .wpcf7-list-item {
    margin: 0 1em 0 0; }
  .contact .kakunin {
    text-align: center; }
    .contact .kakunin a {
      text-decoration: underline; }
      .contact .kakunin a:hover {
        text-decoration: none; }

form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"],
form input[type="date"],
form textarea, select {
  width: 100%; }

.kakunin {
  text-align: center; }
  .kakunin a {
    text-decoration: underline; }
    .kakunin a:hover {
      text-decoration: none; }

.slider_wrapper {
  margin: 2em auto 4em; }

.slider .slick-slide {
  position: relative;
  margin-bottom: 10px; }
  .slider .slick-slide img {
    width: 100% !important;
    height: 60vw !important;
    max-height: 700px;
    object-fit: cover; }
  .slider .slick-slide .noimage {
    width: 100% !important;
    height: 60vw !important;
    max-height: 700px;
    object-fit: cover;
    background: #EFEFEF;
    display: grid;
    align-content: center;
    justify-items: center;
    color: #898989; }
    @media (min-width: 768px) {
      .slider .slick-slide .noimage {
        min-height: 700px; } }
    @media (max-width: 767px) {
      .slider .slick-slide .noimage {
        min-height: 250px; } }
.slider_thumbnail_wrapper {
  width: 90%;
  margin: 1em auto; }
  .slider_thumbnail_wrapper li {
    margin: 0 5px; }
.slider_thumbnail {
  /* dotsを丸くカスタマイズするCSS */ }
  .slider_thumbnail .dots-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1em auto; }
  .slider_thumbnail .dots-wrap li {
    opacity: 1;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #DCDDDD;
    border-radius: 50%;
    cursor: pointer; }
  .slider_thumbnail .dots-wrap li:hover,
  .slider_thumbnail .dots-wrap li.slick-active {
    background: #006934; }
  .slider_thumbnail .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent; }
  .slider_thumbnail .slide-arrow {
    background-color: #fff;
    bottom: 0;
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 0; }
  @media (min-width: 768px) {
    .slider_thumbnail .prev-arrow {
      border-bottom: 20px solid #fff;
      border-left: 0;
      border-right: 20px solid #333;
      border-top: 20px solid #fff;
      left: -5%; } }
  @media (max-width: 767px) {
    .slider_thumbnail .prev-arrow {
      border-bottom: 15px solid #fff;
      border-left: 0;
      border-right: 15px solid #333;
      border-top: 15px solid #fff;
      left: -10%;
      top: -25px; } }
  @media (min-width: 768px) {
    .slider_thumbnail .next-arrow {
      border-bottom: 20px solid #fff;
      border-left: 20px solid #333;
      border-right: 0;
      border-top: 20px solid #fff;
      right: -5%; } }
  @media (max-width: 767px) {
    .slider_thumbnail .next-arrow {
      border-bottom: 15px solid #fff;
      border-left: 15px solid #333;
      border-right: 0;
      border-top: 15px solid #fff;
      right: -10%;
      top: -25px; } }
  .slider_thumbnail button {
    -webkit-appearance: none;
    transition: .3s; }
    .slider_thumbnail button:hover {
      transition: .3s;
      opacity: .5; }
  .slider_thumbnail li {
    opacity: .5;
    transition: .3s;
    position: relative; }
    @media (max-width: 767px) {
      .slider_thumbnail li {
        width: calc((100% - 10px) / 2); } }
    .slider_thumbnail li::before {
      content: '';
      display: block;
      padding-top: 100%; }
    .slider_thumbnail li img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: 0;
      object-fit: cover; }
    .slider_thumbnail li.slick-current {
      opacity: 1; }
      .slider_thumbnail li.slick-current .noimage {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        background: #EFEFEF;
        display: grid;
        align-content: center;
        justify-items: center;
        color: #898989;
        object-fit: cover; }
    .slider_thumbnail li:hover {
      cursor: pointer;
      transition: .3s; }

.error {
  text-align: center; }
  .error a {
    display: block;
    width: fit-content;
    margin: 2em auto;
    border: 1px solid #000;
    padding: 10px 5em; }
    .error a:hover {
      text-decoration: none;
      background: #efefef; }

.post-title a:hover {
  color: #006934 !important; }

.post_cat {
  margin: 0 5px;
  padding: 2px 10px;
  color: #fff;
  border-radius: 5px; }
  @media (min-width: 768px) {
    .post_cat {
      width: 180px;
      text-align: center; } }
  .post_cat.event {
    background: #E60012; }
  .post_cat.union {
    background: #00A0E9; }
  .post_cat.statement {
    background: #006934; }
  .post_cat.periodic {
    background: #b28247; }

.member_cat {
  margin: 0 5px;
  padding: 2px 10px;
  background: #8fc31f;
  border-radius: 5px;
  color: #fff; }
  @media (min-width: 768px) {
    .member_cat {
      width: 180px;
      text-align: center; } }

.pagination {
  margin: 2em auto;
  display: flex;
  justify-content: center; }

.post_h2 {
  text-align: center;
  margin: 1em auto;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6666666667; }

.report_wrapper {
  max-width: 800px;
  margin: 0 auto; }

.report_list {
  position: relative;
  margin: 2em 0; }
  .report_list > li {
    padding: 5px 0; }
    .report_list > li::before {
      position: absolute;
      content: '●';
      color: #dcdddd; }
    .report_list > li a {
      margin-left: 1.1em;
      display: block;
      width: fit-content;
      text-decoration: underline;
      color: #46a939; }
      .report_list > li a:hover {
        text-decoration: none; }

.l-page_news {
  padding: 0 1em; }

.post-content dl dd {
  border: none; }

.post-content > div > a {
  color: #006934;
  text-decoration: underline; }
  .post-content > div > a:hover {
    text-decoration: none; }

.wp-caption {
  background: none;
  border: none !important; }

@media (min-width: 768px) {
  .post-cont {
    padding: 0 64px; } }
@media (max-width: 767px) {
  .post-cont {
    padding: 0 20px; } }
.post-cont p a {
  color: #006934;
  text-decoration: underline; }
  .post-cont p a:hover {
    text-decoration: none; }