@charset "utf-8";
/*color*/
/*anim*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
/*
@include animation(rotate 10s linear infinite);
*/
@-webkit-keyframes loading {}
@-moz-keyframes loading {}
@keyframes loading {}
.anim_scale {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: scale(0.7);
  opacity: 0;
}
.anim_scale.open {
  transform: scale(1);
  opacity: 1;
}

.anim_rotate {
  -webkit-transition: all 1.6s;
  transition: all 1.6s;
  -webkit-transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
}
.anim_rotate.open {
  transform: rotateY(360deg);
  opacity: 1;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.remodal,
[data-remodal-id] {
  display: none;
}

.remodal-overlay {
  position: fixed;
  z-index: 1;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

.remodal-wrapper {
  position: fixed;
  z-index: 251;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

.whitehorseContentsTop {
  background: url("../images/top/bg_1.png?hash=b5d425de88a1a44adb67246d0bd66d7b") center top repeat-y;
  background-size: 100% auto;
}

.whitehorseContentsTop .bg_line.left {
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 21px;
  background: #d00c21;
}

.whitehorseContentsTop .bg_line.right {
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 21px;
  background: #d00c21;
}

.whitehorseContentsTop .bg_line.left::before {
  content: '';
  background: linear-gradient(to bottom, #8f7d2f 0%, #fef29d 100%);
  position: absolute;
  top: 0;
  left: -10px;
  width: 3px;
  height: 100%;
}

.whitehorseContentsTop .bg_line.right::before {
  content: '';
  background: linear-gradient(to bottom, #8f7d2f 0%, #fef29d 100%);
  position: absolute;
  top: 0;
  right: -10px;
  width: 3px;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop {
    margin-bottom: 20px;
  }

  .whitehorseContentsTop .bg_line.left {
    width: 0;
    height: 0;
    position: absolute;
  }

  .whitehorseContentsTop .bg_line.right {
    width: 0;
    height: 0;
    position: absolute;
  }
}
.whitehorseContentsTop .kvContainer .kvInner {
  position: relative;
  background: #f5d825;
}
.whitehorseContentsTop .kvContainer .kvInner .sliderContainer {
  width: 1920px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.whitehorseContentsTop .kvContainer .kvInner .slide {
  width: 1320px;
}

.whitehorseContentsTop .kvContainer .kvInner .kvBase {
  max-height: 500px;
}

.whitehorseContentsTop .kvContainer .kvInner .kv {
  width: 100%;
  position: relative;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .slider {
  display: none;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .slider.slick-initialized {
  display: block;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer {
  position: relative;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slick-list {
  /* max-width: 960px; */
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev,
.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext {
  visibility: hidden;
  position: absolute;
  top: 50%;
  width: 24px;
  height: 40px;
  margin-top: -20px;
  transition: opacity 0.3s;
  z-index: 1;
  display: none !important;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev:hover,
.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .kvContainer .kvInner .kv {
    position: absolute;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer {
    width: 100%;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev:hover,
  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext:hover {
    opacity: 1;
  }
}
.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev::after,
.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext::after {
  position: absolute;
  top: 6px;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev {
  left: 12px;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev::after {
  left: 6px;
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  border-top: 3px solid #d00c21;
  border-right: 3px solid #d00c21;
  border-radius: 3px;
  transform: rotate(-135deg);
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext {
  right: 12px;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext::after {
  right: 6px;
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  border-top: 3px solid #d00c21;
  border-right: 3px solid #d00c21;
  border-radius: 3px;
  transform: rotate(45deg);
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slide1 .imgCover {
  background: url("../images/top/kv_slide_1.jpg?hash=82d43d9dd98ef7e1e3ec90b88f971fe5") left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slide2 .imgCover {
  background: url("../images/top/kv_slide_2.jpg?hash=213a08c1d1729904bc02c42484656f68") left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slide3 .imgCover {
  background: url("../images/top/kv_slide_3.jpg?hash=c72c8aea9ddb7874dd8e7bae2ce035f2") left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideNav {
  position: absolute;
  bottom: 4%;
  right: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  max-width: 960px;
  justify-content: flex-end;
  transform: translateX(490px);
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideNav li {
  width: 10px;
  height: 10px;
  margin-right: 15px;
  border-radius: 5px;
  background: #aaa;
  box-shadow: inset 0.707px 0.707px 3px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  text-indent: 100%;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideNav li button {
  text-indent: 100%;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

.whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideNav li.slick-active {
  background: #d00c21;
  box-shadow: none;
}

@media screen and (max-width: 1320px) {
  .whitehorseContentsTop .kvContainer .kvInner {
    position: relative;
    background: #f5d825;
  }
  .whitehorseContentsTop .kvContainer .kvInner .sliderContainer {
    width: 145%;
    margin: 0 auto;
  }
  .whitehorseContentsTop .kvContainer .kvInner .slide {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .whitehorseContentsTop .kvContainer {
    padding-bottom: 40px;
    background: #fff;
  }

  .whitehorseContentsTop .kvContainer .kvInner {
    width: 100%;
    position: relative;
    background: url("../images/top/sp/kv_slide_1.jpg?hash=5aac729243149e84e64de724f7efbf20") left top no-repeat;
    background-size: cover;
  }

  .whitehorseContentsTop .kvContainer .kvInner::before {
    content: "";
    display: block;
    padding-top: 88%;
  }

  .whitehorseContentsTop .kvContainer .kvInner > * {
    position: absolute;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kvBase {
    background: none;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv {
    left: 0;
    top: 0;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev,
  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext {
    visibility: visible;
    width: 24px;
    height: 32px;
    margin-top: -44px;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev {
    left: 3px;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonPrev::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-top: 2px solid #d00c21;
    border-right: 2px solid #d00c21;
    border-radius: 2px;
    transform: rotate(-135deg);
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext {
    right: 3px;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideButtonNext::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-top: 2px solid #d00c21;
    border-right: 2px solid #d00c21;
    border-radius: 2px;
    transform: rotate(45deg);
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slide1 .imgCover {
    background: url("../images/top/sp/kv_slide_1.jpg?hash=5aac729243149e84e64de724f7efbf21") left top no-repeat;
    background-size: cover;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slide2 .imgCover {
    background: url("../images/top/sp/kv_slide_2.jpg?hash=ef22c722fc13a26d381ac89f29b80f54") left top no-repeat;
    background-size: cover;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slide3 .imgCover {
    background: url("../images/top/sp/kv_slide_3.jpg?hash=351087668b90b2f0a87090bf6bb655dc") left top no-repeat;
    background-size: cover;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideNav {
    position: static;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 40px;
    margin-top: 0;
    margin-left: 0;
    transform: translateX(0);
    background: #fff;
  }

  .whitehorseContentsTop .kvContainer .kvInner .kv .sliderContainer .slideNav li {
    width: 8px;
    height: 8px;
    margin: 0 16px;
    border-radius: 4px;
  }
}
.whitehorseContentsTop .tvcmMaking {
  padding-top: 14.479166666666668%;
  margin-top: -14.479166666666668%;
}
.whitehorseContentsTop .tvcmMaking .arr_prev, .whitehorseContentsTop .tvcmMaking .arr_next {
  width: 48px;
  height: 48px;
  left: 0;
  position: absolute;
  top: 200px;
  z-index: 10;
  cursor: pointer;
}
.whitehorseContentsTop .tvcmMaking .arr_prev:hover .cir, .whitehorseContentsTop .tvcmMaking .arr_next:hover .cir {
  transform: scale(1.1);
}
.whitehorseContentsTop .tvcmMaking .arr_prev .cir, .whitehorseContentsTop .tvcmMaking .arr_next .cir {
  display: block;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  box-sizing: border-box;
  border: 5px solid white;
  border-radius: 50%;
  z-index: 5;
}
.whitehorseContentsTop .tvcmMaking .arr_prev .icon, .whitehorseContentsTop .tvcmMaking .arr_next .icon {
  display: block;
  width: 48px;
  height: 48px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  transition: 0.5s ease-out;
}
.whitehorseContentsTop .tvcmMaking .arr_prev .icon img, .whitehorseContentsTop .tvcmMaking .arr_next .icon img {
  width: 27px;
  height: 22px;
}
.whitehorseContentsTop .tvcmMaking .arr_next {
  left: auto;
  right: 0;
}
.whitehorseContentsTop .tvcmMaking .arr_prev img {
  transform: scale(-1, 1);
}
.whitehorseContentsTop .tvcmMaking .slider {
  visibility: hidden;
}
.whitehorseContentsTop .tvcmMaking .slider.slick-initialized {
  visibility: visible;
}
.whitehorseContentsTop .tvcmMaking .icon {
  display: block;
  width: 86px;
  height: 86px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  transition: 0.5s ease-out;
}
.whitehorseContentsTop .tvcmMaking .icon img {
  width: 88px;
  height: 88px;
  margin-top: -64%;
}
.whitehorseContentsTop .tvcmMaking .slick-list {
  overflow: visible;
}
.whitehorseContentsTop .tvcmMaking .slick-list .slick-slide {
  width: 810px;
}
.whitehorseContentsTop .tvcmMaking .slick-list .slick-slide a {
  width: 800px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.whitehorseContentsTop .tvcmMaking .slick-list .slick-slide a:hover .cir {
  transform: scale(1.1);
}
.whitehorseContentsTop .tvcmMaking .slick-list .slick-slide .cir {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  width: 86px;
  height: 86px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  box-sizing: border-box;
  border: 5px solid white;
  border-radius: 50%;
  display: block;
  z-index: 5;
}
.whitehorseContentsTop .tvcmMaking li:hover .icon {
  transform: scale(1.1);
}

@media screen and (min-width: 961px) {
  .whitehorseContentsTop .tvcmMaking {
    padding-top: 139px;
    margin-top: -139px;
  }
}
.whitehorseContentsTop .tvcmMaking h2 {
  width: 100%;
  margin: 2.351515151515152% auto 1.742424242424242%;
  text-align: center;
}
.whitehorseContentsTop .tvcmMaking h2 .forPc {
  width: 545px;
  display: inline;
}

.whitehorseContentsTop .tvcmMaking .inner {
  width: 60.60606060606061%;
  margin: 0 auto;
  margin-bottom: 4%;
}

.whitehorseContentsTop .tvcmMaking .inner .sliderContainer {
  position: relative;
}

.whitehorseContentsTop .tvcmMaking .inner p {
  margin: 24px auto 0;
  text-align: center;
  width: 100%;
}
.whitehorseContentsTop .tvcmMaking .inner p img {
  width: 57.25%;
  margin: auto;
}

.whitehorseContentsTop .tvcmMaking .inner li:nth-child(2) {
  margin-top: 8%;
}
.whitehorseContentsTop .tvcmMaking .inner li:nth-child(2) p img {
  width: 57.75%;
  margin: auto;
}

.whitehorseContentsTop .tvcmMaking .inner .sliderContainer .slide1 .imgCover {
  background: url("../images/top/mov_1.jpg?hash=5aac729243149e84e64de724f7efbf21") left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .tvcmMaking .inner .sliderContainer .slide2 .imgCover {
  background: url("../images/top/mov_2.jpg?hash=ef22c722fc13a26d381ac89f29b80f54") left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .tvcmMaking .inner .sliderContainer .slide3 .imgCover {
  background: url("../images/top/mov_3.jpg?hash=351087668b90b2f0a87090bf6bb655dc") left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .tvcmMaking li {
  position: relative;
  cursor: pointer;
  transition: opacity 0.3s;
}

.whitehorseContentsTop .tvcmMaking li:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .tvcmMaking li:hover {
    opacity: 1;
  }
}
.whitehorseContentsTop .tvcmMaking li .text {
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88.22916%;
  max-width: 847px;
}

.whitehorseContentsTop .tvcmMaking li.video1 .imgCover {
  background: url("../images/top/mov_1.jpg?hash=f7a10c2ad315154a4c1e64e98c26269a") left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .tvcmMaking li.video2 .imgCover {
  background: url("../images/top/mov_2.jpg?hash=f116b63860e44298443d5df5e8a4071e") left top no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .tvcmMaking {
    padding-top: 25.6%;
    margin-top: -25.6%;
  }

  .whitehorseContentsTop .tvcmMaking .inner {
    width: 85.33333333333333%;
  }

  .whitehorseContentsTop .tvcmMaking h2 {
    width: 86.13333333333333%;
    margin: 4.4% auto 5.33333vw auto;
  }
  .whitehorseContentsTop .tvcmMaking h2 .forPc {
    display: none;
  }

  .whitehorseContentsTop .tvcmMaking li .text {
    max-width: 100%;
    width: 100%;
  }

  .whitehorseContentsTop .tvcmMaking .inner .slick-list .slick-slide a {
    overflow: hidden;
  }

  .whitehorseContentsTop .tvcmMaking .inner .sliderContainer .slide .imgCover {
    width: 100%;
    margin: 0 0 0 0%;
  }
}
.whitehorseContentsTop .bannerContainer .inner {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsTop .bannerContainer .banner {
  padding-top: 7.5%;
  transform: scale(1);
  transition: 0.3s ease-out;
}

.whitehorseContentsTop .bannerContainer .banner:hover {
  transform: scale(1.02);
}

.whitehorseContentsTop .bannerContainer.bannerContainerBottom {
  background: #211714;
  position: relative;
  z-index: 10;
  padding-bottom: 4%;
}

.whitehorseContentsTop .bannerContainer.bannerContainerBottom .inner .banner {
  padding-top: 6.2%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .bannerContainer .banner {
    width: 89.33333333333333%;
    padding-top: 13.33333vw;
    margin: 0 auto;
  }

  .whitehorseContentsTop .bannerContainer.bannerContainerBottom .inner .banner {
    padding-top: 6.2%;
  }
}
.whitehorseContentsTop .sectionMessage {
  padding-top: 14.479166666666668%;
  margin-top: -14.479166666666668%;
}

@media screen and (min-width: 961px) {
  .whitehorseContentsTop .sectionMessage {
    padding-top: 139px;
    margin-top: -139px;
    margin-bottom: 5.660606%;
  }
}
.whitehorseContentsTop .sectionMessage .sectionContainer {
  margin: 1.6% auto 0 auto;
  width: 100%;
}

.whitehorseContentsTop .sectionMessage .sectionHeading {
  width: 100%;
  margin-bottom: 2.5%;
  padding-top: 0;
  text-align: center;
}
.whitehorseContentsTop .sectionMessage .sectionHeading .forPc {
  width: 545px;
  display: inline;
}

.whitehorseContentsTop .sectionMessage .sectionContents {
  padding-bottom: 0;
  position: relative;
  background: url("../images/top/message_bg_2.jpg?hash=da72a5499bfb6f9d28b469a7f1be8c56") left top no-repeat;
  background-size: cover;
  background-position: center center;
}

.whitehorseContentsTop .sectionMessage .sectionContents .mainImg {
  width: 44.2%;
  position: relative;
  z-index: 10;
  left: 0%;
}

.whitehorseContentsTop .sectionMessage .sectionContents .txtWrap {
  width: 100%;
  margin-left: auto;
  position: relative;
  z-index: 1;
  top: 4.348485%;
  left: 0;
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionMessage .sectionContents .copy {
  width: 87.5%;
  padding: 12.3% 0 0 0;
  margin: 0 auto 3.5% auto;
}
.whitehorseContentsTop .sectionMessage .sectionContents .copy .copy_box {
  width: 100%;
  height: 101px;
}
.whitehorseContentsTop .sectionMessage .sectionContents .copy span {
  display: inline-block;
  float: left;
  margin: 0 0 15px 0;
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.whitehorseContentsTop .sectionMessage .sectionContents .copy span.first {
  margin-left: 16.5%;
}
.whitehorseContentsTop .sectionMessage .sectionContents .copy span.open {
  opacity: 1;
}
.whitehorseContentsTop .sectionMessage .sectionContents .copy span.open img {
  transform: translateY(0%);
}
.whitehorseContentsTop .sectionMessage .sectionContents .copy span.next {
  clear: both;
}
.whitehorseContentsTop .sectionMessage .sectionContents .copy span img {
  height: 40px;
  width: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translateY(100%);
}

.whitehorseContentsTop .sectionMessage .sectionContents .text {
  width: 55.8%;
  max-width: 517px;
  margin: 0 auto;
  padding-bottom: 10%;
}

.whitehorseContentsTop .sectionMessage .bgImg {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionMessage .bgImg .imgCover {
  background: url("../images/top/message_bg_img.jpg?hash=3ee2e174980c2bed2240b9ef2e04adec") center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1320px) {
  .whitehorseContentsTop .sectionMessage .sectionContents .copy {
    width: 63vw;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy .copy_box {
    height: 7.65152vw;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span {
    margin: 0 0 1.13636vw 0;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span.first {
    margin-left: 9vw;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span img {
    height: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionMessage {
    padding-top: 30%;
    margin-top: -25%;
    margin-bottom: 0%;
  }

  .whitehorseContentsTop .sectionMessage .sectionContainer {
    margin-top: 0;
  }

  .whitehorseContentsTop .sectionMessage .sectionHeading {
    width: 86.13333333333333%;
    margin-bottom: 4.96666%;
    padding-top: 0;
  }
  .whitehorseContentsTop .sectionMessage .sectionHeading .forPc {
    display: none;
  }

  .whitehorseContentsTop .sectionMessage .sectionContents {
    padding-bottom: 0;
    margin-bottom: 6%;
  }

  .whitehorseContentsTop .sectionMessage .sectionContents .copy {
    width: 100%;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy .copy_box {
    height: 26.46667vw;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span {
    margin: 0 0 3.06667vw 0;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span.first {
    margin-left: 0;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span.next {
    clear: none;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span.next_sp {
    clear: both;
    margin-left: 5.5vw;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span.next_sp.next_sp2 {
    margin-left: 18vw;
  }
  .whitehorseContentsTop .sectionMessage .sectionContents .copy span img {
    height: 5.8vw;
  }

  .whitehorseContentsTop .sectionMessage .sectionContents .mainImg {
    width: 93.33333333333333%;
    position: relative;
    z-index: 10;
    left: 0;
  }

  .whitehorseContentsTop .sectionMessage .sectionContents .txtWrap {
    width: 100%;
    margin-left: auto;
    background-color: #fffcf2;
    position: relative;
    z-index: 1;
    padding: 15% 0 15%;
    left: 0;
    background: url("../images/top/sp/message_bg_2.jpg?hash=da72a5499bfb6f9d28b469a7f1be8c56") left top no-repeat;
    background-size: cover;
    background-position-y: 74%;
  }

  .whitehorseContentsTop .sectionMessage .sectionContents .copy {
    width: 83%;
    margin: auto;
    padding-top: 0;
  }

  .whitehorseContentsTop .sectionMessage .sectionContents .text {
    width: 64.4%;
    margin-top: 6%;
  }

  .whitehorseContentsTop .sectionMessage .sectionContents .note {
    width: 90.8%;
    margin: auto;
  }

  .whitehorseContentsTop .sectionMessage .bgImg .imgCover {
    background: url("../images/top/sp/message_bg_img.jpg?hash=2ea0fbdb2206867a70d1ae6b0cf029dd") center center no-repeat;
    background-size: cover;
  }
}
.whitehorseContentsTop .sectionWhat {
  padding-top: 14.479166666666668%;
  margin-top: -12.479166666666668%;
}

@media screen and (min-width: 961px) {
  .whitehorseContentsTop .sectionWhat {
    padding-top: 139px;
    margin-top: -155px;
    margin-bottom: 6.7%;
  }
}
.whitehorseContentsTop .sectionWhat .sectionInner {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionWhat .sectionContainer {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionWhat .sectionHeading {
  width: 56.772%;
  margin-bottom: 6.2%;
}

.whitehorseContentsTop .sectionWhat .sectionContents .subSectionHeading {
  width: 35.417%;
  margin: auto;
  margin-bottom: 4%;
}

.whitehorseContentsTop .sectionWhat .sectionHistory .subSectionHeading {
  width: 33.417%;
}

.whitehorseContentsTop .sectionWhat .sectionContents .subSectionHeading span {
  display: block;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionWhat {
    padding-top: 30%;
    margin-top: -25.6%;
  }

  .whitehorseContentsTop .sectionWhat .sectionInner {
    background-size: 125px 166px;
  }

  .whitehorseContentsTop .sectionWhat .sectionHeading {
    width: 85.60000000000001%;
    margin-bottom: 5.666666666666667%;
    padding-top: 0;
  }

  .whitehorseContentsTop .sectionWhat .sectionContents .subSectionHeading {
    width: 49.06666666666667%;
    margin: 0 auto;
    padding-top: 4.533333333333333%;
    padding-bottom: 4.8%;
  }

  .whitehorseContentsTop .tvcmMaking .arr_prev, .whitehorseContentsTop .tvcmMaking .arr_next {
    width: 7.6vw;
    height: 7.6vw;
    top: 20.66667vw;
  }
  .whitehorseContentsTop .tvcmMaking .arr_prev .cir, .whitehorseContentsTop .tvcmMaking .arr_next .cir {
    width: 7.6vw;
    height: 7.6vw;
    border: 0.66667vw solid white;
  }
  .whitehorseContentsTop .tvcmMaking .arr_prev .icon, .whitehorseContentsTop .tvcmMaking .arr_next .icon {
    width: 7.6vw;
    height: 7.6vw;
  }
  .whitehorseContentsTop .tvcmMaking .arr_prev .icon img, .whitehorseContentsTop .tvcmMaking .arr_next .icon img {
    width: 4.13333vw;
    height: 3.33333vw;
  }
  .whitehorseContentsTop .tvcmMaking .arr_prev {
    left: 1.33333vw;
  }
  .whitehorseContentsTop .tvcmMaking .arr_next {
    right: 1.33333vw;
  }
  .whitehorseContentsTop .tvcmMaking .inner li:nth-child(2) p img {
    width: 88.4375%;
  }
  .whitehorseContentsTop .tvcmMaking .inner p {
    margin-top: 4vw;
  }
  .whitehorseContentsTop .tvcmMaking .inner p img {
    width: 87.5% !important;
    margin: auto;
  }
  .whitehorseContentsTop .tvcmMaking .inner .icon {
    width: 11.46667vw;
    height: 11.46667vw;
  }
  .whitehorseContentsTop .tvcmMaking .inner .icon img {
    width: 11.46666666666667vw;
    height: 11.46666666666667vw;
    top: -15%;
  }
  .whitehorseContentsTop .tvcmMaking .inner .slick-list .slick-slide {
    width: 87.33333vw;
  }
  .whitehorseContentsTop .tvcmMaking .inner .slick-list .slick-slide a {
    width: 85.33333vw;
  }
  .whitehorseContentsTop .tvcmMaking .inner .slick-list .slick-slide .cir {
    width: 11.46667vw;
    height: 11.46667vw;
    border: 0.66667vw solid white;
  }
}
.whitehorseContentsTop .sectionWhat .sectionWorld {
  margin-bottom: 10.5%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer {
  position: relative;
  margin-top: -9.5%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer .map {
  width: 95%;
  margin: auto;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 16.666666666666664%;
  box-sizing: border-box;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .name {
  margin-bottom: 5%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .line {
  position: absolute;
  top: 0;
  left: 0;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 {
  width: 32.29166666666667%;
  margin-left: 9.270833333333334%;
  margin-top: 2.083333333333333%;
  text-align: left;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 .inner {
  padding-top: 17.096774193548388%;
  padding-left: 32.903225806451616%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 .name {
  width: 69.23076923076923%;
  margin-bottom: 10.096153846153847%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 .text {
  width: 86.53846153846155%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.67741935483871%;
  margin-top: 7.096774193548387%;
  margin-left: 7.741935483870968%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 .line {
  width: 10.32258064516129%;
  margin-top: 50%;
  margin-left: -10.32258064516129%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 {
  margin-left: 46.041666666666664%;
  margin-top: 6.041666666666667%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 .inner {
  padding-top: 19.583333333333332%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 .name {
  width: 68.33333333333333%;
  margin-left: 16.25%;
  margin-bottom: 8.75%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 .text {
  width: 77.5%;
  margin-left: 12.083333333333334%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 .line {
  width: 9.166666666666666%;
  margin-top: 50%;
  margin-left: 100%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 {
  margin-left: 7.5%;
  margin-top: 37.5%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 .inner {
  padding-top: 20%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 .name {
  width: 66.66666666666666%;
  margin-left: 17.083333333333332%;
  margin-bottom: 7.916666666666666%;
  z-index: 20;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 .text {
  width: 69.16666666666667%;
  margin-left: 15.833333333333332%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 .line {
  width: 12.5%;
  margin-top: -47.5%;
  margin-left: -12.5%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 {
  margin-left: 37.5%;
  margin-top: 40.520833333333336%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 .inner {
  padding-top: 19.583333333333332%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 .name {
  width: 70.83333333333334%;
  margin-left: 15.416666666666668%;
  margin-bottom: 8.333333333333332%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 .text {
  width: 78.33333333333333%;
  margin-left: 11.25%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 .line {
  width: 25.833333333333336%;
  margin-top: -34.583333333333336%;
  margin-left: 24.583333333333332%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 {
  margin-left: 67.29166666666667%;
  margin-top: 37.5%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 .inner {
  padding-top: 19.166666666666668%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 .name {
  width: 58.333333333333336%;
  margin-left: 21.25%;
  margin-bottom: 8.75%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 .text {
  width: 73.33333333333333%;
  margin-left: 13.333333333333334%;
}

.whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 .line {
  width: 2.916666666666667%;
  margin-top: -23.333333333333332%;
  margin-left: 48.75%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionWhat .sectionWorld {
    /* margin-bottom: 6.666666666666667%; */
    margin-bottom: -0.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionHeading span {
    /* width: 54.92537313432836%; */
    width: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer {
    /* padding-top: 0; */
    padding-top: 0;
    margin-top: -1%;
    margin-left: 0;
    width: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer .map {
    width: 100%;
    /* margin-left: 0; */
    /* width: 88.93333333333333%; */
    margin: auto;
    position: relative;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer .map a {
    position: absolute;
    width: 28.5%;
    height: 23.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer .map a#jsCanadian {
    top: 77%;
    left: 32.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer .map a#jsIrish {
    top: 60%;
    left: -0.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer .map a#jsJapanese {
    top: 30%;
    left: 50.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .mapContainer .map a#jsBourbon {
    top: 74%;
    left: 72%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item {
    width: 29.333333333333332%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .inner {
    padding-top: 20%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .name {
    display: none;
    margin-bottom: 0;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .name2 {
    margin: 0 auto;
    position: relative;
    z-index: 20;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .text {
    display: none;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .line img {
    display: none;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item .more {
    width: 36.81818181818181%;
    margin-top: 9.090909090909092%;
    margin-left: 32.27272727272727%;
    position: relative;
    z-index: 20;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item1 {
    width: 32%;
    text-align: center;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item1 .inner {
    padding-top: 16.666666666666664%;
    padding-left: 0;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item1 .name2 {
    width: 57.49999999999999%;
    margin-bottom: 0.833333333333333%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item1 .img {
    display: none;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item1 .more {
    width: 33.75%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item2 .inner {
    padding-top: 17.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item2 .name2 {
    width: 67.27272727272727%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item3 .name2 {
    width: 62.727272727272734%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item4 .inner {
    padding-top: 17.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item4 .name2 {
    width: 69.0909090909091%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item5 .inner {
    padding-top: 17.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item.item5 .name2 {
    width: 70%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 {
    width: 53.333333333333336%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .inner,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .inner,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .inner,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .inner,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .inner {
    padding-top: 19.166666666666668%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .name,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .name,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .name,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .name,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .name {
    display: block;
    margin-bottom: 8%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .name2,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .name2,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .name2,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .name2,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .name2 {
    display: none;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .text,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .text,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .text,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .text,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .text {
    display: block;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .more,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .more,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .more,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .more,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .more {
    display: none;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .text,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .text,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .text,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .text,
  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .text {
    display: block;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 {
    width: 69.33333333333334%;
    text-align: left;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .bg {
    width: 30.13333333333333%;
    position: relative;
    z-index: 10;
    margin-left: 1%;
    margin-top: 4%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .inner {
    padding-top: 16.153846153846153%;
    padding-left: 32.69230769230769%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .name {
    width: 19.6%;
    position: absolute;
    top: 31%;
    left: 6%;
    z-index: 15;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .text {
    margin-top: -21%;
    margin-left: 8%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .img {
    display: block;
    width: 8.666666666666667%;
    margin-top: 27.769231%;
    margin-left: 11.307692%;
    z-index: 20;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .line {
    width: 20%;
    margin-top: -20.192307692307693%;
    margin-left: 2.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item2 .bg {
    position: relative;
    z-index: 10;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .name {
    width: 67.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .text {
    width: 78%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item3 .bg {
    position: relative;
    z-index: 10;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .name {
    width: 66%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .text {
    width: 70%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item4 .bg {
    position: relative;
    z-index: 10;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .name {
    width: 69%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .text {
    width: 79.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item5 .bg {
    position: relative;
    z-index: 10;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .name {
    width: 56.99999999999999%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .text {
    width: 74.75%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 {
    margin-left: 2.666666666666667%;
    margin-top: 44.666666666666664%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 {
    margin-left: 66.66666666666666%;
    margin-top: 3.466666666666666%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 {
    margin-left: 2.666666666666667%;
    margin-top: 3.466666666666666%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 {
    margin-left: 35.199999999999996%;
    margin-top: 10%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 {
    margin-left: 69.33333333333334%;
    margin-top: 47.199999999999996%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 {
    margin-left: 2.666666666666667%;
    margin-top: -1.733333%;
    width: 91.73333333333333%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item2 {
    margin-left: 29.666667%;
    margin-top: 86.466667%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item3 {
    margin-left: 1.666667%;
    margin-top: 66.466667%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item4 {
    margin-left: 45.2%;
    margin-top: 29%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item5 {
    margin-left: 69.33333333333334%;
    margin-top: 83.2%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item1 {
    margin-left: 2.666666666666667%;
    margin-top: 44.666666666666664%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 {
    margin-left: 50.66666666666667%;
    margin-top: -20.266666666666666%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item3 {
    margin-left: -2.666666666666667%;
    margin-top: 3.466666666666666%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item4 {
    margin-left: 27.066666666666666%;
    margin-top: 11.333333333333332%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item5 {
    margin-left: 61.6%;
    margin-top: 47.199999999999996%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item1 {
    margin-left: 2.666666666666667%;
    margin-top: 44.666666666666664%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item2 {
    margin-left: 73.33333333333333%;
    margin-top: 3.466666666666666%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 {
    margin-left: -3.466666666666666%;
    margin-top: -17.866666666666667%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item4 {
    margin-left: 44.800000000000004%;
    margin-top: 16.400000000000002%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item5 {
    margin-left: 61.6%;
    margin-top: 47.199999999999996%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item1 {
    margin-left: 2.666666666666667%;
    margin-top: 44.666666666666664%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item2 {
    margin-left: 73.33333333333333%;
    margin-top: 8.799999999999999%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item3 {
    margin-left: -2.666666666666667%;
    margin-top: 6.133333333333333%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 {
    margin-left: 24%;
    margin-top: -13.866666666666665%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item5 {
    margin-left: 61.6%;
    margin-top: 47.199999999999996%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item1 {
    margin-left: 2.666666666666667%;
    margin-top: 44.666666666666664%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item2 {
    margin-left: 66.66666666666666%;
    margin-top: 3.466666666666666%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item3 {
    margin-left: 2.666666666666667%;
    margin-top: 3.466666666666666%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item4 {
    margin-left: 35.199999999999996%;
    margin-top: 10%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 {
    margin-left: 42.66666666666667%;
    margin-top: 45.06666666666666%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 20.833333333333336%;
    margin-top: -25%;
    margin-left: 5.416666666666667%;
    background: url("../images/top/sp/what_world_item_line_2_1.png?hash=66bea5b7025ab960db464ebdaa1b9763") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 .line::before {
    content: "";
    display: block;
    padding-top: 156%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item1 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 8.181818181818182%;
    margin-top: 96.36363636363636%;
    margin-left: 26.36363636363636%;
    background: url("../images/top/sp/what_world_item_line_1_2.png?hash=e71bcaa54347d6ab5f1aed6fb4bb4a77") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 .line::before {
    content: "";
    display: block;
    padding-top: 200%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item2 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 20.909090909090907%;
    margin-top: 89.54545454545455%;
    margin-left: 0;
    background: url("../images/top/sp/what_world_item_line_1_3.png?hash=1ec9c84e3d23c8af070523bc024ec65f") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 .line::before {
    content: "";
    display: block;
    padding-top: 126.08695652173914%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item3 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 7.272727272727272%;
    margin-top: 97.27272727272728%;
    margin-left: 29.09090909090909%;
    background: url("../images/top/sp/what_world_item_line_1_4.png?hash=fbae0b2cbcad7a914313f7f5df2c035f") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 .line::before {
    content: "";
    display: block;
    padding-top: 250%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item4 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 4.545454545454546%;
    margin-top: -16.363636363636363%;
    margin-left: 40%;
    background: url("../images/top/sp/what_world_item_line_1_5.png?hash=3948c8bf1eeb632edd5ffe3349d49597") center top no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 .line::before {
    content: "";
    display: block;
    padding-top: 380%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .item5 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 9.661538%;
    margin-top: 11.192308%;
    margin-left: 6%;
    background: url("../images/top/sp/what_world_item_line_1_1.png?hash=0fc1a0380362c338554dcb4731861fb4") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .line::before {
    content: "";
    display: block;
    padding-top: 581.754098%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item1 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item2 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 61.866667%;
    margin-top: -102.636364%;
    margin-left: 67.363636%;
    background: url("../images/top/sp/what_world_item_line_1_2.png?hash=e71bcaa54347d6ab5f1aed6fb4bb4a77") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item2 .line::before {
    content: "";
    display: block;
    padding-top: 200%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item2 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item3 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 25.909090909090907%;
    margin-top: -23.454545%;
    margin-left: 18%;
    background: url("../images/top/sp/what_world_item_line_1_3.png?hash=1ec9c84e3d23c8af070523bc024ec65f") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item3 .line::before {
    content: "";
    display: block;
    padding-top: 241.086957%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item3 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item4 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 58.272727%;
    margin-top: 72.272727%;
    margin-left: -10.909091%;
    background: url("../images/top/sp/what_world_item_line_1_4.png?hash=fbae0b2cbcad7a914313f7f5df2c035f") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item4 .line::before {
    content: "";
    display: block;
    padding-top: 106%;
    padding-left: 103%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item4 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item5 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 26.545455%;
    margin-top: -59.363636%;
    margin-left: 18%;
    background: url("../images/top/sp/what_world_item_line_1_5.png?hash=3948c8bf1eeb632edd5ffe3349d49597") center top no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item5 .line::before {
    content: "";
    display: block;
    padding-top: 380%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem1 .item5 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item1 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 20.833333333333336%;
    margin-top: -25%;
    margin-left: 5.416666666666667%;
    background: url("../images/top/sp/what_world_item_line_2_1.png?hash=66bea5b7025ab960db464ebdaa1b9763") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item1 .line::before {
    content: "";
    display: block;
    padding-top: 156%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item1 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 2.5%;
    margin-top: 100%;
    margin-left: 44.5%;
    background: url("../images/top/sp/what_world_item_line_2_2.png?hash=b7221fc5ee29e91a8a3a50b0a3788bcb") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .line::before {
    content: "";
    display: block;
    padding-top: 280%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item2 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item3 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 11.818181818181818%;
    margin-top: 93.63636363636364%;
    margin-left: 18.181818181818183%;
    background: url("../images/top/sp/what_world_item_line_2_3.png?hash=6b747a05583cb9d79ba36dacd0bdc82e") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item3 .line::before {
    content: "";
    display: block;
    padding-top: 176.9230769230769%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item3 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item4 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 4.545454545454546%;
    margin-top: 99.0909090909091%;
    margin-left: 56.36363636363636%;
    background: url("../images/top/sp/what_world_item_line_2_4.png?hash=140f0a611a92945c3eac155aaa682715") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item4 .line::before {
    content: "";
    display: block;
    padding-top: 280%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item4 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item5 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 8.181818181818182%;
    margin-top: -16.363636363636363%;
    margin-left: 63.63636363636363%;
    background: url("../images/top/sp/what_world_item_line_2_5.png?hash=d6663f8ae30bab26494890e0e3dee796") center top no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item5 .line::before {
    content: "";
    display: block;
    padding-top: 233.33333333333334%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem2 .item5 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item1 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 20.833333333333336%;
    margin-top: -25%;
    margin-left: 5.416666666666667%;
    background: url("../images/top/sp/what_world_item_line_3_1.png?hash=66bea5b7025ab960db464ebdaa1b9763") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item1 .line::before {
    content: "";
    display: block;
    padding-top: 156%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item1 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item2 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 18.181818181818183%;
    margin-top: 90%;
    margin-left: 3.636363636363636%;
    background: url("../images/top/sp/what_world_item_line_3_2.png?hash=5e06bab1c6a21712195dba668cdce868") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item2 .line::before {
    content: "";
    display: block;
    padding-top: 130%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item2 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 10%;
    margin-top: 90%;
    margin-left: 11.5%;
    background: url("../images/top/sp/what_world_item_line_3_3.png?hash=5d86dd5e1fd194737abc9adf54c8872a") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .line::before {
    content: "";
    display: block;
    padding-top: 135%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item3 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item4 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 15.454545454545453%;
    margin-top: 80.9090909090909%;
    margin-left: -3.636363636363636%;
    background: url("../images/top/sp/what_world_item_line_3_4.png?hash=1e496da3a82c27a4b2f43d761b649e94") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item4 .line::before {
    content: "";
    display: block;
    padding-top: 88.23529411764706%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item4 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item5 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 8.181818181818182%;
    margin-top: -16.363636363636363%;
    margin-left: 63.63636363636363%;
    background: url("../images/top/sp/what_world_item_line_3_5.png?hash=d75273f04b8898fc558540438f8e39ad") center top no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item5 .line::before {
    content: "";
    display: block;
    padding-top: 233.33333333333334%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem3 .item5 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item1 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 20.833333333333336%;
    margin-top: -25%;
    margin-left: 5.416666666666667%;
    background: url("../images/top/sp/what_world_item_line_4_1.png?hash=66bea5b7025ab960db464ebdaa1b9763") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item1 .line::before {
    content: "";
    display: block;
    padding-top: 156%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item1 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item2 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 11.818181818181818%;
    margin-top: 84.54545454545455%;
    margin-left: 3.636363636363636%;
    background: url("../images/top/sp/what_world_item_line_4_2.png?hash=7b0b306d39a2706c1767096b72191e2b") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item2 .line::before {
    content: "";
    display: block;
    padding-top: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item2 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item3 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 9.090909090909092%;
    margin-top: 92.72727272727272%;
    margin-left: 18.181818181818183%;
    background: url("../images/top/sp/what_world_item_line_4_3.png?hash=0cf5f7ec6a384d372a165016a3cf76af") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item3 .line::before {
    content: "";
    display: block;
    padding-top: 140%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item3 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 3.5%;
    margin-top: 98.5%;
    margin-left: 37%;
    background: url("../images/top/sp/what_world_item_line_4_4.png?hash=846cfd712ede89d3bc122c7405930a23") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .line::before {
    content: "";
    display: block;
    padding-top: 271.42857142857144%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item4 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item5 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 8.181818181818182%;
    margin-top: -16.363636363636363%;
    margin-left: 63.63636363636363%;
    background: url("../images/top/sp/what_world_item_line_4_5.png?hash=d75273f04b8898fc558540438f8e39ad") center top no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item5 .line::before {
    content: "";
    display: block;
    padding-top: 233.33333333333334%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem4 .item5 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item1 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 20.833333333333336%;
    margin-top: -25%;
    margin-left: 5.416666666666667%;
    background: url("../images/top/sp/what_world_item_line_5_1.png?hash=66bea5b7025ab960db464ebdaa1b9763") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item1 .line::before {
    content: "";
    display: block;
    padding-top: 156%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item1 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item2 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 8.181818181818182%;
    margin-top: 96.36363636363636%;
    margin-left: 26.36363636363636%;
    background: url("../images/top/sp/what_world_item_line_5_2.png?hash=b76ee813d272f871c51ab9b063ba6881") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item2 .line::before {
    content: "";
    display: block;
    padding-top: 211.11111111111111%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item2 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item3 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 20.909090909090907%;
    margin-top: 89.54545454545455%;
    margin-left: 0;
    background: url("../images/top/sp/what_world_item_line_5_3.png?hash=1ec9c84e3d23c8af070523bc024ec65f") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item3 .line::before {
    content: "";
    display: block;
    padding-top: 126.08695652173914%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item3 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item4 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 8.181818181818182%;
    margin-top: 97.27272727272728%;
    margin-left: 29.09090909090909%;
    background: url("../images/top/sp/what_world_item_line_5_4.png?hash=ef5a6b8f55f7c8b0062082507a88777d") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item4 .line::before {
    content: "";
    display: block;
    padding-top: 222.22222222222223%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item4 .line > * {
    position: absolute;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .line {
    width: 100%;
    position: relative;
    position: absolute;
    width: 5.5%;
    margin-top: -5%;
    margin-left: 69.5%;
    background: url("../images/top/sp/what_world_item_line_5_5.png?hash=ca4c8b23352e5f2c4b30e965ffbe262e") center top no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .line::before {
    content: "";
    display: block;
    padding-top: 190.9090909090909%;
  }

  .whitehorseContentsTop .sectionWhat .sectionWorld .subSectionContents .isOpenedItem5 .item5 .line > * {
    position: absolute;
  }
}
.whitehorseContentsTop .sectionWhat .sectionHistory {
  margin-bottom: 10.4%;
}
.whitehorseContentsTop .sectionWhat .sectionHistory .chronology {
  width: 122.70%;
  margin-left: -11.35%;
  margin-top: -4.2%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionWhat .sectionHistory {
    margin-bottom: 4%;
  }
  .whitehorseContentsTop .sectionWhat .sectionHistory .chronology {
    width: 100%;
    margin: 0;
    margin-top: -7%;
  }

  .whitehorseContentsTop .sectionWhat .sectionHistory .subSectionHeading span {
    width: 100%;
  }
}
.whitehorseContentsTop .sectionWhat .sectionDefinition {
  margin-bottom: 8.333333333333332%;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionHeading {
  margin-bottom: 2.561247216035635%;
  padding: 0;
  border: none;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  margin-bottom: 1.670378619153675%;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .txt-list {
  width: 83.333%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .txt-list li {
  width: 28.466667%;
  background-color: #fff;
  margin-bottom: 2.3%;
  padding: 2.8% 1.5% 1.9% 1.5%;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .txt-list li.last {
  width: 100%;
  margin-bottom: 3.03030303030303%;
  padding: 2.3% 7% 2.3% 6.4%;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  margin-bottom: 3.34075723830735%;
  width: 89.333%;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list li {
  width: 17.70378619153675%;
  margin-left: 2.67260579064588%;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list li:first-child {
  margin-left: 3.229398663697105%;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list li:last-child {
  margin-left: 4.4%;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list li.arrow {
  width: 8.924276%;
  margin-top: 7.1%;
  margin-left: 4.1%;
}

.whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .notes {
  width: 50.792%;
  margin-left: auto;
  margin-top: 3.8%;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionWhat .sectionDefinition {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5%;
    padding: 11.866666666666666% 0 5.333333333333334%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionHeading {
    width: 54.5%;
    margin: auto;
    margin-bottom: 7.204204204204204%;
    padding: 0;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer {
    margin-bottom: 3.105105105105105%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .txt-list {
    width: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .txt-list li {
    width: 43.46666666666667%;
    background-color: #fff;
    margin-bottom: 3%;
    padding: 4.5% 2.5% 3% 2.5%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .txt-list li.last {
    width: 38.466667%;
    padding: 5% 6% 0 4%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .text-list-1,
  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .text-list-2 {
    width: 95.22292993630573%;
    margin-left: 0;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .textContainer .text-list-1 {
    margin-bottom: 5.732484076433122%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5.705705705705705%;
    width: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list li {
    width: 30.027027027027028%;
    margin-left: 4.6%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list li:first-child {
    margin-left: 0;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list li:last-child {
    width: 32.537538%;
    margin-left: 33.231231%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .img-list li.arrow {
    width: 5.204204204204204%;
    margin-left: 47.74774774774775%;
    margin-top: 3.003003003003003%;
    margin-bottom: 3.603603603603604%;
  }

  .whitehorseContentsTop .sectionWhat .sectionDefinition .subSectionContents .notes {
    width: 100%;
    margin: auto;
    margin-top: 9%;
  }
}
.whitehorseContentsTop .sectionWhat .sectionMarket .subSectionContents .graph {
  width: 92.5%;
  margin: 0 auto;
  margin-left: 5.4%;
  margin-bottom: 12%;
}

.whitehorseContentsTop .sectionHowToMake {
  position: relative;
  z-index: 5;
  padding-top: 10%;
  margin-top: -14%;
}

.whitehorseContentsTop .sectionHowToMake .sectionContainer {
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionWhat .sectionMarket .subSectionHeading span {
    width: 100%;
  }

  .whitehorseContentsTop .sectionWhat .sectionMarket .subSectionContents .graph {
    width: 89.33333333333333%;
  }

  .whitehorseContentsTop .sectionHowToMake {
    padding-top: 25%;
    margin-top: -25%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionContainer {
    background: url(../images/top/sp/message_bg.jpg?hash=b4806eb…) top left no-repeat;
    background-size: cover;
  }
}
.whitehorseContentsTop .sectionHowToMake .sectionWrap {
  width: 100%;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionHowToMake .bgImg {
  position: relative;
  z-index: 1;
}

.whitehorseContentsTop .sectionHowToMake .sectionInner {
  background: url(../images/top/message_bg.jpg?hash=b4806eb…) top left no-repeat;
  background-size: cover;
}

@media screen and (min-width: 961px) {
  .whitehorseContentsTop .sectionHowToMake .sectionInner {
    padding-top: 0;
    margin-top: 0;
  }
}
.whitehorseContentsTop .sectionHowToMake .sectionInner a {
  display: block;
}

.whitehorseContentsTop .sectionHowToMake .sectionInner a {
  transition: opacity 0.3s;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionHowToMake .sectionInner a:hover {
    opacity: 1;
  }
}
.whitehorseContentsTop .sectionHowToMake .sectionContainer {
  max-width: 1320px;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionHowToMake .sectionHeading {
  width: 59.6969696969697%;
  margin-bottom: 3.020833333333333%;
  padding-top: 5.208333333333334%;
  margin-left: 13.5%;
}

.whitehorseContentsTop .sectionHowToMake .sectionContents {
  position: relative;
  padding-bottom: 5%;
}

.whitehorseContentsTop .sectionHowToMake .sectionContents .button {
  position: absolute;
  top: 9%;
  right: 14.5%;
  display: block;
  width: 12%;
  margin-top: -13.854166666666668%;
  margin-right: -2.8125%;
  z-index: 1;
  transition: 0.3s ease-out;
}

.whitehorseContentsTop .sectionHowToMake .sectionContents .button:hover {
  transform: scale(1.2);
}

.whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer {
  margin-top: -0.8%;
}

.whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer .imgWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 72.72727272727273%;
  max-width: 960px;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: auto;
}

.whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer .imgUnder {
  width: 72.72727272727273%;
  max-width: 960px;
  margin: 2.083% auto 0;
}

.whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer .imgLeft {
  width: 38.02083333333333%;
}

.whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer .imgRight {
  width: 59.89583333333333%;
}

.whitehorseContentsTop .sectionHowToMake .bgImg .imgCover {
  background: url("../images/top/how_to_make_bg_img.jpg?hash=4dd79c5e3fbac6d1f663ce1ae45d17ed") center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionHowToMake .sectionInner {
    padding-top: 0;
    margin-top: 0;
    background: url("../images/common/sp/gradation_bg.jpg?hash=1c176c094688f0e56b724865f3ba80b7") center center repeat-y;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionHeading {
    width: 93%;
    margin-bottom: 5.066666666666666%;
    margin-left: 5.333333333333334%;
    padding-top: 8%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionHeading span {
    width: 82.8169014084507%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionContents {
    padding-bottom: 7.199999999999999%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionContents .button {
    width: 28.26666666666667%;
    margin-top: -24%;
    margin-right: 2.933333333333333%;
    right: -1%;
    top: 0%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer {
    width: 89.33333333333333%;
    margin: 0 auto;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer .imgWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-block;
    display: -ms-flexbox;
    display: box;
    display: block;
    width: 100%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer .imgUnder {
    width: 100%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer .imgLeft {
    width: 100%;
    margin-bottom: 4%;
  }

  .whitehorseContentsTop .sectionHowToMake .sectionContents .imgContainer .imgRight {
    width: 100%;
    margin-bottom: 4%;
  }

  .whitehorseContentsTop .sectionHowToMake .bgImg .imgCover {
    background: url("../images/top/sp/how_to_make_bg_img.jpg?hash=b08ee480f6d32424c6f8053c85184f4e") center center no-repeat;
    background-size: cover;
  }
}
.whitehorseContentsTop .sectionProducts {
  padding-top: 14.479166666666668%;
  margin-top: -14.479166666666668%;
}

@media screen and (min-width: 961px) {
  .whitehorseContentsTop .sectionProducts {
    padding-top: 139px;
    margin-top: -139px;
  }
}
.whitehorseContentsTop .sectionProducts .sectionInner {
  background-color: #fff;
  position: relative;
  z-index: 10;
}

.whitehorseContentsTop .sectionProducts .sectionContainer {
  max-width: 960px;
  margin: 0 auto;
  width: 72.72727272727273%;
}

.whitehorseContentsTop .sectionProducts .sectionHeading {
  width: 53.6%;
  margin-bottom: 4.106061%;
}

.whitehorseContentsTop .sectionProducts .product-12th {
  width: 100%;
  margin-bottom: 6%;
}

.whitehorseContentsTop .sectionProducts .sectionContents {
  padding-bottom: 3.233333333333332%;
}

.whitehorseContentsTop .sectionProducts .sectionContents > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -9.375%;
  justify-content: space-between;
  width: 100%;
  margin: auto;
}

.whitehorseContentsTop .sectionProducts .sectionContents > ul > li {
  width: 46.75757575757576%;
  margin-bottom: 6.545454545454545%;
  margin-left: -2.5%;
}

.whitehorseContentsTop .sectionProducts .sectionContents > ul > li .name {
  margin-bottom: 3.846153846153846%;
}

.whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product2 {
  margin-left: 0;
  margin-right: -1.4%;
}

.whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product3 {
  margin-left: -1.5%;
}

.whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product4 {
  margin-left: 0;
  margin-right: 1.5%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionProducts {
    padding-top: 25.6%;
    margin-top: -25.6%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContainer {
    width: 100%;
  }

  .whitehorseContentsTop .sectionProducts .sectionHeading {
    padding-top: 0;
    width: 69.33333333333333%;
    margin-bottom: 5%;
  }

  .whitehorseContentsTop .sectionProducts .product-12th {
    width: 100%;
    margin-bottom: 5%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents {
    width: 89.33333333333333%;
    margin: auto;
    padding-bottom: 0;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul {
    margin-right: 0;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li {
    width: 42.53333333333333%;
    margin-right: 0;
    margin-bottom: 0;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li .img {
    margin-bottom: 0;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li .name {
    margin-bottom: 10.666666666666668%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li .text {
    margin-bottom: 5.866666666666666%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product1 {
    margin-top: 16%;
    width: 47%;
    margin-left: 0%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product1 .img {
    margin-bottom: 10.666666666666668%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product2 {
    margin-left: 0;
    margin-right: -1.4%;
    margin-top: 4%;
    width: 47.5%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product2 .img {
    margin-bottom: 10.133333333333333%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product2 .name {
    margin-bottom: 10.666666666666668%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product2 .text {
    width: 100%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product3 {
    margin-left: 0.5%;
    width: 47%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product3 .img {
    margin-bottom: 4%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product3 .name {
    margin-bottom: 4.8%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product4 {
    margin-top: 9%;
    width: 47%;
    margin-right: -1%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product4 .img {
    margin-bottom: 11.733333333333333%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product4 .name {
    margin-bottom: 9.6%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product4 .text {
    width: 100%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product5 .img {
    width: 30.4%;
    margin-top: 11.200000000000001%;
    margin-left: 35.733333333333334%;
    margin-bottom: 14.933333333333335%;
  }

  .whitehorseContentsTop .sectionProducts .sectionContents > ul > li.product5 .name {
    margin-bottom: 15.466666666666667%;
  }
}
.whitehorseContentsTop .sectionAbout {
  padding-top: 14.479166666666668%;
  margin-top: -14.479166666666668%;
}

@media screen and (min-width: 961px) {
  .whitehorseContentsTop .sectionAbout {
    padding-top: 139px;
    margin-top: -139px;
  }
}
.whitehorseContentsTop .sectionAbout .sectionInner {
  background: #f6d12e;
}

.whitehorseContentsTop .sectionAbout .sectionContainer {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsTop .sectionAbout .sectionHeading {
  width: 56.772%;
  margin-bottom: 8.258333%;
  padding-top: 8.270833%;
}

.whitehorseContentsTop .sectionAbout .sectionContents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 13.5%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .block {
  width: 100%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .block .about1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.96969696969697%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .block .about2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.3%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .block .about3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.whitehorseContentsTop .sectionAbout .sectionContents .block .about1 .txtWrap {
  width: 48%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .block .about2 .txtWrap {
  width: 48%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .block .about3 .txtWrap {
  width: 48%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .title {
  margin-bottom: 5%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about1 .contents {
  width: 42%;
}

.whitehorseContentsTop .sectionAbout .contents .sliderContainer .slide1 .imgCover {
  background: url(../images/top/about_1_img_1.jpg?hash=5aac729…) left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .sectionAbout .contents .sliderContainer .slide2 .imgCover {
  background: url(../images/top/about_1_img_2.jpg?hash=5aac729…) left top no-repeat;
  background-size: cover;
}

.whitehorseContentsTop .sectionAbout .contents .slideNav {
  display: none !important;
}

.whitehorseContentsTop .sectionAbout .contents .sliderContainer .slide1 p {
  width: 13.5%;
  margin-left: 0.75%;
  margin-top: 3%;
}

.whitehorseContentsTop .sectionAbout .contents .sliderContainer .slide2 p {
  width: 6.5%;
  margin-left: 0.5%;
  margin-top: 3%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about1 .title {
  width: 63.5%;
  margin: 3% 0 0 0;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about1 .text {
  width: 100.49999999999999%;
  margin-bottom: 8.75%;
  margin-top: 7%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about1 .caption {
  display: block;
  margin-top: 2.5%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about1 .img1 {
  margin-bottom: 6.75%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about2 .contents {
  width: 22.893939%;
  margin-right: 19%;
  padding-top: 1%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about2 .title {
  width: 63.5%;
  margin: 11% 0 0 0;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about2 .text {
  width: 100.49999999999999%;
  margin-top: 6.8%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about2 .img1 {
  margin: auto;
  margin-top: -0.218340611353712%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about2 .img1 .imgCover {
  background: url("../images/top/about_2_img.png?hash=356f356cde0bdbb15a203e7d51b6a419") center center no-repeat;
  background-size: 100%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about3 .contents {
  position: relative;
  width: 41.30303%;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about3 .title {
  width: 63.5%;
  margin: 10.5% 0 0 0;
}

.whitehorseContentsTop .sectionAbout .sectionContents .about3 .text {
  width: 100.49999999999999%;
  margin-top: 5%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsTop .sectionAbout {
    padding-top: 25.6%;
    margin-top: -25.6%;
  }

  .whitehorseContentsTop .sectionAbout .sectionHeading {
    width: 85.266667%;
    margin-bottom: 6.4%;
    padding-top: 10%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents {
    display: block;
    width: 89.33333333333333%;
    margin: 0 auto;
    padding-bottom: 21%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .blockLeft,
  .whitehorseContentsTop .sectionAbout .sectionContents .blockRight {
    width: 100%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .title {
    margin-bottom: 4.477611940298507%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about1 {
    margin-bottom: 9.55223880597015%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .block .about1 .txtWrap {
    width: 100%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .block .about2 .txtWrap {
    width: 100%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .block .about3 .txtWrap {
    width: 100%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about1 .contents {
    width: 100%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about1 .title {
    width: 78.66666666666667%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about1 .text {
    width: 100.59701492537314%;
    margin-bottom: 5.970149253731343%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about1 .caption {
    margin-top: 3.283582089552239%;
    margin-left: 0.298507462686567%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about1 .img1 {
    margin-bottom: 5.671641791044777%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about1 .img1 .caption {
    width: 14.029850746268657%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about1 .img2 .caption {
    width: 6.865671641791045%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about2 {
    margin-bottom: 10.44776119402985%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about2 .contents {
    width: 100%;
    margin-right: 0;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about2 .title {
    width: 54.328358208955216%;
    margin-bottom: 4.776119402985075%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about2 .text {
    width: 100%;
    margin-top: 0;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about2 .img1 {
    width: 43.686567%;
    margin: 4% auto 0;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about2 .img1 .imgCover {
    background: url("../images/top/sp/about_2_img.png?hash=8901d67e43c0fdc773f79dfdadff7d04") center center no-repeat;
    background-size: 100%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about3 {
    width: 100%;
    position: relative;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about3 .inner {
    position: absolute;
    top: 0;
    left: 0;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about3 .contents {
    position: static;
    width: 100%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about3 .title {
    width: 33.28358208955224%;
    margin-left: 0.298507462686567%;
    margin-bottom: 4.776119402985075%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about3 .text {
    width: 68.65671641791045%;
  }

  .whitehorseContentsTop .sectionAbout .sectionContents .about3 .img1 {
    width: 102.49253731343283%;
    position: relative;
    top: 0;
    left: 0;
    margin-top: -44.776119402985074%;
    margin-left: 0;
  }
}
.remodal-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 250;
}

.mw {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mw .mwInner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}

.mw .mwContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 89.79166666666667%;
  max-width: 862px;
  min-height: 485px;
}

.mw .mwContents {
  position: relative;
}

.mw .mwContentsInner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  box-sizing: border-box;
}

.mw .mwContentsInner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.mw .buttonClose {
  position: absolute;
  top: -2px;
  right: 0;
  margin-right: -6.032482598607888%;
  cursor: pointer;
  width: 36px;
  height: 36px;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  transition: opacity 0.3s;
}

.mw .buttonClose:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .mw .buttonClose:hover {
    opacity: 1;
  }
}
.mw .buttonClose::before,
.mw .buttonClose::after {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  display: inline-block;
  width: 40px;
  height: 3px;
  background: #fff;
  box-sizing: border-box;
}

.mw .buttonClose::before {
  top: 6px;
  transform: translateY(10px) rotate(-45deg);
}

.mw .buttonClose::after {
  top: 16px;
  transform: translateY(0px) rotate(45deg);
}

@media screen and (max-width: 768px) {
  .mw .mwContainer {
    width: 100%;
    min-height: auto;
  }

  .mw .mwContents {
    position: static;
  }

  .mw .buttonClose {
    position: absolute;
    top: 13px;
    right: 13px;
    margin-right: 0;
    width: 36px;
    height: 36px;
  }

  .mw .buttonClose::before,
  .mw .buttonClose::after {
    position: absolute;
    top: 0;
    left: -2px;
    width: 40px;
    height: 3px;
  }

  .mw .buttonClose::before {
    top: 6px;
  }

  .mw .buttonClose::after {
    top: 16px;
  }
}
.whitehorseContentsCampaign {
  padding-bottom: 3.03030303030303%;
  background: url("../images/common/gradation_bg.jpg?hash=94217b648297e54e093bfc1ef37506e5") center center repeat-y;
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsCampaign {
    margin-bottom: 20px;
    padding-bottom: 5.333333333333334%;
    background: url("../images/common/sp/gradation_bg.jpg?hash=1c176c094688f0e56b724865f3ba80b7") center center repeat-y;
    background-size: 100%;
  }
}
.whitehorseContentsCampaign .pageNav {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsCampaign .pageNav ul {
  margin-top: 4.166666666666666%;
  margin-bottom: 4.166666666666666%;
}

.whitehorseContentsCampaign .pageNav .list-wrap {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 4.166666666666667%;
}

.whitehorseContentsCampaign .pageNav ul li {
  position: relative;
}

.whitehorseContentsCampaign .pageNav ul li a {
  display: block;
}

.whitehorseContentsCampaign .pageNav ul li a {
  cursor: pointer;
  transition: opacity 0.3s;
}

.whitehorseContentsCampaign .pageNav ul li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsCampaign .pageNav ul li a:hover {
    opacity: 1;
  }
}
.whitehorseContentsCampaign .pageNav ul li.nav-1 {
  width: 38.02083333333333%;
}

.whitehorseContentsCampaign .pageNav ul li.nav-2 {
  width: 57.8125%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsCampaign .pageNav {
    width: 89.33333333333333%;
  }

  .whitehorseContentsCampaign .pageNav .list-wrap {
    display: block;
  }

  .whitehorseContentsCampaign .pageNav ul {
    display: block;
    margin-top: 5.970149253731343%;
    margin-bottom: 5.970149253731343%;
  }

  .whitehorseContentsCampaign .pageNav ul li.nav-1 {
    width: 100%;
    margin-bottom: 5.970149253731343%;
  }

  .whitehorseContentsCampaign .pageNav ul li.nav-2 {
    width: 100%;
  }
}
.whitehorseContentsCampaign .sectionHowToMake {
  padding-top: 14.479166666666668%;
  margin-top: -14.479166666666668%;
}

@media screen and (min-width: 961px) {
  .whitehorseContentsCampaign .sectionHowToMake {
    padding-top: 139px;
    margin-top: -139px;
  }
}
.whitehorseContentsCampaign .sectionHowToMake .sectionInner {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsCampaign .sectionHowToMake .sectionContainer {
  margin-bottom: 4.166666666666666%;
  padding: 4.0625% 0 4.166666666666666%;
  background: #fff;
}

.whitehorseContentsCampaign .sectionHowToMake .sectionHeading {
  width: 23.75%;
  margin-bottom: 3.645833333333333%;
}

.whitehorseContentsCampaign .sectionHowToMake .sectionContents .text {
  width: 50.625%;
  margin: 0 auto 3.645833333333333%;
}

.whitehorseContentsCampaign .sectionHowToMake .sectionContents .step ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}

.whitehorseContentsCampaign .sectionHowToMake .sectionContents .step ul li {
  width: 21.354166666666664%;
  margin-right: 2.083333333333333%;
}

.whitehorseContentsCampaign .sectionHowToMake .sectionContents .step ul li:first-child {
  margin-left: 4.166666666666666%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsCampaign .sectionHowToMake {
    padding-top: 25.6%;
    margin-top: -25.6%;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionInner {
    width: 89.33333333333333%;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionContainer {
    margin-bottom: 5.970149253731343%;
    padding: 8.955223880597014% 0 7.462686567164178%;
    background: #fff;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionHeading {
    width: 49.25373134328358%;
    margin-bottom: 5.671641791044777%;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionContents .text {
    width: 88.95522388059702%;
    margin-bottom: 5.671641791044777%;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionContents .step {
    width: 88.05970149253731%;
    margin: 0 auto;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionContents .step ul {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionContents .step ul li {
    width: 47.45762711864407%;
    margin-right: 0;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionContents .step ul li:first-child {
    margin-left: 0;
  }

  .whitehorseContentsCampaign .sectionHowToMake .sectionContents .step ul li.step-1,
  .whitehorseContentsCampaign .sectionHowToMake .sectionContents .step ul li.step-2 {
    margin-bottom: 5.084745762711865%;
  }
}
.whitehorseContentsCampaign .sectionFood {
  padding-top: 14.479166666666668%;
  margin-top: -14.479166666666668%;
}

@media screen and (min-width: 961px) {
  .whitehorseContentsCampaign .sectionFood {
    padding-top: 139px;
    margin-top: -139px;
  }
}
.whitehorseContentsCampaign .sectionFood .sectionInner {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsCampaign .sectionFood .sectionContainer {
  position: relative;
  padding: 4.0625% 0 1.875%;
  background: #fff;
  margin-bottom: 4.166666666666666%;
}

.whitehorseContentsCampaign .sectionFood .sectionHeading {
  width: 35.9375%;
  margin: auto;
  margin-bottom: 3.645833333333333%;
}

.whitehorseContentsCampaign .sectionFood .sectionContents .text {
  width: 60.20833333333333%;
  margin: 0 auto 3.541666666666667%;
}

.whitehorseContentsCampaign .sectionFood .sectionContents .list {
  width: 91.66666666666666%;
  margin: 0 auto;
}

.whitehorseContentsCampaign .sectionFood .sectionContents .list ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.whitehorseContentsCampaign .sectionFood .sectionContents .list ul li {
  width: 31.818181818181817%;
  margin-bottom: 2.272727272727273%;
}

.whitehorseContentsCampaign .sectionFood .sectionContents .list ul li.img-large {
  width: 100%;
}

.whitehorseContentsCampaign .sectionFoodtw {
  padding-top: 14.479166666666668%;
  margin-top: -14.479166666666668%;
}

@media screen and (min-width: 961px) {
  .whitehorseContentsCampaign .sectionFoodtw {
    padding-top: 139px;
    margin-top: -139px;
  }
}
.whitehorseContentsCampaign .sectionFoodtw .sectionInner {
  max-width: 960px;
  margin: 0 auto;
}

.whitehorseContentsCampaign .sectionFoodtw .sectionContainer {
  position: relative;
  padding: 4.0625% 0 1.875%;
  background: url(../images/campaign/foodtw_bg.png) no-repeat top left;
  background-size: cover;
}

.whitehorseContentsCampaign .sectionFoodtw .sectionHeading {
  width: 47.70833333333333%;
  margin: auto;
  margin-bottom: 3.33%;
}

.whitehorseContentsCampaign .sectionFoodtw .sectionContents .text {
  width: 58.76288659793814%;
  margin: 0 auto 3.33%;
}

.whitehorseContentsCampaign .sectionFoodtw .sectionContents .list {
  width: 91.66666666666666%;
  margin: 0 auto;
}

.whitehorseContentsCampaign .sectionFoodtw .sectionContents .list ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.whitehorseContentsCampaign .sectionFoodtw .sectionContents .list ul li {
  width: 31.818181818181817%;
  margin-bottom: 2.083333333333333%;
}

.whitehorseContentsCampaign .sectionFoodtw .sectionContents .list ul li.img-large {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .whitehorseContentsCampaign .sectionFood {
    padding-top: 0;
    margin-top: 0;
    padding-top: 25.6%;
    margin-top: -25.6%;
  }

  .whitehorseContentsCampaign .sectionFood .sectionInner {
    width: 89.33333333333333%;
  }

  .whitehorseContentsCampaign .sectionFood .sectionContainer {
    margin-bottom: 5.970149253731343%;
    padding: 8.805970149253731% 0 2.686567164179104%;
  }

  .whitehorseContentsCampaign .sectionFood .sectionHeading {
    width: 82.537313432%;
    margin: 0 auto 5.970149253731343%;
  }

  .whitehorseContentsCampaign .sectionFood .sectionContents .text {
    width: 70.149253731%;
    margin-bottom: 5.373134328358208%;
  }

  .whitehorseContentsCampaign .sectionFood .sectionContents .list {
    width: 88.05970149253731%;
  }

  .whitehorseContentsCampaign .sectionFood .sectionContents .list ul li {
    width: 47.45762711864407%;
    margin-bottom: 5.084745762711865%;
  }

  .whitehorseContentsCampaign .sectionFoodtw {
    padding-top: 0;
    margin-top: 0;
    padding-top: 40.6%;
    margin-top: -40.6%;
  }

  .whitehorseContentsCampaign .sectionFoodtw .sectionInner {
    width: 89.33333333333333%;
  }

  .whitehorseContentsCampaign .sectionFoodtw .sectionContainer {
    padding: 8.805970149253731% 0 2.686567164179104%;
    background: url(../images/campaign/sp/foodtw_bg.png) no-repeat top left;
    background-size: cover;
  }

  .whitehorseContentsCampaign .sectionFoodtw .sectionHeading {
    width: 79.55223880597015%;
    margin: 0 auto 5.671641791044776%;
  }

  .whitehorseContentsCampaign .sectionFoodtw .sectionContents .text {
    width: 70.44776119402985%;
    margin-bottom: 6.716417910447761%;
  }

  .whitehorseContentsCampaign .sectionFoodtw .sectionContents .list {
    width: 88.05970149253731%;
  }

  .whitehorseContentsCampaign .sectionFoodtw .sectionContents .list ul li {
    width: 47.45762711864407%;
    margin-bottom: 5.970149253731343%;
  }
}
#Cont {
  width: 100%;
}

.whitehorseContents {
  position: relative;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  overflow: hidden;
}

.whitehorseContents html,
.whitehorseContents body,
.whitehorseContents div,
.whitehorseContents span,
.whitehorseContents applet,
.whitehorseContents object,
.whitehorseContents iframe,
.whitehorseContents h1,
.whitehorseContents h2,
.whitehorseContents h3,
.whitehorseContents h4,
.whitehorseContents h5,
.whitehorseContents h6,
.whitehorseContents p,
.whitehorseContents blockquote,
.whitehorseContents pre,
.whitehorseContents a,
.whitehorseContents abbr,
.whitehorseContents acronym,
.whitehorseContents address,
.whitehorseContents big,
.whitehorseContents cite,
.whitehorseContents code,
.whitehorseContents del,
.whitehorseContents dfn,
.whitehorseContents em,
.whitehorseContents img,
.whitehorseContents ins,
.whitehorseContents kbd,
.whitehorseContents q,
.whitehorseContents s,
.whitehorseContents samp,
.whitehorseContents small,
.whitehorseContents strike,
.whitehorseContents strong,
.whitehorseContents sub,
.whitehorseContents sup,
.whitehorseContents tt,
.whitehorseContents var,
.whitehorseContents dl,
.whitehorseContents dt,
.whitehorseContents dd,
.whitehorseContents ol,
.whitehorseContents ul,
.whitehorseContents li,
.whitehorseContents fieldset,
.whitehorseContents form,
.whitehorseContents label,
.whitehorseContents legend,
.whitehorseContents table,
.whitehorseContents caption,
.whitehorseContents tbody,
.whitehorseContents tfoot,
.whitehorseContents thead,
.whitehorseContents tr,
.whitehorseContents th,
.whitehorseContents td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

.whitehorseContents body {
  line-height: 1;
  color: #000;
  background: #fff;
}

.whitehorseContents ol,
.whitehorseContents ul {
  list-style: none;
}

.whitehorseContents table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

.whitehorseContents caption,
.whitehorseContents th,
.whitehorseContents td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

.whitehorseContents a img {
  border: none;
}

.whitehorseContents img {
  width: 100%;
  vertical-align: top;
}

.whitehorseContents figure {
  margin: 0;
}

.whitehorseContents button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}

.whitehorseContents .forSp {
  display: none;
}

@media screen and (max-width: 768px) {
  .whitehorseContents .forSp {
    display: block;
  }
}
.whitehorseContents .forPc {
  display: block;
}

@media screen and (max-width: 768px) {
  .whitehorseContents .forPc {
    display: none;
  }
}
.whitehorseContents .imgCover {
  display: block;
}

.whitehorseContents .nav {
  position: relative;
  width: 100%;
  background: #251e1c;
  z-index: 201;
}

.is-fixed .whitehorseContents .nav {
  position: fixed;
  top: 0;
  left: 0;
}

.whitehorseContents .nav .inner {
  max-width: 930px;
  margin: 0 auto;
  position: relative;
  transform: translateX(-3%);
}
.whitehorseContents .nav .inner nav.ie {
  position: relative;
  left: -7%;
}

.whitehorseContents .nav .inner ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: start;
  justify-content: start;
  padding: 0.9% 0;
}

.whitehorseContents .nav .inner .jsLogo {
  width: 14.318182%;
  display: block;
  position: absolute;
  top: 8%;
  right: -7%;
  opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.is-fixed .whitehorseContents .nav .inner .jsLogo {
  opacity: 1;
}

.whitehorseContents .nav .inner .jsLogo.active {
  display: block;
}

.whitehorseContents .nav .inner ul li {
  width: 13.318182%;
}

/**/
.whitehorseContents .nav .inner ul li.nav2 {
  margin-left: -1.6%;
  margin-right: 3%;
}

.whitehorseContents .nav .inner ul li.nav3 {
  margin-right: 5.5%;
}

.whitehorseContents .nav .inner ul li.nav4 {
  margin-right: 2.7%;
}

.whitehorseContents .nav .inner ul li.nav5 {
  margin-right: 2%;
}

.whitehorseContents .nav .inner ul li a {
  display: block;
}

.whitehorseContents .nav .inner ul li .imgCover {
  position: relative;
}

.whitehorseContents .nav .inner ul li a {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

.whitehorseContents .nav .inner ul li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
  background-color: #fff;
}

.whitehorseContents .nav .inner ul li a:hover::after {
  transform: scale(1, 1);
}

.whitehorseContents .nav .inner ul li a .fixdImg {
  display: none;
}

.whitehorseContents .nav .inner ul li.nav1 .imgCover {
  position: relative;
  background: url("../images/common/page_nav_img_1.png?hash=7cdd6ecdaca603a93ab5c0d8ea4de02d") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav1 .imgCover::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  background: url("../images/common/page_nav_img_1_hover.png?hash=9b62e6192aa6a003cf28906f21408c41") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav2 .imgCover {
  position: relative;
  background: url("../images/common/page_nav_img_2.png?hash=5212d97a22087c8d6fd28720e2ba36e6") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav2 .imgCover::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  background: url("../images/common/page_nav_img_2_hover.png?hash=a5b430f147ca67db3cc6d815e68a868d") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav3 .imgCover {
  position: relative;
  background: url("../images/common/page_nav_img_3.png?hash=7f65cec9cefdd3df3a50e666f03652f3") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav3 .imgCover::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  background: url("../images/common/page_nav_img_3_hover.png?hash=661b4412615ab8540ba189825fb6283a") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav4 .imgCover {
  position: relative;
  background: url("../images/common/page_nav_img_4.png?hash=e5e73338c7ec3fd3ae96dc609e738082") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav4 .imgCover::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  background: url("../images/common/page_nav_img_4_hover.png?hash=979fe919d9b526f337c23ae3c2577da3") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav5 .imgCover {
  position: relative;
  background: url("../images/common/page_nav_img_5.png?hash=062f1fea97f2eec193a225c311a8c1cc") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav5 .imgCover::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  background: url("../images/common/page_nav_img_5_hover.png?hash=060157c15c52561866f008a7553e0ab4") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav6 .imgCover {
  position: relative;
  background: url("../images/common/page_nav_img_6.png?hash=b4273601fcf2ee313d510373e3a117ae") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li.nav6 .imgCover::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  background: url("../images/common/page_nav_img_6_hover.png?hash=793b762ec76f2da7f7ef6458bb4d9504") left top no-repeat;
  background-size: cover;
}

.whitehorseContents .nav .inner ul li:hover.nav1 .imgCover img {
  opacity: 0;
}

.whitehorseContents .nav .inner ul li:hover.nav2 .imgCover img {
  opacity: 0;
}

.whitehorseContents .nav .inner ul li:hover.nav3 .imgCover img {
  opacity: 0;
}

.whitehorseContents .nav .inner ul li:hover.nav4 .imgCover img {
  opacity: 0;
}

.whitehorseContents .nav .inner ul li:hover.nav5 .imgCover img {
  opacity: 0;
}

.whitehorseContents .nav .inner ul li:hover.nav6 .imgCover img {
  opacity: 0;
}

.whitehorseContents .nav .inner ul li:hover.nav1 .imgCover::after {
  opacity: 1;
}

.whitehorseContents .nav .inner ul li:hover.nav2 .imgCover::after {
  opacity: 1;
}

.whitehorseContents .nav .inner ul li:hover.nav3 .imgCover::after {
  opacity: 1;
}

.whitehorseContents .nav .inner ul li:hover.nav4 .imgCover::after {
  opacity: 1;
}

.whitehorseContents .nav .inner ul li:hover.nav5 .imgCover::after {
  opacity: 1;
}

.whitehorseContents .nav .inner ul li:hover.nav6 .imgCover::after {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .whitehorseContents .nav .inner .jsLogo {
    display: none;
  }

  .whitehorseContents .nav .inner {
    width: 97.33333vw;
    margin-left: auto;
    transform: translateX(0);
  }

  .whitehorseContents .nav .inner ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 0 1vw 0 !important;
  }

  .whitehorseContents .nav .inner ul li {
    width: 28.428571%;
    margin-bottom: 0;
  }

  .whitehorseContents .nav .inner ul li.nav1 {
    margin-left: 1%;
  }

  .whitehorseContents .nav .inner ul li.nav2 {
    margin-left: 1% !important;
    margin-right: 0;
  }

  .whitehorseContents .nav .inner ul li.nav3 {
    margin-right: 2% !important;
  }

  .whitehorseContents .nav .inner ul li.nav4 {
    margin-right: 0 !important;
    margin-left: 1%;
    margin-top: -2%;
  }

  .whitehorseContents .nav .inner ul li.nav5 {
    margin-right: -1%;
    margin-top: -3%;
  }

  .whitehorseContents .nav .inner ul li.nav6 {
    margin-left: 0%;
    margin-right: 2.5%;
    margin-top: -2%;
  }

  .whitehorseContents .nav .inner ul li.nav1 .imgCover::after {
    display: none;
  }

  .whitehorseContents .nav .inner ul li.nav2 .imgCover::after {
    display: none;
  }

  .whitehorseContents .nav .inner ul li.nav3 .imgCover::after {
    display: none;
  }

  .whitehorseContents .nav .inner ul li.nav4 .imgCover::after {
    display: none;
  }

  .whitehorseContents .nav .inner ul li.nav5 .imgCover::after {
    display: none;
  }

  .whitehorseContents .nav .inner ul li.nav6 .imgCover::after {
    display: none;
  }

  .is-fixed .whitehorseContents .nav .inner ul {
    padding: 2% 0;
  }
}
.whitehorseContents .sectionHeading {
  margin: 0 auto;
}

.whitehorseContents .sectionHeading span {
  display: block;
}