body {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #FCF5F0;
    padding-top: 60px;
  }
  ul {
    padding: 0;
    margin: 0;
  }
  li {
    font-weight: 500;
    padding-left: 20px;
    font-size: 14px;
    margin: 10px 0 5px;
  }
  p {
        margin: 0;
        
        font-size: 12px;
        letter-spacing: 0.03em;
        line-height: 1.8;
  }
  img {
      max-width: 100%;
      height: auto;
  }
  h1,h2,h3,h4,h5 {

  }
  a {
      cursor: pointer;
      color:#333;
      transition: opacity 0.3s;
  }
  a:hover {
    color: inherit;
    text-decoration: none;
    opacity: 0.7;
  }
  
  br {
      vertical-align: middle;
  }
  iframe {
      display: block;
      border: none;
      width:100%;
  }
  
  .modal {
      z-index: 9999999999;
  }
  .col-md-8 {
    padding:0;
  }
  .col-md-9 {
    padding:0;
  }
  li{
    list-style: none;
    position: relative;
    padding-left: 20px;
}
li::before {
    content:  "";
    position: absolute;
    width:  12px;
    height:  12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #00513A;
    border-radius:  50%;  
}
  
  /*-- TOPページスライダー設定 --*/
  .controlArea .carousel-item {
      display: block;
      opacity: 1;
      transition: transform 5s ease, opacity 1.0s ease-out
  }
  .carousel-item:before {
    content:"";
  display: block;
  padding-top: calc(850/1440*100%);
  
}
  .carousel-item img {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width:100%;
      height:100%;
      object-fit: cover;
  }
  .carousel-fade .carousel-item {
      opacity: 0;
      -webkit-transition-duration: 1.1s;
      -o-transition-duration: 1.1s;
      transition-duration: 1.1s;
      -webkit-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity
  }
  /*-- ページャー --*/
  .webgene-pagination {
      width: 100%;
      order: 100;
      margin: 40px auto 40px;
  }
  .webgene-pagination ul {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
  }
  .webgene-pagination li {
      margin: 0 5px;
      list-style: none;
  }
  .webgene-pagination li a {
      display: flex;
      width: 40px;
      height: 40px;
      justify-content: center;
      align-items: center;
      font-size: 12px;
      border: 1px solid #604C3F;
      color: #fff;
      background: #3B4837;
      border-radius: 50%;
  }
  
  .webgene-pagination li a:hover {
      background: #fff;
      color: #3B4837;
  }
  
  .webgene-pagination .selected a {
      background: #fff;
      pointer-events: none;
      color: #3B4837;
  }
  .l-inner {
  max-width: 1290px;
  margin: 0 auto;
  padding: 70px 15px 0;
  display: block;
  width: 100%;
}

.l-inner--short {
  max-width: 1075px;
  margin: 0 auto;
}
.l-inner--short-top {
}
.row {
  margin: 0;
  gap: 40px 2%;
  
}
.row {
}
.carousel {

}
.is-pc {
  display: none;
}
.is-sp {
  display: block;
}

@media (min-width: 768px) {
  body {
    padding-top: 80px;
  }
  p {
    font-size: 14px;
  }
  li {
    padding-left: 25px;
    margin: 20px 0 10px;
  }
  .carousel-item:before {
    padding-top: calc(700/1440*100%);
  }
  .row {
    gap: 80px 2%;
  }
  .webgene-pagination {
    margin: 80px auto 80px;
  }
  .l-inner {
    padding: 120px 50px 0 25px;
  }
  .l-inner {
    padding: 100px 20px 0;
  }

  .is-pc {
    display: block;
  }
  .is-sp {
    display: none;
  }
}
  @media (min-width: 576px) {
    .container {
      max-width: none;
    }
  }

  @media (min-width: 1051px) {
    .l-inner {
      padding: 120px 50px 0 25px;
    }
  }
  @media (max-width: 767px) {
    a.pc_only {
      display: none;
    }
  }