@charset "utf-8";
/*pc*/
.thm-page-special .gigaindex .head {
  border: none;
  font-size: 0;
  margin: 0;
}
.thm-page-special .gigaindex .detail {
  width: 100%;
}
.free-custom {
  font: 16px/1.6em "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #4D4D4D;
  width: 100%;
  padding: 0 0 21px;
  background-image: url(img/bg_13.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
.free-custom a {
  color: #41210f !important;
}
.free-custom a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.free-custom .header {
  text-align: center;
}
.free-custom .header .rd {
  font-weight: bold;
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
  background-color: #14a83b;
  padding: 20px;
}
.free-custom .header .rd span {
  font-size: 24px;
  font-weight: bold;
  color: #efeaa4;
  vertical-align: bottom;
}
.free-custom .contents {
  width: 100%;
  padding-top: 20px;
}
.free-custom .article-sec .mvttl {
  font-size: 18px;
  line-height: 20px;
  color: #345daa;
  font-weight: bold;
  background-color: #efeaa4;
  text-align: center;
  width: 100%;
  padding: 7px;
}
.free-custom .article-sec .mvttl span {
  font-size: 14px;
}
.free-custom .article-sec p.btn {
  font-size: 24px;
  line-height: 60px;
  color: #ffffff;
  font-weight: bold;
  background-color: #B7B7B7;
  text-align: center;
  display: block;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  animation: btnanm 2s infinite;
}
.free-custom .article-sec p.btn a {
  color: #FFFFFF !important;
  background: rgb(242, 160, 26);
  background: -webkit-linear-gradient(left, rgba(242, 160, 26, 1) 0%, rgba(248, 181, 0, 1) 50%, rgba(242, 160, 26, 1) 100%);
  background: -o-linear-gradient(left, rgba(242, 160, 26, 1) 0%, rgba(248, 181, 0, 1) 50%, rgba(242, 160, 26, 1) 100%);
  background: linear-gradient(to right, rgba(242, 160, 26, 1) 0%, rgba(248, 181, 0, 1) 50%, rgba(242, 160, 26, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a01a', endColorstr='#f2a01a', GradientType=1);
  display: block;
  border-radius: 30px;
}
.free-custom .article-sec p.btn a:hover {
  color: #FFFFFF !important;
  background: rgb(20, 168, 59);
  background: -moz-linear-gradient(left, rgba(20, 168, 59, 1) 0%, rgba(107, 205, 82, 1) 50%, rgba(20, 168, 59, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(20, 168, 59, 1) 0%, rgba(107, 205, 82, 1) 50%, rgba(20, 168, 59, 1) 100%);
  background: linear-gradient(to right, rgba(20, 168, 59, 1) 0%, rgba(107, 205, 82, 1) 50%, rgba(20, 168, 59, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14a83b', endColorstr='#14a83b', GradientType=1);
  display: block;
  border-radius: 30px;
}
@keyframes btnanm {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.9, 1.1);
  }
  20% {
    transform: scale(1.1, 0.9);
  }
  30% {
    transform: scale(0.95, 1.05);
  }
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.9, 1.1);
  }
  20% {
    transform: scale(1.1, 0.9);
  }
  30% {
    transform: scale(0.94, 1.06);
  }
  40% {
    transform: scale(1, 1);
  }
  45% {
    transform: scale(0.98, 1.02);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.free-custom .article-sec .stp1 {
  background-image: url(img/bg_01.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 647px;
  height: 505px;
  float: left;
  position: relative;
}
.free-custom .article-sec .stp1 h2 {
  position: absolute;
  left: 20px;
  z-index: 99999;
}
.free-custom .article-sec .stp1 h3 {
  width: 462px;
  position: absolute;
  top: 78px;
  left: 140px;
}
.free-custom .article-sec .stp1 .mv {
  position: absolute;
  top: 144px;
  left: 44px;
}
.free-custom .article-sec .stp2 {
  width: 495px;
  float: right;
  position: relative;
}
.free-custom .article-sec .stp2 h2 {
  position: absolute;
  right: 0px;
  z-index: 99999;
}
.free-custom .article-sec .stp2 h3 {
  padding-top: 68px;
}
.free-custom .article-sec .stp3 {
  background-image: url(img/bg_02.png), url(img/bg_03.png);
  background-position: left 59px, right 11px;
  background-repeat: no-repeat, no-repeat;
  margin-top: -28px;
}
.free-custom .article-sec .stp3 h2 {
  text-align: center;
  padding-left: 50px;
}
.free-custom .article-sec .stp3 h2 img {
  margin-top: -28px;
}
.free-custom .article-sec .stp3 h3 {
  font-size: 30px;
  line-height: 30px;
  color: #db007c;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.free-custom .article-sec .stp3 .bx01 {
  width: 100%;
  margin-top: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.free-custom .article-sec .stp3 .bx01 div {
  background-color: #add9ff;
  width: 208px;
  padding-bottom: 20px;
  border-radius: 20px;
}
.free-custom .article-sec .stp3 h5 {
  font-size: 20px;
  line-height: 28px;
  color: #345daa;
  font-weight: bold;
  margin: 10px 20px;
}
.free-custom .article-sec .stp3 li {
  font-size: 20px;
  line-height: 28px;
  color: #41210f;
  font-weight: bold;
  list-style: outside;
  margin: 0 20px 0 40px;
  padding: 0;
}
.free-custom .article-sec .stp3 .btn {
  font-size: 30px;
  line-height: 36px;
  width: 92%;
  margin-top: 20px;
  border-radius: 50px;
}
.free-custom .article-sec .stp3 .btn a {
  padding: 10px;
  border-radius: 50px;
}
.free-custom .article-sec .stp3 .btn a:hover {
  border-radius: 50px;
}
.free-custom .article-sec .stp3 .btn .span01 {
  font-size: 24px;
  font-weight: bold;
  color: #efeaa4;
  vertical-align: bottom;
}
.free-custom .article-sec .stp3 .btn .span02 {
  font-size: 18px;
  font-weight: bold;
  vertical-align: bottom;
}
.free-custom .article-sec .stp4 {
  background-image: url(img/bg_04.png);
  background-position: right top;
  background-repeat: no-repeat;
  margin-top: 15px;
  position: relative;
}
.free-custom .article-sec .stp4 h2 {
  text-align: left;
  position: absolute;
  top: 25px;
  z-index: 1;
}
.free-custom .article-sec .stp4 .bx01 {
  width: 980px;
  float: right;
  margin-top: 103px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 999999;
}
.free-custom .article-sec .stp4 .bx01 div {
  background-image: url(img/bg_05.png), url(img/bg_06.png), url(img/bg_07.png);
  background-position: center top, center bottom, center top;
  background-repeat: no-repeat, no-repeat, repeat-y;
  width: 475px;
  padding: 20px;
  position: relative;
}
.free-custom .article-sec .stp4 div img {
  width: 240px;
  float: left;
}
.free-custom .article-sec .stp4 h3 {
  font-size: 20px;
  line-height: 28px;
  color: #41210f;
  font-weight: bold;
  width: 185px;
  float: right;
}
.free-custom .article-sec .stp4 a {
  color: #41210f!important;
  display: block;
}
.free-custom .article-sec .stp4 a:hover h3 {
  opacity: 0.7;
}
.free-custom .article-sec .stp4 a:hover img {
  opacity: 0.85;
}
.free-custom .article-sec .stp5 {
  background-image: url(img/bg_08.png), url(img/bg_11.png), url(img/bg_12.png);
  background-position: 72px top, 33px bottom, right bottom;
  background-repeat: no-repeat, no-repeat, no-repeat;
  margin-top: 25px;
  padding-bottom: 20px;
  position: relative;
}
.free-custom .article-sec .stp5 h2 {
  text-align: left;
  width: 646px;
  float: right;
  padding-top: 17px;
  position: relative;
}
.free-custom .article-sec .stp5 h2 #img01 {
  position: absolute;
  top: 5px;
  right: 0px;
}
.free-custom .article-sec .stp5 .bx01 {
  width: 1080px;
  margin-top: 88px;
}
.free-custom .article-sec .stp5 .bx01 .bx02 {
  width: 331px;
  float: left;
  margin-top: 15px;
  margin-right: 29px;
}
.free-custom .article-sec .stp5 .bx01 .mv01 {
  background-image: url(img/bg_09.png);
  background-position: center top;
  background-repeat: no-repeat;
  width: 331px;
  padding: 20px 0px 32px 26px;
}
.free-custom .article-sec .stp5 .bx01 .mv02 {
  background-image: url(img/bg_10.png);
  background-position: center top;
  background-repeat: no-repeat;
  width: 331px;
  padding: 20px 0px 32px 26px;
}
.free-custom .article-sec .stp5 .bx01 .mv03 {
  margin-left: 183px;
}