h6 {
  text-shadow: 3px 3px 3px #333;/*文字の影*/
}
img {
    border-style:none;
}

body {
  font-family: "Kosugi Maru", sans-serif;
}

a { 
    text-decoration: none;
 }

/*オリジナルカスタム*/
   .slick-slide {
     height: auto;
   }
   .slick-prev {
     left: 10px;
   }
   .slick-next {
     right: 10px;
   }
   .slick-prev, .slick-next {
     z-index: 100;
   }
   .slick-prev::before, .slick-next::before {
     font-size: 24px;
   }
   .slick-dots {
     bottom: -40px;
   }
.onthetop {
    position: absolute;/*画像を重ね*/
    right: 3%;
    bottom: 5%;
}

.single {
  max-width: 100%;
  margin: 0;
}

.single img {
  width: 100%;
  transform-origin: center top;
  transform: scale(1.0);
  transition: 10s ease-out;
}
.single .slick-active img {
  transform: scale(1.1);
}

.single2 img {
  transform: scale(1.1);/*重ね画像の拡大*/
  transition: 0s ease-out;
}
.single2 .slick-active img {
  transform: scale(1.0);/*重ね画像の縮小*/

}

.mojimoji {
  position: relative;
  }

.mojimoji p {
  position: absolute;
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 3em;/*サイズ3倍*/
  text-shadow: 3px 3px 3px #000;/*文字の影*/
  top: 8%;
  left: 3%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index:999;
  }

.mojimoji img {
  width: 100%;
  }

.boxshadow01 {
     box-shadow: 3px 3px 7px #DCDCDC;
     border-radius: 5px;
}
.box {
  position     : relative;
  margin       : auto;
  width        : 100%;

  background   : #f8f8f8;
  border-radius: 10px;
}

rinens p::first-letter {
  color: #2E7EC8;
  font-size: 150%;
  font-weight: bold;
}

/*youtube responsib*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/*小杉丸：CSSクラス*/
.kosugi-maru-regular {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}

    .cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
      margin-top: 20px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }
    .card {
      padding: 10px;
    }

    .cards2 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
      gap: 30px;
      margin-top: 40px;
    }
    .card2 {
      background: white;
      border-radius: 16px;
      padding: 30px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }
    .card21 {
      transition: transform 0.3s ease;
    }

    .card21:hover {
      transform: translateY(-6px);
    }
    .card2 h3 {
      margin-top: 0;
    }
    .card2 img {
      border-radius: 10px; /* ちょっとだけ角丸 */
    }

  .cards_ko {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-top: 40px;
  }

  .card_ko {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
  }

  /* ホバー停止
  .card_ko:hover {
    transform: translateY(-6px);
  }
  */

  .card_ko h3 {
    margin-top: 0;
  }

  .card_ko img {
    border-radius: 10px;
  }

  .minicards_ko {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 10px;
    margin-top: 0;
  }

  .minicards_ko img {
    border-radius: 0;
  }