@charset "UTF-8";
/* mixin
-------------------- */
/* inview
-------------------- */
.inview { opacity: 0; -webkit-transform: translate(0, 60px); transform: translate(0, 60px); }

.inview_show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.inviewfast { opacity: 0; -webkit-transform: translate(0, 60px); transform: translate(0, 60px); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.inviewfast_show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.fadein { opacity: 0; -webkit-transform: scale(1.035); transform: scale(1.035); }

.fadein_show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.fadein2 { opacity: 0; }

.fadein2_show { opacity: 1; -webkit-transition: opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.splitview { opacity: 0; position: relative; overflow: hidden; width: 0; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); margin: 0 auto 0 0; }

.splitview_show { opacity: 1; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; transition-delay: 0s; width: 100%; }

/* keyframe
-------------------- */
@-webkit-keyframes cover { 0% { width: 100%; }
  100% { width: 0%; } }
@keyframes cover { 0% { width: 100%; }
  100% { width: 0%; } }

.cover { position: absolute; margin-left: auto; background: #fff; height: 100%; content: ""; top: 0; right: 0; z-index: 999; width: 100%; }

.cover.top.show { -webkit-animation: cover cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s 1.5s forwards; animation: cover cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s 1.5s forwards; }

.cover.back { background: #000; z-index: 99; }

.cover.back.top.show { -webkit-animation: cover cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s 2.3s forwards; animation: cover cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s 2.3s forwards; }

.inv_show { -webkit-animation: cover cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s 0s forwards; animation: cover cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s 0s forwards; }

.inv2_show { -webkit-animation: cover cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s 0.8s forwards; animation: cover cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s 0.8s forwards; }

/* common
-------------------- */
body { text-align: center; font-family: "montserrat", "source-han-sans-japanese", "ヒラギノ角ゴ Pro W3", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", sans-serif; color: #000; min-width: 1080px; }

@media (max-width: 1079px) { body { min-width: 0; } }

::-moz-selection { background: #000; color: #fff; }

::selection { background: #000; color: #fff; }

a { color: #000; text-decoration: none; }

img { width: 100%; }

@media (max-width: 768px) { .pc { display: none; } }

.sp { display: none; }

@media (max-width: 768px) { .sp { display: block; } }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 768px) { .flex { display: block; } }

.ofhidden { overflow: hidden; }

/* bxslider
-------------------- */
.bx-wrapper { -webkit-box-shadow: none; box-shadow: none; border: none; margin-bottom: 0; }

@media (max-width: 1079px) { .bx-wrapper { margin-bottom: 66px; } }

@media (max-width: 768px) { .bx-wrapper { margin-bottom: 10%; } }

.bx-wrapper .bx-pager { display: -webkit-box; display: -ms-flexbox; display: flex; width: 308px; bottom: -50px; }

@media (max-width: 768px) { .bx-wrapper .bx-pager { width: 80%; bottom: -20%; left: 10%; } }

.bx-wrapper .bx-pager.bx-default-pager a { width: auto; height: 30px; margin: 0; border-radius: 0; position: relative; background: none; }

.bx-wrapper .bx-pager.bx-default-pager a::before { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; content: ""; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.14); top: 50%; left: 0; }

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: none; }

.bx-wrapper .bx-pager.bx-default-pager a.active::before, .bx-wrapper .bx-pager.bx-default-pager a:hover::before, .bx-wrapper .bx-pager.bx-default-pager a:focus::before { position: absolute; content: ""; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.7); top: calc(50% - 0.5px); left: 0; }

@media (max-width: 768px) { .bx-wrapper .bx-pager.bx-default-pager a:hover::before { height: 1px; background: rgba(0, 0, 0, 0.14); top: 50%; } }

.bx-wrapper .bx-pager a { display: block; }

.bx-wrapper .bx-pager-item { display: block; -ms-flex-preferred-size: 33.333333%; flex-basis: 33.333333%; }

.slide_1, .slide_2, .slide_3, .slide_4, .slide_5, .slide_6, .slide_7, .slide_8, .slide_9, .slide_10, .slide_11, .slide_12, .slide_13, .slide_14, .slide_15, .slide_16 { position: relative; }

/* header
-------------------- */
header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 26px 38px 19px; }

@media (max-width: 768px) { header { padding: 5% 10% 9% 5%; } }

.logo { width: 100px; }

@media (max-width: 768px) { .logo { width: 65px; } }

.sns { font-size: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 12px; }

.sns a { display: block; -webkit-transition: 0.3s; transition: 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.sns a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }

@media (max-width: 768px) { .sns a:hover { -webkit-transform: scale(1); transform: scale(1); } }

.sns .fb { margin-right: 30px; }

.sns .fb a { padding: 2px 5px; }

.sns .tw { padding-top: 1px; }

.sns .tw a { padding: 2px; }

/* main
-------------------- */
.main { position: relative; margin-bottom: 134px; }

@media (max-width: 1079px) { .main { margin-bottom: 11%; } }

.main .txt { position: absolute; top: calc((100% - 320px) / 2); margin-left: 125px; text-align: left; }

@media (max-width: 1079px) { .main .txt { margin-left: 65px; } }

@media (max-width: 768px) { .main .txt { position: relative; margin-left: 10%; } }

@media (max-width: 768px) { .main .txt .txt-con > .cover { height: 0; } }

.main .txt h1 { width: 298px; margin-bottom: 30px; position: relative; }

@media (max-width: 768px) { .main .txt h1 { width: auto; margin-right: 37%; margin-bottom: 12%; margin-left: 1%; } }

.main .txt .h1_top { position: absolute; background: url(img/logo_wht.png) no-repeat; background-size: contain; width: 348px; height: 158px; z-index: -2; display: block; top: 0; }

.main .txt .h1_top .cover.top.mono { display: none; }

@media (max-width: 768px) { .main .txt .h1_top { display: none; }
  .main .txt .h1_top > .cover { height: 0; } }

.main .txt .sub { font-size: 18px; letter-spacing: 0.11em; line-height: 31px; font-weight: 200; margin-bottom: 27px; }

@media (max-width: 768px) { .main .txt .sub { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; right: 10%; top: 0; font-size: 4vw; margin-bottom: -21vw; line-height: 2; color: #fff; z-index: -15; font-weight: 300; } }

.main .txt .sub2 { display: none; }

@media (max-width: 768px) { .main .txt .sub2 { display: block; font-size: 18px; letter-spacing: 0.11em; font-weight: 300; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; right: 10%; top: 0; font-size: 4vw; margin-bottom: -20vw; line-height: 2; color: #000; z-index: 1; } }

@media (max-width: 768px) { .main .txt .btn { display: none; } }

.main .txt .btn a { color: #fff; font-size: 15px; font-weight: 300; letter-spacing: 0.1em; padding: 13px 37px 11px 46px; position: relative; display: inline-block; -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.main .txt .btn a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

@media (max-width: 768px) { .main .txt .btn a:hover { -webkit-transform: scale(1); transform: scale(1); } }

.main .txt .btn a .txts { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.main .txt .btn a .ico_play { position: absolute; width: 10px; height: 11px; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.main .txt .btn a .ico_play img { -webkit-transition: 0.2s; transition: 0.2s; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.main .txt .btn a .bg { display: block; position: absolute; width: 100%; height: 100%; background: #000; z-index: -1; right: 0; top: 0; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.main .txt .btn a .linebtm { display: block; position: absolute; width: 100%; height: 100%; z-index: -1; right: 0; bottom: 0; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border-bottom: 2px solid #000; }

.main .txt-con { position: relative; }

/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) { _::-webkit-full-page-media, _:future, :root .main .txt .sub { z-index: 1; mix-blend-mode: soft-light; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) { _::-webkit-full-page-media, _:future, :root .main .txt .h1_top { z-index: 1; mix-blend-mode: soft-light; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) { _::-webkit-full-page-media, _:future, :root .main .txt .h1_top .mono { display: block; } }

_:-ms-lang(x), .main .txt .sub { z-index: 1; mix-blend-mode: soft-light; }

_:-ms-lang(x), .main .txt h1 { z-index: 3; mix-blend-mode: soft-light; }

_:-ms-lang(x), .main .txt .h1_top { z-index: 1; mix-blend-mode: soft-light; }

_:-ms-lang(x), .main .txt .h1_top .mono { display: block; }

.yt { position: relative; margin-left: 423px; mix-blend-mode: exclusion; overflow-x: hidden; z-index: -1; }

@media (max-width: 1079px) { .yt { margin-left: 363px; } }

@media (max-width: 768px) { .yt { margin-left: 10%; } }

/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) { _::-webkit-full-page-media, _:future, :root .yt { mix-blend-mode: unset; } }

.yt-wrap1 { margin: 0 auto; width: 100%; max-width: 100%; min-width: 854px; }

@media (max-width: 768px) { .yt-wrap1 { min-width: 500px; } }

.yt-wrap2 { padding-top: 56.25%; position: relative; width: 100%; }

.yt-wrap2 iframe { height: 130% !important; left: -15%; position: absolute; top: -15%; width: 130% !important; }

.btnsp { display: none; }

@media (max-width: 768px) { .btnsp { display: block; text-align: left; margin-left: 10%; }
  .btnsp a { display: inline-block; font-size: 15px; letter-spacing: 0.1em; padding: 21px 40px 20px; margin-bottom: 15px; border-bottom: 1px solid #000; position: relative; font-weight: 500; }
  .btnsp a::before { content: ""; position: absolute; background: url(img/ico_play_blk.png) no-repeat; background-size: contain; width: 8px; height: 9px; top: 50%; left: 15px; margin-top: -4px; } }

/* zero
-------------------- */
.zero h2 { font-size: 33px; letter-spacing: 0.09em; font-weight: 300; margin-bottom: 63px; overflow: hidden; }

@media (max-width: 1079px) { .zero h2 { text-align: left; padding-left: 10%; } }

@media (max-width: 768px) { .zero h2 { font-size: 23px; margin-bottom: 15%; } }

.zero h2 span { display: block; }

.zero .exp { font-weight: 200; font-size: 14px; line-height: 33px; letter-spacing: 0.07em; margin-bottom: 125px; max-width: 750px; text-align: left; margin-left: auto; margin-right: auto; position: relative; }

@media (max-width: 1079px) { .zero .exp { max-width: 80%; } }

@media (max-width: 768px) { .zero .exp { font-size: 13px; line-height: 216%; letter-spacing: 0.06em; padding: 0 10%; margin-top: 8%; margin-bottom: 13%; font-weight: 300; } }

.zero .exp::before, .zero .exp::after { content: ""; position: absolute; width: 23px; height: 20px; }

@media (max-width: 768px) { .zero .exp::before, .zero .exp::after { width: 18px; height: 16px; } }

.zero .exp::before { background: url(img/quot_l.png) no-repeat; background-size: contain; top: -20px; left: -50px; }

@media (max-width: 768px) { .zero .exp::before { top: -26px; left: 22px; } }

.zero .exp::after { background: url(img/quot_r.png) no-repeat; background-size: contain; bottom: -20px; right: -50px; }

@media (max-width: 768px) { .zero .exp::after { bottom: -9px; right: 22px; } }

/* one
-------------------- */
.one { margin-bottom: 130px; }

@media (max-width: 768px) { .one { margin-bottom: 11%; } }

.one .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 80%; margin-left: auto; margin-right: auto; }

@media (max-width: 1079px) { .one .wrap { display: block; } }

.one .images { -ms-flex-preferred-size: 44%; flex-basis: 44%; }

@media (max-width: 768px) { .one .images { margin: 0; } }

.one .txt { position: relative; -ms-flex-preferred-size: 45%; flex-basis: 45%; }

@media (max-width: 1079px) { .one .txt { padding-left: 0; width: auto; } }

@media (max-width: 768px) { .one .txt { padding-top: 6%; } }

.one .txt .txt-con { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 455px; }

@media (max-width: 1079px) { .one .txt .txt-con { position: static; width: auto; -webkit-transform: translate(0); transform: translate(0); } }

.one .txt p { font-weight: 200; font-size: 14px; line-height: 35px; letter-spacing: 0.05em; text-align: left; }

@media (max-width: 1079px) { .one .txt p { width: auto; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { .one .txt p { padding: 0; font-size: 13px; line-height: 216%; letter-spacing: 0.035em; text-align: justify; font-weight: 300; } }

@media (max-width: 1079px) { .one .txt p br { display: none; } }

/* two
-------------------- */
.two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 130px; }

@media (max-width: 1079px) { .two { display: block; width: 80%; margin: 0 auto 80px; } }

@media (max-width: 768px) { .two { display: block; margin-bottom: 10%; } }

.two .images { -ms-flex-preferred-size: 52%; flex-basis: 52%; }

@media (max-width: 768px) { .two .images { margin: 0; } }

.two .txt { position: relative; -ms-flex-preferred-size: 48%; flex-basis: 48%; }

@media (max-width: 1079px) { .two .txt { padding: 0 1%; } }

.two .txt .txt-con { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 360px; }

@media (max-width: 1079px) { .two .txt .txt-con { position: static; width: auto; -webkit-transform: translate(0); transform: translate(0); } }

.two .txt p { font-weight: 200; font-size: 14px; line-height: 35px; letter-spacing: 0.05em; text-align: left; margin-bottom: 35px; }

@media (max-width: 1079px) { .two .txt p { width: auto; margin-left: auto; margin-right: auto; }
  .two .txt p br { display: none; } }

@media (max-width: 768px) { .two .txt p { padding: 0; font-size: 13px; line-height: 216%; letter-spacing: 0.035em; text-align: justify; font-weight: 300; margin-bottom: 10%; }
  .two .txt p br { display: none; } }

@media (max-width: 768px) { .two .bx-wrapper { margin-bottom: 16%; } }

@media (max-width: 768px) { .two .bx-wrapper .bx-pager { bottom: -23%; } }

@media (max-width: 1079px) { .two .btn { display: none; } }

.two .btn a { color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 0.07em; padding: 14px 67px 13px 25px; position: relative; display: inline-block; -webkit-transition: 0.2s; transition: 0.2s; line-height: 1; }

.two .btn a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

@media (max-width: 768px) { .two .btn a:hover { -webkit-transform: scale(1); transform: scale(1); } }

.two .btn a .txts { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.two .btn a .ico_play { position: absolute; width: 7px; height: 7px; top: 50%; right: 14px; margin-top: -8px; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.two .btn a .ico_play img { -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.two .btn a .bg { display: block; position: absolute; width: 100%; height: 100%; background: #000; z-index: -1; right: 0; top: 0; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.two .btn a .linebtm { display: block; position: absolute; width: 100%; height: 100%; z-index: -1; right: 0; bottom: 0; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border-bottom: 2px solid #000; }

.two .btnsp { display: none; text-align: left; }

@media (max-width: 1079px) { .two .btnsp { display: block; margin-left: 10%; margin-bottom: 10%; } }

.two .btnsp a { color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 0.07em; padding: 14px 67px 13px 25px; position: relative; display: inline-block; }

.two .btnsp a .txts { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.two .btnsp a .ico_play { position: absolute; width: 7px; height: 7px; top: 50%; right: 14px; margin-top: -8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.two .btnsp a .bg { display: block; position: absolute; width: 100%; height: 100%; background: #000; z-index: -1; right: 0; top: 0; }

.two .btnsp a .linebtm { display: block; position: absolute; width: 100%; height: 100%; z-index: -1; right: 0; bottom: 0; border-bottom: 2px solid #000; }

/* camping
-------------------- */
.camping .camp { margin-bottom: 130px; }

@media (max-width: 768px) { .camping .camp { margin-bottom: 11%; } }

@media (max-width: 1079px) { .camping .camp .btnsp { margin-left: 11%; } }

@media (max-width: 768px) { .camping .camp .btnsp { margin-left: 10%; margin-bottom: 0%; } }

.camping h2 { font-size: 33px; letter-spacing: 0.09em; font-weight: 300; margin-bottom: 95px; overflow: hidden; }

@media (max-width: 1079px) { .camping h2 { text-align: left; padding-left: 10%; margin-bottom: 75px; } }

@media (max-width: 768px) { .camping h2 { font-size: 23px; line-height: 160%; margin-bottom: 8%; padding-right: 10%; } }

.camping h2 span { display: block; }

.ytbs.tri .img a { background: url(img/yt3.jpg) no-repeat center center; background-size: 120%; }

.ytbs.di .img a { background: url(img/yt2.jpg) no-repeat center center; background-size: 120%; }

.ytbs .img { padding: 70px 14% 150px; }

@media (max-width: 1079px) { .ytbs .img { padding: 50px 10% 120px; } }

@media (max-width: 768px) { .ytbs .img { padding: 10% 10% 15%; } }

.ytbs .img a { display: block; padding-bottom: 51%; background: url(img/yt.jpg) no-repeat center center; background-size: 120%; margin: 0 auto; position: relative; line-height: 0; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-box-shadow: 0px 0px 21px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 21px 5px rgba(0, 0, 0, 0.15); }

@media (max-width: 768px) { .ytbs .img a { background-size: 100%; } }

.ytbs .img a:hover { background-size: 100%; }

.ytbs .img a:hover span { opacity: 1; }

.ytbs .img a span { opacity: 0; display: block; z-index: 999; width: 224px; height: 224px; position: absolute; top: 50%; left: 50%; margin-top: -112px; margin-left: -112px; background: url(img/play_circle.png) no-repeat center center; background-size: 224px; -webkit-animation: spin 2.5s linear infinite; animation: spin 2.5s linear infinite; -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1); transition: all 600ms cubic-bezier(1, 0, 0, 1); }

@media (max-width: 768px) { .ytbs .img a span { display: none; } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* tne
-------------------- */
@media (max-width: 1079px) { .tne { margin-bottom: 90px; } }

@media (max-width: 768px) { .tne { margin-bottom: 15%; } }

.tne h2 { font-size: 37px; letter-spacing: 0.04em; margin-bottom: 95px; overflow: hidden; }

@media (max-width: 1079px) { .tne h2 { text-align: left; padding-left: 10%; margin-bottom: 70px; } }

@media (max-width: 768px) { .tne h2 { font-size: 27px; line-height: 140%; margin-bottom: 8%; padding-right: 10%; } }

.tne h2 span { display: block; }

@media (max-width: 1079px) { .tne .one .txt { padding-top: 0; } }

@media (max-width: 768px) { .tne .one .txt { padding-top: 5%; } }

@media (max-width: 768px) { .tne .two .txt { padding-left: 0; padding-right: 0; } }

/* thr
-------------------- */
.thr .wrap { padding: 0 10%; }

@media (max-width: 768px) { .thr .wrap { padding: 0; } }

.thr .h2cov { position: relative; display: inline-block; margin-top: 70px; margin-bottom: 70px; width: 552px; }

@media (max-width: 1079px) { .thr .h2cov { width: auto; }
  .thr .h2cov br { display: none; } }

@media (max-width: 768px) { .thr .h2cov { margin: 7% 10%; } }

.thr h2 { font-size: 16px; line-height: 37px; font-weight: 500; }

@media (max-width: 768px) { .thr h2 { font-size: 14px; line-height: 207%; letter-spacing: 0.02em; text-align: left; } }

.thr .line { width: 130px; margin-left: auto; margin-right: auto; margin-bottom: 70px; }

@media (max-width: 768px) { .thr .line { display: none; } }

.thr .line .in { height: 2px; background: black; }

/* message
-------------------- */
.message { margin-bottom: 130px; }

@media (max-width: 1079px) { .message { margin-bottom: 110px; } }

@media (max-width: 768px) { .message { margin-bottom: 15%; } }

.message h2 { font-size: 23px; letter-spacing: 0.09em; font-weight: 300; margin-bottom: 80px; }

@media (max-width: 1079px) { .message h2 { font-size: 20px; } }

@media (max-width: 768px) { .message h2 { font-size: 18px; line-height: 170%; letter-spacing: 0.1em; padding: 0 10%; text-align: left; margin-bottom: 5%; font-weight: 400; } }

.message h2 span { position: relative; display: inline-block; }

.message h2 span::before, .message h2 span::after { height: 1px; width: 23%; background: #000; top: 50%; content: ""; position: absolute; }

@media (max-width: 1079px) { .message h2 span::before, .message h2 span::after { width: 15%; } }

@media (max-width: 768px) { .message h2 span::before, .message h2 span::after { display: none; } }

.message h2 span::before { left: calc(100% + 45px); }

@media (max-width: 1079px) { .message h2 span::before { left: calc(100% + 25px); } }

.message h2 span::after { right: calc(100% + 45px); }

@media (max-width: 1079px) { .message h2 span::after { right: calc(100% + 25px); } }

.pri { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 90%; margin-left: auto; }

@media (max-width: 1079px) { .pri { display: block; margin-right: 0; margin-left: 10%; margin-bottom: 9%; } }

.pri .images { -ms-flex-preferred-size: 62%; flex-basis: 62%; }

@media (max-width: 1079px) { .pri .images { -ms-flex-preferred-size: 58%; flex-basis: 58%; margin-bottom: 50px; } }

@media (max-width: 768px) { .pri .images { margin-bottom: 0; } }

.pri .txt { text-align: left; padding-top: calc((32% - 450px) / 2); padding-left: 0; padding-right: 3%; width: 410px; }

@media (max-width: 1079px) { .pri .txt { padding-right: 10%; padding-left: 1%; width: auto; } }

@media (max-width: 768px) { .pri .txt { width: auto; padding-right: 10%; padding-left: 0; padding-top: 6%; margin-right: auto; } }

.pri .txt > p { font-size: 13px; line-height: 29.5px; letter-spacing: 0.06em; font-weight: 200; margin-bottom: 40px; }

@media (max-width: 1079px) { .pri .txt > p br { display: none; } }

@media (max-width: 768px) { .pri .txt > p { margin-top: 0; font-size: 13px; line-height: 216%; letter-spacing: 0.035em; font-weight: 300; margin-bottom: 14%; text-align: justify; }
  .pri .txt > p br { display: none; } }

.pri .goto h4 { font-size: 17px; font-weight: 300; letter-spacing: 0.03em; margin-bottom: 20px; }

@media (max-width: 768px) { .pri .goto h4 { font-size: 17px; letter-spacing: 0.13em; margin-bottom: 6%; font-weight: 400; } }

.pri .goto p { font-size: 11px; line-height: 23px; letter-spacing: 0.02em; font-weight: 200; }

@media (max-width: 768px) { .pri .goto p { font-size: 12px; letter-spacing: 0.02em; font-weight: 300; line-height: 216%; } }

.pri .goto p span { display: block; }

@media (max-width: 768px) { .pri .goto p span { margin-bottom: 3%; line-height: 170%; } }

/* camp
-------------------- */
.camp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 130px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 1079px) { .camp { display: block; margin-bottom: 37px; } }

@media (max-width: 768px) { .camp { display: block; margin-bottom: 11%; } }

.camp .images { -ms-flex-preferred-size: 58%; flex-basis: 58%; }

@media (max-width: 1079px) { .camp .images { -ms-flex-preferred-size: 55%; flex-basis: 55%; } }

@media (max-width: 768px) { .camp .images .slide_5 { margin-left: 10%; } }

.camp .txt { position: relative; text-align: left; -ms-flex-preferred-size: 42%; flex-basis: 42%; }

.camp .txt .txt-con { width: 330px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1079px) { .camp .txt .txt-con { position: static; width: auto; -webkit-transform: translate(0); transform: translate(0); } }

.camp h3 { font-size: 23px; letter-spacing: 0.09em; font-weight: 300; margin-bottom: 30px; }

@media (max-width: 1079px) { .camp h3 { padding: 0 10%; } }

@media (max-width: 768px) { .camp h3 { padding: 0 10%; font-size: 18px; letter-spacing: 0.1em; margin-bottom: 5%; font-weight: 400; } }

.camp .sub { font-size: 16px; letter-spacing: 0.03em; font-weight: 300; margin-bottom: 33px; }

@media (max-width: 1079px) { .camp .sub { padding: 0 10%; } }

@media (max-width: 768px) { .camp .sub { padding: 0 10%; font-size: 14px; margin-bottom: 9.5%; } }

.camp .exp { font-size: 14px; line-height: 32px; font-weight: 200; letter-spacing: 0.05em; margin-bottom: 33px; }

@media (max-width: 1079px) { .camp .exp { display: none; } }

@media (max-width: 768px) { .camp .exp { display: none; } }

.camp .spexp { display: none; font-size: 14px; line-height: 32px; font-weight: 200; letter-spacing: 0.05em; text-align: left; }

@media (max-width: 1079px) { .camp .spexp { display: block; padding-bottom: 4%; width: auto; padding-right: 10%; padding-left: 11%; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { .camp .spexp { display: block; font-size: 13px; line-height: 216%; letter-spacing: 0.035em; font-weight: 300; padding: 0 10%; text-align: justify; margin-bottom: 8%; } }

@media (max-width: 768px) { .camp .bx-wrapper { margin-bottom: 19%; } }

.camp .bx-wrapper .bx-pager { left: unset; right: 0; }

@media (max-width: 1079px) { .camp .bx-wrapper .bx-pager { width: 308px; bottom: -50px; right: 50%; margin-right: -154px; } }

@media (max-width: 768px) { .camp .bx-wrapper .bx-pager { left: unset; bottom: -28%; right: 10%; margin-right: 0; width: 90%; } }

@media (max-width: 1079px) { .camp .btn { display: none; } }

.camp .btn a { color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 0.07em; padding: 14px 67px 13px 25px; position: relative; display: inline-block; -webkit-transition: 0.2s; transition: 0.2s; }

.camp .btn a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0px 0px 21px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 21px 5px rgba(0, 0, 0, 0.15); }

@media (max-width: 768px) { .camp .btn a:hover { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: none; box-shadow: none; } }

.camp .btn a .txts { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.camp .btn a .ico_play { position: absolute; width: 7px; height: 7px; top: 50%; right: 14px; margin-top: -8px; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.camp .btn a .ico_play img { -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.camp .btn a .bg { display: block; position: absolute; width: 100%; height: 100%; background: #000; z-index: -1; right: 0; top: 0; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.camp .btn a .linebtm { display: block; position: absolute; width: 100%; height: 100%; z-index: -1; right: 0; bottom: 0; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border-bottom: 2px solid #000; }

.camp .btnsp { display: none; text-align: left; }

@media (max-width: 1079px) { .camp .btnsp { display: block; margin-left: 11%; margin-bottom: 80px; } }

@media (max-width: 768px) { .camp .btnsp { margin-bottom: 10%; } }

.camp .btnsp a { color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 0.07em; padding: 14px 67px 13px 25px; position: relative; display: inline-block; }

.camp .btnsp a .txts { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.camp .btnsp a .ico_play { position: absolute; width: 7px; height: 7px; top: 50%; right: 14px; margin-top: -8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.camp .btnsp a .bg { display: block; position: absolute; width: 100%; height: 100%; background: #000; z-index: -1; right: 0; top: 0; }

.camp .btnsp a .linebtm { display: block; position: absolute; width: 100%; height: 100%; z-index: -1; right: 0; bottom: 0; border-bottom: 2px solid #000; }

.solocamp h2 { font-size: 33px; letter-spacing: 0.09em; font-weight: 300; margin-bottom: 95px; overflow: hidden; }

@media (max-width: 1079px) { .solocamp h2 { text-align: left; padding-left: 11%; margin-bottom: 65px; } }

@media (max-width: 768px) { .solocamp h2 { font-size: 23px; line-height: 160%; padding-left: 10%; padding-right: 10%; margin-bottom: 8%; } }

.solocamp h2 span { display: block; }

.solocamp .camp { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.solocamp .camp .txt { -ms-flex-preferred-size: 48%; flex-basis: 48%; position: relative; }

.solocamp .camp .txt .txt-con { text-align: left; width: 320px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1079px) { .solocamp .camp .txt .txt-con { position: static; width: auto; -webkit-transform: translate(0); transform: translate(0); } }

.solocamp .camp h3 { font-size: 28px; }

@media (max-width: 1079px) { .solocamp .camp h3 { padding-left: 11%; } }

@media (max-width: 768px) { .solocamp .camp h3 { font-size: 21px; } }

.solocamp .camp .spexp { padding-right: 0; }

@media (max-width: 1079px) { .solocamp .camp .spexp { padding-right: 11%; } }

.solocamp .two { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.solocamp .two .txt { position: relative; -ms-flex-preferred-size: 48%; flex-basis: 48%; }

.solocamp .two .txt .txt-con { position: absolute; width: 320px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1079px) { .solocamp .two .txt .txt-con { position: static; width: auto; -webkit-transform: translate(0); transform: translate(0); } }

.solocamp .two .txt .btn { margin-bottom: 0; }

@media (max-width: 1079px) { .solocamp .two .txt .btn { display: block; } }

.solocamp .two h3 { font-size: 23px; letter-spacing: 0.09em; font-weight: 300; line-height: 39px; margin-bottom: 21px; text-align: left; }

@media (max-width: 768px) { .solocamp .two h3 { font-size: 18px; line-height: 170%; margin-bottom: 5%; } }

/* footer
-------------------- */
footer { padding: 0 0 62px; }

@media (max-width: 768px) { footer { padding: 0 0 42px; } }

footer .links { background: rgba(234, 237, 239, 0.7); padding: 82px 10% 50px; }

@media (max-width: 768px) { footer .links { padding: 48px 30px 29px; } }

footer .travels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 60px; }

@media (max-width: 1079px) { footer .travels { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 600px; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { footer .travels { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; max-width: 320px; } }

footer .travels li { margin-right: 65px; }

@media (max-width: 768px) { footer .travels li { margin-bottom: 20px; margin-right: 25px; } }

@media (max-width: 768px) { footer .travels li:nth-child(1) { margin-right: 25px; } }

footer .travels li:nth-child(1) img { width: 167px; }

@media (max-width: 768px) { footer .travels li:nth-child(1) img { width: 137px; } }

footer .travels li:nth-child(2) img { width: 162px; padding-top: 7px; }

@media (max-width: 768px) { footer .travels li:nth-child(2) img { width: 120px; } }

@media (max-width: 1079px) { footer .travels li:nth-child(3) { margin-right: 0; } }

@media (max-width: 768px) { footer .travels li:nth-child(3) { margin-right: 25px; } }

footer .travels li:nth-child(3) img { width: 113px; }

@media (max-width: 768px) { footer .travels li:nth-child(3) img { width: 83px; } }

footer .travels li:nth-child(4) img { width: 112px; padding-top: 6px; }

@media (max-width: 1079px) { footer .travels li:nth-child(4) img { margin-top: 15px; } }

@media (max-width: 768px) { footer .travels li:nth-child(4) img { margin-top: 0; padding-top: 0; width: 85px; } }

footer .travels li:nth-child(5) { margin-right: 0; }

footer .travels li:nth-child(5) img { width: 129px; padding-top: 13px; }

@media (max-width: 1079px) { footer .travels li:nth-child(5) img { margin-top: 15px; } }

@media (max-width: 768px) { footer .travels li:nth-child(5) img { margin-top: 0; padding-top: 7px; width: 96px; } }

footer .travels li img { -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

footer .travels li a:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); }

@media (max-width: 768px) { footer .travels li a:hover img { -webkit-transform: scale(1); transform: scale(1); } }

footer .bnrs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1140px; }

@media (max-width: 1079px) { footer .bnrs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { footer .bnrs { display: block; } }

footer .bnrs li { margin-right: 35px; overflow: hidden; margin-bottom: 35px; }

@media (max-width: 1079px) { footer .bnrs li { -ms-flex-preferred-size: 48%; flex-basis: 48%; margin-right: 0; margin-bottom: 13px; } }

@media (max-width: 768px) { footer .bnrs li { margin-right: 0; line-height: 0; margin-bottom: 7%; } }

footer .bnrs li:nth-child(3) { margin-right: 0; }

footer .bnrs li:last-child { margin-right: 0; }

footer .bnrs li img { width: 261px; -webkit-transition: 0.3s; transition: 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media (max-width: 1079px) { footer .bnrs li img { width: 100%; } }

@media (max-width: 768px) { footer .bnrs li img { width: 86%; } }

footer .bnrs li a:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 0.7; }

@media (max-width: 768px) { footer .bnrs li a:hover img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }

footer .credits { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 82px 30px 75px; }

@media (max-width: 1079px) { footer .credits { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 500px; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { footer .credits { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 260px; padding: 36px 30px 19px; } }

footer .credits li { margin-right: 70px; margin-bottom: 17px; }

@media (max-width: 768px) { footer .credits li { margin-right: 42px; } }

@media (max-width: 768px) { footer .credits li:nth-child(1) { margin-right: 0; } }

footer .credits li:nth-child(1) img { width: 139px; }

@media (max-width: 768px) { footer .credits li:nth-child(1) img { width: 97px; } }

footer .credits li:nth-child(2) img { width: 177px; padding-top: 25px; }

@media (max-width: 768px) { footer .credits li:nth-child(2) img { padding-top: 0; width: 124px; } }

@media (max-width: 1079px) { footer .credits li:nth-child(3) { margin-right: 0; } }

@media (max-width: 768px) { footer .credits li:nth-child(3) { margin-right: 0; } }

footer .credits li:nth-child(3) img { width: 37px; padding-top: 26px; }

@media (max-width: 768px) { footer .credits li:nth-child(3) img { padding-top: 0; width: 26px; } }

footer .credits li:nth-child(4) img { width: 98px; padding-top: 31px; }

@media (max-width: 768px) { footer .credits li:nth-child(4) img { padding-top: 10px; width: 68px; } }

footer .credits li:nth-child(5) { margin-right: 0; }

footer .credits li:nth-child(5) img { width: 78px; padding-top: 5px; }

@media (max-width: 768px) { footer .credits li:nth-child(5) img { padding-top: 0; width: 50px; } }

footer .credits li img { -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

footer .credits li a:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); }

@media (max-width: 768px) { footer .credits li a:hover img { -webkit-transform: scale(1); transform: scale(1); } }

footer .copy { font-size: 12px; letter-spacing: 0.02em; }

@media (max-width: 768px) { footer .copy { font-size: 10px; line-height: 19px; } }
/*# sourceMappingURL=style.css.map */