@charset "UTF-8";
/*------------------------------------------------------
 共通
-------------------------------------------------------*/
/*------------------------------------------------------
 メインビジュアル
-------------------------------------------------------*/
#visual {
  position: relative;
  overflow: hidden; }
  #visual .slide-main {
    margin-bottom: 0; }
    #visual .slide-main img {
      width: 100%;
      height: 720px;
      object-fit: cover;
      object-position: center; }
      @media screen and (max-width: 768px) {
        #visual .slide-main img {
          height: 50vh; } }
  #visual .maintext {
    position: absolute;
    top: 130px;
    left: 5%;
    bottom: 10%;
    width: 100%;
    color: #fff;
    z-index: 2; }
    #visual .maintext p {
      height: 100%;
      display: flex;
      align-items: center; }
      #visual .maintext p img {
        width: auto;
        height: 90%; }
    @media screen and (max-width: 768px) {
      #visual .maintext p {
        height: 100%;
        display: flex;
        align-items: center; }
        #visual .maintext p img {
          height: auto;
          width: 200px; } }
  #visual ul.slide-navigation {
    max-width: 720px;
    margin: auto;
    display: flex; }
    #visual ul.slide-navigation li.item {
      list-style: none;
      padding-bottom: 15%;
      width: 100%;
      position: relative;
      cursor: pointer; }
      #visual ul.slide-navigation li.item img {
        position: absolute;
        top: 2%;
        left: 2%;
        right: 2%;
        bottom: 2%;
        width: 96%;
        height: 96%;
        object-fit: cover; }
      #visual ul.slide-navigation li.item:hover {
        opacity: 0.7; }
  #visual .visual-text {
    padding: 0.5em 1em;
    text-align: right;
    font-size: 90%; }
    @media screen and (max-width: 768px) {
      #visual .visual-text {
        font-size: 80%; } }

@keyframes fadezoom {
  0% {
    transform: scale(1); }
  18% {
    transform: scale(1); }
  100% {
    transform: scale(1.2);
    /* 拡大率 */ } }
.add-animation {
  animation: fadezoom 15s 0s forwards; }

.catch {
  padding: 50px 0 20px 0; }
  .catch h2 {
    margin-bottom: 0.5em; }
  .catch p {
    line-height: 2;
    margin-bottom: 1em; }
  .catch .inner {
    padding-right: 25%;
    background: url("../img/top/img-read.png");
    background-position: right bottom;
    background-size: auto 100%;
    background-repeat: no-repeat; }
  @media screen and (max-width: 576px) {
    .catch .container {
      padding: 0; }
    .catch p {
      font-size: 85%;
      background: rgba(255, 255, 255, 0.7);
      padding: 1em; }
    .catch .inner {
      padding-right: 5%;
      padding-left: 5%;
      background-size: 30% auto; } }

.news {
  padding: 50px 10px; }
  .news h2.news-title {
    font-size: 320%;
    background: url("../img/top/img-news.png");
    background-position: right bottom;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding-bottom: 25%; }
    .news h2.news-title span {
      font-size: 50%;
      display: block; }
    @media screen and (max-width: 576px) {
      .news h2.news-title {
        font-size: 240%; } }

.button-area {
  padding: 50px 0;
  background: #e9e3d8; }

.banner-area .col-6 {
  padding: 10px;
  text-align: center; }
  .banner-area .col-6 a {
    display: inline-block; }
    .banner-area .col-6 a img {
      vertical-align: middle; }

ul.link-list {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5em;
  background: #fff;
  padding-top: 2em; }
  ul.link-list li {
    font-weight: bold;
    list-style: none;
    padding: 0 1em 0 1em;
    margin-bottom: 0.5em;
    position: relative; }
    ul.link-list li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.5em;
      border-right: 2px solid #408868;
      border-top: 2px solid #408868;
      transform: rotate(45deg);
      width: 0.4em;
      height: 0.4em; }
    ul.link-list li a {
      text-decoration: none;
      color: #222; }