#sec1 {
    background: url(../img/shared/bg_go2.jpg) repeat center 0;
    padding: 8vw 0 0
}

#sec1 .gr-txt {
    padding-bottom: 10vw
}

#sec1 .gr-txt h2 {
    font-size: 3.8vw;
    letter-spacing: .1em;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 8vw
}

#sec1 .gr-txt h2 span {
    font-size: 8vw;
    font-weight: 600;
    letter-spacing: .1em
}

#sec1 .gr-txt #feed .row {
    padding-bottom: 5vw
}

#sec1 .gr-txt #feed .row .detail {
    line-height: 26px;
    letter-spacing: .1em
}

#sec1 .gr-txt .more {
    text-align: right
}

#sec1 .gr-txt .more a {
    font-size: 4.5vw;
    font-weight: 600;
    display: block;
    position: relative;
    padding-right: 8%
}

#sec1 .gr-txt .more a::after {
    content: "";
    background: url(../img/shared/icon_arr.png) no-repeat right center/100% auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 5vw;
    bottom: 0
}

#sec1 .sns {
    padding: 11vw 0 28vw;
    position: relative;
    display: flex
}

#sec1 .sns li {
    width: 50%
}

#sec1 .sns li a {
    text-align: center;
    display: block;
    position: relative;
    z-index: 2;
    font-size: 4vw;
    font-weight: 700;
    letter-spacing: .2em
}

#sec1 .sns li a img {
    width: 50px;
    margin-top: 3vw
}

#sec1 .sns::before {
    content: "";
    background: url(../img/shared/bg_gray.jpg) repeat center 0;
    position: absolute;
    top: 0;
    left: -6%;
    right: -6%;
    bottom: 0
}

#sec2 {
    padding: 1px 0 20vw;
    margin-top: -18vw
}

#sec2 .wrap::before {
    content: "";
    border-left: 1px solid #424241;
    position: absolute;
    top: 15vw;
    left: 50%;
    height: 27vw;
    transform: translateX(-50%) rotate(45deg);
    z-index: 2
}

#sec2 .gr-btn {
    padding: 15vw 8% 0;
    justify-content: space-between;
    position: relative
}

#sec2 .gr-btn::before {
    content: "";
    background: url(../img/index/sec2_bg.jpg) repeat center 0;
    position: absolute;
    top: 0;
    left: 5%;
    right: 0;
    bottom: 8vw
}

#sec2 .gr-btn::after {
    content: "";
    border: 2vw solid rgba(87, 55, 24, 1);
    /*-o-border-image: url(../img/index/sec2_border.jpg) 30 round;
    border-image: url(../img/index/sec2_border.jpg) 30 round;*/
    position: absolute;
    top: 3vw;
    left: 0;
    right: 3vw;
    bottom: 4vw
}

#sec2 .gr-btn li {
    width: 35%;
	position: relative;
	z-index: 10;
}

#sec3 {
    padding: 5vw 0 20vw;
    position: relative
}

#sec3 .gr::before {
    content: "";
    background: url(../img/index/sec3_bg2.jpg) repeat center 0;
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

#sec3::before {
    content: "";
    background: url(../img/shared/bg_gray2.jpg) repeat center 0;
    position: absolute;
    top: 5vw;
    left: 0;
    bottom: 0;
    width: 19%
}

#sec3::after {
    content: "";
    background: url(../img/index/sec3_bg_sp.jpg) no-repeat center top/100% auto;
    position: absolute;
    top: 27vw;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

#sec3 h2 {
    position: absolute;
    top: -6vw;
    right: 5%;
    z-index: 2
}

#sec3 h2 span {
    font-size: 6.5vw;
    color: #272622;
    font-weight: 500;
    letter-spacing: .1em;
    background: #fff;
    padding: 5vw 3%;
    display: inline-block
}

#sec3 h2 span small {
    color: #a8191d;
    font-size: 6.5vw;
    letter-spacing: .1em
}

#sec3 h2 .t {
    margin: 22vw 2vw 0 0
}

#sec3 .photo {
    margin: 0 3% 0 -32%
}

#sec3 .txt {
    padding-top: 7vw
}

#sec4 {
    padding: 18vw 0 20vw
}

#sec4 .row1 {
    padding-bottom: 15vw
}

#sec4 .row1 h2 {
    margin-left: -6%;
    position: relative;
    z-index: 2
}

#sec4 .row1 h2 span {
    font-size: 6.5vw;
    color: #272622;
    font-weight: 500;
    letter-spacing: .1em;
    background: #fff;
    padding: 2vw 5%;
    display: inline-block
}

#sec4 .row1 h2 span:first-child {
    margin-bottom: 2vw
}

#sec4 .row1 h2 span:last-child {
    display: block
}

#sec4 .row1 h2 span small {
    font-size: 6.5vw;
    color: #a8191d;
    letter-spacing: .1em
}

#sec4 .row1 .gr-photo {
    margin: -5vw -6% 0 13%
}

#sec4 .row1 .gr-photo .photo {
    position: relative
}

#sec4 .row1 .gr-photo .photo::before {
    content: "";
    background: url(../img/shared/bg_orange.jpg) repeat center 0;
    position: absolute;
    top: 11vw;
    right: 100%;
    width: 11vw;
    bottom: 0
}

#sec4 .row1 .gr-photo .photo::after {
    content: "";
    background: url(../img/shared/bg_orange.jpg) repeat center 0;
    position: absolute;
    top: 100%;
    left: -11vw;
    right: 0;
    height: 11.5vw
}

#sec4 .row1 .gr-photo .note {
    text-align: right;
    color: #d7cdc4;
    font-weight: 500;
    position: relative;
    z-index: 2;
    padding: 2vw 0 10vw
}

#sec4 .row2 h2 {
    font-size: 20vw;
    letter-spacing: 0;
    font-weight: 600;
    line-height: .82;
    color: #d7cdc4;
    text-align: center;
    margin-left: -2%;
    white-space: nowrap;
    position: relative;
    z-index: 2
}

#sec4 .row2 h2 small {
    font-size: 20vw;
    display: inline-block;
    margin-right: 1%
}

#sec4 .row2 .js {
    margin-top: -1vw
}

#sec4 .row2 .js .sl-fade1 .slick-list {
    overflow: visible !important
}

#sec4 .row2 .js .sl-fade1 .slick-arrow {
    font-size: 0;
    border: 0;
    width: 4vw;
    height: 3vw;
    position: absolute;
    top: 69vw;
    z-index: 2;
    cursor: pointer
}

#sec4 .row2 .js .sl-fade1 .slick-arrow.slick-prev {
    background: url(../img/index/pre.png) no-repeat 0 0/100% auto;
    right: 21%
}

#sec4 .row2 .js .sl-fade1 .slick-arrow.slick-next {
    background: url(../img/index/next.png) no-repeat 0 0/100% auto;
    right: 10%
}

#sec4 .row2 .js .sl-fade1 .slick-dots {
    position: absolute;
    top: 81vw;
    left: 50%;
    transform: translateX(-50%)
}

#sec4 .row2 .js .sl-fade1 .item .js-img {
    margin-right: 5%;
    position: relative
}

#sec4 .row2 .js .sl-fade1 .item .js-img::before {
    content: "";
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25vw;
    height: 12vw;
    z-index: 1
}

#sec4 .row2 .js .sl-fade1 .item .js-txt {
    padding: 16vw 4% 15vw 4%;
    position: relative;
    min-height: 78vw;
    margin-left: 5%
}

#sec4 .row2 .js .sl-fade1 .item .js-txt::before {
    content: "";
    background: url(../img/shared/bg_gray.jpg) repeat center 0;
    position: absolute;
    top: -23vw;
    left: 0;
    right: -6%;
    bottom: -9vw;
    z-index: -1
}

#sec4 .row2 .js .sl-fade1 .item .js-txt .price {
    font-size: 7vw;
    letter-spacing: .075em;
    line-height: 1.6;
    margin-bottom: 5vw
}

#sec4 .row2 .js .sl-fade1 .item .js-txt .price dd {
    font-size: 4.5vw
}

#sec4 .row2 .js .sl-fade1 .item .js-txt .price dd span {
    font-size: 5.5vw;
    letter-spacing: .075em
}

#sec4 .row2 .js .sl-fade1 .item .js-txt .txt {
    letter-spacing: .075em
}

#sec4 .row2 .js .sl-fade1 .item .js-txt .txt.fs-small {
    font-size: 2.7vw;
    letter-spacing: 0;
    line-height: 2
}

#sec4 .row2 .btn-popup {
    margin: 15px 5%
}

.popup-full {
    padding: 5% 0
}

.popup-shared {
    background: rgba(0, 0, 0, .95);
    padding: 20vw 5% 15vw;
    max-width: 100%
}

.popup-shared .popup-close {
    background: url(../img/index/popup_btn.jpg) no-repeat 0 0/100% auto;
    width: 15vw;
    height: 15vw;
    top: 0;
    right: 0;
    transition: all .3s ease
}

.popup-shared .btn-close {
    border: 0;
    font-size: 4.5vw;
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 5vw 0;
    color: #e5e4e1;
    width: 100%;
    height: 100%;
    background: #a8191d;
    position: relative
}

.popup-shared .btn-close::before {
    content: "";
    background: url(../img/index/icon_close.png) no-repeat 0 0/100% auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6.5vw;
    height: 6.5vw;
    right: 6%
}

.popup-shared h2 {
    font-size: 9vw;
    font-weight: 600 !important;
    letter-spacing: .05em;
    line-height: 1.5;
    color: #d7cdc4
}

.popup-shared .note {
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 3vw 0 10vw
}

.popup-shared .content .col .item {
    padding-bottom: 12vw
}

.popup-shared .content .col .item h3 {
    font-size: 5vw;
    padding: 2vw 0;
    text-align: center;
    font-weight: 500;
    letter-spacing: .1em;
    color: #ebd3bb;
    margin-bottom: 3vw;
    border-top: 2px solid #4d392e;
    border-bottom: 2px solid #4d392e
}

.popup-shared .content .col .item dl {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-weight: 500;
    letter-spacing: .1em;
    padding: 10px 0;
    border-bottom: 1px solid #4d392e
}

.popup-shared .content .col .item dl dt {
    text-align: left
}

.popup-shared .content .col .item dl dd {
    text-align: right
}

#sec5 {
    position: relative
}

#sec5::before {
    content: "";
    background: url(../img/shared/bg_red.jpg) repeat-x center 0;
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;
    height: 7vw
}

#sec5 .row1 {
    background: url(../img/index/sec5_bg_sp.jpg) no-repeat center top 12vw/100% auto, url(../img/index/sec3_bg2.jpg) repeat center 0
}

#sec5 .row1 h2 {
    font-size: 19vw;
    font-weight: 600;
    letter-spacing: 0;
    color: #d7cdc4;
    text-align: center;
    line-height: 1
}

#sec5 .row1 h3 {
    font-size: 4.5vw;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    color: #e5e4e1;
    letter-spacing: .1em;
    margin: 7vw 0 4vw
}

#sec5 .row1 h3 span {
    font-size: 6.5vw;
    letter-spacing: .1em
}

#sec5 .row1 .txt {
    font-size: 13px;
    line-height: 39px;
    background: url(../img/index/sec5_border_sp.png) center top 38px;
    padding-bottom: 10vw
}

#sec5 .row1 .btn-popup {
    margin: 5vw 0 10vw
}

#sec5 .row1 h4 {
    position: relative
}

#sec5 .row1 h4 .cr {
    font-size: 5vw;
    letter-spacing: .1em;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55vw;
    height: 55vw;
    margin: 0 auto
}

#sec5 .row1 h4 .cr::before {
    content: "";
    background: url(../img/index/sec5_cr.png) no-repeat center center/100% auto;
    width: 55vw;
    height: 55vw;
    position: absolute;
    top: 0;
    left: 0;
    animation: rotation 30s linear infinite;
    z-index: 3
}

#sec5 .row1 h4 .scroll-down {
    height: 20vw;
    position: absolute;
    top: 40vw;
    left: 50%;
    color: #fff;
    z-index: 2
}

#sec5 .row1 h4 .scroll-down::before {
    content: "";
    position: absolute;
    width: 1px;
    right: 0;
    left: 0;
    top: 0;
    height: inherit;
    bottom: auto;
    background-color: currentColor;
    opacity: .2
}

#sec5 .row1 h4 .scroll-down::after {
    content: "";
    position: absolute;
    width: 1px;
    right: 0;
    left: 0;
    top: 0;
    height: inherit;
    bottom: auto;
    background-color: currentColor;
    animation: scrollDownLine 2s infinite cubic-bezier(0.77, 0, 0.18, 1)
}

#sec5 .row2 {
    position: relative;
    padding: 15vw 0 0;
    margin-top: -19vw;
    background: url(../img/shared/bg.jpg) repeat center 0
}

#sec5 .row2::before {
    content: "";
    background: url(../img/shared/bg_go.jpg) repeat-x center 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 15px
}

#sec5 .row2 .box-parallax {
    padding-bottom: 15vw
}

#sec5 .row2 .box-parallax::before {
    content: "";
    border-left: 1px solid #888;
    position: absolute;
    top: 0;
    left: 10.5%;
    bottom: 0
}

#sec5 .row2 .box-parallax .num {
    position: absolute;
    top: 0;
    left: 5%;
    width: 11%;
    z-index: 2
}

#sec5 .row2 .box-parallax .gr {
    margin-left: 20%
}

#sec5 .row2 .box-parallax .gr .info {
    padding: 5vw 4% 0 0
}

#sec5 .row2 .box-parallax .gr .info .price {
    font-size: 5vw;
    color: #fff;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.5;
    margin-bottom: 4vw
}

#sec5 .row2 .box-parallax .gr .info .price dd span {
    font-size: 4vw;
    letter-spacing: .1em
}

#sec5 .row2 .box-parallax .gr .info .txt {
    font-size: 13px
}

#sec5 .row2 .box-parallax .gr .close {
    width: 15%;
    margin: 6vw 0 7vw
}

#sec6 {
    position: relative;
    padding: 17vw 0 30vw
}

#sec6::before {
    content: "";
    background: url(../img/shared/bg_go2.jpg) repeat center 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 44vw;
    z-index: -1
}

#sec6 h2 {
    font-size: 20vw;
    text-align: right;
    line-height: .72;
    font-weight: 600;
    color: #d7cdc4;
    letter-spacing: 0;
    margin-right: -6%;
    position: relative;
    z-index: 2
}

#sec6 h3 {
    margin: 0 0 8vw -6%
}

#sec6 h3 span {
    font-size: 6.5vw;
    padding: 3vw 5%;
    letter-spacing: .025em;
    font-weight: 500;
    color: #272622;
    background: #fff;
    display: inline-block
}

#sec6 h3 span:first-child {
    margin: 0 5% 2vw 0
}

#sec6 h3 span:last-child {
    margin-left: 17%
}

#sec6 h3 span small {
    font-size: 6.5vw;
    letter-spacing: .025em;
    color: #a8191d
}

#sec6 .txt {
    padding: 7vw 0
}

#sec6 .js {
    position: relative
}

#sec6 .js::before {
    content: "";
    background: url(../img/shared/bg_gray.jpg) repeat center 0;
    position: absolute;
    top: 14vw;
    left: -6%;
    right: 6%;
    bottom: 0
}

#sec6 .js .slick-dots {
    width: 34vw;
    background: url(../img/shared/bg_red.jpg) repeat center 0;
    padding: 4vw 0;
    justify-content: center;
    margin: -2vw 6% 0 auto
}

#sec6 .js .slick-dots button {
    background: #9d6e5d
}

#sec6 .js .slick-dots .slick-active button {
    background: #f8eae5
}

#sec6 .js .slick-dots .slick-active button::before {
    background: url(../img/shared/bg_red.jpg) repeat center 0
}

#sec6 .js .item {
    position: relative
}

#sec6 .js .item h4 {
    font-size: 5vw;
    font-weight: 500;
    letter-spacing: .1em;
    color: #d7cdc4;
    position: absolute;
    right: 3%;
    bottom: 3vw;
    z-index: 2
}

#sec7 {
    position: relative;
    padding-bottom: 17vw
}

#sec7::before {
    content: "";
    background: url(../img/shared/bg_go.jpg) repeat center 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

#sec7 h2 {
    font-size: 6.5vw;
    color: #272622;
    font-weight: 500;
    position: absolute;
    top: 16vw;
    right: 0;
    white-space: nowrap;
    z-index: 2
}

#sec7 h2 .t1 {
    font-size: 20vw;
    letter-spacing: 0;
    font-weight: 600;
    color: #e5e4e1;
    line-height: .71
}

#sec7 h2 .t2 {
    letter-spacing: .1em;
    background: #fff;
    padding: 8vw 3% 4.5vw;
    display: inline-block;
    margin: 17vw 3vw 0 2vw
}

#sec7 h2 .t2 span {
    color: #a8191d;
    letter-spacing: .1em
}

#sec7 h2 .t3 {
    letter-spacing: .1em;
    background: #fff;
    padding: 8vw 3% 5vw;
    display: inline-block;
    margin-top: 46vw
}

#sec7 .photo {
    margin: 0 -24% 0 -51%
}

#sec7 .txt {
    padding: 27vw 0 10vw
}

#sec7 .js .sl-fade3 .slick-dots {
    justify-content: center;
    margin-top: 4vw
}

#sec7 .js .sl-fade3 .slick-dots button {
    background: #9d6e5d
}

#sec7 .js .sl-fade3 .slick-dots .slick-active button {
    background: #f8eae5
}

#sec7 .js .sl-fade3 .slick-dots .slick-active button::before {
    background: url(../img/shared/bg_go.jpg) repeat center 0
}

#sec7 .js .sl-fade3 .slick-arrow {
    position: absolute;
    top: 22vw;
    width: 12vw;
    height: 12vw;
    font-size: 0;
    border: 0;
    z-index: 2
}

#sec7 .js .sl-fade3 .slick-arrow.slick-prev {
    background: url(../img/index/sec7_pre.jpg) no-repeat 0 0/100% auto;
    left: -2%
}

#sec7 .js .sl-fade3 .slick-arrow.slick-next {
    background: url(../img/index/sec7_next.jpg) no-repeat 0 0/100% auto;
    right: -2%
}

#sec7 .js .sl-fade3 .item {
    letter-spacing: .1em;
    border: 3px solid #e5e4e1;
    padding: 7vw 8% 10vw;
    margin: 0 5%;
    width: auto !important;
    min-height: 61vw
}

#sec7 .js .sl-fade3 .item dt {
    font-size: 5vw;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5vw
}

#sec7 .js .sl-fade3 .item dt span {
    display: inline-block;
    position: relative;
    letter-spacing: .1em
}

#sec7 .js .sl-fade3 .item dt span::before {
    content: "";
    background: #911a1b;
    position: absolute;
    bottom: 0;
    left: -6%;
    right: -6%;
    height: 2vw;
    z-index: -1
}

#sec7 .js .sl-fade3 .item dt span strong {
    font-size: 6vw;
    letter-spacing: .1em
}

#sec7 .js .sl-fade3 .item dd {
    letter-spacing: 0;
    font-size: 13px
}

#sec8 .row1 {
    padding: 17vw 0 12vw;
    position: relative
}

#sec8 .row1::before {
    content: "";
    background: url(../img/index/sec8_bg1.jpg) repeat center 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: -11vw;
    z-index: -1
}

#sec8 .row1::after {
    content: "";
    background: url(../img/shared/bg_red.jpg) repeat center 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 5%;
    bottom: -11vw
}

#sec8 .row1 .group {
    padding: 0 5%
}

#sec8 .row1 .group .logo {
    text-align: center
}

#sec8 .row1 .group .logo img {
    width: 40%
}

#sec8 .row1 .group h2 {
    font-size: 6vw;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.5;
    text-align: center;
    color: #272622;
    margin: 5vw 0 7vw
}

#sec8 .row1 .group .photo {
    margin: 0 5%
}

#sec8 .row1 .group .txt {
    color: #272622;
    letter-spacing: 0.05em;
    margin: 5vw 3% 9vw
}

#sec8 .row1 .group .list {
    margin: 0 3%
}

#sec8 .row1 .group .list h3 {
    font-size: 5vw;
    padding: 4vw 0;
    text-align: center;
    letter-spacing: .075em;
    font-weight: 500;
    color: #fff;
    background: url(../img/shared/bg_gray.jpg) repeat center 0
}

#sec8 .row1 .group .list .content {
    background: rgba(255, 255, 255, .5)
}

#sec8 .row1 .group .list .content dl {
    color: #272622;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #aeadaa
}

#sec8 .row1 .group .list .content dl dt {
    text-align: left
}

#sec8 .row1 .group .list .content dl dd {
    text-align: right
}

#sec8 .row2 {
    position: relative;
    padding-bottom: 23vw
}

#sec8 .row2::before {
    content: "";
    background: url(../img/index/sec8_bg2.jpg) repeat center 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

#sec8 .row2 h2 {
    font-size: 14vw;
    line-height: .7;
    color: #1c1b17;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.005em
}

#sec8 .row2 h2 span {
    letter-spacing: -0.005em
}

#sec8 .row2 .js {
    margin: 0 -6%
}

#sec8 .row2 .js .sl-fade4 .item .js-txt {
    position: relative;
    padding: 8vw 5% 15vw;
    min-height: 67vw
}

#sec8 .row2 .js .sl-fade4 .item .js-txt::before {
    content: "";
    background: url(../img/shared/bg_go2.jpg) repeat center 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

#sec8 .row2 .js .sl-fade4 .item .js-txt .price {
    font-size: 5vw;
    letter-spacing: .075em;
    line-height: 1.5;
    margin-bottom: 6vw
}

#sec8 .row2 .js .sl-fade4 .item .js-txt .price dd {
    font-size: 4vw
}

#sec8 .row2 .js .sl-fade4 .item .js-txt .price dd span {
    font-size: 5vw;
    letter-spacing: .075em
}

#sec8 .row2 .js .sl-thumb {
    margin: -8vw 5% 0;
    position: relative;
    z-index: 2
}

#sec8 .row2 .js .sl-thumb .slick-track {
    display: flex;
    transform: none !important;
    width: 100% !important
}

#sec8 .row2 .js .sl-thumb .slick-track .slick-slide {
    width: 23.25%;
    margin-right: 3%
}

#sec8 .row2 .js .sl-thumb .slick-track .slick-slide li {
    position: relative;
    border: 2px solid rgba(0, 0, 0, 0)
}

#sec8 .row2 .js .sl-thumb .slick-track .slick-slide li::before {
    content: "";
    background: rgba(255, 255, 255, .5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

#sec8 .row2 .js .sl-thumb .slick-track .slick-slide.slick-current li {
    border-color: #a8191d
}

#sec8 .row2 .js .sl-thumb .slick-track .slick-slide.slick-current li::before {
    content: none
}

#sec8 .row2 .js .sl-thumb .slick-track .slick-slide:last-child {
    margin-right: 0
}

#sec8 .row2 .gr-btn {
    margin-top: 13vw
}

#sec8 .row2 .gr-btn .btn-uber {
    margin-top: 7vw
}

#sec8 .row2 .gr-btn .btn-uber a span {
    background: #0a0a0a
}

.sec8-popup .note {
    padding: 3vw 0 6vw
}

.sec8-popup .content .col h3 {
    font-size: 6vw;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    color: #d7cdc4;
    line-height: 1.5;
    letter-spacing: .05em;
    border-bottom: 1px solid #d7cdc4;
    margin-bottom: 10vw;
    padding-bottom: 4vw;
    position: relative
}

.sec8-popup .content .col h3::before {
    content: "";
    border-bottom: 3px solid #d7cdc4;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px
}

.sec8-popup .content .col .item h4 {
    font-size: 5vw;
    padding: 2vw 0;
    text-align: center;
    font-weight: 500;
    letter-spacing: .1em;
    color: #ebd3bb;
    margin-bottom: 3vw;
    border-top: 2px solid #4d392e;
    border-bottom: 2px solid #4d392e
}

#sec9 {
    padding: 15vw 0 10vw;
    position: relative
}

#sec9::before {
    content: "";
    background: url(../img/shared/bg_gray.jpg) repeat center 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 14%;
    bottom: 0;
    z-index: -1
}

#sec9 h2 {
    font-size: 8vw;
    font-weight: 600;
    letter-spacing: 0;
    color: #d7cdc4;
    text-align: center;
    margin-bottom: 13vw
}

#sec9 .row1 .item {
    display: flex;
    align-items: center;
    padding-bottom: 5vw;
    margin-bottom: 5vw;
    border-bottom: 1px solid #444
}

#sec9 .row1 .item .logo {
    width: 38%
}

#sec9 .row1 .item .btn-ins {
    flex: 1;
    text-align: center
}

#sec9 .row1 .item .btn-ins a {
    display: block;
    font-size: 3.5vw;
    color: #e3ddd5;
    letter-spacing: .075em;
    line-height: 1.5
}

#sec9 .row1 .item .btn-ins a img {
    width: 50px;
    margin-top: 3vw
}

#sec9 .row2 .info {
    padding-bottom: 10vw
}

#sec9 .row2 .info .tel {
    color: #e3ddd5;
    letter-spacing: .075em;
    text-align: center;
    padding: 11vw 0 10vw;
    line-height: 1.9
}

#sec9 .row2 .info .tel dt {
    font-size: 4vw
}

#sec9 .row2 .info .tel dd {
    font-size: 3vw;
    letter-spacing: 0
}

#sec9 .row2 .info .tel dd span {
    font-size: 8vw;
    font-weight: 600;
    letter-spacing: .05em;
    color: #fdfdfd
}

#sec9 .row2 .info .tel dd img {
    width: 16px;
    margin: -11px 5px 0 0
}

#sec9 .row2 .info .contact {
    border-bottom: 1px solid #959592;
    margin-top: 15vw
}

#sec9 .row2 .info .contact .map {
    position: relative
}

#sec9 .row2 .info .contact .map::before {
    content: "";
    border-top: 1px solid #e3ddd5;
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: -4px
}

#sec9 .row2 .info .contact li {
    color: #e3ddd5;
    font-size: 4vw;
    text-align: center;
    letter-spacing: .075em;
    padding-bottom: 10vw
}

#sec9 .row2 .info .contact li img {
    width: 20px;
    margin-bottom: 2vw
}

#sec9 .row2 .list dl {
    color: #e3ddd5;
    letter-spacing: 0;
    display: flex;
    /*font-size: 13px;*/
    padding-bottom: 20px;
    /*line-height: 25px*/
}

#sec9 .row2 .list dl dt {
    width: 25%
}

#sec9 .row2 .list dl dd {
    flex: 1
}

#sec9 .row2 .list dl dd p:first-child {
    padding-bottom: 20px
}

#sec10 {
    padding-bottom: 20vw
}

#sec10 .map {
    height: 480px
}

#sec10 .map iframe {
    width: 100%;
    height: 100%
}

#sec10 .gr {
    padding: 13vw 5% 0
}

#sec10 .gr .btn-map {
    margin-bottom: 7vw
}

#sec10 .gr .btn-map a {
    font-weight: 600;
    font-family: "Montserrat", sans-serif
}

@media screen and (min-width: 768px) {
    #sec1 {
        padding: 68px 0 158px;
        position: relative
    }

    #sec1::before {
        content: "";
        background: url(../img/shared/bg_gray.jpg) repeat center 0;
        position: absolute;
        top: 0;
        right: 0;
        width: calc(50% - 250px);
        bottom: 0
    }

    #sec1 .wrap {
        display: flex;
        justify-content: space-between;
        min-height: 203px
    }

    #sec1 .gr-txt {
        padding-bottom: 0;
        width: 680px;
        padding-left: 200px
    }

    #sec1 .gr-txt h2 {
        font-size: 14px;
        line-height: 29px;
        margin-bottom: 0;
        position: absolute;
        top: 4px;
        left: 0
    }

    #sec1 .gr-txt h2 span {
        font-size: 30px
    }

    #sec1 .gr-txt #feed .row {
        padding-bottom: 26px
    }

    #sec1 .gr-txt #feed .row .detail {
        letter-spacing: .2em
    }

    #sec1 .gr-txt #feed .row .detail .title a:hover {
        text-decoration: underline
    }

    #sec1 .gr-txt .more a {
        font-size: 16px;
        padding-right: 26px;
        margin-top: 9px
    }

    #sec1 .gr-txt .more a::after {
        background: url(../img/shared/icon_arr.png) no-repeat;
        height: 14px;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 20px;
        bottom: auto;
        transition: .3s
    }

    #sec1 .gr-txt .more a:hover::after {
        transform: translateX(6px) translateY(-50%)
    }

    #sec1 .sns {
        padding: 0;
        display: block;
        width: 243px;
        text-align: center;
        margin-top: -21px
    }

    #sec1 .sns li {
        width: auto
    }

    #sec1 .sns li:first-child {
        padding-bottom: 34px
    }

    #sec1 .sns li a {
        font-size: 16px;
        line-height: 30px
    }

    #sec1 .sns li a img {
        width: auto;
        margin-top: 7px
    }

    #sec1 .sns::before {
        content: none
    }

    #sec2 {
        padding: 1px 0 90px;
        margin-top: -121px
    }

    #sec2 .wrap {
        max-width: 1240px
    }

    #sec2 .wrap::before {
        border: 10px solid rgba(0, 0, 0, 0);
        -o-border-image: url(../img/index/sec2_border.jpg) 30 round;
        border-image: url(../img/index/sec2_border.jpg) 30 round;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 31px;
        transform: none;
        height: auto
    }

    #sec2 .wrap::after {
        content: "";
        background: url(../img/index/sec2_bg.jpg) repeat center 0;
        position: absolute;
        top: 0;
        left: 40px;
        right: 0;
        bottom: 51px
    }

    #sec2 .gr-btn {
        padding: 85px 0 0;
        max-width: 550px;
        margin: 0 auto;
        position: relative;
        z-index: 2
    }

    #sec2 .gr-btn::before {
        content: "";
        border-left: 1px solid #424241;
        background: none;
        position: absolute;
        top: 166px;
        left: 41%;
        height: 240px;
        bottom: auto;
        transform: rotate(45deg);
        z-index: 2
    }

    #sec2 .gr-btn::after {
        content: none
    }

    #sec2 .gr-btn li {
        width: auto
    }

    #sec3 {
        padding: 0 0 141px
    }

    #sec3 .gr::before {
        content: none
    }

    #sec3::before {
        top: 200px;
        width: calc(50% - 300px)
    }

    #sec3::after {
        background: url(../img/index/sec3_bg.jpg) no-repeat right top/cover;
        bottom: 0;
        top: 200px;
        left: calc(50% - 300px)
    }

    #sec3 h2 {
        top: 0;
        right: 0
    }

    #sec3 h2 span {
        font-size: 40px;
        padding: 42px 16px 28px
    }

    #sec3 h2 span small {
        font-size: 40px
    }

    #sec3 h2 .t {
        margin: 140px 10px 0 0;
        padding: 33px 16px 37px
    }

    #sec3 .photo {
        margin: 0
    }

    #sec3 .txt {
        padding-top: 41px;
        width: 723px;
        margin-left: 120px
    }

    #sec4 {
        padding: 150px 0 137px
    }

    #sec4 .row1 {
        padding-bottom: 216px
    }

    #sec4 .row1 h2 {
        margin: 0 0 48px;
        padding-top: 65px
    }

    #sec4 .row1 h2 span {
        font-size: 40px;
        padding: 13px 28px 19px 34px
    }

    #sec4 .row1 h2 span:first-child {
        margin-bottom: 10px
    }

    #sec4 .row1 h2 span:last-child {
        display: inline-block;
        padding: 13px 38px 19px 34px
    }

    #sec4 .row1 h2 span small {
        font-size: 40px
    }

    #sec4 .row1 .txt {
        width: 603px
    }

    #sec4 .row1 .gr-photo {
        margin: 0;
        position: absolute;
        top: 0;
        right: -250px;
        z-index: -1
    }

    #sec4 .row1 .gr-photo .photo::before {
        top: 80px;
        width: 90px
    }

    #sec4 .row1 .gr-photo .photo::after {
        left: -90px;
        right: 90px;
        height: 80px
    }

    #sec4 .row1 .gr-photo .note {
        font-size: 14px;
        line-height: 40px;
        padding: 20px 239px 0 0
    }

    #sec4 .row2 {
        position: relative
    }

    #sec4 .row2::before {
        content: "";
        background: url(../img/shared/bg_gray.jpg) repeat center 0;
        position: absolute;
        top: 120px;
        left: 750px;
        right: -2000px;
        bottom: 37px;
        z-index: -1
    }

    #sec4 .row2 h2 {
        font-size: 150px;
        line-height: 67px;
        text-align: right;
        margin-left: 0;
        position: absolute;
        top: 33px;
        right: -18px
    }

    #sec4 .row2 h2 small {
        font-size: 150px;
        font-size: 150px;
        margin: 0 5px 0 -6px
    }

    #sec4 .row2 .js {
        margin-top: 0
    }

    #sec4 .row2 .js .sl-fade1 .slick-arrow {
        width: 20px;
        height: 14px;
        top: auto;
        bottom: 34px
    }

    #sec4 .row2 .js .sl-fade1 .slick-arrow:hover {
        opacity: .8
    }

    #sec4 .row2 .js .sl-fade1 .slick-arrow.slick-prev {
        background: url(../img/index/pre.png) no-repeat;
        left: 619px;
        right: auto
    }

    #sec4 .row2 .js .sl-fade1 .slick-arrow.slick-next {
        background: url(../img/index/next.png) no-repeat;
        left: 700px;
        right: auto
    }

    #sec4 .row2 .js .sl-fade1 .slick-dots {
        position: absolute;
        top: auto;
        left: 781px;
        bottom: 30px;
        transform: none;
        flex-direction: column;
        align-items: center
    }

    #sec4 .row2 .js .sl-fade1 .slick-dots li {
        margin: 8px 0 0
    }

    #sec4 .row2 .js .sl-fade1 .slick-dots .slick-active button {
        width: 23px;
        height: 23px
    }

    #sec4 .row2 .js .sl-fade1 .slick-dots .slick-active button::before {
        width: 7px;
        height: 7px
    }

    #sec4 .row2 .js .sl-fade1 .item {
        display: flex !important
    }

    #sec4 .row2 .js .sl-fade1 .item .js-img {
        margin: 0;
        width: 750px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-img::before {
        width: 160px;
        height: 80px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-txt {
        padding: 204px 0 0 100px;
        width: 650px;
        min-height: auto;
        width: 640px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-txt::before {
        content: none
    }

    #sec4 .row2 .js .sl-fade1 .item .js-txt .price {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 35px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-txt .price dd {
        font-size: 20px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-txt .price dd span {
        font-size: 26px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-txt .txt.fs-small {
        font-size: 16px;
        letter-spacing: .075em;
        line-height: 38px
    }

    #sec4 .row2 .btn-popup {
        width: 470px;
        margin: 66px auto 0
    }
	
	#sec4 .row2 .gr-btn {
        margin-top: 15px;
        display: flex;
        justify-content: space-between
    }

    #sec4 .row2 .gr-btn li {
        width: 470px
    }

    .popup-full {
        padding: 0 10px
    }

    .popup-shared {
        padding: 98px 0 110px
    }

    .popup-shared .popup-s {
        max-width: 999px;
        margin: 0 auto
    }

    .popup-shared .popup-close {
        background: url(../img/index/popup_btn.jpg) no-repeat;
        width: 70px;
        height: 70px;
        right: 0
    }

    .popup-shared .btn-close {
        font-size: 24px;
        padding: 31px 0;
        width: 470px;
        margin: 0 auto;
        cursor: pointer
    }

    .popup-shared .btn-close::before {
        background: url(../img/index/icon_close.png) no-repeat;
        width: 36px;
        height: 36px;
        right: 30px
    }

    .popup-shared .btn-close:hover {
        opacity: .8
    }

    .popup-shared h2 {
        font-size: 50px;
        line-height: 70px
    }

    .popup-shared .note {
        padding: 15px 0 49px
    }

    .popup-shared .content {
        display: flex;
        justify-content: space-between;
        padding-bottom: 17px
    }

    .popup-shared .content .col {
        width: 300px
    }
	
	

    .popup-shared .content .col .item {
        padding-bottom: 53px
    }

    .popup-shared .content .col .item h3 {
        font-size: 20px;
        padding: 4px 0;
        margin-bottom: 10px;
        border-top: 3px solid #4d392e;
        border-bottom: 3px solid #4d392e
    }

    .popup-shared .content .col .item dl {
        padding: 11px 0;
        line-height: 25px
    }

    #sec5 {
        padding: 20px 0 0
    }

    #sec5::before {
        top: 16px;
        height: 40px
    }

    #sec5 .row1 {
        background: url(../img/index/sec5_bg.jpg) no-repeat center top/cover;
        height: 966px
    }

    #sec5 .row1 h2 {
        font-size: 150px;
        line-height: 67px
    }

    #sec5 .row1 h3 {
        font-size: 22px;
        line-height: 59px;
        margin: 70px 0 24px
    }

    #sec5 .row1 h3 span {
        font-size: 40px
    }

    #sec5 .row1 .txt {
        font-size: 16px;
        line-height: 50px;
        background: url(../img/index/sec5_border.png) center top 49px;
        padding: 0 0 10px 5px;
        max-width: 670px;
        margin: 0 auto;
        letter-spacing: .1em
    }

    #sec5 .row1 .btn-popup {
        width: 470px;
        margin: 46px auto 117px
    }
	.sec5-popup .content .col {
        width: 470px
    }

    #sec5 .row1 h4 .cr {
        font-size: 20px;
        line-height: 32px;
        width: 243px;
        height: 243px
    }

    #sec5 .row1 h4 .cr::before {
        background: url(../img/index/sec5_cr.png) no-repeat;
        width: 243px;
        height: 243px
    }

    #sec5 .row1 h4 .scroll-down {
        height: 99px;
        top: 167px
    }

    #sec5 .row2 {
        padding: 20px 0 0;
        margin-top: 0;
        background: none
    }

    #sec5 .row2::before {
        height: 20px;
        z-index: 2
    }

    #sec5 .row2 .box-parallax {
        padding-bottom: 0;
        height: 500px
    }

    #sec5 .row2 .box-parallax::before {
        content: none
    }

    #sec5 .row2 .box-parallax .gr {
        margin-left: 0
    }

    #sec5 .row2 .box-parallax .gr .info {
        padding: 0;
        position: absolute;
        bottom: 41px;
        z-index: 2
    }

    #sec5 .row2 .box-parallax .gr .info .price {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 8px
    }

    #sec5 .row2 .box-parallax .gr .info .price dd span {
        font-size: 18px
    }

    #sec5 .row2 .box-parallax .gr .info .txt {
        font-size: 16px;
        line-height: 36px;
        letter-spacing: .1em
    }

    #sec5 .row2 .box-parallax .gr .info1 {
        left: 49px
    }

    #sec5 .row2 .box-parallax .gr .info2 {
        right: 49px;
        text-align: right
    }

    #sec5 .row2 .box-parallax .gr .info2 .txt {
        margin-right: -7px
    }

    #sec5 .row2 .box-parallax .gr .close {
        width: auto;
        margin: 0;
        position: absolute;
        top: 215px;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 2
    }

    #sec6 {
        padding: 172px 0 150px
    }

    #sec6::before {
        left: calc(50% - 390px);
        bottom: 250px
    }

    #sec6 h2 {
        font-size: 150px;
        text-align: left;
        line-height: 67px;
        margin-right: 0;
        position: absolute;
        left: 25px;
        top: -15px
    }

    #sec6 h3 {
        margin: 0;
        position: absolute;
        top: -47px;
        left: 110px;
        z-index: 2
    }

    #sec6 h3 span {
        font-size: 40px;
        padding: 44px 16px 38px;
        letter-spacing: .1em
    }

    #sec6 h3 span:first-child {
        margin: 0 0 0 10px
    }

    #sec6 h3 span:last-child {
        margin: 140px 0 0;
        padding: 32px 16px 38px
    }

    #sec6 h3 span small {
        font-size: 40px;
        letter-spacing: .1em
    }

    #sec6 .floormap {
        margin-left: auto;
        width: 649px
    }

    #sec6 .txt {
        padding: 7vw 0
    }

    #sec6 .js {
        order: 1;
        margin-left: -100px;
        width: 600px
    }

    #sec6 .js::before {
        top: 50px;
        left: -2000px;
        right: 290px
    }

    #sec6 .js .slick-dots {
        width: 241px;
        padding: 38px 0;
        margin: 0 50px 0 auto
    }

    #sec6 .js .item {
        display: block !important
    }

    #sec6 .js .item h4 {
        font-size: 30px;
        right: 24px;
        bottom: 25px
    }

    #sec6 .gr-txt {
        display: flex;
        justify-content: space-between;
        margin-top: 88px
    }

    #sec6 .txt {
        order: 2;
        line-height: 40px;
        letter-spacing: .1em;
        width: 455px;
        margin-right: -9px;
        padding: 0
    }

    #sec7 {
        padding-bottom: 114px
    }

    #sec7::before {
        top: 150px
    }

    #sec7 h2 {
        font-size: 40px;
        top: 208px;
        right: 22px
    }

    #sec7 h2 .t1 {
        font-size: 150px;
        line-height: 67px
    }

    #sec7 h2 .t2 {
        padding: 41px 15px 17px 15px;
        margin: 192px 62px 0 10px
    }

    #sec7 h2 .t3 {
        padding: 46px 16px 24px 16px;
        margin-top: 362px
    }

    #sec7 .photo {
        margin: 0 -100px
    }

    #sec7 .txt {
        padding: 22px 0 74px;
        width: 616px;
        line-height: 40px;
        letter-spacing: .1em
    }

    #sec7 .js .sl-fade3 {
        display: flex;
        justify-content: space-between
    }

    #sec7 .js .sl-fade3 .item {
        width: 300px !important;
        padding: 35px 31px 56px;
        margin: 0;
        min-height: auto
    }

    #sec7 .js .sl-fade3 .item dt {
        font-size: 22px;
        margin-bottom: 31px
    }

    #sec7 .js .sl-fade3 .item dt span::before {
        left: -2px;
        right: -2px;
        height: 9px
    }

    #sec7 .js .sl-fade3 .item dt span strong {
        font-size: 30px
    }

    #sec7 .js .sl-fade3 .item dd {
        letter-spacing: .1em;
        font-size: 16px;
        line-height: 36px
    }

    #sec8 .gr::before {
        content: "";
        background: url(../img/index/sec8_bg.jpg) no-repeat center top/cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: -269px;
        width: calc(50% - 200px)
    }

    #sec8 .row1 {
        padding: 91px 0 58px
    }

    #sec8 .row1::before {
        bottom: -269px
    }

    #sec8 .row1::after {
        right: calc(50% - 200px);
        width: 40px;
        bottom: -269px
    }

    #sec8 .row1 .group {
        padding: 0;
        width: 480px;
        margin-left: 98px
    }

    #sec8 .row1 .group .logo img {
        width: auto
    }

    #sec8 .row1 .group h2 {
        font-size: 30px;
        line-height: 80px;
        margin: -5px 0 8px
    }

    #sec8 .row1 .group .photo {
        margin: 0;
        position: absolute;
        top: 198px;
        left: calc(50% - 91px);
        z-index: 2
    }

    #sec8 .row1 .group .txt {
        margin: 0 0 41px
    }

    #sec8 .row1 .group .list {
        margin: 0 7px 0 -8px
    }

    #sec8 .row1 .group .list h3 {
        font-size: 16px;
        line-height: 38px;
        padding: 6px 0
    }

    #sec8 .row1 .group .list .content dl {
        padding: 11px 37px 2px 29px
    }

    #sec8 .row2 {
        padding-bottom: 140px
    }

    #sec8 .row2::before {
        content: "";
        background: url(../img/index/sec8_bg2.jpg) repeat center 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -2
    }

    #sec8 .row2 h2 {
        font-size: 100px;
        line-height: 67px;
        text-align: right;
        margin-right: -13px
    }

    #sec8 .row2 h2 span {
        color: #e5e4e1
    }

    #sec8 .row2 .js {
        margin: 0
    }

    #sec8 .row2 .js .sl-fade4 {
        margin-left: -100px
    }

    #sec8 .row2 .js .sl-fade4 .slick-list {
        overflow: visible !important
    }

    #sec8 .row2 .js .sl-fade4 .item {
        display: flex !important
    }

    #sec8 .row2 .js .sl-fade4 .item .js-img {
        width: 600px
    }

    #sec8 .row2 .js .sl-fade4 .item .js-txt {
        flex: 1;
        padding: 88px 87px 0 64px;
        min-height: auto;
        margin-right: -100px
    }

    #sec8 .row2 .js .sl-fade4 .item .js-txt::before {
        content: "";
        background: url(../img/shared/bg_go2.jpg) repeat center 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    #sec8 .row2 .js .sl-fade4 .item .js-txt .price {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 36px
    }

    #sec8 .row2 .js .sl-fade4 .item .js-txt .price dd {
        font-size: 20px
    }

    #sec8 .row2 .js .sl-fade4 .item .js-txt .price dd span {
        font-size: 26px
    }

    #sec8 .row2 .js .sl-thumb {
        margin: 0 auto;
        max-width: 660px;
        top: -56px
    }

    #sec8 .row2 .js .sl-thumb .slick-list {
        overflow: visible !important
    }

    #sec8 .row2 .js .sl-thumb .slick-track .slick-slide {
        width: 150px;
        margin-right: 20px
    }

    #sec8 .row2 .js .sl-thumb .slick-track .slick-slide li {
        border: 3px solid rgba(0, 0, 0, 0);
        height: 125px;
        cursor: pointer
    }

    #sec8 .row2 .js .sl-thumb .slick-track .slick-slide li:hover {
        opacity: .8
    }

    #sec8 .row2 .js .sl-thumb .slick-track .slick-slide li img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #sec8 .row2 .gr-btn {
        margin-top: 15px;
        display: flex;
        justify-content: space-between
    }

    #sec8 .row2 .gr-btn li {
        width: 470px
    }

    #sec8 .row2 .gr-btn .btn-uber {
        margin: 0
    }

    .sec8-popup .note {
        padding: 15px 0 19px
    }

    .sec8-popup .content .col h3 {
        font-size: 26px;
        letter-spacing: .05em;
        line-height: 70px;
        letter-spacing: .05em;
        margin-bottom: 30px;
        padding-bottom: 0
    }

    .sec8-popup .content .col .item h4 {
        font-size: 20px;
        padding: 4px 0;
        margin-bottom: 10px;
        border-top: 3px solid #4d392e;
        border-bottom: 3px solid #4d392e
    }

    .sec8-popup .content .col1 {
        width: 650px
    }

    .sec8-popup .content .col1 .group {
        display: flex;
        justify-content: space-between
    }

    .sec8-popup .content .col1 .group .gr {
        width: 300px
    }

    #sec9 {
        padding: 139px 0 69px
    }

    #sec9::before {
        width: calc(50% - 276px)
    }

    #sec9 h2 {
        font-size: 60px;
        line-height: 67px;
        margin-bottom: 70px
    }

    #sec9 .row1 {
        display: flex;
        justify-content: center;
        padding-bottom: 71px;
        position: relative
    }

    #sec9 .row1::before {
        content: "";
        border-left: 1px solid #444;
        position: absolute;
        top: -40px;
        left: 50%;
        height: 240px;
        transform: rotate(45deg)
    }

    #sec9 .row1 .item {
        padding-bottom: 0;
        margin-bottom: 0;
        display: block;
        text-align: center;
        width: 379px;
        border-bottom: 0
    }

    #sec9 .row1 .item .logo {
        width: auto
    }

    #sec9 .row1 .item .btn-ins {
        margin-top: 29px
    }

    #sec9 .row1 .item .btn-ins a {
        font-size: 16px;
        line-height: 30px
    }

    #sec9 .row1 .item .btn-ins a img {
        width: auto;
        margin-top: 22px
    }

    #sec9 .row2 {
        display: flex;
        justify-content: space-between;
        margin: 0 9px 0 25px
    }

    #sec9 .row2 .info {
        padding-bottom: 0;
        width: 400px
    }

    #sec9 .row2 .info .tel {
        padding: 0;
        line-height: 30px
    }

    #sec9 .row2 .info .tel dt {
        font-size: 16px
    }

    #sec9 .row2 .info .tel dd {
        font-size: 13px;
        letter-spacing: .075em;
        padding-top: 17px;
        line-height: 36px
    }

    #sec9 .row2 .info .tel dd span {
        font-size: 32px
    }

    #sec9 .row2 .info .tel dd img {
        width: 15px;
        height: auto;
        margin: 0 14px 0 0;
        position: relative;
        left: 9px;
        top: -6px
    }

    #sec9 .row2 .info .btn-reserve {
        width: 350px;
        margin: 14px auto 0
    }

    #sec9 .row2 .info .btn-reserve a {
        font-size: 17px;
        padding: 15px 0 16px
    }

    #sec9 .row2 .info .btn-reserve a img {
        margin: 0 20px 0 0;
        position: relative;
        left: 4px;
        top: -3px
    }

    #sec9 .row2 .info .contact {
        border-bottom: 0;
        margin-top: 55px
    }

    #sec9 .row2 .info .contact .map::before {
        left: 18px
    }

    #sec9 .row2 .info .contact .map:hover::before {
        display: none
    }

    #sec9 .row2 .info .contact li {
        font-size: 16px;
        padding-bottom: 49px;
        line-height: 30px
    }

    #sec9 .row2 .info .contact li img {
        width: auto;
        margin-bottom: 10px
    }

    #sec9 .row2 .list {
        width: 490px;
        padding-top: 6px
    }

    #sec9 .row2 .list dl {
        letter-spacing: .075em;
        font-size: 16px;
        padding-bottom: 25px
    }

    #sec9 .row2 .list dl dt {
        width: 122px
    }

    #sec9 .row2 .list dl dd p:first-child {
        padding-bottom: 25px
    }

    #sec10 {
        padding-bottom: 126px
    }

    #sec10 .map {
        height: 600px
    }

    #sec10 .gr {
        padding: 61px 0 0;
        width: 1000px;
        margin: 0 auto
    }

    #sec10 .gr .link {
        display: flex;
        justify-content: space-between
    }

    #sec10 .gr .link li {
        width: 470px
    }

    #sec10 .gr .btn-map {
        margin-bottom: 0
    }

    #sec10 .gr .btn-map a {
        font-weight: 400;
        font-family: "Noto Sans JP", sans-serif
    }

    #sec10 .gr .print_map {
        width: 470px;
        text-align: right;
        padding-top: 5px
    }

    #sec10 .gr .print_map a {
        position: relative;
        font-size: 14px;
        letter-spacing: .075em;
        line-height: 30px;
        color: #fff
    }

    #sec10 .gr .print_map a::before {
        content: "";
        border-top: 1px solid #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -5px
    }

    #sec10 .gr .print_map a:hover::before {
        display: none
    }
}

@media screen and (min-width: 1500px) {
    #sec4 .row2 {
        max-width: 1500px;
        margin: 0 auto
    }
}

@media screen and (max-width: 1399px)and (min-width: 768px) {
    #sec2 .wrap {
        max-width: 95%;
        margin: 0 15px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-img {
        margin-left: -150px
    }

    #sec4 .row2 .js .sl-fade1 .slick-arrow.slick-next {
        left: 550px
    }

    #sec4 .row2 .js .sl-fade1 .slick-dots {
        left: 631px
    }

    #sec4 .row2 .js .sl-fade1 .slick-arrow.slick-prev {
        left: 469px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-txt {
        padding: 204px 15px 0 0px
    }

    #sec4 .row2::before {
        left: 600px
    }

    #sec5 .row2 .box-parallax .gr .info1 {
        left: 20px
    }

    #sec5 .row2 .box-parallax .gr .info2 {
        right: 20px
    }

    #sec5 .row2 .box-parallax .gr .info .txt {
        font-size: 15px
    }

    #sec8 .row1 .group .photo {
        left: 50%
    }
}

@media screen and (max-width: 1299px)and (min-width: 768px) {
    #sec8 .row1 .group .photo {
        left: 59%
    }

    #sec5 .row2 .box-parallax .gr .info .txt {
        font-size: 14px;
        letter-spacing: 0
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px) {
    #sec2 .wrap {
        max-width: 95%;
        margin: 0 15px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-img {
        margin-left: -180px
    }

    #sec4 .row2 .js .sl-fade1 .slick-arrow.slick-next {
        left: 520px
    }

    #sec4 .row2 .js .sl-fade1 .slick-dots {
        left: 601px
    }

    #sec4 .row2 .js .sl-fade1 .slick-arrow.slick-prev {
        left: 439px
    }

    #sec4 .row2 .js .sl-fade1 .item .js-txt {
        padding: 204px 15px 0 0px
    }

    #sec4 .row2::before {
        left: 570px
    }

    #sec5 .row2 .box-parallax .gr .info1 {
        left: 20px
    }

    #sec5 .row2 .box-parallax .gr .info2 {
        right: 20px
    }

    #sec5 .row2 .box-parallax .gr .info .txt {
        font-size: 13px;
        letter-spacing: 0
    }

    #sec8 .row1 .group .photo {
        left: 58%
    }

    #sec5 .row2 .box-parallax .gr .info {
        text-shadow: 2px 1px 0px #7d7d7d
    }
}
.summer_btn a {
	display: block;
	width: auto;
	padding: 10px;
	font-size: 14px;
	position: static;
	margin: 10px;
	background-color: #35a2cb;
	text-align: center;
}
@media screen and (min-width:1000px) {
	.summer_btn a {
	width: 400px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	background-color: #35a2cb;
	box-sizing:border-box;
	position: absolute;
	bottom: 100px;
	left: 50px;
}
}



.bnrr {
   text-align: center;
   margin-top: 30px;
}

#uber {
	position:fixed;
	right:5px;
	top:100px;
	z-index:999999;
}


.botan1 a {
   width: 500px;
   margin: 20px auto 30px auto;
   padding: 15px 0;
   display: block;
   color: #fff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
   text-align: center;
   text-decoration: none;
   font-size: 18px;
   background-color: #a8191d;
   border-bottom: 2px solid #4A4A4A;
   -webkit-border-radius: 2px;
   border-radius: 12px;
   box-sizing: border-box;
   font-weight: bold;
}


.botan2 a {
   width: 400px;
   margin: 0 auto 60px auto;
   padding: 10px 0;
   display: block;
   color: #fff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
   text-align: center;
   text-decoration: none;
   font-size: 18px;
   background-color: #a8191d;
   border-bottom: 2px solid #4A4A4A;
   box-sizing: border-box;
   font-weight: bold;
}


.text_box {
   width: 500px;
   margin: 0px auto 50px auto;
   padding: 20px 0;
   border: solid 2px #dd471f;
}

.text_box p.ttl {
   font-size: 26px;
   margin-bottom: 8px;
   letter-spacing: 2px;
   text-align: center;
   line-height: 40px;
   color: #fff;
   font-weight: bold;
}

.text_box p.txtt {
   text-align: center;
   font-size: 17px;
   line-height: 32px;
   color: #fff;
}

@media (max-width: 768px) {
   .bnrr {
   text-align: center;
   margin-top: 30px;
}
	.bnrr img {
   width: 90%;
}
	#uber {
	position:fixed;
	right:-5px;
	top:10px;
	z-index:99;
}
	#uber img {
   width: 80%;
}
	
	#webyoyaku a{
	position: fixed;
	top:240px;
	right:8px;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	font-size: 17px;
	display: block;
	background-color: #af2719;
	padding: 10px 10px;
	color: #fff;
	letter-spacing: 5px;
	text-decoration: none;
	border:solid 1px #FFF;
	z-index: 99;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
	
	
	
	.botan1 a {
   width: 96%;
   margin: 20px auto 30px auto;
   padding: 15px 0;
   display: block;
   color: #fff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
   text-align: center;
   text-decoration: none;
   font-size: 15px;
   background-color: #a8191d;
   border-bottom: 2px solid #4A4A4A;
   -webkit-border-radius: 2px;
   border-radius: 12px;
   box-sizing: border-box;
   font-weight: bold;
}
	
	
	.botan2 a {
   width: 96%;
   margin: 0 auto 60px auto;
   padding: 10px 0;
   display: block;
   color: #fff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
   text-align: center;
   text-decoration: none;
   font-size: 15px;
   background-color: #a8191d;
   border-bottom: 2px solid #4A4A4A;
   box-sizing: border-box;
   font-weight: bold;
}
	
.text_box {
      width: 100%;
      margin: 0px auto 50px auto;
      padding: 20px 0;
      border: solid 2px #dd471f;
   }

.text_box p.ttl {
      font-size: 24px;
      margin-bottom: 8px;
      letter-spacing: 2px;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-weight: bold;
   }

.text_box p.txtt {
      text-align: center;
      font-size: 15px;
      line-height: 30px;
      color: #fff;
   }
	
}

.private a{
	margin: 0px auto 30px;
	width: 90%;
	display: block;
	color:#fff;
	text-align: center;
	font-size: 16px;
	background-color: #b68f65;
	border-radius: 0px;
	padding: 10px 0;
	text-decoration: none;
	box-sizing:border-box;
	line-height: 25px;
	letter-spacing: 2px;
}