.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-invisible-blank-slide{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:75pc;perspective:75pc}.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:2}.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),transparent);background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(to left,rgba(0,0,0,.5),transparent)}.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),transparent);background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(to right,rgba(0,0,0,.5),transparent)}.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),transparent);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.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),transparent);background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.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:50%;width:27px;height:44px;margin-top:-22px;z-index:2;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:.35;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'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;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'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;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:2}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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,.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:#000;opacity:.2}button.swiper-pagination-bullet{border:0;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;background:#007aff}.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:#007aff;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:hsla(0,0%,100%,.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:3;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:3;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:2;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:a 1s steps(12,end) infinite;animation:a 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 a{}@keyframes a{to{-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:75pc}

@charset "UTF-8";
:root {
	-ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

* {
    font-size: inherit;
    line-height: inherit
}
::after,
::before {
    text-decoration: inherit;
    vertical-align: inherit
}
*,
::after,
::before {
    border-style: solid;
    border-width: 0
}
* {
    margin: 0;
    padding: 0
}
:root {
    box-sizing: border-box;
    cursor: default;
    text-rendering: optimizeLegibility
}

.lazyload {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
   transition: all 700ms;
}

/* reset============================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* clearfix============================================== */

.clearfix:after {
  content: ".";  
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

/* body============================================== */

html,
body {
	height: 100%;
	font-size: 62.5%;
	color: #292c32;
	line-height: 1;
    /*background-color: #EAF2E3;*/
	background-color:#EAF2E3;
	-webkit-font-smoothing: antialiased;
    -webkit-text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    margin: auto;
    -webkit-font-smoothing: antialiased;
    overflow-wrap: break-word;
    word-wrap: break-word;
	font-feature-settings: "palt";
	font-family:"zen-kaku-gothic-antique",  "schnebel-sans-pro", sans-serif;
	position:relative;
}
body.home,
body.body-about,
body.body-wajimanuri {
	background-color: #8ECDDE;
}
body.body-news {
	background-color: #EAF2E3;
}

/* op-logo__anime======================== */

.l-notch__first,
.l-notch__second {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: #8ECDDE;
	pointer-events:none;
}
.l-notch__second {
    z-index: 51;
}

body.page-b .l-notch__first,
body.page-b .l-notch__second,
body.body-product .l-notch__first,
body.body-product .l-notch__second
 {
	background-color: #EAF2E3;
}
body.body-dishes .l-notch__first,
body.body-dishes .l-notch__second {
	/*background-color: #f5ebeb;*/
	/*background-color: #f8e8e8;*/
	background-color:#fbe4e4;
}
body.body-tea_equipment .l-notch__first,
body.body-tea_equipment .l-notch__second {
	background-color: #fbf0d4;
}
body.body-accessores .l-notch__first,
body.body-accessores .l-notch__second {
	/*background-color: #e9effd;*/
	/*background-color: #eae7fc;*/
	background-color:#eeebff;
}
body.body-other .l-notch__first,
body.body-other .l-notch__second {
	/*background-color: #ede6d9;*/
	background-color:#ffe8d5;
}


/* //op-logo__anime======================== */

.f-en{
	font-weight: 700;
	font-style: italic;
}
.f-amg{
	font-family: "zen-kaku-gothic-antique", , sans-serif;
	font-weight: 600;
	font-style: normal;
}

* {
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }

:after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
	color: #FFF;
	text-decoration: none;
	cursor: pointer !important;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 700;
}

img {
    max-width: 100%;
    width: 100%;
	height:auto;
    vertical-align: top;
}

#container{
	width: 100%;
	height:auto;
	position:relative;
}

.l-main{
	width:100%;
	overflow:hidden;
	padding: 0%;
}

.l-content {
    position: relative;
}

.meta-text {
	position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}

/* mouse-set============================================== */
a img,
.mouse-on {
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	cursor:pointer;
}
.mouse-set a .mouse-on {
	/*width: 100%;*/
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    position: relative;
}
.hover .mouse-set a:hover .mouse-on {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.p-news__meta .mouse-set a:after,
.cat-head li a span.label:after,
.single-other .mouse-set a span:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #8ECDDE;
    transform: scale(0,1);
    transform-origin: right top;
	-webkit-transition: transform .3s;
    transition: transform .3s;
}
.single-other .mouse-set a span.return-icon:after {
	display: none;
}
.hover .p-news__meta .mouse-set:hover a:after,
.hover .cat-head li:hover a span.label:after,
.hover .single-other .mouse-set a:hover span:after {
    transform-origin: left top;
    transform: scale(1,1);
}
#news-page .cat-head li.active a {
	pointer-events:none;
}
#product-page .cat-head li.active a span.label:after,
#news-page .cat-head li.active a span.label:after {
	transform-origin: left top;
    transform: scale(1,1);
}
.hover #product-page .cat-head li.active:hover a span.label:after,
.hover #news-page .cat-head li.active a:hover span.label:after, {
    transform: scale(1,1);
}

.mouse-line {
    background: url("../images/common/mouse-line.png") no-repeat left bottom;
    background-size: 100% 1px;
}
.news-lst.mouse-set a h3 .mouse-line,
.newslatest-lst.mouse-set a h3 .mouse-line,
.single-content p a.p-link .mouse-line {
    -webkit-transition: background-size .3s cubic-bezier(.65, .4, .003, 1) 0s;
    transition: background-size .3s cubic-bezier(.65, .4, .003, 1) 0s;
    background-position: right bottom;
    background-size: 0 1px;
}
.hover .news-lst.mouse-set a:hover h3 .mouse-line,
.hover .newslatest-lst.mouse-set a:hover h3 .mouse-line,
.hover .single-content p:hover a.p-link .mouse-line {
    -webkit-animation: mouseline .5s cubic-bezier(.65, .4, .003, 1) 0s;
    animation: mouseline .5s cubic-bezier(.65, .4, .003, 1) 0s;
}
.hover .news-lst.mouse-set a:hover h3 .mouse-line,
.hover .newslatest-lst.mouse-set a:hover h3 .mouse-line,
.hover .single-content p:hover a.p-link .mouse-line {
    -webkit-animation: none;
    animation: none;
    background-position: left bottom;
    background-size: 100% 1px;
}

@-webkit-keyframes mouseline{
	0%{
		background-position:right bottom;
		background-size:100% 1px;
	}
	50%{
		background-position:right bottom;
		background-size:0 1px;
	}
	51%{
		background-position:left bottom;
		background-size:0 1px;
		}
	100%{
		background-position:left bottom;
		background-size:100% 1px;
		}
}
@keyframes mouseline{
	0%{
		background-position:right bottom;
		background-size:100% 1px;
	}
	50%{
		background-position:right bottom;
		background-size:0 1px;
	}
	51%{
		background-position:left bottom;
		background-size:0 1px;
		}
	100%{
		background-position:left bottom;
		background-size:100% 1px;
		}
}


.mouse-set a .mouse-on__inner {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 0;
	-webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.hover .mouse-set a:hover .mouse-on__inner{
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.mouse-on__arrow {
	-webkit-transform: scale(1.0);
    transform: scale(1.0);
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hover .mouse-set a:hover .mouse-on__arrow {
	-webkit-transform: scale(1.15);
    transform: scale(1.15);
}

/* js-scroll__scale============================================== */
.js-scroll__scale,
.js-visual__scale {
    -webkit-transform: scale(1.1) translate(-30px,0);
    transform: scale(1.1) translate(-30px,0);
    opacity: 0;
}
.js-scroll__scale.scale-lst {
	 -webkit-transform: scale(1.05) translate(-30px,0);
    transform: scale(1.05) translate(-30px,0);
}
.js-visual__scale {
    opacity: 0;
}
.scale-scroll-in,
.js-visual__scale.scale-visual-in {
    -webkit-transform: scale(1) translate(0,0)!important;
    transform: scale(1) translate(0,0)!important;
    opacity: 1!important;
    transition: opacity .5s ease-in,-webkit-transform .5s;
    transition: transform .5s,opacity .5s linear;
    transition: transform .5s,opacity .5s linear,-webkit-transform 1s;
}
.js-visual__scale.scale-visual-in {
	transition: opacity .5s ease-in,-webkit-transform 2s;
    transition: transform 2s,opacity .5s linear;
    transition: transform 2s,opacity .5s linear,-webkit-transform 2s;
}

/* svg-anime-style============================================== */
.slide-meta .slide-meta__inner .js-split span,
.js-scroll__split .js-split span,
.js-visual__split .js-split span,
.page-visual-set .js-split span {
    display: inline-block;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
	-webkit-transform: translateX(-8px);
	transform: translateX(-8px);
	overflow:hidden;
	opacity:0;
}
.js-scroll__split .js-split span {
	will-change: transform;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(1) {
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(2) {
    transition-delay: .75s;
    -webkit-transition-delay: .75s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(3) {
    transition-delay: .8s;
    -webkit-transition-delay: .8s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(4) {
    transition-delay: .85s;
    -webkit-transition-delay: .85s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(5) {
    transition-delay: .9s;
    -webkit-transition-delay: .9s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(6) {
    transition-delay: .95s;
    -webkit-transition-delay: .95s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(7){
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(8) {
    transition-delay: 1.05s;
    -webkit-transition-delay: 1.05s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(9) {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(10) {
    transition-delay: 1.15s;
    -webkit-transition-delay: 1.15s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(11) {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(12) {
    transition-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(13) {
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(14) {
    transition-delay: 1.35s;
    -webkit-transition-delay: 1.35s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(15) {
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
}
.slide-meta .slide-meta__inner .js-split span:nth-child(16) {
    transition-delay: 1.45s;
    -webkit-transition-delay: 1.45s;
}

/* scroll-split============================================== */
.js-scroll__split .js-split span:nth-child(1),
.page-visual-set .js-split span:nth-child(1) {
    transition-delay: .05s;
    -webkit-transition-delay: .05s;
}
.js-scroll__split .js-split span:nth-child(2),
.page-visual-set .js-split span:nth-child(2) {
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
}
.js-scroll__split .js-split span:nth-child(3),
.page-visual-set .js-split span:nth-child(3) {
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
}
.js-scroll__split .js-split span:nth-child(4),
.page-visual-set .js-split span:nth-child(4) {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}
.js-scroll__split .js-split span:nth-child(5),
.page-visual-set .js-split span:nth-child(5) {
    transition-delay: .25s;
    -webkit-transition-delay: .25s;
}
.js-scroll__split .js-split span:nth-child(6),
.page-visual-set .js-split span:nth-child(6) {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}
.js-scroll__split .js-split span:nth-child(7),
.page-visual-set .js-split span:nth-child(7) {
    transition-delay: .35s;
    -webkit-transition-delay: .35s;
}
.js-scroll__split .js-split span:nth-child(8),
.page-visual-set .js-split span:nth-child(8) {
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
}
.js-scroll__split .js-split span:nth-child(9),
.page-visual-set .js-split span:nth-child(9) {
    transition-delay: .45s;
    -webkit-transition-delay: .45s;
}
.js-scroll__split .js-split span:nth-child(10),
.page-visual-set .js-split span:nth-child(10) {
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}
.js-scroll__split .js-split span:nth-child(11),
.page-visual-set .js-split span:nth-child(11) {
    transition-delay: .55s;
    -webkit-transition-delay: .55s;
}
.js-scroll__split .js-split span:nth-child(12),
.page-visual-set .js-split span:nth-child(12) {
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
}
.js-scroll__split .js-split span:nth-child(13),
.page-visual-set .js-split span:nth-child(13) {
    transition-delay: .65s;
    -webkit-transition-delay: .65s;
}
.js-scroll__split .js-split span:nth-child(14),
.page-visual-set .js-split span:nth-child(14) {
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
}
.js-scroll__split .js-split span:nth-child(15),
.page-visual-set .js-split span:nth-child(15) {
    transition-delay: .75s;
    -webkit-transition-delay: .75s;
}
.js-scroll__split .js-split span:nth-child(16),
.page-visual-set .js-split span:nth-child(16) {
    transition-delay: .8s;
    -webkit-transition-delay: .8s;
}
.js-scroll__split .js-split span:nth-child(17),
.page-visual-set .js-split span:nth-child(17) {
    transition-delay: .85s;
    -webkit-transition-delay: .85s;
}
.js-scroll__split .js-split span:nth-child(18),
.page-visual-set .js-split span:nth-child(18) {
    transition-delay: .9s;
    -webkit-transition-delay: .9s;
}
.js-scroll__split .js-split span:nth-child(19),
.page-visual-set .js-split span:nth-child(19) {
    transition-delay: .95s;
    -webkit-transition-delay: .95s;
}
/* scroll-split:before============================================== */
.js-scroll__split .js-split {
	overflow:hidden;
	padding-bottom: 4px;
}
.js-scroll__split .js-split:before {
	width: 100%;
	position:absolute;
	bottom:0px;
	background-color: #F25757;
	height:2px;
	content:'';
    left: 0;
    transform: scale(0,1);
    transform-origin: right top;
    -webkit-transition: transform .7s;
    transition: transform .7s;
	will-change: transform;
}
.js-scroll__split.bf-hide .js-split:before {
	display: none;
}
.js-scroll__split.active .js-split:before {
    transform-origin: left top;
    transform: scale(1,1);
	transition-delay: .25s;
    -webkit-transition-delay: .25s;
}
.js-scroll__split.active .js-split.bf-delay-4:before {
	transition-delay: .2s;
    -webkit-transition-delay: .2s;
}
.js-scroll__split.active .js-split.bf-delay-6:before {
	transition-delay: .3s;
    -webkit-transition-delay: .3s;
}
.js-scroll__split.active .js-split.bf-delay-7:before {
	transition-delay: .35s;
    -webkit-transition-delay: .35s;
}
.js-scroll__split.active .js-split.bf-delay-10:before {
	transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

/* split-active============================================== */
.slide-meta.active .slide-meta__inner .js-split span,
.js-scroll__split.active .js-split span,
.page-visual-set.active .js-split span{
    opacity: 1;
	transform: translateX(0px);
}
.page-visual-set.active .js-split span{
	overflow:visible;
}

/* js-scroll__anime============================================== */
.js-scroll__anime {
	/*width: 100%;*/
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
}
/*.js-scroll__anime-inner {
    -webkit-transition-timing-function: .4s cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: .4s cubic-bezier(.55, .085, .68, .53);
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s;
    -webkit-transform: translateX(-108%);
    transform: translateX(-108%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.js-scroll__anime .js-scroll__anime-inner:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    margin: auto;
    background-color: #000;
    content: "";
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-timing-function: .4s cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: .4s cubic-bezier(.55, .085, .68, .53);
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
}
.wjmnr-flow .js-scroll__anime .js-scroll__anime-inner:before,
.wjmnr-howto .js-scroll__anime .js-scroll__anime-inner:before{
	background-color: #161717;
}
.js-scroll__anime.active .js-scroll__anime-inner:before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
.js-scroll__anime.active .js-scroll__anime-inner:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.js-scroll__anime.active .js-scroll__anime-inner {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
*/
.js-scroll__anime .js-text__anime,
.js-scroll__anime .js-fade__anime,
.js-visual__anime .js-text__anime {
    transition: transform 1.6s ease 0s,opacity 1.6s ease 0s;
    opacity: 0;
	transform: translate3d(0, 20px, 0);
	-webkit-transition-delay: 0s;
    transition-delay: 0s;
    transition-duration: .7s;
	/*will-change: transform;*/
}
.js-scroll__anime .js-fade__anime {
	transform: translate3d(0, 30px, 0);
	-webkit-transition-delay: 0s;
    transition-delay: 0s;
    transition-duration: 1s;
}
.js-scroll__anime.section-read .js-text__anime {
	transform: translateY(30px);
	display: block;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
    transition-duration: 1.5s;
}
.js-scroll__anime .js-text__anime.delay-01,
.js-visual__anime .js-text__anime.delay-01 {
	-webkit-transition-delay: .05s;
	transition-delay: .05s;    
}
.js-scroll__anime .js-text__anime.delay-02,
.js-visual__anime .js-text__anime.delay-02 {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}
.js-scroll__anime .js-text__anime.delay-03,
.js-visual__anime .js-text__anime.delay-03 {
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}
.js-scroll__anime .js-text__anime.delay-04,
.js-visual__anime .js-text__anime.delay-04 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.js-scroll__anime .js-text__anime.delay-05,
.js-visual__anime .js-text__anime.delay-05 {
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
}
.js-scroll__anime .js-text__anime.delay-06,
.js-visual__anime .js-text__anime.delay-06 {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.js-scroll__anime .js-text__anime.delay-07 {
	-webkit-transition-delay: .35s;
	transition-delay: .35s;
}
.js-scroll__anime .js-text__anime.delay-08 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.js-scroll__anime.active .js-text__anime,
.js-scroll__anime.active .js-fade__anime,
.js-visual__anime.active .js-text__anime {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* active-unit============================================== */
.page-visual-set .active-unit {
	transition: transform 1.2s ease 0s,opacity 1.2s ease 0s;
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition-duration: .7s;
}
.page-visual-set .p-single-news__body.active-unit {
	transition: transform 1.5s ease 0s,opacity 1.5s ease 0s;
    transform: translate3d(0, 30px, 0);
    transition-duration: 1s;
}
.page-visual-set.active .active-unit {
	opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* header============================================== */
#l-header {
    width: 100%;
	height:auto;
	position:absolute;
	z-index:55;
	/*mix-blend-mode: exclusion;*/
}
.l-header__body {
	width: 100%;
	height: auto;
	padding:38px 16% 0 0;
	 position:relative;
}
.l-header__sitename {
	width: 250px;
    height: auto;
	position:absolute;
	position:fixed;
    top: 48px;
	left: 3.7%;
	transform: translateY(-108%);
	opacity:0;
	transition: transform 1.2s ease 0s,opacity 1.2s ease 0s;
}
.l-header__sitename a {
	width: 100%;
	display: block;
}
.l-header__sitename a .site-name__svg {
	fill :#EAF2E3;
}
body.page-b .l-header__sitename a .site-name__svg {
    fill: #8ECDDE;
}
body.active .l-header__sitename a .site-name__svg {
	fill :#EAF2E3;
}
.l-header__nav {
	display: block;
	position: absolute;
    right: 200px;
	-webkit-transition: transform .7s ease 0s,opacity .7s ease 0s;
	 transition: transform .7s ease 0s,opacity .7s ease 0s;
	 overflow:hidden;
}
body.active .l-header__nav {
	opacity:0;
}
.l-nav__lst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	transform: translateY(-108%);
	opacity:0;
	transition: transform 1.2s ease 0s,opacity 1.2s ease 0s;
}
.l-nav__lst li {
    font-size: 1.6rem;
    line-height: 1;
	letter-spacing: .07em;
}
.l-nav__lst li a {
	position:relative;
	color: #292c32;
	display: block;
	font-weight: 500;
	overflow: hidden;
	padding: 16px;
}
body.page-b .l-nav__lst li a {
    color: #8ECDDE;
}
.mouse-set li a p {
	overflow:hidden;
	position:relative;
	font-weight: bold;
}
.mouse-set li a span.js-split span {
    display: inline-block;
    transition: transform .5s ease 0s,opacity .5s ease 0s;
	transform: translate(0px);
	overflow:hidden;
}
.mouse-set .mouse-on a span.js-split.lst-clone {
	position:absolute;
	top:0px;
	left:0px;
}
.mouse-set .mouse-on a span.js-split.lst-clone span {
	transition: transform .5s ease 0s,opacity .5s ease 0s;
	transform: translateY(110%);
}
.hover .mouse-set .mouse-on a:hover span.js-split span {
    transform: translateY(-110%);
}
.hover .mouse-set .mouse-on a:hover span.js-split.lst-clone span {
	transform: translateY(0);
}
#l-header__access,
#l-header__toggle {
	width: 58px;
	height: 58px;
	border-radius:50%;
	background-color:#F25757;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	 justify-content: center;
    align-items: center;
    text-align: center;
	cursor:pointer;
	z-index: 10;
	position:fixed;
	right: 45px;
	top:33px;
	pointer-events: auto;
	transform: translateY(-108%);
	opacity:0;
	transition: transform 1.2s ease 0s,opacity 1.2s ease 0s;
}
#l-header__access a{
	width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.l-header__body.head-active .l-header__sitename,
.l-header__body.head-active .l-nav__lst,
.l-header__body.head-active #l-header__access,
.l-header__body.head-active #l-header__toggle {
	transform: translateY(0%);
	opacity:1;
}
#l-header__access a span svg {
	width: 20px;
}
#l-header__access a span .access__svg {
	fill :#EAF2E3;
	-webkit-transition: .3s cubic-bezier(.55, .085, .68, .53);
    transition: .3s cubic-bezier(.55, .085, .68, .53);
}
#l-header__access {
	right: 113px;
}
.hover #l-header__access a:hover span svg .access__svg {
	fill :#ebe4e4;
}
.toggle,
.toggle span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.toggle {
    position: relative;
    width: 26px;
    height: 32px;
}
.toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #F25757;
    overflow: hidden;
}
.toggle span:before {
    content: " ";
    display: block;
    height: 1px;
    background: #EAF2E3;
}
.toggle span:nth-of-type(1) {
    top: 10px;
}
.toggle span:nth-of-type(2) {
    top: 19px;
    right: 0;
    left: auto;
}
.toggle.active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-28deg);
    transform: translateY(9px) rotate(-28deg);
	top: 4px;
}
.toggle.active span:nth-of-type(2) {
   -webkit-transform: translateY(-10px) rotate(28deg);
    transform: translateY(-10px) rotate(28deg);
	top: 23px;
}
/*hover*/
.hover #l-header__toggle:hover .toggle span:nth-of-type(1):before {
    -webkit-animation: linemiddleactive 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
    animation: linemiddleactive 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}
.hover #l-header__toggle:hover .toggle span:nth-of-type(2):before {
    -webkit-animation: linemiddleactive 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0.06s 1;
    animation: linemiddleactive 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0.06s 1;
}
@-webkit-keyframes linemiddleactive {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes linemiddleactive {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}


/* modal-menu============================================== */
.modal-menu__container{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
    overflow: hidden;
	background-color: transparent;
	-webkit-transition-duration: .3s;
    transition-duration: .3s;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.modal-menu__container.menu-contents__open {
    opacity: 1;
	pointer-events: auto;
	background-color: #8ECDDE;
	-webkit-transition-duration: .3s;
    transition-duration: .3s;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.modal-menu__contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.modal-menu__contents-inner {
	opacity: 0;
    background-color: #8ECDDE;
   width: 100%;
    height: 100%;
	max-width: 1600px;
	margin:0 auto;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	position:relative;
}
.menu-contents__open  .modal-menu__contents-inner {
	opacity: 1;
	overflow: auto;
	-webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	-webkit-overflow-scolling: touch;
}
.modal-menu__sitename {
	 width: 120px;
    height: auto;
	position:absolute;
    top: 57px;
	left: 4%;
}
.modal-menu__sitename a {
	width: 100%;
	display: block;
}
.modal-menu__sitename a .site-name__svg{
	fill :#EAF2E3;
}
.modal-menu__unit {
	width: 30%;
    height: 100%;
    display: table;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
	overflow:hidden;
	padding-left: 10%;
}
.modal-menu__unit-lst {
	width: 100%;
    position: relative;
    vertical-align: middle;
    display: table-cell;
	padding-top: 25px;
}
.modal-menu__unit-lst li {
	font-size: 3rem;
	letter-spacing:.05em;
	 line-height: 1;
	 position:relative;
	 display: table;
	 overflow:hidden;
}
.modal-menu__unit-lst li a {
	display: inline-block;
	padding-bottom: 24px;
	position: relative;
	overflow: hidden;
	color: #EAF2E3;
}
.modal-menu__unit-lst li:last-child a {
	padding:0;
}
.modal-menu__unit-lst li a p.f-amg span.js-split {
	font-size: 1.2rem;
	display: block;
	letter-spacing:.02em;
}
.modal-menu__unit-lst li a p.f-amg span.js-split span {
	opacity:.5;
}
.modal-menu__unit-lst li a span {
	font-weight: bold;
}
.modal-menu__arrow {
	display: none;
}

/* modal-bg============================================== */
.modal-img__bgunit,
.modal-img__bg {
	width: 400px;
	height: 400px;
    z-index: 0;
	background-color:#8ECDDE;
	line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
	overflow:hidden;
}
.modal-img__bg {
	width: 100%;
	height: 100%;
	overflow:hidden;
}
.modal-img__index,
.modal-img__page {
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 0;
	opacity:0;
	 -webkit-transition: transform .7s ease 0s,opacity .7s ease 0s;
	 transition: transform .7s ease 0s,opacity .7s ease 0s;
}
.modal-img__index {
	opacity:1;
	z-index:5;
	-webkit-transition: transform .7s ease 0s,opacity .7s ease 0s;
	 transition: transform .7s ease 0s,opacity .7s ease 0s;
}
.modal-img__bgunit.active .modal-img__index {
	opacity:0;
	-webkit-transition: transform .7s ease 0s,opacity .7s ease 0s;
	 transition: transform .7s ease 0s,opacity .7s ease 0s;
}
.modal-img__page.active {
	opacity:1;
}


/* modal-meta============================================== */
.modal-meta__unit {
	width: 30%;
	height: 100%;
    display: table;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}
.modal-meta__unit-inner {
	width: 100%;
    position: relative;
    vertical-align: middle;
    display: table-cell;
	padding-left: 18%;
}
.modal-meta__info-tel,
.modal-meta__info-contact {
	overflow:hidden;
}
.modal-meta__info-access {
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing:0;
	margin-top: 30px;
	overflow:hidden;
}
.modal-meta__info-access p {
	margin-bottom: 15px;
	opacity:.8;
}
.modal-meta__info-access p:last-child {
	margin-bottom:0;
}
.modal-meta__info-contact {
	margin-top: 20px;
}
.modal-meta__info-tel p,
.modal-meta__info-contact p {
	display: flex;
    align-items: center;
	font-size: 2rem;
	line-height:1;
	letter-spacing:.01em;
	color: #EAF2E3;
}
.modal-meta__info-tel p span,
.modal-meta__info-contact p span{
	font-weight: 500;
}
.modal-meta__info-tel p span:first-child,
.modal-meta__info-contact p span:first-child{
	width: 30px;
	height: 30px;
	border-radius: 50%;
    background-color: #F25757;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	margin-right: 7px;
}
.modal-meta__info-tel p span svg,
.modal-meta__info-contact p span svg {
	width: 15px;
}
.modal-meta__info-tel p span svg .tel__svg,
.modal-meta__info-contact p span svg .contact__svg {
	fill:#EAF2E3;
}
.modal-meta__info-share {
	display: flex;
    align-items: center;
	margin-top: 25px;
}
.modal-meta__info-share p {
	font-size: 1.5rem;
	line-height:1;
	letter-spacing:.04em;
	font-weight: 500;
}
.modal-meta__info-share ul {
	display: flex;
    align-items: center;
	margin-left:20px;
}
.modal-meta__info-share ul li {
	margin: 0 10px 0 0;
    text-align: center;
}
.modal-meta__info-share ul li svg {
	width: 20px;
	fill:#EAF2E3;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.modal-meta__copyright {
	margin-top: 15px;
	font-size: 1.2rem;
	line-height:1;
}
/* modal-anime============================================== */
.modal-menu__container .modal-menu__unit li a p span.js-split,
.modal-menu__container .modal-meta__unit-inner .modal-meta__info-tel p,
.modal-menu__container .modal-meta__unit-inner .modal-meta__info-contact p {
	transition: transform .5s ease .5s,opacity .5s ease .5s;
	transform: translateY(110%);
}
.modal-menu__container .modal-menu__unit li a p span.js-split {
	display: block;
}
.modal-menu__container .modal-meta__info-access p.js-text__anime,
.modal-menu__container .modal-meta__info-share,
.modal-menu__container .modal-meta__copyright,
.modal-menu__container .modal-menu__arrow {
	transition: transform 1.6s ease 0s,opacity 1.6s ease 0s;
    opacity: 0;
	transform: translateY(20px);
    transition-delay: .05s;
    -webkit-transition-delay: .05s;
    transition-duration: .7s;
}
.menu-info__access p.js-text__anime.delay-01 {
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
}
.menu-info__access p.js-text__anime.delay-02 {
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
}
.menu-info__access p.js-text__anime.delay-03 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}
.modal-menu__container.menu-contents__open .modal-menu__unit li a p span.js-split,
.modal-menu__container.menu-contents__open .modal-meta__unit-inner .modal-meta__info-tel  p,
.modal-menu__container.menu-contents__open .modal-meta__unit-inner .modal-meta__info-contact  p,
.modal-menu__container.menu-contents__open .modal-meta__info-access p.js-text__anime,
.modal-menu__container.menu-contents__open .modal-meta__info-share,
.modal-menu__container.menu-contents__open .modal-meta__copyright,
.modal-menu__container.menu-contents__open .modal-menu__arrow {
    transition: transform .5s ease .5s,opacity .5s ease .5s;
    transform: translateY(0%);
	opacity: 1;
}
.modal-menu__container .modal-img__index {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.modal-menu__container.menu-contents__open .modal-img__index {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.modal-menu__container .modal-img__index:before {
    width: 108%;
    height: 108%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    margin: auto;
    background-color: #8ECDDE;
    content: "";
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top;
}
.modal-menu__container.menu-contents__open .modal-img__index:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

@media screen and (min-width: 1500px) {
/* modal-menu============================================== */
.modal-menu__unit-lst li {
    font-size: 3.75rem;
}
.modal-menu__unit-lst li a {
    padding-bottom: 37px;
}
.modal-menu__unit-lst li a p.f-amg span.js-split {
    font-size: 1.5rem;
}
.modal-meta__info-tel p, 
.modal-meta__info-contact p {
    font-size: 2.5rem;
}
.modal-meta__info-tel p span:first-child,
.modal-meta__info-contact p span:first-child {
    width: 38px;
    height: 38px;
}
.modal-meta__info-access {
    font-size: 1.4rem;
}
.modal-meta__info-share p {
    font-size: 2.2rem;
}
.modal-meta__info-share ul li svg {
    width: 25px;
}
.modal-meta__copyright {
    font-size: 1.5rem;
}
/* modal-bg============================================== */
.modal-img__bgunit,
.modal-img__bg {
	width: 500px;
	height: 500px;
}
}
@media screen and (min-width: 1600px) {
/* l-header============================================== */
.l-header__body {
    padding: 47px 16% 0 0;
}
.l-header__sitename {
    width: 150px;
    top: 60px;
}
.l-header__nav {
    right: 250px;
}
.l-nav__lst li {
    font-size: 2.2rem;
}
.l-nav__lst li a {
    padding: 20px;
}
#l-header__access,
#l-header__toggle {
    width: 72px;
    height: 72px;
    right: 56px;
    top: 41px;
}
#l-header__access {
    right: 141px;
}
#l-header__access a span svg {
    width: 25px;
}
.modal-meta__info-contact {
    margin-top: 25px;
}
.toggle {
    width: 32px;
    height: 40px;
}
.toggle span:nth-of-type(1) {
    top: 12px;
}
.toggle span:nth-of-type(2) {
    top: 23.7px;
}
.modal-meta__info-access {
    margin-top: 38px;
}
.modal-meta__info-share {
    margin-top: 30px;
}
.modal-meta__info-share ul {
    margin-left: 25px;
}
.modal-meta__info-share ul li {
    margin: 0 14px 0 0;
}
}


/* l-main__visual============================================== */
.l-main__visual{
	width: 100%;
    position: relative;
	background-color: #8ECDDE;
	z-index:0;
}
.l-main__body{
	width: 100%;
	height: calc(100vh - 0px);
	margin:0 auto;
	position:relative;
	z-index:1;
	overflow:hidden;
	min-height: 580px;
}

/* l-main__slide============================================== */
.l-main__slide {
  user-select: none;
  z-index:0;
}
.l-main__slide,
.l-main__slide .slide-item,
.l-main__slide .slide-item .slide-visual,
.l-main__slide .slide-item .slide-visual span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left:0;
}
.l-main__slide .slide-item {
	width: 100%;
    height: 100%;
}
.l-main__slide .slide-visual__wrap {
	overflow: hidden;
    width: 700px;
    height: 700px;
    position: relative;
    top: 54.8%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.l-main__slide .slide-item .slide-visual {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: -35vw;
  z-index: 0;
  -webkit-transform: skewX(20deg);
   transform: skewX(20deg);
  outline: 0px none #000;
  overflow: hidden;
}
.l-main__slide .slide-item .slide-visual__inner{
    display: block;
    position: absolute;
    top: 0;
    left: 28vw;
    width: 50vw;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
}
.l-main__slide .slide-item .slide-visual span {
    width: calc(100% + 0px);
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    outline: 0px none #000;
}
/* active */
.l-main__slide .slide-item .slide-visual.active {
  -webkit-transition: width 3s ease;
  transition: width 3s ease;
  width: 120vw;
}
.l-main__slide .slide-item .slide-visual.active span {
  -webkit-transition: -webkit-transform 6s linear;
  transition: -webkit-transform 6s linear;
  transition: transform 6s linear;
  transition: transform 6s linear, -webkit-transform 6s linear;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
/* text */
.l-main__slide .slide-item .slide-meta {
    position: absolute;
    width: 20%;
    left: 7.8%;
	top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (min-width: 1024px) and (max-height: 680px) {
.l-main__slide .slide-visual__wrap {
	width: 440px;
	height: 440px;
}
.l-main__slide .slide-item .slide-meta {
    left: 10%;
}
}
.l-main__slide .slide-item .slide-meta .slide-meta__inner {
	position:relative;
	transition: transform 1s ease 0s,opacity 1s ease 0s;
	transform: translateX(2%);
	opacity:0;
}
.l-main__slide .slide-item .slide-meta.active .slide-meta__inner {
	transform: translateX(0);
	opacity:1;
}
.slide-title {
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing:.2em;
	opacity:.7;
}
.slide-title span.js-split {
	display: block;
}
.slide-title span.js-split:nth-child(2) {
	margin: 18px 0;
}
.slide-pager {
	position:absolute;
	left: 4%;
	bottom: 57px;
	overflow:hidden;
}
.slide-pager__inner {
	transition: transform 1s ease 0s,opacity 1s ease 0s;
	opacity:0;
}
.slide-num {
	font-size: 3rem;
	line-height:1;
	color: #EAF2E3;
}
.slide-num.num-max {
	padding: 15px 0 0 34px;
}
.slide-num.num-max,
.slide-num.num-max span.max {
	font-size: 2.2rem;
	color: #aaa5a1;
}
.slide-num span.now,
.slide-num.num-max span.max {
	padding-left:1px;
}
.slide-line {
	 width: 66px;
	 margin: 0 3px;
    height: 1px;
    background-color: #EAF2E3;
	-webkit-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);
}
.l-page__fixed {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 21;
    pointer-events: none;
}
.copyright-label {
    font-size: 1.3rem;
    letter-spacing: .1em;
    color: #EAF2E3;
    position: absolute;
    right: 2.4%;
    width: 20px;
    height: 96%;
    z-index: 0;
	overflow:hidden;
}
.copyright-label span {
    z-index: 6;
    height: 96%;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: absolute;
    left: 50%;
    margin-left: -6px;
}
.copyright-label span.msk {
    display: inline-block;
    transition: transform 1s ease 0s,opacity 1s ease 0s;
    transform: translateX(108%);
    overflow: hidden;
}
.copyright-label.active span.msk {
    overflow: visible;
    transform: translateX(0%);
}
.access-badge {
	position:absolute;
	right: 3.5%;
	bottom: 40px;
	width: 152px;
    height: 152px;
    border-radius: 50%;
    background-color: #EAF2E3;
    z-index: 5;
    pointer-events: auto;
	webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .6s;
    transition: transform .6s;
}
.access-badge a {
	position:relative;
	z-index:10;
	width: 152px;
    height: 152px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	cursor: pointer;
}
.access-badge.active {
	-webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.access-badge::after {
    content: '';
    position: absolute;
    z-index: 1;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0px #EAF2E3, 0 0 0 0px #EAF2E3 inset;
    box-shadow: 0 0 0 0px #EAF2E3, 0 0 0 0px #EAF2E3 inset;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.hover .access-badge:hover::after {
    opacity: 1;
	-webkit-box-shadow: 0 0 0 6px #EAF2E3, 0 0 0 3px #EAF2E3 inset;
    box-shadow: 0 0 0 6px #EAF2E3, 0 0 0 3px #EAF2E3 inset;
}
.access-badge a span svg {
    width: 34px;
}
.access-label {
	color: #8ECDDE;
	line-height:1;
	text-align:center;
}
.access-label span.f-en {
	font-size: 1.7rem;
	display: block;
	margin: 5px 0 3px 0;
	letter-spacing:.07em;
	font-weight: 500;
	overflow:hidden;
}
.access-label span.f-amg{
	opacity:.7;
	font-size: 1.2rem;
	letter-spacing:.01em;
	margin: 0;
	display: block;
	overflow:hidden;
}
.access-badge .access-label span.msk {
    transform: translateY(200%);
	display: inline-block;
	overflow:hidden;
	opacity:0;
}
.access-badge.active .access-label span .msk {
	transform: translateY(0%);
	transition: transform 1s ease .2s,opacity 1s ease .2s;
	opacity:1;
}
.access-badge.active .access-label span:nth-child(2) .msk {
    transition: transform 1s ease .25s,opacity 1s ease .25s;
}
@media screen and (min-width: 1400px) {
/* l-main__slide============================================== */
.l-main__slide .slide-visual__wrap {
	width: 560px;
	height: 560px;
}
}
@media screen and (min-width: 1500px) {
/* l-main__slide============================================== */
.l-main__slide .slide-visual__wrap {
	width: 650px;
	height: 650px;
}
.l-main__slide .slide-item .slide-meta {
    left: 9%;
}
}
@media screen and (min-width: 1600px) {
/* l-main__slide============================================== */
.slide-title {
    font-size: 1.35rem;
}
.slide-line {
    width: 82px;
    margin: 0 4px;
}
.slide-num.num-max,
.slide-num.num-max span.max {
    font-size: 2.2rem;
}
.slide-num {
    font-size: 3.5rem;
}
.slide-num.num-max {
    padding: 18px 0 0 42px;
}
.copyright-label {
    font-size: 1.6rem;
    width: 25px;
}
.access-badge {
    width: 180px;
    height: 180px;
}
.access-badge a {
	width: 180px;
    height: 180px;
}
.access-badge a span svg {
    width: 34px;
}
.access-label span.f-en {
    font-size: 2.1rem;
    margin: 6px 0 4px 0;
}
.access-label span.f-amg {
    font-size: 1.5rem;
}

}
@media screen and (min-width: 1700px) {
/* l-main__slide============================================== */
.slide-title {
    font-size: 1.5rem;
}
.l-main__slide .slide-visual__wrap {
	width: 680px;
	height: 680px;
}
}
@media screen and (min-width: 1800px) {
/* l-main__slide============================================== */
.slide-title {
    font-size: 1.6rem;
}
.l-main__slide .slide-visual__wrap {
	width: 720px;
	height: 720px;
}

}
@media screen and (min-width: 2000px) {
/* l-main__slide============================================== */
.slide-title {
    font-size: 1.75rem;
}
.l-main__slide .slide-visual__wrap {
	width: 760px;
	height: 760px;
}

}

/* pickup============================================== */
.p-top-pickup {
	width: 100%;
    margin: 0 auto;
    position: relative;
	background-color: #8ECDDE;
	padding: 180px 0 0 6%;
	color: #8ECDDE;
	line-height:1;
}
.p-top-pickup:before {
	position:absolute;
	content:'';
	width: 100%;
	height: 38%;
	background-color: #FFF;
	bottom:0;
	left:0;
}
.p-top-pickup__body {
	width: 100%;
    position: relative;
    margin: 0 auto;
	background-color: #EAF2E3;
	padding: 100px 6% 140px 9%; 
}
.p-top-pickup__title {
	font-size: 2.2rem;
	letter-spacing: .1em;
	line-height:1;
}
.pickup-lst__unit {
	width: 100%;
	position:relative;
	margin: 10px 0 0 0;
}
.pickup-lst__unit.swiper-container {
	overflow:visible;
}
#pickup-slider .swiper-wrapper {
	width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.pickup-lst {
	width: 21%;
	position:relative;
}
.pickup-lst a {
	width: 100%;
	display: block;
	outline: none;
	color: #8ECDDE;
}
.pickup-lst__visual {
	width: 100%;
}
.pickup-lst__visual-inner {
	position:relative;
}
.pickup-lst a .pickup-lst__visual-inner {
    position: relative;
    z-index: 0;
}
.pickup-lst__title {
	font-size: 1.6rem;
	line-height:1;
	margin-top: 10px;
}
.pickup-lst__arrow {
	width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #F25757;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    bottom: -7px;
    right: -33px;
}
.pickup-lst__arrow span svg {
	width: 14px;
	fill: #EAF2E3;
}
.p-top-pickup .swiper-button-unit {
	display: none;
}
@media screen and (min-width: 1600px) {
/* pickup============================================== */
.p-top-pickup {
    padding: 225px 0 0 6%;
}
.p-top-pickup__body {
	padding: 125px 6% 175px 9%; 
}
.pickup-lst__unit {
    margin: 25px 0 0 0;
}
.p-top-pickup__title {
    font-size: 2.25rem;
}
.pickup-lst__title {
    font-size: 2rem;
	margin-top: 12px;
}
.pickup-lst__arrow {
    width: 86px;
    height: 86px;
    bottom: -8px;
    right: -41px;
}
}

/* about============================================== */
.p-top-about {
	width: 100%;
    margin: 0 auto;
    position: relative;
	background-color: #FFF;
	color: #292c32;
	line-height:1;
}
.p-top-about__body {
	width: 100%;
    position: relative;
    margin: 0 auto;
	background-color: #8ECDDE;
}
.p-top-about__title {
	font-size: 2.8rem;
	letter-spacing: .12em;
	line-height:1;
}
.p-top-about__title span {
	position:relative;
	display: inline-block;
}
.about-statement {
	padding: 0 0 11% 0; 
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	background-color: #8ECDDE;
	position:relative;
	padding-top: 180px;
}
.about-statement:before,
.about-lst__unit:before{
	position:absolute;
	bottom:0;
	right:0;
	width: 46.5%;
	height: 40%;
	content:'';
	background-color: #f2cd60;
}
.about-statement__text {
	width: 45%;
	background-color: #8ECDDE;
	padding: 100px 0 0 0;
}
.about-statement__text-inner {
	background-color: #8ECDDE;
	/*padding: 150px 15% 0 22%;*/
	padding: 150px 16% 0 16%;
}
.about-statement__catch {
	font-size: 2rem;
	line-height:1;
	letter-spacing: .12em;
	margin-top: 55px;
}
.about-statement__catch span {
	display: block;
	margin: 0 0 22px 0;
	line-height: 1.5em;
}
.about-statement__read {
	font-size: 1.4rem;
	line-height:2;
	letter-spacing: .08em;
	margin-top: 7px;
	color: #292c32;
}
.about-statement__bgvisual {
    width: 55%;
    position: relative;
	overflow:hidden;
}
.about-statement__bgvisual-inner {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
	height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-image: url("../images/home/about/about-bgvisual.jpg");
}
.about-statement__visual.sp-visual,
.about-statement__visual-inner.sp-visual {
	display: none;
}
.about-lst__unit {
	width: 100%;
	position:relative;
	margin: 0;
	background-color: #FFF;
	z-index:0;
}
.about-lst__unit.swiper-container {
	overflow:visible;
	background-color: #FFF;
}
.about-lst__unit:before{
	height: 100%;
}
#about-slider .swiper-wrapper {
	width: 100%;
    display: -webkit-flex;
    display: flex;
	padding: 100px 0 130px;
	z-index:0;
}
.about-lst {
	width: 30%;
	position:relative;
}
.about-lst a {
	width: 100%;
	display: block;
	outline: none;
}
.about-lst__visual {
	width: 100%;
	overflow:hidden;
}
.about-lst__visual-inner {
	position:relative;
	height: 100%;
	display: block;
}
.about-lst__visual-caption {
	font-size: 1.5rem;
	line-height:1.3;
	margin-top: 10px;
	text-align: left;
    color: #EAF2E3;
    padding-left: 0px;
}
.about-lst.swiper-slide.swiper-slide-next span,
.about-lst.swiper-slide.swiper-slide-active span {
	color: #28292B;
}
.about-lst.swiper-slide span{
	color: #EAF2E3;
}
@media screen and (min-width: 1600px) {
/* about============================================== */
.about-statement__text-inner {
    padding: 187px 16% 0 16%;
}
.p-top-about__title {
    font-size: 3.5rem;
}
.about-statement__catch {
    font-size: 2.25rem;
	margin-top: 68px;
}
.about-statement__catch span {
    margin: 0 0 27px 0;
}
.about-statement__read {
    font-size: 1.7rem;
	margin-top: 8px;
}
.about-lst__visual-caption {
    font-size: 2.2rem;
}
#about-slider .swiper-wrapper {
	padding: 125px 0 160px;
}
#about-slider .swiper-common,
#about-history-slider .swiper-common {
    top: 46px;
}
.swiper-common .slide-line {
    left: -75px;
    top: 22px;
    width: 82px;
    margin: 0 10px;
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
#about-slider .swiper-pagination-total,
#product-slider .swiper-pagination-total,
#about-history-slider .swiper-pagination-total {
    font-size: 2.2rem;
    bottom: -62px;
}
#about-slider .swiper-pagination-total:before,
#product-slider .swiper-pagination-total:before,
#about-history-slider .swiper-pagination-total:before {
    font-size: 2.2rem;
    left: -30px;
}
#about-slider .swiper-scrollbar,
#product-slider .swiper-scrollbar,
#about-history-slider .swiper-scrollbar {
    width: 225px;
    right: 156px;
    top: 12px;
}
#about-slider .swiper-button-unit,
#product-slider .swiper-button-unit,
#about-history-slider .swiper-button-unit {
    right: 100px;
    top: -17px;
}
#about-slider .swiper-button-prev,
#about-slider .swiper-container-rtl .swiper-button-next,
#product-slider .swiper-button-prev,
#product-slider .swiper-container-rtl .swiper-button-next,
#about-history-slider .swiper-button-prev,
#about-history-slider .swiper-container-rtl .swiper-button-next {
    left: -205px;
}
#about-slider .swiper-button-next,
#about-slider .swiper-container-rtl .swiper-button-prev,
#about-slider .swiper-button-prev,
#about-slider .swiper-container-rtl .swiper-button-next,
#product-slider .swiper-button-next,
#product-slider .swiper-container-rtl .swiper-button-prev,
#product-slider .swiper-button-prev,
#product-slider .swiper-container-rtl .swiper-button-next,
#about-history-slider .swiper-button-next,
#about-history-slider .swiper-container-rtl .swiper-button-prev,
#about-history-slider .swiper-button-prev,
#about-history-slider .swiper-container-rtl .swiper-button-next {
    width: 62px;
    height: 62px;
}

}

/* batch-btn============================================== */
.batch-btn {
    width: 130px;
    text-align: center;
    z-index: 0;
	margin:50px auto 0;
}
.batch-btn a {
    display: inline-block;
}
.batch-btn__inner {
    position: relative;
    width: 130px;
    height: 130px;
    visibility: inherit;
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.batch-btn__inner__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.batch-btn__inner__line svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    stroke: #F25757;
    stroke-width: 1px;
    fill: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.batch-btn__inner__line svg:first-child {
    opacity: .6;
}
.slide-batch .batch-btn .batch-btn__inner .batch-btn__inner__line svg:first-child {
	stroke-dasharray: 190px 190px;
    stroke-dashoffset: 190px;
    visibility: hidden;
    -webkit-transition: visibility 0s 1.7s;
    transition: visibility 0s 1.7s;
}
.slide-batch.active .batch-btn .batch-btn__inner .batch-btn__inner__line svg:first-child {
	visibility: inherit;
    -webkit-transition: none;
    transition: none;
	-webkit-animation: batch-btn__inner__line-over 1.7s 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: batch-btn__inner__line-over 1.7s 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.batch-btn__inner__line svg:last-child {
    stroke-dasharray: 190px 190px;
    stroke-dashoffset: 190px;
    visibility: hidden;
    -webkit-transition: visibility 0s 1.7s;
    transition: visibility 0s 1.7s;
    -webkit-animation: batch-btn__inner__line-out 1.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: batch-btn__inner__line-out 1.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.batch-btn__inner__label {
    font-size: 2.1rem;
    font-weight: 400;
    letter-spacing: .05em;
    color: #0f0f0f;
}
.typ-b {
	color: #F25757;
}
.batch-btn__inner__label p:first-child {
	margin-bottom: 0px;
	font-size: 1.1rem;
	letter-spacing: 0;
}
.batch-btn__inner__label p span:first-child {
	margin-right: 4px;
	font-size: 1.1rem;
	letter-spacing: 0;
}
.fb-label {
	display: block;
	margin: 4px 0;
	font-weight: 500;
	letter-spacing: .05em;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.batch-btn__inner__line svg {
    stroke-width: 0.5px;
}
}
a:hover .batch-btn__inner .batch-btn__inner__line svg:last-child {
    visibility: inherit;
    -webkit-transition: none;
    transition: none;
    -webkit-animation: batch-btn__inner__line-over 1.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: batch-btn__inner__line-over 1.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
@-webkit-keyframes batch-btn__inner__line-over{ 
0%{
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
to{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	stroke-dashoffset:0
}
}
@keyframes batch-btn__inner__line-over{
	0%{
		-webkit-transform:rotate(-90deg);
		transform:rotate(-90deg)
	}
	to{
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
		stroke-dashoffset:0;
	}
}
@-webkit-keyframes batch-btn__inner__line-out{
	0%{
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
		stroke-dashoffset:0;
	}to{
		-webkit-transform:rotate(450deg);
		transform:rotate(450deg);
		stroke-dashoffset:-190px
	}
}
@keyframes batch-btn__inner__line-out{
	0%{
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
		stroke-dashoffset:0;
	}
	to{
		-webkit-transform:rotate(450deg);
		transform:rotate(450deg);
		stroke-dashoffset:-190px;
	}
}

@media screen and (min-width: 1600px) {
/* batch-btn============================================== */
.batch-btn {
    width: 160px;
    margin: 62px auto 0;
}
.batch-btn__inner {
    width: 160px;
    height: 160px;
}
}

/* menu============================================== */
.p-top-menu {
	width: 100%;
    margin: 0 auto;
    position: relative;
	background-color: #EAF2E3;
	color: #28292B;
	line-height:1;
}
.p-top-menu__body {
	width: 100%;
    position: relative;
	padding: 100px 0 100px 6%;
}
.p-top-menu__title {
	font-size: 2.8rem;
	letter-spacing: .12em;
	line-height:1;
	text-align:center;
}
.p-top-menu__title span {
	position:relative;
	display: inline-block;
}
.p-top-menu__title span.js-split:before {
    background-color: #28292B;
}
.p-top-menu__read {
	font-size: 1.6rem;
	letter-spacing:.1em;
	line-height:2;
	text-align:center;
	margin-top: 40px;
}
.p-top-menu__read br.sp-br {
	display:none;
}
.menu-lst__unit {
	width: 100%;
	margin: 40px auto 0;
}
.menu-lst {
	position:relative;
	z-index:1;
	padding-bottom: 7%;
    background-color: #FFF;
	margin-bottom: 75px;
}
.menu-lst__inner {
	width: 100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	background-color: #FFF;
}
.menu-lst__visual {
    position: relative;
    width: 50%;
	height: 100%;
    z-index: 1;
}
.menu-lst__visual:after {
	background-color: #EAF2E3;
	width: 62%;
    height: 20%;
    position: absolute;
    content: '';
    z-index: 0;
    bottom: -20%;
	left:0;
}
.menu-lst__name {
	position: absolute;
    font-size: 2rem;
    color: #FFF;
    left: 17px;
    bottom: 17px;
    z-index: 2;
    letter-spacing: .08em;
    line-height: 1;
}
.menu-lst__batch {
	width: 158px;
	height:auto;
	position:absolute;
	left:-50px;
	top:-70px;
	z-index:-1;
}
.menu-lst__batch.js-scroll__anime.active {
	-webkit-animation: batchrotate 20s linear infinite;
	animation: batchrotate 20s linear infinite;
}
@-webkit-keyframes batchrotate { 
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes batchrotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.menu-lst__visual-inner {
    width: 100%;
    height: 100%;
	position:relative;
	overflow:hidden;
}
.menu-lst__visual-inner span {
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
	padding: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.menu-lst__text {
	width: 50%;
	height:auto;
	position:relative;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    align-items: flex-end;
}
.menu-lst__text-inner {
	width: 100%;
    padding: 0 15% 0 60px;
}
.menu-lst__guide {
	width: 100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.menu-lst__guide h3 {
	font-size: 2.2rem;
    line-height: 1;
	letter-spacing:.04em;
}
.menu-lst__guide h3 span {
	display: block;
	font-size: 1.2rem;
	margin-top: 10px;
	color: #b5b5b5;
	letter-spacing:.08em;
}
.menu-lst__price {
	font-size: 1rem;
	color: #b5b5b5;
	letter-spacing:.05em;
	padding-top:5px;
}
.menu-lst__price span {
	font-size: 1.4rem;
	font-weight: 500;
}
.menu-lst__copy {
	position:relative;
	margin-top: 28px;
}
.menu-lst__copy h3 {
	font-size: 1.9rem;
	line-height:1.7;
	letter-spacing:.08em;
}
.menu-lst__copy h3.copy-ginger {
	letter-spacing:.04em;
}
.menu-lst__copy p {
	font-size: 1.4rem;
	color: #666;
	line-height: 1.65;
	margin-top: 20px;
	letter-spacing: .07em;
}
.menu-lst__thumb {
	width: 100%;
	margin-top: 75px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.menu-lst__thumb-lst {
	width: 46%;
	overflow:hidden;
}
@media screen and (min-width: 1600px) {
/* menu============================================== */
.p-top-menu__body {
	padding: 125px 0 125px 6%;
}
.p-top-menu__title {
    font-size: 3.5rem;
}
.p-top-menu__read {
    font-size: 2rem;
	margin-top: 50px;
}
.menu-lst__unit {
	max-width: 1600px;
	margin: 52px auto 0;
}
.menu-lst {
    margin-bottom: 90px;
}
.menu-lst__text-inner {
    padding: 0 13% 0 75px;
}
.menu-lst__name {
    font-size: 2.4rem;
    left: 20px;
    bottom: 20px;
}
.menu-lst__guide h3 {
    font-size: 2.7rem;
}
.menu-lst__copy h3 {
    font-size: 2.3rem;
}
.menu-lst__copy p {
    font-size: 1.7rem;
}
.menu-lst__price {
	font-size: 1.2rem;
	padding-top:6px;
}
.menu-lst__price span {
    font-size: 1.7rem;
}
.menu-lst__batch {
    width: 200px;
    left: -62px;
    top: -88px;
}
}

/* product============================================== */
.p-top-product {
	width: 100%;
    position: relative;
	background-color: #FFF;
	color: #28292B;
	padding: 100px 0 130px;
}
.p-top-product__body {
	width: 82%;
    position: relative;
	margin:0 auto;
}
.p-top-product__title {
	font-size: 2.8rem;
	letter-spacing: .12em;
	line-height:1;
}
.p-top-product__title span {
	position:relative;
	display: inline-block;
}
.p-top-product__title span.js-split:before {
    background-color: #8ECDDE;
}
.p-top-product__read {
	font-size: 1.6rem;
	letter-spacing:.1em;
	line-height:2;
	margin-top: 40px;
	opacity:.7;
}
.product-lst__unit {
	width: 100%;
	margin: 40px auto 90px;
}
.product-lst {
	width: 100%;
}
.product-lst__inner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	overflow:hidden;
}
.product-lst__visual {
	width: 46%;
	position:relative;
	overflow:hidden;
}
.product-lst__large {
	width: 100%;
}
.thumb-mb {
	margin-top: 25px;
}
.product-lst__thumb {
	width: 100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	position:relative;
}
.product-lst__thumb li {
	width: 20%;
	position:relative;
	cursor:pointer;
}
.product-lst__thumb.thumb-large li {
	width: 100%;
}
.product-lst__thumb li.swiper-slide.swiper-slide-thumb-active:after {
	width: 100%;
	height: 100%;
	border: solid 2px #8ECDDE;
	position:absolute;
	content:'';
	left:0;
	top:0;
	-webkit-transition: .3s ease;
    transition: .3s ease;
}
.product-lst.swiper-slide .product-lst__large {
	overflow:hidden;
}
.product-lst__text {
	width: 50%;
	padding: 0 0 0 60px;
}
.product-lst__title {
	font-size: 2.3rem;
	letter-spacing: .1em;
}
.product-lst__details {
	margin-top: 20px;
	letter-spacing: .08em;
}
.product-lst__copy {
	font-size: 2rem;
	line-height: 1.5;
	letter-spacing: .14em;
}
.product-lst__copy.mag-copy {
    letter-spacing: .1em;
}
.product-lst__read,
.product-lst__note {
	font-size: 1.4rem;
	line-height:1.5;
	color:#666;
	margin-top: 16px;
	letter-spacing: .05em;
}
.product-lst__note {
	font-size: 1.2rem;
	margin-top:18px;
}
.product-details__data {
	margin-top: 30px;
}
.product-details__index {
	font-size: 1.5rem;
	letter-spacing: .1em;
	border-bottom: solid 1px #cecccd;
	padding-bottom: 12px;
	margin-bottom: 24px;
	font-weight: 500;
}
.product-details__data ul {
	position:relative;
}
.product-details__data ul li {
	font-size: 1.4rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin-bottom: 15px;
}
.product-details__data ul li p:first-child {
    background-color: #ebe4e4;
    font-size: 1.2rem;
    padding: 8px 0px;
    width: 56px;
	min-width: 56px;
    text-align: center;
    border-radius: 4px;
	margin-right: 8px;
}
.product-details__more {
	margin-top: 25px;
}
.more-btn__inner {
	display: inline-block;
	padding: 15px 0;
}
.more-btn__label {
	opacity:.7;
	color: #8ECDDE;
	display: inline-block;
	font-size: 1.4rem;
	position:relative;
    overflow: hidden;
	padding: 5px 0;
}
.more-btn__label span,
.mouse-set a .prdct-page__title span {
    width: 100%;
    height: auto;
	-webkit-transition: .3s ease;
    transition: .3s ease;
	display: block;
}
.mouse-set a .prdct-page__title span {
	padding: 0 0 6px;
}
.more-btn__label span:before,
.mouse-set a .prdct-page__title span.f-en:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
	opacity:.7;
    background: #8ECDDE;
	position: absolute;
    bottom: 0px;
}
.mouse-set a .prdct-page__title span.f-en:before {
	background: #FFF;
	height: 2px;
	opacity:1;
}
.more-btn__inner:hover .more-btn__label span:before,
.mouse-set a:hover .prdct-page__title span.f-en:before,
.news-content__link a:hover .post-meta h3 span:before {
    -webkit-animation: linemiddleactive 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
    animation: linemiddleactive 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}
.mouse-set.active a:hover .prdct-page__title span.f-en:before {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes linemiddleactive {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes linemiddleactive {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*swiper-common*/
#about-slider .swiper-common,
#product-slider .swiper-common,
#about-history-slider .swiper-common {
	position:absolute;
	right:0;
	top:8.4%;
	z-index:10;
}
#product-slider .swiper-common {
	top:10%;
}
#product-large-slider .swiper-common{
	width: 100%;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#about-slider .swiper-common,
#about-history-slider .swiper-common {
	right: 13%;
	top:30px;
	z-index:2;
}
#about-history-slider .swiper-common {
	top:67px;
}
#about-slider .swiper-button-unit,
#product-slider .swiper-button-unit,
#about-history-slider .swiper-button-unit {
    display: -webkit-flex !important;
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    right: 80px;
    top: -14px;
	z-index:0;
}
#product-large-slider .swiper-common {
	mix-blend-mode: difference;
}
#product-large-slider .swiper-button-unit{
	width: 100%;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
}
#about-slider .swiper-button-next,
#about-slider .swiper-container-rtl .swiper-button-prev,
#about-slider .swiper-button-prev, 
#about-slider .swiper-container-rtl .swiper-button-next,
#product-slider .swiper-button-next,
#product-slider .swiper-container-rtl .swiper-button-prev,
#product-slider .swiper-button-prev, 
#product-slider .swiper-container-rtl .swiper-button-next,
#about-history-slider .swiper-button-next,
#about-history-slider .swiper-container-rtl .swiper-button-prev,
#about-history-slider .swiper-button-prev, 
#about-history-slider .swiper-container-rtl .swiper-button-next {
    background-image: url("../images/common/slide-next.svg");
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: -1px;
    position: absolute;
    left: auto;
    top: 0px;
    right: 0;
    margin-top: 0;
    content: '';
    z-index: 0;
    display: block;
    cursor: pointer;
    background-size: 10px 10px;
}
#about-slider .swiper-button-prev,
#about-slider .swiper-container-rtl .swiper-button-next,
#product-slider .swiper-button-prev,
#product-slider .swiper-container-rtl .swiper-button-next,
#about-history-slider .swiper-button-prev,
#about-history-slider .swiper-container-rtl .swiper-button-next {
    background-image: url("../images/common/slide-prev.svg");
}
#product-large-slider .swiper-button-next,
#product-large-slider .swiper-container-rtl .swiper-button-prev,
#product-large-slider .swiper-container-rtl .swiper-button-next,
#product-large-slider .swiper-button-prev,
#product-large-slider .swiper-container-rtl .swiper-button-next {
	background-image: none;
}
#about-slider .swiper-button-next,
#about-slider .swiper-container-rtl .swiper-button-prev,
#about-slider .swiper-button-prev,
#about-slider .swiper-container-rtl .swiper-button-next,
#product-slider .swiper-button-next,
#product-slider .swiper-container-rtl .swiper-button-prev,
#product-slider .swiper-button-prev,
#product-slider .swiper-container-rtl .swiper-button-next,
#about-history-slider  .swiper-button-next,
#about-history-slider  .swiper-container-rtl .swiper-button-prev,
#about-history-slider  .swiper-button-prev,
#about-history-slider  .swiper-container-rtl .swiper-button-next {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    border-radius: 50%;
	-webkit-transition: .3s ease;
    transition: .3s ease;
}
.hover #about-slider .swiper-button-prev:hover,
.hover #about-slider .swiper-button-next:hover,
.hover #product-slider .swiper-button-prev:hover,
.hover #product-slider .swiper-button-next:hover,
.hover #about-history-slider .swiper-button-prev:hover,
.hover #about-history-slider .swiper-button-next:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
	background-color:#EAF2E3;
}
.hover #product-slider .swiper-button-prev:hover,
.hover #product-slider .swiper-button-next:hover{
	background-color: #8ECDDE;
}
#about-slider .swiper-button-prev,
#about-slider .swiper-container-rtl .swiper-button-next,
#product-slider .swiper-button-prev,
#product-slider .swiper-container-rtl .swiper-button-next,
#about-history-slider .swiper-button-prev,
#about-history-slider .swiper-container-rtl .swiper-button-next {
    left: -164px;
}

#product-large-slider .swiper-button-prev,
#product-large-slider .swiper-container-rtl .swiper-button-next {
    left: 0px;
}
.hover #product-large-slider .swiper-button-prev:hover,
.hover #product-large-slider .swiper-button-next:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
	background-color: transparent;
	opacity:1;
}
#product-large-slider .swiper-button-prev span,
#product-large-slider .swiper-button-next span {
	width: 16px;
	display: block;
	height: auto;
	margin: 0 auto;
}
#product-large-slider .swiper-button-prev span svg,
#product-large-slider .swiper-button-next span svg {
	fill: #FFF;
}
#about-slider .swiper-pagination,
#product-slider .swiper-pagination,
#about-history-slider .swiper-pagination {
    position: relative;
	line-height:1;
	color: #8ECDDE;
}
#about-slider .swiper-pagination,
#about-history-slider .swiper-pagination {
	color: #EAF2E3;
}
#about-slider .swiper-pagination-total,
#product-slider .swiper-pagination-total,
#about-history-slider .swiper-pagination-total {
	font-size: 2.2rem;
	opacity:.5;
	position: absolute;
    bottom: -50px;
	font-weight: 500;
}
#about-slider .swiper-pagination-total:before,
#about-slider .swiper-pagination-current:before,
#product-slider .swiper-pagination-total:before,
#product-slider .swiper-pagination-current:before,
#about-history-slider .swiper-pagination-total:before,
#about-history-slider .swiper-pagination-current:before {
	content:'0';
	position:absolute;
}
#about-slider .swiper-pagination-total:before,
#product-slider .swiper-pagination-total:before,
#about-history-slider .swiper-pagination-total:before {
	font-size: 2.2rem;
	left: -24px;
	bottom: 0px;
	right:0;
	font-weight: 500;
}
.swiper-common .slide-line {
	position:absolute;
	left:-60px;
	top:18px;
	width: 66px;
    margin: 0 8px;
    height: 1px;
    background-color: #8ECDDE;
    -webkit-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);
}
#about-slider .swiper-common .slide-line,
#about-history-slider .swiper-common .slide-line {
	background-color: #EAF2E3;
}
#about-slider .swiper-pagination-current,
#product-slider .swiper-pagination-current,
#about-history-slider .swiper-pagination-current {
	font-size: 3rem;
	position: absolute;
    left: -37px;
    top: -8px;
	font-weight: 500;
}
#about-slider .swiper-pagination-current:before,
#product-slider .swiper-pagination-current:before,
#about-history-slider .swiper-pagination-current:before {
	font-size: 3rem;
	left: -21px;
}
#about-slider .swiper-scrollbar,
#product-slider .swiper-scrollbar,
#about-history-slider .swiper-scrollbar {
    border-radius: 0px;
    position: absolute;
    -ms-touch-action: none;
    background-color: #EAF2E3;
    width: 180px;
    height: 3px;
	right: 125px;
	top:10px;
	z-index:4;
}
#about-slider .swiper-scrollbar,
#about-history-slider .swiper-scrollbar {
	background-color: #4a4a4a;
}
#about-slider .swiper-scrollbar-drag,
#product-slider .swiper-scrollbar-drag,
#about-history-slider .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #8ECDDE;
    border-radius: 0px;
    left: 0;
    top: 0;
}
#about-slider .swiper-scrollbar-drag,
#about-history-slider .swiper-scrollbar-drag {
	background-color: #EAF2E3;
}
#about-slider .swiper-button-prev.swiper-button-disabled,
#about-slider .swiper-button-next.swiper-button-disabled,
#product-slider .swiper-button-prev.swiper-button-disabled,
#product-slider .swiper-button-next.swiper-button-disabled,
#about-history-slider .swiper-button-prev.swiper-button-disabled,
#about-history-slider .swiper-button-next.swiper-button-disabled {
	 opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    cursor: auto;
    pointer-events: none;
}
#about-slider .swiper-button-prev,
#about-slider .swiper-button-next,
#product-slider .swiper-button-prev,
#product-slider .swiper-button-next,
#about-history-slider .swiper-button-prev,
#about-history-slider .swiper-button-next {
    opacity: 1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    pointer-events: auto;
}
#product-large-slider .swiper-button-prev,
#product-large-slider .swiper-button-next {
    opacity: .3;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    pointer-events: auto;
}

@media screen and (min-width: 1600px) {
/* product============================================== */
.p-top-product {
	padding: 125px 0 145px;
}
.p-top-product__body {
	max-width: 1600px;
}
.product-lst__unit {
    margin: 50px auto 112px;
}
.p-top-product__title {
    font-size: 3.5rem;
}
.p-top-product__read {
    font-size: 2rem;
	margin-top: 50px;
}
.product-lst__text {
    padding: 0 0 0 75px;
}
.product-lst__title {
    font-size: 2.8rem;
}
.product-lst__details {
    margin-top: 25px;
}
.product-lst__copy {
    font-size: 2.5rem;
}
.product-lst__read,
.product-lst__note {
    font-size: 1.7rem;
	margin-top: 20px;
}
.product-lst__note {
    font-size: 1.5rem;
    margin-top: 22px;
}
.product-details__data {
    margin-top: 38px;
}
.product-details__index {
    font-size: 2.2rem;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.product-details__data ul li {
    font-size: 1.7rem;
	margin-bottom: 20px;
}
.product-details__data ul li p:first-child {
    font-size: 1.5rem;
    padding: 10px 0px;
    width: 70px;
    min-width: 70px;
    margin-right: 10px;
	border-radius: 6px;
}
}

/* wajimanuri============================================== */
.p-top-wajimanuri {
	width: 100%;
    position: relative;
	background-color: #0f0f0f;
	color: #EAF2E3;
}
.p-top-wajimanuri:before {
	content:'';
	position:absolute;
	right:0;
	top:0;
	width: 17%;
	height: 50%;
	background-image: url("../images/home/wajimanuri/wajimanuribg.jpg");
	background-size:cover;
	background-position:center center;
	opacity:.2;
}
.p-top-wajimanuri__body {
	width: 100%;
    position: relative;
	margin:0 auto;
	padding: 115px 0 130px;
}
.p-top-wajimanuri__title {
	font-size: 2.8rem;
	letter-spacing: .12em;
	line-height:1;
	text-align:center;
}
.p-top-wajimanuri__title span {
	position:relative;
	display: inline-block;
}
.p-top-wajimanuri__title span.js-split:before {
   background-color: #EAF2E3;
}
.p-top-wajimanuri__title span.title-jp {
	font-size: 2.2rem;
	line-height:1;
	color: #EAF2E3;
	margin-top: 22px;
	display: block;
}
.p-top-wajimanuri__title span.title-jp:before {
	display: none;
}
.p-top-wajimanuri__details {
	width: 100%;
	padding: 0 6%;
	margin: 65px auto 120px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.wajimanuri-details__text {
	width: 50%;
	padding: 0 7% 0 0;
}
.wajimanuri-details__catch {
	font-size: 2.6rem;
    line-height: 1;
    letter-spacing: .2em;
}
.wajimanuri-details__catch span {
	display: block;
	margin: 0 0 25px 0;
}
.wajimanuri-details__catch span:last-child {
	margin: 0;
}
.wajimanuri-details__read {
	font-size: 1.4rem;
	letter-spacing:.1em;
	line-height:2;
	margin-top: 40px;
	color:#ccc;
}
.wajimanuri-details__visual {
	width: 50%;
	overflow:hidden;
}
.wajimanuri-details__visual-inner {
	width: 100%;
	position:relative;
	z-index:0;
}
.wajimanuri-details__visual-inner:before,
.wajimanuri-details__visual-inner:after {
	content:'';
	background-color: #0f0f0f;
	position:absolute;
	width: 100%;
	height: 18px;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.wajimanuri-details__visual-inner:after {
	width: 18px;
	height: 100%;
}
.p-top-wajimanuri__whats {
	padding: 0 0 0 6%;
}
.p-top-wajimanuri__whats h3 {
	font-size: 2.2rem;
	letter-spacing: .12em;
	color: #EAF2E3;
	line-height:1;
	z-index:2;
	position:relative;
}
.wajimanuri-whats__inner {
	width: 100%;
	padding: 90px 0 100px;
	background-color: #1f2021;
	position:relative;
}
.wajimanuri-whats__inner:before {
	background-color: #0f0f0f;
	width: 7.5%;
	content:'';
	position:absolute;
	height: 100%;
	left:0;
	top:0;
	z-index:0;
}
.wajimanuri-lst__unit {
	width: 100%;
	margin: 20px 0 0 0;
	padding-right: 6%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.wajimanuri-lst {
	width: 16%;
	position:relative;
}
.wajimanuri-lst a {
    width: 100%;
    display: block;
    outline: none;
    color: #8ECDDE;
}
.wajimanuri-lst__visual {
	width: 100%;
	overflow:hidden;
}
.wajimanuri-lst__visual__inner {
	position:relative;
}
.p-top-wajimanuri__whats h3.wajimanuri-lst__title {
	font-size: 1.6rem;
    line-height: 1;
    margin-top: 14px;
	letter-spacing: .02em;
}
.p-top-wajimanuri__whats h3.js-scroll__split .js-split:before {
	display: none;
}
.wajimanuri-lst__title span.f-en {
	font-size: 1.1rem;
	color: #999;
	line-height:1;
	display: block;
	margin-top: 8px;
	letter-spacing: .05em;
}
.wajimanuri-lst__arrow {
	width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #0f0f0f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    bottom: 17px;
    right: -33px;
}
.wajimanuri-lst__arrow span svg {
    width: 14px;
    fill: #EAF2E3;
}
.p-top-wajimanuri .batch-btn {
    margin: 80px auto 0;
}
@media screen and (min-width: 1600px) {
/* wajimanuri============================================== */
.p-top-wajimanuri__body {
	padding: 140px 0 160px;
}
.p-top-wajimanuri__title {
    font-size: 3.5rem;
}
.p-top-wajimanuri__title span.title-jp {
    font-size: 2.2rem;
}
.p-top-wajimanuri__details {
    margin: 82px auto 150px;
}
.wajimanuri-details__catch {
    font-size: 3.2rem;
}
.wajimanuri-details__catch span {
    margin: 0 0 32px 0;
}
.wajimanuri-details__read {
    font-size: 1.7rem;
	margin-top: 50px;
}
.wajimanuri-whats__inner {
    padding: 112px 0 125px;
}
.p-top-wajimanuri__whats h3 {
    font-size: 2.2rem;
}
.p-top-wajimanuri__whats h3.wajimanuri-lst__title {
    font-size: 2rem;
	margin-top: 17px;
}
.wajimanuri-lst__unit {
    margin: 25px 0 0 0;
}
.wajimanuri-lst__title span.f-en {
    font-size: 1.2rem;
	margin-top: 10px;
}
.wajimanuri-lst__arrow {
    width: 86px;
    height: 86px;
    bottom: 21px;
    right: -41px;
}
.p-top-wajimanuri .batch-btn {
    margin: 100px auto 0;
}
}

/* news============================================== */
.p-top-news {
	width: 100%;
    margin: 0 auto;
    position: relative;
	background-color: #EAF2E3;
	color: #28292B;
	line-height:1;
}
.p-top-news__body {
	width: 82%;
	max-width: 1600px;
    position: relative;
	margin:0 auto;
	padding: 145px 0 170px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.p-top-news__title {
	font-size: 2.8rem;
	letter-spacing: .12em;
	line-height:1;
}
.p-top-news__title span {
	position:relative;
	display: inline-block;
}
.p-top-news__title span.js-split:before {
   background-color: #F25757;
}
.p-news__meta {
	position: relative;
    width: 22%;
	min-width: 230px;
}
.p-news__meta .cat-head {
	margin-top: 60px;
	position: sticky;
	top:40px;
}
.p-news__meta .cat-head li {
	font-size: 1.7rem;
	line-height: 1.6;
	margin-bottom: 22px;
	letter-spacing: .02em;
}
.p-news__meta .cat-head li a {
	color: #28292B;
	position:relative;
}
.p-news__meta .cat-head li a span {
	font-size: 1.6rem;
	margin-right: 3px;
}
.news-lst__unit {
	width: 78%;
	padding-top: 90px;
	margin: 0 auto;
}
.news-lst {
	width: 100%;
	background-color: #FFF;
	margin-bottom: 20px;
}
.news-lst:last-child {
	margin-bottom:0;
}
.news-lst a {
	display: block;
	color: #28292B;
	padding: 32px 28px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
	 justify-content: space-between;
}
.news-lst .meta-details {
	position:relative;
	width: 90%;
}
.news-lst a .meta-title {
    font-size: 1.9rem;
    line-height: 1.55;
	letter-spacing: .02em;
    font-weight: bold;
    margin-top: 10px;
	padding-right: 20px;
	position:relative;
}
.news-lst a .meta-cat {
    background: 0 0;
    position: relative;
    display: inline-block;
    line-height: 1;
    font-size: 1.3rem;
    background-color: #ebe4e4;
    color: #28292B;
    padding: 5px 7px 5px 7px;
    margin-right: 10px;
}
.news-lst a .meta-day {
    font-size: 1.2rem;
    color: #28292B;
	line-height:1;
	opacity:.3;
	margin-top: 10px;
    letter-spacing: .1em;
	font-weight: 500;
}
.news-lst a .meta-arrow {
	width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #F25757;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}
.news-lst a .meta-arrow span svg {
    width: 11px;
    fill: #EAF2E3;
}
@media screen and (min-width: 1600px) {
/* news============================================== */
.p-top-news__body {
    padding: 180px 0 212px;
}
.p-top-news__title {
    font-size: 3.5rem;
}
.p-news__meta {
    min-width: 290px;
}
.news-lst__unit {
    padding-top: 112px;
}
.p-news__meta .cat-head li {
    font-size: 2.1rem;
    margin-bottom: 28px;
}
.p-news__meta .cat-head li a span {
    font-size: 2rem;
	margin-right: 5px;
}
.news-lst {
    margin-bottom: 25px;
}
.news-lst a {
    padding: 40px 35px;
}
.news-lst a .meta-cat {
    font-size: 1.6rem;
	padding: 6px 8px 6px 8px;
    margin-right: 12px;
}
.news-lst a .meta-title {
    font-size: 2.2rem;
    margin-top: 12px;
    padding-right: 25px;
}
.news-lst a .meta-day {
    font-size: 1.5rem;
    margin-top: 12px;
}
}

/* l-footer ============================================== */
.l-footer {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 145px 14% 150px;
    z-index: 0;
	background-color: #8ECDDE;
}
.l-footer__body {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.l-footer__sitename {
    width: 250px;
    height: auto;
}
.l-footer__sitename a {
	display: block;
}
.l-footer__sitename a svg {
	fill:#EAF2E3;
}
.l-footer__inner {
	margin-top: 45px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: space-between;
}
.l-footer__access {
	width: 25%;
	min-width: 240px;
}
.l-footer__access p {
	color: #EAF2E3;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: .05em;
	opacity:.8;
	font-weight: bold;
}
.l-footer__access p:nth-child(2) {
	margin: 15px 0;
}
.l-footer__nav {
	width: auto;
	position:relative;
}
.l-footer__nav li {
    font-size: 1.6rem;
    line-height: 1;
}
.l-footer__nav li a {
    display: block;
    color: #EAF2E3;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    position: relative;
	cursor:pointer;
	font-weight: 500;
	letter-spacing: .07em;
	padding: 12px 0;
}
.l-footer__info {
	width: auto;
}
.l-footer__info-contact {
    margin-top: 20px;
}
.l-footer__info-tel p,
.l-footer__info-contact p {
    display: flex;
    align-items: center;
    font-size: 1.9rem;
    line-height: 1;
    letter-spacing: .01em;
    color: #EAF2E3;
}
.l-footer__info-tel p span,
.l-footer__info-contact p span {
	font-weight: 500;
}
.l-footer__info-tel p span:first-child,
.l-footer__info-contact p span:first-child {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #F25757;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 6px;
}
.l-footer__info-tel p svg,
.l-footer__info-contact p span svg {
    width: 15px;
	fill:#EAF2E3;
}
.l-footer__share {
	width: auto;
}
.l-footer__share-inner {
	width: 100%;
	display: flex;
    align-items: center;
	color:#EAF2E3;
}
.l-footer__share p {
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: .04em;
	font-weight: 500;
	opacity:.8;
}
.l-footer__share ul {
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.l-footer__share ul li {
    margin: 0 10px 0 0;
    text-align: center;
}
.hover .l-footer__share ul li a:hover svg,
.modal-meta__info-share ul li a:hover svg {
	opacity:.7;
}
.l-footer__share ul li svg {
    width: 20px;
    fill: #EAF2E3;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.l-footer__share p.l-footer__copyright {
	font-size: 1.2rem;
	letter-spacing: .05em;
	opacity:.8;
	margin-top: 20px;
}
.modal-meta__info-tel a p span.f-en,
.modal-meta__info-contact a p span.f-en,
.l-footer__info-tel a p span.f-en,
.l-footer__info-contact a p span.f-en{
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	display: inline-block;
}
.modal-meta__info-tel a:hover p span.f-en,
.modal-meta__info-contact a:hover p span.f-en,
.l-footer__info-tel a:hover p span.f-en,
.l-footer__info-contact a:hover p span.f-en {
	opacity:.7;
}
@media screen and (min-width: 1600px) {
/* l-footer============================================== */
.l-footer {
    padding: 182px 14% 188px;
}
.l-footer__inner {
    margin-top: 56px;
}
.l-footer__sitename {
    width: 150px;
}
.l-footer__access p {
    font-size: 1.6rem;
}
.l-footer__access p:nth-child(2) {
    margin: 18px 0;
}
.l-footer__nav li {
    font-size: 2rem;
}
.l-footer__nav li a {
    padding: 15px 0;
}
.l-footer__info-tel p span:first-child,
.l-footer__info-contact p span:first-child {
    width: 38px;
    height: 38px;
}
.l-footer__info-tel p svg,
.l-footer__info-contact p span svg {
    width: 18px;
}
.l-footer__info-tel p,
.l-footer__info-contact p {
    font-size: 2.2rem;
}
.l-footer__info-contact {
    margin-top: 25px;
}
.l-footer__share p {
    font-size: 2.2rem;
}
.l-footer__share p.l-footer__copyright {
    font-size: 1.5rem;
    margin-top: 25px;
}
}


@media screen and (max-width: 1024px) {
.l-header__nav {
	right: 170px;
}
#l-header__access,
#l-header__toggle {
	right: 30px;
}
#l-header__access {
	right: 96px;
}

/* modal-menu============================================== */
.modal-menu__unit {
	padding-left: 6%;
}
.modal-img__bgunit, .modal-img__bg {
    width: 360px;
    height: 360px;
}

/* l-main__visual============================================== */
.l-main__body {
    min-height: 650px;
    max-height: 650px;
}
.l-main__slide .slide-visual__wrap {
    top: 60%;
	width: 40%;
    height: 70%;
}
.l-main__slide .slide-item .slide-visual__inner {
    left: 25vw;
}
.l-main__slide .slide-item .slide-meta {
    top: 50%;
	left: 7%;
}
.slide-title {
    letter-spacing: .14em;
}
.slide-pager {
    bottom: 33px;
}
.access-badge {
    bottom: 26px;
}

/* pickup============================================== */
.p-top-pickup {
    padding: 110px 0 0 6%;
}
.pickup-lst__arrow {
    width: 60px;
    height: 60px;
    bottom: -1px;
    right: -27px;
}

/* about============================================== */
.about-statement__text {
    width: 52%;
}
.about-statement__text-inner {
    padding: 120px 11.5% 0 11.5%;
}
.about-statement__bgvisual {
    width: 48%;
}
.about-statement:before,
.about-lst__unit:before {
    width: 42.5%;
}
#about-slider .swiper-scrollbar,
#product-slider .swiper-scrollbar,
#about-history-slider .swiper-scrollbar {
    width: 130px;
}
#about-slider .swiper-common {
    right: 6%;
}
.about-lst__visual-caption {
    font-size: 1.4rem;
    text-align: left;
}

/* menu============================================== */
.menu-lst__text-inner {
    padding: 0 35px 0 35px;
}
.menu-lst__copy h3 {
	width: 100%;
    line-height: 1.55;
    font-size: 1.7rem;
    letter-spacing: .05em;
}
.menu-lst__copy {
    margin-top: 18px;
}
.menu-lst__copy p {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-top: 14px;
}
.menu-lst__thumb {
    margin-top: 25px;
}

/* product============================================== */
.product-lst__visual {
    width: 52%;
}
.product-lst__text {
    width: 48%;
	padding: 0 0 0 30px;
}
.product-lst__details {
    margin-top: 15px;
}
.product-lst__title {
    font-size: 2rem;
}
.product-lst__read{
    margin-top: 12px;
}
.product-lst__note {
    margin-top: 16px;
}
.product-lst__copy {
    font-size: 1.7rem;
    line-height: 1.5;
	letter-spacing: .12em;
}
.product-lst__copy.mag-copy {
    letter-spacing: .08em;
}
#product-slider .swiper-common {
    top: 0;
}
#product-large-slider .swiper-common {
	top: 50%;
}
#about-slider .swiper-button-prev,
#about-slider .swiper-container-rtl .swiper-button-next,
#product-slider .swiper-button-prev,
#product-slider .swiper-container-rtl .swiper-button-next,
#about-history-slider .swiper-button-prev,
#about-history-slider .swiper-container-rtl .swiper-button-next {
    left: -127px;
}

/* wajimanuri============================================== */
.p-top-wajimanuri__details {
	align-items: flex-start;
}
.wajimanuri-details__text {
    padding: 0 5% 0 0;
}
.wajimanuri-details__catch {
    font-size: 2.1rem;
    letter-spacing: .2em;
}
.wajimanuri-details__catch span {
    margin: 0 0 19px 0;
}
.wajimanuri-details__read {
    margin-top: 34px;
}
.wajimanuri-lst__arrow {
    width: 60px;
    height: 60px;
    bottom: 21px;
    right: -29px;
}

/* news============================================== */
.p-top-news__body {
    padding: 125px 0 130px;
}
.p-news__meta {
    width: 20%;
    min-width: 180px;
}

/* l-footer============================================== */
.l-footer {
    padding: 135px 10% 140px;
}
}


@media screen and (max-width: 959px) {

/* header============================================== */
.l-header__nav {
	display: none;
}
#l-header__access,
#l-header__toggle {
	right: 25px;
}
#l-header__access {
    right: 93px;
}

/* modal-menu============================================== */
.modal-img__bgunit,
.modal-img__bg {
	display: none;
}
.modal-menu__contents-inner {
	display: block;
}
.modal-menu__unit {
    width: 80%;
    padding: 0 33px;
	margin:0 auto;
	height:auto;
	display: block;
    justify-content: flex-start;
    align-items: flex-start;
}
.modal-menu__unit-lst {
	padding-top: 150px;
    vertical-align: initial;
    display: block;
}
.modal-menu__unit-lst li {
	width: 100%;
    font-size: 2.7rem;
	padding:0;
}
.modal-menu__unit-lst li a {
    display: block;
	padding-top: 3px;
}
.modal-menu__arrow {
	width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #0f0f0f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
	top:0px;
    right: 0px;
}
.modal-menu__unit-lst li a .modal-menu__arrow span {
    display: flex;
}
.modal-menu__arrow span svg {
    width: 10px;
    fill: #EAF2E3;
}
.modal-menu__unit-lst li a p.f-amg span.js-split {
    font-size: 1.5rem;
}
.modal-meta__unit {
    width: 80%;
    height: auto;
    display: block;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 40px auto 0;
    padding: 0 0 60px;
}
.modal-meta__unit-inner {
	padding:0 33px;
	width: 100%;
	display: block;
}
.modal-meta__info-access {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 25px;
	opacity:.7;
}
.modal-meta__info-tel p span svg,
.modal-meta__info-contact p span svg {
    width: 14px;
}
.modal-meta__info-share p {
    font-size: 1.7rem;
	opacity:.7;
}
.modal-meta__info-share ul {
    margin-left: 15px;
	opacity:.7;
}
.modal-meta__info-share ul li {
    margin: 0 18px 0 0;
}
.modal-meta__copyright {
    margin-top: 15px;
    font-size: 1.3rem;
	color: #bdb8b4;
}

/* l-main__visual============================================== */
.l-main__body {
    min-height: 100%;
    max-height: 100%;
}
.l-main__slide .slide-visual__wrap {
    top: 45%;
    width: 76%;
    height: 56%;
}
.l-main__slide .slide-item .slide-visual__inner {
    left: 18vw;
    width: 100vw;
}
.l-main__slide .slide-item .slide-visual.active {
    -webkit-transition: width 2.2s ease;
    transition: width 2.2s ease;
	width: 150vw;
}
.slide-title {
    font-size: 1.4rem;
}
.slide-pager {
    bottom: auto;
    top: 68%;
    left: 7%;
    z-index: 10;
}
/*.slide-pager__inner {
    transition: transform 1s ease 0s,opacity 1s ease 0s;
    transform: translateX(-20px);
	opacity:0;
}*/
.l-main__slide .slide-item .slide-meta {
    top: auto;
    bottom: 30px;
    width: 90%;
}
.slide-num {
    font-size: 4.5rem;
}
.slide-num span.now,
.slide-num.num-max span.max {
    padding-left: 0px;
	margin-left: -1px;
    display: inline-block;
}
.slide-line {
    width: 90px;
	    margin: 0 2px;
}
.slide-num.num-max {
    padding: 13px 0 0 45px;
}
.slide-num.num-max,
.slide-num.num-max span.max {
    font-size: 3rem;
}
.copyright-label {
    font-size: 1.1rem;
}
.access-badge {
    bottom: 46px;
}

/* pickup============================================== */
.p-top-pickup {
    padding: 100px 0 0 6%;
}
.p-top-pickup__title {
    letter-spacing: .03em;
}
.p-top-pickup__body {
    padding: 70px 6% 100px 9%;
	overflow:hidden;
}
.pickup-lst__title {
    font-size: 1.4rem;
	margin-top: 8px;
}
.pickup-lst__arrow {
    bottom: -4px;
}

/* about============================================== */
.about-statement {
	display: block;
}
.p-top-about__title {
    letter-spacing: .06em;
}
.about-statement__text {
    width: 100%;
}
.about-statement__text-inner {
    padding: 110px 10% 0 10%;
}
.about-statement__read {
    margin-top: 25px;
}
.about-statement__bgvisual,
.about-statement__bgvisual-inner {
	display: none;
}
.about-statement__visual.sp-visual,
.about-statement__visual-inner.sp-visual {
	display: block;
    width: 100%;
    margin: 10px auto 0;
	overflow:hidden;
}
.about-lst__unit:before {
    width: 29.5%;
}
.about-statement:before {
	display: none;
}
.about-lst__visual-caption,
.history-lst__visual-caption {
	padding:0;
	overflow:hidden;
}
.about-lst.swiper-slide.swiper-slide-next span,
.about-lst.swiper-slide.swiper-slide-active span,
.history-lst.swiper-slide.swiper-slide-next span,
.history-lst.swiper-slide.swiper-slide-active span {
	display:inline-block;
}
.about-lst.swiper-slide .about-lst__visual-caption span,
.history-lst.swiper-slide .history-lst__visual-caption span {
    transition: transform 1.6s ease 0s,opacity 1.6s ease 0s;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    transition-duration: .7s;
}
.about-lst.swiper-slide.swiper-slide-active .about-lst__visual-caption span,
.history-lst.swiper-slide.swiper-slide-active .history-lst__visual-caption span {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
#about-slider .swiper-wrapper {
    padding: 90px 0 100px;
}
#about-slider .swiper-common,
#about-history-slider .swiper-common {
    right: 0;
    top: 0;
	left:0;
	margin:auto;
    position: relative;
}
#about-slider .swiper-scrollbar,
#about-history-slider .swiper-scrollbar {
	position:absolute;
	right:0;
	left:0;
	margin:auto;
	bottom:78px;
	top:auto;
	display:none;
}
#about-slider .swiper-button-unit,
#about-history-slider .swiper-button-unit {
	display: none !important;
}


/* menu============================================== */
.p-top-menu__body {
    padding: 100px 6%;
}
.p-top-menu__title {
    letter-spacing: .06em;
}
.menu-lst__unit {
    margin: 60px auto 0;
}
.menu-lst {
	padding:0;
	margin-bottom: 95px;
}
.menu-lst__inner {
	display: block;
}
.menu-lst__visual {
    width: 100%;
	margin: 0 auto;
}
.menu-lst__visual:after {
	background-color: #EAF2E3;
    width: 100%;
    height: 90%;
    position: absolute;
    content: '';
    z-index: 0;
	top:0;
    left: 0;
}
.menu-lst__visual-inner {
	width: 92%;
	margin:0 auto;
	z-index:1;
}
.menu-lst__name {
    left: 7%;
	letter-spacing: .03em;
}
.menu-lst__text-inner {
    padding: 50px 60px 70px;
}
.menu-lst__text {
    width: 100%;
}
.menu-lst__batch {
    width: 138px;
    left: -30px;
    top: -50px;
}
.menu-lst__copy h3 {
    line-height: 1.7;
    font-size: 1.9rem;
    letter-spacing: .05em;
}
.menu-lst__copy h3 br{
	display: block;
}
.menu-lst__guide h3 span {
    letter-spacing: .03em;
}

/* product============================================== */
.p-top-product__body {
    width: 80%;
}
.product-lst__inner {
	display: block;
}
.p-top-product__title {
    letter-spacing: .04em;
}
.product-lst__unit {
    margin: 28px auto 30px;
}
.product-lst__visual {
    width: 100%;
}
.product-lst__text {
    width: 100%;
    padding: 35px 0 0;
}
.product-lst__details {
    margin-top: 13px;
}
.product-lst__title {
    font-size: 2.2rem;
}
.product-lst__read,
.product-lst__note {
    margin-top: 13px;
}
.product-lst__note {
	margin-top:17px;
}
.product-lst__copy {
    font-size: 1.9rem;
    line-height: 1.6;
}
.product-lst__copy br {
    display: block;
}
#product-slider .swiper-common {
    top: 10px;
}
#product-large-slider .swiper-common {
    top: 50%;
}
#product-slider .swiper-button-prev {
    left: -120px;
}
#product-large-slider .swiper-button-prev,
#product-large-slider .swiper-container-rtl .swiper-button-next {
    left: 0px;
}
#product-large-slider .swiper-button-prev,
#product-large-slider .swiper-button-next {
    opacity: .7;
}
#product-slider .swiper-common .slide-line {
    left: -53px;
    width: 60px;
}
#product-slider .swiper-pagination-current {
    font-size: 2.7rem;
    left: -34px;
    top: -5px;
}
#product-slider .swiper-pagination-current:before {
    font-size: 2.7rem;
    left: -17px;
}

/* wajimanuri============================================== */
.p-top-wajimanuri__title {
    letter-spacing: .06em;
}
.p-top-wajimanuri:before {
    width: 22%;
    height: 25%;
    opacity: .2;
}
.p-top-wajimanuri__details {
    padding: 0 10%;
    margin: 52px auto 100px;
	display: block;
}
.wajimanuri-details__read {
    margin-top: 30px;
}
.wajimanuri-details__text {
    padding: 0;
    width: 100%;
}
.p-top-wajimanuri__whats h3 {
    letter-spacing: .03em;
}
.wajimanuri-details__catch {
    font-size: 2.4rem;
    letter-spacing: .3em;
}
.wajimanuri-details__visual {
    width: 100%;
    margin-top: 40px;
}
.p-top-wajimanuri__whats {
	padding:0 0 0 10%;
}
.wajimanuri-lst__unit {
	width: auto;
    flex-wrap: wrap;
    align-items: baseline;
	justify-content: flex-start;
	padding-right:10%;
    margin-left: 0;
    margin-right: -8%;
}
.wajimanuri-lst {
    width: 25%;
	margin: 0 8% 45px 0;
}
.wajimanuri-lst:nth-child(n + 4) {
	margin-bottom:0;
}
.p-top-wajimanuri__whats h3.wajimanuri-lst__title {
    letter-spacing: .05em;
}
.wajimanuri-lst__title span.f-en {
	letter-spacing: .03em;
}

/* news============================================== */
.p-top-news__body {
    width: 100%;
    padding: 95px 10% 110px;
    display: block;
}
.p-top-news__title {
    letter-spacing: .06em;
}
.p-news__meta {
	width: 100%;
	min-width: 100%;
}
.p-news__meta .cat-head {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    margin: 32px 0 0 0;
}
.p-news__meta .cat-head li {
	margin:0;
}
.p-news__meta .cat-head li a {
	padding: 12px;
}
.p-news__meta .cat-head li:first-child a {
	padding-left:0;
}
.news-lst__unit {
    width: 100%;
    padding-top: 40px;
}
.news-lst a .meta-arrow {
    width: 45px;
    height: 45px;
}

/* l-footer============================================== */
.l-footer__sitename {
    width: 86% !important;
    margin: 0 auto;
}
.l-footer__inner {
	display: block;
}
.l-footer__access {
    width: 100%;
    min-width: 100%;
    text-align: center;
}
.l-footer__nav {
	width: 46%;
	margin: 35px auto 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    align-items: center;
}
.l-footer__nav li a {
	padding: 12px;
}
.l-footer__info {
	margin-top: 35px;
}
.l-footer__info-contact {
    margin-top: 35px;
}
.l-footer__share {
    margin-top: 50px;
}
.l-footer__info-tel a.info-tel,
.modal-meta__info-tel a.info-tel {
	pointer-events: auto;
}
.l-footer__info-tel p,
.l-footer__info-contact p {
	display: block;
	text-align:center;
}
.l-footer__info-tel p span:first-child,
.l-footer__info-contact p span:first-child {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
}
.l-footer__share-inner {
	display: block;
	text-align:center;
}
.l-footer__share ul {
    display: flex;
    align-items: center;
    margin: 10px auto 0;
    justify-content: center;
}
.l-footer__share p {
	text-align:center;
}
.l-footer__share p.l-footer__copyright {
    margin-top: 50px;
}
	
	
}

@media screen and (max-width: 569px) {
/* anime============================================== */	
.js-scroll__scale,
.js-visual__scale {
    -webkit-transform: scale(1.1) translate(-15px,0);
    transform: scale(1.1) translate(-15px,0);
}
.js-scroll__scale.scale-lst {
    -webkit-transform: scale(1.05) translate(-15px,0);
    transform: scale(1.05) translate(-15px,0);
}
.scale-scroll-in {
    transition: opacity .5s ease-in,-webkit-transform 1.5s;
    transition: transform 1.5s,opacity .5s ease-in;
    transition: transform 1.5s,opacity .5s ease-in,-webkit-transform 1.5s;
}	
.news-lst.scale-scroll-in {
	transition: opacity .5s ease-in,-webkit-transform 1s;
    transition: transform 1s,opacity .5s ease-in;
    transition: transform 1s,opacity .5s ease-in,-webkit-transform 1s;
}

/* l-opening============================================== */	
.l-opening__logo {
    width: 90px;
    height: 20px;
}	

/* l-header============================================== */
.l-header__sitename {
    width: 200px;
    top: 25px;
    left: 20px;
}
#l-header__access,
#l-header__toggle {
    width: 42px;
    height: 42px;
	right: 15px;
    top: 16px;
}
#l-header__access {
    right: 64px;
}
#l-header__access a span svg {
    width: 14px;
}
.toggle {
    width: 18px;
    height: 28px;
}

/* modal-menu============================================== */
.modal-menu__unit {
    width: 100%;
}
.modal-menu__unit-lst {
	padding-top: 105px;
}
.modal-meta__unit {
    width: 100%;
}
.modal-menu__unit-lst li {
    font-size: 2.1rem;
}
.modal-menu__unit-lst li a p.f-amg span.js-split {
    font-size: 1.1rem;
}
.modal-menu__arrow {
    width: 32px;
    height: 32px;
}
.modal-menu__arrow span svg {
    width: 8px;
}
.modal-meta__info-tel p,
.modal-meta__info-contact p {
    font-size: 1.7rem;
}
.modal-meta__info-tel p span:first-child,
.modal-meta__info-contact p span:first-child {
    width: 24px;
    height: 24px;
}
.modal-meta__info-tel p span svg,
.modal-meta__info-contact p span svg {
    width: 11px;
}
.modal-meta__info-access {
    font-size: 1.2rem;
}
.modal-meta__info-share p {
    font-size: 1.3rem;
}
.modal-meta__copyright {
    font-size: 1.1rem;
}

/* l-main__visual============================================== */
.l-main__slide .slide-item {
    padding: 0 33px;
}
.l-main__slide .slide-visual__wrap {
    top: 42%;
    width: 100%;
    height: 50%;
}
.l-main__slide .slide-item .slide-visual {
    left: -30vw;
}
.l-main__slide .slide-item .slide-visual__inner {
    left: 0vw;
}
.l-main__slide .slide-item .slide-visual span {
    width: calc(100% + 70px);
}
.l-main__slide .slide-item .slide-visual.active {
    -webkit-transition: width 2s ease;
    transition: width 2s ease;
	width: 150vw;
}
.l-main__slide .slide-item .slide-meta {
    bottom: 16px;
    width: 90%;
    left: 33px;
}
.slide-title {
    font-size: 1.5rem;
    letter-spacing: .14em;
}
.slide-title span.js-split:nth-child(2) {
    margin: 15px 0;
}
.slide-pager {
    top: 62%;
    left: 20px;
    z-index: 10;
}
.slide-num {
    font-size: 2.8rem;
}
.slide-num.num-max,
.slide-num.num-max span.max {
    font-size: 1.9rem;
}
.slide-line {
    width: 54px;
}
.slide-num.num-max {
    padding: 11px 0 0 28px;
}
.access-badge {
	width: 100px;
    height: 100px;
    bottom: 36px;
    right: 23px;
}
.access-badge a {
	width: 100px;
    height: 100px;
}
.access-badge a span svg {
    width: 20px;
}
.access-label span.f-en {
    font-size: 1.4rem;
    letter-spacing: .05em;
}
.access-label span.f-amg {
    font-size: 1rem;
    letter-spacing: .01em;
}
.copyright-label {
	display: none;
}
.access-badge.active .access-label span .msk {
    transition: transform 1s ease .4s,opacity 1s ease .4s;
}
.access-badge.active .access-label span:nth-child(2) .msk {
    transition: transform 1s ease .45s,opacity 1s ease .45s;
}

/* pickup============================================== */
.p-top-pickup {
    padding: 70px 0 0 33px;
}
.p-top-pickup__body {
    padding: 45px 0 40px 40px;
}
.p-top-pickup__title {
    font-size: 1.6rem;
}
.pickup-lst__unit {
    margin: 12px 0 0 0;
}
.pickup-lst__title {
    font-size: 1.3rem;
}
.pickup-lst__unit.swiper-container {
    margin-left: -18.7%;
}
.pickup-lst.swiper-slide .pickup-lst__arrow {
	width: 50px;
    height: 50px;
    bottom: 8px;
    right: -18px;
	webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .6s;
    transition: transform .6s;
}
.pickup-lst.swiper-slide.swiper-slide-active .pickup-lst__arrow {
	-webkit-transform: scale(1.0);
    transform: scale(1.0);
	bottom: 1px;
    right: -22px;
}
.pickup-lst__arrow span svg {
    width: 10px;
}

/* about============================================== */
.about-statement {
    padding: 0 0 60px 0;
}
.about-statement__text {
    padding: 50px 0 0 0;
}
.about-statement__text-inner {
    padding: 70px 33px 0 33px;
}
.p-top-about__title {
    font-size: 1.9rem;
}
.about-statement__catch {
    font-size: 1.5rem;
    letter-spacing: .12em;
    margin-top: 28px;
}
.about-statement__catch span {
    margin: 0 0 16px 0;
}
.about-statement__catch span:last-child {
    margin: 0;
}
.about-statement__visual.sp-visual {
    margin: 35px auto 0;
}
.about-statement__visual-inner.sp-visual {
    margin: 0;
}
.about-statement__read {
    font-size: 1.2rem;
    line-height: 1.8;
    margin-top: 25px;
}
#about-slider .swiper-scrollbar,
#about-history-slider .swiper-scrollbar {
	bottom:48px;
}
#about-slider .swiper-wrapper {
    padding: 58px 0 60px;
}
#about-history-slider .swiper-wrapper {
    padding: 38px 0 40px;
}
.about-lst__visual-caption {
	width: 85%;
    font-size: 1.2rem;
    line-height: 1.3;
    margin-top: 8px;
}
.about-lst__unit:before {
    width: 27%;
}
.batch-btn {
    width: 115px;
    margin: 40px auto 0;
}
.batch-btn__inner {
    width: 115px;
    height: 115px;
}
#product-slider .swiper-button-unit {
	display: none !important;
}
#product-slider .swiper-scrollbar {
    right: 33px;
    top: 10px;
    width: 100px;
}
#product-slider .swiper-pagination {
	display: none;
}
#product-large-slider .swiper-button-unit {
    display: flex !important;
}
#product-large-slider .swiper-button-next,
#product-large-slider .swiper-container-rtl .swiper-button-prev,
#product-large-slider .swiper-button-prev,
#product-large-slider .swiper-container-rtl .swiper-button-next {
    width: 30px;
    height: 30px;
}
#product-large-slider .swiper-button-prev span,
#product-large-slider .swiper-button-next span {
    width: 10px;
}

/* menu============================================== */
.p-top-menu__body {
    padding: 64px 20px;
}
.p-top-menu__title {
    font-size: 1.9rem;
}
.p-top-menu__read {
    font-size: 1.3rem;
    letter-spacing: .1em;
    line-height: 2.2;
    text-align: center;
    margin-top: 25px;
}
.p-top-menu__read br.sp-br {
	display:block;
}
.menu-lst__unit {
    margin: 45px auto 0;
}
.menu-lst {
    margin-bottom: 75px;
}
.menu-lst:last-child {
	margin-bottom:0;
}
.menu-lst__visual-inner {
	width: 92.24%;
    padding: 0;
}
.menu-lst__name {
    left: 25px;
    font-size: 1.5rem;
    bottom: 10px;
}
.menu-lst__batch {
    width: 105px;
    left: -30px;
    top: -40px;
}
.menu-lst__text-inner {
    padding: 35px 25px 40px;
}
.menu-lst__guide h3 {
    font-size: 1.7rem;
	width: auto;
}
.menu-lst__guide h3 span {
    font-size: 1rem;
    margin-top: 5px;
}
.menu-lst__price {
  padding-top: 2px;
}
.menu-lst__price span {
    font-size: 1.3rem;
}
.menu-lst__copy h3 {
    font-size: 1.5rem;
	line-height:1.5;
}
.menu-lst__copy h3 br {
    display: none;
}
.menu-lst__copy {
    margin-top: 13px;
}
.menu-lst__copy p {
    font-size: 1.2rem;
    line-height: 1.7;
    margin-top: 10px;
}
.menu-lst__thumb {
    margin-top: 18px;
}
.menu-lst__thumb-lst {
    width: 47.5%;
}

/* product============================================== */
.p-top-product {
    padding: 64px 0 70px;
}
.p-top-product__body {
    width: 100%;
    padding: 0 33px;
}
.p-top-product__title {
    font-size: 1.9rem;
}
.p-top-product__read {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 24px;
    letter-spacing: .05em;
}
.product-lst__text {
    padding: 24px 0 0;
}
.p-top-product__read br {
	display: none;
}
.product-lst__unit {
    margin: 20px auto 40px;
}
.product-lst__title {
    font-size: 1.7rem;
}
.product-lst__details {
    margin-top: 14px;
}
.product-lst__copy {
    font-size: 1.5rem;
    line-height: 1.5;
}
.product-lst__copy.mag-copy {
	letter-spacing: .03em;
}
.product-lst__read,
.product-lst__note {
    font-size: 1.3rem;
    line-height: 1.5;
	margin-top: 10px;
}
.product-lst__note {
    font-size: 1.1rem;
	margin-top: 15px;
}
.product-details__data {
    margin-top: 22px;
}
.product-details__index {
    font-size: 1.4rem;
    padding-bottom: 10px;
    margin-bottom: 16px;
}
.product-details__data ul li {
    font-size: 1.2rem;
	margin-bottom: 12px;
}
.product-details__data ul li p:first-child {
    font-size: 1.1rem;
    padding: 6px 0px;
    width: 50px;
    min-width: 50px;
}
.product-details__more {
    margin-top: 20px;
}
.more-btn__label {
    font-size: 1.1rem;
}

/* wajimanuri============================================== */
.p-top-wajimanuri__body {
    padding: 65px 0 70px;
}
.p-top-wajimanuri__title {
    font-size: 1.9rem;
}
.p-top-wajimanuri:before {
	display: none;
}
.p-top-wajimanuri__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 12px;
}
.wajimanuri-details__catch {
    font-size: 2.2rem;
    letter-spacing: .2em;
}
.p-top-wajimanuri__details {
    padding: 0 33px;
    margin: 38px auto 70px;
}
.wajimanuri-details__read {
	margin-top: 23px;
    font-size: 1.3rem;
	line-height: 1.85;
}
.wajimanuri-details__visual-inner:before,
.wajimanuri-details__visual-inner:after {
	height: 12px;
}
.wajimanuri-details__visual-inner:after {
	width: 12px;
	height: 100%;
}
.p-top-wajimanuri__whats {
    padding: 0 0 0 33px;
}
.wajimanuri-whats__inner {
    padding: 45px 0 50px;
}
.wajimanuri-whats__inner:before {
    width: 17.5%;
}
.p-top-wajimanuri__whats h3 {
    font-size: 1.6rem;
}
.wajimanuri-lst__unit {
    width: 100%;
	display: block;
    padding-right: 33px;
	margin: 12px 0 0;
}
.wajimanuri-lst {
    width: 100%;
    margin: 0 0 30px 0;
}
.wajimanuri-lst__arrow {
    width: 50px;
    height: 50px;
    bottom: 13px;
    right: -23px;
}
.wajimanuri-lst__arrow span svg {
    width: 10px;
}
.p-top-wajimanuri__whats h3.wajimanuri-lst__title {
    font-size: 1.3rem;
    margin-top: 8px;
	letter-spacing: .03em;
}
.wajimanuri-lst__title span.f-en {
    font-size: 1rem;
    opacity: .7;
	margin-top: 5px;
}
.wajimanuri-lst:nth-child(n + 4) {
    margin-bottom: 30px;
}
.wajimanuri-lst:last-child {
	margin-bottom:0;
}
.p-top-wajimanuri .batch-btn {
    margin: 45px auto 0;
}

/* news============================================== */
.p-top-news__body {
    width: 100%;
    padding: 65px 20px 60px;
}
.p-top-news__title {
    font-size: 1.9rem;
}
.p-news__meta .cat-head {
	margin: 22px 0 0;
}
.p-news__meta .cat-head li {
    font-size: 1.2rem;
    line-height: 1;
}
.p-news__meta .cat-head li a {
    padding: 0 6px;
    display: block;
}
.p-news__meta .cat-head li a span {
    font-size: 1.2rem;
    margin-right: 3px;
}
.news-lst__unit {
    padding-top: 25px;
}
.news-lst a {
    padding: 20px 13px;
}
.news-lst .meta-details {
    width: 100%;
}
.news-lst a .meta-cat {
    font-size: 1rem;
    padding: 4px 6px 4px 6px;
}
.news-lst a .meta-title {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 10px;
    padding-right: 0px;
}
.news-lst a .meta-day {
    font-size: 1rem;
}
.news-lst a .meta-arrow {
	display: none;
}

/* l-footer============================================== */
.l-footer {
    padding: 75px 60px 80px;
}
.l-footer__sitename {
    width: 90px;
}
.l-footer__inner {
    margin-top: 35px;
}
.l-footer__access p {
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight:bold;
}
.l-footer__nav {
    width: 100%;
    margin: 30px auto 0;
}
.l-footer__nav li {
    font-size: 1.4rem;
}
.l-footer__info-tel p span:first-child,
.l-footer__info-contact p span:first-child {
    width: 34px;
    height: 34px;
}
.l-footer__info-tel p,
.l-footer__info-contact p {
    font-size: 2.2rem;
}
.l-footer__info-contact {
    margin-top: 35px;
}
.l-footer__share p {
    font-size: 1.3rem;
}
.l-footer__share ul {
    margin: 20px auto 0;
}
.l-footer__share ul li {
    margin: 0 30px 0 0;
}
.l-footer__share ul li svg {
    width: 23px;
}
.l-footer__share ul li:last-child {
    margin: 0
}
.l-footer__share p.l-footer__copyright {
    font-size: 1.2rem;
	margin-top: 50px;
	opacity:.7;
}
}

/* about-page============================================== */
.l-page__visual {
    width: 100%;
    position: relative;
    overflow: hidden;
	background-color: #fff;
}
.l-page__visual:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width: 100%;
	height: 50%;
	background-color:#fff;
	z-index:0;
}
.l-page__visual-body {
    width: 100%;
	padding: 18% 6% 0 14.5%;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.page-visual__title {
    font-size: 5rem;
    color: #8ecdde;
    line-height: 1;
	min-width: 30%;
	letter-spacing: .07em;
	font-weight: 500;
}
.page-visual__title span:first-child {
	display: inline-block;
	line-height: .78;
}
.page-visual__title span.title-jp {
    font-size: 1.5rem;
    line-height: 1;
    color: #cec8c2;
    margin-top: 10px;
    display: block;
	letter-spacing: .05em;
}
.page-visual-scroll {
	display: none;
}
.page-visual__bg {
    position: relative;
    width: 62%;
	height:auto;
    z-index: 1;
	margin-top: 50px;
}
.page-visual__bg-inner {
	width: 100%;
	height:auto;
	overflow:hidden;
}
#about-page .page-visual__bg-inner {
    width: 100%;
    padding: 50% 0;
    position: relative;
    overflow: hidden;
}
#about-page .page-visual__bg .page-visual__bg-inner span {
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#about-page .page-visual__bg .page-visual__bg-inner p {
	width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    outline: 0px none #000;
    overflow: hidden;
}
#about-page .page-visual__bg .page-visual__bg-inner p span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50vw;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#about-page .page-visual__bg.active .page-visual__bg-inner p {
    -webkit-transition: width .8s linear;
    transition: width .8s linear;
    width: 100%;
}

#about-page .cat-head {
	position:absolute;
	left:14.5%;
	bottom: 20%;
	z-index:2;
}
#about-page .cat-head li,
#product-page .cat-head li,
#news-page .cat-head li {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 35px;
    letter-spacing: .02em;
}
#about-page .cat-head li:last-child {
	margin-bottom:0;
}
#about-page .cat-head li a,
#product-page .cat-head li a,
#news-page .cat-head li a {
    color: #8ECDDE;
    position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
	justify-content: flex-start;
}
#about-page .cat-head li a span,
#product-page .cat-head li a span {
	display: flex;
}
#about-page .cat-lst__arrow,
#product-page .cat-lst__arrow {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
	margin-right: 12px;
}
.cat-head li a span.label {
	position:relative;
	overflow:hidden;
	padding: 2px 0;
}
#about-page .cat-lst__arrow span svg,
#product-page .cat-lst__arrow span svg {
    width: 7px;
    fill: #8ECDDE;
}
.p-page-about {
    width: 100%;
	background-color:#fff;
}
.p-page-about__body {
    width: 100%;
    margin: 0 auto 0px;
    position: relative;
	padding: 150px 0 0;
}
.about-message {
	width: 100%;
}
.about-message__text {
	width: 70%;
	margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	color: #8ECDDE;
	padding-bottom: 100px;
}
.about-message__text-inner {
	text-align:left;
}
.p-section-about__title,
.p-section__title {
    font-size: 2.2rem;
    letter-spacing: .07em;
    line-height: 1;
	position:relative;
}
.p-section-about__title span,
.p-section__title span {
    position: relative;
    display: inline-block;
}
.p-section-about__title span.js-split:before,
.p-section__title span.js-split:before {
    background-color: #8ECDDE;
}
.about-message__catch {
	font-size: 2.8rem;
    line-height: 1;
    letter-spacing: .18em;
    margin: 35px 0 15px 0;
}
.about-message__catch span {
    display: block;
    margin: 0 0 24px 0;
}
.about-message__read {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .17em;
	margin-bottom: 34px;
	color:#666;
}
.about-profile {
	position:relative;
	background-color: #FFF;
}
.about-profile__inner {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.about-profile__bgvisual {
	width: 50%;
	padding: 34% 0;
	position:relative;
	overflow:hidden;
}
.about-profile__bgvisual-inner {
	position: absolute;
    z-index: 1;
    display: block;
	top:0;
	left:0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/about/about-profile__bgvisual.jpg");
}
.about-profile__details {
	width: 50%;
	margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.about-profile__details-inner {
	width: 100%;
	padding: 14% 16%;
}
.profile-label {
	width: 100%;
}
.profile-label p {
	font-size: 1.2rem;
	letter-spacing: .1em;
	position:relative;
	line-height:1;
	color: #8ECDDE;
	overflow:hidden;
}
.profile-label p.profile-title {
	font-weight: 500;
	margin-bottom: 11px;
}
.profile-label p.profile-name {
	font-size: 2.6rem;
    border-bottom: solid 1px #8ECDDE;
    padding-bottom: 18px;
    margin-bottom: 10px;
}
.profile-label p.profile-ruby {
	text-align:right;
	color: #b8b8b8;
}
.profile-name p span {
	position:relative;
}
.profile-read {
	font-size: 1.4rem;
	color:#666;
	line-height:1.8;
	letter-spacing: .1em;
	margin-top: 35px;
}
.profile-read span {
	display: inline-block;
}
.profile-read span:last-child {
	margin-top: 13px;
}
.about-profile .more-btn__label {
    font-size: 1.2rem;
    letter-spacing: .03em;
}
.about-quality {
	width: 100%;
	position:relative;
	background-color: #EAF2E3;
	z-index:0;
}
.about-quality:after {
	position:absolute;
	content:'';
	width: 16%;
	height: 100%;
	left:0;
	top:0;
	z-index:-1;
	background-color: #FFF;
}
.about-quality__inner {
	padding: 120px 6%;
}
.about-quality .p-section-about__title {
    font-size: 2.8rem;
    letter-spacing: .12em;
	color:#8ECDDE;
	text-align:center;
}
.about-quality .p-section-about__title span.title-jp {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 18px;
    display: block;
	letter-spacing: .05em;
}
.quality-lst__unit {
	width: 100%;
	margin: 85px auto 0;
}
.quality-lst {
	width: 100%;
	position:relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
    align-items: center;
	margin-bottom: 140px;
	position:relative;
}
.quality-lst:nth-child(3) {
	margin-bottom: 50px;
}
.quality-lst:last-child {
	margin-bottom: 0px;
}
.quality-lst__visual {
	width: 52%;
}
.quality-lst__visual-inner {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: space-between;
	overflow:hidden;
}
.quality-lst__visual-inner div {
	width: 44%;
	overflow:hidden;
}
.quality-lst__visual-inner div:last-child {
	padding-top: 50px;
}
.quality-lst__text {
	width: 48%;
	color: #8ECDDE;
	padding-top: 5%;
}
.quality-lst__text-inner {
	width: 100%;
	padding-left: 14%;
}
.quality-lst__sub {
	font-size: 1rem;
	line-height:1;
	letter-spacing:.05em;
}
.quality-lst__sub span{
	opacity:.7;
	position:relative;
}
.quality-lst__sub span.f-en {
	font-weight: 500;
}
.quality-lst__sub span:last-child {
	padding-left: 18px;
}
.quality-lst__sub span:last-child:before {
	content: '';
    position: absolute;
    left: 5px;
    width: 8px;
    background-color: #8ECDDE;
    height: 1px;
    top: calc(50% - 0px);	
}
.quality-lst__text h3 {
	font-size: 2.2rem;
	line-height:1.7;
	margin-top: 30px;
	letter-spacing: .15em;
}
.quality-lst__text h3.for-cfe {
	letter-spacing: .13em;
}
.quality-lst__read {
	font-size: 1.4rem;
	line-height:1.7;
	color: #666;
	letter-spacing: .07em;
	margin-top: 20px;
}
.quality-lst__ornament {
	position:absolute;
	right: -6%;
    top: 0;
    width: 41.4%;
}
.q-ornament02 {
	right:0;
	width: 33.8%;
}
.q-ornament03 {
	width: 40%;
}
.q-ornament04 {
	right: -45%;
    width: 78%;
}
.quality-creators__unit {
	width: 100%;
	padding: 60px 8%;
	background-color: #efebe1;
	margin-bottom: 120px;
}
.quality-creators__unit .p-section-about__title {
    font-size: 2rem;
    letter-spacing: .06em;
    color: #8ECDDE;
	margin-bottom: 45px;
}
.quality-creators__unit .p-section-about__title.js-scroll__split .js-split:before {
	display: none;
}
.quality-creators__unit .p-section-about__title span.title-jp {
    margin: 4px auto 0px;
}
.creators-lst {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	background-color: #FFF;
	padding: 30px 15px;
	color: #8ECDDE;
	margin-bottom: 22px;
}
.creators-icon {
	width: 120px;
    min-width: 120px;
    height: 100%;
}
.creators-icon img{
	width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
}
.creators-details {
	width: 80%;
	margin-left: 26px;
}
.creators-meta {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
.creators-name{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.creators-name p:first-child {
	font-size: 2.3rem;
	line-height:1;
	margin-right: 9px;
	letter-spacing: .05em;
}
.creators-name p:last-child {
    background-color: #ebe4e4;
    font-size: 1.2rem;
    padding: 4px 6px 4px 4px;
    width: auto;
    text-align: center;
    border-radius: 4px;
}
.creators-social {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}
.creators-social li {
    display: block;
    margin: 0 5px 0 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.creators-social li:last-child {
	margin:0;
}
.creators-social li a {
	-webkit-transition: .5s ease;
    transition: .5s ease;
	width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.creators-social li a svg {
	width: 17px;
	height:auto;
	-webkit-transition: .5s ease;
    transition: .5s ease;
}
.creators-social li a svg.fb {
	width: 16px;
}
.hover .creators-social li a:hover svg {
    fill: #EAF2E3;
	-webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.hover .creators-social li a:hover {
	background-color:#8ECDDE;
}
.creators-details h3 {
	font-size: 1.9rem;
	letter-spacing: .1em;
	line-height: 1.4;
	margin-top: 13px;
}
.creators-read {
	font-size: 1.3rem;
	letter-spacing: .05em;
	line-height:1.6;
	margin-top: 7px;
	color: #666;
}
.creators-scroll {
    width: 20px;
    height: 80px;
	margin: 0 auto 40px;
    z-index: 10;
	position:relative;
}
.scroll-line.scroll-line {
    width: 2px;
    height: auto;
    position: absolute;
    left: calc(50% - 0px);
    top: 15%;
    z-index: 1;
}
.scroll-line-ob-container {
    position: relative;
    overflow: hidden;
    width: 2px;
    height: 50px;
}
.scroll-line .ob01 {
    -webkit-animation: scroll-line 2s linear 0s infinite;
    animation: scroll-line 2s linear 0s infinite;
}
.scroll-line .ob02 {
    -webkit-animation: scroll-line-b 2s linear 1s infinite;
    animation: scroll-line-b 2s linear 1s infinite;
}
.scroll-line-ob {
    position: absolute;
    left: 0;
    display: inline-block;
    height: 75%;
    width: 3px;
    background-color: #0d0d0e;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@-webkit-keyframes scroll-line {
0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
100% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
}
}
@keyframes scroll-line{
	0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
100% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
}
}
@-webkit-keyframes scroll-line-b {
0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
100% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
}
}
@keyframes scroll-line-b{
	0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
100% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
}
}

.about-history {
	width: 100%;
	background-color:#0f0f0f;
	position:relative;
	z-index:0;
}
.about-history:before {
    position: absolute;
    z-index: 1;
    display: block;
    width: 30%;
	height: 50%;
	content:'';
	right:0;
	top:0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-image: url("../images/about/history-bgvisual.jpg");
	opacity:.1;
}
.about-history__inner {
	padding: 170px 0 130px 0;
	position:relative;
	z-index:2;
}
.about-history__text {
	width: 100%;
	padding:0 12%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	 justify-content: space-between;
	 margin-bottom: 120px;
}
.about-history__text .p-section-about__title {
    font-size: 2.8rem;
}
.about-history__text .p-section-about__title span.title-jp {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 18px;
    display: block;
    letter-spacing: .05em;
}
.about-history__text .p-section-about__title span.js-split:before {
    background-color: #EAF2E3;
}
.about-history__details {
	width: 68%;
}
.about-history__catch {
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: .2em;
	margin-bottom: 45px;
}
.about-history__catch span {
    display: block;
    margin: 0 0 20px 0;
}
.about-history__catch span:last-child {
	margin:0;
}
.about-history__read{
	font-size: 1.4rem;
	color: #ccc;
	line-height: 2;
	letter-spacing: .05em;
}
.about-history__unit {
    width: 100%;
    position: relative;
    margin: 0;
    background-color: #000;
	padding: 150px 0 120px 0;
    z-index: 0;
}
.about-history__unit:before {
	position:absolute;
	content:'';
	left:0;
	top:0;
	width: 15%;
	height: 100%;
	background-color: #0f0f0f;
	z-index:1;
}
.history-lst {
    width: 30%;
    position: relative;
}
.history-lst__visual {
    width: 100%;
    overflow: hidden;
}
.history-lst__visual-inner {
    position: relative;
    height: 100%;
    display: block;
}
.history-lst__visual-caption {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 10px;
    text-align: right;
    color: #EAF2E3;
}
.about-access {
	position:relative;
	padding: 170px 0;
	color: #666;
}
.about-access:before{
	position:absolute;
	content:'';
	width: 30%;
	height: 34.5%;
	background-color: #FFF;
	left:0;
	top:0;
}
.about-access__inner {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
	padding: 0 6%;
}
.about-access__bgvisual {
	width: 53%;
	position:relative;
	overflow:hidden;
}
.about-access__bgvisual-inner {
	position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/about/about-access__bgvisual.jpg");
}
.about-access__details {
	width: 47%;
	margin:0 auto;
    position: relative;
	padding: 9% 0 5% 8%;
	line-height:1;
}
.about-access__details .p-section-about__title {
    font-size: 2.8rem;
    letter-spacing: .12em;
	color:#8ECDDE;
}
.about-access__details .p-section-about__title span.title-jp {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 18px;
    display: block;
	letter-spacing: .05em;
}
.about-access__details-inner {
	width: 100%;
	margin-top: 45px;
}
.about-access__details-inner ul {
	position:relative;
}
.about-access__details-inner ul li {
    font-size: 1.45rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
	letter-spacing: .03em;
}
.about-access__details-inner ul li p:first-child {
    background-color: #ebe4e4;
    font-size: 1.35rem;
    padding: 8px 0px;
    width: 78px;
    min-width: 78px;
    text-align: center;
    border-radius: 4px;
    margin-right: 15px;
}
.about-access__details-inner ul li p span {
	display: block;
	margin-bottom: 8px;
}
.access-note {
	font-size: 1.25rem;
	margin: 8px 0 0;
	display:block;
}
.access-root {
	margin-top: 85px;
	padding:0 6%;
}
.access-root__inner {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	 justify-content: space-between;
}
.root-lst {
	width: 31%;
	background-color: #efebe1;
	padding: 30px 35px 30px;
}
.root-label {
	position:relative;
	text-align:center;
}
.root-label p {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #0f0f0f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    z-index: 10;
	margin: 0 auto;
}
.root-label p span svg {
    width: 17px;
	fill:#EAF2E3;
}
.root-label p span svg.bus {
	width: 14px;
}
.root-label h3 {
	font-size: 1.9rem;
	letter-spacing: .05em;
	line-height:1;
	margin-top: 10px;
}
.root-guide {
	margin-top: 25px;
}
.root-guide li {
	font-size: 1.5rem;
	line-height:1.5;
	margin-bottom: 20px;
	position:relative;
	padding-left: 0px;
}
.root-guide li:last-child {
	margin-bottom:0;
}
.root-guide li:before {
	content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #0f0f0f;
    left: 0;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
	display: none;
}
.page-content__unit {
	width: 100%;
	background-color: #FFF;
	padding: 135px 0 115px;
}
.page-content__unit-inner {
	padding:0 6%;
	position:relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	 justify-content: space-between;
	 color:#8ECDDE;
}
.page-content__unit .p-section__title {
	font-size: 2.5rem;
}
.page-content__unit .p-section__title span.title-jp {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 18px;
    display: block;
    letter-spacing: .05em;
}
.content-unit {
	width: 80%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	 justify-content: space-between;
}
.content-lst {
	width: 30%;
}
.content-lst a {
	width: 100%;
	color:#8ECDDE;
}
.content-lst__visual {
	width: 100%;
    overflow: hidden;
}
.content-lst__visual__inner {
	position:relative;
}
.content-lst h3.content-lst__title {
    font-size: 2.2rem;
    line-height: 1;
    margin-top: 14px;
    letter-spacing: .02em;
}
.content-lst h3.content-lst__title span.f-en {
	font-weight: 500;
}
.content-lst h3.content-lst__title span.f-amg {
    font-size: 1.2rem;
    opacity: .7;
    line-height: 1;
    display: block;
    margin-top: 3px;
}
.page-pickup__unit {
	width: 100%;
	background-color: #EAF2E3;
}
.page-pickup__unit-inner {
	padding: 120px 6%;
	color:#8ECDDE;
}
.page-pickup__unit .p-section__title span.js-split:before {
	display: none;
}
.page-pickup__unit .pickup-lst__unit {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
span.pc-block {
	display:inline-block;
}
span.sp-block {
	display:none;
}
br.sp-block {
	display: none;
}

@media screen and (min-width: 1600px) {
/* about-page============================================== */
.page-visual__bg {
	margin-top: 62px;
}
#about-page .cat-head li {
    margin-bottom: 44px;
}
.about-message__text {
	padding-bottom: 125px;
}
.page-visual__title {
    font-size: 6.25rem;
}
.page-visual__title span.title-jp {
    font-size: 2.2rem;
	margin-top: 12px;
}
#about-page .cat-head li {
    font-size: 2.2rem;
}
#about-page .cat-lst__arrow {
    width: 30px;
    height: 30px;
}
.p-page-about__body {
    padding: 190px 0 0;
}
.p-section-about__title, .p-section__title {
    font-size: 2rem;
}
.about-message__catch {
    font-size: 3.5rem;
	margin: 43px 0 18px 0;
}
.about-message__catch span {
    margin: 0 0 30px 0;
}
.about-message__read {
    font-size: 1.9rem;
	margin-bottom: 42px;
}
.profile-label p {
    font-size: 1.5rem;
}
.profile-label p.profile-name {
    font-size: 3.2rem;
    padding-bottom: 22px;
    margin-bottom: 12px;
}
.profile-read {
    font-size: 1.7rem;
}
.profile-label p.profile-title {
    margin-bottom: 14px;
}
.about-profile .more-btn__label {
    font-size: 1.4rem;
}
.about-quality__inner {
	padding: 150px 6%;
}
.about-quality .p-section-about__title {
    font-size: 3.5rem;
}
.about-quality .p-section-about__title span.title-jp {
    font-size: 1.7rem;
}
.quality-lst {
    margin-bottom: 175px;
}
.quality-lst:nth-child(3) {
    margin-bottom: 62px;
}
.quality-lst__sub {
    font-size: 1.2rem;
}
.quality-lst__text h3 {
    font-size: 2.7rem;
}
.quality-creators__unit {
    padding: 90px 8% 100px;
}
.quality-lst__read {
    font-size: 1.7rem;
}
.quality-creators__unit .p-section-about__title span.title-jp {
    margin: 5px auto 0px;
}
.quality-creators__unit .p-section-about__title {
    font-size: 2.5rem;
    margin-bottom: 56px;
}
.about-quality .p-section-about__title span.title-jp {
    font-size: 1.7rem;
}
.creators-lst {
    padding: 38px 18px;
    margin-bottom: 28px;
}
.creators-icon {
    width: 150px;
    min-width: 150px;
}
.creators-details {
    margin-left: 32px;
}
.creators-name p:first-child {
    font-size: 2.6rem;
	margin-right: 12px;
}
.creators-name p:last-child {
    font-size: 1.5rem;
    padding: 5px 7px 5px 5px;
}
.creators-details h3 {
    font-size: 2.2rem;
	margin-top: 16px;
}
.creators-read {
    font-size: 1.5rem;
	margin-top: 9px;
	line-height:1.5;
}
.about-history__unit {
    padding: 188px 0 150px 0;
}
#about-history-slider .swiper-common {
	top: 92px;
}
.about-history__inner {
    padding: 212px 0 162px 0;
}
.about-history__text {
    margin-bottom: 150px;
}
.about-history__text .p-section-about__title {
    font-size: 3.5rem;
}
.about-history__text .p-section-about__title span.title-jp {
    font-size: 1.7rem;
}
.about-history__catch {
    font-size: 2.7rem;
	margin-bottom: 56px;  
}
.about-history__catch span {
    margin: 0 0 25px 0;
}
.about-history__read {
    font-size: 1.7rem;
}
.history-lst__visual-caption {
    font-size: 2.2rem;
    margin-top: 12px;
}
.about-access {
    padding: 212px 0;
}
.about-access__details .p-section-about__title {
    font-size: 3.5rem;
}
.about-access__details .p-section-about__title span.title-jp {
    font-size: 1.7rem;
}
.about-access__details-inner {
    margin-top: 56px;
}
.about-access__details-inner ul li {
    font-size: 1.7rem;
}
.about-access__details-inner ul li {
    margin-bottom: 32px;
}
.about-access__details-inner ul li p:first-child {
    font-size: 1.6rem;
	padding: 10px 0px;
	width: 98px;
    min-width: 98px;
	margin-right: 20px;
	border-radius: 6px;
}
.root-lst {
    padding: 37px 40px 45px;
}
.root-label p {
    width: 42px;
    height: 42px;
}
.root-label p span svg {
    width: 21px;
}
.root-label p span svg.bus {
    width: 18px;
}
.root-label h3 {
    font-size: 2.3rem;
	margin-top: 12px;
}
.root-guide li {
    font-size: 1.7rem;
    line-height: 1.4;
    margin-bottom: 25px;
    padding-left: 25px;
}
.root-guide li:before {
    width: 10px;
    height: 10px;
}
.page-content__unit {
    padding: 168px 0 143px;
}
.page-content__unit .p-section__title {
    font-size: 3.1rem;
}
.content-lst h3.content-lst__title {
    font-size: 2.2rem;
}
.content-lst h3.content-lst__title span.f-amg {
    font-size: 1.6rem;
}

}

@media screen and (max-width: 1150px) {
/* about-page============================================== */
.quality-lst__text-inner {
	padding-left: 12%;
}
.quality-lst__text h3 {
    letter-spacing: .13em;
}
.quality-lst__text h3.for-cfe {
	letter-spacing: .1em;
}
}

@media screen and (max-width: 1024px) {
/* about-page============================================== */
.l-page__visual-body {
    padding: 22% 6% 0 14.5%;
}
.l-page__visual:before {
    height: 43%;
}
#about-page .cat-head {
    bottom: 9%;
}
.about-message__catch span {
    margin: 0 0 20px 0;
}
.about-profile__bgvisual {
    padding: 40% 0;
}
.profile-read {
    margin-top: 25px;
}
.quality-lst__text h3 {
    font-size: 2rem;
    letter-spacing: .1em;
}
.quality-lst__text h3.for-cfe {
	letter-spacing: .08em;
}
.quality-lst__ornament {
    top: -40px;
}
.creators-social li a {
    width: 25px;
    height: 25px;
}
.hover .creators-social li a:hover svg {
    fill: #8ECDDE;
	-webkit-transform: scale(1);
    transform: scale(1);
}
.hover .creators-social li a:hover {
	background-color:transparent;
}
.about-history__details {
    width: 73%;
}
.about-history__text {
	margin-bottom: 80px;
}
.history-lst__visual-caption {
    font-size: 1.4rem;
    text-align: left;
}
.about-access__details {
    padding: 6% 0 3% 8%;
}
.page-pickup__unit-inner {
    padding: 80px 6%;
}

}

@media screen and (max-width: 959px) {
/* about-page============================================== */
.page-visual__title {
    font-size: 4.5rem;
}
.l-page__visual-body {
    padding: 200px 0% 0px 10%;
}
.l-page__visual:before {
    height: 300px;
}
#about-page .page-visual__bg-inner {
    padding: 60% 0;
}
#about-page .page-visual__bg .page-visual__bg-inner p span {
    width: 56vw;
}
#about-page .cat-head {
    left: 10%;
    bottom: 10px;
}
.about-message__catch {
    margin: 25px 0 0px 0;
}
.about-message__read {
	letter-spacing: .13em;
	margin-bottom: 28px;
}
.about-profile__inner {
    display: block;
}
.about-profile__bgvisual {
    width: 100%;
	padding:0;
	height: 860px;
}
.about-profile__details {
    width: 100%;
}
.p-section-about__title, .p-section__title {
    letter-spacing: .03em;
}
.profile-label p.profile-ruby {
	letter-spacing: 0;
}
.profile-label p {
    letter-spacing: .03em;
}
.about-quality__inner {
    padding: 120px 10%;
}
.quality-lst {
	display: block;
}
.quality-lst__visual {
    width: 100%;
}
.quality-lst__text {
    width: 100%;
    padding-top: 50px;
}
.quality-lst__text-inner {
    padding-left: 0;
}
.quality-lst__unit {
    margin: 55px auto 0;
}
.quality-lst__text h3 {
    margin-top: 20px;
}
.about-quality:after {
	display: none;
}
.quality-creators__unit .p-section-about__title {
    letter-spacing: .03em;
	margin-bottom: 25px;
}
quality-lst__text h3 {
    margin-top: 20px;
}
.quality-lst__ornament {
    right: -29%;
    top: -40px;
    width: 63%;
    z-index: -1;
}
.q-ornament02 {
    right: -16%;
    width: 52%;
}
.q-ornament03 {
    width: 61%;
    right: -31%;
}
.creators-icon {
    width: 80px;
    min-width: 80px;
}
.creators-details {
    width: 74%;
    margin-left: 15px;
}
.creators-name p:first-child {
    font-size: 2.1rem;
}
.creators-details h3 {
    font-size: 1.7rem;
    letter-spacing: .05em;
	margin-top: 10px;
}
.creators-social li a {
    width: 20px;
    height: 20px;
}
.creators-social li a svg {
    width: 14px;
}
.creators-social li a svg.fb {
    width: 13px;
}
.q-ornament04 {
    right: -90%;
    width: 119%;
}
.about-history__inner {
    padding: 120px 0 100px 0;
}
.about-history__text {
	padding:0 13%;
	display: block;
}
.about-history__text .p-section-about__title {
	text-align:center;
}
.about-history__details {
    width: 100%;
    margin-top: 60px;
}
.about-history__catch {
    letter-spacing: .18em;
	margin-bottom: 30px;
}
.about-history__unit {
	padding: 90px 0 80px 0;
}
.about-history__unit:before {
	width: 13%;
}
.about-access {
	padding: 130px 0;
}
.about-access__inner {
	padding: 0 5%;
}
.about-access__bgvisual {
    width: 54%;
    height: 400px;
}
.about-access__details {
    width: 30%;
    padding: 0 0 0 0px;
}
.about-access__details-inner {
    margin-top: 30px;
}
.about-access__details-inner ul li {
    font-size: 1.4rem;
	display: block;
    margin-bottom: 25px;
}
.about-access__details-inner ul li p:first-child {
    font-size: 1.3rem;
    padding: 8px 0px;
    width: 70px;
    min-width: 70px;
    margin: 0 0 11px 0;
}
.about-access__details .batch-btn {
    margin: 20px auto 0;
}
.root-guide {
    margin-top: 15px;
}
.root-label h3 {
    font-size: 1.7rem;
    letter-spacing: .03em;
    margin-top: 12px;
}
.root-lst {
    width: 32%;
    padding: 30px 25px 20px;
}
.root-lst:last-child {
	margin:0;
}
.page-content__unit-inner {
	display: block;
	padding: 0 5%;
}
.content-unit {
    width: 100%;
	margin-top: 20px;
}
.page-content__unit {
    padding: 65px 0;
}
.page-content__unit .p-section__title span.title-jp {
    margin-top: 10px;
}
.page-pickup__unit .pickup-lst__unit {
    margin: 5px 0 0 0;
}
.page-pickup__unit-inner {
    padding: 70px 5%;
}
.page-pickup__unit .pickup-lst__arrow {
    width: 50px;
    height: 50px;
}
.page-pickup__unit .pickup-lst__arrow {
    bottom: 0px;
    right: -21px;
}
.page-pickup__unit .pickup-lst__arrow span svg {
    width: 10px;
}
}

@media screen and (max-width: 569px) {
/* about-page============================================== */
.l-page__visual-body {
    padding: 150px 0 0px 33px;
    display: block;
}
.page-visual__title {
    font-size: 3rem;
}
.page-visual__title span:first-child {
    line-height: .8;
}
.page-visual__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 6px;
}
.page-visual-scroll {
	display: none;
	width: 10px;
    height: 80px;
    z-index: 10;
	position:absolute;
	right:20px;
	top:-60px;
	opacity:.5;
}
.page-visual-scroll p {
	font-size: 1rem;
    color: #EAF2E3;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: -34px;
    right: 0;
    left: 0;
    margin: auto;
}
.line-wh {
	background-color:#EAF2E3;
}
.page-visual__bg {
    width: 100%;
	margin-top: 100px;
}
#about-page .page-visual__bg .page-visual__bg-inner p span {
    width: 93vw;
}
.l-page__visual:before {
    height: 380px;
}
#about-page .cat-head,
#product-page .cat-head {
	margin: 65px auto 0;
    position: static;
    display: flex;
    flex-wrap: wrap;
}
#about-page .cat-head li,
#product-page .cat-head li {
    font-size: 1.3rem;
    margin: 0 20px 25px 0;
}
#about-page .cat-head li:nth-child(n + 3){
	margin-bottom:0;
}
.p-page-about__body {
    padding: 110px 0 0;
}
.p-section-about__title {
	font-size: 1.4rem;
}
.p-section__title {
    font-size: 1.6rem;
}
.about-message__text {
    width: 100%;
    padding: 0 33px 70px;
}
.about-message__catch {
    font-size: 2.2rem;
    letter-spacing: .1em;
	margin: 25px 0 20px 0;
}
.about-message__catch span {
    margin: 0 0 16px 0;
}
span.pc-block {
	display:none;
}
span.sp-block {
	display:block;
}
.about-message__read {
    font-size: 1.3rem;
    line-height: 2;
    letter-spacing: .12em;
    margin-bottom: 20px;
}
.about-message__read:last-child {
	margin:0;
}
br.sp-block {
	display: block;
}
.about-profile__bgvisual {
    height: 430px;
}
.about-profile__details-inner {
    padding: 50px 33px;
}
.profile-label p.profile-name {
    font-size: 2.2rem;
    padding-bottom: 12px;
    margin-bottom: 8px;
}
.profile-label p {
    font-size: 1.1rem;
}
.profile-read {
    font-size: 1.3rem;
    letter-spacing: .1em;
    margin-top: 25px;
}
.about-quality__inner {
    padding: 60px 0;
}
.about-quality .p-section-about__title {
    font-size: 1.9rem;
}
.about-quality .p-section-about__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 12px;
}
.quality-lst__visual-inner div {
    width: 46%;
}
.quality-lst__visual-inner div:last-child {
    padding-top: 25px;
}
.quality-lst__text {
    padding-top: 50px;
}
.quality-lst__text-inner {
    padding-left: 0;
}
.quality-lst {
	margin-bottom: 80px;
	padding: 0 33px;
}
.quality-lst:nth-child(3) {
    margin-bottom: 30px;
}
.quality-lst__text h3 {
    font-size: 1.7rem;
    line-height: 1.5;
    margin-top: 12px;
    letter-spacing: .08em;
}
.quality-lst__text h3.for-cfe {
	letter-spacing: .06em;
}
.quality-lst__read {
    font-size: 1.3rem;
	margin-top: 14px;
}
.quality-lst__ornament {
    right: -33%;
    top: -32px;
    width: 67%;
}
.q-ornament02 {
    right: -21%;
    width: 54%;
}
.q-ornament03 {
    width: 64%;
    right: -28%;
}
.q-ornament04 {
    right: -81%;
    width: 124%;
}
.creators-scroll {
    width: 20px;
    height: 20px;
    margin: 0 auto 50px;
}
.scroll-line-ob-container {
    height: 35px;
}
.quality-creators__unit {
    padding: 50px 33px 30px;
	margin-bottom: 90px;
}
.about-quality .p-section-about__title {
    font-size: 1.9rem;
    margin-bottom: 35px;
	letter-spacing: .05em;
}
.about-quality .quality-creators__unit .p-section-about__title {
    font-size: 1.6rem;
	letter-spacing: .03em;
	margin-bottom: 25px;
}
.about-quality .p-section-about__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 15px;
    letter-spacing: 0;
}
.about-quality .quality-creators__unit .p-section-about__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 2px;
}
.creators-lst {
    padding: 16px 26px 24px;
    margin-bottom: 33px;
    display: block;
}
.creators-lst.scale-scroll-in {
    transition: opacity .5s ease-in,-webkit-transform 1s;
    transition: transform 1s,opacity .5s ease-in;
    transition: transform 1s,opacity .5s ease-in,-webkit-transform 1s;
}
.creators-icon {
    width: 30%;
    min-width: 30%;
}
.creators-details {
    width: 100%;
    margin: 14px 0 0;
}
.creators-meta {
    display: block;
    position: absolute;
    top: 30px;
    right: 26px;
    width: 55%;
}
.creators-name {
	display: block;
}
.creators-name p:first-child {
    font-size: 1.7rem;
	margin:0;
}
.creators-name p:last-child {
	font-size: 1rem;
	display: inline-block;
	margin-top: 8px;
}
.creators-details h3 {
    font-size: 1.5rem;
    letter-spacing: .03em;
	line-height: 1.3;
	margin-top: 14px;
}
.creators-read {
    font-size: 1.2rem;
    letter-spacing: .07em;
    line-height: 1.65;
}
.creators-social {
	margin-top: 8px;
}
.creators-social li {
    width: auto;
    height: auto;
	margin: 0 12px 0 0;
	background-color: transparent;
}
.creators-social li a {
    width: 12px;
    height: 12px;
}
.creators-social li a svg {
    width: 13px;
}
.creators-social li a svg.fb {
    width: 12px;
}
.about-history:before {
    width: 36%;
    height: 28%;
	opacity: .4;
}
.about-history__inner {
    padding: 70px 0 45px 0;
}
.about-history__text .p-section-about__title {
    font-size: 1.9rem;
	text-align:left;
}
.about-history__details {
    margin-top: 40px;
}
.about-history__text .p-section-about__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 12px;
}
.about-history__text {
    padding: 0 33px;
	margin-bottom: 35px;
}
.about-history__catch {
    font-size: 1.9rem;
    letter-spacing: .17em;
    margin-bottom: 20px;
}
.about-history__catch span {
    margin: 0 0 15px 0;
}
.about-history__read {
    font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: .07em;
}
.history-lst__visual-caption {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-top: 8px;
    text-align: left;
}
.about-history__unit:before {
	width: 30%;
}
.about-history__unit {
    padding: 0px 0 10px 0;
}
.about-access {
    padding: 60px 0;
}
.about-access:before {
	display: none;
}
.about-access__inner {
	padding: 0;
	flex-direction: column;
}
.about-access__bgvisual {
    width: 100%;
    height: 430px;
    order: 2;
}
.about-access__details .p-section-about__title {
    font-size: 1.9rem;
	letter-spacing: .03em;
}
.about-access__details .p-section-about__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 10px;
}
.about-access__details {
    width: 100%;
    padding: 0 33px;
}
.about-access__details-inner ul li {
    font-size: 1.4rem;
	margin-bottom: 24px;
	display: flex;
}
.about-access__details-inner ul li p:first-child {
    font-size: 1.3rem;
    padding: 6px 0px;
    width: 66px;
    min-width: 66px;
    letter-spacing: 0;
	margin: 0 16px 0 0;
}
.about-access__details-inner ul li:last-child {
	margin-bottom: 10px;
}
.about-access__details .batch-btn {
    margin: 10px auto 40px;
}
.access-root {
    margin-top: 45px;
    padding: 0 33px;
}
.access-root__inner {
	display: block;
}
.root-lst {
	width: 100%;
	margin-bottom: 25px;
	padding: 22px 25px 28px;
}
.root-guide li {
    font-size: 1.3rem;
    margin-bottom: 14px;
    padding-left: 0px;
}
.root-guide li:last-child {
	margin-bottom: 0;
}
.root-guide li:before {
    width: 5px;
    height: 5px;
}
.root-label p {
    width: 32px;
    height: 32px;
}
.root-label p span svg {
    width: 15px;
}
.root-label p span svg.bus {
    width: 13px;
}
.root-label h3 {
    font-size: 1.5rem;
	margin-top: 7px;
	letter-spacing:.02em;
}
.root-guide {
    margin-top: 12px;
}
.page-content__unit {
    padding: 38px 0 25px;
}
.page-content__unit-inner {
    padding: 0 33px;
}
.page-content__unit .p-section__title {
    font-size: 1.9rem;
}
.page-content__unit .p-section__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 8px;
}
.content-unit {
	margin-top: 24px;
	display: block;
}
.content-lst {
    width: 100%;
}
.content-lst a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-bottom: 18px;
}
.content-lst__visual {
    width: 40%;
}
.content-lst h3.content-lst__title {
    font-size: 1.6rem;
    margin: 14px 0 0 14px;
    letter-spacing: .04em;
}
.content-lst h3.content-lst__title span.f-amg {
    margin-top: 4px;
	letter-spacing:0;
}
.page-pickup__unit-inner {
    padding: 45px 33px 20px;
}
.page-pickup__unit .pickup-lst__unit {
	display: block;
}
.pickup-lst {
    width: 100%;
    margin-bottom: 25px;
}
.pickup-lst__visual {
	width: 100%;
}
.pickup-lst__arrow {
    width: 50px;
    height: 50px;
    bottom: 2px;
    right: -22px;
}

}

@media screen and (max-width: 360px) {
.l-main__slide .slide-item .slide-meta {
    bottom: 7px;
}
.access-badge {
	bottom: 26px;
}
.slide-num {
    font-size: 2.5rem;
}
.slide-num.num-max,
.slide-num.num-max span.max {
    font-size: 1.7rem;
}
.slide-line {
    width: 44px;
    margin: 0 3px;
}
.slide-num.num-max {
    padding: 11px 0 0 28px;
}
.pickup-lst.swiper-slide .pickup-lst__arrow {
    bottom: 1px;
    right: -22px;
}
.slide-title span.js-split:nth-child(2) {
    margin: 12px 0;
}
.product-lst__copy br {
	display: none;
}
.wajimanuri-details__catch {
    font-size: 1.7rem;
    letter-spacing: .15em;
}
.about-message__catch {
    font-size: 1.9rem;
    letter-spacing: .05em;
}
.product-details__more {
    margin-top: 8px;
}
}

@media screen and (max-width: 320px) {
.l-main__slide .slide-item .slide-meta {
    left: 20px;
}
.slide-title {
    letter-spacing: .12em;
}
.access-badge {
    bottom: 32px;
    width: 84px;
    height: 84px;
}
.access-badge a {
    width: 84px;
    height: 84px;
}
.access-label span.f-en {
    font-size: 1.2rem;
    letter-spacing: .03em;
}
.access-label span.f-amg {
    letter-spacing: 0;
}
.about-statement__catch {
    font-size: 1.4rem;
    letter-spacing: .1em;
}
.wajimanuri-details__catch {
    font-size: 1.5rem;
    letter-spacing: .15em;
}
.p-news__meta .cat-head {
    flex-wrap: wrap;
}
.p-news__meta .cat-head li {
    font-size: 1.1rem;
	letter-spacing:0;
}
.p-news__meta .cat-head li a {
    padding: 0 4px;
}
.news-lst a .meta-title {
    font-size: 1.4rem;
    margin-top: 7px;
}
.news-lst a {
    padding: 15px 13px;
}
.l-footer {
    padding: 75px 30px 80px;
}
.about-message__read {
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: .09em;
    margin-bottom: 18px;
}
.about-history__catch {
    font-size: 1.7rem;
    letter-spacing: .15em;
    margin-bottom: 20px;
}
.about-access__details-inner ul li {
    font-size: 1.3rem;
    margin-bottom: 20px;
}
.quality-lst__text h3 br {
	display: none;
}
	
}


/* menu-page============================================== */
.body-menu {
	background-color: #EAF2E3;
}
.body-menu .l-main {
	overflow:visible;
}
.body-menu .l-page__visual {
	background-color: #EAF2E3;
}
.body-menu .l-page__visual:before {
	display: none;
}
.body-menu .l-page__visual-body {
	padding: 210px 0 0;
    margin: 0 auto;
	display: block;
}
.body-menu .page-visual__title {
    color: #8ECDDE;
	text-align:center;
	min-width: auto;
}
.body-menu .page-visual__title span.title-jp {
    color: #7c7b7a;
}
.p-page-menu {
    width: 100%;
	background-color:#fff;
}
.p-page-menu__body {
    width: 100%;
    margin: 0 auto 0px;
    position: relative;
	padding: 65px 15% 0px 6%;
	display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.cat-head__unit {
	width: 20%;
	min-width: 20%;
    z-index: 2;
	padding: 120px 0 140px;
	position:relative;
}
.cat-head__unit .cat-head {
	width: 100%;
	position: sticky;
    top: 30%;
}
.cat-head__unit .cat-head li {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 35px;
    letter-spacing: .02em;
	position:relative;
}
.cat-head__unit .cat-head li:before,
.cat-head__unit .cat-head.js-visual__anime li.cat-active:before{
	background-color: #e3d0bc;
	content: "";
    position: absolute;
    top: 3px;
    left: -20px;
    margin: 0px auto auto -2.6px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 0;
	-webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .5s;
    transition: transform .5s;
}
.cat-head__unit .cat-head li:hover:before,
.cat-head__unit .cat-head li.cat-active:before,
.cat-head__unit .cat-head.js-visual__anime.active li.cat-active:before {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.cat-head__unit .cat-head.js-visual__anime.active li.cat-active:before {
	transition-delay: .7s;
    -webkit-transition-delay: .7s;
}
.cat-head__unit .cat-head li a {
    color: #8ECDDE;
    position: relative;
	display:inline-block;
}
.menu-page__container {
	width: 74%;
}
.menu-page__container__inner {
	width: 100%;
	position:relative;
}
.menu-page__container .menu-lst {
    padding :50px 0 0;
	background-color: transparent;
    margin-bottom: 90px;
}
.menu-page__container .menu-lst__inner {
	background-color: transparent;
	display: block;
}
.menu-page__container .page-visual-set .menu-lst__inner {
    margin: 0 auto;
    transition: transform 1.2s ease 0s,opacity 1.2s ease 0s;
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition-duration: .7s;
}
.menu-page__container .page-visual-set.active .menu-lst__inner {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.menu-page__container .menu-lst__visual {
	width: 100%;
}
.more-menu {
	margin-top: 70px;
}
.menu-page__container .menu-lst__visual:after {
	display: none;
}
.menu-page__container .menu-lst__visual-inner span {
    padding: 37% 0;
}
.menu-page__container .menu-lst__batch {
    left: auto;
    right: -60px;
}
.more-menu .menu-lst__batch {
	right: auto;
	left:-60px;
	display: none;
}
.menu-lst__index {
	line-height:1;
	color: #8ECDDE;
	letter-spacing: .32em;
	margin-bottom: 15px;
}
.menu-lst__index h2 {
	font-size: 2.2rem;
	font-weight: 500;
}
.menu-lst__index p {
	font-size: 1.4rem;
	margin-top: 6px;
	letter-spacing: .03em;
}
.menu-page__container .menu-lst__guide {
	position:absolute;
	display:block;
	z-index:10;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.menu-page__container .menu-lst__guide h3,
.page-visual-set .menu-lst__guide h3 {
	position: absolute;
    right: 20px;
    top: 20px;
    font-size: 2.2rem;
    letter-spacing: .03em;
    background-color: #8ECDDE;
    display: inline-block;
    width: auto;
    padding: 7px 8px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	color: #FFF;
	transition: transform 1.6s ease 0s,opacity 1.6s ease 0s;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition-duration: 1s;
}
.menu-page__container .menu-lst__guide.active h3,
.page-visual-set.active .menu-lst__guide h3{
	opacity: 1;
    transform: translate3d(0, 0, 0);
}
.menu-page__container .menu-lst__guide p.menu-lst__en {
	width: 60%;
	display: block;
    font-size: 2rem;
    opacity: 1;
    letter-spacing: .08em;
	position:absolute;
	bottom:15px;
	left:15px;
}
.menu-page__container .menu-lst__guide p.menu-lst__price {
	width: 100%;
    font-size: 1.2rem;
    padding: 0;
    position: absolute;
    bottom: 15px;
    right: 15px;
	text-align:right;
	left: auto;
	opacity:.7;
	color: #EAF2E3;
}
.menu-page__container .menu-lst__guide p.menu-lst__price span {
    font-size: 2.2rem;
}
.menu-page__container .menu-lst__copy {
	margin-top: 70px;
	color: #8ECDDE;
	padding-left: 35px;
}
.menu-page__container .menu-lst__copy h3 {
    font-size: 2.2rem;
    line-height: 1.3;
	position:relative;
}
.menu-page__container .menu-lst__copy h3 br.sp-block {
	display: none;
}
.menu-page__container .menu-lst__copy h3:after {
    content: '';
    position: absolute;
    left: -35px;
    width: 25px;
    background-color: #515252;
    height: 1px;
    top: calc(50% - 0px);
}
.menu-page__container .menu-lst__copy p {
	line-height: 1.7;
	font-size: 1.5rem;
	letter-spacing: .05em;
	color:#666;
}
.menu-lst__other {
	width: 100%;
	margin: 35px 0 0 0;
	padding-left: 35px;
	color: #8ECDDE;
	line-height:1;
	letter-spacing: .05em;
}
.menu-lst__other-inner {
	width: 100%;
	background-color: #efebe1;
	padding: 0px 0px 0 0;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.other-index {
	width: 190px;
	min-width: 190px;
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 45px 0;
}
.other-index h3 {
	font-size: 1.5rem;
	line-height: 1.5;
}
.other-index .other-price {
	margin-top: 20px;
	font-size: 1.1rem;
}
.other-unit {
	width: 100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
	padding: 35px 0px 15px 35px;
	border-left: solid 1px #FFF;
}
.other-unit li {
	width: 33%;
	margin-bottom: 20px;
	font-size: 1.5rem;
	line-height:1;
	position:relative;
	padding: 0 8px 0 14px;
}
.other-unit li:before {
	background-color: #FFF;
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    margin: 0px auto auto -2.6px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: -webkit-transform .5s;
    transition: transform .5s;
}
.other-unit li span.f-en,
.other-unit li span.m-sub {
	font-weight: 500;
	font-size: 1rem;
	display:block;
	opacity:.5;
	margin-top: 6px;
}
.other-unit li span.m-sub {
	font-size: 1.1rem;
}

@media screen and (min-width: 1600px) {
/* menu-page============================================== */
.body-menu .l-page__visual-body {
    /*padding: 262px 0 0;*/
	padding: 300px 0 0;
}
.p-page-menu__body {
    padding: 81px 15% 0px 6%;
}
.menu-lst__index h2 {
    font-size: 2.7rem;
}
.menu-lst__index p {
    font-size: 1.7rem;
}
.cat-head__unit .cat-head li {
    font-size: 2.2rem;
    margin-bottom: 43px;
}
.menu-page__container .menu-lst {
    margin-bottom: 135px;
}
.more-menu {
    margin-top: 95px;
}
.menu-page__container-inner {
	max-width: 1100px;
	margin: 0 auto;
}
.menu-page__container .menu-lst {
    padding: 62px 0 0;
    margin-bottom: 112px;
}
.menu-page__container .menu-lst__guide h3 {
    font-size: 2.7rem;
}
.menu-page__container .menu-lst__guide p.menu-lst__price {
    font-size: 1.2rem;
	bottom: 18px;
    right: 18px;
}
.menu-page__container .menu-lst__guide p.menu-lst__price span {
    font-size: 2.2rem;
}
.menu-page__container .menu-lst__copy {
    margin-top: 85px;
    padding-left: 43px;
}
.menu-page__container .menu-lst__copy h3 {
    font-size: 2.6rem;
}
.menu-page__container .menu-lst__copy p {
    font-size: 1.7rem;
	margin-top: 25px;
}
.menu-lst__other {
    margin: 43px 0 0 0;
    padding-left: 43px;
}
.other-index {
    width: 237px;
    min-width: 237px;
    padding: 56px 0;
}
.other-unit {
    padding: 43px 0px 18px 43px;
}
.other-index h3 {
    font-size: 2.2rem;
}
.other-index .other-price {
    font-size: 1.3rem;
}
.other-unit li {
    font-size: 2.2rem;
}
.other-unit li {
    margin-bottom:25px;
	padding: 0 10px 0 17px;
}
.other-unit li span.f-en {
    font-size: 1.2rem;
}
.other-unit li span.m-sub {
    font-size: 1.3rem;
}

}


@media screen and (max-width: 1024px) {
/* menu-page============================================== */
.menu-lst__index {
    letter-spacing: .1em;
}
.other-index {
    width: 160px;
    min-width: 160px;
}
.other-index h3 {
    font-size: 1.4rem;
	line-height: 1.4;
}
.other-unit li {
    font-size: 1.3rem;
	width: 48%;
	padding: 0 0 0 14px;
	margin-bottom: 16px;
}
}

@media screen and (max-width: 959px) {
/* menu-page============================================== */
.body-menu .l-main {
    overflow: hidden;
}
.body-menu .l-page__visual-body {
    padding: 170px 0 0;
}
.p-page-menu__body {
	display: block;
	padding: 100px 10%;
}
.cat-head__unit {
	display: none;
}
.menu-page__container {
    width: 100%;
}
.menu-page__container .menu-lst {
    padding: 0;
}
.menu-lst__index {
    letter-spacing: .03em;
	margin-bottom: 12px;
}
.menu-lst__index p {
    margin-top: 3px;
}
.menu-page__container .menu-lst__visual-inner {
    width: 100%;
}
.menu-page__container .menu-lst__copy {
    margin-top: 50px;
}
.menu-page__container .menu-lst__batch {
    right: -7%;
}
.menu-page__container .menu-lst:last-child {
	margin-bottom:0;
}
.menu-lst.page-visual-set .menu-lst__copy {
	transition: transform 1.6s ease 0s,opacity 1.6s ease 0s;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    transition-duration: .7s;
}
.menu-lst.page-visual-set.active .menu-lst__copy {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.menu-lst__price {
    letter-spacing: .03em;
}

}

@media screen and (max-width: 569px) {
/* menu-page============================================== */
.body-menu .l-page__visual-body {
    padding: 130px 0 0;
}
.menu-lst__index h2 {
    font-size: 1.4rem;
}
.menu-lst__index p {
    font-size: 1.1rem;
    margin-top: 2px;
}
.menu-lst__index {
	margin-bottom: 10px;
	padding: 0 15px;
}
.menu-page__container .menu-lst__batch {
    right: -20px;
}
.p-page-menu__body {
    display: block;
    padding: 55px 0 50px;
}
.menu-page__container .menu-lst {
    margin-bottom: 56px;
}

.menu-page__container .menu-lst__guide h3 {
    font-size: 1.3rem;
    right: 10px;
    top: 10px;
    letter-spacing: .05em;
    display: inline-block;
    padding: 4px 5px;
	text-align:center;
}
.menu-page__container .menu-lst__guide p.menu-lst__en {
	width: 70%;
    font-size: 1.4rem;
    opacity: 1;
    letter-spacing: .03em;
    bottom: 7px;
    left: 10px;
}
.menu-page__container .menu-lst__guide p.menu-lst__price {
    font-size: 1rem;
    bottom: 8px;
    right: 6px;
}
.menu-page__container .menu-lst__guide p.menu-lst__price span {
    font-size: 1.2rem;
}
.menu-page__container .menu-lst__copy h3:after {
	top: 15px;
	display: none;
}
.menu-page__container .menu-lst__copy h3 {
    font-size: 2.2rem;
    line-height: 1.5;
    letter-spacing: .07em;
}
.menu-page__container .menu-lst__copy h3.copy-cfe {
	letter-spacing: .1em;
}
.menu-page__container .menu-lst__copy h3.copy-crp{
	letter-spacing: .04em;
}
.menu-page__container .menu-lst__copy {
    margin-top: 28px;
    padding: 0 40px;
}
.menu-page__container .menu-lst__copy p {
    line-height: 1.7;
    font-size: 1.3rem;
	letter-spacing: .09em;
}
.menu-lst__other {
	margin: 30px auto 0;
	padding: 0 40px;
}
.menu-lst__other-inner {
	display: block;
}
.other-index {
    width: 100%;
    min-width: 100%;
    display: block;
    padding: 20px 25px;
	text-align:center;
}
.other-index h3 {
    font-size: 1.4rem;
}
.other-index h3 span br {
	display: none;
}
.other-index .other-price {
    margin-top: 5px;
}
.other-unit {
    width: 100%;
	display: block;
    padding: 20px 20px 12px;
    border-left: none;
	border-top: solid 1px #FFF;
}
.other-unit li {
    font-size: 1.3rem;
    width: 100%;
    margin-bottom: 15px;
}
#ice-section .other-unit {
	display: flex;
}
#ice-section .other-unit li {
	width: 48%;
}
.other-unit li span.f-en,
.other-unit li span.m-sub {
    display: inline-block;
	margin: 0 0 0 5px;
}
.more-menu {
    margin-top: 55px;
}
.menu-page__container .menu-lst__copy h3 br.sp-block {
	display: block;
}

}

/* product-page============================================== */
.body-product,
.body-product .l-content {
	background-color: #EAF2E3;
}
.body-dishes,
.body-dishes .l-content {
	/*background-color:#f5ebeb;*/
	/*background-color: #f8e8e8;*/
	background-color:#fbe4e4;
}
.body-tea_equipment,
.body-tea_equipment .l-content {
	background-color:#fbf0d4;
}
.body-accessores,
.body-accessores .l-content {
	/*background-color: #e9effd;*/
	/*background-color: #eae7fc;*/
	background-color:#eeebff;
}
.body-other,
.body-other .l-content {
	/*background-color:#ede6d9;*/
	background-color:#ffe8d5;
}
.body-product .l-page__visual {
	background-color: transparent;
}
.body-product .l-page__visual:before {
	display: none;
}
.body-product .l-page__visual-body {
	padding: 210px 13% 140px;
    margin: 0 auto;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.body-product .page-visual__title {
    color: #8ECDDE;
	text-align:left;
	min-width: 280px;
    width: 280px;
}
.body-product.archives .page-visual__title {
	text-align:center;
	min-width: auto;
    width: 100%;
}
.body-product .page-visual__title span.title-jp {
    color: #7c7b7a;
}
#product-page .cat-head {
	display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
#product-page .cat-head li {
	margin: 0 34px 0 0;
	overflow:hidden;
}
#product-page .cat-head li:last-child {
	margin-right:0;
}
#product-page .cat-lst__arrow {
    width: 18px;
    height: 18px;
    margin-right: 9px;
}
#product-page .cat-lst__arrow span svg {
    transform: rotate(-90deg);
}
.p-page-product {
    width: 100%;
}
.p-page-product__body {
    width: 100%;
    margin: 0 auto;
    position: relative;
	padding:0;
	display: block;
}
.p-section-prdct__title {
    font-size: 2.4rem;
    letter-spacing: .02em;
    color: #8ECDDE;
	text-align:right;
	line-height: 1;
    position: relative;
	margin: 0 6% 13px 0;
	font-weight: 500;
}
.p-section-prdct__title span:first-child:before {
    background-color: #8ECDDE;
	width: 100%;
    position: absolute;
    bottom: -2px;
    height: 2px;
    content: '';
}
.p-section-prdct__title span {
    position: relative;
    display: inline-block;
}
.p-section-prdct__title span.title-jp {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 10px;
    display: block;
    letter-spacing: .05em;
}
.prdct-page__container {
    width: 100%;
}
.prdct-page__container-inner {
	position:relative;
	padding-top: 20px;
}
.prdct-lst {
	width: 100%;
	color: #8ECDDE;
	margin-bottom: 140px;
}
.prdct-lst__inner {
	position:relative;
	display: -webkit-flex;
    display: flex;
    justify-content: space-between;
	padding: 0 6% 0 0;
}
.prdct-l .prdct-lst__inner {
	padding: 0 0 0 6%;
}
.prdct-lst__details {
	width: 59%;
	position:relative;
}
.prdct-lst__details h3.prdct-lst__label {
	font-size: 1.5rem;
	line-height:1;
	position:absolute;
	top:-30px;
	left:0;
	overflow:hidden;
}
.prdct-lst__details h3.prdct-lst__label span {
	display: block;
}
.prdct-lst__visual {
	width: 100%;
	overflow:hidden;
}
.prdct-lst__copy {
	padding: 0px 0 0 8%;
	margin-top: 70px;
}
.prdct-l .prdct-lst__copy {
	padding: 0px 8% 0 0;
}
.prdct-lst__copy h3 {
	font-size: 2.2rem;
	line-height: 1.4;
	letter-spacing: .05em;
}
.prdct-lst__copy h3 br {
	display: none;
}
.prdct-lst__copy p {
	line-height: 1.7;
    font-size: 1.5rem;
    letter-spacing: .05em;
    color: #666;
	margin-top: 20px;
}
.prdct-lst .product-details__data {
    padding: 0 0 0 8%;
}
.prdct-lst.prdct-l .product-details__data {
    padding: 0 8% 0 0;
}
.prdct-lst .product-details__data ul li p:first-child {
    background-color: #FFF;
}
.prdct-lst__thumb {
	width: 35%;
	position:relative;
}
.prdct-lst__thumb div{
	width: 100%;
	overflow:hidden;
}
.prdct-lst__thumb div:last-child {
	margin-top: 85px;
}
.prdct-lst__thumb div:first-child img {
	padding: 0 16% 0 0;
}
.prdct-l .prdct-lst__thumb div:first-child img {
	padding: 0 0 0 16%;
}
.prdct-lst__thumb div:last-child img {
	padding: 0 0 0 16%;
}
.prdct-l .prdct-lst__thumb div:last-child img {
	padding: 0 16% 0 0;
}
.prdct-page__link {
	width: 100%;
	display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.prdct-page__lst {
	width: 25%;
}
.prdct-page__visual {
	width: 100%;
	position:relative;
	z-index:0;
	background-color: #000;
	overflow:hidden;
}
.prdct-page__lst .prdct-page__title {
	font-size: 2.2rem;
	line-height:1;
	color: #FFF;
	position:absolute;
	left: 14px;
	bottom:14px;
	z-index:2;
	font-weight: 500;
	letter-spacing: .05em;
}
.prdct-page__lst .prdct-page__title span.f-en {
	position:relative;
	overflow:hidden;
	font-weight: 500;
}
.prdct-page__lst .prdct-page__title span.f-en:before {
    width: 100%;
    position: absolute;
    bottom: -2px;
    background-color: #FFF;
    height: 2px;
    content: '';
}
.prdct-page__lst .prdct-page__title span.f-amg {
	font-size: 1rem;
	margin-top: 5px;
	display: block;
}
.hover .mouse-set a:hover .prdct-page__visual-inner.mouse-on {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.hover .mouse-set a:hover .prdct-page__visual-inner.active.mouse-on {
	-webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.prdct-page__visual-inner {
	overflow:hidden;
	opacity:.4;
}
.prdct-page__visual-inner.active {
	opacity:1;
	cursor:auto;
}

/* product-archive============================================== */
.prdct-page__link.product-archives {
    padding: 0 6%;
    flex-wrap: wrap;
}
.prdct-page__link.product-archives .prdct-page__lst {
    width: 48%;
    margin-bottom: 115px;
}
.prdct-page__link.product-archives .prdct-page__visual-inner {
	opacity:1;
}
.prdct-page__link.product-archives .prdct-page__lst .prdct-page__title {
    font-size: 2.2rem;
    left: 18px;
    bottom: 18px;
}
.prdct-page__link.product-archives .prdct-page__lst .prdct-page__title span.f-amg {
    font-size: 1.2rem;
    margin-top: 5px;
}
.mouse-set a .prdct-page__title span.f-amg {
    padding: 0;
}
@media screen and (min-width: 1600px) {
/* product-page============================================== */
.body-product .l-page__visual-body {
    padding: 300px 16% 175px;
}
.body-product .page-visual__title {
    min-width: auto;
    width: auto;
}
#product-page .cat-head li {
    margin: 0 42px 0 0;
    font-size: 2.2rem;
}
.prdct-page__container-inner {
	padding-top: 25px;
}
.p-section-prdct__title {
    font-size: 3rem;
    margin: 0 6% 16px 0;
}
.p-section-prdct__title span.title-jp {
    font-size: 1.7rem;
    margin-top: 12px;
}
.prdct-lst {
	margin-bottom: 175px;
}
.prdct-lst__copy {
    padding: 0px 0 0 8%;
    margin-top: 90px;
}
.prdct-lst__details h3.prdct-lst__label {
    font-size: 2.2rem;
    top: -37px;
}
.prdct-lst__copy h3 {
    font-size: 2.7rem;
    line-height: 1.5;
}
.prdct-lst__copy p {
    font-size: 2.2rem;
    margin-top: 25px;
}
.prdct-lst .product-details__data {
	margin-top: 38px;
}
.prdct-page__lst .prdct-page__title {
    font-size: 2.2rem;
    left: 18px;
    bottom: 18px;
}
.prdct-page__lst .prdct-page__title span.f-amg {
    font-size: 1.2rem;
    margin-top: 12px;
}
/* product-archive============================================== */
.prdct-page__link.product-archives .prdct-page__lst {
    margin-bottom: 143px;
}
.prdct-page__link.product-archives .prdct-page__lst .prdct-page__title {
    font-size: 2.7rem;
    left: 22px;
    bottom: 22px;
}
.prdct-page__link.product-archives .prdct-page__lst .prdct-page__title span.f-amg {
    font-size: 1.5rem;
    margin-top: 15px;
}
}

@media screen and (max-width: 1024px) {
/* product-page============================================== */
.body-product .l-page__visual-body {
    padding: 210px 10% 120px;
}
}
@media screen and (max-width: 959px) {
/* product-page============================================== */
.body-product .l-page__visual-body {
	padding: 170px 6% 80px;
}
.body-product .page-visual__title {
    min-width: 250px;
    width: 250px;
}
#product-page .cat-head {
	justify-content: flex-start;
}
#product-page .cat-head li {
    margin: 0 18px 0 0;
	font-size: 1.3rem;
}
.p-section-prdct__title {
    font-size: 2rem;
}
.p-section-prdct__title span.title-jp {
    font-size: 1.3rem;
    margin-top: 5px;
}
.prdct-lst {
    margin-bottom: 120px;
}
.prdct-lst:last-child {
    margin-bottom: 95px;
}
.prdct-lst__copy {
    margin-top: 48px;
}
.prdct-lst__copy h3 {
    font-size: 2.2rem;
	letter-spacing: .04em;
}
.prdct-lst__copy p {
    font-size: 1.4rem;
	letter-spacing: .06em;
}
.prdct-page__lst .prdct-page__title {
    font-size: 1.5rem;
	letter-spacing: .03em;
}
.prdct-page__lst .prdct-page__title span.f-amg {
    font-size: 1rem;
    margin-top: 5px;
}

/* product-archive============================================== */
.prdct-page__link.product-archives .prdct-page__lst {
    margin-bottom: 65px;
}
.prdct-page__link.product-archives {
    padding: 0 5% 40px;
}
.prdct-page__link.product-archives .prdct-page__lst .prdct-page__title {
    font-size: 1.7rem;
    left: 11px;
    bottom: 11px;
}

}

@media screen and (max-width: 569px) {
/* product-page============================================== */
.body-product .l-page__visual-body {
    padding: 130px 33px 60px;
	display: block;
}
.body-product .page-visual__title {
    min-width: 100%;
    width: 100%;
	text-align:center;
}
#product-page .cat-head {
    margin: 45px auto 0;
	justify-content: center;
}
#product-page .cat-head li {
    margin: 0 13px 0 0;
	font-size: 1.2rem;
}
#product-page .cat-lst__arrow {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}
#product-page .cat-lst__arrow span svg {
    width: 5px;
}
.prdct-page__container-inner {
    padding-top: 7px;
}
.p-section-prdct__title {
    font-size: 1.3rem;
    margin: 0 10px 7px 0;
    letter-spacing: .04em;
}
.p-section-prdct__title span.title-jp {
    font-size: 1.1rem;
}
.prdct-lst {
    margin-bottom: 110px;
}
.prdct-lst:last-child {
    margin-bottom: 70px;
}
.prdct-lst__inner {
	padding: 0;
    flex-direction: column;
}
.prdct-lst__details {
    width: 100%;
	padding: 0;
}
.prdct-lst__details h3.prdct-lst__label {
    font-size: 1.2rem;
	top:-20px;
	left: 10px;
}
.prdct-lst__copy {
    padding: 0px 33px;
	margin-top: 30px;
}
.prdct-lst__copy h3 {
    font-size: 2.2rem;
    line-height: 1.5;
	letter-spacing: .07em;
}
.prdct-lst__copy h3 br {
	display: block;
}
.prdct-lst__copy p {
    font-size: 1.3rem;
    margin-top: 12px;
}
.prdct-lst .product-details__data {
    padding: 0 33px;
}
.prdct-lst__thumb {
    width: 100%;
    order: 2;
	display: -webkit-flex;
    display: flex;
    justify-content: space-between;
	margin-top: 35px;
}
.prdct-lst__thumb div {
    width: 45%;
}
.prdct-lst__thumb div:first-child img,
.prdct-lst__thumb div:last-child img,
.prdct-l .prdct-lst__thumb div:first-child img,
.prdct-l .prdct-lst__thumb div:last-child img {
    padding: 0;
}
.prdct-lst__thumb div:last-child {
    margin-top: 55px;
}
.prdct-l .prdct-lst__thumb div:last-child {
    margin-top: 0;
}
.prdct-l .prdct-lst__thumb div:first-child {
    margin-top: 55px;
}
.prdct-l .prdct-lst__inner {
	padding:0;
}
.prdct-l .prdct-lst__details {
    padding: 0 33px 0 0;
}
.prdct-l .prdct-lst__details h3.prdct-lst__label {
    left: auto;
    right: 33px;
}
.prdct-l .prdct-lst__copy {
    padding: 0px 0 0 33px;
}
.prdct-lst.prdct-l .product-details__data {
    padding: 0 0 0 33px;
}
.prdct-page__link {
    flex-wrap: wrap;
}
.prdct-page__lst {
    width: 50%;
}
.prdct-page__lst .prdct-page__title {
    font-size: 1.3rem;
	left: 10px;
    bottom: 10px;
}

/* product-archive============================================== */
.prdct-page__link.product-archives .prdct-page__lst {
    margin-bottom: 40px;
}
.prdct-page__link.product-archives {
    padding: 0 33px 25px;
	display: block;
}
.prdct-page__link.product-archives .prdct-page__lst {
    width: 100%;
    margin-bottom: 32px;
}
.prdct-page__link.product-archives .prdct-page__lst .prdct-page__title {
    font-size: 1.6rem;
    left: 10px;
    bottom: 10px;
}
.prdct-page__link.product-archives .prdct-page__lst .prdct-page__title span.f-amg {
    margin-top: 5px;
	font-size: 1.1rem;
}

}

@media screen and (max-width: 360px) {
/* product-page============================================== */
#product-page .cat-head li {
    font-size: 1.2rem;
}

}

@media screen and (max-width: 320px) {
/* product-page============================================== */
.body-product .l-page__visual-body {
    padding: 130px 10px 50px;
}
.prdct-page__link.product-archives {
    padding: 0 20px 25px;
}
}

/* news-page============================================== */
.body-news .l-page__visual,
.p-page-news,
.p-single-news {
    background-color: #EAF2E3;
}
.body-news .l-page__visual-body {
    padding: 210px 11% 0 11%;
	align-items: center;
}
.body-news .page-visual__title {
    color: #8ECDDE;
}
.body-news .page-visual__title span.title-jp {
    color: #7c7b7a;
}
.p-page-news__body {
	padding: 0 0 150px 0;
}
#news-page .cat-head {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
#news-page .cat-head li {
    margin: 0 34px 0 0;
    overflow: hidden;
}
#news-page .cat-head li:last-child {
	margin:0;
}
.article-pagenav {
    width: 88%;
    margin: 65px auto 0;
    z-index: 2;
}
.article-pagenav ul {
    width: 100%;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.article-pagenav li {
    width: 50px;
    height: 50px;
    border-radius: 50%;
	border:solid 1px #8ECDDE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
	margin: 0 15px 0 0;
	line-height:1;
	font-size: 1.4rem;
}
.article-pagenav li.prev,
.article-pagenav li.next {
	border:none;
}
.article-pagenav li a {
	color :#8ECDDE;
}
.article-pagenav li span svg {
    width: 12px;
    fill: #8ECDDE;
}
.article-pagenav li.prev {
    transform: rotate(-180deg);
}
.article-pagenav li.active {
    color: #EAF2E3;
	background-color: #8ECDDE;
	border: none;
}
.notpost-label {
	font-size: 1.5rem;
	text-align:center;
	line-height:1;
	letter-spacing: .02em;
	color: #8ECDDE;
}

@media screen and (min-width: 1600px) {
/* news-page============================================== */
#news-page .cat-head li {
    margin: 0 42px 0 0;
}
#news-page .cat-head li {
    font-size: 2.2rem;
}
.notpost-label {
	font-size: 2.2rem;
}
}
@media screen and (max-width: 959px) {
/* news-page============================================== */
.body-news .l-page__visual-body {
    padding: 170px 5% 0 5%;
}
.p-page-news__body {
    padding: 0 5% 100px 5%;
}
#news-page .cat-head li {
    margin: 0 25px 0 0;
}
.news-lst a .meta-title {
    overflow: visible;
    max-height: initial;
    position: relative;
    text-overflow: initial;
    white-space: unset;
}
.notpost-label {
	font-size: 1.3rem;
	padding-top: 25px;
}
}
@media screen and (max-width: 569px) {
/* news-page============================================== */
.body-news .l-page__visual-body {
    padding: 130px 20px 0 20px;
}
.p-page-news__body {
    padding: 0 20px 70px 20px;
}
.body-news .page-visual__title {
	text-align:center;
}
#news-page .cat-head {
    justify-content: center;
    margin-top: 45px;
}
#news-page .cat-head li {
    margin: 0 12px 0 0;
    font-size: 1.2rem;
}
#news-page .news-lst__unit {
    padding-top: 45px;
}
.article-pagenav {
    width: 100%;
	margin: 50px auto 0;
}
.article-pagenav li {
    width: 32px;
    height: 32px;
    font-size: 1.2rem;
}
}

@media screen and (max-width: 320px) {
/* news-page============================================== */
#news-page .cat-head li {
    margin: 0 12px 0 0;
    font-size: 1.1rem;
}
#news-page .news-lst__unit {
    padding-top: 34px;
}
}

/* news-siggle============================================== */
.p-single-news__body {
	width: 100%;
	margin: 0 auto;
	padding: 190px 10% 120px;
	display: -webkit-flex;
    display: flex;
    justify-content: space-between;
	color: #8ECDDE;
	line-height:1;
}
.single-content__container {
	width: 67%;
	padding-right: 5%;
}
.single-side__container {
	width: 33%;
	border-left: solid 1px #d5d5d5;
	padding-left: 5%;
	position:relative;
}
.single-side__container-inner {
	position:relative;
}
.single-side__unit {
	width: 100%;
}
single-side__inner {
	width: 100%;
	position:relative;
}
.single-meta__details {
	position:relative;
}
.single-meta__details-inner {
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    z-index: 1;
}
.single-meta__details .meta-cat {
    background: 0 0;
    position: relative;
    display: inline-block;
    font-size: 1.3rem;
    background-color: #ebe4e4;
    padding: 5px 7px 5px 7px;
    margin-right: 10px;
}
.single-meta__details .meta-day {
    font-size: 1.3rem;
    color: #8ECDDE;
    line-height: 1;
    opacity: .7;
    letter-spacing: .05em;
    font-weight: 500;
}
.single-title {
	font-size: 3rem;
	line-height:1.4;
	letter-spacing: .02em;
	margin-top: 12px;
}
.single-content {
	width: 100%;
	margin: 30px auto 0;
	position:relative;
	letter-spacing: .04em;
}
.single-content p {
	font-size: 1.7rem;
	line-height: 1.7;
	margin: 24px 0 0;
	letter-spacing: .05em;
}
.single-content p a.p-link{
	display: inline-block;
	color: #d2a38f;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing:.02em;
}
.single-content p img {
	width: 100%;
	display: block;
	margin:30px auto;
}
.single-content h3 {
	font-size: 2.5rem;
	line-height: 1.4;
	margin: 35px 0 20px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-weight: 600;
    font-style: normal;
	letter-spacing: .03em;
}
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 30px auto 40px;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.news-content__set,
.news-content__point,
.news-content__link {
    width: 100%;
    padding: 32px 0 30px 25px;
    border-radius: 6px;
    margin: 35px 0;
    border: solid 1px #d5d5d5;
    background-color: #FFF;
}
.news-content__point {
    padding: 32px 25px 30px 35px;
}
.single-content h3.typ-set {
    font-size: 2rem;
    line-height: 1;
    border-bottom: solid 1px #d5d5d5;
    margin: 0 auto 15px;
    padding: 0 35px 15px 0;
	letter-spacing: .03em;
}
.single-content p.typ-set {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.6;
    padding-right: 25px;
}
.img-caption {
	width: 100%;
	position:relative;
	margin: 40px 0;
}
.img-caption img {
	margin:0 !important;
}
.caption {
	display: block;
	margin-top: 7px;
	font-size: 1.5rem;
}
.news-content__point li {
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 18px 0;
    display: flex;
    align-items: center;
}
.news-content__point li span:before {
    content: "";
    position: absolute;
    margin: 0px auto auto -2.6px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ebe4e4;
    z-index: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.news-content__point li span {
    position: relative;
    display: inline-block;
    margin-right: 15px;
}
.news-content__point li:last-child {
    margin-bottom: 0;
}
.single-social {
    width: 275px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-social .l-social__label {
    font-size: 1.4rem;
    color: #555;
    display: block;
    letter-spacing: .1em;
}
.single-social .social-nav__lst {
    margin: 0 0 0 14px;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.single-social .social-nav__lst li {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 10px 0 0;
    text-align: center;
    opacity: 1;
    -webkit-transition: .3s cubic-bezier(.55, .085, .68, .53);
    transition: .3s cubic-bezier(.55, .085, .68, .53);
}
.single-social .social-nav__lst li:hover a{
	 -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
li.lst-social__fb{
	background-color: #1877f2;
}
li.lst-social__tw {
	background-color: #1da1f2;
}
li.lst-social__in {
	background-color: #00b900;
}
.single-social .social-nav__lst a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-social .social-nav__lst li.lst-social__fb svg,
.single-social .social-nav__lst li.lst-social__tw svg,
.single-social .social-nav__lst li.lst-social__in svg {
    width: 22px;
    height: auto;
    fill: #FFF;
    -webkit-transition: .3s cubic-bezier(.55, .085, .68, .53);
    transition: .3s cubic-bezier(.55, .085, .68, .53);
}
.single-links {
	width: 100%;
	margin: 65px 0 0;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: space-between;
}
.single-other {
    width: auto;
	margin-left: 30px;
}
.single-other__body {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.single-other__unit {
    width: 100%;
    height: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
}
.single-other__unit p {
    display: block;
    position: relative;
    text-align: left;
	font-weight: 500;
	font-size: 1.4rem;
	letter-spacing: .02em;
}
.single-other__unit p.other-prev {
	margin-right: 40px;
}
.single-other__unit p.other-next {
	margin-left: 40px;
}
.single-other__unit p a {
    padding: 14px 0;
	color: #8ECDDE;
}
.single-other__unit p a span {
	position:relative;
	display: inline-block;
}
.other-returnback a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	color: #8ECDDE;
}
.return-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
.single-side__title {
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: .04em;
    font-weight: 500;
}
.single-side__title span.title-jp {
	display: inline-block;
    font-size: 1.1rem;
    letter-spacing: .01em;
    margin: 0 0 0 2px;
	opacity:.7;
}
.newslatest-lst__unit {
	width: 100%;
	margin-top: 30px;
}
.newslatest-lst {
	margin: 0 0 25px;
	padding-bottom: 25px;
	border-bottom: solid 1px #d5d5d5;
}
.newslatest-lst:last-child {
	margin:0;
}
.newslatest-lst a {
	color: #8ECDDE;
}
.newslatest-lst a h3 {
	font-size: 1.6rem;
	line-height:1.4;
	letter-spacing: .02em;
	margin-top: 8px;
}
.newslatest-lst .single-meta__details .meta-cat,
.newslatest-lst .single-meta__details .meta-day {
	font-size: 1.1rem;
}
.single-cat__unit {
	width: 100%;
	margin-top: 50px;
}
.single-cat__unit-inner {
	position:relative;
}
.sidecat-lst__unit {
	margin-top: 15px;
}
.sidecat-lst {
	margin-bottom: 25px;
}
.sidecat-lst a {
	color: #8ECDDE;
}
.sidecat-lst:last-child {
	margin:0;
}
.sidecat-lst__visual {
	width: 100%;
}
.sidecat-lst a .sidecat-lst__visual-inner {
    position: relative;
    z-index: 0;
}
.sidecat-lst__title {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 7px;
}

/* guide====================================================================*/

.guide-index {
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	margin: 45px 0 25px;
	border-bottom: solid 1px #8ECDDE;
    padding-bottom: 8px;
}
.guide-index h3 {
	margin:0 0 0 5px;
}
.single-content p.guide-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #0f0f0f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    z-index: 10;
	margin:0;
}
.guide-icon span{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.guide-icon span svg {
    width: 13px;
    fill: #EAF2E3;
	display: block;
}
.guide-icon span svg.bus,
.guide-icon span svg.wjm-icon,
.guide-icon span svg path.cls-1,
.guide-icon span svg.kalpa-home {
    width: 10px;
}
.single-content p strong {
	margin: 0 0 5px 0;
	display: inline-block;
	letter-spacing:.02em;
	font-size: 1.9rem;
}
.news-content__link {
	padding:0;
	margin: 15px 0;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.news-content__link:hover {
	background-color: #F7F7F7;
}
.news-content__link a {
	position:relative;
	width: 100%;
	display: block;
	padding: 22px 22px 20px;
}
.news-content__link p {
	display: none;
}
.news-content__link-inner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}
.post-img {
	width: 35%;
}
.post-img img {
	width: 100%;
	height:auto;
}
.post-meta {
	width: 65%;
	padding: 20px 20px 20px 28px;
}
.single-content .post-meta h3{
	font-size: 2rem;
    line-height: 1.3;
    letter-spacing: .01em;
	text-align: left;
	margin: 0;
	position: relative;
    overflow: hidden;
    padding: 2px 0;
	display: inline-block;
}
.single-content .post-meta h3 span {
    width: 100%;
    height: auto;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 28px;
    min-height: 28px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.single-content .post-meta h3 span:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    opacity: .7;
    background: #8ECDDE;
    position: absolute;
    bottom: 0px;
}
.single-content a .post-meta h3 {
	color: #8ECDDE;
}
.news-content__link .post-meta p {
    width: 110px;
    height: 40px;
    position: relative;
    cursor: pointer;
    background-color: #8ECDDE;
    border-radius: 24px;
    overflow: hidden;
    color: #FFF;
    line-height: 1;
    font-size: 1.2rem;
	margin: 16px 0 0;
    letter-spacing: .02em;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: .3s cubic-bezier(.55, .085, .68, .53);
    transition: .3s cubic-bezier(.55, .085, .68, .53);
}
.news-content__link .post-meta p span {
	display: inline-block;
}
.access-details {
	width: 100%;
	margin-top: 32px;
}
.access-details ul {
	margin-bottom: 28px;
}
.access-details ul li {
	font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}
.access-details ul li p {
	margin:0;
	letter-spacing: .02em;
}
.access-details ul li p:first-child {
    background-color: #ebe4e4;
    font-size: 1.4rem;
    padding: 5px 0px;
    width: 78px;
    min-width: 78px;
    text-align: center;
    border-radius: 4px;
	margin: 0 15px 0 0;
}
.access-details .access-note {
    font-size: 1.3rem;
    margin: 0;
    display: block;
}
.access-details ul li p span {
    display: block;
    margin-bottom: 0px;
}

/* //guide====================================================================*/

@media screen and (min-width: 1600px) {
.body-news .l-page__visual-body {
    padding: 300px 11% 0 11%;
}
/* news-single============================================== */
.p-single-news__body {
    padding: 300px 10% 150px;
	max-width: 1800px;
}
.single-meta__details-inner {
    font-size: 2rem;
}
.single-meta__details .meta-cat {
    font-size: 1.6rem;
    padding: 6px 8px 6px 8px;
    margin-right: 12px;
}
.single-meta__details .meta-day {
    font-size: 1.6rem;
}
.single-title {
    font-size: 3.75rem;
    line-height: 1.6;
    margin-top: 15px;
}
.single-content {
    margin: 37px auto 0;
}
.single-content p {
    font-size: 2rem;
    margin: 30px 0 0;
}
.single-content p a.p-link{
	font-size: 2rem;
}
.single-content p img {
    margin: 37px auto;
}
.single-content h3 {
    font-size: 2.9rem;
	margin: 42px 0 25px;
}
.youtube {
	margin: 37px auto 50px;
}
.news-content__set,
.news-content__point {
	padding: 40px 0 37px 31px;
    margin: 43px 0;
}
.single-content h3.typ-set {
    font-size: 2.3rem;
    margin: 0 auto 18px;
    padding: 0 43px 18px 0;
}
.single-content p.typ-set {
    font-size: 2.2rem;
    padding-right: 43px;
}
.caption {
    margin-top: 8px;
    font-size: 2.2rem;
}
.news-content__point {
	padding: 40px 31px 37px 42px;
}
.news-content__point li {
    font-size: 1.9rem;
    margin: 0 0 22px 0;
}
.news-content__point li span {
    margin-right: 18px;
}
.news-content__point li span:before {
    margin: 0px auto auto -3.2px;
    width: 15px;
    height: 15px;
}
.single-links {
    margin: 82px 0 0;
}
.single-side__title {
    font-size: 2rem;
}
.single-side__title span.title-jp {
    font-size: 1.2rem;
    margin-top: 5px;
}
.newslatest-lst__unit {
    margin-top: 43px;
}
.newslatest-lst {
    margin: 0 0 30px;
    padding-bottom: 30px;
}
.newslatest-lst .single-meta__details .meta-cat,
.newslatest-lst .single-meta__details .meta-day {
    font-size: 1.3rem;
}
.newslatest-lst a h3 {
    font-size: 2.2rem;
    margin-top: 10px;
}
.sidecat-lst__unit {
    margin-top: 25px;
}
.sidecat-lst {
    margin-bottom: 30px;
}
.sidecat-lst__title {
    font-size: 1.7rem;
    margin-top: 8px;
}

/* guide====================================================================*/

.guide-index {
	margin: 56px 0 31px;
    padding-bottom: 10px;
}
.guide-index h3 {
	margin:0 0 0 6px;
}
.single-content p.guide-icon {
    width: 35px;
    height: 35px;
}
.guide-icon span svg {
    width: 16px;
}
.guide-icon span svg.bus,
.guide-icon span svg.wjm-icon,
.guide-icon span svg path.cls-1,
.guide-icon span svg.kalpa-home {
    width: 12px;
}
.single-content p strong {
	margin: 0 0 6px 0;
	font-size: 2.3rem;
}
.news-content__link {
	margin: 18px 0;
}
.news-content__link a {
	padding: 27px 27px 25px;
}
.post-meta {
	padding: 25px 25px 25px 35px;
}
.single-content .post-meta h3{
	font-size: 2.5rem;
    padding: 3px 0;
}
.single-content .post-meta h3 span {
    max-height: 35px;
    min-height: 35px;
}
.news-content__link .post-meta p {
    width: 138px;
    height: 50px;
    border-radius: 30px;
    font-size: 1.5rem;
	margin: 20px 0 0;
}
.access-details {
	margin-top: 40px;
}
.access-details ul {
	margin-bottom: 35px;
}
.access-details ul li {
	font-size: 2.2rem;
    margin-bottom: 22px;
}
.access-details ul li p:first-child {
    font-size: 1.7rem;
    padding: 6px 0px;
    width: 98px;
    min-width: 98px;
	margin: 0 18px 0 0;
}
.access-details .access-note {
    font-size: 1.6rem;
}

/* //guide====================================================================*/



}

@media screen and (max-width: 1024px) {
/* news-siggle============================================== */
.p-single-news__body {
    padding: 190px 6% 120px;
}

}
@media screen and (max-width: 959px) {
/* news-siggle============================================== */
.p-single-news__body {
    padding: 170px 0% 70px;
    display: block;
}
.single-content__container,
.single-latest_unit,
.single-cat__unit {
    width: 100%;
    padding: 0 5%;
}
.single-side__container {
    width: 100%;
    border-left: none;
	border-top: solid 1px #d5d5d5;
    padding: 50px 0 0 0;
    position: relative;
}
.single-links {
    margin: 65px 0 50px;
}
.sidecat-lst__unit {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sidecat-lst {
    width: 48%;
}
}
@media screen and (max-width: 569px) {
/* news-siggle============================================== */
.p-single-news__body {
    padding: 110px 0px 30px;
}
.single-content__container {
	padding:0;
}
.single-latest_unit,
.single-cat__unit {
    width: 100%;
    padding: 0 33px;
}
.single-meta__details {
    padding: 0 33px;
}
.single-meta__details .meta-cat {
    font-size: 1rem;
    margin-right: 7px;
}
.single-meta__details .meta-day {
    font-size: 1.1rem;
}
.single-title {
    font-size: 2.2rem;
    margin-top: 10px;
	line-height: 1.3;
}
.single-content {
    margin: 20px auto 0;
	padding: 0 33px;
}
.single-content p {
    font-size: 1.4rem;
    line-height: 1.7;
    margin: 16px 0 0;
}
.single-content p br {
	display: none;
}
.single-content p a.p-link{
	font-size: 1.4rem;
}
.single-content p img {
    margin: 15px auto;
}
.single-content h3 {
    font-size: 2.2rem;
    line-height: 1.4;
    margin: 28px 0 15px;
}
.youtube {
    margin: 20px auto 25px;
}
.news-content__set,
.news-content__point {
    padding: 30px 0 28px 25px;
    margin: 20px 0;
}
.news-content__point {
    padding: 30px 25px 28px 25px;
	margin: 12px 0 16px;
}
.single-content h3.typ-set {
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0 auto 15px;
    padding: 0 25px 15px 0;
}
.single-content p.typ-set {
	margin-top: 15px;
    font-size: 1.3rem;
    line-height: 1.6;
    padding-right: 25px;
}
.img-caption {
    margin: 22px 0;
}
.caption {
    margin-top: 5px;
    font-size: 1.2rem;
}
.news-content__point li {
    font-size: 1.3rem;
    margin: 0 0 18px 0;
}
.news-content__point li span:before {
    width: 10px;
    height: 10px;
}
.single-links {
    margin: 45px 0 15px;
	display: block;
}
.single-social {
    width: 230px;
    margin: 0 auto;
}
.single-social .l-social__label {
    font-size: 1.2rem;
    letter-spacing: 0em;
}
.single-social .social-nav__lst li {
    width: 42px;
    height: 42px;
}
.single-social .social-nav__lst li.lst-social__fb svg,
.single-social .social-nav__lst li.lst-social__tw svg,
.single-social .social-nav__lst li.lst-social__in svg {
    width: 16px;
}
.single-other {
    width: 100%;
    margin: 35px 0 0;
    padding: 15px 33px 0;
	border-top: solid 1px #d5d5d5;
}
.single-other__unit p {
	width: 33%;
	font-size: 1.2rem;
}
.single-other__unit p.other-prev,
.single-other__unit p.other-next {
    margin: 0;
}
.single-other__unit p.other-returnback {
	text-align:center;
}
.return-icon {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
.other-returnback a {
    justify-content: center;
}
.single-other__unit p.other-next {
	text-align:right;
}
.single-side__container {
    padding: 40px 0 0 0;
}
.single-side__title {
    font-size: 1.9rem;
}
.newslatest-lst__unit {
    margin-top: 28px;
}
.newslatest-lst .single-meta__details .meta-cat,
.newslatest-lst .single-meta__details .meta-day {
    font-size: 1rem;
}
.newslatest-lst a h3 {
    font-size: 1.4rem;
}
.sidecat-lst__title {
    font-size: 1.2rem;
}
.single-side__container .single-meta__details {
	padding:0;
}

/* guide====================================================================*/

.guide-index {
	margin: 32px 0 14px;
	padding-bottom: 5px;
}
.guide-index h3 {
    margin: 0 0 0 5px;
}
.single-content p.guide-icon {
    width: 24px;
    height: 24px;
}
.guide-icon span svg {
    width: 12px;
}
.guide-icon span svg.bus,
.guide-icon span svg.wjm-icon,
.guide-icon span svg path.cls-1,
.guide-icon span svg.kalpa-home {
    width: 9px;
}
.single-content p strong {
	display: block;
	font-size: 1.6rem;
}
.news-content__link {
	padding:0;
	margin: 15px 0;
}
.news-content__link a {
	padding: 8px 12px 8px;
}
.post-img {
	width: 35%;
}
.post-meta {
	width: 65%;
	padding: 15px;
}
.single-content .post-meta h3{
	font-size: 1.4rem;
}
.single-content .post-meta h3 span {
    max-height: 18px;
    min-height: 18px;
}
.news-content__link .post-meta p {
    width: 80px;
    height: 23px;
    border-radius: 14px;
    font-size: 1rem;
	margin: 9px 0 0;
}
.access-details {
	margin-top: 18px;
}
.access-details ul {
	margin-bottom: 20px;
}
.access-details ul li {
	font-size: 1.4rem;
    margin-bottom: 14px;
    display: flex;
}
.access-details ul li p {
	margin:0;
	letter-spacing: .02em;
}
.access-details ul li p:first-child {
    font-size: 1.3rem;
    padding: 2px 0px;
    width: 66px;
    min-width: 66px;
    letter-spacing: 0;
    margin: 0 16px 0 0;
}
.access-details .access-note {
    display: block;
    margin-bottom: 8px;
	font-size: 1.25rem;
}
.access-details ul li p br {
	display: block;
}

/* //guide====================================================================*/

}

/* wajimanuri-page============================================== */
#wajimanuri-page .l-page__visual{
	z-index:0;
}
#wajimanuri-page .l-page__visual-body{
	height: calc(100vh - 0px);
	overflow: hidden;
    display: block;
    padding: 0;
}
#wajimanuri-page .l-page__visual:before {
	display: none;
}
/* l-wajimanuri__meta============================================== */
.l-wajimanuri__meta {
	position:absolute;
	left:20px;
	bottom:25px;
	z-index:10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
}
.page-visual__label {
	position:relative;
}
.page-visual__label-inner {
	width: 168px;
	height:470px;
	margin-right: 10px;
	position:relative;
	z-index:10;
	width: 12vw;
    height: 100%;
    padding: 132% 0;
}
.page-visual__label-inner p {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    outline: 0px none #000;
    overflow: hidden;
}
.page-visual-set.active .page-visual__label-inner p {
    -webkit-transition: height .7s cubic-bezier(0.09, 0.34, 0.63, 1);
    transition: height .7s cubic-bezier(0.09, 0.34, 0.63, 1);
    height: 100%;
}
.l-wajimanuri__meta .page-visual__title {
    font-size: 2.4rem;
    min-width: auto;
    letter-spacing: .03em;
	color: #FFF;
}
.l-wajimanuri__meta .page-visual__title span.title-jp {
    font-size: 1.4rem;
    margin-top: 7px;
    letter-spacing: .02em;
	color: #FFF;
}
/* l-wajimanuri__slide============================================== */
.l-wajimanuri__slide {
  user-select: none;
  z-index:0;
}
.l-wajimanuri__slide,
.l-wajimanuri__slide .slide-item,
.l-wajimanuri__slide .slide-item .slide-visual,
.l-wajimanuri__slide .slide-item .slide-visual span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left:0;
}
.l-wajimanuri__slide .slide-item {
	width: 100%;
    height: 100%;
    z-index: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.l-wajimanuri__slide .slide-visual__wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position:relative;
}
.l-wajimanuri__slide .slide-item .slide-visual {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: -25vw;
  z-index: 0;
  outline: 0px none #000;
  overflow: hidden;
}
.l-wajimanuri__slide .slide-item .slide-visual__inner{
    display: block;
    position: absolute;
    top: 0;
    left: 25vw;
    width: 100vw;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.l-wajimanuri__slide .slide-item .slide-visual span {
    width: calc(100% + 0px);
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    background-position: 50% 50%;
	transform-origin: 50% 50%;
	transform: scale(1.1);
}
/* active */
.l-wajimanuri__slide .slide-item .slide-visual.active {
  -webkit-transition: width 1.2s cubic-bezier(0.09, 0.34, 0.63, 1);
  transition: width 1.2s cubic-bezier(0.09, 0.34, 0.63, 1);
  width: 130vw;
}
.l-wajimanuri__slide .slide-item .slide-visual.active span {
  -webkit-transition: -webkit-transform 8s linear;
  transition: -webkit-transform 8s linear;
  transition: transform 8s linear;
  transition: transform 8s linear, -webkit-transform 6s linear;
  transform: scale(1);
}


/* slide-pager============================================== */
.l-wajimanuri__slide .slide-pager {
	position:relative;
    z-index: 10;
    left: auto;
    bottom: auto;
    height: 100%;
	mix-blend-mode: difference;
}
.l-wajimanuri__slide .slide-pager__inner {
	display: block;
    position: absolute;
    right: 2.2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    transform: translateX(0%);
}
.l-wajimanuri__slide .slide-pager span {
  display: inline-block;
}
.l-wajimanuri__slide .slide-pager .slide-num {
  font-size: 1.6rem;
  margin: 0 12px;
  color:#FFF;
}
.l-wajimanuri__slide .slide-pager .slide-line {
  width: 20px;
  height: 2px;
  background-color: #F25757;
  margin: 10px auto;
  overflow:hidden;
  position:relative;
  -webkit-transform: translateY(0px) rotate(0deg);
   transform: translateY(0px) rotate(0deg);
}
.l-wajimanuri__slide .slide-pager.active .slide-line:before {
	content:'';
	position:absolute;
	width: 100%;
	height: 2px;
	top:0;
	left:0;
	background-color:#e53244;
	-webkit-animation: slidebar 10s linear;
	animation: slidebar 10s linear;
}
@-webkit-keyframes slidebar {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%);}
}
@keyframes slidebar {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%);}
}
.slide-arrow__unit {
	position:absolute;
	right: 2.2%;
	bottom: 25px;
	z-index:10;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.l-wajimanuri__slide .slide-pager .slide-arrow {
    width: 50px;
    height: 50px;
    border: solid 1px #FFF;
    cursor: pointer;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.l-wajimanuri__slide .slide-pager .slide-arrow svg {
    width: 14px;
    fill: #FFF;
}
.l-wajimanuri__slide .slide-pager .slide-arrow.prev {
  position:relative;
  transform: rotate(-180deg);
  margin: 0 8px 0 0;
}
/* //l-wajimanuri__slide============================================== */

.p-page-wajimanuri {
	width: 100%;
	position:relative;
	background-color:#0f0f0f;
	background-color:#181818;
}
.p-page-wajimanuri__body {
	width: 100%;
}
.wjmnr-message {
	width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #EAF2E3;
	overflow:hidden;
	padding: 200px 0;
}
.wjmnr-message__inner {
	width: 546px;
	text-align:left;
	position:relative;
	z-index:5;
}
.wjmnr-message__catch {
	font-size: 3rem;
    line-height: 1;
    letter-spacing: .27em;
	margin-bottom: 50px;
}
.wjmnr-message__catch.pc-block {
	display: block;
}
.wjmnr-message__catch.sp-block {
	display: none;
}
.wjmnr-message__catch span {
    display: block;
    margin: 0 0 35px 0;
}
.wjmnr-message__catch span:last-child {
	margin-bottom:0;
}
.wjmnr-message__read {
	font-size: 1.4rem;
	line-height:2;
	letter-spacing: .13em;
	color: #ccc;
}
.wjmnr-message__read span {
	display: inline-block;
}
.wjmnr-message__read span.wjmnr-credit {
	font-size: 1.1rem;
	line-height:1;
	letter-spacing: .05em;
	margin-top: 40px;
	color: #a1a1a1;
}
.wjmnr-message__label {
	width: 102%;
	line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
	opacity:.3;
}
.wjmnr-message__label svg {
	fill:#000;
}
.wjmnr-anchor {
	width: 100%;
	padding: 85px 6% 100px;
	background-color: #000;
}
.wjmnr-anchor__inner {
	position:relative;
}
.wajimanuri-lst__meta {
	position:relative;
	margin-top: 14px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: space-between;
}
.wjmnr-anchor h3 {
    font-size: 2.2rem;
    letter-spacing: .12em;
    color: #EAF2E3;
    line-height: 1;
    z-index: 2;
    position: relative;
}
.wjmnr-anchor h3 span.js-split:before {
	display: none;
}
.wjmnr-anchor__unit {
	width: 100%;
    margin: 15px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.wjmnr-anchor__unit h3.wajimanuri-lst__title {
    font-size: 1.5rem;
    letter-spacing: .05em;
}
.wjmnr-anchor__unit .wajimanuri-lst__title span.f-en {
    font-size: 1.1rem;
    margin-top: 5px;
}
.wjmnr-anchor__unit .wajimanuri-lst__arrow {
    width: 50px;
    height: 50px;
    bottom: 21px;
    right: -24px;
}
.wjmnr-anchor__unit .wajimanuri-lst__arrow span svg {
	transform: rotate(90deg);
	width: 10px;
}
.wjmnr-history {
	width: 100%;
}
.wjmnr-history__inner {
	position:relative;
}
.wjmnr-contents__lst {
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wjmnr-contents__text {
	width: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.bg-b{
	background-color: #000;
}
.wjmnr-contents__text-inner {
	width: 100%;
    padding: 14%;
    min-width: 655px;
}
.wjmnr-contents__title {
	line-height:1;
	letter-spacing: .2em;
}
.wjmnr-num {
	font-size: 1.2rem;
	color: #d2a38f;
	overflow:hidden;
	margin-bottom: 8px;
}
.wjmnr-num span {
	display: inline-block;
}
.wjmnr-contents__title h2 {
	width: 170px;
}
.wjmnr-flow .wjmnr-contents__title h2 {
    width: 305px;
}
.wjmnr-howto .wjmnr-contents__title h2 {
    width: 230px;
}
.wjmnr-care .wjmnr-contents__title h2 {
    width: 345px;
}
.wjmnr-contents__title h2 span {
	display: inline-block;
}
.wjmnr-lub {
	font-size: 1.2rem;
    color: #ccc;
    margin-top: 16px;
    text-align: right;
    border-top: solid 1px #888;
    padding-top: 10px;
}
.wjmnr-lub span {
	display: inline-block;
}
.wjmnr-contents__catch {
    font-size: 2.2rem;
    line-height: 1.6;
    letter-spacing: .13em;
	color: #EAF2E3;
	margin-top: 35px;
}
.wjmnr-contents__catch span {
	display: block;
}
.wjmnr-contents__read {
	font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: .08em;
    color: #ccc;
	margin-top: 20px;
}
.wjmnr-contents__read span {
	display: inline-block;
}
.wjmnr-contents__bgvisual {
    width: 50%;
    padding: 28% 0;
    position: relative;
    overflow: hidden;
}
.wjmnr-contents__bgvisual-inner {
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.wjmnr-history__whats {
	padding: 140px 0;
    background-color: #000;
    width: 100%;
}
.wjmnr-history__whats-inner {
	position:relative;
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: space-between;
	padding: 0 12%;
}
.wjmnr-history__whats-catch {
	color: #EAF2E3;
	line-height:1;
	letter-spacing: .12em;
}
.wjmnr-history__whats-catch p {
	font-size: 1rem;
	letter-spacing: .13em;
}
.wjmnr-history__whats-catch h3 {
	position:relative;
	min-width: 355px;
}
.wjmnr-history__whats-catch h3 p {
	margin: 16px 0;
	font-size: 2.6rem;
	letter-spacing: .1em;
}
.wjmnr-history__whats-catch h3.js-scroll__split .js-split:before {
	display: none;
}
.wjmnr-history__whats-catch h3 p span.msk{
	padding: 5px 7px;
}
.wjmnr-history__whats-catch h3 p span {
	background-color: #161717;
	display: inline-block;
}
.wjmnr-history__whats-read {
	font-size: 1.4rem;
	line-height: 2;
	width: 58%;
    margin: 18px 0 0 5%;
	letter-spacing: .03em;
}
.wjmnr-history__whats-read span {
	display: inline-block;
}
.wjmnr-history__whats-read span:last-child {
	margin-top: 6px;
}
.wjmnr-craftsmanship__gallery {
	width: 100%;
	padding: 0;
	background-color: #1f2021;
}
.wjmnr-craftsmanship__gallery-inner {
	padding: 110px 0 120px;
}
.wjmnr-craftsmanship__gallery-inner h3 {
	font-size: 2.2rem;
	color: #EAF2E3;
	line-height:1;
	letter-spacing: .1em;
	margin-left: 6%;
}
.wjmnr-craftsmanship__gallery-inner h3 span {
	display: block;
}
.craftsmanship-lst__unit {
    width: 100%;
    position: relative;
    margin: 10px 0 0 0;
    z-index: 0;
}
.craftsmanship-lst__unit.swiper-container {
    overflow: visible;
    background-color: #1f2021;
}
#craftsmanship-slider .swiper-wrapper {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    z-index: 0;
}
.craftsmanship-lst__visual {
	overflow:hidden;
}
.craftsmanship-lst__visual-caption {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 10px;
    color: #EAF2E3;
	letter-spacing: .02em;
	overflow:hidden;
}
.craftsmanship-lst__visual-caption span {
	display: inline-block;
}
.craftsmanship-lst.swiper-slide .craftsmanship-lst__visual-caption span {
	transition: transform 1.6s ease 0s,opacity 1.6s ease 0s;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    transition-duration: .7s;
}
.craftsmanship-lst.swiper-slide.swiper-slide-active .craftsmanship-lst__visual-caption span {
	opacity: 1;
    transform: translate3d(0, 0, 0);
}
/* swiper-button============================================== */
#craftsmanship-slider .swiper-common {
    width: 100%;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0%;
    left: 0;
    margin: auto;
	height: 100%;
	pointer-events:none;
	mix-blend-mode: difference;
}
#craftsmanship-slider .swiper-button-unit {
	position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    width: 100%;
    height: 100%;
	z-index:2;
	cursor: pointer;
}
#craftsmanship-slider .swiper-button-next,
#craftsmanship-slider .swiper-container-rtl .swiper-button-next,
#craftsmanship-slider .swiper-container-rtl .swiper-button-prev,
#craftsmanship-slider .swiper-button-prev{
	font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    width: 46%;
    height: 100%;
    display: block;
    border-radius: 50%;
	-webkit-transition: .3s ease;
    transition: .3s ease;
	pointer-events:auto;
}
#craftsmanship-slider .swiper-button-next,
#craftsmanship-slider .swiper-container-rtl .swiper-button-next {
	right: -100px;
}
#craftsmanship-slider .swiper-container-rtl .swiper-button-prev,
#craftsmanship-slider .swiper-button-prev {
	left: 0px;
}
#craftsmanship-slider .swiper-button-prev .mouse-arrow,
#craftsmanship-slider .swiper-button-next .mouse-arrow {
    opacity: 1;
    display: block;
    position: absolute;
	background-color:#FFF;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    margin-top: -55px;
    margin-left: -65px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
	background-image: none;
    cursor: pointer;
}
#craftsmanship-slider .swiper-button-prev .mouse-arrow span,
#craftsmanship-slider .swiper-button-next .mouse-arrow span {
	font-size: 0rem;
	display:block;
	color:#000;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 130px;
	text-align:center;
	opacity:0;
}
#craftsmanship-slider .swiper-button-prev:hover .mouse-arrow,
#craftsmanship-slider .swiper-button-next:hover .mouse-arrow {
    width: 130px;
    height: 130px;
    opacity: 1;
}
#craftsmanship-slider .swiper-button-prev:hover .mouse-arrow span,
#craftsmanship-slider .swiper-button-next:hover .mouse-arrow span {
	font-size: 1rem;
	opacity:1;
}
#craftsmanship-slider .swiper-button-prev span.icon-arrow svg,
#craftsmanship-slider .swiper-button-next span.icon-arrow svg {
    width: 10px;
    fill: #EAF2E3;
	display: none;
}
#craftsmanship-slider .swiper-button-prev span.icon-arrow svg{
	transform: rotate(-180deg);
}
/* //swiper-button============================================== */
.wjmnr-flow__step {
	width: 100%;
	background-color: #0f0f0f;
	padding: 85px 0 140px;
}
.wjmnr-flow__step-inner {
	width: 100%;
	position:relative;
}
.flow-step__index-unit.js-scroll__anime .js-fade__anime,
.flow-step__lst.js-scroll__anime .js-fade__anime {
    transform: translate3d(0, 0px, 0);
    transition-duration: 2s;
}
.flow-step__index-unit.js-scroll__anime .js-fade__anime {
	transition-duration: .5s;
}
.wjmnr-flow__step-inner h3.flow-step__index {
	font-size: 1.9rem;
	color: #EAF2E3;
	line-height:1;
	text-align:center;
	padding: 14px 0 10px;
	width:  290px;
	margin:0 auto;
    border: solid 1px #b7b1ac;
    border-radius: 30px;
}
.wjmnr-flow__step-inner h3.flow-step__index span {
	display: inline-block;
	padding:0;
}
.wjmnr-flow__step-inner h3.flow-step__index span.js-split:before {
	display: none;
}
.flow-step__unit {
	width: 100%;
	position:relative;
	margin: 0 auto 0;
	background-color: #0f0f0f;
}
.flow-step__lst {
	width: 100%;
	border-bottom: solid 1px #3f3d3c;
	position:relative;
	padding: 85px 0;
	overflow: visible;
}
.flow-step__lst:first-child {
	padding-top: 65px;
}
.flow-step__lst:last-child {
	border:none;
	padding-bottom: 0px;
}
.flow-step__lst-inner {
	width: 100%;
	padding: 0 12%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.flow-step__visual {
	width: 47%;
	position:relative;
	z-index:0;
}
.flow-step__label {
	position: absolute;
    left: 14px;
    top: 14px;
    font-size: 2rem;
    letter-spacing: .03em;
    display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	z-index:2;
}
.flow-step__label span {
	display: inline-block;
	width: auto;
    padding: 7px 8px;
	background-color: #000;
	color:#EAF2E3;
}
.flow-step__visual-inner {
	position:relative;
	width: 100%;
	overflow:hidden;
}
.flow-step__text {
	width: 53%;
	position:relative;
}
.flow-step__text-inner {
	width: 100%;
	position:relative;
	padding: 8% 0 8% 10%;
	text-align:left;
	z-index:2;
}
.flow-step__text-inner h3 {
	font-size: 2.2rem;
	line-height:1.7;
	color: #d3a38f;
	letter-spacing: .13em;
}
.flow-step__read {
	color: #ccc;
	font-size: 1.4rem;
	line-height:1.6;
	letter-spacing: .08em;
	margin-top: 18px;
}
.flow-step__num {
	width: 140px;
    height: 140px;
    border-radius: 50%;
	border: solid 1px #3b3b3b;
	color: #3b3b3b;
	line-height:1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: -30px;
    right: -30px;
	text-align:center;
	z-index:0;
}
.flow-step__num span {
	display: block;
}
.flow-step__num span:first-child {
	font-size: 1.5rem;
}
.flow-step__num span:last-child {
	font-size: 5rem;
}
.flow-point__unit {
	width:76%;
	padding: 35px 45px 38px;
	background-color: #1f2021;
	margin: 50px auto 0;
	display:none;
}
.flow-point__unit h3,
.wjmnr-point__lst h3 {
	font-size: 2.2rem;
	line-height:1;
	color: #EAF2E3;
	letter-spacing: .1em;
}
.wjmnr-point__lst h3 span.point-strong{
	display: block;
	font-size: 2rem;
    line-height: 1;
    color: #EAF2E3;
    letter-spacing: .1em;
}
.wjmnr-point__lst h3.js-scroll__split .js-split {
	padding-bottom: 0px;
}
.flow-point__unit h3 span.f-en,
.wjmnr-point__lst h3 span.f-en {
	color: #d3a38f;
	font-size: 1.1rem;
	display: block;
	margin-bottom: 8px;
}
.wjmnr-point__lst .js-scroll__split .js-split:before {
	display: none;
}
.flow-point__read,
.wjmnr-point__read {
	margin-top: 15px;
	color: #ccc;
	font-size: 1.3rem;
	line-height: 1.6;
	letter-spacing: .04em;
}
.wjmnr-point__read span {
	display: inline-block;
}
.flow-step__arrow {
	width: 70px;
    height:70px;
    border-radius: 50%;
	background-color: #EAF2E3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    bottom: -35px;
    right: 0;
	left:0;
	margin:auto;
}
.flow-step__arrow span {
	display: inline-block;
}
.flow-step__arrow span svg {
    width: 14px;
	transform: rotate(90deg);
}
.wjmnr-point__unit {
	width: 100%;
	position:relative;
	background-color: #1f2021;
}
.wjmnr-point__unit-inner {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.wjmnr-point__lst {
	width: 50%;
	text-align:left;
	padding: 85px 6%;
	position:relative;
}
.wjmnr-point__lst:first-child:before{
	background-color: #3b3b3b;
	content:'';
	position:absolute;
	width: 1px;
	height: 100%;
	top:0;
	right:0;
}
.wjmnr-section__bgvisual {
    width: 100%;
    padding: 28% 0;
    position: relative;
    overflow: hidden;
}
.wjmnr-section__bgvisual-inner{
	position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (min-width: 1600px) {
/* wajimanuri-page============================================== */
.l-wajimanuri__meta .page-visual__title {
    font-size: 3rem;
}
.l-wajimanuri__meta .page-visual__title span.title-jp {
    font-size: 1.7rem;
}
.l-wajimanuri__slide .slide-pager .slide-num {
    font-size: 2rem;
    margin: 0 15px;
}
.l-wajimanuri__slide .slide-pager .slide-line {
    width: 25px;
    margin: 12px auto;
}
.l-wajimanuri__slide .slide-pager .slide-arrow {
    width: 62px;
    height: 62px;
}
.page-visual__label-inner {
    padding: 134% 0;
}
.wjmnr-message {
    padding: 250px 0;
}
.wjmnr-message__inner {
    width: 685px;
}
.wjmnr-message__catch {
    font-size: 3.75rem;
    margin-bottom: 62px;
}
.wjmnr-message__read {
    font-size: 1.7rem;
}
.wjmnr-anchor {
    padding: 106px 6% 125px;
}
.wjmnr-anchor__unit {
    margin: 12px 0 0 0;
}
.wjmnr-anchor h3 {
    font-size: 2.2rem;
}
.wjmnr-anchor__unit h3.wajimanuri-lst__title {
    font-size: 2.2rem;
}
.wjmnr-anchor__unit .wajimanuri-lst__title span.f-en {
    font-size: 1.3rem;
    margin-top: 6px;
}
.wjmnr-anchor__unit .wajimanuri-lst__arrow {
    width: 62px;
    height: 62px;
    bottom: 19px;
    right: -29px;
}
.wjmnr-num {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.wjmnr-contents__title h2 {
    width: 212px;
}
.wjmnr-lub {
    font-size: 1.5rem;
    margin-top: 20px;
    padding-top: 12px;
}
.wjmnr-contents__text-inner {
	min-width: initial;
}
.wjmnr-contents__catch {
    font-size: 2.7rem;
    margin-top: 43px;
}
.wjmnr-contents__read {
    font-size: 1.7rem;
    margin-top: 25px;
}
.wjmnr-history__whats {
    padding: 175px 0;
}
.wjmnr-history__whats-catch p {
    font-size: 1.2rem;
}
.wjmnr-history__whats-catch h3 {
    min-width: 445px;
}
.wjmnr-history__whats-catch h3 p {
    margin: 20px 0;
    font-size: 3.2rem;
}
.wjmnr-history__whats-catch h3 p span.msk{
	padding: 6px 8px;
}
.wjmnr-history__whats-read {
    font-size: 1.7rem;
    margin: 22px 0 0 5%;
}
.wjmnr-craftsmanship__gallery-inner {
    padding: 137px 0 150px;
}
.craftsmanship-lst__unit {
    margin: 12px 0 0 0;
}
.wjmnr-craftsmanship__gallery-inner h3 {
    font-size: 2.7rem;
}
.craftsmanship-lst__visual-caption {
    font-size: 1.6rem;
    margin-top: 12px;
}

#craftsmanship-slider .swiper-button-prev .mouse-arrow,
#craftsmanship-slider .swiper-button-next .mouse-arrow {
    margin-top: -70px;
    margin-left: -80px;
}
#craftsmanship-slider .swiper-button-prev .mouse-arrow span,
#craftsmanship-slider .swiper-button-next .mouse-arrow span {
	line-height: 160px;
}
#craftsmanship-slider .swiper-button-prev:hover .mouse-arrow,
#craftsmanship-slider .swiper-button-next:hover .mouse-arrow {
    width: 160px;
    height: 160px;
}
#craftsmanship-slider .swiper-button-prev:hover .mouse-arrow span,
#craftsmanship-slider .swiper-button-next:hover .mouse-arrow span {
	font-size: 1.2rem;
}

.wjmnr-flow .wjmnr-contents__title h2 {
    width: 382px;
}
.wjmnr-flow__step {
    padding: 106px 0 175px;
}
.wjmnr-flow__step-inner h3.flow-step__index {
    font-size: 2.3rem;
    padding: 20px 0;
    width: 362px;
    border-radius: 38px;
}
.flow-step__lst {
    padding: 106px 0;
}
.flow-step__lst:first-child {
    padding-top: 82px;
}
.flow-step__label {
    left: 18px;
    top: 18px;
    font-size: 2.5rem;
}
.flow-step__text-inner h3 {
    font-size: 2.7rem;
}
.flow-step__read {
    font-size: 1.7rem;
    margin-top: 22px;
}
.flow-step__num {
    width: 175px;
    height: 175px;
	top: -37px;
	right: -37px;
}
.flow-step__num span:first-child {
    font-size: 2.2rem;
}
.flow-step__num span:last-child {
    font-size: 6.25rem;
}
.flow-point__unit {
    padding: 43px 56px 48px;
    margin: 62px auto 0;
}
.flow-point__unit h3 {
    font-size: 2.2rem;
}
.wjmnr-point__lst h3 span.point-strong {
	font-size: 2.2rem;
}
.flow-point__unit h3 span.f-en,
.wjmnr-point__lst h3 span.f-en {
    font-size: 1.3rem;
    margin-bottom: 10px;
}
.flow-point__read,
.wjmnr-point__read {
    margin-top: 18px;
    font-size: 1.6rem;
}
flow-step__arrow {
    width: 86px;
    height: 86px;
    bottom: -43px;
}
.wjmnr-howto .wjmnr-contents__title h2 {
    width: 288px;
}
.wjmnr-point__lst {
    padding: 106px 10%;
}
.wjmnr-point__lst h3 {
    font-size: 2.5rem;
}
.flow-point__read, .wjmnr-point__read {
    margin-top: 18px;
    font-size: 1.6rem;
}
.wjmnr-care .wjmnr-contents__title h2 {
    width: 430px;
}

}

@media screen and (max-width: 1024px) {
/* wajimanuri-page============================================== */
.page-visual__label-inner {
	width: 20vw;
    padding: 134% 0;
}
.wjmnr-message {
    padding: 170px 0 150px;
}
.wjmnr-flow__step {
    padding: 85px 0 110px;
}
.wjmnr-contents__lst {
    flex-direction: column;
}
.wjmnr-contents__text {
	width: 100%;
}
.wjmnr-contents__text-inner {
	min-width: initial;
	padding: 14% 16%;
}
.wjmnr-contents__catch {
    margin-top: 20px;
}
.wjmnr-contents__read {
    margin-top: 15px;
}
.wjmnr-contents__bgvisual {
    width: 100%;
    padding: 34% 0;
	order: 2;
}
.wjmnr-history__whats-inner {
    padding: 0 6%;
}
.flow-step__lst:first-child {
    padding-top: 45px;
}
.flow-step__lst-inner {
    padding: 0 6%;
}
.flow-point__unit {
    width: 88%;
}
.flow-step__num {
    width: 120px;
    height: 120px;
	top:-40px;
}
.flow-step__num span:first-child {
    font-size: 1.3rem;
}
.flow-step__num span:last-child {
    font-size: 4rem;
}
.wjmnr-section__bgvisual {
    padding: 36% 0;
}

#craftsmanship-slider .swiper-common {
    left: auto;
    height: auto;
    pointer-events: none;
    mix-blend-mode: difference;
    position: absolute;
    width: 108px;
    right: 6%;
    top: -60px;
}
#craftsmanship-slider .swiper-button-unit {
    position: relative;
    cursor: pointer;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    margin: auto;
    width: 100%;
    height: auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: space-between;
}
#craftsmanship-slider .swiper-button-prev,
#craftsmanship-slider .swiper-button-next {		
    width: 50px;
    height: 50px;
	position:static;
    background: #000;
	-webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    pointer-events: auto;
	top: 0;
    margin: 0;
}
#craftsmanship-slider .swiper-button-prev .mouse-arrow,
#craftsmanship-slider .swiper-button-next .mouse-arrow {
	display: none;
}
#craftsmanship-slider .swiper-button-prev span.icon-arrow svg,
#craftsmanship-slider .swiper-button-next span.icon-arrow svg {
    display: block;
}

}

@media screen and (max-width: 959px) {
/* wajimanuri-page============================================== */
.l-wajimanuri__slide .slide-item .slide-visual.active {
    -webkit-transition: width .8s cubic-bezier(0.09, 0.34, 0.63, 1);
    transition: width .8s cubic-bezier(0.09, 0.34, 0.63, 1);
}
.l-wajimanuri__slide .slide-item .slide-visual.active span {
    -webkit-transition: -webkit-transform 5s linear;
    transition: -webkit-transform 5s linear;
    transition: transform 5s linear;
    transition: transform 5s linear, -webkit-transform 5s linear;
}
.l-wajimanuri__slide .slide-pager {
    top: auto;
}
.page-visual__label-inner {
    padding: 133% 0;
    width: 22vw;
}
.wjmnr-message__read span.wjmnr-credit {
    font-size: 1rem;
    letter-spacing: .02em;
    margin-top: 20px;
}
.wjmnr-anchor {
    padding: 75px 6% 70px;
}
.wjmnr-anchor__unit {
	position:relative;
	position: relative;
    scroll-snap-type: x;
    overflow: auto;
    display: -webkit-inline-box;
}
.wjmnr-anchor__unit .wajimanuri-lst {
    width: 44%;
    margin: 0 0 45px 0;
}
.wajimanuri-lst__meta {
    margin-top: 10px;
}
.wjmnr-anchor__unit .wajimanuri-lst__arrow {
	position:static;
	width: 40px;
	height: 40px;
	margin-right: 15px;
}
.wjmnr-anchor__unit:after {
    content: "";
    display: block;
    width: 30%;
    height: 0;
}
.wjmnr-contents__text-inner {
    padding: 14% 10%;
}
.wjmnr-history__whats-inner {
    padding: 0 10%;
	display: block;
}
.wjmnr-history__whats-read {
    width: 100%;
    margin: 25px 0 0 0;
	color: #ccc;
}
.wjmnr-craftsmanship__gallery-inner h3 {
    letter-spacing: .03em;
}
.wjmnr-craftsmanship__gallery-inner {
    padding: 70px 0 80px;
}
.wjmnr-anchor h3 {
    letter-spacing: .03em;
}
.craftsmanship-lst__visual-caption {
    font-size: 1.3rem;
}
.wjmnr-contents__catch {
	letter-spacing: .1em;
}
.wjmnr-contents__read {
	line-height: 1.7;
}
.flow-step__lst {
    padding: 65px 0;
}
.flow-step__lst-inner {
    padding: 0 10%;
    display: block;
}
.flow-step__visual {
    width: 100%;
}
.flow-step__text {
    width: 100%;
}
.flow-step__text-inner {
    padding: 35px 0 0 0;
}
.flow-step__text-inner h3 {
    font-size: 2.2rem;
    line-height: 1.6;
    letter-spacing: .1em;
}
.flow-step__num {
    width: 90px;
    height: 90px;
    top: 20px;
	right:0;
}
.flow-point__unit {
    width: 80%;
    margin: 45px auto 0;
}
.flow-step__arrow {
    width: 60px;
    height: 60px;
    bottom: -29px;
}

}

@media screen and (max-width: 569px) {
/* wajimanuri-page============================================== */
.l-wajimanuri__slide .slide-pager .slide-num {
    font-size: 1.4rem;
}
.slide-arrow__unit {
    right: 12px;
    bottom: 12px;
}
.l-wajimanuri__slide .slide-pager .slide-arrow {
    width: 40px;
    height: 40px;
}
.l-wajimanuri__slide .slide-pager .slide-arrow svg {
    width: 9px;
}
.l-wajimanuri__slide .slide-pager__inner {
    right: 0px;
    top: 45%;
}
.page-visual__label-inner {
    width: 28vw;
    padding: 128% 0px;
}
.l-wajimanuri__meta .page-visual__title {
    font-size: 1.9rem;
}
.l-wajimanuri__meta .page-visual__title span.title-jp {
    font-size: 1.2rem;
    margin-top: 2px;
}
.l-wajimanuri__meta {
    position: absolute;
    left: 5px;
    bottom: 10px;
}
.wjmnr-message {
    padding: 110px 0 85px;
}
.wjmnr-message__inner {
    width: 76%;
}
.wjmnr-message__label {
    width: 900px;
    left: -28px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.wjmnr-message__catch {
    font-size: 2.6rem;
    letter-spacing: .23em;
	margin-bottom: 32px;
}
.wjmnr-message__catch.pc-block {
	display: none;
}
.wjmnr-message__catch.sp-block {
	display: block;
}
.wjmnr-message__catch span {
    margin: 0 0 15px 0;
}
.wjmnr-message__read {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 0px;
    letter-spacing: .11em;
}
.wjmnr-anchor {
    width: 100%;
    padding: 45px 0px 10px 0;
}
.wjmnr-anchor__unit {
    margin: 10px 0 0 0;
}
.wjmnr-anchor h3 {
    font-size: 1.6rem;
	padding-left: 33px;
}
.wajimanuri-lst__meta {
    margin-top: 8px;
}
.wjmnr-anchor__unit .wajimanuri-lst__arrow {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.wjmnr-anchor__unit .wajimanuri-lst__arrow span svg {
    width: 8px;
}
.wjmnr-anchor__unit {
    padding-left: 33px;
}
.wjmnr-anchor__unit h3.wajimanuri-lst__title {
	padding:0;
    font-size: 1.3rem;
    letter-spacing: .02em;
}
.wjmnr-anchor .wajimanuri-lst:nth-child(n + 4) {
    margin: 0;
}
.wjmnr-anchor__unit .wajimanuri-lst__title span.f-en {
    font-size: 1rem;
    margin-top: 3px;
}
.wjmnr-contents__text-inner {
    padding: 70px 33px;
}
.wjmnr-contents__title h2 {
    width: 120px;
}
.wjmnr-flow .wjmnr-contents__title h2 {
    width: 220px;
}
.wjmnr-howto .wjmnr-contents__title h2 {
    width: 164px;
}
.wjmnr-care .wjmnr-contents__title h2 {
    width: 232px;
}
.wjmnr-num {
    font-size: 1rem;
}
.wjmnr-lub {
    font-size: 1rem;
    margin-top: 12px;
    padding-top: 8px;
	letter-spacing:.02em;
}
.wjmnr-contents__catch {
	/*font-size: 1.9rem;
    letter-spacing: .08em;*/
	font-size: 2.2rem;
    letter-spacing: .1em;
    margin-top: 18px;
    line-height: 1.6;
}
.wjmnr-history .wjmnr-contents__catch {
	letter-spacing: .14em;
}
.wjmnr-craftsmanship .wjmnr-contents__catch,
.wjmnr-care .wjmnr-contents__catch {
	letter-spacing: .08em;
}
.wjmnr-flow .wjmnr-contents__catch {
	letter-spacing: .03em;
}
.wjmnr-howto .wjmnr-contents__catch {
	letter-spacing: .05em;
}
.wjmnr-contents__catch br {
	display:none;
}
.wjmnr-craftsmanship .wjmnr-contents__catch br,
.wjmnr-howto .wjmnr-contents__catch br,
.wjmnr-flow .wjmnr-contents__catch br,
.wjmnr-care .wjmnr-contents__catch br {
	display: block;
}
.wjmnr-contents__catch br.sp-block {
	display:block;
}
.wjmnr-care .wjmnr-contents__catch br.sp-block {
	display:none;
}
.wjmnr-contents__read {
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: .05em;
    margin-top: 12px;
}
.wjmnr-contents__bgvisual {
    padding: 45% 0;
}
.wjmnr-history__whats-catch h3 {
    min-width: auto;
}
.wjmnr-history__whats-catch h3 p {
    margin: 10px 0;
    font-size: 2rem;
    letter-spacing: .08em;
}
.wjmnr-history__whats-read {
    margin: 20px 0 0 0;
    line-height: 1.8;
    font-size: 1.3rem;
}
.wjmnr-history__whats {
    padding: 90px 0 80px;
}
.wjmnr-craftsmanship__gallery {
    padding: 0;
}
.craftsmanship-lst__unit {
    margin: 12px 0 0 0;
}
.wjmnr-craftsmanship__gallery-inner h3 {
    font-size: 2.2rem;
	margin-left: 33x;
}
.wjmnr-craftsmanship__gallery-inner {
    padding: 57px 0 60px;
}
#craftsmanship-slider .swiper-common {
    width: 74px;
    right: 33px;
    top: -43px;
}
#craftsmanship-slider .swiper-button-prev,
#craftsmanship-slider .swiper-button-next {
    width: 34px;
    height: 34px;
}
#craftsmanship-slider .swiper-button-prev span.icon-arrow svg,
#craftsmanship-slider .swiper-button-next span.icon-arrow svg {
    width: 7px;
}
.craftsmanship-lst__visual-caption {
    font-size: 1.2rem;
	margin-top: 7px;
    letter-spacing: 0;
}
.wjmnr-flow__step {
    padding: 55px 0 70px;
}
.wjmnr-flow__step-inner h3.flow-step__index {
    font-size: 1.5rem;
	padding: 12px 0;
    width: 226px;
}
.flow-step__lst:first-child {
    padding-top: 35px;
}
.flow-step__lst-inner {
    padding: 0 33px;
}
.flow-step__label {
    left: 8px;
    top: 8px;
    font-size: 1.5rem;
}
.flow-step__text-inner {
    padding: 25px 0 0 0;
}
.flow-step__text-inner h3 {
    font-size: 1.7rem;
    letter-spacing: .07em;
	line-height: 1.6;
}
.flow-step__read {
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: .06em;
    margin-top: 12px;
}
.flow-step__num {
    width: 80px;
    height: 80px;
    top: -88px;
    right: 8px;
	display: none;
}
.flow-step__num span:first-child {
    font-size: 1rem;
}
.flow-step__num span:last-child {
    font-size: 3rem;
}
.flow-point__unit {
    width: 82.4%;
    margin: 30px auto 0;
    padding: 35px 35px 35px;
}
.flow-point__unit h3,
.wjmnr-point__lst h3 {
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: .06em;
}
.wjmnr-point__lst h3 span.point-strong{
	font-size: 1.5rem;
    line-height: 1;
    letter-spacing: .06em;
}
.flow-point__unit h3 span.f-en,
.wjmnr-point__lst h3 span.f-en {
    font-size: 1rem;
    margin-bottom: 5px;
}
.flow-point__read, .wjmnr-point__read {
    margin-top: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: .04em;
}
.flow-step__arrow {
    width: 40px;
    height: 40px;
    bottom: -19px;
}
.flow-step__arrow span svg {
    width: 9px;
}
.wjmnr-point__unit-inner {
	display: block;
}
.wjmnr-point__lst:first-child:before {
    width: 100%;
    height: 1px;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
}
.wjmnr-point__lst {
    width: 100%;
    padding: 55px 45px;
}
.wjmnr-section__bgvisual {
    padding: 64% 0;
}

}

@media screen and (max-width: 375px) {
.wjmnr-care .wjmnr-contents__catch br.sp-block {
	display: block;
}
}

@media screen and (max-width: 360px) {
.wjmnr-message__catch {
    font-size: 2.4rem;
    letter-spacing: .2em;
}
.wjmnr-contents__catch {
    font-size: 1.7rem;
    margin-top: 16px;
    line-height: 1.55;
}
.flow-step__text-inner h3 {
    font-size: 1.6rem;
    line-height: 1.55;
}
}
@media screen and (max-width: 320px) {
.l-wajimanuri__meta .page-visual__title {
    font-size: 1.6rem;
}
.l-wajimanuri__meta .page-visual__title span.title-jp {
    font-size: 1rem;
}
.page-visual__label-inner {
    padding: 126% 0px;
}
.l-wajimanuri__slide .slide-pager .slide-arrow {
    width: 34px;
    height: 34px;
}
l-wajimanuri__slide .slide-pager .slide-arrow svg {
    width: 7px;
}
}

/* error-page============================================== */
.p-page-error {
	padding: 150px 0 70px;
	background-color: #EAF2E3;
}
.p-page-error__body {
	width: 65.90%;
    max-width: 870px;
    margin: 0 auto;
}
.error-contents {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
	color: #8ECDDE;
	line-height:1;
}
.error-contents p.error-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.error-contents h2 {
    font-size: 3rem;
    margin-top: 15px;
	letter-spacing: .12em;
}
.error-text {
    font-size: 1.6rem;
    margin-top: 25px;
	letter-spacing: .03em;
}
.error-text br {
	display: none;
}

@media screen and (max-width: 569px) {
/* error-page============================================== */
.p-page-error {
    padding: 90px 0 30px;
}
.error-contents {
    padding: 25px 0;
}
.error-contents p.error-icon {
    width: 24px;
    height: 24px;
}
.error-contents h2 {
    font-size: 2.2rem;
    margin-top: 12px;
    letter-spacing: .08em;
}
.error-text {
    font-size: 1.3rem;
    margin-top: 16px;
	line-height:1.4;
}
.error-text br {
	display: block;
}
.error-contents .batch-btn {
    width: 90px;
    margin: 25px auto 0;
}
.error-contents .batch-btn__inner {
    width: 90px;
    height:90px;
}
.error-contents .batch-btn__inner__label p:first-child {
	margin:0;
	font-size: 1rem;
}
.error-contents .batch-btn__inner__label p span:first-child {
	margin: 0 0 2px 0;
    font-size: 1rem;
	display: block;
}
}


/* 210520======================== */
.info-box {
	margin: 45px auto;
}
table.info-table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
	border:solid 1px #dfdfdf;
}
table.info-table th,
table.info-table td {
    vertical-align: middle;
    line-height: 1.5;
}
table.info-table th {
    font-weight: bold;
    padding: 2% 3% 2%;
    text-align: center;
    font-size: 1.6rem;
    border-bottom: solid 1px #dfdfdf;
    width: 20%;
	background-color: #ebe4e4;
	line-height: 1.3;
}
table.info-table td {
    padding: 4% 3% 4%;
    text-align: left;
    font-size: 1.6rem;
	border-bottom: solid 1px #dfdfdf;
	display: block;
}
table.info-table tr:last-child td {
	border-bottom: none;
}
table.info-table td a{
	color: #d2a38f;
	text-decoration:underline;
	font-weight: bold;
	-webkit-transition: .3s cubic-bezier(.55, .085, .68, .53);
    transition: .3s cubic-bezier(.55, .085, .68, .53);
}
@media screen and (min-width: 1600px) {
.info-box {
	margin: 54px auto;
}
table.info-table th {
    font-size: 1.9rem;
}
table.info-table td {
    font-size: 1.9rem;
}
}
@media screen and (max-width: 959px) {
.info-box {
	margin: 36px auto;
}
}
@media screen and (max-width: 569px) {
.info-box {
	margin: 28px auto;
}
table.info-table th {
    font-size: 1.3rem;
	width: 27%;
}
table.info-table td {
    font-size: 1.3rem;
	padding : 6%;
}
}


/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
_::-webkit-full-page-media, _:future, :root .menu-page__container .menu-lst__guide h3 {
    right: 35px;
}
_::-webkit-full-page-media, _:future, :root .menu-lst__index {
    letter-spacing: .13em;
}
_::-webkit-full-page-media, _:future, :root .menu-page__container .menu-lst__guide p.menu-lst__en {
    letter-spacing: .05em;
}
_::-webkit-full-page-media, _:future, :root .wjmnr-anchor h3 {
letter-spacing: .05em;
}
_::-webkit-full-page-media, _:future, :root .p-top-wajimanuri__whats h3 {
letter-spacing: .05em;
}
_::-webkit-full-page-media, _:future, :root .wjmnr-contents__title-inner {
	letter-spacing: .03em;
}
_::-webkit-full-page-media, _:future, :root .wjmnr-history__whats-catch p.f-en {
	letter-spacing: .05em;
}
_::-webkit-full-page-media, _:future, :root .menu-lst__name {
	letter-spacing: .05em;
}
@media screen and (max-width: 959px) {
_::-webkit-full-page-media, _:future, :root .menu-lst__index {
    letter-spacing: .03em;
}
_::-webkit-full-page-media, _:future, :root .wjmnr-anchor h3 {
letter-spacing: .02em;
}
_::-webkit-full-page-media, _:future, :root .p-top-wajimanuri__whats h3 {
letter-spacing: .02em;
}
_::-webkit-full-page-media, _:future, :root .wjmnr-contents__title-inner {
	letter-spacing: .01em;
}
_::-webkit-full-page-media, _:future, :root .wjmnr-history__whats-catch p.f-en {
	letter-spacing: .02em;
}
_::-webkit-full-page-media, _:future, :root .menu-page__container .menu-lst__guide p.menu-lst__en {
    letter-spacing: .03em;
}
}
@media screen and (max-width: 569px) {
_::-webkit-full-page-media, _:future, :root .menu-page__container .menu-lst__guide h3 {
    right: 20px;
}
}
}

@media all and (-ms-high-contrast: none) {
.l-header__sitename svg,
.l-footer__sitename svg {
    height: 26px;
}
.access-badge svg{
	height: 42px;
}
.l-footer__share ul li svg,
.modal-meta__info-share ul li svg {
	height: 15px;
}
.menu-lst__index h2 {
	letter-spacing: .02em;
}
.modal-menu__unit-lst li a {
    padding-bottom: 18px;
}
  
}


/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
.about-profile__bgvisual,
.wjmnr-contents__bgvisual {
	height: 850px;
	padding: 0;
}
}