/* [ variable ]
-------------------------------------------------*/
/* element */
/* font */
/* [ font style ]
-------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ easing style ]
-------------------------------------------------*/
/* [ Hover Motion style ]
-------------------------------------------------*/
/* [ icon style ]
-------------------------------------------------*/
/* [ form parts ]
-------------------------------------------------*/
@font-face {
  font-family: "BodoniFLF-Italic";
  src: url("../font/BodoniFLF-Italic/BodoniFLF-Italic.eot?") format("eot"), url("../font/BodoniFLF-Italic/BodoniFLF-Italic.woff") format("woff"), url("../font/BodoniFLF-Italic/BodoniFLF-Italic.ttf") format("truetype"), url("../font/BodoniFLF-Italic/BodoniFLF-Italic.svg#BodoniFLF-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Whitewood Style
-------------------------------------------------- */
@media only screen and (min-width: 751px) {
  /* line 11, ../_sass/whitewood.scss */
  #white-wood #contents {
    position: relative;
    z-index: 200;
  }
  /* line 15, ../_sass/whitewood.scss */
  #white-wood .animate {
    opacity: 0;
    transition: all 1s;
    -ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
  }
  /* line 21, ../_sass/whitewood.scss */
  #white-wood .animate.rotateY {
    -webkit-transform: rotateY(40deg);
    -moz-transform: rotateY(40deg);
    -ms-transform: rotateY(40deg);
    -o-transform: rotateY(40deg);
    transform: rotateY(40deg);
  }
  /* line 28, ../_sass/whitewood.scss */
  #white-wood .animate.rotateX {
    -webkit-transform: rotateX(90deg) translateY(80px);
    -moz-transform: rotateX(90deg) translateY(80px);
    -ms-transform: rotateX(90deg) translateY(80px);
    -o-transform: rotateX(90deg) translateY(80px);
    transform: rotateX(90deg) translateY(80px);
  }
  /* line 35, ../_sass/whitewood.scss */
  #white-wood .animate.under {
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
  }
  /* line 41, ../_sass/whitewood.scss */
  #white-wood .animate.delay {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
  }
  /* line 47, ../_sass/whitewood.scss */
  #white-wood .animate.delay2 {
    -webkit-transition-delay: 2.5s;
    -moz-transition-delay: 2.5s;
    -ms-transition-delay: 2.5s;
    transition-delay: 2.5s;
  }
  /* line 53, ../_sass/whitewood.scss */
  #white-wood .animate.zoom {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
  }
  /* line 63, ../_sass/whitewood.scss */
  #white-wood .animate.active {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1, 1) rotateX(0) rotateY(0) translateY(0px) translateX(0);
    -moz-transform: translate(0, 0) scale(1, 1) rotateX(0) rotateY(0) translateY(0px) translateX(0);
    -ms-transform: translate(0, 0) scale(1, 1) rotateX(0) rotateY(0) translateY(0px) translateX(0);
    transform: translate(0, 0) scale(1, 1) rotateX(0) rotateY(0) translateY(0px) translateX(0);
  }
  /* line 73, ../_sass/whitewood.scss */
  #white-wood .kv {
    height: 890px;
    background: url(../img/products/whitewood/kv_bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
  }
  /* line 78, ../_sass/whitewood.scss */
  #white-wood .kv .title {
    width: 651px;
    height: 99px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -45px;
    margin-left: -325px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/products/whitewood/kv_text.png) no-repeat center center;
  }
  /* line 90, ../_sass/whitewood.scss */
  #white-wood .kv #scroll_icon {
    width: 32px;
    height: 69px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 42px;
    margin: auto;
    cursor: pointer;
    z-index: 3;
    -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    /* easeOutSine */
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    /* easeOutSine */
  }
  /* line 100, ../_sass/whitewood.scss */
  #white-wood .kv #scroll_icon.hide {
    opacity: 0;
  }
  /* line 103, ../_sass/whitewood.scss */
  #white-wood .kv #scroll_icon span {
    display: table;
  }
  /* line 106, ../_sass/whitewood.scss */
  #white-wood .kv #scroll_icon .icon {
    width: 32px;
    height: 52px;
    background: url("../img/quality/icon_scroll_white.png") no-repeat center center;
    background-size: cover !important;
  }
  /* line 111, ../_sass/whitewood.scss */
  #white-wood .kv #scroll_icon .arrow {
    margin-left: auto;
    margin-right: auto;
    width: 20px;
    height: 6px;
    background: url("../img/quality/icon_arrow_scroll_white.png") no-repeat center center;
    background-size: cover !important;
    position: relative;
    top: 3px;
  }
  /* line 123, ../_sass/whitewood.scss */
  #white-wood .feature {
    height: 700px;
    position: relative;
  }
  /* line 126, ../_sass/whitewood.scss */
  #white-wood .feature .photo {
    width: 57%;
    height: 700px;
    position: absolute;
    background: #ccc;
  }
  /* line 132, ../_sass/whitewood.scss */
  #white-wood .feature .text_area {
    overflow: hidden;
    width: 43%;
    height: 700px;
    background: #fff;
    position: absolute;
  }
  /* line 138, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .content {
    width: 430px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  /* line 147, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .number {
    font-family: "BodoniFLF-Italic";
    color: #5e8a19;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 3px;
  }
  /* line 154, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .title {
    margin-top: 36px;
    font-family: "BodoniFLF-Italic";
    font-size: 36px;
    letter-spacing: 13px;
    line-height: 54px;
  }
  /* line 161, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .text {
    margin-top: 13px;
    font-size: 13px;
    line-height: 28px;
  }
  /* line 167, ../_sass/whitewood.scss */
  #white-wood .feature .left {
    left: 0;
  }
  /* line 170, ../_sass/whitewood.scss */
  #white-wood .feature .right {
    right: 0;
  }
  /* line 174, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider {
    position: relative;
    width: 200%;
    overflow: hidden;
  }
  /* line 178, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider li {
    float: left;
    width: 50%;
    height: 700px;
  }
  /* line 183, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider .bg01 {
    background: url(../img/products/whitewood/feature01_01.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 187, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider .bg02 {
    background: url(../img/products/whitewood/feature01_02.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 192, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  /* line 196, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li {
    float: left;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    background: rgba(47, 47, 57, 0.9);
    width: 50px;
    height: 50px;
    position: relative;
    opacity: 1;
    cursor: pointer;
  }
  /* line 209, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li.prev:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -6px;
  }
  /* line 228, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li.next:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -6px;
  }
  /* line 246, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li:hover {
    opacity: 0.6;
  }
  /* line 253, ../_sass/whitewood.scss */
  #white-wood .feature#feature02 .photo {
    background: url(../img/products/whitewood/feature02.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 259, ../_sass/whitewood.scss */
  #white-wood .feature#feature03 .photo {
    background: url(../img/products/whitewood/feature03.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 266, ../_sass/whitewood.scss */
  #white-wood .scene {
    background: url(../img/products/whitewood/scene_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 140px 0;
  }
  /* line 270, ../_sass/whitewood.scss */
  #white-wood .scene .title {
    text-align: center;
    font-family: "BodoniFLF-Italic";
    color: #fff;
    font-size: 36px;
    letter-spacing: 13px;
    line-height: 54px;
  }
  /* line 278, ../_sass/whitewood.scss */
  #white-wood .scene .text {
    font-size: 13px;
    margin-top: 13px;
    line-height: 25px;
    color: #fff;
    text-align: center;
  }
  /* line 285, ../_sass/whitewood.scss */
  #white-wood .scene .inner {
    max-width: 1220px;
    position: relative;
  }
  /* line 289, ../_sass/whitewood.scss */
  #white-wood .scene .content {
    width: 1020px;
    overflow: hidden;
    margin: 65px auto 0;
  }
  /* line 294, ../_sass/whitewood.scss */
  #white-wood .scene .slider {
    width: 2160px;
  }
  /* line 296, ../_sass/whitewood.scss */
  #white-wood .scene .slider li {
    cursor: pointer;
    width: 300px;
    height: 210px;
    margin-left: 60px;
    float: left;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 306, ../_sass/whitewood.scss */
  #white-wood .scene .slider li:hover {
    opacity: 0.6;
  }
  /* line 309, ../_sass/whitewood.scss */
  #white-wood .scene .slider li:first-child {
    margin-left: 0;
  }
  /* line 315, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li {
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    background: rgba(47, 47, 57, 0.9);
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 1;
    cursor: pointer;
  }
  /* line 326, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li.prev {
    left: 0;
    top: 80px;
  }
  /* line 330, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li.prev:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -6px;
  }
  /* line 348, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li.next {
    right: 0;
    top: 80px;
  }
  /* line 352, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li.next:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -6px;
  }
  /* line 370, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li:hover {
    opacity: 0.6;
  }
  /* line 375, ../_sass/whitewood.scss */
  #white-wood .scene .slider-navi {
    overflow: hidden;
    text-align: center;
    width: 40px;
    margin: 40px auto 0;
  }
  /* line 380, ../_sass/whitewood.scss */
  #white-wood .scene .slider-navi li {
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 7px;
    width: 4px;
    line-height: 4px;
    height: 4px;
    border-radius: 3px;
    border: 1px solid #fff;
  }
  /* line 390, ../_sass/whitewood.scss */
  #white-wood .scene .slider-navi li.current {
    background: #fff;
  }
  /* line 397, ../_sass/whitewood.scss */
  #white-wood .bottom {
    padding: 120px 0;
  }
  /* line 399, ../_sass/whitewood.scss */
  #white-wood .bottom .btn {
    width: 455px;
    margin: 0 auto;
  }
  /* line 405, ../_sass/whitewood.scss */
  #white-wood .modal_area {
    opacity: 0;
    z-index: 1;
    width: 800px;
    height: 645px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -322px;
    margin-left: -400px;
    display: none;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 420, ../_sass/whitewood.scss */
  #white-wood .modal_area.active {
    z-index: 5000;
    opacity: 1;
  }
  /* line 424, ../_sass/whitewood.scss */
  #white-wood .modal_area .modal_window {
    opacity: 0;
    width: 800px;
    height: 545px;
    position: absolute;
    top: 50px;
    left: 0;
  }
  /* line 432, ../_sass/whitewood.scss */
  #white-wood .modal_area .close {
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
    text-align: center;
    font-family: "BodoniFLF-Italic";
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 49px;
    border-top: 1px solid #d9d7cd;
    border-bottom: 1px solid #d9d7cd;
    font-size: 13.5px;
    line-height: 49px;
  }
  /* line 451, ../_sass/whitewood.scss */
  #white-wood .modal_area .close:hover {
    opacity: 0.6;
  }
  /* line 454, ../_sass/whitewood.scss */
  #white-wood .modal_area .close .icon {
    display: inline-block;
    padding-left: 9px;
    vertical-align: middle;
    width: 9px;
    height: 49px;
    background: url(../img/products/whitewood/close.png) no-repeat right 17px;
  }
  /* line 464, ../_sass/whitewood.scss */
  #white-wood .modal_area .modal-control li {
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    background: rgba(47, 47, 57, 0.9);
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 1;
    cursor: pointer;
  }
  /* line 475, ../_sass/whitewood.scss */
  #white-wood .modal_area .modal-control li.prev {
    left: -110px;
    top: 247px;
  }
  /* line 478, ../_sass/whitewood.scss */
  #white-wood .modal_area .modal-control li.prev:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -6px;
  }
  /* line 496, ../_sass/whitewood.scss */
  #white-wood .modal_area .modal-control li.next {
    right: -110px;
    top: 247px;
  }
  /* line 499, ../_sass/whitewood.scss */
  #white-wood .modal_area .modal-control li.next:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -6px;
  }
  /* line 517, ../_sass/whitewood.scss */
  #white-wood .modal_area .modal-control li:hover {
    opacity: 0.6;
  }
  /* line 524, ../_sass/whitewood.scss */
  #white-wood .modal_bg {
    opacity: 0;
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.95);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    display: none;
  }
  /* line 538, ../_sass/whitewood.scss */
  #white-wood .modal_bg.active {
    z-index: 4500;
    opacity: 1;
  }
}
@media screen and (max-width: 1280px) and (min-width: 751px) {
  /* line 547, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .content {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 5%;
    padding-right: 5%;
    transform: translate(-50%, -50%);
    width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 750px) {
  /* line 561, ../_sass/whitewood.scss */
  #white-wood #header {
    position: relative;
    z-index: 1000;
  }
  /* line 565, ../_sass/whitewood.scss */
  #white-wood #contents {
    z-index: 200;
    position: relative;
  }
  /* line 569, ../_sass/whitewood.scss */
  #white-wood .kv {
    height: 550px;
    background: url(../img/products/whitewood/kv_bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
  }
  /* line 574, ../_sass/whitewood.scss */
  #white-wood .kv .title {
    width: 282px;
    height: 44px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -22px;
    margin-left: -141px;
  }
  /* line 582, ../_sass/whitewood.scss */
  #white-wood .kv .title .line1 {
    display: block;
    margin-bottom: 17px;
    width: 282px;
    height: 22px;
    background: url(../img/products/whitewood/kv_text_sp01.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
  }
  /* line 592, ../_sass/whitewood.scss */
  #white-wood .kv .title .line2 {
    display: block;
    margin-bottom: 17px;
    width: 282px;
    height: 5px;
    background: url(../img/products/whitewood/kv_text_sp02.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
  }
  /* line 603, ../_sass/whitewood.scss */
  #white-wood .kv .scroll {
    width: 48px;
    height: 23px;
    background: url(../img/products/whitewood/kv_scroll_sp.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    bottom: 18px;
    left: 50%;
    margin-left: -24px;
  }
  /* line 613, ../_sass/whitewood.scss */
  #white-wood .kv .scroll_wrap {
    width: 47px;
    height: 28px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  /* line 619, ../_sass/whitewood.scss */
  #white-wood .kv .scroll_wrap .scroll_inner {
    height: 28px;
    position: relative;
  }
  /* line 622, ../_sass/whitewood.scss */
  #white-wood .kv .scroll_wrap .scroll_inner > * {
    line-height: 1;
  }
  /* line 628, ../_sass/whitewood.scss */
  #white-wood .kv .scroll_wrap .arrow {
    width: 32px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  /* line 637, ../_sass/whitewood.scss */
  #white-wood .kv .scroll_wrap.green .scroll_inner > * {
    overflow: hidden;
    text-indent: -9999px;
    background-size: contain !important;
  }
  /* line 642, ../_sass/whitewood.scss */
  #white-wood .kv .scroll_wrap.green .text {
    height: 6px;
    background: url("../img/story/common/scroll_text_green.svg") no-repeat center center;
  }
  /* line 646, ../_sass/whitewood.scss */
  #white-wood .kv .scroll_wrap.green .arrow {
    height: 14px;
    background: url("../img/story/common/scroll_icon_green.svg") no-repeat center center;
  }
  /* line 654, ../_sass/whitewood.scss */
  #white-wood .feature {
    position: relative;
  }
  /* line 656, ../_sass/whitewood.scss */
  #white-wood .feature .photo {
    height: 260px;
    position: relative;
  }
  /* line 660, ../_sass/whitewood.scss */
  #white-wood .feature .text_area {
    overflow: hidden;
    background: #fff;
  }
  /* line 663, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .content {
    padding: 25px 0 65px;
  }
  /* line 666, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .number {
    text-align: center;
    font-family: "BodoniFLF-Italic";
    color: #5e8a19;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 3px;
  }
  /* line 674, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .title {
    text-align: center;
    margin-top: 11px;
    font-family: "BodoniFLF-Italic";
    font-size: 30px;
    letter-spacing: 10px;
    line-height: 45px;
  }
  /* line 682, ../_sass/whitewood.scss */
  #white-wood .feature .text_area .text {
    font-size: 13px;
    line-height: 25px;
    margin: 17px 15px 0;
  }
  /* line 688, ../_sass/whitewood.scss */
  #white-wood .feature .left {
    left: 0;
  }
  /* line 691, ../_sass/whitewood.scss */
  #white-wood .feature .right {
    right: 0;
  }
  /* line 695, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider {
    position: relative;
    width: 200%;
    overflow: hidden;
  }
  /* line 699, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider li {
    float: left;
    width: 50%;
    height: 260px;
  }
  /* line 704, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider .bg01 {
    background: url(../img/products/whitewood/feature01_01.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 708, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider .bg02 {
    background: url(../img/products/whitewood/feature01_02.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 713, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  /* line 718, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li {
    float: left;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    background: rgba(47, 47, 57, 0.9);
    width: 35px;
    height: 35px;
    position: absolute;
    opacity: 1;
    cursor: pointer;
    top: 112px;
  }
  /* line 731, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li.prev {
    left: 0;
  }
  /* line 733, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li.prev:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -2px;
    margin-top: -4px;
  }
  /* line 751, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li.next {
    right: 0;
  }
  /* line 753, ../_sass/whitewood.scss */
  #white-wood .feature#feature01 .slider-control li.next:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -4px;
  }
  /* line 775, ../_sass/whitewood.scss */
  #white-wood .feature#feature02 .photo {
    background: url(../img/products/whitewood/feature02.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 781, ../_sass/whitewood.scss */
  #white-wood .feature#feature03 .photo {
    background: url(../img/products/whitewood/feature03.jpg) no-repeat center center;
    background-size: cover;
  }
  /* line 788, ../_sass/whitewood.scss */
  #white-wood .scene {
    background: url(../img/products/whitewood/scene_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 45px 0 50px;
  }
  /* line 792, ../_sass/whitewood.scss */
  #white-wood .scene .title {
    text-align: center;
    font-family: "BodoniFLF-Italic";
    color: #fff;
    font-size: 30px;
    letter-spacing: 10px;
    line-height: 45px;
  }
  /* line 800, ../_sass/whitewood.scss */
  #white-wood .scene .text {
    font-size: 13px;
    margin-top: 20px;
    line-height: 25px;
    color: #fff;
    text-align: center;
  }
  /* line 807, ../_sass/whitewood.scss */
  #white-wood .scene .inner {
    position: relative;
    margin: 0;
  }
  /* line 811, ../_sass/whitewood.scss */
  #white-wood .scene .content {
    margin: 33px auto 0;
    padding: 0 15px;
    overflow: visible;
  }
  /* line 816, ../_sass/whitewood.scss */
  #white-wood .scene .slider {
    width: 395%;
    overflow: hidden;
    box-sizing: border-box;
  }
  /* line 820, ../_sass/whitewood.scss */
  #white-wood .scene .slider li {
    width: 25%;
    height: auto;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    float: left;
  }
  /* line 829, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li {
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    background: rgba(47, 47, 57, 0.9);
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 1;
    cursor: pointer;
  }
  /* line 840, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li.prev {
    left: -100px;
    top: 80px;
  }
  /* line 843, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li.prev:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -6px;
  }
  /* line 861, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li.next {
    right: -100px;
    top: 80px;
  }
  /* line 864, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li.next:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -6px;
  }
  /* line 882, ../_sass/whitewood.scss */
  #white-wood .scene .slider-control li:hover {
    opacity: 0.6;
  }
  /* line 887, ../_sass/whitewood.scss */
  #white-wood .scene .slider-navi {
    overflow: hidden;
    text-align: center;
    width: 96px;
    margin: 39px auto 0;
  }
  /* line 892, ../_sass/whitewood.scss */
  #white-wood .scene .slider-navi li {
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 7px;
    width: 7px;
    line-height: 7px;
    height: 7px;
    border-radius: 5px;
    border: 1px solid #fff;
  }
  /* line 902, ../_sass/whitewood.scss */
  #white-wood .scene .slider-navi li.current {
    background: #fff;
  }
  /* line 909, ../_sass/whitewood.scss */
  #white-wood .bottom {
    padding: 45px 15px;
  }
  /* line 911, ../_sass/whitewood.scss */
  #white-wood .bottom .btn {
    margin: 0 auto;
  }
  /* line 1052, ../_sass/whitewood.scss */
  #white-wood .modal_area {
    display: none;
  }
  /* line 1055, ../_sass/whitewood.scss */
  #white-wood .modal_bg {
    display: none;
  }
}