@charset "UTF-8";
/*********************/
.infomation_box {
  max-width: 1320px;
  width: calc(100% - 140px);
  margin: 0 auto; }
  .infomation_box ul {
    max-width: 1320px;
    margin: 0 auto 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    z-index: 5; }
  .infomation_box li {
    max-width: 400px;
    width: calc((100% - 140px)/3);
    margin: 0 60px 100px 0; }
    .infomation_box li:nth-of-type(3n) {
      margin-right: 0; }
    .infomation_box li a {
      text-decoration: none; }
    .infomation_box li .pic {
      aspect-ratio: 4/3;
      width: 100%;
      max-width: 100%;
      height: auto;
      overflow: hidden;
      border-radius: 20px;
      border: 1px solid #ccc;
      margin: 0 0 15px; }
      .infomation_box li .pic img {
        transition: .3s;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .infomation_box li .txt {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start; }
      .infomation_box li .txt p {
        transition: .3s;
        width: 100%;
        font: 1.8rem/2em "Noto Sans", sans-serif;
        font-weight: 700;
        margin: 0 0 10px; }
      .infomation_box li .txt span {
        transition: .3s;
        height: 30px;
        font: 1.4rem/28px "Noto Sans", sans-serif;
        font-weight: 400;
        display: block;
        background-color: #006934;
        color: #fff;
        width: calc(100% - 110px);
        max-width: fit-content;
        padding: 0 15px;
        border-radius: 50px; }
      .infomation_box li .txt time {
        transition: .3s;
        font: 1.6rem/28px "Noto Sans", sans-serif;
        font-weight: 400;
        width: 100px;
        margin: 0 0 0 10px; }

@media (hover: hover) {
  .infomation_box li a:hover .pic img {
    width: 110%;
    height: 110%; }
  .infomation_box li a:hover .txt p, .infomation_box li a:hover .txt time {
    color: darkorange; }
  .infomation_box li a:hover .txt span {
    background-color: darkorange; }
  .infomation_box .btn:hover {
    background-color: darkorange;
    color: #fff;
    border: 1px solid darkorange; } }
@media (max-width: 1280px) {
  .infomation_box li {
    max-width: 400px;
    width: calc((100% - 60px)/3);
    margin: 0 30px 100px 0; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .infomation_box {
    width: calc(100% - 80px); }
    .infomation_box ul {
      max-width: 768px;
      justify-content: space-between; }
    .infomation_box li {
      max-width: 400px;
      width: calc((100% - 35px)/2);
      margin: 0 0 100px 0; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .infomation_box {
    width: calc(100% - 60px); }
    .infomation_box ul {
      max-width: 768px;
      margin: 0 auto 40px;
      justify-content: space-between; }
    .infomation_box li {
      max-width: 400px;
      width: calc((100% - 20px)/2);
      margin: 0 0 50px 0; }
      .infomation_box li .txt span {
        width: 100%; }
      .infomation_box li .txt time {
        width: 100%; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .infomation_box {
    width: calc(100% - 40px); }
    .infomation_box ul {
      max-width: 768px;
      margin: 0 auto 80px;
      display: block; }
    .infomation_box li {
      max-width: 340px;
      width: 100%;
      margin: 0 auto 50px; }
      .infomation_box li .txt span {
        width: calc(100% - 100px); }
      .infomation_box li .txt time {
        width: 100px; } }
/*max-width:480px*/
/***************************************/
.pagination {
  max-width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: center;
  align-items: center;
  font: 1.5rem/26px "Noto Sans", sans-serif;
  font-weight: 400; }
  .pagination a, .pagination span {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #c9caca;
    text-align: center;
    margin: 3px;
    color: #000; }
  .pagination a:hover {
    opacity: 0.5s; }
  .pagination span {
    border: 1px solid #c9caca;
    background-color: #006934;
    color: #fff; }

/************************************************/
.infomation_single {
  margin: 0 auto; }
  .infomation_single .single_head {
    padding: 0 0 70px;
    margin-bottom: 90px;
    border-bottom: 1px solid #C8C9C9; }
    .infomation_single .single_head div {
      max-width: 1200px;
      width: calc(100% - 140px);
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center; }
    .infomation_single .single_head .cat {
      transition: .3s;
      height: 30px;
      font: 1.4rem/28px "Noto Sans", sans-serif;
      font-weight: 400;
      display: block;
      background-color: #006934;
      color: #fff;
      width: calc(100% - 110px);
      max-width: fit-content;
      padding: 0 15px;
      border-radius: 50px; }
    .infomation_single .single_head time {
      transition: .3s;
      font: 1.6rem/28px "Noto Sans", sans-serif;
      font-weight: 400;
      width: 100px;
      margin: 0 0 0 10px; }
    .infomation_single .single_head .ttl {
      text-align: justify;
      text-justify: inter-ideograph;
      width: 100%;
      font: 3.6rem/1.5em "Noto Sans", sans-serif;
      font-weight: 700;
      color: #006934;
      margin: 0 0 10px; }
  .infomation_single .single_content {
    max-width: 1200px;
    width: calc(100% - 140px);
    font: 1.8rem/2.4em "Noto Sans", sans-serif;
    font-weight: 400;
    margin: 0 auto 170px;
    text-align: justify;
    text-justify: inter-ideograph; }
    .infomation_single .single_content a {
      text-decoration: underline; }
    .infomation_single .single_content img {
      max-width: 100%;
      height: auto;
      margin-bottom: 30px;
      line-height: 0; }
    .infomation_single .single_content h1 {
      font: 140%/1.8em "Noto Sans", sans-serif;
      font-weight: 700;
      margin: 0 0 10px; }
    .infomation_single .single_content h2 {
      font: 130%/1.8em "Noto Sans", sans-serif;
      font-weight: 700;
      margin: 0 0 10px; }
    .infomation_single .single_content h3 {
      font: 120%/2em "Noto Sans", sans-serif;
      font-weight: 700;
      margin: 0 0 10px; }
    .infomation_single .single_content h4 {
      font: 110%/2em "Noto Sans", sans-serif;
      font-weight: 700;
      margin: 0 0 10px; }
    .infomation_single .single_content h5 {
      font: 100%/2em "Noto Sans", sans-serif;
      font-weight: 700;
      margin: 0 0 10px; }
    .infomation_single .single_content dl {
      margin-bottom: 30px; }
    .infomation_single .single_content dt {
      font-weight: 600; }
    .infomation_single .single_content dd {
      padding: 0 0 0 1.8rem;
      margin: 0 0 10px; }
    .infomation_single .single_content table {
      margin-bottom: 30px; }
    .infomation_single .single_content td, .infomation_single .single_content th {
      padding: 5px 10px;
      border: 1px solid #ccc; }
    .infomation_single .single_content ul {
      margin-bottom: 30px; }
      .infomation_single .single_content ul li {
        padding: 0 0 0 1.8rem;
        position: relative;
        margin: 0 0 10px; }
        .infomation_single .single_content ul li:before {
          position: absolute;
          content: "・";
          left: 0; }
        .infomation_single .single_content ul li:last-of-type {
          margin: 0; }
    .infomation_single .single_content ol {
      counter-reset: hoge;
      margin-bottom: 30px; }
      .infomation_single .single_content ol li {
        padding: 0 0 0 2.0rem;
        position: relative;
        margin: 0 0 10px; }
        .infomation_single .single_content ol li:before {
          position: absolute;
          counter-increment: hoge;
          content: counter(hoge) ". ";
          left: 0; }
        .infomation_single .single_content ol li:nth-of-type(n+10) {
          padding: 0 0 0 3rem; }
        .infomation_single .single_content ol li:last-of-type {
          margin: 0; }
    .infomation_single .single_content figure img {
      max-width: 640px;
      margin: 0;
      line-height: 0;
      display: block;
      width: 100%;
      height: auto; }
    .infomation_single .single_content figure p,
    .infomation_single .single_content figure .wp-element-caption {
      margin: 8px 0 0;
      font: 1.4rem/1.8em "Noto Sans", sans-serif;
      font-weight: 400; }
    .infomation_single .single_content p {
      margin-bottom: 30px; }

@media (hover: hover) {
  .infomation_single .single_content a:hover {
    color: darkorange; } }
@media (max-width: 1024px) {
  .infomation_single .single_head div {
    width: calc(100% - 80px); }
  .infomation_single .single_content {
    width: calc(100% - 80px); } }
@media (max-width: 768px) {
  .infomation_single .single_head {
    padding: 0 0 50px;
    margin: 0 0 50px; }
    .infomation_single .single_head div {
      width: calc(100% - 60px); }
    .infomation_single .single_head .ttl {
      width: 100%;
      font: 3em/1.5em "Noto Sans", sans-serif;
      font-weight: 700;
      color: #006934;
      margin: 0 0 10px; }
  .infomation_single .single_content {
    margin: 0 auto 100px;
    width: calc(100% - 60px); } }
/*max-width:768px*/
@media (max-width: 480px) {
  .infomation_single .single_head div {
    width: calc(100% - 40px); }
  .infomation_single .single_head .ttl {
    width: 100%;
    font: 2.4em/1.5em "Noto Sans", sans-serif;
    font-weight: 700;
    color: #006934;
    margin: 0 0 10px; }
  .infomation_single .single_content {
    width: calc(100% - 40px);
    font: 1.6rem/2em "Noto Sans", sans-serif;
    font-weight: 400; } }
/*max-width:480px*/
/************************************************/
.btn {
  margin: 0 auto 50px;
  display: block;
  width: calc(100% - 40px);
  max-width: 480px;
  height: 80px;
  color: #006934;
  border-radius: 50px;
  text-decoration: none;
  border: 1px solid #006934;
  text-align: center;
  font: 1.8rem/78px "Noto Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  transition: .3s; }

@media (hover: hover) {
  .btn:hover {
    color: #fff;
    border: 1px solid darkorange;
    background-color: darkorange; } }
@media (max-width: 480px) {
  .btn {
    max-width: 300px;
    height: 60px;
    font: 1.6rem/58px "Noto Sans", sans-serif;
    font-weight: 400; } }
/*max-width:480px*/
/************************************************/
.page {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  .page li {
    width: 90px;
    margin: 0 30px; }
  .page a {
    transition: .3s;
    color: #006934;
    text-decoration: none;
    width: 100%;
    height: 36px;
    display: block;
    font: 1.8rem/36px "Noto Sans", sans-serif;
    font-weight: 700;
    position: relative; }
    .page a:before, .page a:after {
      transition: .3s;
      position: absolute;
      content: "";
      display: block;
      width: 36px;
      height: 36px; }
    .page a.next {
      text-align: left; }
      .page a.next:before {
        background: url("../images/common/arrow_right.svg");
        right: 0;
        top: 0; }
      .page a.next:after {
        background: url("../images/common/arrow_right_hover.svg");
        right: 0;
        top: 0;
        opacity: 0; }
    .page a.prev {
      text-align: right; }
      .page a.prev:before {
        background: url("../images/common/arrow_left.svg");
        left: 0;
        top: 0; }
      .page a.prev:after {
        background: url("../images/common/arrow_left_hover.svg");
        left: 0;
        top: 0;
        opacity: 0; }

@media (hover: hover) {
  .page a:hover {
    color: darkorange; }
    .page a:hover.next:before, .page a:hover.prev:before {
      opacity: 0; }
    .page a:hover.next:after, .page a:hover.prev:after {
      opacity: 1; } }
@media (max-width: 480px) {
  .page li {
    margin: 0 20px; } }
/*max-width:480px*/
.no_single {
  padding: 0 !important;
  margin: 0 !important; }