@charset "UTF-8";
/********************************************

*******************************************/
#information {
  /*archive*/
  /*single*/ }
  #information #contenttit {
    background: url(../images/information/mainvisual.jpg?2) no-repeat center left;
    background: cover;
    color: #0db6b1;
    font-weight: bold;
    line-height: 100%;
    letter-spacing: 7px;
    margin-bottom: 0px !important; }
    @media screen and (max-width: 767px) {
      #information #contenttit {
        font-size: 180%;
        padding: 60px 0px; } }
    @media screen and (min-width: 768px) {
      #information #contenttit {
        padding: 80px 0px;
        font-size: 300%; } }
    #information #contenttit div {
      font-size: 60%;
      color: #666;
      font-weight: bold; }
  #information #catinner {
    padding-bottom: 100px;
    max-width: 800px;
    padding: 30px 20px;
    margin: 0px auto; }
    @media screen and (min-width: 768px) {
      #information #catinner {
        padding: 50px 20px; } }
  #information ul.infoList li {
    padding: 10px 10px;
    background: #ffffff;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #information ul.infoList li {
        padding: 20px 20px; } }
    #information ul.infoList li:hover {
      background: #ffffff; }
      #information ul.infoList li:hover .more {
        background: #098A86; }
    #information ul.infoList li a {
      display: flex;
      justify-content: space-between; }
      #information ul.infoList li a:hover {
        text-decoration: none; }
    #information ul.infoList li .thumb {
      width: 30%; }
    #information ul.infoList li .aboutArea {
      width: 67%; }
      @media screen and (min-width: 768px) {
        #information ul.infoList li .aboutArea {
          font-size: 150%; } }
      #information ul.infoList li .aboutArea .date {
        font-weight: normal; }
      #information ul.infoList li .aboutArea .infoTit {
        font-weight: bold;
        margin-bottom: 15px; }
      #information ul.infoList li .aboutArea .more {
        background: #0db6b1;
        color: #ffffff;
        width: 160px;
        line-height: 1.0;
        padding: 10px 15px;
        text-align: center;
        font-weight: bold;
        position: relative;
        font-size: 14px; }
        #information ul.infoList li .aboutArea .more::after {
          content: "→";
          position: absolute;
          right: 12px;
          top: 50%;
          transform: translateY(-50%); }
    #information ul.infoList li img {
      width: 100%; }
  #information h2.post_title {
    background: #0db6b1;
    border-radius: 10px;
    color: #fff;
    padding: 10px 10px;
    font-size: 180%;
    font-weight: normal;
    margin: 0px auto;
    margin-bottom: 30px;
    text-align: left; }
    @media screen and (min-width: 768px) {
      #information h2.post_title {
        padding: 20px 20px; } }
  #information #catinner {
    padding-bottom: 100px;
    max-width: 800px;
    padding: 30px 20px;
    margin: 0px auto; }
    @media screen and (min-width: 901px) {
      #information #catinner {
        padding-bottom: 150px; } }
    #information #catinner img {
      max-width: 800px;
      width: 100%; }
    #information #catinner p {
      margin-bottom: 30px; }