a[class^="icon"] {
  color: rgba(64, 33, 15, 0.8);
  display: inline-block;
  font-size: 5rem;
  padding: 2px 3px;
  background-color: white;
  width: 150px;
  border-radius: 20px;
  box-shadow: 12px 12px 5px rgba(0, 0, 0, 0.15);
  margin-bottom: 5%;
}

.icon-seal::before {
  font-family: "Font Awesome 5 free";
  content: "\f111";
  font-weight: 400;
  left: 2rem;
}

.icon-scissors::before {
  font-family: "Font Awesome 5 free";
  content: "\f0c4";
  font-weight: 900;
  left: 2rem;
}

.icon-stick::before {
  font-family: "Font Awesome 5 free";
  content: "\f0c5";
  font-weight: 400;
  left: 2rem;
}

.icon-origami::before {
  font-family: "Font Awesome 5 free";
  content: "\f0c8";
  font-weight: 900;
  left: 2rem;
}

.icon-letter::before {
  font-family: "Font Awesome 5 free";
  content: "\f2b6";
  font-weight: 400;
  left: 2rem;
}

.contents-list>li>a {
  text-align: center;
}

/*ページトップに戻るアイコン*/

.return-top-JQ {
  position: fixed;
  right: 1%;
  bottom: 0;
  border: none;
  opacity: 1;
  outline: 0;
}

.return-top-JQ a {
  display: block;
  text-decoration: none;
  background-color: none;
  height: 80px;
}

/* スライダーの設定 矢印 */

/* .slick-prev:before, .slick-next:before {
  color: #40210f;
  position: relative;
  z-index: 3;
} */

/* .slick-next {
  right: 250px;
}

.slick-prev {
  left: 200px;
} */

/* .slick-prev:before, .slick-next:before {
  font-size: 80px;
} */

/* 真ん中配置 */

.slick-list div img {
  margin: 0 auto;
}

.slick-dots {
  position: relative;
  top: -50px;
}

.slick-dots li {
  width: 5%;
}

/*ナビの詳細の枠のカラー*/

.menu>ul>li {
  border-color: #f6bba6;
}

/*メインのtabメニュー*/

main {
  max-width: 90%;
  margin: auto;
}