@-webkit-keyframes zoom {
  from {
    -webkit-transform: rotate(0.1deg) scale(1, 1);
            transform: rotate(0.1deg) scale(1, 1);
  }
  to {
    -webkit-transform: rotate(0.1deg) scale(1.2, 1.2);
            transform: rotate(0.1deg) scale(1.2, 1.2);
  }
}

@-moz-keyframes zoom {
  from {
    -moz-transform: rotate(0.1deg) scale(1, 1);
         transform: rotate(0.1deg) scale(1, 1);
  }
  to {
    -moz-transform: rotate(0.1deg) scale(1.2, 1.2);
         transform: rotate(0.1deg) scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    -webkit-transform: rotate(0.1deg) scale(1, 1);
       -moz-transform: rotate(0.1deg) scale(1, 1);
            transform: rotate(0.1deg) scale(1, 1);
  }
  to {
    -webkit-transform: rotate(0.1deg) scale(1.2, 1.2);
       -moz-transform: rotate(0.1deg) scale(1.2, 1.2);
            transform: rotate(0.1deg) scale(1.2, 1.2);
  }
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-moz-keyframes rotate360 {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
         transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
         transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
         transform: rotateY(360deg);
  }
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
         transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
         transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
         transform: rotateY(360deg);
  }
}

@-webkit-keyframes up_fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300%);
    transform: translateY(300%);
  }
  50% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes up_fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
         transform: translateY(300%);
  }
  50% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}

@keyframes up_fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
         transform: translateY(300%);
  }
  50% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}

@-webkit-keyframes go_center_odd {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300%);
    transform: translateX(300%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes go_center_odd {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
         transform: translateX(300%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}

@keyframes go_center_odd {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
         transform: translateX(300%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}

@-webkit-keyframes go_center_even {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes go_center_even {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    -moz-transform: translateX(-300%);
         transform: translateX(-300%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}

@keyframes go_center_even {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    -moz-transform: translateX(-300%);
         transform: translateX(-300%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}

@-webkit-keyframes converge {
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}

@-moz-keyframes converge {
  to {
    opacity: 1;
    -moz-transform: translate(0, 0) scale(1);
         transform: translate(0, 0) scale(1);
  }
}

@keyframes converge {
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
       -moz-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@-moz-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

@media screen and (min-width: 769px), print {
  .big_picture,
  .first_view {
    width: 100%;
  }
  .first_view {
    position: relative;
  }
  .first_view .scroll {
    font-size: 1.8rem;
    line-height: 1;
    color: white;
    display: block;
    position: absolute;
    bottom: 117px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    letter-spacing: 1px;
    cursor: pointer;
  }
  .first_view .scroll:after {
    content: '';
    display: block;
    margin: 12px auto 0;
    -webkit-animation: rotate360 4s infinite alternate;
       -moz-animation: rotate360 4s infinite alternate;
            animation: rotate360 4s infinite alternate;
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -1201px -194px;
    width: 58px;
    height: 29px;
  }
  .first_view #dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first_view #dots li {
    width: 10px;
    height: 10px;
    margin: 0 7px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    border: 1px solid white;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
  }
  .first_view #dots li.active {
    background-color: white;
  }
  .big_picture {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 1100px;
    overflow: hidden;
  }
  .big_picture li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
         background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0;
    -webkit-transform: rotate(0.1deg) scale(1);
       -moz-transform: rotate(0.1deg) scale(1);
        -ms-transform: rotate(0.1deg) scale(1);
            transform: rotate(0.1deg) scale(1);
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    transition: all 3s ease;
  }
  .big_picture li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
  }
  .big_picture li .text_box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
  }
  .big_picture li:nth-of-type(1) {
    background-image: url(../images/pic_01.jpg);
  }
  .big_picture li:nth-of-type(1) .text_box {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0px -194px;
    width: 529px;
    height: 226px;
  }
  .big_picture li:nth-of-type(2) {
    background-image: url(../images/pic_02.jpg);
  }
  .big_picture li:nth-of-type(2) .text_box {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -721px 0px;
    width: 539px;
    height: 174px;
  }
  .big_picture li:nth-of-type(3) {
    background-image: url(../images/pic_03.jpg);
  }
  .big_picture li:nth-of-type(3) .text_box {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -721px -194px;
    width: 460px;
    height: 174px;
  }
  .big_picture li:nth-of-type(4) {
    background-image: url(../images/pic_04.jpg);
  }
  .big_picture li:nth-of-type(4) .text_box {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0px -440px;
    width: 549px;
    height: 171px;
  }
  .big_picture li:nth-of-type(5) {
    background-image: url(../images/pic_05.jpg);
  }
  .big_picture li:nth-of-type(5) .text_box {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0px 0px;
    width: 701px;
    height: 174px;
  }
  .big_picture li.active {
    -webkit-animation: zoom 10s ease-in-out forwards;
       -moz-animation: zoom 10s ease-in-out forwards;
            animation: zoom 10s ease-in-out forwards;
  }
  .content.active h2 {
    opacity: 1;
  }
  .content.active h2:after {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .content.active .wrapper .inner li {
    -webkit-animation: up_fadein 3s forwards;
       -moz-animation: up_fadein 3s forwards;
            animation: up_fadein 3s forwards;
  }
  .content {
    position: relative;
    padding-top: 105px;
    overflow: hidden;
  }
  .content:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 1500px;
    background-image: url(../images/decorate.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
  }
  .content h2 {
    position: relative;
    width: 575px;
    margin: 0 0 100px;
    overflow: hidden;
    opacity: 0;
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -594px -1035px;
    width: 574px;
    height: 62px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
  }
  .content h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    -webkit-transform: translateX(-200%);
       -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
            transform: translateX(-200%);
    background-color: #372613;
    width: 9999px;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
  }
  .content .wrapper {
    width: 100%;
    background-color: #f6f5f1;
  }
  .content .wrapper .inner {
    position: relative;
    width: 1060px;
    margin: 0 auto;
    padding: 28px 0 110px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content .wrapper .inner li {
    width: 334px;
    margin: -105px 0 45px;
    opacity: 0;
    -webkit-transform: translateY(300%);
       -moz-transform: translateY(300%);
        -ms-transform: translateY(300%);
            transform: translateY(300%);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
  }
  .content .wrapper .inner li a:hover .picture:before {
    opacity: 1;
  }
  .content .wrapper .inner li .picture {
    position: relative;
    width: 100%;
    height: 366px;
    overflow: hidden;
  }
  .content .wrapper .inner li .picture:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .content .wrapper .inner li .picture:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: rgba(255, 255, 255, 0.25);
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0) 100%);
    background: -moz- oldlinear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0) 100%);
  }
  .content .wrapper .inner li p {
    margin-top: 11px;
    position: relative;
    color: #372613;
    font-size: 1.8rem;
    line-height: 24px;
    text-align: center;
  }
  .content .wrapper .inner li p:after {
    content: '';
    display: block;
    width: 51px;
    height: 1px;
    background-color: #8c5d29;
    margin: 19px auto 0;
  }
  .content .wrapper .inner .item02,
  .content .wrapper .inner .item05 {
    margin: 0 28px 45px;
  }
  .content .wrapper .inner .item01 .ct01 {
    background-image: url(../images/content_01.png);
    -moz-background-size: cover;
         background-size: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .content .wrapper .inner .item01 .ct01:after {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -721px -388px;
    width: 334px;
    height: 182px;
  }
  .content .wrapper .inner .item02 .ct02 {
    background-image: url(../images/content_02.png);
    -moz-background-size: cover;
         background-size: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .content .wrapper .inner .item02 .ct02:after {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0px -631px;
    width: 334px;
    height: 182px;
  }
  .content .wrapper .inner .item03 .ct03 {
    background-image: url(../images/content_03.png);
    -moz-background-size: cover;
         background-size: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .content .wrapper .inner .item03 .ct03:after {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -354px -833px;
    width: 334px;
    height: 182px;
  }
  .content .wrapper .inner .item04 a {
    display: block;
    pointer-events: none !important;
    cursor: default;
  }
  .content .wrapper .inner .item04 .ct04 {
    background-image: url(../images/content_04.png);
    -moz-background-size: cover;
         background-size: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .content .wrapper .inner .item04 .ct04:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -1007px -833px;
    width: 240px;
    height: 62px;
    z-index: 2;
    opacity: 1;
  }
  .content .wrapper .inner .item04 .ct04:after {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -708px -631px;
    width: 334px;
    height: 182px;
  }
  .content .wrapper .inner .item05 a {
    display: block;
    pointer-events: none !important;
    cursor: default;
  }
  .content .wrapper .inner .item05 .ct05 {
    background-image: url(../images/content_05.png);
    -moz-background-size: cover;
         background-size: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .content .wrapper .inner .item05 .ct05:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -1007px -833px;
    width: 240px;
    height: 62px;
    z-index: 2;
    opacity: 1;
  }
  .content .wrapper .inner .item05 .ct05:after {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0px -833px;
    width: 334px;
    height: 182px;
  }
  .content .wrapper .inner .item06 .ct06 {
    background-image: url(../images/content_06.png);
    -moz-background-size: cover;
         background-size: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .content .wrapper .inner .item06 .ct06:after {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -354px -631px;
    width: 334px;
    height: 182px;
  }
  .info.active h2 {
    -webkit-animation: up_fadein 2s forwards;
       -moz-animation: up_fadein 2s forwards;
            animation: up_fadein 2s forwards;
  }
  .info.active .wrapper {
    -webkit-animation: up_fadein 2s forwards 0.5s;
       -moz-animation: up_fadein 2s forwards 0.5s;
            animation: up_fadein 2s forwards 0.5s;
  }
  .info {
    padding-top: 100px;
  }
  .info h2 {
    opacity: 0;
    -webkit-transform: translateY(300%);
       -moz-transform: translateY(300%);
        -ms-transform: translateY(300%);
            transform: translateY(300%);
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -708px -833px;
    width: 279px;
    height: 67px;
    margin: 0 auto 25px;
  }
  .info .wrapper {
    width: 1060px;
    margin: 0 auto;
    text-align: right;
    opacity: 0;
    -webkit-transform: translateY(300%);
       -moz-transform: translateY(300%);
        -ms-transform: translateY(300%);
            transform: translateY(300%);
  }
  .info .wrapper li {
    position: relative;
    width: 100%;
  }
  .info .wrapper li a {
    display: block;
    width: 100%;
    padding: 38px 0 36px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .info .wrapper li a:hover {
    opacity: 0.5;
  }
  .info .wrapper li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ae8d69), color-stop(50%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(left, #ae8d69 50%, transparent 50%, transparent 100%);
    background-image: -moz- oldlinear-gradient(left, #ae8d69 50%, transparent 50%, transparent 100%);
    background-image: linear-gradient(to right, #ae8d69 50%, transparent 50%, transparent 100%);
    -moz-background-size: 4px 1px;
         background-size: 4px 1px;
    background-repeat: repeat-x;
    background-position: center;
  }
  .info .wrapper li:last-of-type:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ae8d69), color-stop(50%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(left, #ae8d69 50%, transparent 50%, transparent 100%);
    background-image: -moz- oldlinear-gradient(left, #ae8d69 50%, transparent 50%, transparent 100%);
    background-image: linear-gradient(to right, #ae8d69 50%, transparent 50%, transparent 100%);
    -moz-background-size: 4px 1px;
         background-size: 4px 1px;
    background-repeat: repeat-x;
    background-position: center;
  }
  .info .wrapper dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 1.6rem;
    -moz-text-align-last: left;
         text-align-last: left;
    line-height: 1;
  }
  .info .wrapper dl dt {
    width: 160px;
    color: #8c5d29;
  }
  .info .wrapper dl dd {
    width: 660px;
    color: #372613;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .info .wrapper .btn {
    position: relative;
    display: inline-block;
    margin: 20px 0 100px;
    width: 138px;
    height: 36px;
    border: 1px solid #372613;
    text-align: center;
    line-height: 36px;
    color: #372613;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .info .wrapper .btn span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .info .wrapper .btn:hover {
    color: white;
  }
  .info .wrapper .btn:hover:before {
    -webkit-transform: translateX(-50%) scaleX(1);
       -moz-transform: translateX(-50%) scaleX(1);
        -ms-transform: translateX(-50%) scaleX(1);
            transform: translateX(-50%) scaleX(1);
    opacity: 1;
  }
  .info .wrapper .btn:hover:after {
    border-top: 1px solid white;
    border-right: 1px solid white;
  }
  .info .wrapper .btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: black;
    -webkit-transform: translateX(-50%) scaleX(0.7);
       -moz-transform: translateX(-50%) scaleX(0.7);
        -ms-transform: translateX(-50%) scaleX(0.7);
            transform: translateX(-50%) scaleX(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .info .wrapper .btn:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #372613;
    border-right: 1px solid #372613;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .gallery.active h2 {
    opacity: 1;
  }
  .gallery.active h2:after {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .gallery.active .img_container li {
    -webkit-animation: converge 3s forwards 1s;
       -moz-animation: converge 3s forwards 1s;
            animation: converge 3s forwards 1s;
  }
  .gallery.active .btn_container li {
    opacity: 1;
  }
  .gallery.active .btn_container li:nth-of-type(1) {
    -webkit-transition: opacity 2s ease 2s;
    -moz-transition: opacity 2s ease 2s;
    transition: opacity 2s ease 2s;
  }
  .gallery.active .btn_container li:nth-of-type(2) {
    -webkit-transition: opacity 2s ease 3s;
    -moz-transition: opacity 2s ease 3s;
    transition: opacity 2s ease 3s;
  }
  .gallery.active .btn_container li:nth-of-type(3) {
    -webkit-transition: opacity 2s ease 4s;
    -moz-transition: opacity 2s ease 4s;
    transition: opacity 2s ease 4s;
  }
  .gallery {
    width: 100%;
    background-color: #363636;
    overflow: hidden;
  }
  .gallery h2 {
    position: relative;
    width: 575px;
    margin: 100px 0 30px;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    overflow: hidden;
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0px -1035px;
    width: 574px;
    height: 62px;
  }
  .gallery h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
    width: 9999px;
    -webkit-transform: translateX(-200%);
       -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
            transform: translateX(-200%);
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
  }
  .gallery .img_container {
    width: 100%;
  }
  .gallery .img_container:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .gallery .img_container li {
    width: 20%;
    padding-top: 20%;
    float: left;
    overflow: hidden;
    position: relative;
    opacity: 0;
  }
  .gallery .img_container li:nth-child(1) {
    -webkit-transform: translate(100vw, 98vh) scale(0);
       -moz-transform: translate(100vw, 98vh) scale(0);
        -ms-transform: translate(100vw, 98vh) scale(0);
            transform: translate(100vw, 98vh) scale(0);
  }
  .gallery .img_container li:nth-child(2) {
    -webkit-transform: translate(-72vw, -100vh) scale(0);
       -moz-transform: translate(-72vw, -100vh) scale(0);
        -ms-transform: translate(-72vw, -100vh) scale(0);
            transform: translate(-72vw, -100vh) scale(0);
  }
  .gallery .img_container li:nth-child(3) {
    -webkit-transform: translate(12vw, -100vh) scale(0);
       -moz-transform: translate(12vw, -100vh) scale(0);
        -ms-transform: translate(12vw, -100vh) scale(0);
            transform: translate(12vw, -100vh) scale(0);
  }
  .gallery .img_container li:nth-child(4) {
    -webkit-transform: translate(-100vw, -76vh) scale(0);
       -moz-transform: translate(-100vw, -76vh) scale(0);
        -ms-transform: translate(-100vw, -76vh) scale(0);
            transform: translate(-100vw, -76vh) scale(0);
  }
  .gallery .img_container li:nth-child(5) {
    -webkit-transform: translate(-100vw, 96vh) scale(0);
       -moz-transform: translate(-100vw, 96vh) scale(0);
        -ms-transform: translate(-100vw, 96vh) scale(0);
            transform: translate(-100vw, 96vh) scale(0);
  }
  .gallery .img_container li:nth-child(6) {
    -webkit-transform: translate(-14vw, -100vh) scale(0);
       -moz-transform: translate(-14vw, -100vh) scale(0);
        -ms-transform: translate(-14vw, -100vh) scale(0);
            transform: translate(-14vw, -100vh) scale(0);
  }
  .gallery .img_container li:nth-child(7) {
    -webkit-transform: translate(99vw, -100vh) scale(0);
       -moz-transform: translate(99vw, -100vh) scale(0);
        -ms-transform: translate(99vw, -100vh) scale(0);
            transform: translate(99vw, -100vh) scale(0);
  }
  .gallery .img_container li:nth-child(8) {
    -webkit-transform: translate(-79vw, -100vh) scale(0);
       -moz-transform: translate(-79vw, -100vh) scale(0);
        -ms-transform: translate(-79vw, -100vh) scale(0);
            transform: translate(-79vw, -100vh) scale(0);
  }
  .gallery .img_container li:nth-child(9) {
    -webkit-transform: translate(-100vw, 11vh) scale(0);
       -moz-transform: translate(-100vw, 11vh) scale(0);
        -ms-transform: translate(-100vw, 11vh) scale(0);
            transform: translate(-100vw, 11vh) scale(0);
  }
  .gallery .img_container li:nth-child(10) {
    -webkit-transform: translate(36vw, -100vh) scale(0);
       -moz-transform: translate(36vw, -100vh) scale(0);
        -ms-transform: translate(36vw, -100vh) scale(0);
            transform: translate(36vw, -100vh) scale(0);
  }
  .gallery .img_container li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .gallery .img_container li img:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.1) rotate(5deg);
       -moz-transform: translate(-50%, -50%) scale(1.1) rotate(5deg);
        -ms-transform: translate(-50%, -50%) scale(1.1) rotate(5deg);
            transform: translate(-50%, -50%) scale(1.1) rotate(5deg);
  }
  .gallery .btn_container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 50px 0 100px;
  }
  .gallery .btn_container li {
    width: 320px;
    height: 70px;
    background-color: white;
    opacity: 0;
  }
  .gallery .btn_container li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    line-height: 70px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .gallery .btn_container li a:hover {
    opacity: 0.5;
  }
  .gallery .btn_container li a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
  }
  .gallery .btn_container .official {
    margin-right: 10px;
  }
  .gallery .btn_container .fb {
    margin-right: 10px;
  }
  .gallery .btn_container .fb a:before {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -1201px -303px;
    width: 40px;
    height: 40px;
  }
  .gallery .btn_container .insta a:before {
    background-image: url(/common/images/sprite/sprite_top.png?rev=1540514715105);
    overflow: hidden;
    text-indent: -9999px;
    background-position: -1201px -243px;
    width: 40px;
    height: 40px;
  }
  .access.active {
    opacity: 1;
  }
  .access {
    width: 100%;
    background-color: #f4f3f1;
    padding-bottom: 80px;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
  }
  .access #map {
    width: 100%;
    padding-top: 34.667%;
    background-color: #444444;
    position: relative;
    overflow: hidden;
  }
  .access #map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .access .address {
    margin: 28px 0 50px;
    text-align: center;
    font-size: 1.6rem;
    color: #372613;
    line-height: 1;
  }
  .access .address a {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid #372613;
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
  }
  .access .address a:hover {
    border-bottom: 1px solid transparent;
  }
  .access .tel_btn {
    display: block;
    margin: 0 auto;
    width: 390px;
    height: 80px;
    background-color: #372613;
    text-align: center;
    line-height: 80px;
    color: white;
    font-size: 4rem;
    letter-spacing: 1px;
    cursor: none;
    pointer-events: none;
  }
  .access .tel_btn small {
    display: inline-block;
    font-size: 2.8rem;
    margin-right: 12px;
  }
  .access .time,
  .access .mail {
    text-align: center;
    color: #372613;
    line-height: 1;
  }
  .access .time dt,
  .access .time dd,
  .access .mail dt,
  .access .mail dd {
    display: inline-block;
  }
  .access .time {
    font-size: 1.8rem;
    margin: 25px 0 22px;
  }
  .access .time dt {
    margin-right: 8px;
  }
  .access .mail {
    font-size: 2.3rem;
  }
  .access .mail dt {
    margin-right: 8px;
  }
  .access .mail a {
    text-decoration: underline;
    color: #372613;
    font-size: 2.3rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .access .mail a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {
  .big_picture, .first_view {
    width: 100%;
  }
  .first_view {
    position: relative;
    overflow: hidden;
  }
  .first_view .scroll {
    font-size: 3.125vw;
    line-height: 1;
    color: white;
    display: block;
    position: absolute;
    bottom: 12.36979vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    letter-spacing: 1px;
    text-align: center;
  }
  .first_view .scroll:after {
    content: '';
    display: block;
    margin: 1.82292vw auto 0;
    -webkit-animation: rotate360 4s infinite alternate;
       -moz-animation: rotate360 4s infinite alternate;
            animation: rotate360 4s infinite alternate;
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 1927.05882% 2281.39535%;
         background-size: 1927.05882% 2281.39535%;
    background-position: 89.50419% 18.33689%;
    background-repeat: no-repeat;
    width: 11.19792vw;
    height: 5.59896vw;
  }
  .first_view #dots {
    position: absolute;
    bottom: 3.90625vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first_view #dots li {
    width: 2.60417vw;
    height: 2.60417vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    margin: 0 1.69271vw;
    border: 1px solid white;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .first_view #dots li.active {
    background-color: white;
  }
  .big_picture {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
  }
  .big_picture li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
         background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transform: rotate(0.1deg) scale(1);
       -moz-transform: rotate(0.1deg) scale(1);
        -ms-transform: rotate(0.1deg) scale(1);
            transform: rotate(0.1deg) scale(1);
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    transition: all 3s ease;
  }
  .big_picture li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
  }
  .big_picture li:nth-of-type(1) {
    background-image: url(../images/pic_01.jpg);
  }
  .big_picture li:nth-of-type(1) .text_box {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 555.25424% 778.57143%;
         background-size: 555.25424% 778.57143%;
    background-position: 80.04468% 10.52632%;
    background-repeat: no-repeat;
    width: 38.41146vw;
    height: 16.40625vw;
  }
  .big_picture li:nth-of-type(2) {
    background-image: url(../images/pic_02.jpg);
  }
  .big_picture li:nth-of-type(2) .text_box {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 297.27768% 705.7554%;
         background-size: 297.27768% 705.7554%;
    background-position: 0% 65.2019%;
    background-repeat: no-repeat;
    width: 71.74479vw;
    height: 18.09896vw;
  }
  .big_picture li:nth-of-type(3) {
    background-image: url(../images/pic_03.jpg);
  }
  .big_picture li:nth-of-type(3) .text_box {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 333.60489% 557.38636%;
         background-size: 333.60489% 557.38636%;
    background-position: 0% 43.85093%;
    background-repeat: no-repeat;
    width: 63.93229vw;
    height: 22.91667vw;
  }
  .big_picture li:nth-of-type(4) {
    background-image: url(../images/pic_04.jpg);
  }
  .big_picture li:nth-of-type(4) .text_box {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 238.42795% 705.7554%;
         background-size: 238.42795% 705.7554%;
    background-position: 0% 23.04038%;
    background-repeat: no-repeat;
    width: 89.45312vw;
    height: 18.09896vw;
  }
  .big_picture li:nth-of-type(5) {
    background-image: url(../images/pic_05.jpg);
  }
  .big_picture li:nth-of-type(5) .text_box {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 233.66619% 563.7931%;
         background-size: 233.66619% 563.7931%;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 91.27604vw;
    height: 22.65625vw;
  }
  .big_picture .text_box {
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
  }
  .big_picture li.active {
    -webkit-animation: zoom 10s ease-in-out forwards;
       -moz-animation: zoom 10s ease-in-out forwards;
            animation: zoom 10s ease-in-out forwards;
  }
  .content {
    position: relative;
    padding-top: 7.8125vw;
  }
  .content:before {
    content: '';
    position: absolute;
    width: 87.36979vw;
    height: 24.47917vw;
    top: 0;
    right: 0;
    background-image: url(../images/decorate_sp.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .content h2 {
    position: relative;
    width: 73.30729vw;
    height: 9.11458vw;
    margin: 0 0 11.71875vw;
    overflow: hidden;
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 290.94139% 1401.42857%;
         background-size: 290.94139% 1401.42857%;
    background-position: 100% 0%;
    background-repeat: no-repeat;
  }
  .content h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #372613;
    width: 9999px;
  }
  .content .wrapper {
    width: 100%;
    background-color: #f6f5f1;
  }
  .content .wrapper .inner {
    position: relative;
    width: 100%;
    padding: 0 2.60417vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .content .wrapper .inner li {
    width: 43.48958vw;
  }
  .content .wrapper .inner li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .content .wrapper .inner li .picture {
    position: relative;
    width: 100%;
    height: 47.65625vw;
    margin: 0;
  }
  .content .wrapper .inner li .picture:after {
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 23.69792vw;
  }
  .content .wrapper .inner li p {
    margin-top: 1.04167vw;
    position: relative;
    color: #372613;
    font-size: 3.64583vw;
    font-weight: bold;
    text-align: center;
  }
  .content .wrapper .inner li p:after {
    content: '';
    display: block;
    width: 6.64062vw;
    height: 1px;
    background-color: #8c5d29;
    margin: 1.69271vw auto 3.90625vw;
  }
  .content .wrapper .inner .item01, .content .wrapper .inner .item02 {
    margin-top: -5.20833vw;
  }
  .content .wrapper .inner .item06, .content .wrapper .inner .item05 {
    margin-bottom: 10.41667vw;
  }
  .content .wrapper .inner .item06 p:after, .content .wrapper .inner .item05 p:after {
    margin-bottom: 0;
  }
  .content .wrapper .inner .item05 a, .content .wrapper .inner .item04 a {
    display: block;
    cursor: default;
    pointer-events: none;
  }
  .content .wrapper .inner .ct01 {
    background-image: url(../images/content_01.png);
    -moz-background-size: contain;
         background-size: contain;
  }
  .content .wrapper .inner .ct01:after {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 490.41916% 539.01099%;
         background-size: 490.41916% 539.01099%;
    background-position: 55.29141% 0%;
    background-repeat: no-repeat;
    position: absolute;
  }
  .content .wrapper .inner .ct02 {
    background-image: url(../images/content_02.png);
    -moz-background-size: contain;
         background-size: contain;
  }
  .content .wrapper .inner .ct02:after {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 490.41916% 539.01099%;
         background-size: 490.41916% 539.01099%;
    background-position: 55.29141% 50.5632%;
    background-repeat: no-repeat;
    position: absolute;
  }
  .content .wrapper .inner .ct03 {
    background-image: url(../images/content_03.png);
    -moz-background-size: contain;
         background-size: contain;
  }
  .content .wrapper .inner .ct03:after {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 490.41916% 539.01099%;
         background-size: 490.41916% 539.01099%;
    background-position: 0% 88.61076%;
    background-repeat: no-repeat;
    position: absolute;
  }
  .content .wrapper .inner .ct04 {
    background-image: url(../images/content_04.png);
    -moz-background-size: contain;
         background-size: contain;
  }
  .content .wrapper .inner .ct04:before {
    content: '';
    top: 50%;
    left: 50%;
    width: 31.51042vw;
    height: 8.33333vw;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    border: 1px solid #372613;
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 682.5% 1582.25806%;
         background-size: 682.5% 1582.25806%;
    background-position: 99.42775% 9.79325%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
  }
  .content .wrapper .inner .ct04:after {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 490.41916% 539.01099%;
         background-size: 490.41916% 539.01099%;
    background-position: 55.29141% 25.2816%;
    background-repeat: no-repeat;
    position: absolute;
  }
  .content .wrapper .inner .ct05 {
    background-image: url(../images/content_05.png);
    -moz-background-size: contain;
         background-size: contain;
  }
  .content .wrapper .inner .ct05:before {
    content: '';
    top: 50%;
    left: 50%;
    width: 31.51042vw;
    height: 8.33333vw;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    border: 1px solid #372613;
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 682.5% 1582.25806%;
         background-size: 682.5% 1582.25806%;
    background-position: 99.42775% 9.79325%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
  }
  .content .wrapper .inner .ct05:after {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 490.41916% 539.01099%;
         background-size: 490.41916% 539.01099%;
    background-position: 27.14724% 88.61076%;
    background-repeat: no-repeat;
    position: absolute;
  }
  .content .wrapper .inner .ct06 {
    background-image: url(../images/content_06.png);
    -moz-background-size: contain;
         background-size: contain;
  }
  .content .wrapper .inner .ct06:after {
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 490.41916% 539.01099%;
         background-size: 490.41916% 539.01099%;
    background-position: 54.29448% 88.61076%;
    background-repeat: no-repeat;
    position: absolute;
  }
  .info {
    padding-top: 7.8125vw;
  }
  .info h2 {
    width: 43.22917vw;
    height: 9.63542vw;
    margin: 0 auto 5.20833vw;
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 493.37349% 1325.67568%;
         background-size: 493.37349% 1325.67568%;
    background-position: 82.3124% 26.01985%;
    background-repeat: no-repeat;
  }
  .info .wrapper {
    width: 95.05208vw;
    margin: 0 auto;
  }
  .info .wrapper li {
    position: relative;
    width: 100%;
  }
  .info .wrapper li a {
    display: block;
    width: 100%;
    padding: 4.55729vw 0;
  }
  .info .wrapper li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ae8d69), color-stop(50%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(left, #ae8d69 50%, transparent 50%, transparent 100%);
    background-image: -moz- oldlinear-gradient(left, #ae8d69 50%, transparent 50%, transparent 100%);
    background-image: linear-gradient(to right, #ae8d69 50%, transparent 50%, transparent 100%);
    -moz-background-size: 4px 1px;
         background-size: 4px 1px;
    background-repeat: repeat-x;
    background-position: center;
  }
  .info .wrapper li:last-of-type:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ae8d69), color-stop(50%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(left, #ae8d69 50%, transparent 50%, transparent 100%);
    background-image: -moz- oldlinear-gradient(left, #ae8d69 50%, transparent 50%, transparent 100%);
    background-image: linear-gradient(to right, #ae8d69 50%, transparent 50%, transparent 100%);
    -moz-background-size: 4px 1px;
         background-size: 4px 1px;
    background-repeat: repeat-x;
    background-position: center;
  }
  .info .wrapper dl {
    font-size: 3.64583vw;
  }
  .info .wrapper dl dt {
    color: #8c5d29;
    margin-bottom: 1.5625vw;
  }
  .info .wrapper dl dd {
    color: #372613;
    height: 10.67708vw;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .info .wrapper .btn {
    position: relative;
    display: block;
    width: 36.45833vw;
    height: 9.11458vw;
    margin: 4.55729vw auto 9.11458vw;
    border: 1px solid #372613;
    text-align: center;
    line-height: 9.11458vw;
    color: #372613;
    font-size: 3.64583vw;
  }
  .info .wrapper .btn span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .info .wrapper .btn:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    right: 3.125vw;
    margin: auto 0;
    width: 1.95312vw;
    height: 1.95312vw;
    border-top: 1px solid #372613;
    border-right: 1px solid #372613;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .gallery {
    width: 100%;
    background-color: #363636;
    overflow: hidden;
  }
  .gallery h2 {
    position: relative;
    width: 74.60938vw;
    height: 9.24479vw;
    margin: 10.41667vw 0 5.20833vw;
    overflow: hidden;
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 285.86387% 1381.69014%;
         background-size: 285.86387% 1381.69014%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
  }
  .gallery .img_container {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .gallery .img_container li {
    width: 25%;
    padding-top: 25%;
    overflow: hidden;
    position: relative;
  }
  .gallery .img_container li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
  }
  .gallery .btn_container {
    width: 100%;
  }
  .gallery .btn_container li {
    width: 72.91667vw;
    height: 11.97917vw;
    margin: 0 auto 2.60417vw;
    background-color: white;
  }
  .gallery .btn_container li:last-of-type {
    margin-bottom: 10.02604vw;
  }
  .gallery .btn_container li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 3.64583vw;
    line-height: 11.97917vw;
    text-align: center;
  }
  .gallery .btn_container li a:before {
    content: '';
    top: 0;
    bottom: 0;
    left: 1.30208vw;
    display: block;
    margin: auto 0;
  }
  .gallery .btn_container .fb {
    margin-top: 3.90625vw;
  }
  .gallery .btn_container .fb a:before {
    width: 6.90104vw;
    height: 6.90104vw;
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 3090.56604% 1850.9434%;
         background-size: 3090.56604% 1850.9434%;
    background-position: 94.63722% 25.43103%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
  }
  .gallery .btn_container .insta a:before {
    width: 6.90104vw;
    height: 6.90104vw;
    position: relative;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("/common/images/sprite/sprite_top_sp.png?rev=1540514715106");
    -moz-background-size: 3090.56604% 1850.9434%;
         background-size: 3090.56604% 1850.9434%;
    background-position: 90.03155% 25.43103%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
  }
  .access {
    background-color: #edece7;
    padding-bottom: 9.11458vw;
  }
  .access #map {
    width: 100%;
    height: 67.05729vw;
    background-color: #cecece;
    position: relative;
    overflow: hidden;
  }
  .access #map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .access .address {
    margin: 4.55729vw 0 7.16146vw;
    text-align: center;
    font-size: 3.64583vw;
    color: #372613;
    line-height: 1;
  }
  .access .address a {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid #372613;
  }
  .access .tel_btn {
    display: block;
    margin: 0 auto;
    width: 85.80729vw;
    height: 17.57812vw;
    background-color: #372613;
    text-align: center;
    line-height: 17.57812vw;
    color: white;
    font-size: 8.72396vw;
    letter-spacing: 1px;
  }
  .access .tel_btn small {
    display: inline-block;
    font-size: 6.11979vw;
    margin-right: 2.60417vw;
  }
  .access .time, .access .mail {
    text-align: center;
    color: #372613;
    line-height: 1;
  }
  .access .time dt, .access .time dd, .access .mail dt, .access .mail dd {
    display: inline-block;
  }
  .access .time {
    font-size: 3.90625vw;
    margin: 5.85938vw;
  }
  .access .time dt {
    margin-right: 2.08333vw;
  }
  .access .mail {
    font-size: 4.94792vw;
  }
  .access .mail dt {
    margin-right: 2.08333vw;
  }
  .access .mail a {
    text-decoration: underline;
    color: #372613;
    font-size: 4.94792vw;
  }
}