#key .slide1 {
  background-image: url(../img/whisky/key.png);
}

h2, h3 {
  font-family: 'Noto Serif JP', serif;
}

#lead {
  background: url(../img/whisky/lead_bg.png) no-repeat top center;
  background-size: cover;
  padding-bottom: 345px;
}

#lead .boxtxt {
  padding: 672px 0 0 443px;
  position: relative;
  z-index: 2;
}

#lead .boxtxt h2 {
  font-size: 38px;
  line-height: 76px;
  letter-spacing: 16px;
}

#lead .boxtxt h2 span {
  font-size: 46px;
}

#lead .boxtxt .txt {
  padding-top: 111px;
}

#lead .boxtxt .txt p {
  padding-bottom: 30px;
}

#lead .photo {
  position: absolute;
  top: 612px;
  left: -300px;
}

#straight {
  background: url(../img/whisky/straight_bg.png) no-repeat top center;
  height: 1217px;
  margin-top: -140px;
  position: relative;
  z-index: 1;
}

#straight .boxtxt {
  width: 458px;
  padding-top: 315px;
}

#straight .boxtxt h2 {
  font-size: 46px;
  line-height: 64px;
  width: 570px;
  letter-spacing: 12px;
  position:relative;
  z-index:2;
}

#straight .boxtxt h2 span {
  font-size: 30px;
  line-height: 64px;
  padding-bottom: 30px;
  display: inline-block;
}

#straight .boxtxt .txt {
  padding: 73px 0 0 6px;
}

#straight .photo {
  padding-top: 223px;
  width: 542px;
}

#captain {
  padding-bottom: 253px;
  background: url(../img/whisky/captain_bg.png) no-repeat top center;
  margin-top: -148px;
}

#captain h2 {
  font-size: 60px;
  line-height: 80px;
  padding: 410px 0 0 444px;
  position: relative;
  z-index: 2;
}

#captain h3 {
  padding: 33px 0 0 448px;
  font-size: 30px;
  line-height: 60px;
  position: relative;
  z-index: 2;
}

#captain .txt {
  padding: 87px 0 0 444px;
  position: relative;
  z-index: 2;
}

#captain .photo {
  position: absolute;
  top: 356px;
  left: -400px;
}

#scotch {
  background: url(../img/whisky/scotch_bg.png) no-repeat top center;
  background-size: cover;
  padding-bottom: 192px;
  margin-top: -157px;
}

#scotch h2 {
  font-size: 30px;
  height: 483px;
  line-height: 60px;
  position: absolute;
  top: 250px;
  left: 3px;
  z-index: 2;
  letter-spacing: 13px;
}

#scotch h2 span {
  font-size: 38px;
  line-height: 100px;
  display: inline-block;
}

#scotch .txt {
  padding: 433px 0 0 305px;
  position: relative;
  z-index: 2;
}

#scotch .photo {
  margin-top: -54px;
  width: 1024px;
  margin-left: -73px;
  padding-bottom: 42px;
}

#scotch .go_slide {
  width: 635px;
  margin: 0 auto;
}

#scotch .go_slide .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #fff;
  background: none;
  border-radius: 50%;
}

#scotch .go_slide .bx-wrapper .bx-pager.bx-default-pager a.active, #scotch .go_slide .bx-wrapper .bx-pager.bx-default-pager a:focus, #scotch .go_slide .bx-wrapper .bx-pager.bx-default-pager a:hover {
  border: 3px double #fff;
  width: 7px;
  height: 7px;
}

#scotch .go_slide .bx-wrapper .bx-controls-auto, #scotch .go_slide .bx-wrapper .bx-pager {
  bottom: -45px;
}

#scotch .go_slide .bx-viewport {
  overflow: inherit !important;
}

#scotch .go_slide .box {
  border: 1px solid #fff;
  width: 635px;
  margin: 0 auto;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#scotch .go_slide .box .ttl {
  font-family: 'Noto Serif JP', serif;
  font-size: 25px;
  padding-bottom: 15px;
}

#scotch .go_slide .box1:before {
  background-color: #fff;
  width: 1px;
  height: 90px;
  position: absolute;
  top: -85px;
  left: 0;
  content: '';
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

#scotch .go_slide .box2:before {
  background-color: #fff;
  width: 1px;
  height: 90px;
  position: absolute;
  top: -90px;
  left: 51px;
  content: '';
}

#scotch .go_slide .box3:before {
  background-color: #fff;
  width: 1px;
  height: 90px;
  position: absolute;
  top: -90px;
  left: 150px;
  content: '';
}

#scotch .go_slide .box4:before {
  background-color: #fff;
  width: 1px;
  height: 90px;
  position: absolute;
  top: -90px;
  left: 239px;
  content: '';
}

#scotch .go_slide .box5:before {
  background-color: #fff;
  width: 1px;
  height: 90px;
  position: absolute;
  top: -90px;
  left: 348px;
  content: '';
}

#scotch .go_slide .box6:before {
  background-color: #fff;
  width: 1px;
  height: 90px;
  position: absolute;
  top: -90px;
  left: 459px;
  content: '';
}

#scotch .go_slide .box7:before {
  background-color: #fff;
  width: 1px;
  height: 90px;
  position: absolute;
  top: -90px;
  left: 563px;
  content: '';
}

#scotch .go_slide .box8:before {
  background-color: #fff;
  width: 1px;
  height: 90px;
  position: absolute;
  top: -85px;
  right: 0;
  content: '';
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
