/* Scss Document */
/*4px is init number*/
/* Dots */
.slick-dots {
  position: absolute;
  bottom: 20px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 4px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background-color: #FFF;
    border-radius: 4px; }
  .slick-dots li.slick-active button {
    background-color: #921d22; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

#keyv {
  clear: both;
  position: relative;
  width: 100%;
  border-top: 1px solid #921d22;
  border-bottom: 1px solid #921d22;
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden; }
  #keyv #slide {
    width: 980px;
    margin: 0 auto; }
    #keyv #slide .vis a {
      display: block;
      width: 100%;
      max-width: 980px;
      margin: 0 auto; }

#maincontents {
  padding-right: 33px; }

@media (max-width: 980px) {
  #keyv {
    width: 100%;
    overflow: hidden; }
    #keyv #slide {
      width: 100%; }
      #keyv #slide .vis a {
        width: 100%;
        max-width: none; }
      #keyv #slide .vis img {
        width: 100%;
        height: auto; } }
#maincontents .sec {
  margin-bottom: 50px; }
  #maincontents .sec h2 {
    border-bottom: 3px solid #921d22;
    margin-bottom: 20px; }
#maincontents #sec-01 .pickup-include-pc {
  display: block; }
  #maincontents #sec-01 .pickup-include-pc iframe[style] {
    width: 100% !important; }
  #maincontents #sec-01 .pickup-include-pc .featureList.featureList-middle > li {
    width: 33% !important; }
#maincontents #sec-01 .pickup-include-sp {
  display: none; }
#maincontents #sec-02 {
  padding: 0 10px; }
  #maincontents #sec-02 .embedMovie {
    width: 660px;
    margin: 0 auto; }
#maincontents #sec-03 {
  padding: 7px;
  background: url(/img/top/bg-orange.gif); }
  #maincontents #sec-03 .inner {
    padding: 13px 0 16px 15px;
    background: #FFF url(/img/top/sec3-img.jpg) right 6px bottom 7px no-repeat; }
    #maincontents #sec-03 .inner a {
      color: #ff841d; }
  #maincontents #sec-03 h2 {
    width: 565px;
    border-bottom: 3px solid #ff841e;
    margin-bottom: 12px;
    padding-bottom: 8px; }
  #maincontents #sec-03 .content-body {
    width: 565px; }
    #maincontents #sec-03 .content-body p {
      line-height: 1.8; }

@media (max-width: 979px) {
  #maincontents {
    margin-top: 2em;
    padding-right: 0; }
    #maincontents .sec {
      margin-bottom: 50px; }
      #maincontents .sec h2 img {
        width: 100%;
        height: auto;
        display: block; }
    #maincontents #sec-01 img {
      width: 100%;
      height: auto;
      display: block; }
    #maincontents #sec-01 .pickup-include-pc {
      display: none; }
    #maincontents #sec-01 .pickup-include-sp {
      display: block; }
      #maincontents #sec-01 .pickup-include-sp iframe {
        width: 100%; }
    #maincontents #sec-02 {
      padding: 0; }
      #maincontents #sec-02 .embedMovie {
        width: 100%;
        margin: 0 auto;
        position: relative;
        width: 100%;
        padding-top: 56.25%; }
        #maincontents #sec-02 .embedMovie iframe {
          position: absolute;
          top: 0;
          right: 0;
          width: 100% !important;
          height: 100% !important; }
    #maincontents #sec-03 {
      padding: 7px;
      background: url(/img/top/bg-orange.gif); }
      #maincontents #sec-03 .inner {
        padding: 13px 0 16px 15px;
        background: #FFF url(/img/top/sec3-img.jpg) right 6px bottom 7px no-repeat; }
      #maincontents #sec-03 h2 {
        width: 80%;
        margin-bottom: 12px;
        padding-bottom: 8px; }
        #maincontents #sec-03 h2 img {
          width: 34%;
          height: auto;
          display: block; }
      #maincontents #sec-03 .content-body {
        width: 70%; }
        #maincontents #sec-03 .content-body p br {
          display: none; } }