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

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */
/* SP用CSSの記述 */
.freeareacontent {
  overflow-x: hidden;
  width: 100%;
  max-width: 1600px;
  margin: auto;
}
.freeareacontent .slick-arrow.slick-prev {
  width: 20px;
  background-size: 20px;
  background: url(../images/allow002.png) no-repeat top center;
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 99;
  background-size: 20px;
  text-indent: 9999px;
}
.freeareacontent .slick-arrow.slick-next {
  width: 20px;
  background-size: 20px;
  background: url(../images/allow001.png) no-repeat top center;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 99;
  background-size: 20px;
  text-indent: 9999px;
}
.freeareacontent .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.freeareacontent .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 15px;
}
.freeareacontent .slick-dots li button {
  width: 100%;
  height: 100%;
  background: #999;
  text-indent: 999px;
  border-radius: 50%;
}
.freeareacontent .slick-dots li.slick-active button {
  background: #00d1c8;
}
.freeareacontent img {
  max-width: 100%;
  height: auto;
}
.freeareacontent h1 {
  position: absolute;
  top: -1000px;
}
.freeareacontent__element {
  width: 100%;
  margin: auto;
}
.freeareacontent__element#titlewrap {
  height: 450px;
  position: relative;
}
.freeareacontent__element#titlewrap .title {
  position: absolute;
  top: 130px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 99;
}
.freeareacontent__element#titlewrap .slick-initialized {
  padding-top: 10px;
  padding-top: 70px;
}
.freeareacontent__element#titlewrap .slick-initialized .slick-slide {
  margin: 0 10px;
}
.freeareacontent__element#contentwrap {
  background: url(../images/contentbg.png) no-repeat top center;
  height: 1665px;
}
.freeareacontent__element-area {
  height: 100%;
  width: 990px;
  margin: auto;
  position: relative;
}
.freeareacontent__element-area-item {
  position: absolute;
  top: 0;
  left: 0;
}
.freeareacontent__element-area-item a {
  display: block;
  position: relative;
}
.freeareacontent__element-area-item a .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
.freeareacontent__element-area-item a .off {
  transition: 0.3s;
}
.freeareacontent__element-area-item a:hover .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
.freeareacontent__element-area-item a:hover .off {
  opacity: 0;
}
.freeareacontent__element-area-item.item01 {
  top: 358px;
  left: 119px;
}
.freeareacontent__element-area-item.item02 {
  top: 1346px;
  left: 548px;
}
.freeareacontent__element-area-item.item03 {
  top: 1454px;
  left: 548px;
}

/* PC、Tablet用CSSの記述 *//*# sourceMappingURL=style.css.map */