@charset "utf-8";
.gigaindex {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.gigaindex .head {
  font-size: 0 !important;
  margin: 0 !important;
}
.gigaindex .detail {
  width: auto !important;
}
.gigaindex .detail .free-custom {
  font: 16px/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
  background: #eff2f8 url(/feature/giga/447/img/_bg.jpg) no-repeat center top;
  background-size: 100% auto;
}
.free-custom {
  min-height: 1000px;
  background: url(/feature/giga/447/img/topimage.png) no-repeat center top;
  background-size: 100% auto;
  position: relative;
}
.free-custom .cornertitle {
  font-family: YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin: 20px 0;
  text-align: center;
}
.free-custom .section1 {
  padding-top: 480px;
  padding-bottom: 80px;
  position: relative;
}
.free-custom .section1 .video {
  font-size: 0;
  width: 860px;
  margin: auto;
}
.free-custom .section1 .video .content {
  background-color: #000;
  width: 49%;
  margin: 0 .5%;
  display: inline-block;
  position: relative;
  padding-bottom: 27.5625%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  margin-top: 0.5em;
}
.free-custom .section1 .video .content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.free-custom .section1 .overview {
  font-family: YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin: 40px auto 0;
  width: 90%;
}
.free-custom .section1 .overview p {
  margin-top: 10px;
}
.free-custom .section1 .overview .bold-red {
  color: #993300;
  font-weight: bold;
}
.free-custom .section1 .bt_newstory,
.free-custom .section1 .ribbon_newstory {
  display: block;
  position: absolute;
}
.free-custom .section1 .bt_newstory img,
.free-custom .section1 .ribbon_newstory img {
  display: block;
}
.free-custom .section1 .bt_newstory:hover img,
.free-custom .section1 .ribbon_newstory:hover img {
  background-color: transparent;
}
.free-custom .section1 .bt_newstory {
  top: 120px;
  left: 0;
}
.free-custom .section1 .bt_newstory .text {
  display: block;
  position: absolute;
  top: 131px;
  left: 0;
  width: 200px;
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
}
.free-custom .section1 .ribbon_newstory {
  top: -7px;
  left: -6px;
}
.free-custom .section2 .slider {
  position: relative;
}
.free-custom .section2 .slider .slick-list {
  position: relative;
}
.free-custom .section2 .slider div.goprev {
  width: 210px;
  height: 600px;
  position: absolute;
  z-index: 10;
  background: url(/feature/giga/447/img/arrow_prev.png) no-repeat 60% center;
}
.free-custom .section2 .slider div.gonext {
  width: 210px;
  height: 600px;
  position: absolute;
  z-index: 11;
  background: url(/feature/giga/447/img/arrow_next.png) no-repeat 40% center;
  top: 0;
  right: 0;
}
.free-custom .section3 {
  padding: 60px 0;
}
.free-custom .section3 .tighup {
  font-size: 0;
  text-align: center;
}
.free-custom .section3 .tighup .item {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 10px;
  width: 320px;
  position: relative;
}
.free-custom .section3 .tighup .item .anc {
  display: block;
}
.free-custom .section3 .tighup .item .anc:hover .img {
  opacity: .6;
  transition-duration: .5s;
}
.free-custom .section3 .tighup .item .anc:before {
  background: url(/feature/giga/447/img/tighup_frame.png) no-repeat center center;
  content: "";
  width: 320px;
  height: 320px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.free-custom .section3 .tighup .item .anc .img {
  background: url() no-repeat center center;
  background-size: cover;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  margin: 30px 30px 0;
  opacity: 1;
  transition-duration: .5s;
}
.free-custom .section3 .tighup .item .anc .text {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 20px 10px 10px;
  font-size: 14px;
  line-height: 1.3;
  min-height: 3.9em;
  text-align: left;
}
.free-custom .section3 .tighup .comingsoon {
  width: 320px;
  height: 320px;
  background: url(/feature/giga/447/img/tighup_comingsoon.png) no-repeat center center;
  text-align: center;
  line-height: 320px;
  font-size: 20px;
}
.free-custom .section4 .pickup-article {
  width: 560px;
  margin: 40px auto 80px;
  position: relative;
}
.free-custom .section4 .pickup-article .link {
  display: block;
  width: 100%;
  height: auto;
}
.free-custom .section4 .pickup-article .text {
  background-color: #cc0000;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 6px 10px;
  position: absolute;
  right: -10px;
  bottom: 0;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.free-custom .section4 .pickup {
  background: url(/feature/giga/447/img/_bg_picup.png) no-repeat center top;
  background-size: 100% 100%;
  padding: 40px 0 60px;
}
.free-custom .section4 .pickup .pickuplist {
  font-size: 0;
  text-align: center;
}
.free-custom .section4 .pickup .pickuplist .item {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  margin: 10px;
}
.free-custom .section4 .pickup .pickuplist .item .anc {
  opacity: 1;
  transition-duration: .5s;
}
.free-custom .section4 .pickup .pickuplist .item .anc:hover {
  opacity: .6;
  transition-duration: .5s;
}
.free-custom .section4 .pickup .pickuplist .item .anc .img {
  width: 220px;
  height: 160px;
  background: #000000 url() no-repeat center center;
  background-size: cover;
}
.free-custom .section4 .pickup .pickuplist .item .anc .text {
  font-size: 14px;
  line-height: 1.2;
  margin-top: 6px;
  text-align: left;
}
.free-custom .section4 .pickup .pickuplist .comingsoon {
  width: 220px;
  height: 160px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 160px;
}
.free-custom .section5 {
  background-color: #597481;
  background-color: #6d3c36;
  padding: 60px 0;
  text-align: center;
}
.free-custom .section5 .left,
.free-custom .section5 .center,
.free-custom .section5 .right {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
.free-custom .section5 .left {
  width: 300px;
}
.free-custom .section5 .left img {
  display: block;
}
.free-custom .section5 .center {
  width: 240px;
}
.free-custom .section5 .center img {
  margin: 20px 0;
  width: 100%;
  display: block;
}
.free-custom .section5 .center img:hover {
  background-color: transparent;
}
.free-custom .section5 .right {
  width: 320px;
}