@charset "UTF-8";
   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-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(0px,0,0);transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: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);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet:only-child{display:none!important}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-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%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}
.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%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-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-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-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;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;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:0px;width:100%;height:100%;opacity:.6;z-index:0}
.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}
.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}
body.compensate-for-scrollbar{overflow:hidden}
.fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{-webkit-box-sizing:border-box;box-sizing:border-box}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.9;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;-webkit-transition:opacity .25s ease,visibility 0s ease .25s;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;-webkit-transition:opacity .25s ease 0s,visibility 0s ease 0s;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0}
.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}
.fancybox-slide--image{overflow:hidden;padding:44px 0}
.fancybox-slide--image:before{display:none}
.fancybox-slide--html{padding:6px}
.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}
.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}
.fancybox-container [data-selectable=true]{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball{z-index:1}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#fff}
.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe{left:0;position:absolute;top:0}
.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;-webkit-transition:color .2s;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}
.fancybox-button:hover{color:#fff}
.fancybox-button:focus{outline:none}
.fancybox-button.fancybox-focus{outline:1px dotted}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}
.fancybox-button div{height:100%}
.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:currentColor;stroke-width:0}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}
.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;z-index:99998}
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}
.fancybox-close-small:hover{color:#fff;opacity:1}
.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}
.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}
.fancybox-navigation .fancybox-button div{padding:7px}
.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}
.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}
.fancybox-caption{background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0,0,0,.85)),color-stop(50%, rgba(0,0,0,.3)),color-stop(65%, rgba(0,0,0,.15)),color-stop(75.5%, rgba(0,0,0,.075)),color-stop(82.85%, rgba(0,0,0,.037)),color-stop(88%, rgba(0,0,0,.019)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}
@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}
.fancybox-caption--separate{margin-top:-50px}
.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}
.fancybox-caption a:hover{color:#fff;text-decoration:underline}
.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}
@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}
.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}
.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}
.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}
.fancybox-share p{margin:0;padding:0}
.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}
.fancybox-share__button:hover{text-decoration:none}
.fancybox-share__button--fb{background:#3b5998}
.fancybox-share__button--fb:hover{background:#344e86}
.fancybox-share__button--pt{background:#bd081d}
.fancybox-share__button--pt:hover{background:#aa0719}
.fancybox-share__button--tw{background:#1da1f2}
.fancybox-share__button--tw:hover{background:#0d95e8}
.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}
.fancybox-share__button svg path{fill:#fff}
.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}
.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}
.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}
.fancybox-show-thumbs .fancybox-thumbs{display:block}
.fancybox-show-thumbs .fancybox-inner{right:212px}
.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}
.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}
.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}
.fancybox-thumbs__list a:focus:before{opacity:.5}
.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}
@tailwind base;
@tailwind components;
.js-inview[data-inview=fade] {
opacity: 0;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.js-inview[data-inview=fade].is-inview {
opacity: 1;
}
.js-inview[data-inview=fade-top] {
opacity: 0;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
transition: opacity 1s, transform 1s, -webkit-transform 1s;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.js-inview[data-inview=fade-top].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview[data-inview=first-fade-top] {
opacity: 0;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.js-inview[data-inview=first-fade-top].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview[data-inview=fade-left] {
opacity: 0;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
.js-inview[data-inview=fade-left].is-inview {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.js-inview[data-inview=fade-right] {
opacity: 0;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
.js-inview[data-inview=fade-right].is-inview {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.js-inview[data-inview=fade-bottom] {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.js-inview[data-inview=fade-bottom].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview[data-inview=btn] a::before,
.js-inview[data-inview=btn] button::before {
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.js-inview[data-inview=btn] span {
opacity: 0;
-webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;
transition: opacity 0.5s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.js-inview[data-inview=btn] i {
opacity: 0;
-webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;
transition: opacity 0.5s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.js-inview[data-inview=btn].is-inview a::before,
.js-inview[data-inview=btn].is-inview button::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.js-inview[data-inview=btn].is-inview span {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview[data-inview=btn].is-inview i {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview[data-inview=btn-border] a::after,
.js-inview[data-inview=btn-border] button::after {
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.js-inview[data-inview=btn-border] span {
opacity: 0;
-webkit-transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.js-inview[data-inview=btn-border].is-inview a::after,
.js-inview[data-inview=btn-border].is-inview button::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.js-inview[data-inview=btn-border].is-inview span {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview[data-inview=bg]::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
}
.js-inview[data-inview=bg].is-inview::after {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.js-inview[data-inview=bg-white]::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: #fff;
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
}
.js-inview[data-inview=bg-white].is-inview::after {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.js-inview[data-inview=bg-scale]::before {
-webkit-transition: -webkit-transform 0.8s;
transition: -webkit-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translate(-50%, -50%) scale(0.5);
transform: translate(-50%, -50%) scale(0.5);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.js-inview[data-inview=bg-scale].is-inview::before {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.js-inview-photo[data-inview=scale-small] {
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.is-inview .js-inview-photo[data-inview=scale-small] {
-webkit-transform: scale(1);
transform: scale(1);
}
.js-inview-photo-img[data-inview=scale-small] {
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
-webkit-transform: translateX(-50%) scale(1.5);
transform: translateX(-50%) scale(1.5);
}
.is-inview .js-inview-photo-img[data-inview=scale-small] {
-webkit-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
.js-inview-eachItem[data-inview=fade] {
opacity: 0;
-webkit-transition: opacity 0.8s;
transition: opacity 0.8s;
}
.js-inview-eachItem[data-inview=fade].is-inview {
opacity: 1;
}
.js-inview-eachItem[data-inview=fade-top] {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.js-inview-eachItem[data-inview=fade-top].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem[data-inview=fade-bottom] {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.js-inview-eachItem[data-inview=fade-bottom].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem[data-inview=fade-right] {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
.js-inview-eachItem[data-inview=fade-right].is-inview {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.js-inview-eachItem[data-inview=btn] a::before,
.js-inview-eachItem[data-inview=btn] button::before {
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.js-inview-eachItem[data-inview=btn] span {
opacity: 0;
-webkit-transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.js-inview-eachItem[data-inview=btn].is-inview a::before,
.js-inview-eachItem[data-inview=btn].is-inview button::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.js-inview-eachItem[data-inview=btn].is-inview span {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem[data-inview=btn-border] a::after,
.js-inview-eachItem[data-inview=btn-border] button::after {
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.js-inview-eachItem[data-inview=btn-border] span {
opacity: 0;
-webkit-transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.js-inview-eachItem[data-inview=btn-border].is-inview a::after,
.js-inview-eachItem[data-inview=btn-border].is-inview button::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.js-inview-eachItem[data-inview=btn-border].is-inview span {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem[data-inview=list-border]::before {
-webkit-transition: -webkit-transform 0.8s;
transition: -webkit-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.js-inview-eachItem[data-inview=list-border] span,
.js-inview-eachItem[data-inview=list-border] figure,
.js-inview-eachItem[data-inview=list-border] a {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.js-inview-eachItem[data-inview=list-border] i {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateX(-20px) rotate(45deg);
transform: translateX(-20px) rotate(45deg);
}
.js-inview-eachItem[data-inview=list-border].is-inview::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.js-inview-eachItem[data-inview=list-border].is-inview span,
.js-inview-eachItem[data-inview=list-border].is-inview figure,
.js-inview-eachItem[data-inview=list-border].is-inview a {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem[data-inview=list-border].is-inview i {
opacity: 1;
-webkit-transform: translateX(-10px) rotate(45deg);
transform: translateX(-10px) rotate(45deg);
}
.js-inview-eachItem-fast[data-inview=fade-top] {
opacity: 0;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.js-inview-eachItem-fast[data-inview=fade-top].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem-delay[data-inview=fade] {
opacity: 0;
-webkit-transition: -webkit-transform 0.8s;
transition: -webkit-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s;
}
.js-inview-eachItem-delay[data-inview=fade].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem-delay[data-inview=fade-top] {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.js-inview-eachItem-delay[data-inview=fade-top].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem-delay[data-inview=fade-right] {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
.js-inview-eachItem-delay[data-inview=fade-right].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-eachItem-delay[data-inview=fade-bottom] {
opacity: 0;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, transform 0.8s;
transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.js-inview-eachItem-delay[data-inview=fade-bottom].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-all[data-inview=btn] a::before,
.js-inview-all[data-inview=btn] button::before {
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.js-inview-all[data-inview=btn] span {
opacity: 0;
-webkit-transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.js-inview-all[data-inview=btn].is-inview a::before,
.js-inview-all[data-inview=btn].is-inview button::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.js-inview-all[data-inview=btn].is-inview span {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-inview-all[data-inview=btn-border] a::after,
.js-inview-all[data-inview=btn-border] button::after {
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.js-inview-all[data-inview=btn-border] span {
opacity: 0;
-webkit-transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, -webkit-transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s;
transition: opacity 0.8s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.js-inview-all[data-inview=btn-border].is-inview a::after,
.js-inview-all[data-inview=btn-border].is-inview button::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.js-inview-all[data-inview=btn-border].is-inview span {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
_:-ms-lang(x)::-ms-backdrop,
.js-inview-photo[data-inview=scale-small] {
transform: scale(1);
}
_:-ms-lang(x)::-ms-backdrop,
.js-inview-photo-img[data-inview=scale-small] {
transform: translateX(-50%) scale(1);
}     :root {
--front-main-color: #FFD800;
--front-font-color: #111111;
--zen-kaku: "Zen Kaku Gothic New", sans-serif;
--robot: "Roboto", sans-serif;
--noto: "Noto Sans JP", sans-serif;
}
html.is-hidden {
position: fixed;
right: 0;
left: 0;
overflow: hidden;
}
html * {
outline: none;
}
html body {
font-family: var(--ff_txt);
font-size: var(--fs_txt_pc);
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
line-height: var(--lh_pc);
color: var(--text_color);
letter-spacing: var(--ls_pc);
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
font-family: var(--ff_ttl);
}
html a {
text-decoration: none;
}
html *,
html *::before,
html *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html div,
html dl,
html dt,
html dd,
html p {
padding: 0;
margin: 0;
}
html ul,
html ol,
html li {
padding: 0;
margin: 0;
}
html li {
list-style: none;
}
html img {
vertical-align: bottom;
}
html figure {
padding: 0;
margin: 0;
}
html input[type=number]::-webkit-outer-spin-button,
html input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
html input[type=number] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
html .l-main {
line-height: 1.2;
}
html svg,
html img {
max-width: 100%;
}
[x-cloak] {
display: none !important;
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}  *,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before,
::after {
--tw-content: '';
} html,
:host {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -webkit-font-feature-settings: normal;
font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -webkit-font-feature-settings: normal;
font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; -webkit-font-feature-settings: inherit;
font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 1; color: #9ca3af; }
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden]:where(:not([hidden="until-found"])) {
display: none;
}
.tw-main .pointer-events-none{
pointer-events: none;
}
.tw-main .collapse{
visibility: collapse;
}
.tw-main .fixed{
position: fixed;
}
.tw-main .absolute{
position: absolute;
}
.tw-main .relative{
position: relative;
}
.tw-main .sticky{
position: -webkit-sticky;
position: sticky;
}
.tw-main .bottom-0{
bottom: 0px;
}
.tw-main .bottom-1\/2{
bottom: 50%;
}
.tw-main .bottom-\[-1rem\]{
bottom: -1rem;
}
.tw-main .bottom-\[-3\.3rem\]{
bottom: -3.3rem;
}
.tw-main .bottom-\[1\.7rem\]{
bottom: 1.7rem;
}
.tw-main .left-0{
left: 0px;
}
.tw-main .left-1\/2{
left: 50%;
}
.tw-main .left-\[11\.4rem\]{
left: 11.4rem;
}
.tw-main .left-\[calc\(50\%\+28rem\)\]{
left: calc(50% + 28rem);
}
.tw-main .left-\[calc\(50\%\+35rem\)\]{
left: calc(50% + 35rem);
}
.tw-main .left-\[calc\(50vw-45rem\)\]{
left: calc(50vw - 45rem);
}
.tw-main .right-0{
right: 0px;
}
.tw-main .right-\[-5rem\]{
right: -5rem;
}
.tw-main .right-\[1\.5rem\]{
right: 1.5rem;
}
.tw-main .right-\[2\.5rem\]{
right: 2.5rem;
}
.tw-main .right-\[25\.6rem\]{
right: 25.6rem;
}
.tw-main .right-\[26\.5rem\]{
right: 26.5rem;
}
.tw-main .right-\[8\.4rem\]{
right: 8.4rem;
}
.tw-main .right-\[8rem\]{
right: 8rem;
}
.tw-main .right-\[calc\(50vw-45rem\)\]{
right: calc(50vw - 45rem);
}
.tw-main .top-0{
top: 0px;
}
.tw-main .top-1\/2{
top: 50%;
}
.tw-main .top-\[-150\%\]{
top: -150%;
}
.tw-main .top-\[1\.7rem\]{
top: 1.7rem;
}
.tw-main .top-\[15rem\]{
top: 15rem;
}
.tw-main .top-\[2\.5rem\]{
top: 2.5rem;
}
.tw-main .top-\[26\.6rem\]{
top: 26.6rem;
}
.tw-main .top-\[41\.6rem\]{
top: 41.6rem;
}
.tw-main .top-\[54\.8rem\]{
top: 54.8rem;
}
.tw-main .top-\[9rem\]{
top: 9rem;
}
.tw-main .z-10{
z-index: 10;
}
.tw-main .z-20{
z-index: 20;
}
.tw-main .z-40{
z-index: 40;
}
.tw-main .z-50{
z-index: 50;
}
.tw-main .order-1{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tw-main .order-2{
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.tw-main .order-3{
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.tw-main .order-4{
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.tw-main .order-5{
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.tw-main .mx-auto{
margin-left: auto;
margin-right: auto;
}
.tw-main .mb-\[0\.5rem\]{
margin-bottom: 0.5rem;
}
.tw-main .mb-\[0\.7rem\]{
margin-bottom: 0.7rem;
}
.tw-main .mb-\[1rem\]{
margin-bottom: 1rem;
}
.tw-main .mb-\[2rem\]{
margin-bottom: 2rem;
}
.tw-main .mb-\[4rem\]{
margin-bottom: 4rem;
}
.tw-main .mb-\[5rem\]{
margin-bottom: 5rem;
}
.tw-main .ml-\[-2rem\]{
margin-left: -2rem;
}
.tw-main .ml-auto{
margin-left: auto;
}
.tw-main .mr-0{
margin-right: 0px;
}
.tw-main .mr-\[1\.2rem\]{
margin-right: 1.2rem;
}
.tw-main .mr-\[2rem\]{
margin-right: 2rem;
}
.tw-main .mt-\[0\.2rem\]{
margin-top: 0.2rem;
}
.tw-main .mt-\[1\.4rem\]{
margin-top: 1.4rem;
}
.tw-main .mt-\[1\.5rem\]{
margin-top: 1.5rem;
}
.tw-main .mt-\[10rem\]{
margin-top: 10rem;
}
.tw-main .mt-\[14rem\]{
margin-top: 14rem;
}
.tw-main .mt-\[4\.3rem\]{
margin-top: 4.3rem;
}
.tw-main .mt-\[4\.4rem\]{
margin-top: 4.4rem;
}
.tw-main .mt-\[4rem\]{
margin-top: 4rem;
}
.tw-main .mt-\[5\.4rem\]{
margin-top: 5.4rem;
}
.tw-main .mt-\[5rem\]{
margin-top: 5rem;
}
.tw-main .mt-\[6rem\]{
margin-top: 6rem;
}
.tw-main .line-clamp-1{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.tw-main .line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.tw-main .line-clamp-4{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.tw-main .block{
display: block;
}
.tw-main .inline-block{
display: inline-block;
}
.tw-main .flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tw-main .table{
display: table;
}
.tw-main .grid{
display: -ms-grid;
display: grid;
}
.tw-main .hidden{
display: none;
}
.tw-main .aspect-\[24\/17\]{
aspect-ratio: 24/17;
}
.tw-main .aspect-square{
aspect-ratio: 1 / 1;
}
.tw-main .h-\[0\.2rem\]{
height: 0.2rem;
}
.tw-main .h-\[0\.6rem\]{
height: 0.6rem;
}
.tw-main .h-\[1\.6rem\]{
height: 1.6rem;
}
.tw-main .h-\[120\%\]{
height: 120%;
}
.tw-main .h-\[14\.5rem\]{
height: 14.5rem;
}
.tw-main .h-\[24\.7rem\]{
height: 24.7rem;
}
.tw-main .h-\[3\.5rem\]{
height: 3.5rem;
}
.tw-main .h-\[40rem\]{
height: 40rem;
}
.tw-main .h-\[4rem\]{
height: 4rem;
}
.tw-main .h-\[5\.5rem\]{
height: 5.5rem;
}
.tw-main .h-\[5rem\]{
height: 5rem;
}
.tw-main .h-\[9\.2rem\]{
height: 9.2rem;
}
.tw-main .h-\[min\(38rem\2c 49vh\)\]{
height: min(38rem,49vh);
}
.tw-main .h-\[min\(77rem\2c 100vh\)\]{
height: min(77rem,100vh);
}
.tw-main .h-full{
height: 100%;
}
.tw-main .h-px{
height: 1px;
}
.tw-main .w-0{
width: 0px;
}
.tw-main .w-\[1\.5rem\]{
width: 1.5rem;
}
.tw-main .w-\[1\.6rem\]{
width: 1.6rem;
}
.tw-main .w-\[1\.9rem\]{
width: 1.9rem;
}
.tw-main .w-\[100rem\]{
width: 100rem;
}
.tw-main .w-\[105rem\]{
width: 105rem;
}
.tw-main .w-\[108rem\]{
width: 108rem;
}
.tw-main .w-\[112rem\]{
width: 112rem;
}
.tw-main .w-\[120rem\]{
width: 120rem;
}
.tw-main .w-\[12rem\]{
width: 12rem;
}
.tw-main .w-\[13\.7rem\]{
width: 13.7rem;
}
.tw-main .w-\[15\.4rem\]{
width: 15.4rem;
}
.tw-main .w-\[15\.6rem\]{
width: 15.6rem;
}
.tw-main .w-\[16\.1rem\]{
width: 16.1rem;
}
.tw-main .w-\[16\.9rem\]{
width: 16.9rem;
}
.tw-main .w-\[16rem\]{
width: 16rem;
}
.tw-main .w-\[18\.2rem\]{
width: 18.2rem;
}
.tw-main .w-\[19\.5rem\]{
width: 19.5rem;
}
.tw-main .w-\[19rem\]{
width: 19rem;
}
.tw-main .w-\[2\.6rem\]{
width: 2.6rem;
}
.tw-main .w-\[20\.4rem\]{
width: 20.4rem;
}
.tw-main .w-\[20rem\]{
width: 20rem;
}
.tw-main .w-\[24\.5rem\]{
width: 24.5rem;
}
.tw-main .w-\[28rem\]{
width: 28rem;
}
.tw-main .w-\[3\.4rem\]{
width: 3.4rem;
}
.tw-main .w-\[31\.7rem\]{
width: 31.7rem;
}
.tw-main .w-\[32\.3rem\]{
width: 32.3rem;
}
.tw-main .w-\[38rem\]{
width: 38rem;
}
.tw-main .w-\[5\.6rem\]{
width: 5.6rem;
}
.tw-main .w-\[50rem\]{
width: 50rem;
}
.tw-main .w-\[54rem\]{
width: 54rem;
}
.tw-main .w-\[5rem\]{
width: 5rem;
}
.tw-main .w-\[62rem\]{
width: 62rem;
}
.tw-main .w-\[6rem\]{
width: 6rem;
}
.tw-main .w-\[70rem\]{
width: 70rem;
}
.tw-main .w-\[8\.9rem\]{
width: 8.9rem;
}
.tw-main .w-\[89rem\]{
width: 89rem;
}
.tw-main .w-\[9\.5rem\]{
width: 9.5rem;
}
.tw-main .w-\[9\.8rem\]{
width: 9.8rem;
}
.tw-main .w-\[97rem\]{
width: 97rem;
}
.tw-main .w-\[98rem\]{
width: 98rem;
}
.tw-main .w-full{
width: 100%;
}
.tw-main .w-px{
width: 1px;
}
.tw-main .flex-auto{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.tw-main .flex-shrink{
-ms-flex-negative: 1;
flex-shrink: 1;
}
.tw-main .flex-shrink-0{
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tw-main .shrink-0{
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tw-main .flex-grow{
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tw-main .border-collapse{
border-collapse: collapse;
}
.tw-main .-translate-x-1\/2{
--tw-translate-x: -50%;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .-translate-y-1\/2{
--tw-translate-y: -50%;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .translate-x-1\/2{
--tw-translate-x: 50%;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .translate-y-1\/2{
--tw-translate-y: 50%;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .-rotate-45{
--tw-rotate: -45deg;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .-rotate-90{
--tw-rotate: -90deg;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .rotate-45{
--tw-rotate: 45deg;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .rotate-90{
--tw-rotate: 90deg;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .transform{
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .cursor-pointer{
cursor: pointer;
}
.tw-main .grid-cols-2{
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw-main .flex-col{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tw-main .flex-wrap{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tw-main .items-start{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tw-main .items-center{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tw-main .justify-end{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.tw-main .justify-center{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tw-main .justify-between{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tw-main .gap-\[0\.5rem\]{
gap: 0.5rem;
}
.tw-main .gap-\[1\.2rem\]{
gap: 1.2rem;
}
.tw-main .gap-\[1\.4rem\]{
gap: 1.4rem;
}
.tw-main .gap-\[1rem\]{
gap: 1rem;
}
.tw-main .gap-\[2\.1rem\]{
gap: 2.1rem;
}
.tw-main .gap-\[2\.3rem\]{
gap: 2.3rem;
}
.tw-main .gap-\[2\.4rem\]{
gap: 2.4rem;
}
.tw-main .gap-\[2rem\]{
gap: 2rem;
}
.tw-main .gap-\[3rem\]{
gap: 3rem;
}
.tw-main .gap-\[4rem\]{
gap: 4rem;
}
.tw-main .gap-\[5rem\]{
gap: 5rem;
}
.tw-main .gap-\[8rem\]{
gap: 8rem;
}
.tw-main .gap-\[min\(4\.4rem\2c 6vh\)\]{
gap: min(4.4rem,6vh);
}
.tw-main .gap-x-\[2rem\]{
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.tw-main .gap-y-\[1\.2rem\]{
row-gap: 1.2rem;
}
.tw-main .gap-y-\[1rem\]{
row-gap: 1rem;
}
.tw-main .overflow-hidden{
overflow: hidden;
}
.tw-main .rounded-\[0\.1rem\]{
border-radius: 0.1rem;
}
.tw-main .rounded-\[0\.2rem\]{
border-radius: 0.2rem;
}
.tw-main .rounded-\[0\.3rem\]{
border-radius: 0.3rem;
}
.tw-main .rounded-\[0\.4rem\]{
border-radius: 0.4rem;
}
.tw-main .rounded-\[0\.5rem\]{
border-radius: 0.5rem;
}
.tw-main .rounded-\[1rem\]{
border-radius: 1rem;
}
.tw-main .rounded-\[2rem\]{
border-radius: 2rem;
}
.tw-main .rounded-\[4rem\]{
border-radius: 4rem;
}
.tw-main .rounded-full{
border-radius: 9999px;
}
.tw-main .border{
border-width: 1px;
}
.tw-main .border-\[0\.2rem\]{
border-width: 0.2rem;
}
.tw-main .border-\[2rem\]{
border-width: 2rem;
}
.tw-main .border-b{
border-bottom-width: 1px;
}
.tw-main .border-b-\[0\.2rem\]{
border-bottom-width: 0.2rem;
}
.tw-main .border-l-0{
border-left-width: 0px;
}
.tw-main .border-solid{
border-style: solid;
}
.tw-main .border-\[\#666666\]{
--tw-border-opacity: 1;
border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}
.tw-main .border-font{
--tw-border-opacity: 1;
border-color: rgb(17 17 17 / var(--tw-border-opacity, 1));
}
.tw-main .border-transparent{
border-color: transparent;
}
.tw-main .border-b-\[\#D1D1D1\]{
--tw-border-opacity: 1;
border-bottom-color: rgb(209 209 209 / var(--tw-border-opacity, 1));
}
.tw-main .border-b-font{
--tw-border-opacity: 1;
border-bottom-color: rgb(17 17 17 / var(--tw-border-opacity, 1));
}
.tw-main .border-l-main{
--tw-border-opacity: 1;
border-left-color: rgb(255 216 0 / var(--tw-border-opacity, 1));
}
.tw-main .border-t-main{
--tw-border-opacity: 1;
border-top-color: rgb(255 216 0 / var(--tw-border-opacity, 1));
}
.tw-main .bg-\[\#333333\]{
--tw-bg-opacity: 1;
background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.tw-main .bg-\[\#EFEFEF\]{
--tw-bg-opacity: 1;
background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}
.tw-main .bg-\[\#F4F4F4\]{
--tw-bg-opacity: 1;
background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.tw-main .bg-\[rgba\(255\2c 255\2c 255\2c 0\)\]{
background-color: rgba(255,255,255,0);
}
.tw-main .bg-font{
--tw-bg-opacity: 1;
background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.tw-main .bg-main{
--tw-bg-opacity: 1;
background-color: rgb(255 216 0 / var(--tw-bg-opacity, 1));
}
.tw-main .bg-main\/80{
background-color: rgb(255 216 0 / 0.8);
}
.tw-main .bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-main .bg-\[url\(\.\.\/images\/top\/voice-bg\.jpg\)\]{
background-image: url(//www.bacana.jp/wp/wp-content/themes/bacana/common/images/top/voice-bg.jpg);
}
.tw-main .bg-cover{
background-size: cover;
}
.tw-main .object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.tw-main .p-\[1\.5rem\]{
padding: 1.5rem;
}
.tw-main .p-\[3\.5rem\]{
padding: 3.5rem;
}
.tw-main .px-\[0\.7rem\]{
padding-left: 0.7rem;
padding-right: 0.7rem;
}
.tw-main .px-\[1\.7rem\]{
padding-left: 1.7rem;
padding-right: 1.7rem;
}
.tw-main .px-\[10rem\]{
padding-left: 10rem;
padding-right: 10rem;
}
.tw-main .px-\[1rem\]{
padding-left: 1rem;
padding-right: 1rem;
}
.tw-main .px-\[2rem\]{
padding-left: 2rem;
padding-right: 2rem;
}
.tw-main .px-\[3rem\]{
padding-left: 3rem;
padding-right: 3rem;
}
.tw-main .px-\[4\.5rem\]{
padding-left: 4.5rem;
padding-right: 4.5rem;
}
.tw-main .px-\[6\.5rem\]{
padding-left: 6.5rem;
padding-right: 6.5rem;
}
.tw-main .px-\[8rem\]{
padding-left: 8rem;
padding-right: 8rem;
}
.tw-main .py-\[0\.2em\]{
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.tw-main .py-\[0\.5rem\]{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.tw-main .py-\[1\.8rem\]{
padding-top: 1.8rem;
padding-bottom: 1.8rem;
}
.tw-main .py-\[3\.5rem\]{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.tw-main .py-\[3rem\]{
padding-top: 3rem;
padding-bottom: 3rem;
}
.tw-main .py-\[4\.5rem\]{
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.tw-main .py-\[6\.2rem\]{
padding-top: 6.2rem;
padding-bottom: 6.2rem;
}
.tw-main .py-\[7rem\]{
padding-top: 7rem;
padding-bottom: 7rem;
}
.tw-main .pb-\[0\.3rem\]{
padding-bottom: 0.3rem;
}
.tw-main .pb-\[1\.5rem\]{
padding-bottom: 1.5rem;
}
.tw-main .pb-\[1\.7rem\]{
padding-bottom: 1.7rem;
}
.tw-main .pb-\[10rem\]{
padding-bottom: 10rem;
}
.tw-main .pb-\[12rem\]{
padding-bottom: 12rem;
}
.tw-main .pb-\[14rem\]{
padding-bottom: 14rem;
}
.tw-main .pb-\[1rem\]{
padding-bottom: 1rem;
}
.tw-main .pb-\[2\.5rem\]{
padding-bottom: 2.5rem;
}
.tw-main .pb-\[2rem\]{
padding-bottom: 2rem;
}
.tw-main .pb-\[3\.5rem\]{
padding-bottom: 3.5rem;
}
.tw-main .pb-\[5rem\]{
padding-bottom: 5rem;
}
.tw-main .pb-\[9\.5rem\]{
padding-bottom: 9.5rem;
}
.tw-main .pl-\[1\.8rem\]{
padding-left: 1.8rem;
}
.tw-main .pl-\[10rem\]{
padding-left: 10rem;
}
.tw-main .pl-\[1rem\]{
padding-left: 1rem;
}
.tw-main .pl-\[2rem\]{
padding-left: 2rem;
}
.tw-main .pl-\[4rem\]{
padding-left: 4rem;
}
.tw-main .pl-\[6rem\]{
padding-left: 6rem;
}
.tw-main .pr-\[1\.5rem\]{
padding-right: 1.5rem;
}
.tw-main .pr-\[3\.3rem\]{
padding-right: 3.3rem;
}
.tw-main .pr-\[3rem\]{
padding-right: 3rem;
}
.tw-main .pt-\[12rem\]{
padding-top: 12rem;
}
.tw-main .pt-\[13rem\]{
padding-top: 13rem;
}
.tw-main .pt-\[14rem\]{
padding-top: 14rem;
}
.tw-main .pt-\[1rem\]{
padding-top: 1rem;
}
.tw-main .pt-\[5rem\]{
padding-top: 5rem;
}
.tw-main .pt-\[min\(29rem\2c 36vh\)\]{
padding-top: min(29rem,36vh);
}
.tw-main .text-center{
text-align: center;
}
.tw-main .text-right{
text-align: right;
}
.tw-main .font-noto{
font-family: "Noto Sans JP", sans-serif;
}
.tw-main .font-robot{
font-family: "Roboto", sans-serif;
}
.tw-main .font-zenKaku{
font-family: "Zen Kaku Gothic New", sans-serif;
}
.tw-main .text-\[1\.3rem\]{
font-size: 1.3rem;
}
.tw-main .text-\[1\.4rem\]{
font-size: 1.4rem;
}
.tw-main .text-\[1\.5rem\]{
font-size: 1.5rem;
}
.tw-main .text-\[1\.6rem\]{
font-size: 1.6rem;
}
.tw-main .text-\[1\.8rem\]{
font-size: 1.8rem;
}
.tw-main .text-\[10rem\]{
font-size: 10rem;
}
.tw-main .text-\[2\.2rem\]{
font-size: 2.2rem;
}
.tw-main .text-\[2\.4rem\]{
font-size: 2.4rem;
}
.tw-main .text-\[2\.6rem\]{
font-size: 2.6rem;
}
.tw-main .text-\[2\.8rem\]{
font-size: 2.8rem;
}
.tw-main .text-\[2rem\]{
font-size: 2rem;
}
.tw-main .text-\[3\.5rem\]{
font-size: 3.5rem;
}
.tw-main .text-\[3\.6rem\]{
font-size: 3.6rem;
}
.tw-main .text-\[3rem\]{
font-size: 3rem;
}
.tw-main .text-\[5rem\]{
font-size: 5rem;
}
.tw-main .text-\[6rem\]{
font-size: 6rem;
}
.tw-main .text-\[8\.4rem\]{
font-size: 8.4rem;
}
.tw-main .font-bold{
font-weight: 700;
}
.tw-main .font-medium{
font-weight: 500;
}
.tw-main .font-semibold{
font-weight: 600;
}
.tw-main .not-italic{
font-style: normal;
}
.tw-main .leading-\[1\.6\]{
line-height: 1.6;
}
.tw-main .leading-\[1\.75\]{
line-height: 1.75;
}
.tw-main .leading-\[1\.9\]{
line-height: 1.9;
}
.tw-main .leading-\[2\.2\]{
line-height: 2.2;
}
.tw-main .leading-none{
line-height: 1;
}
.tw-main .tracking-\[0\.15rem\]{
letter-spacing: 0.15rem;
}
.tw-main .tracking-\[0\.1rem\]{
letter-spacing: 0.1rem;
}
.tw-main .tracking-\[0\.2rem\]{
letter-spacing: 0.2rem;
}
.tw-main .tracking-\[0\]{
letter-spacing: 0;
}
.tw-main .text-\[\#A5A5A5\]{
--tw-text-opacity: 1;
color: rgb(165 165 165 / var(--tw-text-opacity, 1));
}
.tw-main .text-font{
--tw-text-opacity: 1;
color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.tw-main .text-main{
--tw-text-opacity: 1;
color: rgb(255 216 0 / var(--tw-text-opacity, 1));
}
.tw-main .text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-main .underline{
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.tw-main .opacity-0{
opacity: 0;
}
.tw-main .opacity-100{
opacity: 1;
}
.tw-main .outline{
outline-style: solid;
}
.tw-main .transition{
-webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
}
.tw-main .transition-all{
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
}
.tw-main .delay-500{
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.tw-main .duration-300{
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.tw-main .will-change-transform{
will-change: transform;
}
.c-breadcrumb {
margin-top: 2rem;
margin-bottom: 6rem;
overflow: auto;
font-size: calc(var(--fs_txt_pc) * 0.9);
}
.c-breadcrumb__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-breadcrumb__el {
white-space: nowrap;
}
.c-breadcrumb__el:nth-of-type(n + 2) {
position: relative;
padding-left: 1.5rem;
margin-left: 1.5rem;
}
.c-breadcrumb__el:nth-of-type(n + 2)::before {
position: absolute;
top: 50%;
left: 0;
width: 0.6rem;
height: 0.6rem;
content: "";
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: translate(-75%, -50%) rotate(45deg);
transform: translate(-75%, -50%) rotate(45deg);
}
.c-breadcrumb__el a {
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-breadcrumb__el a:hover {
opacity: 0.5;
}
.c-content ul li {
list-style: disc;
}
.c-content ol li {
list-style: auto;
}
.c-content table {
border-collapse: collapse;
}
.c-content td,
.c-content th {
padding: 1rem 1.5rem 0.7rem;
border: 1px solid #ddd;
}
.c-content th {
font-weight: normal;
background: #fafafa;
} .wpcf7 {
width: 100%;
padding: 0;
font-size: 1.4rem;
background: #fafafa;
border: 1px solid #ddd;
}
.wpcf7 form {
margin: 4em 7em 2em;
}
.wpcf7 br {
display: none;
}
.wpcf7 p {
margin-bottom: 2.5em;
font-size: var(--fs_txt_pc);
}
.wpcf7 input:not(.wpcf7-submit),
.wpcf7 textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0.8rem;
line-height: 1.2;
border: 1px solid #ccc;
}
.wpcf7 select {
width: auto;
max-width: 97%;
padding: 0.8rem;
border: 1px solid #ccc;
}
.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
width: auto;
max-width: 97%;
padding: 0.8rem;
border: 1px solid #ccc;
}
.wpcf7 select,
.wpcf7 .wpcf7-list-item-label {
font-size: 1.4rem;
line-height: 1.2;
}
.wpcf7 .wpcf7-list-item {
display: block;
}
.wpcf7 textarea {
height: 30rem;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
border: 1px solid #bbb;
outline: none;
}
.wpcf7 .submit-btn {
margin-top: 5rem;
}
.wpcf7 .submit-btn > p {
margin-bottom: 0 !important;
text-align: center;
}
.wpcf7 .submit-btn .wpcf7-submit {
display: block;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20rem;
height: 5rem;
margin-right: auto;
margin-left: auto;
color: #fff;
background: var(--background_color);
border-radius: 9999px;
}
.wpcf7 .submit-btn .wpcf7-submit::before, .wpcf7 .submit-btn .wpcf7-submit::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7 .submit-btn .wpcf7-submit:hover {
background-color: #666;
}
.wpcf7 .submit-btn .wpcf7-submit .wpcf7-not-valid {
background: pink;
}
.wpcf7 .submit-btn .wpcf7-submit .wpcf7-response-output {
padding: 0.8rem 3.5rem 0.8rem 1.4rem;
margin: 1rem 0 0;
border-radius: 0.4rem;
}
.wpcf7 .submit-btn .wpcf7-submit .wpcf7-validation-errors {
color: #b94a48;
background-color: #f2dede;
border: 1px solid #eed3d7;
}
.wpcf7 .submit-btn .wpcf7-submit .wpcf7-mail-sent-ok {
color: #3a87ad;
background-color: #d9edf7;
border: 1px solid #bce8f1;
}
.wpcf7 * {
outline: none;
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
margin-top: 1rem;
}
.wpcf7 .wpcf7-not-valid-tip {
margin-top: 0.5rem;
}
.wpcf7 .wpcf7-checkbox,
.wpcf7 .wpcf7-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0.5rem -1rem;
}
.wpcf7 .wpcf7-list-item {
margin: 0.5rem 1rem;
}
.wpcf7 [data-name=checkbox] [type=checkbox],
.wpcf7 [data-name=checkbox] [type=radio],
.wpcf7 [data-name=radio] [type=checkbox],
.wpcf7 [data-name=radio] [type=radio],
.wpcf7 [data-name=policy] [type=checkbox],
.wpcf7 [data-name=policy] [type=radio] {
position: relative;
width: 2rem !important;
height: 2rem !important;
padding: 0 !important;
margin-right: 0.7rem;
border: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.wpcf7 [data-name=checkbox] [type=checkbox]::after, .wpcf7 [data-name=checkbox] [type=checkbox]::before,
.wpcf7 [data-name=checkbox] [type=radio]::after,
.wpcf7 [data-name=checkbox] [type=radio]::before,
.wpcf7 [data-name=radio] [type=checkbox]::after,
.wpcf7 [data-name=radio] [type=checkbox]::before,
.wpcf7 [data-name=radio] [type=radio]::after,
.wpcf7 [data-name=radio] [type=radio]::before,
.wpcf7 [data-name=policy] [type=checkbox]::after,
.wpcf7 [data-name=policy] [type=checkbox]::before,
.wpcf7 [data-name=policy] [type=radio]::after,
.wpcf7 [data-name=policy] [type=radio]::before {
position: absolute;
top: 50%;
left: 0;
width: 2rem;
height: 2rem;
content: "";
border: 1px solid #a3a3a3;
-webkit-transform: translateY(-50%) translateY(-0.1rem);
transform: translateY(-50%) translateY(-0.1rem);
}
.wpcf7 [data-name=checkbox] [type=checkbox]::before,
.wpcf7 [data-name=checkbox] [type=radio]::before,
.wpcf7 [data-name=radio] [type=checkbox]::before,
.wpcf7 [data-name=radio] [type=radio]::before,
.wpcf7 [data-name=policy] [type=checkbox]::before,
.wpcf7 [data-name=policy] [type=radio]::before {
left: 50%;
width: 1.2rem;
height: 1.2rem;
background: url(//www.bacana.jp/wp/wp-content/themes/bacana/common/images/common/ic_check.png) no-repeat center center/contain;
border: none;
z-index: 1;
opacity: 0;
-webkit-transform: translateY(-50%) translateY(-0.1rem) translateX(-50%);
transform: translateY(-50%) translateY(-0.1rem) translateX(-50%);
}
.wpcf7 [data-name=checkbox] [type=checkbox]:checked::before,
.wpcf7 [data-name=checkbox] [type=radio]:checked::before,
.wpcf7 [data-name=radio] [type=checkbox]:checked::before,
.wpcf7 [data-name=radio] [type=radio]:checked::before,
.wpcf7 [data-name=policy] [type=checkbox]:checked::before,
.wpcf7 [data-name=policy] [type=radio]:checked::before {
opacity: 1;
}
.wpcf7 [data-name=checkbox] .wpcf7-list-item,
.wpcf7 [data-name=radio] .wpcf7-list-item,
.wpcf7 [data-name=policy] .wpcf7-list-item {
cursor: pointer !important;
}
.wpcf7 [data-name=checkbox] .wpcf7-list-item label,
.wpcf7 [data-name=radio] .wpcf7-list-item label,
.wpcf7 [data-name=policy] .wpcf7-list-item label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wpcf7 [data-name=radio] [type=radio]::after, .wpcf7 [data-name=radio] [type=radio]::before {
border-radius: 9999px;
}
.wpcf7 [data-name=radio] [type=radio]::before {
width: 0.8rem;
height: 0.8rem;
background: #000;
border: none;
opacity: 0;
-webkit-transform: translateY(-50%) translateY(-0.1rem) translateX(-50%);
transform: translateY(-50%) translateY(-0.1rem) translateX(-50%);
}
.wpcf7 [data-name=radio] .wpcf7-list-item label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wpcf7 .submit {
display: block;
}
.wpcf7 .policy b,
.wpcf7 .policy p {
margin-bottom: 0 !important;
}
.wpcf7 .policy > div {
height: 18rem;
padding: 0.5rem 2rem 2rem;
margin-top: 1rem;
overflow: auto;
line-height: 2;
border: 1px solid #ddd;
}
.wpcf7 .policy > div * {
font-size: 1.4rem !important;
}
.wpcf7 .policy > div b {
display: inline-block;
margin-top: 1.5rem !important;
margin-bottom: 0.5rem !important;
font-size: 1.6rem !important;
}
.wpcf7 .policy > div a {
text-decoration: underline;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.wpcf7 .policy > div a:hover {
opacity: 0.5;
}
.wpcf7 .policyTxt br {
display: block !important;
}
.wpcf7 .policyTxt p {
margin-bottom: 0;
font-size: calc(var(--fs_txt_pc) * 0.9);
}
.wpcf7 .policyTxt h3 {
margin-top: 1.5em;
font-size: calc(var(--fs_txt_pc) * 1.1);
font-weight: bold;
}
.wpcf7 .policyTxt ul {
padding-left: 1em;
}
.wpcf7 .policyTxt ul p {
margin-bottom: 0 !important;
}
.wpcf7 .agree {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5rem;
}
.wpcf7 .agree .wpcf7-form-control-wrap {
margin-top: 0;
margin-right: 1rem;
}
.wpcf7 .agree .wpcf7-list-item {
width: 2rem;
height: 2rem;
margin: 0 !important;
}
.c-inner {
padding: var(--c_inner_pc) !important;
}
.c-pc-inner {
padding: var(--c_inner_pc) !important;
}
.c-sp-inner {
padding: 0 !important;
}
.c-inview-line {
position: relative;
}
.c-inview-line::after {
content: "";
position: absolute;
bottom: 0rem;
left: 0;
display: block;
width: 0;
height: 0.5rem;
background-color: var(--front-main-color);
-webkit-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.c-inview-line.is-inview::after {
width: 100%;
}
.c-modal-container {
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100svh;
pointer-events: none;
opacity: 0;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-modal-container.is-active {
pointer-events: inherit;
opacity: 1;
}
.c-modal-container__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000080;
}
.c-modal-container .c-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
pointer-events: none;
}
.c-modal-container__out {
position: relative;
width: 100%;
height: 100%;
max-height: 80%;
overflow: auto;
}
.c-modal-container__out .c-inner {
padding: 0 !important;
}
.c-modal-container__close {
position: absolute;
top: 2rem;
right: 2rem;
width: 6rem;
height: 6rem;
cursor: pointer;
background: #fff;
border: 2px solid #000;
border-radius: 9999px;
}
.is-active .c-modal-container__close {
pointer-events: auto;
}
.c-modal-container__close::after, .c-modal-container__close::before {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 60%;
content: "";
background: #000;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.c-modal-container__close::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.c-modal-container__inner {
width: 100%;
height: 100%;
padding: 5rem !important;
overflow: auto;
background: #fff;
}
.is-active .c-modal-container__inner {
pointer-events: auto;
}
.is-active .c-modal-container__inner * {
pointer-events: auto;
}
.c-modal-container__inner * {
max-width: 100%;
}
.c-modal-container .elementor-element {
display: block !important;
}
.c-mv {
height: var(--mv_h_pc);
}
.c-mv__sub, .c-mv__ttl {
color: var(--mv_c_t);
}
.c-mv-patternA,
.c-mv-patternB {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 0 !important;
}
.c-mv-patternA__box,
.c-mv-patternB__box {
font-size: var(--fs_mv_pc);
line-height: 1.5;
}
.c-mv-patternA__sub,
.c-mv-patternB__sub {
display: block;
font-size: 30%;
}
.c-mv-patternA__thumb,
.c-mv-patternB__thumb {
position: relative;
height: 100%;
}
.c-mv-patternA__thumb img,
.c-mv-patternB__thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-mv-patternC,
.c-mv-patternD,
.c-mv-patternE,
.c-mv-patternF {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.c-mv-patternC__box,
.c-mv-patternD__box,
.c-mv-patternE__box,
.c-mv-patternF__box {
position: relative;
z-index: 1;
font-size: var(--fs_mv_pc);
line-height: 1.5;
}
.c-mv-patternC__sub,
.c-mv-patternD__sub,
.c-mv-patternE__sub,
.c-mv-patternF__sub {
display: block;
font-size: 30%;
}
.c-mv-patternC__thumb,
.c-mv-patternD__thumb,
.c-mv-patternE__thumb,
.c-mv-patternF__thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-mv-patternC__thumb img,
.c-mv-patternD__thumb img,
.c-mv-patternE__thumb img,
.c-mv-patternF__thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-mv-patternC.center,
.c-mv-patternD.center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.c-mv-patternF {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.c-mv-patternG,
.c-mv-patternH {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto !important; padding: 4rem 0;
}
.c-mv-patternG__inner,
.c-mv-patternH__inner {
width: 100%;
}
.c-mv-patternG__content,
.c-mv-patternH__content { display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--mv_h_pc);
}
.c-mv-patternG__content > div,
.c-mv-patternH__content > div {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-mv-patternG__header,
.c-mv-patternH__header { font-size: var(--fs_mv_pc);
}
.c-mv-patternG__title,
.c-mv-patternH__title { }
.c-mv-patternG__subtitle,
.c-mv-patternH__subtitle { font-size: 0.35em;
}
.c-mv-patternG__separator,
.c-mv-patternH__separator {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0; width: 2px;
height: 100%;
background: #e8e8e8;
border: none;
}
.c-mv-patternG__text,
.c-mv-patternH__text { padding-left: 6rem;
}
.c-pagenation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-pagenation > div {
text-align: center;
}
.c-pagenation > div a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 5rem;
font-size: 1.4rem;
border: 1px solid #ddd;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-pagenation > div a:hover {
opacity: 0.5;
}
.c-pagenation__el {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 30%;
}
.c-pagenation__el span {
position: relative;
}
.c-pagenation__el span::before {
position: absolute;
top: 50%;
left: 0;
width: 0.6rem;
height: 0.6rem;
content: "";
border-top: 1px solid #000;
border-left: 1px solid #000;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.c-pagenation__list {
width: calc(100% - 30% * 2);
}
.c-pagenation__prev {
margin-right: -1px;
}
.c-pagenation__prev span {
position: relative;
padding-left: 1.5rem;
}
.c-pagenation__next {
margin-left: -1px;
}
.c-pagenation__next span {
position: relative;
padding-right: 1.5rem;
}
.c-pagenation__next span::before {
position: absolute;
top: 50%;
right: 0;
left: auto;
width: 0.6rem;
height: 0.6rem;
content: "";
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: none;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.c-sidebarArea {
display: -ms-grid;
display: grid;
-ms-grid-columns: 25rem 1fr;
grid-template-columns: 25rem 1fr;
grid-column-gap: 7rem;
-webkit-column-gap: 7rem;
-moz-column-gap: 7rem;
column-gap: 7rem;
}
.c-sidebarArea .c-cat {
display: none;
}
.c-sidebar__wrap {
position: -webkit-sticky;
position: sticky;
top: 15rem;
}
.c-sidebar__childTtl {
padding: 1rem 1.5rem;
color: #fff;
text-align: center;
background: var(--cat_color);
}
.c-sidebar__list {
position: relative;
}
.c-sidebar__list h4 {
position: relative;
padding: 1rem 4.5rem 1rem 1.5rem;
cursor: pointer;
border: 1px solid #c6c6c6;
}
.c-sidebar__list h4::after {
position: absolute;
top: 50%;
right: 1.5rem;
width: 1rem;
height: 1rem;
content: "";
border-right: 1px solid #333;
border-bottom: 1px solid #333;
-webkit-transform: translateY(-75%) rotate(45deg);
transform: translateY(-75%) rotate(45deg);
}
.c-sidebar__list h4.is-active::after {
-webkit-transform: translateX(50%) translateY(-95%) rotate(-135deg);
transform: translateX(50%) translateY(-95%) rotate(-135deg);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.c-sidebar__list ul {
z-index: 1;
display: none;
width: 100%;
margin-top: -1px;
background: #fff;
}
.c-sidebar__list ul li.is-active {
display: none;
}
.c-sidebar__list ul li:nth-of-type(n + 2) {
margin-top: -1px;
}
.c-sidebar__list ul li a {
display: block;
padding: 1rem 1.5rem;
border: 1px solid #c6c6c6;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-sidebar__list ul li a:hover {
opacity: 0.5;
}
.c-simple-table {
width: 100%;
}
.c-simple-table-typeA,
.c-simple-table-typeA * {
border-color: var(--table_border_color);
}
.c-simple-table-typeA th {
background: var(--table_bg_color);
}
.c-simple-table-typeA,
.c-simple-table-typeA td,
.c-simple-table-typeA tr {
background: none !important;
}
.c-simple-table-typeA th,
.c-simple-table-typeA td {
padding: 2rem 3rem;
}
.c-simple-table-typeB,
.c-simple-table-typeB td {
background: none !important;
}
.c-simple-table-typeB,
.c-simple-table-typeB * {
border: none !important;
}
.c-simple-table-typeB th {
text-align: left;
}
.c-simple-table-typeB th,
.c-simple-table-typeB td {
padding: 2rem 3rem;
}
.c-simple-table-typeC,
.c-simple-table-typeC * {
background: none !important;
}
.c-simple-table-typeC:not(tr),
.c-simple-table-typeC *:not(tr) {
border: none !important;
}
.c-simple-table-typeC tr {
border-top-width: 1px !important;
border-bottom-width: 1px !important;
}
.c-simple-table-typeC th {
text-align: left;
background: none;
}
.c-simple-table-typeC td,
.c-simple-table-typeC th {
padding: 2rem;
}
.swiper-typeA, .swiper-typeA-nav {
width: 85%;
}
.swiper-typeA .swiper-slide {
position: relative;
}
.swiper-typeA .swiper-slide p {
position: absolute;
bottom: 0;
width: 100%;
padding: 1.5rem 2rem;
background: #fffc;
}
.swiper-typeA img {
width: 100%;
}
.swiper-typeA-nav {
margin-top: 1%;
}
.swiper-typeA-wrap {
position: relative;
}
.swiper-typeA-wrap .swiper-button-next,
.swiper-typeA-wrap .swiper-button-prev {
width: 1.4rem !important;
outline: none;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.swiper-typeA-wrap .swiper-button-next::after,
.swiper-typeA-wrap .swiper-button-prev::after {
font-size: 3rem !important;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-tab .trigger > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.js-tab .trigger > .e-con-inner > .trigger-child {
min-width: calc(100% / 5);
padding: 1rem 4rem;
text-align: center;
cursor: pointer;
border: 1px solid #c6c6c6;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-tab .trigger > .e-con-inner > .trigger-child:nth-child(n+2) {
margin-left: -1px;
}
.js-tab .trigger > .e-con-inner > .trigger-child:nth-child(4), .js-tab .trigger > .e-con-inner > .trigger-child:nth-child(7), .js-tab .trigger > .e-con-inner > .trigger-child:nth-child(10) {
min-width: calc(100% / 3);
margin-left: 0;
}
.js-tab .trigger > .e-con-inner > .trigger-child.is-active {
color: var(--border_color);
pointer-events: none;
background: #f9f9f9;
}
.js-tab .trigger > .e-con-inner > .trigger-child:hover {
color: var(--border_color);
}
.js-tab .inner {
margin-top: -1px;
}
.js-tab .inner-child {
padding: 2rem;
border: 1px solid #c6c6c6;
}
.text-editor p,
.elementor-widget-text-editor .elementor-widget-container p {
min-height: 3rem;
}
.text-editor a,
.elementor-widget-text-editor .elementor-widget-container a {
color: var(--link_color);
text-decoration: underline !important;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.text-editor a:hover,
.elementor-widget-text-editor .elementor-widget-container a:hover {
text-decoration: none !important;
opacity: 0.5;
}
.text-editor h2:not([class]),
.elementor-widget-text-editor .elementor-widget-container h2:not([class]) {
padding-bottom: 1.2rem;
font-size: var(--fs_ttl_pc);
font-weight: bold;
border-bottom: 1px solid var(--border_color);
}
.text-editor h3:not([class]),
.elementor-widget-text-editor .elementor-widget-container h3:not([class]) {
position: relative;
padding-left: 2.5rem;
font-size: calc(var(--fs_ttl_pc) * 0.8);
font-weight: bold;
line-height: 1.5;
}
.text-editor h3:not([class])::before,
.elementor-widget-text-editor .elementor-widget-container h3:not([class])::before {
position: absolute;
top: 50%;
left: 0;
width: 3px;
height: 100%;
content: "";
background: var(--border_color);
border-radius: 9999px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.text-editor .space,
.elementor-widget-text-editor .elementor-widget-container .space {
margin-top: 2rem;
}
.text-editor ul li,
.elementor-widget-text-editor .elementor-widget-container ul li {
list-style: disc;
}
.text-editor ol li,
.elementor-widget-text-editor .elementor-widget-container ol li {
list-style: auto;
}
.text-editor ul,
.text-editor ol,
.elementor-widget-text-editor .elementor-widget-container ul,
.elementor-widget-text-editor .elementor-widget-container ol {
padding-left: 1em !important;
}
.text-editor ul li:nth-of-type(n + 2),
.text-editor ol li:nth-of-type(n + 2),
.elementor-widget-text-editor .elementor-widget-container ul li:nth-of-type(n + 2),
.elementor-widget-text-editor .elementor-widget-container ol li:nth-of-type(n + 2) {
margin-top: 1.5rem !important;
}
.text-editor ol,
.elementor-widget-text-editor .elementor-widget-container ol {
padding-left: 1.5em !important;
}
.text-editor blockquote,
.elementor-widget-text-editor .elementor-widget-container blockquote {
padding: 2rem;
border: 1px solid #333;
}
.c-transition {
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-editor-accordion .trigger-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 4rem;
height: 4rem;
}
.js-editor-accordion .trigger-icon .elementor-widget-container {
position: relative;
}
.js-editor-accordion .trigger-icon .elementor-widget-container::after, .js-editor-accordion .trigger-icon .elementor-widget-container::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 2px;
height: 2rem;
margin: auto;
content: "";
background: var(--border_color);
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-editor-accordion .trigger-icon .elementor-widget-container::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.js-editor-accordion .trigger-icon.is-active .elementor-widget-container::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.js-accordionA .trigger {
padding: 2rem 3rem;
cursor: pointer;
border: 1px solid var(--border_color) !important;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-accordionA .trigger .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.js-accordionA .trigger .q-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 1.5 !important;
}
.js-accordionA .trigger .q-icon > .elementor-widget-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.3rem !important;
height: 3.3rem !important;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
background: var(--border_color);
border-radius: 9999px;
}
.js-accordionA .trigger .q-icon-B {
padding-right: 0;
}
.js-accordionA .trigger .q-icon-B > .elementor-widget-container {
position: relative;
width: auto !important;
height: auto !important;
color: var(--border_color);
background: none;
}
.js-accordionA .trigger .q-icon-B > .elementor-widget-container::after {
content: ".";
}
.js-accordionA .trigger .q-icon-C > .elementor-widget-container {
border-radius: 0 !important;
}
.js-accordionA .trigger:hover {
opacity: 0.5;
}
.js-accordionA .inner {
padding: 3rem;
background: #f4f4f4;
}
.js-accordionA .inner > div {
overflow: hidden;
}
.js-accordionB .trigger {
position: relative;
padding: 1rem 1rem 1rem 0;
cursor: pointer;
background: #f4f4f4;
border: 1px solid #c6c6c6 !important;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-accordionB .trigger > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.js-accordionB .trigger > .e-con-inner > .flex > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.js-accordionB .trigger .q-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 5.7rem;
font-size: 2rem;
border-right: 1px solid #c6c6c6;
}
.js-accordionB .trigger .q-icon > .elementor-widget-container {
font-weight: bold;
color: #6d7df5;
}
.js-accordionB .trigger:hover {
opacity: 0.5;
}
.js-accordionB .inner {
padding: 2rem 2rem 2rem 0;
margin-top: -1px;
border: 1px solid #c6c6c6 !important;
}
.js-accordionB .inner > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.js-accordionB .inner .a-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 5.7rem;
font-size: 2rem;
font-weight: bold;
border-right: 1px solid #c6c6c6;
}
.js-accordionC .trigger {
position: relative;
padding: 1.5rem 1rem 1.5rem 3rem;
cursor: pointer;
border: 1px solid var(--border_color) !important;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-accordionC .trigger > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.js-accordionC .trigger > .e-con-inner > .flex > .e-con-inner {
display: block;
}
.js-accordionC .trigger .q-icon {
font-size: 1.8rem;
}
.js-accordionC .trigger .q-icon > .elementor-widget-container {
margin-bottom: 0.5rem;
line-height: 1.3;
color: var(--border_color);
}
.js-accordionC .trigger:hover {
opacity: 0.5;
}
.js-accordionC .inner {
padding: 3rem;
background: #f4f4f4 !important;
}
.js-accordionC .inner > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.js-accordionC .inner .a-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 5.7rem;
font-size: 2rem;
font-weight: bold;
border-right: 1px solid #c6c6c6;
}
.js-accordionD .trigger {
position: relative;
padding: 1.8rem 4rem;
cursor: pointer;
background: #f4f4f4 !important;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-accordionD .trigger > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.js-accordionD .trigger > .e-con-inner > .flex > .e-con-inner {
display: block;
}
.js-accordionD .trigger .trigger-icon {
background: #fff;
border-radius: 9999px;
}
.js-accordionD .trigger .trigger-icon > .elementor-widget-container::before, .js-accordionD .trigger .trigger-icon > .elementor-widget-container::after {
height: 1.5rem;
background: #333;
}
.js-accordionD .trigger .q-icon {
font-size: 1.8rem;
}
.js-accordionD .trigger .q-icon > .elementor-widget-container {
margin-bottom: 0.5rem;
line-height: 1.3;
color: var(--border_color);
}
.js-accordionD .trigger:hover {
opacity: 0.5;
}
.js-accordionD .inner {
padding: 2rem 4rem;
}
.js-accordionD .inner > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.js-accordionD .inner .a-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 5.7rem;
font-size: 2rem;
font-weight: bold;
border-right: 1px solid #c6c6c6;
}
.js-accordionE .trigger {
position: relative;
padding: 1.8rem 2rem;
cursor: pointer;
border-bottom: 1px solid #707070 !important;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.js-accordionE .trigger > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.js-accordionE .trigger > .e-con-inner > .flex > .e-con-inner {
display: block;
}
.js-accordionE .trigger .q-icon {
width: 0.9rem;
height: 0.9rem;
background: #6d7df5;
border-radius: 9999px;
}
.js-accordionE .trigger .flex .e-con-inner {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 1.5rem !important;
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.js-accordionE .trigger .flex .e-con-inner .q-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 0.5rem;
margin-top: 1.2rem;
}
.js-accordionE .trigger:hover {
opacity: 0.5;
}
.js-accordionE .inner {
padding: 2rem 4rem;
margin-top: -1px;
border: 1px solid #707070;
}
.js-accordionE .inner > .e-con-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.js-accordionE .inner .a-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 5.7rem;
font-size: 2rem;
font-weight: bold;
border-right: 1px solid #c6c6c6;
}
.c-archive-typeA-1 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-gap: 4rem 6rem;
gap: 4rem 6rem;
}
.c-archive-typeA-1__img {
overflow: hidden;
}
.c-archive-typeA-1__img img {
width: 100%;
height: 24rem;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-archive-typeA-1__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2rem;
}
.c-archive-typeA-1__time {
font-size: calc(calc(var(--fs_txt_pc) * 0.9));
}
.c-archive-typeA-1__ttl {
margin-top: 1rem;
font-size: calc(calc(var(--fs_txt_pc) * 1.2));
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-archive-typeA-1__link:hover .c-archive-typeA-1__img img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.c-archive-typeB-1,
.c-archive-typeB-2,
.c-archive-typeC-1 {
margin-top: -2rem;
}
.c-archive-typeB-1__wrap,
.c-archive-typeB-2__wrap,
.c-archive-typeC-1__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30rem;
}
.c-archive-typeB-1__time,
.c-archive-typeB-2__time,
.c-archive-typeC-1__time {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 12rem;
font-size: calc(calc(var(--fs_txt_pc) * 0.9));
}
.c-archive-typeB-1_cat a,
.c-archive-typeB-2_cat a,
.c-archive-typeC-1_cat a {
max-width: 13rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.c-archive-typeB-1__ttl,
.c-archive-typeB-2__ttl,
.c-archive-typeC-1__ttl {
display: -webkit-box;
overflow: hidden;
line-height: 1.5;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-archive-typeB-1__el,
.c-archive-typeB-2__el,
.c-archive-typeC-1__el {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.c-archive-typeB-1__el:nth-of-type(n + 2),
.c-archive-typeB-2__el:nth-of-type(n + 2),
.c-archive-typeC-1__el:nth-of-type(n + 2) {
margin-top: -1px;
}
.c-archive-typeB-1__el:first-of-type,
.c-archive-typeB-2__el:first-of-type,
.c-archive-typeC-1__el:first-of-type {
border-top: none;
}
.c-archive-typeB-1__link,
.c-archive-typeB-2__link,
.c-archive-typeC-1__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 3rem 1.5rem;
}
.c-archive-typeB-1,
.c-archive-typeB-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 3rem;
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.c-archive-typeB-1__el,
.c-archive-typeB-2__el {
border-top: none;
border-bottom: 1px solid #e2e2e2;
}
.c-archive-typeB-1__time,
.c-archive-typeB-2__time {
width: auto;
margin-right: 1.5rem;
}
.c-archive-typeB-1__wrap,
.c-archive-typeB-2__wrap {
width: auto;
}
.c-archive-typeB-1__link,
.c-archive-typeB-2__link {
display: block;
}
.c-archive-typeB-1__ttl,
.c-archive-typeB-2__ttl {
margin-top: 1.5rem;
}
.c-archive-typeB-2 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.c-archive-typeB-2__ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-archive-typeB-2__ttl p {
display: -webkit-box;
width: 95%;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.c-archive-typeB-2__ttl svg {
width: 0.8rem;
}
.c-archive-typeC-1__wrap {
width: 15rem;
}
.c-archive__link {
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-archive__link:hover {
opacity: 0.7;
}
.c-btn01-typeA,
.c-btn01-typeB {
display: block;
padding: 0 1.5rem;
color: var(--cat_color);
border: 1px solid var(--cat_color);
border-radius: 9999px;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-btn01-typeA:hover,
.c-btn01-typeB:hover {
color: #fff;
background: var(--cat_color);
}
.c-btn01-typeA--reverse,
.c-btn01-typeB--reverse {
color: #fff;
background: var(--cat_color);
}
.c-btn01-typeA--reverse:hover,
.c-btn01-typeB--reverse:hover {
color: var(--cat_color);
background: #fff0;
}
.c-btn01-typeA.is-active,
.c-btn01-typeB.is-active {
color: #fff;
pointer-events: none;
background: var(--cat_color);
}
.c-btn01-typeB {
border-radius: 0;
}
.c-btn01-typeC {
font-size: 1.6rem;
text-underline-offset: 0.2rem;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-btn01-typeC.is-active, .c-btn01-typeC:hover {
color: var(--cat_color);
}
.c-btn01-typeC.is-active {
text-decoration: underline;
pointer-events: none;
}
.c-btn01-typeC--reverse {
position: relative;
padding-left: 1.5rem;
color: var(--cat_color);
}
.c-btn01-typeC--reverse::before {
position: absolute;
top: 50%;
left: 0;
width: 0.8rem;
height: 0.8rem;
content: "";
background: var(--cat_color);
border-radius: 9999px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-btn01-typeC--reverse:hover {
opacity: 0.5;
}
.c-cat {
margin-bottom: 5rem;
}
.c-cat-typeA,
.c-cat-typeB {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.5rem;
}
.c-cat-typeC {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem 3.3rem;
overflow: hidden;
}
.c-cat-typeC li {
position: relative;
}
.c-cat-typeC li::before {
position: absolute;
top: 50%;
left: -1.7rem;
width: 1px;
height: 1.2em;
content: "";
background: #333;
-webkit-transform: translateY(-50%) rotate(15deg);
transform: translateY(-50%) rotate(15deg);
}
.c-pagenav-typeA .nav-links,
.c-pagenav-typeB .nav-links,
.c-pagenav-typeC .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-pagenav-typeA .nav-links .page-numbers,
.c-pagenav-typeB .nav-links .page-numbers,
.c-pagenav-typeC .nav-links .page-numbers {
margin: 0 0.6rem;
font-size: calc(calc(var(--fs_txt_pc) * 1.1));
color: var(--text_color);
}
.c-pagenav-typeA .nav-links .page-numbers:not(.next):not(.prev):not(.dots),
.c-pagenav-typeB .nav-links .page-numbers:not(.next):not(.prev):not(.dots),
.c-pagenav-typeC .nav-links .page-numbers:not(.next):not(.prev):not(.dots) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 5rem;
height: 5rem;
padding-left: 0.2rem;
background: #f4f4f4;
border: 1px solid #3330;
border-radius: 9999px;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-pagenav-typeA .nav-links .page-numbers:not(.next):not(.prev):not(.dots):hover,
.c-pagenav-typeB .nav-links .page-numbers:not(.next):not(.prev):not(.dots):hover,
.c-pagenav-typeC .nav-links .page-numbers:not(.next):not(.prev):not(.dots):hover {
background: #f4f4f400;
border: 1px solid #333;
}
.c-pagenav-typeA .nav-links .page-numbers:not(.next):not(.prev):not(.dots).current,
.c-pagenav-typeB .nav-links .page-numbers:not(.next):not(.prev):not(.dots).current,
.c-pagenav-typeC .nav-links .page-numbers:not(.next):not(.prev):not(.dots).current {
background: #f4f4f400;
border: 1px solid #333;
}
.c-pagenav-typeA .nav-links .next,
.c-pagenav-typeA .nav-links .prev,
.c-pagenav-typeB .nav-links .next,
.c-pagenav-typeB .nav-links .prev,
.c-pagenav-typeC .nav-links .next,
.c-pagenav-typeC .nav-links .prev {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3rem;
margin: 0 1.5rem;
}
.c-pagenav-typeA .nav-links .next svg,
.c-pagenav-typeA .nav-links .prev svg,
.c-pagenav-typeB .nav-links .next svg,
.c-pagenav-typeB .nav-links .prev svg,
.c-pagenav-typeC .nav-links .next svg,
.c-pagenav-typeC .nav-links .prev svg {
width: 1rem;
}
.c-pagenav-typeA .nav-links .next svg *,
.c-pagenav-typeA .nav-links .prev svg *,
.c-pagenav-typeB .nav-links .next svg *,
.c-pagenav-typeB .nav-links .prev svg *,
.c-pagenav-typeC .nav-links .next svg *,
.c-pagenav-typeC .nav-links .prev svg * {
-webkit-transition: var(--transition);
transition: var(--transition);
}
.c-pagenav-typeA .nav-links .next:hover svg,
.c-pagenav-typeA .nav-links .prev:hover svg,
.c-pagenav-typeB .nav-links .next:hover svg,
.c-pagenav-typeB .nav-links .prev:hover svg,
.c-pagenav-typeC .nav-links .next:hover svg,
.c-pagenav-typeC .nav-links .prev:hover svg {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.c-pagenav-typeA .nav-links .next:hover svg *,
.c-pagenav-typeA .nav-links .prev:hover svg *,
.c-pagenav-typeB .nav-links .next:hover svg *,
.c-pagenav-typeB .nav-links .prev:hover svg *,
.c-pagenav-typeC .nav-links .next:hover svg *,
.c-pagenav-typeC .nav-links .prev:hover svg * {
stroke: #333;
stroke-width: 2px;
}
.c-pagenav-typeA .nav-links .prev,
.c-pagenav-typeB .nav-links .prev,
.c-pagenav-typeC .nav-links .prev {
margin-left: 0;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.c-pagenav-typeA .nav-links .next,
.c-pagenav-typeB .nav-links .next,
.c-pagenav-typeC .nav-links .next {
margin-right: 0;
}
.c-pagenav-typeB .nav-links .page-numbers:not(.next):not(.prev):not(.dots) {
border-radius: 0;
}
.c-pagenav-typeC .nav-links .page-numbers {
margin: 0 1.4rem;
font-size: calc(calc(var(--fs_txt_pc) * 1.1));
}
.c-pagenav-typeC .nav-links .page-numbers:not(.next):not(.prev):not(.dots) {
width: 2rem;
height: 3rem;
background: none;
border: none;
border-radius: 0;
}
.c-pagenav-typeC .nav-links .page-numbers:not(.next):not(.prev):not(.dots):hover {
color: #333;
background: none;
border: none;
}
.c-pagenav-typeC .nav-links .page-numbers:not(.next):not(.prev):not(.dots).current {
color: #333;
background: none;
border: none;
border-bottom: 2px solid #333;
}
.c-pagenav {
margin-top: 6rem;
} .u-m-c {
margin-right: auto !important;
margin-left: auto !important;
}
.u-m-r {
margin-right: auto !important;
margin-left: 0 !important;
} .u-mt-0 {
margin-top: 0rem !important;
}
.u-mt-1 {
margin-top: 1rem !important;
}
.u-mt-2 {
margin-top: 2rem !important;
}
.u-mt-3 {
margin-top: 3rem !important;
}
.u-mt-4 {
margin-top: 4rem !important;
}
.u-mt-5 {
margin-top: 5rem !important;
}
.u-mt-6 {
margin-top: 6rem !important;
}
.u-mt-7 {
margin-top: 7rem !important;
}
.u-mt-8 {
margin-top: 8rem !important;
}
.u-mt-9 {
margin-top: 9rem !important;
}
.u-mt-10 {
margin-top: 10rem !important;
}
.u-mt-11 {
margin-top: 11rem !important;
}
.u-mt-12 {
margin-top: 12rem !important;
}
.u-mt-13 {
margin-top: 13rem !important;
}
.u-mt-14 {
margin-top: 14rem !important;
}
.u-mt-15 {
margin-top: 15rem !important;
}
.u-mt-16 {
margin-top: 16rem !important;
}
.u-mt-17 {
margin-top: 17rem !important;
}
.u-mt-18 {
margin-top: 18rem !important;
}
.u-mt-19 {
margin-top: 19rem !important;
}
.u-mt-20 {
margin-top: 20rem !important;
}
.u-mt-21 {
margin-top: 21rem !important;
}
.u-mt-22 {
margin-top: 22rem !important;
}
.u-mt-23 {
margin-top: 23rem !important;
}
.u-mt-24 {
margin-top: 24rem !important;
}
.u-mt-25 {
margin-top: 25rem !important;
} .u-mr-0 {
margin-right: 0rem !important;
}
.u-mr-1 {
margin-right: 1rem !important;
}
.u-mr-2 {
margin-right: 2rem !important;
}
.u-mr-3 {
margin-right: 3rem !important;
}
.u-mr-4 {
margin-right: 4rem !important;
}
.u-mr-5 {
margin-right: 5rem !important;
}
.u-mr-6 {
margin-right: 6rem !important;
}
.u-mr-7 {
margin-right: 7rem !important;
}
.u-mr-8 {
margin-right: 8rem !important;
}
.u-mr-9 {
margin-right: 9rem !important;
}
.u-mr-10 {
margin-right: 10rem !important;
}
.u-mr-11 {
margin-right: 11rem !important;
}
.u-mr-12 {
margin-right: 12rem !important;
}
.u-mr-13 {
margin-right: 13rem !important;
}
.u-mr-14 {
margin-right: 14rem !important;
}
.u-mr-15 {
margin-right: 15rem !important;
}
.u-mr-16 {
margin-right: 16rem !important;
}
.u-mr-17 {
margin-right: 17rem !important;
}
.u-mr-18 {
margin-right: 18rem !important;
}
.u-mr-19 {
margin-right: 19rem !important;
}
.u-mr-20 {
margin-right: 20rem !important;
}
.u-mr-21 {
margin-right: 21rem !important;
}
.u-mr-22 {
margin-right: 22rem !important;
}
.u-mr-23 {
margin-right: 23rem !important;
}
.u-mr-24 {
margin-right: 24rem !important;
}
.u-mr-25 {
margin-right: 25rem !important;
} .u-mb-0 {
margin-bottom: 0rem !important;
}
.u-mb-1 {
margin-bottom: 1rem !important;
}
.u-mb-2 {
margin-bottom: 2rem !important;
}
.u-mb-3 {
margin-bottom: 3rem !important;
}
.u-mb-4 {
margin-bottom: 4rem !important;
}
.u-mb-5 {
margin-bottom: 5rem !important;
}
.u-mb-6 {
margin-bottom: 6rem !important;
}
.u-mb-7 {
margin-bottom: 7rem !important;
}
.u-mb-8 {
margin-bottom: 8rem !important;
}
.u-mb-9 {
margin-bottom: 9rem !important;
}
.u-mb-10 {
margin-bottom: 10rem !important;
}
.u-mb-11 {
margin-bottom: 11rem !important;
}
.u-mb-12 {
margin-bottom: 12rem !important;
}
.u-mb-13 {
margin-bottom: 13rem !important;
}
.u-mb-14 {
margin-bottom: 14rem !important;
}
.u-mb-15 {
margin-bottom: 15rem !important;
}
.u-mb-16 {
margin-bottom: 16rem !important;
}
.u-mb-17 {
margin-bottom: 17rem !important;
}
.u-mb-18 {
margin-bottom: 18rem !important;
}
.u-mb-19 {
margin-bottom: 19rem !important;
}
.u-mb-20 {
margin-bottom: 20rem !important;
}
.u-mb-21 {
margin-bottom: 21rem !important;
}
.u-mb-22 {
margin-bottom: 22rem !important;
}
.u-mb-23 {
margin-bottom: 23rem !important;
}
.u-mb-24 {
margin-bottom: 24rem !important;
}
.u-mb-25 {
margin-bottom: 25rem !important;
} .u-ml-0 {
margin-left: 0rem !important;
}
.u-ml-1 {
margin-left: 1rem !important;
}
.u-ml-2 {
margin-left: 2rem !important;
}
.u-ml-3 {
margin-left: 3rem !important;
}
.u-ml-4 {
margin-left: 4rem !important;
}
.u-ml-5 {
margin-left: 5rem !important;
}
.u-ml-6 {
margin-left: 6rem !important;
}
.u-ml-7 {
margin-left: 7rem !important;
}
.u-ml-8 {
margin-left: 8rem !important;
}
.u-ml-9 {
margin-left: 9rem !important;
}
.u-ml-10 {
margin-left: 10rem !important;
}
.u-ml-11 {
margin-left: 11rem !important;
}
.u-ml-12 {
margin-left: 12rem !important;
}
.u-ml-13 {
margin-left: 13rem !important;
}
.u-ml-14 {
margin-left: 14rem !important;
}
.u-ml-15 {
margin-left: 15rem !important;
}
.u-ml-16 {
margin-left: 16rem !important;
}
.u-ml-17 {
margin-left: 17rem !important;
}
.u-ml-18 {
margin-left: 18rem !important;
}
.u-ml-19 {
margin-left: 19rem !important;
}
.u-ml-20 {
margin-left: 20rem !important;
}
.u-ml-21 {
margin-left: 21rem !important;
}
.u-ml-22 {
margin-left: 22rem !important;
}
.u-ml-23 {
margin-left: 23rem !important;
}
.u-ml-24 {
margin-left: 24rem !important;
}
.u-ml-25 {
margin-left: 25rem !important;
}
.p-single .s-thumbnail {
margin-bottom: 4rem;
}
.p-single .i-ttl {
margin-bottom: 5rem;
}
.p-single .i-ttl__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5rem;
}
.p-single .i-ttl__ttl {
margin-top: 1rem;
font-size: var(--post_ttl_fontSize_pc);
font-weight: bold;
line-height: 1.5;
}
.p-single .s-gallery__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 3rem 3rem;
gap: 3rem 3rem;
}
.p-single .s-gallery__list li {
list-style: none;
}
.p-single .s-gallery__list li a {
position: relative;
display: block;
height: 38rem;
background: #f4f4f4;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.p-single .s-gallery__list li a:hover {
opacity: 0.5;
}
.p-single .s-gallery__list li a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-single .s-gallery__list li a p {
position: absolute;
bottom: 0;
left: 0;
padding: 1rem 1.5rem;
background: #fff;
}
.p-single .s-table table {
width: 100%;
margin-top: 3rem;
}
.p-single .s-table table th {
width: 0;
color: var(--txt-color);
background: var(--table-bg);
}
.tw-main .before\:absolute::before{
content: var(--tw-content);
position: absolute;
}
.tw-main .before\:left-0::before{
content: var(--tw-content);
left: 0px;
}
.tw-main .before\:top-1\/2::before{
content: var(--tw-content);
top: 50%;
}
.tw-main .before\:block::before{
content: var(--tw-content);
display: block;
}
.tw-main .before\:aspect-square::before{
content: var(--tw-content);
aspect-ratio: 1 / 1;
}
.tw-main .before\:w-\[0\.5rem\]::before{
content: var(--tw-content);
width: 0.5rem;
}
.tw-main .before\:-translate-y-1\/2::before{
content: var(--tw-content);
--tw-translate-y: -50%;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .before\:rounded-full::before{
content: var(--tw-content);
border-radius: 9999px;
}
.tw-main .before\:bg-main::before{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 216 0 / var(--tw-bg-opacity, 1));
}
.tw-main .hover\:scale-105:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .hover\:bg-font:hover{
--tw-bg-opacity: 1;
background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.tw-main .hover\:bg-main:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 216 0 / var(--tw-bg-opacity, 1));
}
.tw-main .hover\:bg-white\/80:hover{
background-color: rgb(255 255 255 / 0.8);
}
.tw-main .hover\:text-font:hover{
--tw-text-opacity: 1;
color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.tw-main .hover\:text-white:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-main .hover\:opacity-60:hover{
opacity: 0.6;
}
.tw-main .hover\:opacity-80:hover{
opacity: 0.8;
}
.tw-main :is(.group:hover .group-hover\:w-full){
width: 100%;
}
.tw-main :is(.group:hover .group-hover\:scale-110){
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main :is(.group:hover .group-hover\:bg-main){
--tw-bg-opacity: 1;
background-color: rgb(255 216 0 / var(--tw-bg-opacity, 1));
}
.tw-main :is(.group:hover .group-hover\:bg-white){
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-main .\[\&\.is-inview\]\:right-0.is-inview{
right: 0px;
}
.tw-main .\[\&\.is-inview\]\:opacity-100.is-inview{
opacity: 1;
}
.tw-main :is(.\[\&\>a\.is-active\>hr\]\:mr-\[0\.5rem\]>a.is-active>hr){
margin-right: 0.5rem;
}
.tw-main :is(.\[\&\>a\.is-active\>hr\]\:w-\[1rem\]>a.is-active>hr){
width: 1rem;
}
.tw-main :is(.\[\&\>a\.is-active\]\:pointer-events-none>a.is-active){
pointer-events: none;
}
.tw-main :is(.\[\&\>a\.is-active\]\:opacity-\[1\]>a.is-active){
opacity: 1;
}
.tw-main :is(.\[\&\>a\>hr\]\:h-\[1px\]>a>hr){
height: 1px;
}
.tw-main :is(.\[\&\>a\>hr\]\:w-0>a>hr){
width: 0px;
}
.tw-main :is(.\[\&\>a\>hr\]\:border-none>a>hr){
border-style: none;
}
.tw-main :is(.\[\&\>a\>hr\]\:bg-\[\#000\]>a>hr){
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.tw-main :is(.\[\&\>a\]\:flex>a){
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tw-main :is(.\[\&\>a\]\:items-center>a){
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tw-main :is(.\[\&\>a\]\:opacity-\[\.3\]>a){
opacity: .3;
}
.tw-main :is(.hover\:\[\&\>a\]\:opacity-\[1\]>a:hover){
opacity: 1;
}
.tw-main :is(.\[\&_\.swiper-pagination-progressbar-fill\]\:rounded-\[0\.3rem\] .swiper-pagination-progressbar-fill){
border-radius: 0.3rem;
}
.tw-main :is(.\[\&_\.swiper-pagination-progressbar-fill\]\:bg-font .swiper-pagination-progressbar-fill){
--tw-bg-opacity: 1;
background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.tw-main :is(.\[\&_path\]\:stroke-white path){
stroke: #fff;
}
.tw-main :is(.\[\&_path\]\:transition-\[stroke\] path){
-webkit-transition-property: stroke;
transition-property: stroke;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
}
.tw-main :is(.\[\&_path\]\:duration-300 path){
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.tw-main :is(.group:hover .\[\&_path\]\:group-hover\:stroke-font path){
stroke: #111111;
}
.tw-main :is(.group:hover .group-hover\:\[\&_path\]\:stroke-font path){
stroke: #111111;
}
.tw-main :is(.\[\&_svg\]\:h-auto svg){
height: auto;
}
.tw-main :is(.\[\&_svg\]\:w-\[1\.4rem\] svg){
width: 1.4rem;
}
.tw-main :is(.\[\&_svg\]\:w-\[1\.5rem\] svg){
width: 1.5rem;
}
.tw-main :is(.\[\&_svg\]\:w-\[2\.5rem\] svg){
width: 2.5rem;
}
.tw-main :is(.\[\&_svg\]\:-rotate-90 svg){
--tw-rotate: -90deg;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main :is(.\[\&_svg\]\:rotate-90 svg){
--tw-rotate: 90deg;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}
@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@media screen and (min-width: 1600px) {
html {
font-size: calc(160px / 1400 * 100);
}
}
@media screen and (min-width: 768px) and (max-width: 1599px) {
html {
font-size: calc(10vw / 1400 * 100);
}
}
@media screen and (max-width: 767px) {
html {
font-size: calc(10vw / 400 * 100);
}
html body {
font-size: var(--fs_txt_sp);
line-height: var(--lh_sp);
letter-spacing: var(--ls_sp);
}
html html,
html body {
width: 100%;
height: 100%;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html div,
html dl,
html dt,
html dd,
html p {
padding: 0;
margin: 0;
}
html img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
html .pc {
display: none !important;
}
.c-breadcrumb {
margin-bottom: 3rem;
}
.wpcf7 form {
margin: 2em 1.5em;
}
.wpcf7 p {
font-size: var(--fs_txt_sp);
}
.c-inner {
padding: var(--c_inner_sp) !important;
}
.c-pc-inner {
padding: 0 !important;
}
.c-sp-inner {
padding: var(--c_inner_sp) !important;
}
.c-modal-container__close {
top: 1rem;
right: 1rem;
width: 5rem;
height: 5rem;
}
.c-modal-container__inner {
padding: 3rem !important;
}
.c-mv {
height: var(--mv_h_sp);
}
.c-mv-patternA,
.c-mv-patternB {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
height: auto;
padding-top: 3rem !important;
padding-right: 0 !important;
}
.c-mv-patternA__box,
.c-mv-patternB__box {
padding-right: 2rem;
font-size: var(--fs_mv_sp);
}
.c-mv-patternA__sub,
.c-mv-patternB__sub {
font-size: 44%;
}
.c-mv-patternA__thumb,
.c-mv-patternB__thumb {
height: 18rem;
margin-top: 2.6rem;
}
.c-mv-patternC__box,
.c-mv-patternD__box,
.c-mv-patternE__box,
.c-mv-patternF__box {
font-size: var(--fs_mv_sp);
}
.c-mv-patternC__sub,
.c-mv-patternD__sub,
.c-mv-patternE__sub,
.c-mv-patternF__sub {
font-size: 44%;
}
.c-mv-patternG__content,
.c-mv-patternH__content {
display: -ms-grid;
display: grid;
grid-gap: 2rem;
gap: 2rem;
height: auto;
}
.c-mv-patternG__header,
.c-mv-patternH__header {
font-size: var(--fs_mv_sp);
}
.c-mv-patternG__separator,
.c-mv-patternH__separator {
width: 100%;
height: 2px;
}
.c-mv-patternG__text,
.c-mv-patternH__text {
padding-left: 0;
}
.c-sidebarArea {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
row-gap: 3rem;
}
.c-sidebar__wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2rem;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.c-sidebar__list h4 {
padding: 1rem 2rem 1rem 1rem;
}
.c-simple-table-typeA tr:nth-of-type(n + 2) {
display: block;
margin-top: -1px;
}
.c-simple-table-typeA td {
display: block;
margin-top: -1px;
}
.c-simple-table-typeA th,
.c-simple-table-typeA td {
display: block;
width: 100%;
padding: 1rem 1.5rem;
text-align: left;
}
.c-simple-table-typeB tr {
background: none !important;
}
.c-simple-table-typeB th,
.c-simple-table-typeB td {
display: block;
width: 100%;
padding: 1rem 1.5rem;
}
.c-simple-table-typeC tr {
display: block;
padding: 2rem 0;
}
.c-simple-table-typeC tr:nth-child(n+2) {
margin-top: -1px;
}
.c-simple-table-typeC th {
margin-bottom: 0.3rem;
font-size: calc(var(--fs_txt_sp) * 1.1);
font-weight: bold;
}
.c-simple-table-typeC td,
.c-simple-table-typeC th {
display: block;
width: 100%;
padding: 0 1.5rem;
}
.swiper-typeA, .swiper-typeA-nav {
width: 100%;
}
.swiper-typeA .swiper-slide p {
padding: 0.5rem 1rem;
}
.swiper-typeA-wrap .swiper-button-prev {
left: 1rem !important;
}
.swiper-typeA-wrap .swiper-button-next {
right: 1rem !important;
}
.js-tab .trigger > .e-con-inner > .trigger-child {
width: 100% !important;
padding: 0.8rem 1rem;
}
.js-tab .trigger > .e-con-inner > .trigger-child:nth-child(n+2) {
min-width: calc(100% / 3 + 1px);
}
.js-tab .inner-child {
padding: 1rem;
margin-top: -1px;
}
.js-tab .inner .trigger-child {
padding: 1rem;
border: 1px solid #c6c6c6;
}
.js-tab .inner .trigger-child:nth-of-type(n + 2) {
margin-top: -1px;
}
.js-tab .inner .trigger-child .elementor-widget-container {
position: relative;
padding-right: 3rem;
}
.js-tab .inner .trigger-child .elementor-widget-container span {
position: absolute;
top: 50%;
right: 0;
width: 2rem;
height: 2rem;
border: 1px solid #c6c6c6;
border-radius: 9999px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.js-tab .inner .trigger-child .elementor-widget-container span::after, .js-tab .inner .trigger-child .elementor-widget-container span::before {
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 60%;
content: "";
background: #c6c6c6;
-webkit-transition: var(--transition);
transition: var(--transition);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.js-tab .inner .trigger-child .elementor-widget-container span::before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.js-tab .inner .trigger-child .elementor-widget-container span.is-active::after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.text-editor h2:not([class]),
.elementor-widget-text-editor .elementor-widget-container h2:not([class]) {
font-size: var(--fs_ttl_sp);
}
.text-editor h3:not([class]),
.elementor-widget-text-editor .elementor-widget-container h3:not([class]) {
padding-left: 1.5rem;
font-size: calc(var(--fs_ttl_sp) * 0.8);
}
.text-editor ol,
.elementor-widget-text-editor .elementor-widget-container ol {
padding-left: 1em !important;
}
.js-editor-accordion .trigger-icon {
width: 3rem;
height: 3rem;
}
.js-accordionA .trigger {
padding: 1rem;
}
.js-accordionA .trigger .e-con-inner {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.js-accordionA .trigger .q-icon > .elementor-widget-container {
width: 3rem !important;
height: 3rem !important;
}
.js-accordionB .trigger > .e-con-inner > .flex > .e-con-inner {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.js-accordionB .trigger .q-icon {
width: 4rem;
}
.js-accordionB .inner > .e-con-inner {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.js-accordionB .inner .a-icon {
width: 4rem;
}
.js-accordionC .trigger {
padding-left: 2rem;
}
.js-accordionC .trigger > .e-con-inner > .flex > .e-con-inner {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.js-accordionC .inner {
padding: 2rem;
}
.js-accordionC .inner > .e-con-inner {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.js-accordionC .inner .a-icon {
width: 4rem;
}
.js-accordionD .trigger {
padding: 2rem;
}
.js-accordionD .trigger > .e-con-inner {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.js-accordionD .trigger > .e-con-inner > .flex > .e-con-inner {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.js-accordionD .inner {
padding: 2rem;
}
.js-accordionD .inner > .e-con-inner {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.js-accordionD .inner .a-icon {
width: 4rem;
}
.js-accordionE .trigger {
padding: 2rem;
}
.js-accordionE .trigger > .e-con-inner {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.js-accordionE .trigger > .e-con-inner > .flex > .e-con-inner {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.js-accordionE .trigger .flex .e-con-inner {
-webkit-column-gap: 1rem !important;
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.js-accordionE .inner {
padding: 2rem;
}
.js-accordionE .inner > .e-con-inner {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.js-accordionE .inner .a-icon {
width: 4rem;
}
.c-archive-typeA-1 {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
.c-archive-typeB-1__wrap,
.c-archive-typeB-2__wrap,
.c-archive-typeC-1__wrap {
width: auto;
}
.c-archive-typeB-1__time,
.c-archive-typeB-2__time,
.c-archive-typeC-1__time {
width: 10rem;
}
.c-archive-typeB-1__ttl,
.c-archive-typeB-2__ttl,
.c-archive-typeC-1__ttl {
margin-top: 1rem;
}
.c-archive-typeB-1__link,
.c-archive-typeB-2__link,
.c-archive-typeC-1__link {
display: block;
padding: 2.5rem 0.5rem;
}
.c-archive-typeB-1,
.c-archive-typeB-2 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.c-archive-typeB-1__time,
.c-archive-typeB-2__time {
width: auto;
}
.c-archive-typeB-2__ttl p {
width: 100%;
-webkit-line-clamp: 2;
}
.c-archive-typeB-2__ttl svg {
display: none;
}
.c-cat {
margin-bottom: 3rem;
}
.c-pagenav-typeA .nav-links .page-numbers:not(.next):not(.prev):not(.dots),
.c-pagenav-typeB .nav-links .page-numbers:not(.next):not(.prev):not(.dots),
.c-pagenav-typeC .nav-links .page-numbers:not(.next):not(.prev):not(.dots) {
width: 3rem;
height: 3rem;
}
.c-pagenav-typeC .nav-links .page-numbers:not(.next):not(.prev):not(.dots) {
width: 2rem;
height: 3rem;
}
.u-m-sp-c {
margin-right: auto !important;
margin-left: auto !important;
}
.u-m-sp-r {
margin-right: auto !important;
margin-left: 0 !important;
} .u-mt-sp-0 {
margin-top: 0rem !important;
}
.u-mt-sp-1 {
margin-top: 1rem !important;
}
.u-mt-sp-2 {
margin-top: 2rem !important;
}
.u-mt-sp-3 {
margin-top: 3rem !important;
}
.u-mt-sp-4 {
margin-top: 4rem !important;
}
.u-mt-sp-5 {
margin-top: 5rem !important;
}
.u-mt-sp-6 {
margin-top: 6rem !important;
}
.u-mt-sp-7 {
margin-top: 7rem !important;
}
.u-mt-sp-8 {
margin-top: 8rem !important;
}
.u-mt-sp-9 {
margin-top: 9rem !important;
}
.u-mt-sp-10 {
margin-top: 10rem !important;
}
.u-mt-sp-11 {
margin-top: 11rem !important;
}
.u-mt-sp-12 {
margin-top: 12rem !important;
}
.u-mt-sp-13 {
margin-top: 13rem !important;
}
.u-mt-sp-14 {
margin-top: 14rem !important;
}
.u-mt-sp-15 {
margin-top: 15rem !important;
}
.u-mt-sp-16 {
margin-top: 16rem !important;
}
.u-mt-sp-17 {
margin-top: 17rem !important;
}
.u-mt-sp-18 {
margin-top: 18rem !important;
}
.u-mt-sp-19 {
margin-top: 19rem !important;
}
.u-mt-sp-20 {
margin-top: 20rem !important;
}
.u-mt-sp-21 {
margin-top: 21rem !important;
}
.u-mt-sp-22 {
margin-top: 22rem !important;
}
.u-mt-sp-23 {
margin-top: 23rem !important;
}
.u-mt-sp-24 {
margin-top: 24rem !important;
}
.u-mt-sp-25 {
margin-top: 25rem !important;
} .u-mr-sp-0 {
margin-right: 0rem !important;
}
.u-mr-sp-1 {
margin-right: 1rem !important;
}
.u-mr-sp-2 {
margin-right: 2rem !important;
}
.u-mr-sp-3 {
margin-right: 3rem !important;
}
.u-mr-sp-4 {
margin-right: 4rem !important;
}
.u-mr-sp-5 {
margin-right: 5rem !important;
}
.u-mr-sp-6 {
margin-right: 6rem !important;
}
.u-mr-sp-7 {
margin-right: 7rem !important;
}
.u-mr-sp-8 {
margin-right: 8rem !important;
}
.u-mr-sp-9 {
margin-right: 9rem !important;
}
.u-mr-sp-10 {
margin-right: 10rem !important;
}
.u-mr-sp-11 {
margin-right: 11rem !important;
}
.u-mr-sp-12 {
margin-right: 12rem !important;
}
.u-mr-sp-13 {
margin-right: 13rem !important;
}
.u-mr-sp-14 {
margin-right: 14rem !important;
}
.u-mr-sp-15 {
margin-right: 15rem !important;
}
.u-mr-sp-16 {
margin-right: 16rem !important;
}
.u-mr-sp-17 {
margin-right: 17rem !important;
}
.u-mr-sp-18 {
margin-right: 18rem !important;
}
.u-mr-sp-19 {
margin-right: 19rem !important;
}
.u-mr-sp-20 {
margin-right: 20rem !important;
}
.u-mr-sp-21 {
margin-right: 21rem !important;
}
.u-mr-sp-22 {
margin-right: 22rem !important;
}
.u-mr-sp-23 {
margin-right: 23rem !important;
}
.u-mr-sp-24 {
margin-right: 24rem !important;
}
.u-mr-sp-25 {
margin-right: 25rem !important;
} .u-mb-sp-0 {
margin-bottom: 0rem !important;
}
.u-mb-sp-1 {
margin-bottom: 1rem !important;
}
.u-mb-sp-2 {
margin-bottom: 2rem !important;
}
.u-mb-sp-3 {
margin-bottom: 3rem !important;
}
.u-mb-sp-4 {
margin-bottom: 4rem !important;
}
.u-mb-sp-5 {
margin-bottom: 5rem !important;
}
.u-mb-sp-6 {
margin-bottom: 6rem !important;
}
.u-mb-sp-7 {
margin-bottom: 7rem !important;
}
.u-mb-sp-8 {
margin-bottom: 8rem !important;
}
.u-mb-sp-9 {
margin-bottom: 9rem !important;
}
.u-mb-sp-10 {
margin-bottom: 10rem !important;
}
.u-mb-sp-11 {
margin-bottom: 11rem !important;
}
.u-mb-sp-12 {
margin-bottom: 12rem !important;
}
.u-mb-sp-13 {
margin-bottom: 13rem !important;
}
.u-mb-sp-14 {
margin-bottom: 14rem !important;
}
.u-mb-sp-15 {
margin-bottom: 15rem !important;
}
.u-mb-sp-16 {
margin-bottom: 16rem !important;
}
.u-mb-sp-17 {
margin-bottom: 17rem !important;
}
.u-mb-sp-18 {
margin-bottom: 18rem !important;
}
.u-mb-sp-19 {
margin-bottom: 19rem !important;
}
.u-mb-sp-20 {
margin-bottom: 20rem !important;
}
.u-mb-sp-21 {
margin-bottom: 21rem !important;
}
.u-mb-sp-22 {
margin-bottom: 22rem !important;
}
.u-mb-sp-23 {
margin-bottom: 23rem !important;
}
.u-mb-sp-24 {
margin-bottom: 24rem !important;
}
.u-mb-sp-25 {
margin-bottom: 25rem !important;
} .u-ml-sp-0 {
margin-left: 0rem !important;
}
.u-ml-sp-1 {
margin-left: 1rem !important;
}
.u-ml-sp-2 {
margin-left: 2rem !important;
}
.u-ml-sp-3 {
margin-left: 3rem !important;
}
.u-ml-sp-4 {
margin-left: 4rem !important;
}
.u-ml-sp-5 {
margin-left: 5rem !important;
}
.u-ml-sp-6 {
margin-left: 6rem !important;
}
.u-ml-sp-7 {
margin-left: 7rem !important;
}
.u-ml-sp-8 {
margin-left: 8rem !important;
}
.u-ml-sp-9 {
margin-left: 9rem !important;
}
.u-ml-sp-10 {
margin-left: 10rem !important;
}
.u-ml-sp-11 {
margin-left: 11rem !important;
}
.u-ml-sp-12 {
margin-left: 12rem !important;
}
.u-ml-sp-13 {
margin-left: 13rem !important;
}
.u-ml-sp-14 {
margin-left: 14rem !important;
}
.u-ml-sp-15 {
margin-left: 15rem !important;
}
.u-ml-sp-16 {
margin-left: 16rem !important;
}
.u-ml-sp-17 {
margin-left: 17rem !important;
}
.u-ml-sp-18 {
margin-left: 18rem !important;
}
.u-ml-sp-19 {
margin-left: 19rem !important;
}
.u-ml-sp-20 {
margin-left: 20rem !important;
}
.u-ml-sp-21 {
margin-left: 21rem !important;
}
.u-ml-sp-22 {
margin-left: 22rem !important;
}
.u-ml-sp-23 {
margin-left: 23rem !important;
}
.u-ml-sp-24 {
margin-left: 24rem !important;
}
.u-ml-sp-25 {
margin-left: 25rem !important;
}
.p-single .i-ttl__ttl {
font-size: var(--post_ttl_fontSize_sp);
}
.p-single .s-gallery__list {
gap: 2rem 2rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.p-single .s-gallery__list li a {
height: 17rem;
}
.p-single .s-gallery__list li a p {
padding: 0.5rem 1rem;
}
.p-single .s-table table tr {
display: block;
}
.p-single .s-table table th,
.p-single .s-table table th td {
display: block;
width: 100%;
}
}
@media screen and (min-width: 768px) {
html [href*="tel:"] {
pointer-events: none;
}
html .sp {
display: none !important;
}
.c-mv-patternA__thumb,
.c-mv-patternB__thumb {
width: 50vw;
}
.c-mv-patternG__content > div,
.c-mv-patternH__content > div {
width: 50%;
}
.c-sidebar__child:nth-of-type(n + 2) {
margin-top: 3rem;
}
.c-simple-table-typeB tr:nth-child(even) {
background: none !important;
}
.c-simple-table-typeB th {
background: none !important;
}
.p-single .s-table table th {
white-space: nowrap;
}
}
@media (max-width: 767px){
.tw-main .sp\:absolute{
position: absolute;
}
.tw-main .sp\:bottom-\[-7rem\]{
bottom: -7rem;
}
.tw-main .sp\:bottom-\[1rem\]{
bottom: 1rem;
}
.tw-main .sp\:bottom-\[3\.3rem\]{
bottom: 3.3rem;
}
.tw-main .sp\:bottom-\[6rem\]{
bottom: 6rem;
}
.tw-main .sp\:bottom-full{
bottom: 100%;
}
.tw-main .sp\:left-0{
left: 0px;
}
.tw-main .sp\:left-\[-4\.2rem\]{
left: -4.2rem;
}
.tw-main .sp\:left-\[0\.7rem\]{
left: 0.7rem;
}
.tw-main .sp\:left-\[2rem\]{
left: 2rem;
}
.tw-main .sp\:left-auto{
left: auto;
}
.tw-main .sp\:right-\[0\.7rem\]{
right: 0.7rem;
}
.tw-main .sp\:right-\[1\.4rem\]{
right: 1.4rem;
}
.tw-main .sp\:right-\[1\.5rem\]{
right: 1.5rem;
}
.tw-main .sp\:right-\[1\.6rem\]{
right: 1.6rem;
}
.tw-main .sp\:right-\[1rem\]{
right: 1rem;
}
.tw-main .sp\:right-\[2\.3rem\]{
right: 2.3rem;
}
.tw-main .sp\:right-\[21\.2rem\]{
right: 21.2rem;
}
.tw-main .sp\:right-\[2rem\]{
right: 2rem;
}
.tw-main .sp\:right-\[6\.3rem\]{
right: 6.3rem;
}
.tw-main .sp\:right-auto{
right: auto;
}
.tw-main .sp\:top-0{
top: 0px;
}
.tw-main .sp\:top-1\/2{
top: 50%;
}
.tw-main .sp\:top-\[2\.7rem\]{
top: 2.7rem;
}
.tw-main .sp\:top-\[57rem\]{
top: 57rem;
}
.tw-main .sp\:top-\[64rem\]{
top: 64rem;
}
.tw-main .sp\:top-\[6rem\]{
top: 6rem;
}
.tw-main .sp\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.tw-main .sp\:mb-\[1rem\]{
margin-bottom: 1rem;
}
.tw-main .sp\:mb-\[2\.6rem\]{
margin-bottom: 2.6rem;
}
.tw-main .sp\:ml-\[3rem\]{
margin-left: 3rem;
}
.tw-main .sp\:mt-\[-1\.5rem\]{
margin-top: -1.5rem;
}
.tw-main .sp\:mt-\[10\.6rem\]{
margin-top: 10.6rem;
}
.tw-main .sp\:mt-\[2\.4rem\]{
margin-top: 2.4rem;
}
.tw-main .sp\:mt-\[2rem\]{
margin-top: 2rem;
}
.tw-main .sp\:mt-\[3\.6rem\]{
margin-top: 3.6rem;
}
.tw-main .sp\:mt-\[3rem\]{
margin-top: 3rem;
}
.tw-main .sp\:mt-\[4rem\]{
margin-top: 4rem;
}
.tw-main .sp\:mt-\[5rem\]{
margin-top: 5rem;
}
.tw-main .sp\:line-clamp-1{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.tw-main .sp\:flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tw-main .sp\:hidden{
display: none;
}
.tw-main .sp\:h-\[19rem\]{
height: 19rem;
}
.tw-main .sp\:h-\[28\.2rem\]{
height: 28.2rem;
}
.tw-main .sp\:h-\[34rem\]{
height: 34rem;
}
.tw-main .sp\:h-\[5\.6rem\]{
height: 5.6rem;
}
.tw-main .sp\:h-\[6\.4rem\]{
height: 6.4rem;
}
.tw-main .sp\:h-\[6rem\]{
height: 6rem;
}
.tw-main .sp\:h-\[7rem\]{
height: 7rem;
}
.tw-main .sp\:h-\[calc\(100vh-7rem\)\]{
height: calc(100vh - 7rem);
}
.tw-main .sp\:h-auto{
height: auto;
}
.tw-main .sp\:h-full{
height: 100%;
}
.tw-main .sp\:max-h-screen{
max-height: 100vh;
}
.tw-main .sp\:w-\[10rem\]{
width: 10rem;
}
.tw-main .sp\:w-\[12rem\]{
width: 12rem;
}
.tw-main .sp\:w-\[13\.2rem\]{
width: 13.2rem;
}
.tw-main .sp\:w-\[13\.4rem\]{
width: 13.4rem;
}
.tw-main .sp\:w-\[14\.4rem\]{
width: 14.4rem;
}
.tw-main .sp\:w-\[16rem\]{
width: 16rem;
}
.tw-main .sp\:w-\[18rem\]{
width: 18rem;
}
.tw-main .sp\:w-\[1rem\]{
width: 1rem;
}
.tw-main .sp\:w-\[2\.2rem\]{
width: 2.2rem;
}
.tw-main .sp\:w-\[22\.8rem\]{
width: 22.8rem;
}
.tw-main .sp\:w-\[24rem\]{
width: 24rem;
}
.tw-main .sp\:w-\[25\.5rem\]{
width: 25.5rem;
}
.tw-main .sp\:w-\[3\.3rem\]{
width: 3.3rem;
}
.tw-main .sp\:w-\[38\.9rem\]{
width: 38.9rem;
}
.tw-main .sp\:w-\[4\.2rem\]{
width: 4.2rem;
}
.tw-main .sp\:w-\[4rem\]{
width: 4rem;
}
.tw-main .sp\:w-\[55\.5rem\]{
width: 55.5rem;
}
.tw-main .sp\:w-\[59rem\]{
width: 59rem;
}
.tw-main .sp\:w-\[7\.2rem\]{
width: 7.2rem;
}
.tw-main .sp\:w-\[7\.4rem\]{
width: 7.4rem;
}
.tw-main .sp\:w-\[calc\(100\%-6rem\)\]{
width: calc(100% - 6rem);
}
.tw-main .sp\:w-full{
width: 100%;
}
.tw-main .sp\:max-w-\[59rem\]{
max-width: 59rem;
}
.tw-main .sp\:max-w-none{
max-width: none;
}
.tw-main .sp\:origin-bottom-right{
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
.tw-main .sp\:-translate-y-1\/2{
--tw-translate-y: -50%;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .sp\:translate-x-0{
--tw-translate-x: 0px;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .sp\:-rotate-90{
--tw-rotate: -90deg;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .sp\:grid-cols-1{
-ms-grid-columns: (minmax(0, 1fr))[1];
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-main .sp\:flex-col{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tw-main .sp\:flex-col-reverse{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.tw-main .sp\:flex-wrap{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tw-main .sp\:items-start{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tw-main .sp\:items-center{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tw-main .sp\:justify-end{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.tw-main .sp\:justify-between{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tw-main .sp\:gap-0{
gap: 0px;
}
.tw-main .sp\:gap-\[0\.5rem\]{
gap: 0.5rem;
}
.tw-main .sp\:gap-\[0\.6rem\]{
gap: 0.6rem;
}
.tw-main .sp\:gap-\[1\.1rem\]{
gap: 1.1rem;
}
.tw-main .sp\:gap-\[1\.2rem\]{
gap: 1.2rem;
}
.tw-main .sp\:gap-\[1\.4rem\]{
gap: 1.4rem;
}
.tw-main .sp\:gap-\[2rem\]{
gap: 2rem;
}
.tw-main .sp\:gap-\[3rem\]{
gap: 3rem;
}
.tw-main .sp\:gap-\[4rem\]{
gap: 4rem;
}
.tw-main .sp\:gap-\[6rem\]{
gap: 6rem;
}
.tw-main .sp\:overflow-y-scroll{
overflow-y: scroll;
}
.tw-main .sp\:whitespace-nowrap{
white-space: nowrap;
}
.tw-main .sp\:border-b{
border-bottom-width: 1px;
}
.tw-main .sp\:border-solid{
border-style: solid;
}
.tw-main .sp\:border-b-\[\#D1D1D1\]{
--tw-border-opacity: 1;
border-bottom-color: rgb(209 209 209 / var(--tw-border-opacity, 1));
}
.tw-main .sp\:bg-font{
--tw-bg-opacity: 1;
background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.tw-main .sp\:bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-main .sp\:p-\[2rem\]{
padding: 2rem;
}
.tw-main .sp\:p-\[3rem\]{
padding: 3rem;
}
.tw-main .sp\:px-\[1\.2rem\]{
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.tw-main .sp\:px-\[2\.4rem\]{
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.tw-main .sp\:px-\[2\.5rem\]{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.tw-main .sp\:px-\[2rem\]{
padding-left: 2rem;
padding-right: 2rem;
}
.tw-main .sp\:px-\[3rem\]{
padding-left: 3rem;
padding-right: 3rem;
}
.tw-main .sp\:py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.tw-main .sp\:py-\[2rem\]{
padding-top: 2rem;
padding-bottom: 2rem;
}
.tw-main .sp\:py-\[3rem\]{
padding-top: 3rem;
padding-bottom: 3rem;
}
.tw-main .sp\:py-\[6rem\]{
padding-top: 6rem;
padding-bottom: 6rem;
}
.tw-main .sp\:pb-\[2rem\]{
padding-bottom: 2rem;
}
.tw-main .sp\:pb-\[4\.5rem\]{
padding-bottom: 4.5rem;
}
.tw-main .sp\:pb-\[4rem\]{
padding-bottom: 4rem;
}
.tw-main .sp\:pb-\[5rem\]{
padding-bottom: 5rem;
}
.tw-main .sp\:pb-\[7rem\]{
padding-bottom: 7rem;
}
.tw-main .sp\:pb-\[8rem\]{
padding-bottom: 8rem;
}
.tw-main .sp\:pb-\[9\.5rem\]{
padding-bottom: 9.5rem;
}
.tw-main .sp\:pl-\[5rem\]{
padding-left: 5rem;
}
.tw-main .sp\:pt-\[11rem\]{
padding-top: 11rem;
}
.tw-main .sp\:pt-\[16rem\]{
padding-top: 16rem;
}
.tw-main .sp\:pt-\[21rem\]{
padding-top: 21rem;
}
.tw-main .sp\:pt-\[3rem\]{
padding-top: 3rem;
}
.tw-main .sp\:pt-\[5rem\]{
padding-top: 5rem;
}
.tw-main .sp\:pt-\[6rem\]{
padding-top: 6rem;
}
.tw-main .sp\:text-center{
text-align: center;
}
.tw-main .sp\:text-\[1\.2rem\]{
font-size: 1.2rem;
}
.tw-main .sp\:text-\[1\.3rem\]{
font-size: 1.3rem;
}
.tw-main .sp\:text-\[1\.4rem\]{
font-size: 1.4rem;
}
.tw-main .sp\:text-\[1\.5rem\]{
font-size: 1.5rem;
}
.tw-main .sp\:text-\[1\.6rem\]{
font-size: 1.6rem;
}
.tw-main .sp\:text-\[1\.7rem\]{
font-size: 1.7rem;
}
.tw-main .sp\:text-\[1\.8rem\]{
font-size: 1.8rem;
}
.tw-main .sp\:text-\[2\.2rem\]{
font-size: 2.2rem;
}
.tw-main .sp\:text-\[2\.8rem\]{
font-size: 2.8rem;
}
.tw-main .sp\:text-\[2rem\]{
font-size: 2rem;
}
.tw-main .sp\:text-\[3\.4rem\]{
font-size: 3.4rem;
}
.tw-main .sp\:text-\[4\.8rem\]{
font-size: 4.8rem;
}
.tw-main .sp\:text-\[5\.4rem\]{
font-size: 5.4rem;
}
.tw-main .sp\:text-\[5rem\]{
font-size: 5rem;
}
.tw-main .sp\:leading-\[2\]{
line-height: 2;
}
.tw-main .sp\:tracking-\[0\]{
letter-spacing: 0;
}
.tw-main .sp\:text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-main :is(.sp\:\[\&_svg\]\:w-\[0\.9rem\] svg){
width: 0.9rem;
}
.tw-main :is(.sp\:\[\&_svg\]\:w-\[1\.1rem\] svg){
width: 1.1rem;
}
}
@media (min-width: 768px){
.tw-main .pc\:top-1\/2{
top: 50%;
}
.tw-main .pc\:mr-\[1\.6rem\]{
margin-right: 1.6rem;
}
.tw-main .pc\:flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tw-main .pc\:hidden{
display: none;
}
.tw-main .pc\:w-\[53rem\]{
width: 53rem;
}
.tw-main .pc\:w-\[75\%\]{
width: 75%;
}
.tw-main .pc\:flex-grow{
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tw-main .pc\:-translate-y-1\/2{
--tw-translate-y: -50%;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-main .pc\:grid-cols-2{
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw-main .pc\:justify-between{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tw-main .pc\:gap-x-\[5rem\]{
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.tw-main .pc\:pt-\[0\.5rem\]{
padding-top: 0.5rem;
}
}