@charset "UTF-8";
/*
 ██████╗ ██████╗ ███╗   ███╗███╗   ███╗ ██████╗ ███╗   ██╗
██╔════╝██╔═══██╗████╗ ████║████╗ ████║██╔═══██╗████╗  ██║
██║     ██║   ██║██╔████╔██║██╔████╔██║██║   ██║██╔██╗ ██║
██║     ██║   ██║██║╚██╔╝██║██║╚██╔╝██║██║   ██║██║╚██╗██║
╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚═╝ ██║╚██████╔╝██║ ╚████║
 ╚═════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝     ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
*/

*,:after,:before{margin:0;padding:0;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing: antialiased;}
html { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td, figure, main { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit }
del, ins { text-decoration: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
.clear { clear:both; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.fl { float: left }
.fr { float: right }
body, html { width: 100%; height: 100%; font-family:'futura-pt', 'Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; }
.no-scroll { overflow: hidden; }
.ja { font-family: 'Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.fw3 { font-weight: 300 !important; }
.fw4 { font-weight: 400 !important; }
.fw5 { font-weight: 500 !important; }
strong,b {font-weight: 500;}
* { outline: none; }
svg, img { vertical-align: bottom; }
a { text-decoration: none; color: inherit; }
.table { display: table; }
.cell { display: table-cell; vertical-align: middle; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }
body { color: #000 }

/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top: 0;width: 20%;height: 100%;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: 0;cursor:auto;pointer-events:none;}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left: 0;right:auto;}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right: 0;left:auto;}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: 30px;left:0;width:100%;}.swiper-pagination-bullets-dynamic{/* overflow:hidden; */font-size:0;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background: #fff;opacity: .5;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ffffff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-wrapper { transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1); }
@media screen and (max-width:768px) {
	.swiper-button-next,
	.swiper-button-prev { background-size: 13px 22px; }
}

.in { position: relative; height: 100%; width: 100%; }
.site-body { position: relative; }
.spacer { display: block; height: 100px; }
.bd { position: relative; max-width: 1000px; margin: 0 auto; }
section { position:relative; width:100%; overflow:hidden; }
.inner { position: relative; width: 90%; max-width: 1440px; padding:0 100px; margin: 0 auto; }
.inner>hr { border:none; background: rgba(0,0,0,0.1); display: block; width: 100%; height: 1px; }
.inner-2 { position:relative; padding:0 100px; }
.text-inner { position: relative; width: calc(92% - 100px); max-width: 1180px; margin:0 auto; }
.space { display: block; height: 120px; height:10vw; }
.space-x2 { display: block; height: 180px; }
.space-x05 { display: block; height: 50px; }
@media screen and (max-width:1024px) {
	.inner { padding:0; width:86%; }
	.inner-2 { padding:0 70px; }
	.text-inner { width: calc(92% - 60px); }
	.space { height: 80px; }
	.space-x2 { height: 160px; }
	.space-x05 { height: 40px; }
}
@media screen and (max-width:768px) {
	.inner-2 { padding:0; width: 86%; margin:0 auto; }
}
@media screen and (max-width:480px) {
	.space { height: 60px; }
	.space-x2 { height: 60px; }
	.space-x05 { height: 30px; }
}
.pd-r-1 { padding-right: 10px; }
.pd-r-2 { padding-right: 20px; }
.pd-r-3 { padding-right: 30px; }
.pd-r-4 { padding-right: 40px; }
.pd-l-1 { padding-left: 10px; }
.pd-l-2 { padding-left: 20px; }
.pd-l-3 { padding-left: 30px; }
.pd-l-4 { padding-left: 40px; }
.tr { display: flex; width: 100%; margin-bottom: 1.5em; }
.td { width: 50%; flex: 1; box-sizing: border-box; }


.js-bg > span { background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; display: block; }
.js-bg { overflow: hidden; position: relative; }
.js-bg:after { transition: opacity 1s, border 0.3s, background 1s; content: ''; display: block; height: 100%; width: 100%; background: #fff; position: absolute; top: 0; left: 0; }
.js-bg.is-loaded:after { background: rgba(255, 255, 255, 0); }
.media-holder { position: relative; height: 0; width: 100%; padding-bottom: 100%; display: block; }
.media-holder > span { position: absolute; left:0; top:0; }
.media-holder.h150 { padding-bottom: 150% !important; }
.media-holder.h133 { padding-bottom: 133.3333% !important; }
.media-holder.h120 { padding-bottom: 120% !important; }
.media-holder.h100 { padding-bottom: 100% !important; }
.media-holder.h80 { padding-bottom: 80% !important; }
.media-holder.h75 { padding-bottom: 75% !important; }
.media-holder.h66 { padding-bottom: 66.6666% !important; }
.media-holder.h56 { padding-bottom: 56.3% !important; }
.media-holder.h50 {padding-bottom: 50% !important;}
.media-holder.h33 { padding-bottom: 33.3333%; }
.media-holder.w90 { width: 90%; }
.media-holder.w80 { width: 80%; }
.media-holder.w66 { width: 66.6666%; }
.media-holder.w50 { width: 50%; }
.media-holder.w33 { width: 33.3333%; }
.video-bg::before, .video-bg::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; pointer-events: none; z-index: 2; transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.video-bg::before { width: 60px; height: 60px; border:2px solid #fff; border-radius: 50%; }
.video-bg::after { right: -4px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #FFF; }
.video-bg:hover::before,.video-bg:hover::after { transform:scale(1.1); }
@media screen and (max-width:480px) {
	.video-bg::before { width: 40px; height: 40px; border:1px solid #fff; }
	.video-bg::after { right: -2px;  border-width: 5px 0 5px 8px; }
}


.xhr-wrap { position: fixed; height: 100vh; width: 100%; z-index: 1; }
.xhr-body { position: relative; overflow: hidden; box-sizing: border-box; min-height: 100vh; background: #fff; }
.io { transform: translate(0, 100px); opacity: 0; transition: transform 1s, opacity 1s; }
.io.on { transform: translate(0px, 0px); opacity: 1; }
.io-o { opacity: 0; transition: opacity 1s; }
.io-o.on { opacity: 1; }
.w-o { padding-right: 0.25em; overflow: hidden; }
.w-o:last-child { padding-right: 0; }
.w-o .o { overflow: hidden; }
.js-words span, .js-char span { display: inline-block; vertical-align: top; }
.js-h { cursor: pointer; }
.button { border: 1px solid #000; box-sizing: border-box; height: 50px; display: inline-block; padding: 0 25px; }
.button .t { font-weight: 700; }
.button .in { display: flex; height: 100%; width: 100%; align-items: center; }
.tx-r { text-align: right; }
.tx-c { text-align: center; }
.tx-l { text-align: left; }
.is-mb { display: none; }
.is-dp { display: block; }
@media screen and (max-width:1024px) {
	.is-mb { display: block; }
	.is-dp { display: none; }
	.done .tr-bg { opacity: 1 !important; }
	.bd { max-width: 100%; box-sizing: border-box; padding: 0 50px; }
	.xhr-wrap, .xhr-body { height: 100%; }
	.xhr-body { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; min-height: 0; }
	.xhr-body { padding-top: 80px; }
	.io { transform: translate(0, 0); opacity: 1; transition: transform 1s, opacity 1s; }
	.w-o .o, .w-o { padding-bottom: 0.1em; }
}
@media screen and (max-width:768px) {
	.spacer { height: 50px; }
	.xhr-body { padding-top: 70px; }
}

.btn { position:relative; display:inline-block; font-size:1.2rem; line-height:40px; height:40px; transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.btn>span {position:relative;display:flex;align-items: center;padding:0 2.2rem;text-transform:uppercase;letter-spacing:.1rem;}
.btn--a { box-shadow:0 0 0 1px #000 inset; background:#fff; color:#000; }
.btn--b { box-shadow:0 0 0 1px rgba(255,255,255,.3) inset; color:#fff; }
.btn--b::before,
.btn--b::after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity: 0; transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
.btn--b::before { border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scaleY(0); transform: scaleY(0); }
.btn--b::after { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scaleX(0); transform: scaleX(0); }
.btn--b:hover::before,
.btn--b:hover::after { opacity: 1; -webkit-transform: none; transform: none }
.btn--c { background:#000; color:#fff; }
.btn--d { background:#1b66ba; color:#fff; }
.btn--e {background: #fff;color:#000;}
.btn--large { font-size:1.4rem; line-height:60px; height:60px; margin:1px; }
.btn--large>span { padding:0 3rem; }
.arrow { position: relative; margin:0 5px 0 10px; height: 1px; width: 8px; display: inline-block; background: #000; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.arrow::before, .arrow::after { content: ''; position: absolute; top: 0; right: 0; height: 1px; width: 8px; display: block; background: inherit; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.arrow::before { transform: translateX(5px) rotate(45deg); transform-origin: 100% 100%; }
.arrow::after { transform: translateX(5px) rotate(-45deg); transform-origin: 100% 0%; }
.arrow__wh { background:#fff; }
a:hover .arrow::before { transform: translateX(9px) rotate(-45deg); transform-origin: 100% 0%; }
a:hover .arrow::after { transform: translateX(9px) rotate(45deg); transform-origin: 100% 100%; }

.more-btn { position: relative; display: inline-block; font-weight: 500; color: #c88e59; cursor: pointer !important; text-align: center; transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.more-btn>span,
.more-btn>a { position: relative; display: block; padding: 0; }
.more-btn .arrow { position: relative; top: -4px; margin-right: 15px; height: 1px; width: 8px; display: inline-block; background: #c88e59; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.more-btn .arrow::before, .more-btn .arrow::after { content: ''; position: absolute; top: 0; right: 0; height: 1px; width: 8px; display: block; background: inherit; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.more-btn .arrow::before { transform: translateX(5px) rotate(45deg); transform-origin: 100% 100%; }
.more-btn .arrow::after { transform: translateX(5px) rotate(-45deg); transform-origin: 100% 0%; }
.more-btn:hover::before { transform: scaleX(1); transform-origin: 0 0; }
.more-btn:hover .arrow::before { transform: translateX(9px) rotate(-45deg); transform-origin: 100% 0%; }
.more-btn:hover .arrow::after { transform: translateX(9px) rotate(45deg); transform-origin: 100% 100%; }
.more-btn p { position: relative; display: inline-block; font-size: 1.4rem; }
.more-btn p.or { color: #c88e59; }
.more-btn-box { border: 1px solid rgba(200, 136, 89, 0.6); border-bottom-width: 3px; }
.more-btn-box.bbk { border-color: #111; }
.more-btn-box>span,
.more-btn-box>a { padding: 7px 20px 9px; }
.more-btn-box::before { content:""; position: absolute; left:0; top:0; width: 100%; height: 100%; background: #f5f2f0; transform: scaleX(0); transform-origin: 100% 0; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.more-btn-box:hover::before { transform: scaleX(1); transform-origin: 0 0; }
.next-btn .arrow { margin-left:5px; }
.back-btn { position: relative; display: inline-block; padding-left:7px; font-weight: 500; color: #c88e59; cursor: pointer !important; text-align: center; height: 30px; transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.back-btn>span,
.back-btn>a { position: relative; display: block; padding: 0; }
.back-btn .arrow { position: relative; top: -4px; margin-right: 8px; height: 1px; width: 8px; display: inline-block; background: #c88e59; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.back-btn .arrow::before, .back-btn .arrow::after { content: ''; position: absolute; top: 0; right: 0; height: 1px; width: 8px; display: block; background: inherit; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.back-btn .arrow::before { transform: translateX(-5px) rotate(-45deg); transform-origin: 0% 100%; }
.back-btn .arrow::after { transform: translateX(-5px) rotate(45deg); transform-origin: 0% 0%; }
.back-btn:hover::before { transform: scaleX(1); transform-origin: 0 0; }
.back-btn:hover .arrow::before { transform: translateX(-9px) rotate(45deg); transform-origin: 0% 0%; }
.back-btn:hover .arrow::after { transform: translateX(-9px) rotate(-45deg); transform-origin: 0% 100%; }
.back-btn p { position: relative; display: inline-block; font-size: 1.4rem; }
.line-btn { position: relative; display: inline-block; }
.line-btn span { position: relative; display: inline-block; color:#111; overflow: hidden; font-size: 1.4rem; font-weight: 500; line-height: 2; }
.line-btn span.l { font-size: 2.0rem; }
.line-btn span:before,
.line-btn span:after { content:""; display: block; position: absolute; bottom:0; width: 100%; height: 1px; background-color: #333; }
.line-btn span:before { left:-100%; -webkit-transition:all 300ms 0ms cubic-bezier(0.19, 1, 0.22, 1); -moz-transition:all 300ms 0ms cubic-bezier(0.19, 1, 0.22, 1); transition:all 300ms 0ms cubic-bezier(0.19, 1, 0.22, 1); }
.line-btn span:after { left:0%; -webkit-transition:all 300ms 200ms cubic-bezier(0.19, 1, 0.22, 1); -moz-transition:all 300ms 200ms cubic-bezier(0.19, 1, 0.22, 1); transition:all 300ms 200ms cubic-bezier(0.19, 1, 0.22, 1); }
.line-btn:hover span:before { left:0%; -webkit-transition:all 300ms 200ms cubic-bezier(0.19, 1, 0.22, 1); -moz-transition:all 300ms 200ms cubic-bezier(0.19, 1, 0.22, 1); transition:all 300m 200ms cubic-bezier(0.19, 1, 0.22, 1); }
.line-btn:hover span:after { left:100%; -webkit-transition:all 300ms 0ms cubic-bezier(0.19, 1, 0.22, 1); -moz-transition:all 300ms 0ms cubic-bezier(0.19, 1, 0.22, 1); transition:all 300ms 0ms cubic-bezier(0.19, 1, 0.22, 1); }
.line-btn.active span:before,
.line-btn.active span:after{ opacity: 0; }
@media screen and (max-width:480px) {
	.line-btn span.l { font-size: 1.4rem; }
}

/* Loader */
.loading { position: fixed; left:0; top:0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; }
.loading .st0 { fill: none; stroke: #000; stroke-width: 5; stroke-miterlimit: 10; }
.loading .back .st0 { stroke: #d9e0e4; }
.loading .st1 { fill:#000; opacity: 0; }
.loading .clip path { fill: #000; }
.loading .step-s path { opacity: 0; }
.loading-logo { position: absolute; left:50%; top:50%; width: 600px; height: 120px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: all .8s cubic-bezier(.72,.16,.345,.875); }
.logo-left { position: absolute; left:25%; top:0; width: 50%; height: 50%; }
.logo-right { position: absolute; left:25%; top:0; width: 50%; height: 50%; opacity: 0; }
.logo-bottom { position: absolute; left:0; bottom:0; width: 100%; height: 25%; opacity: 0; }
.logo-circle { position: absolute; left:50%; top:50%; width: 500px; height: 500px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.logo-circle img { display: block; width: 100%; height: 100%; opacity: 0; transform: scale(0) rotate(360deg); transition: all 1s cubic-bezier(.72,.16,.345,.875); }
.is-loadcircle .logo-left,
.is-loadcircle .logo-right,
.is-loadcircle .logo-bottom { opacity: 0 !important; transition: opacity .4s cubic-bezier(.72,.16,.345,.875); }
.is-loadcircle .logo-circle img { opacity: 1; transform: scale(1) rotate(0deg); }
.is-loaded .loading { opacity: 0; visibility: hidden; transition: all .6s .4s cubic-bezier(.72,.16,.345,.875); }
.is-loaded .loading-logo { -webkit-transform: translate(-50%,-50%) scale(.8); transform: translate(-50%,-50%) scale(.8); }
@media screen and (max-width:768px) {
	.loading-logo { width: 500px; height: 100px; }
	.logo-circle { width: 400px; height: 400px; }
}
@media screen and (max-width:480px) {
	.loading-logo { width: 300px; height: 60px; }
	.logo-circle { width: 300px; height: 300px; }
}

/* Font */
.sec-title {position: relative;font-size: 1.2rem;letter-spacing: 3px;text-transform:uppercase;}
.sec-title-line::before { content:""; position: absolute; left:-50px; top:50%; width: 30px; height: 1px; background: #999; }
.main-title { font-size: 6.4rem; }
.main-text { font-size: 1.8rem; }
.sub-title { font-size: 4rem; }
.sub-single-title { font-size: 3rem; }
.sub-text { font-size: 1.7rem; }
.s-text { font-size: 1.4rem; }
.once-layout h2 { position: relative; font-size: 2.7rem; display: inline-block; line-height: 1.1; }
.once-layout h2 span { position: relative; }
.once-layout h2.underline::before { content:""; position: absolute; left:0; bottom:0; width: 100%; height: 5px; background: rgba(0,0,0,0.2); }
.layoutS h2.underline span { position: relative; }
.layoutS h2.underline span::before { content:""; position: absolute; left:0; bottom:7%; width: 100%; height: 5px; background: rgba(0,0,0,0.2); }
.tertiary-layout h2.underline span { position: relative; }
.tertiary-layout h2.underline span::before { content:""; position: absolute; left:0; bottom:7%; width: 100%; height: 5px; background: rgba(0,0,0,0.2); }
.color-wh { color:#fff; }
.color-wh .sec-title-line::before { background: #fff; }
p { font-size: 1.3rem; line-height: 1.8; }
.spOnly { display: none }
@media screen and (max-width:1024px) {
	.main-title { font-size: 5.2rem; }
	.main-text { font-size: 1.6rem; }
	.sub-title { font-size: 3.6rem; }
	.sub-single-title { font-size: 2.8rem; }
	.sub-text { font-size: 1.5rem; }
	.sec-title-line::before { left:-30px; width: 15px; }
}
@media screen and (max-width:480px) {
	.main-title { font-size: 3.4rem; }
	.main-text { font-size: 1.4rem; }
	.sub-title { font-size: 2.5rem; }
	.sec-title-line::before { left:-7vw; width: 4vw; }
	.sub-single-title { font-size: 2.4rem; }
	.once-layout h2 { font-size: 2.3rem; }
	p { font-size: 1.2rem; }
	.spOnly { display: block; }
}
@media screen and (max-width:330px) {
	.main-title { font-size: 3rem; }
	.sub-title { font-size: 2.2rem; }
	.once-layout h2 { font-size: 2rem; }
}
@media screen and (max-width:767px) {
.pcOnly { display: none }
}
@media screen and (min-width:768px) {
.noPc { display: none !important; }
}

/* Header */
/*.header {
	background-color: #fff;
	padding: 15px 0 0 0;
	position: fixed;
	z-index: 2;
	width: 100%;
}
.header__logo {

}
.header__logo svg {
	width: 250px;
	display: block;
	margin: auto;
	margin-bottom: 30px;
}
.header nav {
	padding: 0 0 10px 0;
}
.header nav ul {
	display: flex;
	justify-content: center;
}
.header nav ul li {
	margin: 0 30px;
}
.header nav ul li a {
	font-size: 15px;
	letter-spacing: 3px;
}
*/







/* Header */
.home header {

}
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	z-index: 299;
	transition: top .5s cubic-bezier(0.19, 1, 0.22, 1);
}
.header__logo {
	position: absolute;
	left:50%;
	top:50%;
	width: 250px;
	height: 25px;
	opacity: 0;
	transform: translate(-50%,-50%);
	color: #fff;
}
.header__logo svg {
	width: 100%;
	height: 100%;
	margin:0;
	transition: fill .5s cubic-bezier(0.19, 1, 0.22, 1);
}
.home .header__logo svg {
	/*background-color: #fff;*/
	/*fill: currentColor;*/
}

.is-loaded .header__logo { opacity: 1; transition: all 1s cubic-bezier(.72,.16,.345,.875); }
.header__reserve { position:absolute; top: 50%; right:20px; height:42px; padding:0 20px; transform: translate(0,-50%); display:flex; align-items: center; }
.reserve__tel { margin-right: 30px; font-size:1.3rem; transition: color .5s cubic-bezier(0.19, 1, 0.22, 1); }
.reserve__trigger { display:none; }
.header__language { position: absolute; top: 50%; left: 100px; transform: translate(0,-50%); }
.header__language .current { display: none; }


.gn__trigger {
	position: absolute;
	left:20px;
	top:50%;
	width:60px;
	height:60px;
	cursor:pointer;
	transform: translate(0,-50%);
}
.gn__trigger .btn-menu {
	display: block;
	position: absolute;
	left:18px;
	top:24px;
}
.gn__trigger .btn-menu > div {
	position: relative;
	width: 24px;
	height: 1px;
	margin:0 auto;
	display: block;
	overflow: hidden;
	transition: transform 0.55s cubic-bezier(.19,1,.22,1),opacity 0.2s cubic-bezier(.19,1,.22,1);
	will-change: transform,opacity;
}


.gn__trigger .btn-menu > div:after,
.gn__trigger .btn-menu > div:before { content: ''; position: absolute; width: 100%; height: 100%; will-change: transform; }
.gn__trigger .btn-menu > div:before { transform: translate3d(0,0,0); background: #000; }
.gn__trigger .btn-menu > div:after { transform: translate3d(-100%,0,0); background: #666; }
.gn__trigger .btn-menu > div:nth-child(1):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 90ms; }
.gn__trigger .btn-menu > div:nth-child(1):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94); }
.gn__trigger .btn-menu > div:nth-child(2):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 0.14s; }
.gn__trigger .btn-menu > div:nth-child(2):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 30ms; }
.gn__trigger .btn-menu > div:nth-child(3):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 0.19s; }
.gn__trigger .btn-menu > div:nth-child(3):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 60ms; }
.gn__trigger .btn-menu > div:not(:last-child) { margin-bottom: 4px; }
.gn__trigger .btn-menu:hover > div:nth-child(1):before { transition: transform 0.55s cubic-bezier(.19,1,.22,1); }
.gn__trigger .btn-menu:hover > div:nth-child(1):after { transition: transform 0.55s cubic-bezier(.19,1,.22,1) 0.1s; }
.gn__trigger .btn-menu:hover > div:nth-child(2):before { transition: transform 0.5s cubic-bezier(.19,1,.22,1) 50ms; }
.gn__trigger .btn-menu:hover > div:nth-child(2):after { transition: transform 0.5s cubic-bezier(.19,1,.22,1) 0.15s; }
.gn__trigger .btn-menu:hover > div:nth-child(3):before { transition: transform 0.45s cubic-bezier(.19,1,.22,1) 0.1s; }
.gn__trigger .btn-menu:hover > div:nth-child(3):after { transition: transform 0.45s cubic-bezier(.19,1,.22,1) 0.2s; }
.gn__trigger .btn-menu:hover > div:before { transform: translate3d(100%,0,0); }
.gn__trigger .btn-menu:hover > div:after { transform: translate3d(0,0,0); }
.is-gn-open .gn__trigger .btn-menu > div:nth-child(1) { transform: translate3d(0,5px,0) rotate3d(0,0,1,45deg);}
.is-gn-open .gn__trigger .btn-menu > div:nth-child(2) { opacity: 0;}
.is-gn-open .gn__trigger .btn-menu > div:nth-child(3) { transform: translate3d(0,-5px,0) rotate3d(0,0,1,-45deg);}
.is-gn-open .gn__trigger .btn-menu > div:before { background: #fff; }
.is-gn-open .header__logo svg { fill:#fff; }
.is-gn-open .reserve__tel { color:#fff; }
.gn { position:fixed; left:0; top:0; width:100%; height:100%; opacity: 0; visibility: hidden; transition: all 1s ease; z-index:199; display: flex; flex-direction: column; }
.gn__mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; transform:scaleY(0); transform-origin: 0 100%; transition: transform .1s .9s cubic-bezier(0.19, 1, 0.22, 1); }
.is-gn-open .gn { opacity: 1; visibility: visible; transition: all .2s ease; }
.is-gn-open .gn__mask { transform:scaleY(1); transform-origin: 0 0; transition: transform .8s cubic-bezier(0.19, 1, 0.22, 1); }
.is-gn-open .gn__trigger--close { transform:translate(0%,-50%); }
.gn__body {text-align:center;}
.gn__body a { color:#999; display:inline-block; transition: color .5s ease; }
.gn__body a:hover { color:#fff; }
.gn__lists li { display:block; margin:15px 0; }
.gn__lists li a {
	font-size:3.2rem;
	text-transform:uppercase;
	letter-spacing: 23px;
	margin-right: -23px;
	text-indent: 23px;
	font-weight:300;
}
.gn__lists--sub li { display:inline-block; margin:15px; }
.gn__lists--sub li a { font-size:1.3rem; letter-spacing:6px; text-indent: 6px; font-weight:400; }
.gn__btn { margin-top:20px; }
.gn__btn a { font-size:1.4rem; }
.gn__btn a span { letter-spacing:3px; }
.gn__body li a.is-active { font-weight: 500; color: #fff; }
.gn__social {  text-align: center; }
.gn__lists--social li { display:inline-block; margin:15px; }
.gn__lists--social li a { width: 30px; height: 30px; display: block; }
.gn__lists--social li a svg g { fill: #999; -webkit-transition: fill .3s ease; transition: fill .3s ease; }
.gn__lists--social li a:hover svg g { fill: #fff; }
.gn__language { text-align: center; margin-bottom: 15px; }
.gn__language .gn__btn { margin-top: 10px; }
.gn__language .current { display: none; }





@media screen and (min-width:768px) {
.gn__body {
	position:absolute;
	/*left:50%;*/
	top:50%;
	/*min-width: 600px;
	margin-left: -300px;*/
	width: 100%;
	transform:translate(0,-50%);
}
.gn__social {position: absolute; left: 50%; bottom: 20px; min-width: 300px; margin-left: -150px;}
}
	@media screen and (max-width:1024px) {
	.header { height:80px; }
	.header__logo { width:200px; height:20px; }
	.gn__trigger { left:10px; }
	.header__reserve { right:10px; }
}
@media screen and (max-width:767px) {
	.header { height:70px; background:#fff; }
	.header__logo { width:150px; height:15px; }
	.gn__trigger { left:5px; }
	.header__reserve { right:0; opacity: 0; visibility: hidden; top:70px; padding:20px; background:#eff4f7; height:auto; text-align:center; display:block; transform: translate(0,0); transition: all .6s cubic-bezier(0.19, 1, 0.22, 1); }
	.reserve__trigger { position:absolute; display:block; right:5px; top:50%; width:60px; height:60px; transform: translate(0,-50%); }
	.reserve__trigger svg { position:absolute; display:block; left:50%; top:50%; width:24px; height:20px; transform: translate(-50%,-50%); }
	.is-reserve-open .header__reserve { opacity: 1; visibility: visible; }
	.reserve__tel { margin:0 0 10px; }
	.is-gn-open .header__logo svg { fill:#000; }
	.is-gn-open .reserve__tel { color:#000; }
	.is-gn-open .gn__trigger .btn-menu > div:before { background: #000; }
	.gn__body { margin-top: auto; margin-bottom: auto; }
	.gn__lists {
		text-align: center;
	}
	.gn__lists li a {
		font-size:2.4rem;
		letter-spacing: 16px;
		margin-right: -16px;
		text-indent: 16px;
	}
	.gn__lists--sub li { margin:10px; }
	.gn__lists--sub li a { font-size:1.2rem; letter-spacing:4px; text-indent: 4px; }
}
@media screen and (max-width:480px) {
	.gn { top:70px; height:calc(100% - 70px); }
	.gn__lists li a {
		font-size:1.8rem;
		letter-spacing: 6px;
		margin-right: -6px;
		text-indent: 6px; }
	.gn__lists--sub li { margin:10px; display:block; }
	.gn__lists--sub li a { font-size:1.3rem; }
	.gn__btn { margin-top:30px; }
}
.side__logo {position:fixed;width:15px;height:300px;left:40px;top:50%;transform: translate(0,-50%);z-index:999;mix-blend-mode: exclusion; pointer-events:none; }
.side__logo svg { position:absolute; left:0; top:0; width:100%; height:100%; opacity: 0; visibility: hidden; }
.side__logo p {position:absolute;left:50%;top:98%;transform: rotate(-90deg);transform-origin: 0;width: 300px;font-size:1rem;letter-spacing:10px;white-space: nowrap;color: #fff; opacity:.5; }
@media screen and (max-width:1024px) {
	.side__logo { left:0px; opacity: 0; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1); }
	.is-gn-open .side__logo { left:30px; opacity: 1; }
}
@media screen and (max-width:768px) {
	.is-gn-open .side__logo { left:20px; }
}
@media screen and (max-width:480px) {
	.side__logo { top:55%; }
}

.xhr-header { font-weight: 500; }
.xhr-head-pan .t { text-transform: uppercase; }
.xhr-head-pan span { display: inline-block; vertical-align: top; }
.xhr-head-pan { height: 126px; z-index: 2; display: flex; top: 0; left: 50%; width: 400px; margin-left: -200px; position: fixed; justify-content: center; align-items: center; }
.xhr-head-pan .i { padding-right: 0.5em; }
.tr-bg { opacity: 1; }


.pcOnly-header {
	position: absolute;
	top: 100px;
	width: 100%;
}
@media screen and (max-width:768px) {
.pcOnly-header {
	display: none;
}
}

.pcOnly-header ul {
	display: flex;
	justify-content: center;
}
.pcOnly-header ul li {
	margin: 0 30px;
}
.pcOnly-header ul li a {
	font-size: 15px;
	letter-spacing: 3px;
}
/*.home .pcOnly-header ul li a {
	color: #fff;
}
*/
.home-bg {
	background-image: url(https://test.ourour-jp.pro/wp/wp-content/themes/ourour/asset/img/home/new/ourour-bg.jpg);
    background-size: cover;
    background-position: center top;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* Footer */
.footer { position:relative; padding:120px 0; }
.footer__logo { position:relative; display:block; width:400px; height:80px; margin:50px auto; }
.footer__logo img { display:block; width:100%; }
.footer__social { text-align: center; }
.footer__lists--social li { display:inline-block; margin: 0 15px 15px; }
.footer__lists--social li a { width: 20px; height: 20px; display: block; }
.footer__lists--social li a svg g { fill: #999; -webkit-transition: fill .3s ease; transition: fill .3s ease; }
.footer__lists--social li a:hover svg g { fill: #333; }
.copyright { text-align:center; font-size:1.1rem; letter-spacing:1px; }
@media screen and (max-width:480px) {
	.footer { padding:100px 0; }
	.footer__logo { width:200px; height:40px; margin:30px auto; }
	.copyright { font-size:1rem; letter-spacing:0; }
}

.bg--blue { background:#eaedef; }
.bg--orange { background:#f1efed; }
.bg--green { background:#ebefed; }
.bg--purple {background: #efeff3;}
.bg--yellow {background: #f3f3ef;}


/* Home */
.hero { position: relative; width: calc(100% - 100px); margin-left:100px; height: 100%; }
.hero__bg { position:absolute; right:0; top:0; width:100%; height:88%; }
.hero__img {
	position:absolute;
	right:0;
	bottom:0;
	/*width:76%;*/
	width: 100%;
	height:calc(100% - 120px);
	/*background:#000;*/
	/*padding-top: 30px;*/
}
.hero__text {position: absolute;left:100px;top:50%;width: 80%;transform: translateY(-50%);z-index: 2;color: #fff;mix-blend-mode: exclusion;}
.hero__text h1 { }
.hero__text h1.jp { margin-top:20px; }
.hero__text h1>strong { letter-spacing:3px; line-height: 1.2; display: block;}
.hero__text h1>strong span { padding-bottom:0; }
.hero__text h1>span { display: block; line-height: 1.7; }
.hero__btn { margin-top:30px; mix-blend-mode: exclusion; }
.hero__btn .btn { height:50px; line-height:50px; }
.hero__btn .btn>span { padding:0 3rem; }
@media screen and (min-width:1025px) {
	.hero__text h1 { margin-top:50px; }
	.hero__text h1>strong { font-size: 6rem; letter-spacing:5px; }
}
@media screen and (max-width:1024px) {
.hero { width:100%; margin-left:0; }
.hero__text { left:7%; }
.hero__img {
	/*height:88%;*/
	height: 100%;
}
}
@media screen and (max-width:480px) {
	.hero__img {width: 100%; height:100%; }
	.hero__text { mix-blend-mode: normal; }
}
.character { position:absolute; }
.character span { width:240px; height:240px; display:block; }
.character span img { display:block; width:100%; }
.character--o { left:50%; margin-left:500px; top:0%; }
.character--u { left:0; margin-left:-50px; bottom:60%; z-index:3; }
.character--r { left:50%; margin-left:-350px; bottom:0%; }
@media screen and (max-width:1440px) {
	.character span { width:200px; height:200px; }
	.character--o { margin-left:400px; }
	.character--u { margin-left:-40px; }
	.character--r { margin-left:-300px; }
}
@media screen and (max-width:1024px) {
	.character { display:none; }
}
.swiper__room { position:relative; width:100%; background:#000; color:#fff; overflow:hidden; }
.swiper__room .swiper-slide { width:600px; height:700px; }
.swiper__room .swiper-slide__text { position:absolute; width:100%; left:0; top:50%; margin-top:-120px; text-align:center; }
.swiper__room .swiper-slide__text h3 { font-size:1.5rem; letter-spacing:2px; }
.swiper__room .swiper-slide__text h2 { font-size:5rem; font-weight: 300; line-height:1; letter-spacing:10px; margin:20px 0 30px; }
.swiper__room .swiper-slide__text h3,
.swiper__room .swiper-slide__text h2,
.swiper__room .swiper-slide__text .btn { opacity: 0; transform:translateY(20px); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.swiper__room .swiper-slide__text h3 { transform:translateY(-20px); }
.swiper__room .swiper-slide__text h2 { opacity: .3; transform:translateY(0); }
.swiper__room .swiper-slide-active .swiper-slide__text h3,
.swiper__room .swiper-slide-active .swiper-slide__text h2,
.swiper__room .swiper-slide-active .swiper-slide__text .btn { opacity: 1; transform:translateY(0px); }
.swiper__room .swiper-slide-active .swiper-slide__text h3 { transition-delay: .1s }
.swiper__room .swiper-slide-active .swiper-slide__text .btn { transition-delay: .2s }
.swiper__roomBg,
.swiper__roomBg .bg { position:absolute; left:0; top:0; width:100%; height:100%; }
.swiper__roomBg { opacity: .7; }
.swiper__roomBg .bg { opacity: 0; transform:scale(1.1); transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1); }
.swiper__roomBg .bg.is-active { opacity: 1; transform:scale(1); }
@media screen and (max-width:1200px) {
	.swiper__room .swiper-slide { width:500px; height:650px; }
}
@media screen and (max-width:1024px) {
	.swiper__room .swiper-slide { height:600px; }
}
@media screen and (max-width:768px) {
	.swiper__room .swiper-slide { width:400px; height:500px; }
	.swiper__room .swiper-slide__text { margin-top:-100px; }
	.swiper__room .swiper-slide__text h3 { font-size:1.3rem; letter-spacing:1px; }
	.swiper__room .swiper-slide__text h2 { font-size:4rem; letter-spacing:7px; }
}
@media screen and (max-width:480px) {
	.swiper__room .swiper-slide { width:300px; height:300px; }
	.swiper__room .swiper-slide__text { margin-top:-90px; }
	.swiper__room .swiper-slide__text h3 { font-size:1.2rem; letter-spacing:0; }
	.swiper__room .swiper-slide__text h2 { font-size:3rem; letter-spacing:5px; }
}

.swiper__gallery { position:relative; width:100%; overflow:hidden; }
.swiper__gallery .swiper-slide { width:100%; }

@-webkit-keyframes marquee { 0% {-webkit-transform: translate(-40%,0);transform: translate(-40%,0)} 100% {-webkit-transform: translate(-60%,0);transform: translate(-60%,0)}}
@keyframes marquee { 0% {-webkit-transform: translate(-40%,0);transform: translate(-40%,0)} 100% {-webkit-transform: translate(-60%,0);transform: translate(-60%,0)}}
.marquee { position: relative; width: 100vw; height: 150px; margin:100px 0; overflow:hidden; }
.marquee__anim { position: absolute; z-index: 1; top: 0; left: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); white-space: nowrap; -webkit-animation: marquee 12s linear infinite; animation: marquee 12s linear infinite;}
.marquee__anim span { font-size:100px; font-weight: 300; letter-spacing:20px; line-height: 1.5; display: block; padding-right: 1.5em; box-sizing: border-box; }
.marquee__anim span img { display:inline-block; width:150px; height:150px; }
@media screen and (max-width:480px) {
	.marquee { height:100px; margin:60px 0; }
	.marquee__anim span { font-size:50px; line-height: 100px; }
	.marquee__anim span img { width:100px; height:100px; }
}

@-webkit-keyframes pin { 0% { -webkit-transform: translateY(0);transform: translateY(0)} 50% { -webkit-transform: translateY(-10px);transform: translateY(-10px)} 70% { -webkit-transform: translateY(0px);transform: translateY(0px)} 87% { -webkit-transform: translateY(-5px);transform: translateY(-5px)} 100% {-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes pin { 0% { -webkit-transform: translateY(0);transform: translateY(0)} 50% { -webkit-transform: translateY(-10px);transform: translateY(-10px)} 70% { -webkit-transform: translateY(0px);transform: translateY(0px)} 87% { -webkit-transform: translateY(-5px);transform: translateY(-5px)} 100% {-webkit-transform: translateY(0);transform: translateY(0)}}
.access { position:relative; width:100%; }
.access__map { position:relative; width:80%; height:500px; }
.access__map span { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background-position: center; background-size:1000px 750px; }
.access__map .pin {position:absolute;left:50%;top:50%;width:80px;height:80px;margin-left:-40px;margin-top:-90px;background: #fff;color:#fff;text-align:center;line-height:80px;border-radius: 50%;font-size:20px;letter-spacing:3px;box-shadow:0 2px 10px rgba(0,0,0,.25);}
.access__map .pin::before {content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border-right: 8px solid transparent;border-top: 12px solid #fff;border-left: 8px solid transparent;}
.access__map .pin:hover { -webkit-animation: pin 1s ease; animation: pin 1s ease; }
.access__map .pin img { position:absolute; left:10%; top:10%; width:80%; height:80%; }
.access__text { position:absolute; right:0; bottom:0; width:400px; }
.access__textinner { background:#000; color:#fff; padding:50px; }
.access__text h2 { font-size:1.5rem; margin:10px 0; }
.access__text h3 { font-size:2rem; }
.access__text hr { border:none; width:60px; height:1px; background:#999; margin:20px 0; }
.access__text p { line-height:1.5; margin:10px 0; }
@media screen and (max-width:1024px) {
	.access__text { width:300px; }
	.access__textinner { padding:30px; }
}
@media screen and (max-width:480px) {
	.access__map { width:100%; height:300px; }
	.access__map span { background-size:600px 450px; }
	.access__text { position:relative; width:100%; }
	.access__textinner { padding:25px; }
}

/* Page Common */

.layoutS__bg { position:absolute; }
.bg--1 { width:70%; height:100%; right:0; bottom:0; }
.bg--2 { width:calc(50% + 100px); height:80%; left:-100px; bottom:-100px; }
.bg--3 { width:calc(50% + 100px); height:80%; right:-100px; top:0; }
.bg--4 { width:50%; height:70%; left:0; top:-100px; }
.bg--5 {
    width: calc(50% + 100px);
    height: 80%;
    right: -100px;
    top: 0;
}

.layoutS { position: relative; }
.layoutS .tr { align-items: center; }
.layoutS .img { position: relative; padding: 0; }
.layoutS .texts { position:relative; }
.layoutS .texts-inner { max-width: 440px; margin:0 auto; padding:60px 40px; }
.layoutS hr { border:none; width:60px; height:1px; background:#333; margin:20px 0; }
.layoutS:nth-child(even) .tr { flex-direction: row-reverse; }
.layoutS h2 {font-size: 2.5rem;font-weight: 300;line-height: 1.6;margin:10px 0 20px;}
.layoutS h2 span { display:block; font-size:1.4rem;}
.layoutS h2 span.en { font-size:1.8rem; color:#555; }
.layoutS h3 {font-size: 1.4rem;line-height: 1.7;}
.layoutS .price {color: #d69698;margin-top:10px;}
.layoutS .more-btn { margin-top: 15px; }
@media (max-width: 1024px) {
	.layoutS h2 { font-size: 25px; }
	.layoutS h3 { font-size:1.3rem; }
	.layoutS .texts-inner { padding:40px; }
	.layoutS:nth-child(even) .texts-inner { padding-left:0; }
	.layoutS:nth-child(odd) .texts-inner { padding-right:0; }
}
@media (max-width: 768px) {
	.layoutS .space { display:none; }
	.layoutS .tr { margin:0; }
	.layoutS .tr,
	.layoutS .td { display: block; width: 100%; }
	.layoutS .img { padding:0 !important; }
	.layoutS .img .media-holder {width:100%;padding-bottom: 66% !important;}
	.layoutS .js-hover-img { padding:0 !important; }
	.layoutS .texts-inner { max-width: 100%; padding:20px 0 30px; }
	.layoutS__bg { opacity:.5; }
	.layoutS h2 { font-size: 20px; }
	.bg--2 { width:calc(50% + 100px); height:100%; left:-100px; bottom:0; }
	.bg--3 { width:calc(50% + 100px); height:100%; right:-100px; top:0; }
	.bg--4 { width:calc(50% + 100px); height:100%; left:-100px; top:0; }
}
@media (max-width: 320px) {
	.layoutS h2 { font-size: 2rem; }
}

.layoutRwrap { position:relative; }
.layoutR { position: relative; width:50%; float: left; margin-top:40px; }
.layoutR a { display:block; width:88%; }
.layoutR.mt { margin-top:100px; }
.layoutR__img { position:relative; margin:0; }
.layoutR__text { position:relative; margin:20px 0; }
.layoutR__text h3 { font-size:1.3rem; }
.layoutR__text h2 { font-size:2rem; letter-spacing:3px; margin:5px 0; }
@media (max-width: 768px) {
	.layoutR { width:100%; margin-top:20px; }
	.layoutR a { width:100%; }
	.layoutR.mt { margin-top:0; }
}

.tertiary-layout { position: relative; }
.tertiary-layout .img { padding: 0 0 0 40px; float: right; width: 50%; }
.tertiary-layout .img .js-bg { position: relative; width: 100%; height: 0; padding-bottom: 66%; display: block; }
.tertiary-layout .img .js-bg>span { position: absolute; left:0; top:0; }
.tertiary-layout .texts { padding:0; float: left; width: 50%; }
.tertiary-layout .texts-inner { margin:0 auto; }
.tertiary-layout h2 { font-size: 2.4rem; line-height: 1.4; margin:10px 0 20px; }
.tertiary-layout h3 { font-weight: 500; }
.tertiary-layout .more-btn { margin-top: 15px; }
.tertiary-layout.turn .img { float: left; padding: 0 40px 0 0; }
.tertiary-layout.turn .texts { float: right; }

@media (max-width: 1024px) {
	.tertiary-layout h2 { font-size: 2.2rem; }
}
@media (max-width: 768px) {
	.tertiary-layout .img,
	.tertiary-layout .texts { float: none; width: 100%; }
	.tertiary-layout .img { padding:0 !important; }
	.tertiary-layout .texts { padding:20px 0 0; }
	.tertiary-layout .texts-inner { max-width: 100%; }
}
@media (max-width: 480px) {
	.tertiary-layout h2 { font-size: 1.8rem; }
}

.fourth-layout { position: relative; display: block; }
.fourth-layout .img { position: relative; padding: 0; width: 100%; }
.fourth-layout .img .js-bg { position: relative; width: 100%; height: 0; padding-bottom: 66%; display: block; }
.fourth-layout .img .js-bg>span { position: absolute; left:0; top:0; }
.fourth-layout .img::after { content:""; position: absolute; left:0; bottom:0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); }
.fourth-layout .texts { position: absolute; left:0; bottom:7%; padding:0; width: 100%; color:#fff; }
.fourth-layout .texts-inner { width: 87%; margin:0 auto; }
@media (max-width: 1024px) {
	.fourth-layout .texts { bottom:5%; }
	.fourth-layout .texts-inner { width: 90%; }
}

.fifth-layout { position: relative; display: block; }
.fifth-layout .img { position: relative; padding: 0; width: 100%; }
.fifth-layout .img .js-bg { position: relative; width: 100%; height: 0; padding-bottom: 66%; display: block; }
.fifth-layout .img .js-bg.vertical { padding-bottom: 133%; }
.fifth-layout .img .js-bg>span { position: absolute; left:0; top:0; }
.fifth-layout .texts { position: relative; padding:20px 20px 20px 0; width: 100%; }

/* News */
@media (min-width:320px) {
	.newscols { position: relative; display:block; margin-top:30px; }
	.newscols .col {position: relative; display: block;margin-top: 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
	.newscols .col-text { display: none; margin-bottom: 30px; padding:1px 0; }
	.newscols .col-text p { margin:20px 0 !important; }
	.newscols .col-text a { text-decoration: underline; }
	.newscols .col-title {position: relative;padding:20px 0; }
	.newscols .col-title .date { display: inline-block; font-size: 12px; margin-bottom: 10px; margin-right:10px; }
	.newscols .col-title .cat { display: inline-block; font-size: 12px; width:80px; text-align:center; margin-bottom: 10px; background:#eee; color:#333; padding:0 7px 1px; text-transform:uppercase; }
	.newscols .col-title .title { display: block; padding-right: 20px; font-size:1.4rem; }
	.newscols .col-title .arrow {position: absolute;margin-top: 10px;right: 7px;top:50%;width: 10px;height: 1px;display: inline-block;background: #c88e59;transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);transform: translateY(-50%) rotate(90deg);}
	.newscols .col-title .arrow::before, .newscols .col-title .arrow::after { content: ''; position: absolute; top: 0; right: 0; height: 1px; width: 8px; display: block; background: inherit; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
	.newscols .col-title .arrow::before { transform: translateX(5px) rotate(45deg); transform-origin: 100% 100%; }
	.newscols .col-title .arrow::after { transform: translateX(5px) rotate(-45deg); transform-origin: 100% 0%; }
	.newscols .col-title:hover::before { transform: scaleX(1); transform-origin: 0 0; }
	.newscols .col-title:hover .arrow::before { transform: translateX(9px) rotate(-45deg); transform-origin: 100% 0%; }
	.newscols .col-title:hover .arrow::after { transform: translateX(9px) rotate(45deg); transform-origin: 100% 100%; }
	.newscols .col-title.is-open .arrow { transform: translateY(-50%) rotate(270deg); }
	.newscols .col-img { position: relative; background:#eee; }
	.newscols .col-img .bg { position: relative; width: 100%; padding-bottom: 66%; display: block; }
	.newscols .col-img .bg span { position: absolute; left:0; top:0; }
	.newscols .js-col-title { cursor: pointer; }
	.newscols a.col::before { content:""; position: absolute; left:0; bottom:-1px; width: 100%; height: 1px; background:#000; transform: scaleX(0); transform-origin: 100% 0; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); }
	.newscols a.col:hover::before { transform: scaleX(1); transform-origin:0 0; }
	.newscols .col-content { position: relative; display: block;margin-top: 20px; border-top:1px solid #000; }
	.newscols .col-side { position: relative; display: block;margin-top: 20px; }
	.newscols .col-title h1.title { font-size: 1.8rem; }
	.newscols .col-editor { display: block; border-top:1px solid #eee; }
	.newscols .col-editor p { font-size: 1.3rem; margin:20px 0; }
	.newscols .col-editor img { display: block; max-width: 100%; height:auto; }
	.single-nav-area { position: relative; height: 80px; margin-top: 40px; border-top: 1px solid #eee; padding:30px 0; }
	.single-nav-area a { position: absolute; display: inline-block; color:#222; }
	.single-nav-area a h3 { position: relative; display: block; padding:0 30px; width: 100%; font-size: 12px; height: 20px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.single-nav-area a h3:before { content:""; position: absolute; right: 0; top:0; width: 20px; height: 20px; background: url(../img/sla.svg); background-size: 20px 20px; }
	.single-nav-area a.prev { right:0; text-align: right; }
	.single-nav-area a.next { left:0; }
	.single-nav-area a.next h3:before { right: auto; left:0; -webkit-transform: rotate(180deg); -mox-transform: rotate(180deg); transform: rotate(180deg); }
}
@media (min-width:768px){
	.newscols { margin:0; display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start; }
	.newscols .col { position: relative; min-width:30%; max-width:30%; margin:40px 0 0 5%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch; -webkit-flex: 1; flex: 1; }
	.newscols .col:nth-child(3n+1) { margin-left:0; }
	.newscols .col-title .arrow { margin-top:0; }
	.newscols .col-text { margin-bottom: 40px; padding-left: 30px; border-left:1px solid rgba(0,0,0,0.1); }
	.newscols .col-content { min-width:60%; max-width:60%; margin:40px 0 0 0; }
	.newscols .col-side { min-width:35%; max-width:35%; margin:40px 0 0 5%; }
}
@media (min-width:1024px){
	.newscols .col { margin-top:50px; }
	.newscols .col-title { padding:30px 0; }
	.newscols .col-content { min-width:63%; max-width:63%; margin:50px 0 0 0; }
	.newscols .col-side { min-width:32%; max-width:32%; margin:50px 0 0 5%; }
	.newscols .col-title h1.title { font-size: 2.2rem; }
	.newscols .col-editor p { font-size: 1.4rem; }
	.single-nav-area { margin-top: 60px; }
	.single-nav-area a { opacity: .5; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out;}
	.single-nav-area a:hover { opacity: 1; }
}


@media all and (min-width: 320px){
	.col-inside { display: block; padding:0; margin:0 auto; }
	.col-inside h3 { font-size: 1.2rem; line-height: 1.4; letter-spacing: 1px; }
	.col-inside .side-title { padding:20px 0; border-bottom: 1px solid #eee; border-top:1px solid #000; }
	.col-inside hr { display: block; width: 60px; height: 2px; margin:20px 0; border:none; background-color: #666; }
	.col-inside p { font-size: 1.2rem; margin:5px 0; }
	.col-inside .article-tags-date { display: block; }
	.col-inside .article-tags-date div { display: inline-block; font-size: 12px; color:#777; margin:0 10px 0 0; }
	.col-inside .article-tags-date .cat { margin-left: 10px; color:#fff; padding:0 10px; letter-spacing: 1px; }
	.col-inside .ugc { padding:20px 0 0; }
	.category-list { display: block; margin:20px 0; }
	.category-list li { display: block; margin:5px 0; }
	.category-list li a { display: block; font-size: 1.5rem; line-height: 20px; letter-spacing: 1px; color:#666; text-transform: uppercase; }
	.articles-list {display: block; padding:5px 0; }
	.articles-list li { display: block; padding:10px 0; border-bottom:1px dashed #eee; }
	.articles-list li a { position: relative; display: block; }
	.articles-list li .text { height: 100%; display: block; margin:0; }
	.articles-list li .text h4 { font-size: 12px; color:#666666; line-height: 1.4; }
}
@media all and (min-width: 768px){
	.col-inside .article-tags-date span { font-size: 13px; }
}
@media all and (min-width: 960px){
	.category-list { margin:20px 0 40px; }
	.articles-list li a,
	.category-list li a { color:#666666; -webkit-transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -ms-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out;}
	.category-list li a:hover,
	.articles-list li a:hover { color:#000; }
}


/* Page */
.heropage { position:relative; width:100%; height:400px; }
.heropage__title { position:absolute; left:0; bottom:0; width:100%; text-align:center; }
.heropage__title h1 { letter-spacing:10px; margin:20px 0; }
.heropage__title .db { display:block; }
.heropage__title a { display:block; margin-top: 20px; letter-spacing: 1px; }
.heropage__title a .w-o { position: relative; }
.heropage__title a .w-o:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .4s cubic-bezier(.19,1,.22,1); border-bottom: 1px solid #111; -webkit-transform: scaleX(0); transform: scaleX(0); }
.heropage__title a:hover .w-o:after { opacity: 1; -webkit-transform: none; transform: none; }
@media (max-width:1024px){
	.heropage { height:300px; }
}
@media (max-width:768px){
	.heropage { height:220px; }
	.heropage__title h1 { letter-spacing:6px; }
}

/* Single */
.herosingle { position: relative; width: calc(100% - 100px); margin-left:100px; height: 100%; }
.herosingle__bg { position:absolute; right:0; top:0; width:100%; height:88%; }
.herosingle__img { position:absolute; right:0; bottom:0; width:60%; height:calc(100% - 120px); }
.herosingle__text { position: absolute; left:100px; top:50%; width: 40%; transform: translateY(-50%); z-index: 2; }
.herosingle__text h2 { margin-bottom:20px; }
.herosingle__text h1 { line-height:1.2; }
.herosingle__text h1>strong { margin-top:-10px; display:block; }
.herosingle__text h1>span { margin-top:15px; display:block; }
.herosingle__btn { margin-top:30px; }
.herosingle__btn .btn { height:50px; line-height:50px; }
.herosingle__btn .btn>span { padding:0 3rem; }
@media screen and (min-width:1025px) {
	.herosingle__text h1 { font-size:1.6rem; }
}
@media screen and (max-width:1024px) {
	.herosingle { width:100%; margin-left:0; }
	.herosingle__text { left:7%; width:50%; }
	.herosingle__img { height:100%; }
}

.btn-wrap { text-align:center; margin-top: 50px; display:block; }
@media screen and (max-width:480px) {
	.btn-wrap .btn--large { display:block; }
}

.plans { position: relative; clear:both; }
.plans h3 { }
.plans a,.plans .a { position: relative; display: block; float: left; margin-top: 30px; }
.plans h4 { margin:0 0 10px; }
.plans h2 { font-size: 2rem; line-height: 1.5; margin:0 0 10px; }
.plans .col2 a,.plans .col2 .a { width: 49%; margin-left: 2%; }
.plans .col2 a:nth-child(2n+1),.plans .col2 .a:nth-child(2n+1) { margin-left: 0%; }
.plans .col3 a,.plans .col3 .a { width: 32%; margin-left: 2%; }
.plans .col3 a:nth-child(3n+1),.plans .col3 .a:nth-child(3n+1) { margin-left: 0%; }
.plans .col3 h2 { margin:0 0 5px; font-size: 1.6rem; }
.plans .col3 p { font-size: 1.2rem; color:#444; margin:5px 0; }
.plans .col3 p b { color:#000; }
.plans .col3 .texts-inner { width: 90%; }
.plans .col .more-btn { margin-top:15px; }
@media (max-width: 1024px) {
	.plans h2 { font-size: 1.6rem; }
}
@media (max-width: 600px) {
	.plans a,.plans .a { width: 100% !important; float: none !important; margin-left: 0 !important; }
}
@media (max-width: 480px) {
	.plans { margin-top:30px; padding-top: 30px; }
	.plans a,.plans .a { margin-top: 20px; }
}
.scene { display:block; max-width: 700px; margin:0 auto; }
.scene dl {display: flex; align-content: center; line-height:1.7; }
.scene dl dt {width: 25%; padding: 7px 0; font-size:1.6rem; font-weight: 500; }
.scene dl dd {width: 75%; padding: 7px 0; font-size:1.4rem; }
@media (max-width: 600px) {
	.scene dl { display:block; }
	.scene dl dt { width:100%; padding: 12px 0 3px; font-size:1.8rem; }
	.scene dl dd { width: 100%; padding: 3px 0 12px; font-size:1.2rem; }
}
.fac { margin-top:40px }
.fac dl {display: flex; align-content: center; font-size:1.2rem; }
.fac dl dt {width: 25%; padding: 12px 0; border-top: 1px solid #ccc; font-weight: 500; }
.fac dl dd {width: 75%; padding: 12px 0; border-top: 1px solid #eee;}

.credit-wrap { position:relative; padding:120px 0 0; }
.credit-wrap h3 { font-size:2.3rem; text-align:center; font-weight: 300; margin-bottom:15px; }
.credit { display:block; max-width: 700px; margin:0 auto; }
.credit dl {display: flex; align-content: center; line-height:1.7; }
.credit dl dt {width: 50%; padding: 4px 10px; font-size:1.4rem; font-weight: 300; text-align:right; }
.credit dl dd {width: 50%; padding: 4px 10px; font-size:1.4rem; font-weight: 300; }
@media (max-width: 600px) {
	.credit-wrap { padding:40px 0 0; }
	.credit dl { display:block; }
	.credit dl dt { width:100%; padding: 10px 0 1px; font-size:1.3rem; text-align:center; text-decoration: underline; }
	.credit dl dd { width: 100%; padding: 0 0 10px; font-size:1.2rem; text-align:center; }
}

/* AO */
.ao-howto { position:relative; border:4px double #000; padding:40px; margin:60px auto 0; max-width:900px; }
.ao-howto h4 {text-align:center;font-size:1.6rem;font-weight: 500;line-height: 1;letter-spacing:2px;margin-bottom:30px;}
.ao-howto h4 b { display:inline-block; font-size:2.6rem; border-bottom:4px solid #e4d9c6; margin-top:12px; }
.ao-howto hr { border:none; background:#000; width:100%; height:1px; max-width: 700px; margin:0 auto 30px; }
@media (max-width: 600px) {
	.ao-howto { padding:30px 20px; margin-top:40px; }
	.ao-howto hr { margin-bottom:10px; }
}

/* Access */
.heroaccess { position:relative; width:100%; height:100vh; overflow:hidden; }
.heroaccess .map { position:relative; width:100%; height:100%; }
.heroaccess .bg { position:absolute; width:100%; height:100%; left:0; top:0; background-position: center; }
.heroaccess .overlay { position:absolute; left:0; top:0; width:100%; height:100%; background-position: center; background-size:1000px 750px; background-repeat: no-repeat; }
.heroaccess .pin {position:absolute;left:50%;top:50%;width:80px;height:80px;margin-left:-40px;margin-top:-90px;background: #fff;color:#fff;text-align:center;line-height:80px;border-radius: 50%;font-size:20px;letter-spacing:3px;box-shadow:0 2px 10px rgba(0,0,0,.25);}
.heroaccess .pin::before {content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border-right: 8px solid transparent;border-top: 12px solid #fff;border-left: 8px solid transparent;}
.heroaccess .pin:hover { -webkit-animation: pin 1s ease; animation: pin 1s ease; }
.heroaccess .pin img { position:absolute; left:10%; top:10%; width:80%; height:80%; }
.heroaccess .access__textinner { background:#fff; color:#000; }
@media screen and (max-width:480px) {
	.heroaccess { width:100%; height:auto; }
	.heroaccess .map { height:300px; }
	.heroaccess .bg,
	.heroaccess .overlay { background-size:600px 450px; }
}
/*
███████╗██████╗ ██╗████████╗ ██████╗ ██████╗
██╔════╝██╔══██╗██║╚══██╔══╝██╔═══██╗██╔══██╗
█████╗  ██║  ██║██║   ██║   ██║   ██║██████╔╝
██╔══╝  ██║  ██║██║   ██║   ██║   ██║██╔══██╗
███████╗██████╔╝██║   ██║   ╚██████╔╝██║  ██║
╚══════╝╚═════╝ ╚═╝   ╚═╝    ╚═════╝ ╚═╝  ╚═╝
コンテンツエディターの設定
*/
.editor { }
.editor a { text-decoration: underline; }
.editor p { line-height: 2; margin-bottom: 1em; }
.editor ol, .editor ul, .single-editor-body .editor p { margin-bottom: 2em; }
.editor ol { box-sizing: border-box; padding-left: 1em; }
.editor ul { box-sizing: border-box; padding-left: 1.5em; }
.editor ul li { list-style: disc; line-height: 2; }
.editor ol li { list-style: decimal; line-height: 2; }
.editor h4, .editor h3, .editor h2 { font-weight: 700; margin-bottom: 1em; }

/*
███████╗██████╗ ██╗      █████╗ ███████╗██╗  ██╗
██╔════╝██╔══██╗██║     ██╔══██╗██╔════╝██║  ██║
███████╗██████╔╝██║     ███████║███████╗███████║
╚════██║██╔═══╝ ██║     ██╔══██║╚════██║██╔══██║
███████║██║     ███████╗██║  ██║███████║██║  ██║
╚══════╝╚═╝     ╚══════╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝
*/
.tr-bg, .xhr-head-pan { opacity: 0; }
.done .tr-bg, .is-loaded .xhr-head-pan { opacity: 1; }
.js-b-show .o { opacity: 0; transform: translate(0%, 100%); }
.js-w-show .o { opacity: 0; transform: translate(0%, -100%); }
.js-show { opacity: 0; transform: translate(0%, 50px); }

/*
███╗   ███╗ █████╗ ███████╗██╗  ██╗
████╗ ████║██╔══██╗██╔════╝██║ ██╔╝
██╔████╔██║███████║███████╗█████╔╝
██║╚██╔╝██║██╔══██║╚════██║██╔═██╗
██║ ╚═╝ ██║██║  ██║███████║██║  ██╗
╚═╝     ╚═╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝
*/
.xhr-mask-wrap { position: fixed; height: 100%; z-index: -1; top: 0; left: 0; width:100vw; }
.is-transition .xhr-mask-wrap { z-index: 99999; }
.xhr-mask { position: absolute; left:50%; top:50%; fill: #efede9; height: 100vw; width: 100vw; transform: translate(-50%,-50%); }
.after { opacity: 0 !important; }
.before { opacity: 1; }
@media screen and (orientation: portrait) {
	.xhr-mask { height: 100vh; width: 100vh; }
}

/*
███╗   ██╗ █████╗ ██╗   ██╗██╗ ██████╗  █████╗ ████████╗██╗ ██████╗ ███╗   ██╗
████╗  ██║██╔══██╗██║   ██║██║██╔════╝ ██╔══██╗╚══██╔══╝██║██╔═══██╗████╗  ██║
██╔██╗ ██║███████║██║   ██║██║██║  ███╗███████║   ██║   ██║██║   ██║██╔██╗ ██║
██║╚██╗██║██╔══██║╚██╗ ██╔╝██║██║   ██║██╔══██║   ██║   ██║██║   ██║██║╚██╗██║
██║ ╚████║██║  ██║ ╚████╔╝ ██║╚██████╔╝██║  ██║   ██║   ██║╚██████╔╝██║ ╚████║
╚═╝  ╚═══╝╚═╝  ╚═╝  ╚═══╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
*/
.global-navigation-wrap { position: fixed; width: 100%; height: 100%; z-index: 9; display: flex; align-items: center; left: 0; top: 0; transform: translate(0, -100%); }
.global-nav a { display: inline-block; text-transform: uppercase; color: #555; line-height: 1; padding: 0.2em 0; }
.global-nav .io-p { display: block; }
.global-nav a.active { color: #111; font-weight: 500; }
.global-nav-ul a { font-size: 3.0rem; }
.global-subnav-ul { margin:10px 0 0; }
.global-subnav-ul a { font-size: 2.0rem; line-height: 1.3; }
.global-contact { position:relative; padding-left:140px; margin:20px 0 0; }
.global-contact .box { position:absolute; left:0; top:0; display:block; width:120px; text-align:center; }
.global-contact .box a { border:1px solid #000; display:block; color:#000; padding:10px 0 8px; font-size: 1.5rem; }
.global-contact .box a.active { background:#111; color:#fff; }
.global-contact .mt { margin:5px 0; }
.global-contact .mt a { text-transform:none; }
.global-contact .mt span { font-size:1.2rem; }
.global-nav-mask-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; cursor: pointer; background-color: rgba(236, 232, 229, 0.95); }
.global-nav { position: relative; z-index: 2; max-width: 1000px; width: 100%; display: flex; }
.global-nav-side { padding: 0 100px; position: relative; }
@media screen and (max-width:740px) {
	.global-nav { display: block; height: 100%; position: absolute; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: hidden; box-sizing: border-box; padding: 100px 24px 0px 24px; }
	.global-nav-side { margin-bottom: 50px; width: 100%; padding: 0; }
}
@media screen and (max-width:360px) {
	.global-nav-ul a { font-size: 2.6rem; }
	.global-subnav-ul a { font-size: 1.8rem; }
}


.swiper-arrow-next, .swiper-arrow-prev { position: absolute; top:0; height: 100%; width: 50px; display: block; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); z-index: 20; }
.swiper-arrow-next { right:0; background: -moz-linear-gradient(left, rgba(245,242,240,0) 0%, rgba(245,242,240,1) 100%); background: -webkit-linear-gradient(left, rgba(245,242,240,0) 0%,rgba(245,242,240,1) 100%); background: linear-gradient(to right, rgba(245,242,240,0) 0%,rgba(245,242,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f2f0', endColorstr='#a6f5f2f0',GradientType=1 ); }
.swiper-arrow-next::before,
.swiper-arrow-prev::before { content: ''; position: absolute; border-right:2px solid #c88e59; border-top:2px solid #c88e59; top: 50%; margin-top: -20px; left: 50%; height: 20px; width: 20px; display: block; transition: left 700ms cubic-bezier(0.19, 1, 0.22, 1); }
.swiper-arrow-next::before { transform: translate(-50%,-50%) rotate(45deg); }
.swiper-arrow-prev { left:0; background: -moz-linear-gradient(left, rgba(245,242,240,1) 0%, rgba(245,242,240,0) 100%); background: -webkit-linear-gradient(left, rgba(245,242,240,1) 0%,rgba(245,242,240,0) 100%); background: linear-gradient(to right, rgba(245,242,240,1) 0%,rgba(245,242,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f5f2f0', endColorstr='#00f5f2f0',GradientType=1 ); }
.swiper-arrow-prev::before { transform: translate(-50%,-50%) rotate(-135deg); }
.swiper-arrow-next.swiper-button-disabled, .swiper-arrow-prev.swiper-button-disabled { opacity: .2; pointer-events: none; }
@media (min-width:1080px){
	.swiper-arrow-next, .swiper-arrow-prev { width: 100px; }
	.swiper-arrow-next::before { left:60%; }
	.swiper-arrow-prev::before { left:40%; }
	.swiper-arrow-next:hover::before { left:65%; }
	.swiper-arrow-prev:hover::before { left:35%; }
}
@media (min-width:1440px){
	.swiper-arrow-next, .swiper-arrow-prev { width: 200px; }
	.swiper-arrow-next::before { left:70%; }
	.swiper-arrow-prev::before { left:30%; }
	.swiper-arrow-next:hover::before { left:75%; }
	.swiper-arrow-prev:hover::before { left:25%; }
}




/* アワアワちゃん */
.box-awa-blog {position: fixed;bottom: 0;right: 40px;width: 400px;min-height:80px;padding:20px 20px 10px;background-color: #fcfcfc;border: 1px solid rgba(0,0,0,0.2);border-radius: 8px 8px 0 0;z-index: 10;opacity: 0;visibility: hidden;-webkit-transform: translateY(170px);transform: translateY(170px);transition: all 0.3s ease-in-out;}
.box-awa-blog.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) }
.box-awa-blog.close { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); bottom: -104px; }
.box-awa-blog.close .avatar { top: 20px }
.box-awa-blog.close .msg,
.box-awa-blog.close .posts { display: none !important; }
.box-awa-blog.close .msg.contact { display: block !important; opacity: 1; height: auto; margin: 0; padding: 10px; -webkit-transform: translateY(0); transform: translateY(0) }
.box-awa-blog.close .msg.contact:before { content: ''; position: absolute; top: -10px; left: -10px; height: 0; width: 0; border: solid transparent; pointer-events: none; border-bottom-color: rgba(178,223,255,0.4); border-width: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.box-awa-blog.close .bt-close .boxarrow { top: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.box-awa-blog.close .writing { display:none; }
.box-awa-blog.semi-open { bottom: 0 }
.box-awa-blog .avatar { position: absolute; top: 20px; left: 20px }
.box-awa-blog .avatar img { border-radius: 50%; box-shadow: 0 1px 3px #999; }
.box-awa-blog .box-msg { padding-left: 60px }
.box-awa-blog .msg {position: relative;margin-bottom: 10px;background-color: rgba(178,223,255,0.4);font-weight: 400;line-height: 1.6;font-size: 1.2rem;opacity: 0;height: 0;-webkit-transform: translateY(50px);transform: translateY(50px);transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
.box-awa-blog .msg.active {opacity: 1;height: auto;padding: 8px;-webkit-transform: translateY(0);transform: translateY(0);}
.box-awa-blog .msg.contact { margin: 0 }
.box-awa-blog .msg:before { content: ''; position: absolute; top: -10px; left: -10px; height: 0; width: 0; border: solid transparent; pointer-events: none; border-bottom-color: rgba(178,223,255,0.4); border-width: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.box-awa-blog .msg .hand { fill: #202121; margin-left: 5px; vertical-align: middle }
.box-awa-blog .posts { display:none; }
.box-awa-blog .posts.active { display:block; }
.box-awa-blog .posts .post { display:none; }
.box-awa-blog .posts .post.active { display:block; }
.box-awa-blog .posts .post a br { display:none; }
.box-awa-blog .posts .post span { display:inline-block; margin-right: 10px; color:#666; font-size:1.1rem; }
.box-awa-blog .writing { position: relative; width: 40px; height: 0; top: -5px; opacity: 0; font-size: 12px; background-color: rgba(178,223,255,0.4); transition: opacity 0.3s ease-in-out }
.box-awa-blog .writing.first { top: -14px }
.box-awa-blog .writing.active { opacity: 1; height: 18px }
.box-awa-blog .writing .dot { position: absolute; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: #202121; -webkit-animation: loader-wave 1.5s infinite; animation: loader-wave 1.5s infinite }
.box-awa-blog .writing .dot:nth-child(1) { left: 10px; -webkit-animation-delay: 200ms; animation-delay: 200ms }
.box-awa-blog .writing .dot:nth-child(2) { left: 16px; -webkit-animation-delay: 400ms; animation-delay: 400ms }
.box-awa-blog .writing .dot:nth-child(3) { left: 22px; -webkit-animation-delay: 600ms; animation-delay: 600ms }
.box-awa-blog .bt-close { position: absolute; top: 0; right: 0; width: 25px; height: 25px; cursor: pointer }
.box-awa-blog .bt-close:hover .boxarrow,.box-awa-blog .bt-close:hover .boxarrow:before,.box-awa-blog .bt-close:hover .boxarrow:after { border-color: #202121 }
.box-awa-blog .bt-close .boxarrow { position: absolute; top: 5px; left: 50%; width: 1px; height: 11px; border-right: 1px solid #A6ABAB; transition: all 0.3s ease-in-out }
.box-awa-blog .bt-close .boxarrow:before,.box-awa-blog .bt-close .boxarrow:after { content: ''; position: absolute; transition: all 0.3s ease-in-out }
.box-awa-blog .bt-close .boxarrow:before { top: 5px; left: 50%; width: 5px; height: 5px; margin-left: -2px; border: 1px solid #A6ABAB; border-top: none; border-left: none; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.box-awa-blog .bt-close .boxarrow:after { top: 14px; left: 50%; width: 8px; height: 1px; margin-left: -4px; border-bottom: 1px solid #A6ABAB }
@-webkit-keyframes loader-wave { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 40% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } }
@keyframes loader-wave { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 40% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(0); transform: translateY(0) }}
@media (max-width:1024px){
	.box-awa-blog { right:30px; }
}
@media (max-width:480px){
	.box-awa-blog { right:5%; width: 90%; }
	.box-awa-blog .avatar { left:10px; z-index:2; }
	.box-awa-blog .box-msg { padding-left: 30px }
}

/*-- HAYASHIGO・カスタマイズ --*/
.insta-img-list {
	display: flex;
    flex-wrap: wrap;
}
.insta-img-list li {
    width: 25%;
}
@media only screen and (max-width: 767px) {
.insta-img-list li {
    width: 50%;
}
}


.insta-img-list li a {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    display: block;
    padding-top: 100%;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.instagram-wrap h3 {
	font-size: 2.3rem;
    text-align: center;
    font-weight: 300;
    margin-bottom: 15px;
}

/*アクセスページ*/
.new-access .layoutS {
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 50px 0 30px 0;
}
@media screen and (max-width:768px) {
.new-access .layoutS {
	padding: 30px 0;
}
}

.new-access .layoutS:last-child {
	border: none;
}

.new-access .layoutS:nth-child(even) .tr {
	flex-direction: row;
}

.new-access .layoutS .texts-inner {
	max-width: 480px;
}
@media (max-width: 1024px) {
.new-access .layoutS .texts-inner {
	padding: 0;
}
}
@media screen and (max-width:768px) {
.new-access .layoutS .texts-inner {
	padding: 40px 0;
	max-width: 100%;
}
}

.new-access .layoutS h2 {
	position: relative;
	padding-left: 45px;
	line-height: 1.0;
}
@media screen and (min-width:769px) and (max-width:810px) {
.new-access .layoutS h2 {
	font-size: 22px;
}
}

.new-access .layoutS h2:before {
	position: absolute;
	left: 0;
	content: "";
	background-image: url(//ourour-jp.pro/wp/wp-content/themes/ourour/asset/img/access/train.svg);
	width: 34px;
	height: auto;
	background-repeat: no-repeat;
	padding-bottom: 34px;
    bottom: 0;
    display: block;
    margin: auto;
}

.new-access .layoutS h2 span {
	display: inline-block;
	font-size: 3.8rem;
    font-weight: 400;
    line-height: 1.0;
}
@media screen and (min-width:769px) and (max-width:810px) {
.new-access .layoutS h2 span {
	font-size: 3.5rem;
}
}

.new-access .layoutS h2 span:first-child {
	padding: 0 10px;
}
.new-access .layoutS img {
	width: 80%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width:768px) {
.new-access .layoutS img {
	width: 100%;
}
}

@media screen and (max-width:768px) {
.new-access .layoutS .img .media-holder {
	padding-bottom: 100% !important;
}
}
@media screen and (min-width:769px) {
.new-access .shinjuku .only-mobile {
	display: none;
}
}

@media screen and (max-width:768px) {
.new-access .shinjuku .only-pc {
	display: none;
}
}

/*On 宿泊プラン*/
.on-running {

}
.plans .col3 .runmapbox {
	width: 32%;
    margin-left: 2%;
}
.plans .col3 .runmapbox:nth-child(3n+1), .plans .col3 .runmapbox:nth-child(3n+1) {
    margin-left: 0;
}
.plans .runmapbox {
    position: relative;
    display: block;
    float: left;
    margin-top: 30px;
}
@media (max-width: 600px) {
.plans .runmapbox {
	width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
}
}

.on-running .runmap  {
	overflow: hidden;
	position: relative;
}
.plans .col3 a, .plans .col3 .a {
    width: 32%;
    margin-left: 2%;
}
.on-running .runmapbox a {
	margin-left: 0;
	width: 100%;
	float: none;
	display: inline;
}


.on-running .runmap iframe {
	/*margin-top: -48px;*/
　　  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
	margin-top: -49px;
}
.on-running .runmap iframe:hover {
	-webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.on-running .runmap div {
	position: absolute;
	top: 0;
	z-index:1;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 3px solid #fff;
	border-top: 2px solid #fff;
	height: 100%;
	/*background-color: rgba(0,0,0,0.7);*/
}

.layoutR .on-running-sec2 {
    display: block;
    width: 88%;
}
@media screen and (max-width:768px) {
.layoutR .on-running-sec2 {
	width: 100%;
}
}

/*FAQ*/
.faq .inner {
	width: 70%;
}
.faq h3 {
	font-size: 6.4rem;
	text-align: center;
}
.faq-inner {

}
.faq-inner h4 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.6;
}
.faq-inner dl {
	margin-bottom: 50px;
}
.faq-inner dl dt {
	font-size: 1.8rem;
	line-height: 1.8;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}
.faq-inner dl dt:before {
	position: absolute;
	left: -20px;
	top: -10px;
	content: "Q.";
	font-size: 2.6rem;
	text-align: right;
}

.faq-inner dl dd {
	font-size: 1.6rem;
	line-height: 1.6;
	position: relative;
	padding-left: 20px;
}
.faq-inner dl dd:before {
	position: absolute;
	left: -20px;
	top: -10px;
	font-size: 2.6rem;
	text-align: right;
}


/*トップ・フェード*/
.fadeSlider_01 {
      animation: 15s ease-out infinite;
      animation-delay: 3s;
    }
.fadeSlider_02 {
  opacity: 0;
  animation: 15s ease-out infinite;
  animation-delay: 3s;
}
@keyframes fadeSlideImg01 {
    0% { opacity: 1; }
    33% { opacity: 0; }
    66% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeSlideImg02 {
    0% { opacity: 0; }
    33% { opacity: 1; }
    66% { opacity: 0; }
    100% { opacity: 0; }
}


/*コロナ・notice*/
.virus-notice {
	background-color: #1f304b;
	padding: 70px 0;
}
.virus-notice p {
	color: #fff;

}
.virus-notice p:first-child {
	font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px;
}

@media screen and (max-width:1024px) {
.virus-notice p:first-child {
	font-size: 25px;
}
}
@media screen and (max-width:768px) {
.virus-notice p:first-child {
	font-size: 20px;
}
}

.virus-notice p:nth-child(2),.virus-notice p:nth-child(3) {
	margin-bottom: 20px;
}

/*ランステ*/
.run-gallery {

}
.run-gallery ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.run-gallery ul li {
	width: 32%;
	margin-bottom: 10px;
}
@media screen and (max-width:768px) {
.run-gallery ul li {
	width: 48%;
}
}
.run-gallery ul li img {
	width: 100%;
}