@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @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=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.2s; transition: opacity 0.2s; } .js-inview-eachItem[data-inview=fade].is-inview { opacity: 1; } .js-inview-eachItem[data-inview=fade-02] { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .js-inview-eachItem[data-inview=fade-02].is-inview { opacity: 1; } .js-inview-eachItem[data-inview=fade-top] { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 1s; transition: opacity 0.2s, -webkit-transform 1s; transition: opacity 0.2s, transform 1s; transition: opacity 0.2s, transform 1s, -webkit-transform 1s; -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-top-02] { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 1s; transition: opacity 0.2s, -webkit-transform 1s; transition: opacity 0.2s, transform 1s; transition: opacity 0.2s, transform 1s, -webkit-transform 1s; -webkit-transform: translateY(100px); transform: translateY(100px); } .js-inview-eachItem[data-inview=fade-top-02].is-inview { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .js-inview-eachItem[data-inview=fade-top-06] { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 1s; transition: opacity 0.2s, -webkit-transform 1s; transition: opacity 0.2s, transform 1s; transition: opacity 0.2s, transform 1s, -webkit-transform 1s; -webkit-transform: translateY(-80px); transform: translateY(-80px); } .js-inview-eachItem[data-inview=fade-top-06].is-inview { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .js-inview-eachItem[data-inview=fade-top-07] { opacity: 0; -webkit-transition: opacity 0.1s, -webkit-transform 0.3s; transition: opacity 0.1s, -webkit-transform 0.3s; transition: opacity 0.1s, transform 0.3s; transition: opacity 0.1s, transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(-30px); transform: translateY(-30px); } .js-inview-eachItem[data-inview=fade-top-07].is-inview { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .js-inview-eachItem[data-inview=fade-bottom] { opacity: 0; z-index: -1; -webkit-transition: opacity 0.2s, -webkit-transform 3s; transition: opacity 0.2s, -webkit-transform 3s; transition: opacity 0.2s, transform 3s; transition: opacity 0.2s, transform 3s, -webkit-transform 3s; -webkit-transform: translateY(0px); transform: translateY(0px); } .js-inview-eachItem[data-inview=fade-bottom].is-inview { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); z-index: 1s; } .js-inview-eachItem[data-inview=fade-bottom-03] { opacity: 0; -webkit-transition: opacity 0.9s, -webkit-transform 0.5s; transition: opacity 0.9s, -webkit-transform 0.5s; transition: opacity 0.9s, transform 0.5s; transition: opacity 0.9s, transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translateY(10px); transform: translateY(10px); z-index: -3; } .js-inview-eachItem[data-inview=fade-bottom-03].is-inview { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); z-index: 10; } .js-inview-eachItem[data-inview=fade-bottom-04] { opacity: 0; -webkit-transition: opacity 0.1s, -webkit-transform 0.5s; transition: opacity 0.1s, -webkit-transform 0.5s; transition: opacity 0.1s, transform 0.5s; transition: opacity 0.1s, transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translateY(150px); transform: translateY(150px); } .js-inview-eachItem[data-inview=fade-bottom-04].is-inview { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .js-inview-eachItem[data-inview=fade-right] { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.8s; transition: opacity 0.2s, -webkit-transform 0.8s; transition: opacity 0.2s, transform 0.8s; transition: opacity 0.2s, 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=fade-right-02] { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.5s; transition: opacity 0.2s, -webkit-transform 0.5s; transition: opacity 0.2s, transform 0.5s; transition: opacity 0.2s, transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translateX(100px); transform: translateX(100px); } .js-inview-eachItem[data-inview=fade-right-02].is-inview { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .js-inview-eachItem[data-inview=fade-right-03] { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.7s; transition: opacity 0.2s, -webkit-transform 0.7s; transition: opacity 0.2s, transform 0.7s; transition: opacity 0.2s, transform 0.7s, -webkit-transform 0.7s; -webkit-transform: translateX(100px); transform: translateX(100px); } .js-inview-eachItem[data-inview=fade-right-03].is-inview { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .js-inview-eachItem[data-inview=fade-right-06] { opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.8s; transition: opacity 0.3s, -webkit-transform 0.8s; transition: opacity 0.3s, transform 0.8s; transition: opacity 0.3s, transform 0.8s, -webkit-transform 0.8s; -webkit-transform: translateX(80px); transform: translateX(80px); } .js-inview-eachItem[data-inview=fade-right-06].is-inview { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .js-inview-eachItem[data-inview=fade-right-08] { opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.8s; transition: opacity 0.3s, -webkit-transform 0.8s; transition: opacity 0.3s, transform 0.8s; transition: opacity 0.3s, transform 0.8s, -webkit-transform 0.8s; -webkit-transform: translateX(80px); transform: translateX(80px); } .js-inview-eachItem[data-inview=fade-right-08].is-inview { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .js-inview-eachItem[data-inview=fade-left-02] { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.5s; transition: opacity 0.2s, -webkit-transform 0.5s; transition: opacity 0.2s, transform 0.5s; transition: opacity 0.2s, transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translateX(-100px); transform: translateX(-100px); } .js-inview-eachItem[data-inview=fade-left-02].is-inview { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .js-inview-eachItem[data-inview=fade-left-03] { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.7s; transition: opacity 0.2s, -webkit-transform 0.7s; transition: opacity 0.2s, transform 0.7s; transition: opacity 0.2s, transform 0.7s, -webkit-transform 0.7s; -webkit-transform: translateX(-100px); transform: translateX(-100px); } .js-inview-eachItem[data-inview=fade-left-03].is-inview { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .js-inview-eachItem[data-inview=fade-left-05] { opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.9s; transition: opacity 0.7s, -webkit-transform 0.9s; transition: opacity 0.7s, transform 0.9s; transition: opacity 0.7s, transform 0.9s, -webkit-transform 0.9s; -webkit-transform: translateX(-80px); transform: translateX(-80px); } .js-inview-eachItem[data-inview=fade-left-05].is-inview { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .js-inview-eachItem[data-inview=fade-left-07] { opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.9s; transition: opacity 0.7s, -webkit-transform 0.9s; transition: opacity 0.7s, transform 0.9s; transition: opacity 0.7s, transform 0.9s, -webkit-transform 0.9s; -webkit-transform: translateX(-80px); transform: translateX(-80px); } .js-inview-eachItem[data-inview=fade-left-07].is-inview { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .js-inview-eachItem[data-inview=fade-left-08] { opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.9s; transition: opacity 0.7s, -webkit-transform 0.9s; transition: opacity 0.7s, transform 0.9s; transition: opacity 0.7s, transform 0.9s, -webkit-transform 0.9s; -webkit-transform: translateX(-80px); transform: translateX(-80px); } .js-inview-eachItem[data-inview=fade-left-08].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); } /** * Custom media queries * @example * @media (--mobile) { * styles for mobile viewport * } */ /** * for mobile viewoport */ /** * text ellipsis for block multiline */ /* unsupport IE, Edge, Fx @mixin text-ellipsis-block($rows) { display: box; box-orient: vertical; line-clamp: $rows; overflow: hidden; } */ /* == @import "../node_modules/normalize.css/normalize.css"; */ 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_txt); } 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%; } *, ::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: ; } /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ -webkit-font-feature-settings: normal; font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ -webkit-font-feature-settings: normal; font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ -webkit-font-feature-settings: inherit; font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ 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; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .container{ width: 100%; } .visible{ visibility: visible; } .collapse{ visibility: collapse; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: -webkit-sticky; position: sticky; } .bottom-\[7\.5rem\]{ bottom: 7.5rem; } .left-0{ left: 0px; } .right-\[4\.8rem\]{ right: 4.8rem; } .top-0{ top: 0px; } .top-\[15rem\]{ top: 15rem; } .z-\[3\]{ z-index: 3; } .z-\[9999\]{ z-index: 9999; } .ml-\[1rem\]{ margin-left: 1rem; } .mt-\[2rem\]{ margin-top: 2rem; } .block{ display: block; } .flex{ display: -webkit-box; display: -ms-flexbox; display: flex; } .inline-flex{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .table{ display: table; } .grid{ display: -ms-grid; display: grid; } .list-item{ display: list-item; } .hidden{ display: none; } .h-\[1\.8rem\]{ height: 1.8rem; } .h-\[100svh\]{ height: 100svh; } .h-\[12rem\]{ height: 12rem; } .h-\[20rem\]{ height: 20rem; } .h-full{ height: 100%; } .w-\[1px\]{ width: 1px; } .w-full{ width: 100%; } .max-w-max{ max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .flex-shrink{ -ms-flex-negative: 1; flex-shrink: 1; } .flex-shrink-0{ -ms-flex-negative: 0; flex-shrink: 0; } .border-collapse{ border-collapse: collapse; } .-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)); } .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)); } .grid-cols-\[auto_auto\]{ -ms-grid-columns: auto auto; grid-template-columns: auto auto; } .flex-col{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .items-start{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .items-center{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .justify-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-between{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gap-\[\.3rem\]{ gap: .3rem; } .gap-\[1rem\]{ gap: 1rem; } .gap-x-\[2rem\]{ -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .gap-y-\[1rem\]{ row-gap: 1rem; } .border{ border-width: 1px; } .bg-\[\#FFFFFF66\]{ background-color: #FFFFFF66; } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .py-\[1rem\]{ padding-top: 1rem; padding-bottom: 1rem; } .pb-\[3rem\]{ padding-bottom: 3rem; } .pt-\[5rem\]{ padding-top: 5rem; } .text-center{ text-align: center; } .text-\[1\.2rem\]{ font-size: 1.2rem; } .text-\[1\.4rem\]{ font-size: 1.4rem; } .underline{ -webkit-text-decoration-line: underline; text-decoration-line: underline; } .outline{ outline-style: solid; } .invert{ --tw-invert: invert(100%); -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .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; } .l-footer { margin-top: 9.6rem; } .l-footer .s-contact { width: 100%; height: auto; padding-bottom: 6rem; } .l-footer .s-contact__content-container { max-width: 130rem; width: 100%; height: auto; margin-inline: auto; position: relative; } .l-footer .s-contact__content-bg-text { width: 45rem; height: auto; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .l-footer .s-contact__content-inner { width: 100%; height: auto; } .l-footer .s-contact__content-btn { max-width: 115.5rem; width: 100%; height: auto; margin-inline: auto; 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; background-color: #A341A3; -webkit-box-shadow: 0 0.1rem 0.4rem 0 rgba(20, 20, 20, 0.2); box-shadow: 0 0.1rem 0.4rem 0 rgba(20, 20, 20, 0.2); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .l-footer .s-contact__content-btn a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding-inline: 6rem; padding-block: 5rem 4.3rem; } .l-footer .s-contact__content-btn a .contact-btn-title { margin-top: 3.4rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 0.5rem; } .l-footer .s-contact__content-btn a .contact-btn-title-main { font-family: "Noto Sans JP", sans-serif; font-size: 2.4rem; font-weight: 700; color: #fff; line-height: 1.3; letter-spacing: 0.1em; } .l-footer .s-contact__content-btn a .contact-btn-title-main .emphasized-text-color { color: #A341A3; } .l-footer .s-contact__content-btn a .contact-btn-title-description { font-family: "Noto Sans JP", sans-serif; font-size: 1.8rem; font-weight: 900; color: rgba(255, 255, 255, 0.6); letter-spacing: 0; } .l-footer .s-contact__content-btn .contact-btn { width: 100%; height: auto; margin-top: 2.9rem; 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; } .l-footer .s-contact__content-btn .contact-btn-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 2rem; width: 28rem; height: 6.6rem; padding-left: 2.5rem; background-color: #222; border-radius: 10rem; overflow: hidden; } .l-footer .s-contact__content-btn .contact-btn-inner .c-circle-btn__text { color: #fff; position: relative; display: inline-block; height: 1.5em; overflow: hidden; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.15em; } .l-footer .s-contact__content-btn .contact-btn-inner .c-circle-btn__text span { display: block; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; white-space: nowrap; } .l-footer .s-contact__content-btn .contact-btn-inner .c-circle-btn__text span:first-child { -webkit-transform: translateY(0); transform: translateY(0); } .l-footer .s-contact__content-btn .contact-btn-inner .c-circle-btn__text span:last-child { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(120%); transform: translateY(120%); } .l-footer .s-contact__content-btn .contact-btn-inner .cnv-btn-arrow { position: relative; width: 5.5rem; height: 5.5rem; 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; overflow: hidden; } .l-footer .s-contact__content-btn .contact-btn-inner .cnv-btn-arrow span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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; -webkit-transition: -webkit-transform 0.35s ease; transition: -webkit-transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; } .l-footer .s-contact__content-btn .contact-btn-inner .cnv-btn-arrow span:first-child { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .l-footer .s-contact__content-btn .contact-btn-inner .cnv-btn-arrow span:last-child { -webkit-transform: translate(-80%, 80%); transform: translate(-80%, 80%); } .l-footer .s-contact__content-btn .contact-btn-inner .cnv-btn-arrow span img { width: 1.5rem; height: 1.5rem; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .l-footer__content-container { max-width: 128rem; width: 100%; height: 21rem; margin-inline: auto; } .l-footer__content-inner { height: 100%; margin-inline: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .l-footer__content-inner .company-info-container { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 3.3rem; } .l-footer__content-inner .company-info-logo { width: 26rem; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .l-footer__content-inner .company-info-logo:hover { opacity: 0.7; } .l-footer__content-inner .company-info-logo .logo { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .l-footer__content-inner .company-info-address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-footer__content-inner .company-info-address p { font-size: 1.4rem; font-weight: 500; letter-spacing: 0.05em; } .l-footer__content-inner .company-info-address .google-map-container { width: 11.5rem; height: auto; -o-object-fit: contain; object-fit: contain; margin-top: 0.5rem; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .l-footer__content-inner .company-info-address .google-map-container:hover { opacity: 0.7; } .l-footer__content-inner .company-info-address .company-info-phone { font-size: 1.4rem; font-weight: 500; margin-top: 0.5rem; letter-spacing: 0.05em; } .l-footer__content-inner .company-info-links-container { margin-top: 2rem; max-width: 79.5rem; width: auto; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 0; } .l-footer__content-inner .company-info-links-container .company-info-links-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4rem; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul { width: 47rem; height: 100%; display: -ms-grid; display: grid; -ms-grid-columns: auto 0 auto 0 auto 0 auto; grid-template-columns: repeat(4, auto); grid-column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; grid-row-gap: 1.5rem; row-gap: 1.5rem; -ms-grid-rows: auto 1.5rem auto 1.5rem auto; grid-template-areas: "a b c d" "e f g h" "i j k l"; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li { padding-left: 1.5rem; position: relative; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; list-style: none; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:hover { opacity: 0.8; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:before { content: ""; display: block; width: 0.7rem; height: 0.7rem; background-color: #A341A3; border-radius: 50%; position: absolute; left: 0; top: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(1) { grid-area: a, e, i; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: b; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(3) { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: f; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(4) { -ms-grid-row: 5; -ms-grid-column: 3; grid-area: j; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: c; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(6) { -ms-grid-row: 3; -ms-grid-column: 5; grid-area: g; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(7) { -ms-grid-row: 5; -ms-grid-column: 5; grid-area: k; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(8) { -ms-grid-row: 1; -ms-grid-column: 7; grid-area: d; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(9) { -ms-grid-row: 3; -ms-grid-column: 7; grid-area: h; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li .company-info-links-list-sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 0.5rem; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li .company-info-links-list-sub li { position: relative; padding-left: 1rem; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; list-style: none; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li .company-info-links-list-sub li:before { content: ""; display: block; width: 0.5rem; height: 0.1rem; background-color: #222; position: absolute; left: 0; top: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li .company-info-links-list-sub li:hover { opacity: 0.8; } .l-footer__content-inner .company-info-links-container .company-info-links-unique { width: 38.4rem; height: auto; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .l-footer__content-inner .company-info-links-container .company-info-links-unique:hover { -webkit-transform: scale(1.01); transform: scale(1.01); opacity: 0.8; } .l-footer__copyright { background-color: #222; width: 100%; color: #fff; 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; } .l-footer__copyright-inner { padding: 1.1rem 0; max-width: 128rem; width: 100%; height: auto; margin-inline: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .l-footer__copyright-inner .l-footer__copyright-text { font-size: 1.3rem; font-weight: 500; letter-spacing: 0.05em; } .l-footer__copyright-inner .l-footer__copyright-privacy-policy { font-size: 1.3rem; font-weight: 500; letter-spacing: 0.05em; } header.is-scrolled { display: block; background-color: #fff; } header.is-scrolled .l-header__content-container { padding-block: 1rem; } header.is-scrolled .l-header__content-container .header-logo-container .logo { -webkit-filter: brightness(1) invert(0) !important; filter: brightness(1) invert(0) !important; } @supports not (filter: brightness(0)) { header.is-scrolled .l-header__content-container .header-logo-container .logo img { opacity: 1 !important; } header.is-scrolled .l-header__content-container .header-logo-container .logo::before { display: none; } } header.is-scrolled .l-header__content-container .header-logo-container .logo img { -webkit-filter: brightness(1) invert(0) !important; filter: brightness(1) invert(0) !important; } header.is-scrolled .l-header__content-container .header-nav-container__list a { color: #222; } header.is-scrolled .l-header__content-container .hamburger-menu-btn-container span { background-color: #A341A3; } header { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .l-header { position: fixed; top: 0; left: 0; right: 0; z-index: 7000; } .l-header__content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.5rem 3rem 1.5rem 4.5rem; } .l-header__content-container .header-logo-container { width: 25rem; } .l-header__content-container .header-logo-container .logo { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; position: relative; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } @supports not (filter: brightness(0)) { .l-header__content-container .header-logo-container .logo img { opacity: 0; } .l-header__content-container .header-logo-container .logo::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; mask-image: url("../images/top/header-logo.svg"); -webkit-mask-image: url("../images/top/header-logo.svg"); mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; } } .l-header__content-container .header-logo-container .logo img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .l-header__content-container .header-nav-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .l-header__content-container .header-nav-container__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; gap: 2.6rem; margin-right: 3rem; } .l-header__content-container .header-nav-container__list-item { position: relative; color: #fff; padding-left: 0.9rem; font-size: 1.6rem; font-weight: 700; } .l-header__content-container .header-nav-container__list-item a { max-height: 1em; overflow: hidden; } .l-header__content-container .header-nav-container__list-item a::before { content: ""; position: absolute; top: 50%; left: -0.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.6rem; height: 0.6rem; border-radius: 9999px; background-color: #A341A3; } .l-header__content-container .header-nav-container__list-item a .items-wrap { position: relative; display: inline-block; height: 1.5em; overflow: hidden; } .l-header__content-container .header-nav-container__list-item a .items-wrap span { display: block; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; white-space: nowrap; } .l-header__content-container .header-nav-container__list-item a .items-wrap span:first-child { -webkit-transform: translateY(0); transform: translateY(0); } .l-header__content-container .header-nav-container__list-item a .items-wrap span:last-child { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); } .l-header__content-container .header-nav-container__list-item a:hover .items-wrap span:first-child { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .l-header__content-container .header-nav-container__list-item a:hover .items-wrap span:last-child { -webkit-transform: translateY(0); transform: translateY(0); } .l-header__content-container .header-nav-container__contact-btn { position: relative; width: auto; height: 100%; border-radius: 9999px; background-color: #A341A3; overflow: hidden; } .l-header__content-container .header-nav-container__contact-btn::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(20%); transform: translateX(-50%) translateY(20%); width: 25rem; height: 30rem; background-color: #000; border-radius: 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .l-header__content-container .header-nav-container__contact-btn:hover::before { -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .l-header__content-container .header-nav-container__contact-btn .btn-link { height: 100%; position: relative; z-index: 1; 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; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 0.8rem 3rem 0.8rem 0.8rem; gap: 1.5rem; color: #fff; } .l-header__content-container .header-nav-container__contact-btn .btn-link__icon { 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; padding: 0.8rem; border-radius: 9999px; background-color: #fff; overflow: hidden; width: 3.6rem; height: 3.6rem; } .l-header__content-container .header-nav-container__contact-btn .btn-link__icon span { position: absolute; 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: 100%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .l-header__content-container .header-nav-container__contact-btn .btn-link__icon span:first-child { -webkit-transform: translateY(0); transform: translateY(0); } .l-header__content-container .header-nav-container__contact-btn .btn-link__icon span:last-child { -webkit-filter: brightness(0); filter: brightness(0); -webkit-transform: translateY(100%); transform: translateY(100%); } .l-header__content-container .header-nav-container__contact-btn .btn-link__icon span img { width: 2rem; height: 2rem; -o-object-fit: contain; object-fit: contain; } .l-header__content-container .header-nav-container__contact-btn .btn-link p { position: relative; display: inline-block; height: 100%; overflow: hidden; font-size: 1.6rem; font-weight: 500; letter-spacing: 0.03em; } .l-header__content-container .header-nav-container__contact-btn .btn-link p span { display: block; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; white-space: nowrap; } .l-header__content-container .header-nav-container__contact-btn .btn-link p span:first-child { -webkit-transform: translateY(0); transform: translateY(0); } .l-header__content-container .header-nav-container__contact-btn .btn-link p span:last-child { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); } .l-header__content-container .header-nav-container__contact-btn .btn-link:hover p span:first-child { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .l-header__content-container .header-nav-container__contact-btn .btn-link:hover p span:last-child { -webkit-transform: translateY(0); transform: translateY(0); } .l-header__content-container .header-nav-container__contact-btn .btn-link:hover .btn-link__icon span:first-child { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .l-header__content-container .header-nav-container__contact-btn .btn-link:hover .btn-link__icon span:last-child { -webkit-transform: translateY(0); transform: translateY(0); -webkit-filter: brightness(0); filter: brightness(0); } .l-header__content-container .hamburger-menu-btn-container { display: none; } .l-header .hamburger-menu-content { display: none; } header.sub-page { visibility: visible; pointer-events: auto; } [id^=c-anchor] { margin-top: -13rem; padding-top: 13rem; pointer-events: none; } [id^=c-anchor] > * { pointer-events: auto; } .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; } /* ---------------------------------------------------------------------- Contactform - お問い合わせフォーム ---------------------------------------------------------------------- */ .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 .btn-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 3rem; } .wpcf7 .submit-btn { margin-top: 5rem; cursor: pointer; } .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 .prev-btn { margin-top: 3rem; margin-bottom: 3rem; cursor: pointer; } .wpcf7 .prev-btn > p { margin-bottom: 0 !important; text-align: center; } .wpcf7 .prev-btn .wpcf7-previous { 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 .prev-btn .wpcf7-previous::before, .wpcf7 .prev-btn .wpcf7-previous::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .wpcf7 .prev-btn .wpcf7-previous:hover { background-color: #666; } .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 .wpcf7-checkbox [type=checkbox], .wpcf7 .wpcf7-checkbox [type=radio], .wpcf7 .wpcf7-radio [type=checkbox], .wpcf7 .wpcf7-radio [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 .wpcf7-checkbox [type=checkbox]::after, .wpcf7 .wpcf7-checkbox [type=checkbox]::before, .wpcf7 .wpcf7-checkbox [type=radio]::after, .wpcf7 .wpcf7-checkbox [type=radio]::before, .wpcf7 .wpcf7-radio [type=checkbox]::after, .wpcf7 .wpcf7-radio [type=checkbox]::before, .wpcf7 .wpcf7-radio [type=radio]::after, .wpcf7 .wpcf7-radio [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 .wpcf7-checkbox [type=checkbox]::before, .wpcf7 .wpcf7-checkbox [type=radio]::before, .wpcf7 .wpcf7-radio [type=checkbox]::before, .wpcf7 .wpcf7-radio [type=radio]::before { left: 50%; width: 1.2rem; height: 1.2rem; background: url(../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 .wpcf7-checkbox [type=checkbox]:checked::before, .wpcf7 .wpcf7-checkbox [type=radio]:checked::before, .wpcf7 .wpcf7-radio [type=checkbox]:checked::before, .wpcf7 .wpcf7-radio [type=radio]:checked::before { opacity: 1; } .wpcf7 .wpcf7-checkbox .wpcf7-list-item, .wpcf7 .wpcf7-radio .wpcf7-list-item { cursor: pointer !important; } .wpcf7 .wpcf7-checkbox .wpcf7-list-item label, .wpcf7 .wpcf7-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 .wpcf7-radio [type=radio]::after, .wpcf7 .wpcf7-radio [type=radio]::before { border-radius: 9999px; } .wpcf7 .wpcf7-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 .wpcf7-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-hover-opacity { -webkit-transition: 0.3s opacity; transition: 0.3s opacity; } .c-hover-opacity:hover { opacity: 0.7; } .c-inner { padding: var(--c_inner_pc) !important; } .c-pc-inner { padding: var(--c_inner_pc) !important; } .c-sp-inner { padding: 0 !important; } .loading-img-anime { opacity: 0; -webkit-transform: translateY(3rem); transform: translateY(3rem); -webkit-animation: loading-svg 1s forwards ease; animation: loading-svg 1s forwards ease; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes loading-svg { 0% { opacity: 0; -webkit-transform: translateY(3rem); transform: translateY(3rem); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes loading-svg { 0% { opacity: 0; -webkit-transform: translateY(3rem); transform: translateY(3rem); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .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; /* c-mv block styles */ padding: 4rem 0; } .c-mv-patternG__inner, .c-mv-patternH__inner { width: 100%; } .c-mv-patternG__content, .c-mv-patternH__content { /* c-mv content element styles */ 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 { /* c-mv header element styles */ font-size: var(--fs_mv_pc); } .c-mv-patternG__title, .c-mv-patternH__title { /* c-mv title element styles */ } .c-mv-patternG__subtitle, .c-mv-patternH__subtitle { /* c-mv subtitle element styles */ font-size: 0.35em; } .c-mv-patternG__separator, .c-mv-patternH__separator { display: block; -ms-flex-negative: 0; flex-shrink: 0; /* c-mv separator element styles */ width: 2px; height: 100%; background: #e8e8e8; border: none; } .c-mv-patternG__text, .c-mv-patternH__text { /* c-mv text element styles */ 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-profile-container { width: 100%; max-width: 110rem; margin-inline: auto; } .c-profile-container:not(:first-child) { margin-top: 6.5rem; padding-top: 7rem; border-top: 2px solid #A341A3; } .c-profile-container .profile-inner { display: -ms-grid; display: grid; -ms-grid-columns: 36rem 1fr; grid-template-columns: 36rem 1fr; -ms-grid-rows: 1.5fr 2fr; grid-template-rows: 1.5fr 2fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; grid-column-gap: 5rem; -webkit-column-gap: 5rem; -moz-column-gap: 5rem; column-gap: 5rem; } .c-profile-container .profile-image { width: 100%; height: 24rem; -o-object-fit: contain; object-fit: contain; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; } .c-profile-container .profile-content-inner { width: 100%; height: 100%; } .c-profile-container .profile-name { font-size: 2.4rem; font-weight: 700; letter-spacing: 0; line-height: 1; color: #222; } .c-profile-container .profile-sub-information { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.5rem; font-size: 1.6rem; font-weight: 500; letter-spacing: 0; color: #6C6C6C; padding-top: 2rem; } .c-profile-container .profile-sub-information .profile-sub-information-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 0.5rem; } .c-profile-container .profile-catchcopy { height: 100%; color: #A341A3; font-size: 3.8rem; font-weight: 900; letter-spacing: 0.1em; line-height: 1.35; } .c-profile-container .sub-section-title-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; margin-top: 4rem; } .c-profile-container .sub-section-title-container .title-line { width: 60rem; height: 1px; background-color: #222; } .c-profile-container .sub-section-title-container .title-line:first-child { width: 2.5rem; } .c-profile-container .sub-section-title-container .sub-section-title-wrap { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 1.3rem; } .c-profile-container .sub-section-title-container .sub-section-title-wrap .sub-section-title { width: 33.6rem; height: auto; } .c-profile-container .sub-section-title-container .sub-section-title-wrap .sub-section-title img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .c-profile-container .sub-section-title-container .sub-section-title-wrap .sub-section-title-jp { font-size: 1.8rem; white-space: nowrap; font-weight: 900; letter-spacing: 0.01em; } .c-profile-container .job-description-container { padding-inline: 2rem 1.5rem; } .c-profile-container .job-description-item-container { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-row-gap: 1.2rem; row-gap: 1.2rem; grid-column-gap: 4rem; -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; margin-top: 1.2rem; } .c-profile-container .job-description-item .job-description-title { padding-left: 2rem; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.05em; position: relative; } .c-profile-container .job-description-item .job-description-title::before { content: ""; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.3rem; height: 1.3rem; border-radius: 9999px; background-color: #A341A3; } .c-profile-container .job-description-item .job-description-content { color: #222; font-size: 1.4rem; letter-spacing: 0.06em; font-weight: 500; } .c-profile-container .job-message-container .sub-section-title-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; margin-top: 3.2rem; overflow: hidden; } .c-profile-container .job-message-container .sub-section-title-container .title-line { min-width: 75rem; height: 1px; background-color: #222; } .c-profile-container .job-message-container .sub-section-title-container .title-line:first-child { min-width: 2.5rem; } .c-profile-container .job-message-container .sub-section-title-container .sub-section-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 1.6rem; } .c-profile-container .job-message-container .sub-section-title-container .sub-section-title-wrap .sub-section-title { width: 18rem; height: 100%; } .c-profile-container .job-message-container .sub-section-title-container .sub-section-title-wrap .sub-section-title img { width: 100%; -o-object-fit: contain; object-fit: contain; } .c-profile-container .job-message-container .sub-section-title-container .sub-section-title-wrap .sub-section-title-jp { font-size: 1.8rem; white-space: nowrap; font-weight: 900; letter-spacing: 0.09em; } .c-profile-container .job-message-container .profile-message-content { margin-top: 1.3rem; } .c-profile-container .job-message-container .profile-message-content p { font-size: 1.5rem; letter-spacing: 0.06em; font-weight: 500; margin-top: 2.7rem; } .c-profile-container .job-message-container .profile-message-content p:first-child { margin-top: 0; } .c-recruit-flow { width: 100%; max-width: 110rem; padding-top: 5rem; margin-inline: auto; } .c-recruit-flow__wrapper { min-height: 11rem; padding-left: 13rem; counter-increment: step-counter; } .c-recruit-flow__wrapper:last-child .c-recruit-flow__container { border-left: 3px solid transparent; } .c-recruit-flow__container { position: relative; min-height: 11rem; width: 100%; padding-left: 4.2rem; padding-bottom: 5rem; border-left: 6px solid #ECECEC; } .c-recruit-flow__container::before { content: "STEP" counter(step-counter, decimal-leading-zero); position: absolute; left: -13.7rem; top: -2.2rem; font-family: "Noto Sans JP", sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 1.8; letter-spacing: 0.07em; text-align: center; color: #fff; text-shadow: 0 0 1.5px #A341A3, 0 0 1.5px #A341A3, 0 0 1.5px #A341A3, 0 0 1.5px #A341A3; -webkit-box-sizing: border-box; box-sizing: border-box; } .c-recruit-flow__container:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 3rem; height: 1px; background-color: #A341A3; } .c-recruit-flow__title { position: relative; font-size: 2.1rem; font-weight: 700; line-height: 1.3; -webkit-transform: translateY(-1.3rem); transform: translateY(-1.3rem); letter-spacing: 0.06em; color: #222; margin-bottom: 0; } .c-recruit-flow__title::before { content: ""; display: block; position: absolute; left: -5.4rem; top: 1.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.7rem; height: 1.7rem; background-color: #A341A3; border-radius: 9999px; } .c-recruit-flow__information p:first-child { margin-top: 0; } .c-recruit-flow__information p:not(:first-child) { margin-top: 2rem; } .recruit-qa-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 1rem; } .recruit-qa-container .recruit-qa { width: 100%; } .recruit-qa-container .recruit-qa .recruit-qa-trigger-inner { 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; } .recruit-qa-container .recruit-qa .trigger { padding: 2.3rem 3rem; } .recruit-qa-container .recruit-qa .trigger-icon { height: 100%; } .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); } .c-job-description .trigger { overflow-x: hidden; } .c-job-description .trigger > .c-job-description__tabs-wrapper { 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; flex-wrap: nowrap; } .c-job-description .trigger > .c-job-description__tabs-wrapper > .c-job-description__tab-item { min-width: calc(100% / 3.5) !important; width: calc(100% / 3.5) !important; -ms-flex-negative: 0; flex-shrink: 0; padding: 1rem 4rem; text-align: center; cursor: pointer; border: 1px solid #A341A3; -webkit-transition: var(--transition); transition: var(--transition); } .c-job-description .trigger > .c-job-description__tabs-wrapper > .c-job-description__tab-item:nth-child(n+2) { margin-left: -1px; } .c-job-description .trigger > .c-job-description__tabs-wrapper > .c-job-description__tab-item.is-active { color: var(--border_color); pointer-events: none; background: #A341A3; } .c-job-description .trigger > .c-job-description__tabs-wrapper > .c-job-description__tab-item:hover { color: var(--border_color); } .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; } /* ========================================================================== margin ========================================================================== */ .u-m-c { margin-right: auto !important; margin-left: auto !important; } .u-m-r { margin-right: auto !important; margin-left: 0 !important; } /* Top margin */ .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; } /* Right margin */ .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; } /* Bottom margin */ .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; } /* Left margin */ .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-confirm .wpcf7-form p { text-align: start; } .p-confirm .wpcf7-form p label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .p-thanks .wpcf7-form p { text-align: start; } .p-thanks .wpcf7-form p label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .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); } html { scroll-behavior: smooth; scroll-padding-top: 7rem; } /* 20枚・2セット分(20枚+19gap)動かしてからループ＝表示速度はそのまま・更新は50sごと */ @-webkit-keyframes recruit-flow-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(calc(-100% - 15.5rem)); transform: translateX(calc(-100% - 15.5rem)); /* 2セット分 = 10枚+9gap ×2 */ } } @keyframes recruit-flow-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(calc(-100% - 15.5rem)); transform: translateX(calc(-100% - 15.5rem)); /* 2セット分 = 10枚+9gap ×2 */ } } @-webkit-keyframes recruit-flow-right { from { -webkit-transform: translateX(calc(-100% - 15.5rem)); transform: translateX(calc(-100% - 15.5rem)); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes recruit-flow-right { from { -webkit-transform: translateX(calc(-100% - 15.5rem)); transform: translateX(calc(-100% - 15.5rem)); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .p-top { overflow-x: hidden; } .p-top .c-circle-btn { cursor: pointer; } .p-top .c-circle-btn a { 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; gap: 1.7rem; padding-inline: 0.5rem; } .p-top .c-circle-btn a .c-circle-btn__text { position: relative; display: inline-block; height: 1.3em; overflow: hidden; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.1; } .p-top .c-circle-btn a .c-circle-btn__text span { display: block; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; white-space: nowrap; } .p-top .c-circle-btn a .c-circle-btn__text span:first-child { -webkit-transform: translateY(0); transform: translateY(0); } .p-top .c-circle-btn a .c-circle-btn__text span:last-child { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(120%); transform: translateY(120%); } .p-top .c-circle-btn a .cnv-btn-arrow { position: relative; width: 5.6rem; height: 5.6rem; 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; border: 0.1rem solid; border-radius: 9999px; overflow: hidden; } .p-top .c-circle-btn a .cnv-btn-arrow span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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; -webkit-transition: -webkit-transform 0.35s ease; transition: -webkit-transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; } .p-top .c-circle-btn a .cnv-btn-arrow span:first-child { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .p-top .c-circle-btn a .cnv-btn-arrow span:last-child { -webkit-transform: translate(-80%, 80%); transform: translate(-80%, 80%); } .p-top .c-circle-btn a .cnv-btn-arrow span img { width: 2rem; height: auto; } .p-top .c-underline-btn { border-bottom: 0.2rem solid #A341A3; } .p-top .c-underline-btn a { position: relative; 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; gap: 1.5rem; font-weight: 700; letter-spacing: 0.1em; font-size: 1.5rem; padding-block: 1.6rem; } .p-top .c-underline-btn a .c-underline-btn__text { position: relative; display: inline-block; height: 1.5em; overflow: hidden; letter-spacing: inherit; } .p-top .c-underline-btn a .c-underline-btn__text span { display: block; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; white-space: nowrap; } .p-top .c-underline-btn a .c-underline-btn__text span:first-child { -webkit-transform: translateY(0); transform: translateY(0); } .p-top .c-underline-btn a .c-underline-btn__text span:last-child { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(120%); transform: translateY(120%); } .p-top .c-underline-btn a .c-underline-btn__arrow { position: relative; width: 2.4rem; height: 2.4rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .p-top .c-underline-btn a .c-underline-btn__arrow span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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; -webkit-transition: -webkit-transform 0.35s ease; transition: -webkit-transform 0.35s ease; transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; } .p-top .c-underline-btn a .c-underline-btn__arrow span:first-child { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .p-top .c-underline-btn a .c-underline-btn__arrow span:last-child { -webkit-transform: translate(-80%, 80%); transform: translate(-80%, 80%); } .p-top .c-underline-btn a .c-underline-btn__arrow span img { width: 1.9rem; height: auto; } .p-top .sub-title { 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; gap: 2.4rem; margin-bottom: 0; } .p-top .sub-title__big-text { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-size: 3.5rem; letter-spacing: 0.03em; font-weight: 700; font-family: var(--ff_txt); color: #A341A3; margin-left: 0.6rem; } .p-top .sub-title__small-text { position: relative; font-size: 1.7rem; font-weight: 700; letter-spacing: 0; color: #222; padding-left: 1.6rem; } .p-top .sub-title__small-text::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1rem; height: 1rem; background-color: #A341A3; border-radius: 9999px; } .p-top .s-main { width: 100%; height: 100vh; max-height: 85rem; min-height: 50rem; } .p-top .s-main__content-container { position: relative; width: 100%; height: 100%; } .p-top .s-main__content-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .p-top .s-main__content-bg picture { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: -1; } .p-top .s-main__content-bg picture img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .p-top .s-main__content-bg .js-mv-slider { position: relative; width: 100%; height: 100%; } .p-top .s-main__content-bg .js-mv-slider .swiper-wrapper { width: 100%; height: 100%; } .p-top .s-main__content-bg .js-mv-slider .swiper-slide { width: 100%; height: 100%; } .p-top .s-main__content-bg .js-mv-slider .swiper-slide picture, .p-top .s-main__content-bg .js-mv-slider .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; -webkit-transform-origin: center center; transform-origin: center center; will-change: transform; } @-webkit-keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.04); transform: scale(1.04); } } @keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.04); transform: scale(1.04); } } .p-top .s-main__content-bg .zoom-out .swiper-slide-active .swiper-img, .p-top .s-main__content-bg .zoom-out .swiper-slide-duplicate-active .swiper-img, .p-top .s-main__content-bg .zoom-out .swiper-slide-prev .swiper-img { -webkit-animation: zoomUp 7s linear 0s normal both; animation: zoomUp 7s linear 0s normal both; } .p-top .s-main__content-bg .zoom-out .swiper-slide img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .p-top .s-main__main-content-text { z-index: 100; position: absolute; bottom: 5rem; left: 5rem; } .p-top .s-main__main-content-text-title { color: #fff; font-weight: 900; font-size: 6.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; line-height: 0.7; } .p-top .s-main__main-content-text-title .mv-col-text { font-size: 6.2rem; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; line-height: 0.7; margin-right: 1.6rem; } .p-top .s-main__main-content-text-title .mv-big-text { width: 21.5rem; height: auto; -o-object-fit: contain; object-fit: contain; -webkit-transform: translateY(2.5rem); transform: translateY(2.5rem); } .p-top .s-main__main-content-text-title .mv-medium-text { font-size: 10.5rem; } .p-top .s-main__main-content-text-title .text-01 { font-weight: 900; padding-left: 1.3rem; margin-bottom: -1.8rem; } .p-top .s-main__main-content-text-title .text-03 { -webkit-transform: translate(0.3rem, 0.8rem); transform: translate(0.3rem, 0.8rem); } .p-top .s-main__main-content-text-title .text-04 { width: 22rem; height: auto; -o-object-fit: contain; object-fit: contain; } .p-top .s-main__main-content-text-title .text-05 { -webkit-transform: translate(-0.2rem, 0.8rem); transform: translate(-0.2rem, 0.8rem); } .p-top .s-main__main-content-text-title .text-06 { font-size: 7.3rem; -webkit-transform: translate(0.1rem, 0.7rem); transform: translate(0.1rem, 0.7rem); } .p-top .s-main__main-content-text-title .text-07 { font-size: 6.4rem; margin-left: 0.5rem; } .p-top .s-main__main-content-text-subtitle { color: #fff; margin-top: 3.9rem; font-family: var(--ff_txt); font-size: 2.4rem; font-weight: 700; letter-spacing: 0.025em; } .p-top .s-main .scroll-line::after { -webkit-animation: loading infinite 3s; animation: loading infinite 3s; } @-webkit-keyframes loading { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; } 45% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; transform-origin: top; } 46% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom; transform-origin: bottom; } 90% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; } } @keyframes loading { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; } 45% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; transform-origin: top; } 46% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom; transform-origin: bottom; } 90% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; } } .p-top .s-about { width: 100%; } .p-top .s-about__content-container { position: relative; width: 100%; height: 82.9rem; 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; gap: 10rem; } .p-top .s-about__content-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .p-top .s-about__content-bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: -1; } .p-top .s-about__content-bg picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; } .p-top .s-about__content-bg picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .p-top .s-about__content-inner { max-width: 115rem; width: 100%; top: 0; left: 0; height: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 51% auto; grid-template-columns: 51% auto; grid-column-gap: 6rem; -webkit-column-gap: 6rem; -moz-column-gap: 6rem; column-gap: 6rem; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .p-top .s-about__content-inner .s-about__content-title { margin-top: 11.9rem; margin-left: 1.2rem; } .p-top .s-about__content-inner .s-about__content-title h2 { color: #fff; line-height: 1.3; font-size: 7rem; font-weight: 900; white-space: nowrap; letter-spacing: 0.02em; } .p-top .s-about__content-inner .s-about__content-title h2 .big-text { content: ""; display: inline-block; background-image: url("../images/top/about-section-bg-text.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 23.2rem; height: 14rem; -webkit-transform: translateY(1.8rem); transform: translateY(1.8rem); margin-left: 1rem; margin-right: 0.5rem; } .p-top .s-about__content-inner .s-about__content-btn { margin-top: 5.2rem; padding-right: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; color: #fff; } .p-top .s-about__content-inner .s-about__content-text { margin-top: 22.3rem; } .p-top .s-about__content-inner .s-about__content-text .s-about__content-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .p-top .s-about__content-inner .s-about__content-text .s-about__content-description p { margin-top: 3rem; line-height: 2; color: #fff; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.05em; } .p-top .s-about__content-inner .s-about__content-text .s-about__content-description p:first-child { margin-top: 0; } .p-top .s-about__content-bg-text { position: absolute; bottom: 0; left: calc(50% - 72.5rem); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 97.3rem; height: auto; } .p-top .s-about__content-bg-text picture { width: 100%; } .p-top .s-service { width: 100%; margin-top: 11rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-top .s-service__content-container { max-width: 140rem; width: 100%; height: 100%; } .p-top .s-service__content-title { margin-top: 9.6rem; max-width: 60rem; margin-inline: auto 3.5rem; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0; } .p-top .s-service__content-title .sub-title { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } .p-top .s-service__content-title .s-service__main-title { font-size: 5rem; font-weight: 900; line-height: 1.2; letter-spacing: 0.03em; margin-left: 1.3rem; } .p-top .s-service__content-title .s-service__main-title h2 { margin-top: -0.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-top .s-service__content-title .s-service__main-title .emphasized-text-01 { font-size: 6.7rem; margin-right: -2rem; margin-left: -3rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .p-top .s-service__content-title .s-service__main-title .emphasized-text-01-quote { font-size: 4rem; top: 0.5rem; letter-spacing: 0; } .p-top .s-service__content-title .s-service__main-title .emphasized-text-02 { font-size: 6.7rem; margin-inline: 0; } .p-top .s-service__content-title .s-service__main-title .emphasized-text-03 { font-size: 9.2rem; line-height: 1.1; letter-spacing: -0.03em; } .p-top .s-service__content-title .s-service__main-title .text-01 { font-size: 4.7rem; padding-top: 2rem; } .p-top .s-service__content-title .s-service__main-title .text-02 { font-size: 5.7rem; margin-inline: 0; letter-spacing: 0.01em; padding-top: 3rem; padding-left: 0.6rem; } .p-top .s-service__content-title .s-service__main-title .text-03 { margin-inline: -1.5rem; } .p-top .s-service__content-title .s-service__main-title .text-04 { margin-left: -1.8rem; } .p-top .s-service__content-title .s-service__main-title .text-05 { padding-left: 0; } .p-top .s-service__content-title .s-service__main-title .text-06 { margin-left: -0.5rem; line-height: 1.3; } .p-top .s-service__content-description { width: 100%; margin-top: 3.3rem; padding-left: 0.5rem; } .p-top .s-service__content-description p { letter-spacing: 0.05em; font-weight: 500; font-size: 1.5rem; } .p-top .s-service__content-inner { width: 100%; height: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr minmax(auto, 65rem); grid-template-columns: 1fr minmax(auto, 65rem); -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-service__content-img { max-height: 65rem; height: 100%; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .p-top .s-service__content-img img { max-width: 64.5rem; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .p-top .s-service__content-img-container { position: absolute; bottom: 0.5rem; left: -6rem; width: 62rem; height: auto; } .p-top .s-service__content-img-container picture { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .p-top .s-service__content-btn-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 2.8rem; gap: 2.8rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-service__content-btn { margin-top: 4.5rem; margin-right: auto; } .p-top .s-service__content-btn a { color: #A341A3; } .p-top .s-company { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 8.3rem; padding-bottom: 14.1rem; } .p-top .s-company__content-container { max-width: 140rem; width: 100%; height: 100%; } .p-top .s-company__content-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 10.4rem; max-width: 58rem; margin-inline: auto 8rem; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-company__content-title .sub-title { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } .p-top .s-company__content-title .s-company__main-title { font-size: 4.2rem; font-weight: 900; line-height: 1.35; letter-spacing: 0.02em; margin-top: 0.5rem; padding-left: 1rem; text-align: start; width: 100%; height: auto; } .p-top .s-company__content-title .s-company__main-title .emphasized-text { margin-left: -0.4rem; font-size: 7.6rem; letter-spacing: 0.02em; } .p-top .s-company__content-title .s-company__main-title .text-01 { line-height: 0; } .p-top .s-company__content-description { width: 100%; margin-top: 2.8rem; line-height: 1.9; padding-left: 0.5rem; } .p-top .s-company__content-description p { letter-spacing: 0.03em; font-size: 1.5rem; } .p-top .s-company__content-inner { width: 100%; height: 100%; display: -ms-grid; display: grid; -ms-grid-columns: minmax(auto, 64rem) 1fr; grid-template-columns: minmax(auto, 64rem) 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-company__content-img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-height: 65rem; height: 100%; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .p-top .s-company__content-img img { max-width: 65rem; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .p-top .s-company__content-btn { width: 100%; margin-top: 2rem; } .p-top .s-company__content-btn-list { max-width: 54.5rem; width: 100%; padding-left: 0.5rem; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; grid-gap: 3.2rem; gap: 3.2rem; } .p-top .s-recruit { background-color: #222; position: relative; min-height: 80rem; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } .p-top .s-recruit__content-container { height: 100%; width: 78.8rem; margin-left: auto; position: relative; } .p-top .s-recruit__content-bg-text { position: absolute; max-width: 12.7rem; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; top: 0; left: 0; } .p-top .s-recruit__content-inner { padding-top: 19.1rem; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .p-top .s-recruit .s-recruit__content-title { margin-left: 4rem; } .p-top .s-recruit .s-recruit__content-title-top { margin-left: 9rem; margin-top: 2.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; color: #fff; } .p-top .s-recruit .s-recruit__content-title-top .small-text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; line-height: 1.3; } .p-top .s-recruit .s-recruit__content-title-top .small-text-wrap .small-text { font-size: 3.7rem; font-weight: 900; letter-spacing: 0.05em; } .p-top .s-recruit .s-recruit__content-title-top .big-emphasized-text { background-repeat: no-repeat; background-size: contain; background-position: center; font-size: 10.7rem; font-weight: 900; margin-top: -3.3rem; margin-left: -1.4rem; } .p-top .s-recruit .s-recruit__content-title-top .big-emphasized-text-sub-01 { font-size: 9.8rem; padding-left: 0; } .p-top .s-recruit .s-recruit__content-title-bottom { 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; } .p-top .s-recruit .s-recruit__content-title-bottom .medium-text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2rem; } .p-top .s-recruit .s-recruit__content-title-bottom .medium-text-wrap .medium-text { width: 100%; height: auto; color: #fff; font-weight: 900; font-size: 5.89rem; letter-spacing: 0.03em; line-height: 0.8; } .p-top .s-recruit .s-recruit__content-title-bottom .medium-text-wrap .medium-text .big-text { color: #fff; font-size: 7.95rem; } .p-top .s-recruit .s-recruit__content-description { margin-top: 1.7rem; margin-left: 13rem; line-height: 2.1; } .p-top .s-recruit .s-recruit__content-description p { color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: 0.07em; } .p-top .s-recruit .s-recruit__content-btn { color: #fff; margin-top: 3.8rem; padding-left: 11rem; width: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-right: 25.5rem; } .p-top .s-recruit .s-recruit__content-btn a { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .p-top .s-recruit__content-swiper { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-recruit__content-swiper-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 1.5rem; gap: 1.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 80rem; width: auto; overflow: hidden; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1, .p-top .s-recruit__content-swiper-container .infinite-swiper-2 { position: relative; width: 100%; height: 100%; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1 .swiper-wrapper, .p-top .s-recruit__content-swiper-container .infinite-swiper-2 .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1 .swiper-slide, .p-top .s-recruit__content-swiper-container .infinite-swiper-2 .swiper-slide { width: auto; pointer-events: none; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1 .swiper-slide img, .p-top .s-recruit__content-swiper-container .infinite-swiper-2 .swiper-slide img { height: auto; width: 30rem; -o-object-fit: contain; object-fit: contain; display: block; pointer-events: none; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .p-top .s-news { width: 100%; height: auto; } .p-top .s-news__content-container { max-width: 106.7rem; width: 100%; height: auto; margin-inline: auto; } .p-top .s-news__content-inner { margin-top: 10.7rem; margin-inline: auto; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-top .s-news__content-title { min-height: 20rem; height: auto; margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-top .s-news__content-title .sub-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.8rem; } .p-top .s-news__content-title .sub-title__big-text { line-height: 1.2; } .p-top .s-news__content-title .sub-title__small-text { margin-left: 1rem; } .p-top .s-news__content-title .c-underline-btn { width: 17rem; padding-inline: 1.3rem 0; } .p-top .s-news__news-content { width: 100%; max-width: 81rem; margin-top: 0.7rem; } .p-top .s-news__news-content-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .p-top .s-news__news-content-list-item { width: 100%; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2); overflow: hidden; } .p-top .s-news__news-content-list-item a { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; position: relative; gap: 3rem; } .p-top .s-news__news-content-list-item a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 11.5rem; height: 2px; background-color: #A341A3; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; z-index: 1; } .p-top .s-news__news-content-list-item a span { padding-block: 2rem; letter-spacing: 0.1em; } .p-top .s-news__news-content-list-item a time { width: 11.5rem; height: 100%; color: #A341A3; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.05em; padding-block: 2rem; } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:left-0::after{ content: var(--tw-content); left: 0px; } .after\:top-0::after{ content: var(--tw-content); top: 0px; } .after\:z-10::after{ content: var(--tw-content); z-index: 10; } .after\:h-full::after{ content: var(--tw-content); height: 100%; } .after\:w-full::after{ content: var(--tw-content); width: 100%; } .after\:bg-white::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\[\&\>a\.is-active\>hr\]\:mr-\[0\.5rem\]>a.is-active>hr{ margin-right: 0.5rem; } .\[\&\>a\.is-active\>hr\]\:w-\[1rem\]>a.is-active>hr{ width: 1rem; } .\[\&\>a\.is-active\]\:pointer-events-none>a.is-active{ pointer-events: none; } .\[\&\>a\.is-active\]\:opacity-\[1\]>a.is-active{ opacity: 1; } .\[\&\>a\>hr\]\:h-\[1px\]>a>hr{ height: 1px; } .\[\&\>a\>hr\]\:w-0>a>hr{ width: 0px; } .\[\&\>a\>hr\]\:border-none>a>hr{ border-style: none; } .\[\&\>a\>hr\]\:bg-\[\#000\]>a>hr{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .\[\&\>a\]\:flex>a{ display: -webkit-box; display: -ms-flexbox; display: flex; } .\[\&\>a\]\:items-center>a{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .\[\&\>a\]\:opacity-\[\.3\]>a{ opacity: .3; } .hover\:\[\&\>a\]\:opacity-\[1\]>a:hover{ opacity: 1; } .\[\&_img\]\:h-\[1\.8rem\] img{ height: 1.8rem; } .\[\&_svg\]\:h-\[1\.8rem\] svg{ height: 1.8rem; } @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; } .l-footer { margin-top: 5.6rem; } .l-footer .s-contact { padding-bottom: 4rem; } .l-footer .s-contact__content-bg-text { width: 20rem; } .l-footer .s-contact__content-btn { margin-top: 7.6rem; max-width: 38rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } .l-footer .s-contact__content-btn a { padding-inline: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding-block: 3.5rem 3.5rem; } .l-footer .s-contact__content-btn a .contact-btn-title { margin-top: 2.1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 0.2rem; } .l-footer .s-contact__content-btn a .contact-btn-title-main { font-size: 1.7rem; text-align: center; line-height: 1.5; letter-spacing: 0.05em; } .l-footer .s-contact__content-btn a .contact-btn-title-main .emphasized-text-color { font-size: 3.45rem; } .l-footer .s-contact__content-btn a .contact-btn-title-description { text-align: center; font-size: 1.3rem; line-height: 1.7; letter-spacing: 0.01em; } .l-footer .s-contact__content-btn .contact-btn { width: 100%; margin-top: 2.2rem; } .l-footer .s-contact__content-btn .contact-btn-inner { width: 22.7rem; height: 5rem; padding-left: 1rem; gap: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-footer .s-contact__content-btn .contact-btn-inner .c-circle-btn__text { font-size: 1.4rem; letter-spacing: 0.08em; } .l-footer .s-contact__content-btn .contact-btn-inner .cnv-btn-arrow { width: 5rem; height: 5rem; } .l-footer__content-container { height: auto; } .l-footer__content-inner { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 4.1rem; } .l-footer__content-inner .company-info-container { gap: 2.2rem; } .l-footer__content-inner .company-info-address { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .l-footer__content-inner .company-info-address p { font-size: 1.4rem; letter-spacing: 0.05em; padding-left: 0.4rem; line-height: 1.6; } .l-footer__content-inner .company-info-address .google-map-container { margin-top: 0.2rem; } .l-footer__content-inner .company-info-address .company-info-phone { margin-top: 0.8rem; letter-spacing: 0.05em; } .l-footer__content-inner .company-info-links-container { margin-top: 2.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 3.5rem; } .l-footer__content-inner .company-info-links-container .company-info-links-list { width: 100%; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul { -ms-grid-columns: auto 3rem auto 3rem auto; grid-template-columns: repeat(3, auto); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 1.5rem; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; margin-inline: auto; font-size: 1.3rem; -ms-grid-rows: auto 1.5rem auto 1.5rem auto 1.5rem auto; grid-template-areas: "a b c" "d e f" "g h i" "j k l"; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li { line-height: 1.4; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:before { top: 0; -webkit-transform: translateY(80%); transform: translateY(80%); } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(1) { display: none; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: a; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 7; grid-area: d; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(4) { -ms-grid-row: 3; -ms-grid-column: 5; grid-area: g; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: b; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(6) { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: e; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(7) { -ms-grid-row: 3; -ms-grid-column: 7; grid-area: h; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(8) { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: f; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(9) { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: c; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li .company-info-links-list-sub { gap: 1.1rem; margin-top: 1.3rem; margin-left: -0.7rem; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li .company-info-links-list-sub li:before { top: 0.6em; -webkit-transform: translateY(50%); transform: translateY(50%); } .l-footer__content-inner .company-info-links-container .company-info-links-unique { width: 36rem; } .l-footer__content-inner .company-info-links-container .company-info-links-unique:hover { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .l-footer__copyright-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 1rem; } .l-footer__copyright-inner .l-footer__copyright-text { font-size: 1.1rem; } body:has(.l-header.is-menu-open) { overflow: hidden; } body:has(.l-header.is-menu-open) header.is-scrolled .l-header__content-container .header-logo-container .logo, body:has(.l-header.is-menu-open) .header-logo-container .logo { -webkit-filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important; } @supports not (filter: brightness(0)) { body:has(.l-header.is-menu-open) header.is-scrolled .l-header__content-container .header-logo-container .logo img, body:has(.l-header.is-menu-open) .header-logo-container .logo img { opacity: 0 !important; } body:has(.l-header.is-menu-open) header.is-scrolled .l-header__content-container .header-logo-container .logo::before, body:has(.l-header.is-menu-open) .header-logo-container .logo::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; mask-image: url("../images/top/header-logo.svg"); -webkit-mask-image: url("../images/top/header-logo.svg"); mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; } } body:has(.l-header.is-menu-open) header.is-scrolled .l-header__content-container .header-logo-container .logo img, body:has(.l-header.is-menu-open) .header-logo-container .logo img { -webkit-filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important; } header.is-scrolled .l-header__content-container { padding-block: 0.5rem 1rem; } .l-header__content-container { padding: 2rem 2rem 1rem 1.5rem; } .l-header__content-container .header-logo-container { z-index: 9999; width: 18rem; } .l-header__content-container .header-nav-container { display: none; } .l-header__content-container .hamburger-menu-btn-container { display: block; width: 3rem; height: 2.2rem; padding: 0.2rem; position: relative; cursor: pointer; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; margin-bottom: 0; } .l-header__content-container .hamburger-menu-btn-container span { position: absolute; display: block; width: 100%; height: 2px; background-color: #fff; border-radius: 9999px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .l-header__content-container .hamburger-menu-btn-container span:nth-child(1) { top: 0; } .l-header__content-container .hamburger-menu-btn-container span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .l-header__content-container .hamburger-menu-btn-container span:nth-child(3) { bottom: 0; } .l-header__content-container .hamburger-menu-btn-container.is-active span { z-index: 9999; } .l-header__content-container .hamburger-menu-btn-container.is-active span:nth-child(1) { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .l-header__content-container .hamburger-menu-btn-container.is-active span:nth-child(2) { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); opacity: 0; visibility: hidden; } .l-header__content-container .hamburger-menu-btn-container.is-active span:nth-child(3) { top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .l-header .hamburger-menu-content { width: 100vw; min-height: 100dvh; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.85))), url("../images/top/header-hamburger-menu-bg.jpg"); background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/top/header-hamburger-menu-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: fixed; top: 0; left: 0; z-index: -10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-top: 10rem; overflow: scroll; } .l-header .hamburger-menu-content-container { max-width: 80vw; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4rem; } .l-header .hamburger-menu-content-container .links-container__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } .l-header .hamburger-menu-content-container .links-container__list-item { color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: 0.1em; } .l-header .hamburger-menu-content-container .contact-btn-container { width: auto; height: 100%; padding: 0.8rem 3rem 0.8rem 0.8rem; border-radius: 9999px; background-color: #A341A3; } .l-header .hamburger-menu-content-container .contact-btn-container .btn-link { 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; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 1.5rem; color: #fff; } .l-header .hamburger-menu-content-container .contact-btn-container .btn-link__icon { 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; padding: 0.8rem; border-radius: 9999px; background-color: #fff; } .l-header .hamburger-menu-content-container .contact-btn-container .btn-link__icon img { width: 2rem; height: 2rem; -o-object-fit: contain; object-fit: contain; } .l-header .hamburger-menu-content-container .contact-btn-container .btn-link p { font-size: 1.6rem; font-weight: 500; letter-spacing: 0.1em; } .l-header.is-menu-open .hamburger-menu-content { opacity: 1; visibility: visible; pointer-events: auto; z-index: 9998; } .c-breadcrumb { margin-bottom: 3rem; } .wpcf7 form { margin: 2em 1.5em; } .wpcf7 p { font-size: var(--fs_txt_sp); } .wpcf7 .btn-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0; } .wpcf7 .submit-btn { margin-top: 0; } .wpcf7 .prev-btn { margin-bottom: 0; } .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-profile-container .profile-inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .c-profile-container .profile-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; grid-row: initial; margin-top: 2rem; } .c-profile-container .profile-content-inner { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-profile-container .profile-name { font-size: 1.9rem; letter-spacing: 0.05rem; white-space: nowrap; } .c-profile-container .profile-sub-information { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 1.3rem; gap: 1.1rem; padding-top: 1rem; } .c-profile-container .profile-catchcopy { font-size: 2.6rem; letter-spacing: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .c-profile-container .sub-section-title-container { margin-top: 3rem; } .c-profile-container .sub-section-title-container .title-line { width: 7rem; } .c-profile-container .sub-section-title-container .title-line:first-child { min-width: 1rem; width: auto; } .c-profile-container .sub-section-title-container .sub-section-title-wrap { gap: 0.8rem; } .c-profile-container .sub-section-title-container .sub-section-title-wrap .sub-section-title { width: 23.7rem; } .c-profile-container .sub-section-title-container .sub-section-title-wrap .sub-section-title-jp { font-size: 1.5rem; line-height: 2.1; } .c-profile-container .job-description-container { padding-inline: 0; } .c-profile-container .job-description-item-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin-top: 0.5rem; row-gap: 0; } .c-profile-container .job-description-item .job-description-title { padding-left: 1.5rem; font-size: 1.4rem; letter-spacing: 0.03em; } .c-profile-container .job-description-item .job-description-title::before { width: 1rem; height: 1rem; } .c-profile-container .job-description-item .job-description-content { line-height: 1.6; letter-spacing: 0.08em; } .c-profile-container .job-message-container .sub-section-title-container { margin-top: 2.5rem; } .c-profile-container .job-message-container .sub-section-title-container .title-line:first-child { min-width: 1rem; width: auto; } .c-profile-container .job-message-container .sub-section-title-container .sub-section-title-wrap { gap: 1rem; } .c-profile-container .job-message-container .sub-section-title-container .sub-section-title-wrap .sub-section-title { width: 12.5rem; } .c-profile-container .job-message-container .sub-section-title-container .sub-section-title-wrap .sub-section-title-jp { font-size: 1.5rem; } .c-profile-container .job-message-container .profile-message-content p { font-size: 1.4rem; line-height: 1.6; margin-top: 2rem; } .c-recruit-flow__wrapper { padding-left: 9rem; } .c-recruit-flow__wrapper:last-child .c-recruit-flow__container { border-left: 6px solid transparent; } .c-recruit-flow__container::before { left: -9.7rem; top: -1.6rem; font-size: 1.8rem; } .c-recruit-flow__information { font-size: 1.3rem; letter-spacing: 0.08em; } .c-recruit-flow__information p:not(:first-child) { margin-top: 1rem; } .recruit-qa-container .recruit-qa .trigger { padding: 1rem; } .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; } .c-job-description .trigger > .c-job-description__tabs-wrapper { overflow-x: visible; } .c-job-description .trigger > .c-job-description__tabs-wrapper > .c-job-description__tab-item { width: 100% !important; min-width: 100% !important; padding: 0.8rem 1rem; } .c-job-description .trigger > .c-job-description__tabs-wrapper > .c-job-description__tab-item:nth-child(n+2) { margin-left: 0; margin-top: -1px; } .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; } /* Top margin */ .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; } /* Right margin */ .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; } /* Bottom margin */ .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; } /* Left margin */ .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%; } html { scroll-padding-top: 5.3rem; } .p-top .c-circle-btn a { gap: 1rem; } .p-top .c-circle-btn a .c-circle-btn__text { font-size: 1.4rem; letter-spacing: 0.01em; } .p-top .c-circle-btn a .cnv-btn-arrow { width: 4.5rem; height: 4.5rem; } .p-top .c-circle-btn a .cnv-btn-arrow span img { width: 1.5rem; } .p-top .c-underline-btn a { gap: 0.3rem; padding-block: 0.9rem 1.2rem; } .p-top .c-underline-btn a .c-underline-btn__arrow span img { width: 2.2rem; } .p-top .sub-title { gap: 2rem; margin-bottom: 0.5rem; margin-left: 0; } .p-top .sub-title__big-text { font-size: 2.7rem; letter-spacing: 0; margin-left: 0.4rem; } .p-top .sub-title__small-text { font-size: 1.6rem; padding-left: 1.5rem; } .p-top .s-main { max-height: 68.9rem; } .p-top .s-main__main-content-text { min-width: 35.7rem; bottom: 4rem; left: 51.2%; -webkit-transform: translateX(-52%); transform: translateX(-52%); } .p-top .s-main__main-content-text-title { width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -ms-grid; display: grid; -ms-grid-columns: (auto)[5]; grid-template-columns: repeat(5, auto); -ms-grid-rows: (auto)[2]; grid-template-rows: repeat(2, auto); grid-template-areas: "a b c d e" "f g h i j"; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .p-top .s-main__main-content-text-title .mv-col-text { margin-right: 0; } .p-top .s-main__main-content-text-title .mv-big-text { -webkit-transform: translateY(1rem); transform: translateY(1rem); } .p-top .s-main__main-content-text-title .text-01 { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: a; font-size: 3.5rem; font-weight: 700; line-height: 0.9; margin-bottom: 0; margin-right: 0.3rem; white-space: nowrap; } .p-top .s-main__main-content-text-title .text-02 { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: f; width: 5.5rem; height: -webkit-min-content; height: -moz-min-content; height: min-content; -o-object-fit: contain; object-fit: contain; -webkit-transform: translate(1rem, 0.5rem); transform: translate(1rem, 0.5rem); } .p-top .s-main__main-content-text-title .text-03 { -ms-grid-row: 3; -ms-grid-column: 5; grid-area: g; font-size: 3.4rem; font-weight: 900; margin-left: 1rem; margin-bottom: 0.8rem; white-space: nowrap; margin-right: 0.2rem; } .p-top .s-main__main-content-text-title .text-04 { -ms-grid-row: 3; -ms-grid-column: 7; grid-area: h; width: 11rem; height: auto; -o-object-fit: contain; object-fit: contain; -webkit-transform: translate(0.1rem, 0.7rem); transform: translate(0.1rem, 0.7rem); } .p-top .s-main__main-content-text-title .text-05 { -ms-grid-row: 5; -ms-grid-column: 1; grid-area: i; font-size: 3.2rem; font-weight: 900; margin-bottom: 0.6rem; white-space: nowrap; margin-left: 0; } .p-top .s-main__main-content-text-title .text-06 { -ms-grid-row: 5; -ms-grid-column: 3; grid-area: j; font-size: 3.6rem; font-weight: 900; margin-bottom: 0.6rem; white-space: nowrap; } @media screen and (max-width: 767px){ .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > li:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 1; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(3) { -ms-grid-row: 3; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > li:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 4; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(4) { -ms-grid-row: 5; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > li:nth-of-type(4) { -ms-grid-row: 2; -ms-grid-column: 2; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 3; } .p-top .s-main__main-content-text-title > li:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 2; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(6) { -ms-grid-row: 3; -ms-grid-column: 3; } .p-top .s-main__main-content-text-title > li:nth-of-type(6) { -ms-grid-row: 1; -ms-grid-column: 5; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(7) { -ms-grid-row: 5; -ms-grid-column: 3; } .p-top .s-main__main-content-text-title > li:nth-of-type(7) { -ms-grid-row: 2; -ms-grid-column: 3; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(8) { -ms-grid-row: 3; -ms-grid-column: 5; } .p-top .s-main__main-content-text-title > li:nth-of-type(8) { -ms-grid-row: 2; -ms-grid-column: 1; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(9) { -ms-grid-row: 1; -ms-grid-column: 5; } .p-top .s-main__main-content-text-title > li:nth-of-type(9) { -ms-grid-row: 1; -ms-grid-column: 3; } .p-top .s-main__main-content-text-title .text-01 { -ms-grid-row: 1; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > .text-01 { -ms-grid-row: 1; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title .text-02 { -ms-grid-row: 3; -ms-grid-column: 5; } .p-top .s-main__main-content-text-title > .text-02 { -ms-grid-row: 2; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title .text-03 { -ms-grid-row: 5; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > .text-03 { -ms-grid-row: 2; -ms-grid-column: 2; } .p-top .s-main__main-content-text-title .text-04 { -ms-grid-row: 5; -ms-grid-column: 3; } .p-top .s-main__main-content-text-title > .text-04 { -ms-grid-row: 2; -ms-grid-column: 3; } .p-top .s-main__main-content-text-title .text-05 { -ms-grid-row: 5; -ms-grid-column: 5; } .p-top .s-main__main-content-text-title > .text-05 { -ms-grid-row: 2; -ms-grid-column: 4; } .p-top .s-main__main-content-text-title .text-06 { -ms-grid-row: 7; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > .text-06 { -ms-grid-row: 2; -ms-grid-column: 5; } } .p-top .s-main__main-content-text-title .text-07 { font-size: 3.6rem; font-weight: 900; } .p-top .s-main__main-content-text-subtitle { font-size: 1.6rem; font-weight: 700; margin-top: 1.3rem; padding-left: 1.1rem; letter-spacing: 0.02em; } .p-top .s-about { overflow: hidden; } .p-top .s-about__content-container { height: 97.9rem; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .p-top .s-about__content-inner { height: auto; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .p-top .s-about__content-inner .s-about__content-title { margin-top: 6.9rem; margin-left: 0; } .p-top .s-about__content-inner .s-about__content-title h2 { line-height: 1.6; font-size: 4.3rem; text-align: center; letter-spacing: 0.09em; } .p-top .s-about__content-inner .s-about__content-title h2 .big-text { width: 16rem; height: 12rem; vertical-align: bottom; -webkit-transform: translate(-0.3rem, 1.7rem); transform: translate(-0.3rem, 1.7rem); margin-inline: 0; margin-bottom: 0; } .p-top .s-about__content-inner .s-about__content-title h2 .space { margin-left: 2.5rem; } .p-top .s-about__content-inner .s-about__content-btn { width: 100%; margin-top: 3.7rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-about__content-inner .s-about__content-text { margin-top: 2.5rem; } .p-top .s-about__content-inner .s-about__content-text .s-about__content-description { max-width: 34rem; margin-inline: auto; text-align: center; } .p-top .s-about__content-inner .s-about__content-text .s-about__content-description p { font-size: 1.6rem; letter-spacing: 0.1em; margin-top: 1.5rem; } .p-top .s-about__content-bg-text { max-width: 40rem; width: 100%; left: 0; } .p-top .s-service { margin-top: 0; } .p-top .s-service__content-title { margin-top: 6.3rem; width: 37rem; margin-inline: auto; } .p-top .s-service__content-title .s-service__main-title { white-space: nowrap; width: 100%; font-size: 3.1rem; margin-left: 0; } .p-top .s-service__content-title .s-service__main-title h2 { margin-top: 0.2rem; margin-left: 0; letter-spacing: 0.02em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-service__content-title .s-service__main-title .emphasized-text-01 { font-size: 4rem; margin-right: -1rem; padding-left: 2.5rem; } .p-top .s-service__content-title .s-service__main-title .emphasized-text-01-quote { font-size: 2.5rem; } .p-top .s-service__content-title .s-service__main-title .emphasized-text-02 { font-size: 4rem; } .p-top .s-service__content-title .s-service__main-title .emphasized-text-03 { font-size: 6.8rem; letter-spacing: 0.03em; } .p-top .s-service__content-title .s-service__main-title .text-01 { font-size: 3rem; padding-top: 1rem; } .p-top .s-service__content-title .s-service__main-title .text-02 { font-size: 3.4rem; margin-inline: -0.4rem 0; } .p-top .s-service__content-title .s-service__main-title .text-03 { margin-inline: -0.6rem; } .p-top .s-service__content-title .s-service__main-title .text-04 { margin-left: -1.2rem; } .p-top .s-service__content-description { margin-top: 2.2rem; max-width: 35.5rem; line-height: 1.8; padding-left: 0; } .p-top .s-service__content-inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .p-top .s-service__content-img { margin-top: 2.8rem; padding-left: 2rem; } .p-top .s-service__content-img img { max-width: 100%; height: auto; } .p-top .s-service__content-img-container { position: absolute; bottom: -3.5rem; left: 1rem; width: 31.5rem; height: auto; } .p-top .s-service__content-btn-container { width: 100%; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 1rem; } .p-top .s-service__content-btn { margin-top: 0; margin-inline: auto; } .p-top .s-service__content-btn a { gap: 1rem; } .p-top .s-service__content-btn a .c-circle-btn__text { font-size: 1.5rem; } .p-top .s-company { padding-top: 0; padding-bottom: 8.1rem; } .p-top .s-company__content-title { max-width: 37rem; margin-inline: auto; margin-top: 12rem; white-space: nowrap; } .p-top .s-company__content-title .s-company__main-title { font-size: 2.8rem; margin-top: -0.3rem; padding-left: 0.6rem; } .p-top .s-company__content-title .s-company__main-title .emphasized-text { font-size: 5.08rem; margin-left: 0; } .p-top .s-company__content-title .s-company__main-title .text-01 { padding-left: 0.3rem; line-height: 1.6; } .p-top .s-company__content-description { padding-left: 0; margin-top: 2rem; white-space: wrap; } .p-top .s-company__content-description p { letter-spacing: 0; line-height: 1.8; padding-left: 0; } .p-top .s-company__content-inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .p-top .s-company__content-img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 5rem; } .p-top .s-company__content-img img { max-width: 39rem; height: 21.9rem; margin-inline: auto; } .p-top .s-company__content-btn { margin-top: 1.8rem; } .p-top .s-company__content-btn-list { max-width: 100%; -ms-grid-columns: (auto)[3]; grid-template-columns: repeat(3, auto); gap: 1.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; } .p-top .s-recruit { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .p-top .s-recruit__content-container { width: 100%; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .p-top .s-recruit__content-bg-text { max-width: 40rem; height: auto; } .p-top .s-recruit__content-inner { padding-top: 11rem; padding-bottom: 4rem; max-width: 100%; margin-inline: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-recruit .s-recruit__content-title { margin-left: 0; width: 100%; } .p-top .s-recruit .s-recruit__content-title-top { width: 100%; margin-left: 0; margin-top: 1.6rem; } .p-top .s-recruit .s-recruit__content-title-top .small-text-wrap { width: 100%; } .p-top .s-recruit .s-recruit__content-title-top .small-text-wrap .small-text { font-size: 2.8rem; letter-spacing: 0.1em; } .p-top .s-recruit .s-recruit__content-title-top .big-emphasized-text { width: 100%; font-size: 8.3rem; padding-bottom: 0.7rem; margin-top: -2.7rem; margin-left: 4rem; } .p-top .s-recruit .s-recruit__content-title-top .big-emphasized-text-sub-01 { font-size: 7.4rem; letter-spacing: 0.06em; } .p-top .s-recruit .s-recruit__content-title-bottom { -webkit-transform: translateY(-1.5rem); transform: translateY(-1.5rem); } .p-top .s-recruit .s-recruit__content-title-bottom .medium-text-wrap { gap: 1rem; } .p-top .s-recruit .s-recruit__content-title-bottom .medium-text-wrap .medium-text { font-size: 4.26rem; } .p-top .s-recruit .s-recruit__content-title-bottom .medium-text-wrap .medium-text .big-text { font-size: 5.76rem; } .p-top .s-recruit .s-recruit__content-description { margin-top: 0; margin-left: 0; } .p-top .s-recruit .s-recruit__content-description p { width: 36.5rem; font-size: 1.4rem; letter-spacing: 0.09em; line-height: 1.7; } .p-top .s-recruit .s-recruit__content-btn { margin-top: 2.8rem; padding-left: 0; width: auto; margin-right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-recruit .s-recruit__content-btn a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.5rem; } .p-top .s-recruit .s-recruit__content-btn a .c-circle-btn__text { font-size: 1.7rem; } .p-top .s-recruit__content-swiper { padding-bottom: 5.7rem; } .p-top .s-recruit__content-swiper-container { width: 100%; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: (auto)[2]; grid-template-rows: repeat(2, auto); gap: 1.5rem; max-width: 100%; max-height: 22.5rem; margin-bottom: 0; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1, .p-top .s-recruit__content-swiper-container .infinite-swiper-2 { height: 100%; overflow: hidden; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1 .swiper-wrapper, .p-top .s-recruit__content-swiper-container .infinite-swiper-2 .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 400%; /* 20枚用 */ -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 1.5rem; -webkit-animation-duration: 50s; animation-duration: 50s; /* 2セット分を50sで＝表示速度は25s時代と同じ・ループだけ50sに */ -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1 .swiper-slide, .p-top .s-recruit__content-swiper-container .infinite-swiper-2 .swiper-slide { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; /* 20枚で400% */ height: 100%; min-width: 0; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1 .swiper-slide img, .p-top .s-recruit__content-swiper-container .infinite-swiper-2 .swiper-slide img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .p-top .s-recruit__content-swiper-container .infinite-swiper-1 .swiper-wrapper { -webkit-animation-name: recruit-flow-left; animation-name: recruit-flow-left; } .p-top .s-recruit__content-swiper-container .infinite-swiper-2 .swiper-wrapper { -webkit-animation-name: recruit-flow-right; animation-name: recruit-flow-right; } .p-top .s-news__content-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; max-width: 35rem; } .p-top .s-news__content-title { min-height: inherit; margin-top: 5rem; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 0.5rem; } .p-top .s-news__content-title .sub-title { gap: 0.7rem; } .p-top .s-news__content-title .sub-title__small-text { margin-left: 0.4rem; margin-top: -0.6rem; } .p-top .s-news__content-title .c-underline-btn { width: auto; padding-inline: 0; margin-top: 0; margin-right: 0; gap: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-top .s-news__content-title .c-underline-btn a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; padding-left: 0.5rem; } .p-top .s-news__content-title .c-underline-btn a .c-underline-btn__text { font-size: 1.4rem; } .p-top .s-news__content-title .c-underline-btn a .c-underline-btn__arrow { width: 2rem; } .p-top .s-news__news-content { margin-top: 0; } .p-top .s-news__news-content-list { padding-left: 0.5rem; } .p-top .s-news__news-content-list-item a::after { width: 8rem; height: 0.25rem; } .p-top .s-news__news-content-list-item a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 0; padding-top: 1.5rem; } .p-top .s-news__news-content-list-item a span { padding-block: 0 1.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: 1.2rem; } .p-top .s-news__news-content-list-item a time { font-size: 1.3rem; padding-block: 0; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .p-top .s-main__main-content-text-title > li:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(3) { -ms-grid-row: 3; -ms-grid-column: 5; } .p-top .s-main__main-content-text-title > li:nth-of-type(3) { -ms-grid-row: 2; -ms-grid-column: 1; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(4) { -ms-grid-row: 7; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > li:nth-of-type(4) { -ms-grid-row: 2; -ms-grid-column: 5; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 5; } .p-top .s-main__main-content-text-title > li:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 3; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(6) { -ms-grid-row: 5; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > li:nth-of-type(6) { -ms-grid-row: 2; -ms-grid-column: 2; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(7) { -ms-grid-row: 7; -ms-grid-column: 3; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(8) { -ms-grid-row: 3; -ms-grid-column: 1; } .p-top .s-main__main-content-text-title > li:nth-of-type(8) { -ms-grid-row: 1; -ms-grid-column: 4; } .l-footer__content-inner .company-info-links-container .company-info-links-list > ul > li:nth-of-type(9) { -ms-grid-row: 5; -ms-grid-column: 3; } .p-top .s-main__main-content-text-title > li:nth-of-type(9) { -ms-grid-row: 2; -ms-grid-column: 3; } } @media screen and (min-width: 768px) { html [href*="tel:"] { pointer-events: none; } html .sp { display: none !important; } .l-footer .s-contact__content-btn:hover { -webkit-transform: scale(1.02); transform: scale(1.02); } .l-footer .s-contact__content-btn:hover .contact-btn-inner .c-circle-btn__text span:first-child { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .l-footer .s-contact__content-btn:hover .contact-btn-inner .c-circle-btn__text span:last-child { -webkit-transform: translateY(0); transform: translateY(0); } .l-footer .s-contact__content-btn:hover .contact-btn-inner .cnv-btn-arrow span:first-child { -webkit-transform: translate(80%, -80%); transform: translate(80%, -80%); } .l-footer .s-contact__content-btn:hover .contact-btn-inner .cnv-btn-arrow span:last-child { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .l-footer .s-contact__content-btn:hover .contact-btn-title { opacity: 0.8; } .l-footer .s-contact__content-btn:hover .s-contact__content-bg-text { opacity: 0.8; } .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; } .p-top .c-circle-btn a:hover .c-circle-btn__text span:first-child { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .p-top .c-circle-btn a:hover .c-circle-btn__text span:last-child { -webkit-transform: translateY(0); transform: translateY(0); } .p-top .c-circle-btn a:hover .cnv-btn-arrow span:first-child { -webkit-transform: translate(80%, -80%); transform: translate(80%, -80%); } .p-top .c-circle-btn a:hover .cnv-btn-arrow span:last-child { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .p-top .c-underline-btn a:hover .c-underline-btn__text span:first-child { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .p-top .c-underline-btn a:hover .c-underline-btn__text span:last-child { -webkit-transform: translateY(0); transform: translateY(0); } .p-top .c-underline-btn a:hover .c-underline-btn__arrow span:first-child { -webkit-transform: translate(80%, -80%); transform: translate(80%, -80%); } .p-top .c-underline-btn a:hover .c-underline-btn__arrow span:last-child { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .p-top .s-news__news-content-list-item:hover a::after { width: 100%; } } @media (min-width: 768px){ .container{ max-width: 768px; } .p-top .s-recruit__content-swiper-container .infinite-swiper-2 { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .p-top .s-recruit__content-swiper-container .infinite-swiper-2 .swiper-slide { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .pc\:flex{ display: -webkit-box; display: -ms-flexbox; display: flex; } .pc\:w-\[75\%\]{ width: 75%; } .pc\:grid-cols-2{ -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } .pc\:justify-between{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pc\:gap-x-\[5rem\]{ -webkit-column-gap: 5rem; -moz-column-gap: 5rem; column-gap: 5rem; } } @media (max-width: 767px){ .sp\:bottom-\[-7\.3rem\]{ bottom: -7.3rem; } .sp\:left-1\/2{ left: 50%; } .sp\:right-auto{ right: auto; } .sp\:hidden{ display: none; } .sp\:h-\[9\.5rem\]{ height: 9.5rem; } .sp\:grid-cols-1{ -ms-grid-columns: (minmax(0, 1fr))[1]; grid-template-columns: repeat(1, minmax(0, 1fr)); } .sp\:flex-col{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sp\:gap-\[3rem\]{ gap: 3rem; } } /*# sourceMappingURL=../../_cache/_maps/styles.css.map */